*, html { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body {
  font-family: 'Roboto Slab', serif;
  font-size: 16px;
  font-weight:300;
  line-height: 1.82857143;
  color: #626262;
  background-color: #fff;
  margin:0; padding:0;
  -webkit-text-size-adjust: 100%; 
 -ms-text-size-adjust: 100%;
}

ul, ul li { list-style:none; padding:0; margin:0 }
.fl { float:left}
.fr { float:right}
.clear { clear:both}

.align-right { text-align:right}
.align-left { text-align:left}
.align-center { text-align:center}
img { max-width:100%; vertical-align:middle}

.alpha { padding-right:0}

.m-t-20 { margin-top:30px;}

a, a:hover { text-decoration:none; transition:all linear 0.3s; -moz-transition:all linear 0.3s; -webkit-transition:all linear 0.3s}
:focus  { outline:none !important; text-decoration:none !important}

a { color:#bf9e58; text-decoration:underline}
a:hover  { color:#333; text-decoration:underline}

p { margin:0 0 30px 0; padding:0  }

section { display:block}
.container { width:100%; max-width:1200px; margin:0 auto; padding:0}

/*--Font awesome--*/
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-phone:before {
  content: "\f095";
}

/*-----Header------*/
.hero-img {/*background:url(../images/head-bg.jpg) no-repeat center top; background-size:cover;*/ height:100vh;}

#video-bg {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background:#000;
    background-size: cover;
}
#video-bg iframe{width:1920px; float:left; height:1024px; margin:0px; padding:0px;}
#no_video{ position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(../images/head-bg.jpg) no-repeat !important;
    background-size: cover;
	display:none;}

.hero-text {position: absolute; width: 100%; text-align: center; top: 45%;}
.hero-text h1 { color:#bf9e58; font-weight:600; font-size:50px; margin:0 auto 10px auto; padding:0; width:60%; text-transform:uppercase; line-height:56px; text-shadow:2px 2px #444 }
.hero-text span { color:#fff; font-size:24px; font-weight:500; text-shadow:1px 1px #444}

header { width:100%; margin-top:10px; position:absolute; top:0; left:0; right:0;}
.top-head {width:100%; float:left; border-top:1px solid rgba(255,255,255,0.5); border-bottom:1px solid rgba(255,255,255,0.5); padding:10px 0; }
.logo { float:left; width:auto; padding-top:8px;}
.call { float:right; width:auto; text-align:right; color:#fff; font-size:23px;} 
.call img { margin-right:13px; }
.call span { font-size:24px; color:#FFF !important; text-decoration:none !important;}
.call span a{color:#FFF !important; text-decoration:none !important;}



main { background:#fff; padding:65px 0; background:url(../images/pattern-bg.jpg) repeat left top; width:100%; float:left}
.heigh-light-text { margin-top:-83px; background-color:rgba(191,158,88,0.9); width:100%; padding:10px; text-align:center; font-size:30px; text-shadow:1px 2px #888; color:#fff; letter-spacing:5px}

h1 { color:#bf9e58; font-size:28px; line-height:32px; font-weight:400; margin:0 0 20px 0; padding:0}


.mid-left { width:62%; float:left}

.mid-right { width:34%; float:right}
.request-form { background:#f2f2f2; border-bottom:2px solid #bebebe; margin-bottom:30px; width:100%; float:left}
.request-form .title { background:#bf9e58; padding:15px 15px 20px 90px; color:#fff; font-size:22px; font-weight:600; line-height:22px; position:relative }
.request-form .title span { font-size:16px; font-weight:300}
.request-form .title:before { content:''; background:url(../images/request-icon.png) no-repeat left top; width:65px; height:65px; display:block; position:absolute; left:15px; top:10px;}

.request-form  .form-div { padding:20px 20px 0 20px;}
.request-form  .form-div p { margin:0 0 12px 0; padding:0 }
.request-form  .form-div p input[type="text"], .request-form  .form-div p textarea { background:#fff; padding:5px 12px; border:1px solid #d3d3d1; width:100%; height:40px; font-family: 'Roboto Slab', serif;  font-size: 14px;  font-weight:300;}
.request-form  .form-div p textarea { height:80px; resize:none}

.brown-btn { color:#fff; font-size:18px; font-weight:600; padding:10px 25px; border:0; font-family: 'Roboto Slab', serif; text-transform:uppercase; letter-spacing:2px; border-radius:7px; cursor:pointer; text-decoration:none;
background: rgba(142,109,37,1);
background: -moz-linear-gradient(top, rgba(142,109,37,1) 0%, rgba(191,158,88,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(142,109,37,1)), color-stop(100%, rgba(191,158,88,1)));
background: -webkit-linear-gradient(top, rgba(142,109,37,1) 0%, rgba(191,158,88,1) 100%);
background: -o-linear-gradient(top, rgba(142,109,37,1) 0%, rgba(191,158,88,1) 100%);
background: -ms-linear-gradient(top, rgba(142,109,37,1) 0%, rgba(191,158,88,1) 100%);
background: linear-gradient(to bottom, rgba(142,109,37,1) 0%, rgba(191,158,88,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e6d25', endColorstr='#bf9e58', GradientType=0 );
}
.brown-btn:hover { color:#fff;text-decoration:none;
background: rgba(191,158,88,1);
background: -moz-linear-gradient(top, rgba(191,158,88,1) 0%, rgba(142,109,37,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(191,158,88,1)), color-stop(100%, rgba(142,109,37,1)));
background: -webkit-linear-gradient(top, rgba(191,158,88,1) 0%, rgba(142,109,37,1) 100%);
background: -o-linear-gradient(top, rgba(191,158,88,1) 0%, rgba(142,109,37,1) 100%);
background: -ms-linear-gradient(top, rgba(191,158,88,1) 0%, rgba(142,109,37,1) 100%);
background: linear-gradient(to bottom, rgba(191,158,88,1) 0%, rgba(142,109,37,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf9e58', endColorstr='#8e6d25', GradientType=0 );
}

.brown-btn.large { width:100%; float:left; text-align:center; padding-top:12px; padding-bottom:12px; font-size:15px }

.testimonial-home .testi-img { margin-bottom:25px;}
.testimonial-home .testi-img img { width:100%; height:auto}
.testimonial-home .author-quote { color:#bf9e58; font-size:22px; font-style:italic; font-weight:400; line-height:36px; margin-bottom:15px;}
.testimonial-home .author-name { color:#707070; font-size:18px; font-weight:400; margin-bottom:20px; }



footer { background:#e0cda5; width:100%; padding:50px 0 40px 0; border-top:3px solid #bf9e58;  border-bottom:1px solid #bf9e58; width:100%; float:left; color:#4b4b4b; }
footer .ft-div { width:29%; float:left; border:1px solid #bf9e58; margin:0 3%; padding:12px;min-height:530px;}
footer .ft-div:first-child { margin-left:0}
footer .ft-div:last-child { margin-right:0}
footer .ft-div .title { font-size:22px; line-height:26px; font-weight:600; color:#bf9e58; letter-spacing:0.05em; position:relative; margin-bottom:35px;}
footer .ft-div .title:after { content:''; width:33px; height:3px; background:#8b8b8b; position:absolute; margin-top:40px; left:0 }

footer .map { width:100%; height:250px; border:1px solid #fff}
footer .map iframe{ width:100%; float:left; height:100%; margin:0px; padding:0px;}
footer .map img { max-width:100%}
footer .ft-contact .address { font-size:14px; line-height:22px; margin-top:5px;}
footer .ft-contact .address span { font-weight:600; font-size:16px}
footer .ft-contact .phone { font-size:14px; line-height:22px; padding-left:27px; position:relative; margin-top:4px; }
footer .ft-contact .phone:before { content:''; background:url(../images/call-icon-sm.png) no-repeat left top; width:20px; height:20px; position:absolute; left:0; margin-top:3px;}
footer .ft-contact p { margin:25px 0 0 0; font-size:14px; color:#4b4b4b; line-height:22px; }
 
footer .practice-area li { margin-bottom:40px; width:100%; float:left }
footer .practice-area li .prac-name { font-size:16px;  font-weight:600; margin-bottom:2px; }
footer .practice-area li p { font-size:14px; color:#4b4b4b; line-height:22px; margin-bottom:0}
footer .practice-area li p a{ color:#5e4309; text-decoration:none; font-weight:600;}
footer .practice-area li p a:hover { color:#4b4b4b;}

footer .about-us .about-img  { margin-bottom:10px;}
footer .about-us .about-img img { width:100%}
footer .about-us .about-title {font-size:16px; color:#4b4b4b; font-weight:600; margin-bottom:2px; }
footer .about-us p { font-size:14px; color:#4b4b4b; line-height:22px; margin-bottom:20px}

.copyright { width:100%; background:#bf9e58; border-top:1px solid #fff; color:#fff; text-align:center; font-size:15px; padding:15px 0; line-height:20px; float:left} 
.copyright a {  color:#fff; text-decoration:none;}
.copyright a:hover {  color:#333; text-decoration:none;}




.main_banner{ 
	position: fixed;
    min-width: 100%;
    min-height:75%;
    width: auto;
    height: auto;
    z-index: -100;   
    background: url(../images/inner_banner.jpg) no-repeat center center;
    background-size:auto 100%;
	background-position:bottom;
	}
	
	
.inner_page{ height:47vh;}

.inner_part{  margin:0; padding:0; float:left;}
.inner_part h1{ color:#bf9e58; font-size:28px; line-height:32px; font-weight:400; margin:0 0 20px 0; padding:0}
.inner_part .content p{ margin:0 0 30px 0; padding:0  ; font-family: 'Roboto Slab', serif;  font-size: 16px;  font-weight:300;  line-height: 1.82857143;  color: #626262; }
.inner_part .content ul{ float:left; width:100%; margin:0 0 30px 0; padding:0; list-style:none;}
.inner_part .content ul li{ float:left; width:94%; margin:3px 0 0 4%; padding:0 0 0 25px;font-family: 'Roboto Slab', serif;  font-size: 16px;  font-weight:300;  line-height: 1.82857143;  color: #626262; background:url(../images/bullet.png) no-repeat left top; background-position:0 11px;}
.inner_part .content img{ max-width:100%; height:auto;margin:8px 0 0px 0}
.inner_part .content img.aligncenter{ display:block; clear:both; margin:0 auto 10px auto;}
.inner_part .content img.alignright{ float:right; margin-left:20px;}
.inner_part .content img.alignleft{ float:left;margin-right:20px;}
.inner_part .content{ display:table;}

.left_logo{ width:auto; float:left; margin:0; padding:0;}
.right_logo{width:auto; float:left; margin:0; padding:0 0 0 6px;}
.right_logo span{ float:left; width:auto; clear:both;}
.right_logo span.top_txt{ float:left; margin:6px 0 0 0; padding:0; display:block; text-transform:uppercase;font-family: 'Roboto Slab', serif; font-size:36px; color:#FFF; font-weight:400; line-height:28px; letter-spacing:3px;}
.right_logo span.bottom_txt{float:left; margin:11px 0 0 0; padding:0; display:block;text-transform:uppercase;font-family: 'Roboto Slab', serif; font-size:15px; color:#FFF; line-height:12px;letter-spacing:2.9px;}



/*----------- practice area -----------*/
.listing_area{ float:left;  margin:0; padding:0;}
.listing_area .content ul{ margin:00px 0 0 0;}
.listing_area .content ul li .prac-name{ float:left; width:100%; margin:0 0 5px 0; padding:0; color:#4b4b4b; font-weight:600; font-size:17px;}
.listing_area .content ul li p{font-size:15px; line-height:22px;}



.content ul{ float:left; width:100%; margin:0 0 30px 0; padding:0; list-style:none;}
.content ul li{ float:left; width:94%; margin:3px 0 0 4%; padding:0 0 0 25px;font-family: 'Roboto Slab', serif;  font-size: 16px;  font-weight:300;  line-height: 1.82857143;  color: #626262; background:url(../images/bullet.png) no-repeat left top; background-position:0 11px;}
.content ol{ float:left; width:94%; margin:0 0 30px 6%; padding:0; }
.content ol li{ float:left; width:94%; margin:3px 0 0 0px; padding:0 0 0 5px;font-family: 'Roboto Slab', serif;  font-size: 16px;  font-weight:300;  line-height: 1.82857143;  color: #626262; }

.inner_part h2{font-family: 'Roboto Slab', serif; font-size:17px; color:#626262; font-weight:600; line-height:26px;}