@charset "utf-8";

/* CSS Document */



/* font-family: 'Prata', serif; */

/* font-family: 'Open Sans', sans-serif; */



body{width:100%; height:100%; background-color:#fff; font-size:18px; font-family: 'Prata', serif; line-height: 26px; letter-spacing: 0.5px; font-weight: 300 !important; text-align:left; color:#000;}

.body-content{ background-color: #fff; position: relative;}

header{ position: fixed; left: 0; top: 0; right: 0; z-index: 99;}

.center{ text-align: center;}



.padding-top-bottom{ padding-top: 20px; padding-bottom: 20px;}

.form-section.padding-top-bottom{ padding-top: 70px; padding-bottom:65px;}



p{font-family: 'Open Sans', sans-serif; color: #000; font-size: 16px; line-height: 24px; font-weight: 400;}

a:hover{ text-decoration: none;}

h1,h2,h3,h4,h5,h6 { font-weight: 600 !important; }

h2{ margin-top: 0; color:#315878 !important;}

h2.center{display: inline-block; font-size: 40px; line-height: 46px; color: #cb9c1d; padding-bottom: 15px; border-bottom: solid 1px #d6a92f; position: relative;}

h2.center:after{content:""; width: 100px; height: 5px; background-color: #d6a92f; position: absolute; left: 50%; margin-left: -50px; bottom: -6px;}

h2.center span{color: #315878; padding-right: 10px;}



h2.left{display: inline-block; font-size: 40px; line-height: 46px; color: #315878; padding-bottom: 15px; border-bottom: solid 1px #d6a92f; position: relative; margin-bottom: 20px;}

h2.left span{color: #315878; padding-right: 10px; position: relative;}

h2.left:after{content:""; height: 5px; background-color: #d6a92f; position: absolute; left: 0; right: 50%; bottom: -6px;}


h3 { font-size: 24px; line-height: 22px; color: #315878 !important; }



.bottom-contact h2.left{color: #cb9c1d; }

.bottom-contact h2.left span{color: #fff; }

.bottom-contact h2.left span:after{content:""; height: 5px; background-color: #d6a92f; position: absolute; left: 0; right: 10px; bottom: -17px;}

.bottom-contact p{color:#fff; padding-bottom: 15px;}



a.menu-button{ width: 46px; height: 30px; font-size: 0; position: fixed; right: 25px; top: 25px; z-index: 9999; display: none;}

a.menu-button:after{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #d6a92f; }

a.menu-button:before{ content: ""; position: absolute; left: 0; right: 0; bottom: 4px; height: 4px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #d6a92f;}



a.menu-button span{font-size: 0;}

a.menu-button span:after{content: ""; position: absolute; left: 0; right: 0; top: 50%; margin-top: -4px; height: 4px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #d6a92f;}

a.menu-button span:before{content: "Menu"; position: absolute; left: 0; right: 0; top: 100%; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 15px; text-transform: uppercase; font-weight: 600; text-align: center; color: #d6a92f;}



input:not([type='submit']){ 
width: 100%; 
-webkit-border-radius: 0; border-radius: 0; padding: 15px; border: 0; height: 56px; font-size: 16px; line-height: 18px; color:#000; font-weight: 400;
}

textarea{width: 100%; -webkit-border-radius: 0; border-radius: 0; padding: 15px; border: 0; height: 156px; font-size: 16px; line-height: 18px; color:#000; font-weight: 400; resize:none;}

input[type='submit']{ 
height: 56px; font-size: 26px; line-height: 28px;
text-transform: uppercase;
font-weight: bold;
width: 100%; /*
background-color: #d6a92f; 
-webkit-border-radius: 0; border-radius: 0; padding: 15px; border: 0; height: 56px; font-size: 26px; line-height: 28px; color:#000; font-weight: 400; */
}


.practice-area-wrap a{background-color: #d6a92f; -webkit-border-radius: 0; border-radius: 0; padding: 14px 15px; border: 0; height: 46px; font-size: 16px; line-height: 18px; color:#000; font-weight: 800; display: inline-block; font-family: 'Open Sans', sans-serif; margin-top: 20px;text-shadow: 1px 2px 0px rgba(255,255,255,0.3);}

.left{ text-align: left;}

.welcome,

.our-attorneys{ background-color: #fff;}

.contact{ background-color: #f2f2f1;}

.top-header,

.logo,

.top-header .header_menu,

.practice-area-block a:after,

a.go-to-top,

a.go-to-top:after,

a.go-to-top:before,

.scroll-icon:after,

.scroll-icon a:before,

.scroll-icon a:after,

.footer-top ul li a,

.practice-area-block:after,

.top-header .social,

.social a:after,

.border-image-area:before,

.border-image-area .border-box-text{

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}


  a.button {
    display: block;
    float: left;
    position: relative;
    height: 35px;
    width: 200px;
    margin: 0 10px 18px 0;
    
    text-decoration: none;
    font: 18px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 35px;
    text-align: center;
    
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;
	padding: 0px;
  }

  input.button:before,
  input.button:after {
    content: '';
    position: absolute;
    left: -1px;
    height: 35px;
    width: 200px;
    bottom: -1px;
    
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;
  }

  input.button:before { 
    height: 23px;
    bottom: -4px;
    border-top: 0;
    
    -webkit-border-radius: 0 0 3px 3px; 
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    
    -webkit-box-shadow: 0 1px 1px 0px #bfbfbf;
    -moz-box-shadow: 0 1px 1px 0px #bfbfbf;
    box-shadow: 0 1px 1px 0px #bfbfbf;
  }

  /* YELLOW */
  input.yellow,
  input.yellow:hover,
  input.yellow:visited {
    color: #996633;
    border-bottom: 4px solid #b98a37;
    text-shadow: 0px 1px 0px #fedd9b;
    
    background: #feda71;
    background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febe4d));
    background: -moz-linear-gradient(top,  #feda71,  #febe4d);
    
    box-shadow: inset 1px 1px 0 #fee9aa;
  }

  .yellow:before,
  .yellow:after {
    border: 1px solid #eab551;
    border-bottom: 1px solid #9f7630;
  }

  input.yellow:hover {
    background: #febe4d;
    background: -webkit-gradient(linear, left top, left bottom, from(#febe4d), to(#feda71));
    background: -moz-linear-gradient(top,  #febe4d,  #feda71);
  }

  a.button:before,
  a.button:after {
    content: '';
    position: absolute;
    left: -1px;
    height: 35px;
    width: 200px;
    bottom: -1px;
    
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;
  }

  a.button:before { 
    height: 23px;
    bottom: -4px;
    border-top: 0;
    
    -webkit-border-radius: 0 0 3px 3px; 
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    
    -webkit-box-shadow: 0 1px 1px 0px #bfbfbf;
    -moz-box-shadow: 0 1px 1px 0px #bfbfbf;
    box-shadow: 0 1px 1px 0px #bfbfbf;
  }

  /* YELLOW */
  a.yellow2,
  a.yellow2:hover,
  a.yellow2:visited {
    color: #996633;
    border-bottom: 4px solid #b98a37;
    text-shadow: 0px 1px 0px #fedd9b;
    
    background: #feda71;
    background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febe4d));
    background: -moz-linear-gradient(top,  #feda71,  #febe4d);
    
    box-shadow: inset 1px 1px 0 #fee9aa;
  }
  a.yellow2:hover {
    background: #febe4d;
    background: -webkit-gradient(linear, left top, left bottom, from(#febe4d), to(#feda71));
    background: -moz-linear-gradient(top,  #febe4d,  #feda71);
  }

  a.yellow,
  a.yellow:hover,
  a.yellow:visited {
    color: #996633;
    border-bottom: 4px solid #b98a37;
    text-shadow: 0px 1px 0px #fedd9b;
    
    background: #feda71;
    background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febe4d));
    background: -moz-linear-gradient(top,  #feda71,  #febe4d);
    
    box-shadow: inset 1px 1px 0 #fee9aa;
  }

  .yellow:before,
  .yellow:after {
    border: 1px solid #eab551;
    border-bottom: 1px solid #9f7630;
  }

  a.yellow:hover {
    background: #febe4d;
    background: -webkit-gradient(linear, left top, left bottom, from(#febe4d), to(#feda71));
    background: -moz-linear-gradient(top,  #febe4d,  #feda71);
  }


.top-header{ background-color:#272727;}

.top-header.small-menu{background-color:#272727;;}

.logo{margin-top: 10px; margin-bottom: 10px; height: 95px;}



.top-header.small-menu .logo{ height: 95px; display: inline-block; margin-top: 10px; margin-bottom: 10px;}

.logo img{ height: auto; display: inline-block;}



.header-right{ text-align: right;}



.top-header .header_menu{ display: inline-block; float: none; margin-top: 42px; vertical-align: top;}



.top-header.small-menu .header_menu{margin-top: 41px;}

.header_menu ul{ float: right; text-align: left; list-style: none; padding:0 0 0 0;}

.header_menu ul li{ float: none; display: inline-block; padding-left: 0px; padding-right: 0px; position: relative;}



.header_menu ul li a{color: #fff; padding-left: 6px; padding-right: 6px; font-size: 17px; line-height:20px; text-transform: uppercase;}

.header_menu ul li:hover a{color: #d6a92f; text-decoration: none;}



.index-banner-wrap{background: url("../images/index-banner-01.jpg") no-repeat center 0; background-size: cover; background-attachment: fixed; text-align: center; position:fixed; left: 0; right: 0; top: 0;min-height: 1000px !important;}

.inner-banner-wrap{background: url("../images/index-banner-01.jpg") no-repeat center 0; background-size: cover; background-attachment: fixed; text-align: center; position:fixed; left: 0; right: 0; top: 0;}

.index-banner-wrap .banner_content{ display: table; width: 100%;}

.index-banner-wrap .banner_content .banner_content_inner{display: table-cell; vertical-align: middle; padding-top: 150px;}



.page .inner-banner-wrap .banner_content{ padding-bottom: 90px; padding-top: 30px;display: inline-block;}

.page .inner-banner-wrap .banner_content span{padding-bottom: 30px;}



.index-banner-wrap p{ color: #fff; font-size: 28px; line-height: 38px; margin-bottom: 10px; margin-top: 10px; font-family: 'Prata', serif;font-weight: bold;text-shadow: 0px 2px #272727;}

.index-banner-wrap h1{color:#fff; font-size: 48px; line-height: 42px; margin-top: 20px; margin-bottom: 20px; text-shadow: 0px 2px #272727; }

.index-banner-wrap span{color: #fff; font-size: 20px; line-height: 30px; margin-top: 30px; text-shadow: 0px 2px #272727; font-weight: bold;}



.inner-banner-wrap h1{color:#fff; font-size: 48px; line-height: 42px; margin-top: 20px; margin-bottom: 20px; text-shadow: 0px 2px #272727;}

.inner-banner-wrap span{color: #fff; font-size: 18px; line-height: 24px; margin-top: 10px; text-transform: none; text-shadow: 0px 1px 1px #272727;}





.banner-scroll{ width: 100%; display: inline-block; margin-top: 90px; position: relative;}



.ceo{ margin-top: 25px;}

.ceo-image{width: 70px; height: 70px; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 25px; float: left; overflow: hidden;}

.ceo-image img{ width: 100%;}

.ceo .author p{font-family: 'Prata', serif; font-size: 18px; line-height: 24px; color: #000; margin-bottom: 0; padding-top: 14px; }

.ceo .author span{font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 18px; font-weight: 400;}



.scroll-icon{width:40px; height: 80px; -webkit-border-radius: 20px; border-radius: 20px; background-color: #d6a92f; position: relative; display: inline-block; font-size: 0; }

.scroll-icon:before{ content: ""; height: 60px; width: 1px; position: absolute; left: 50%; bottom:100%; background-color: #d6a92f; margin-bottom: 15px;}

.scroll-icon:after{ content: "\f107"; position: absolute; left: 0; right: 0; text-align: center; font-family: 'FontAwesome'; color: #fff; font-size: 36px; padding-top: 26px; opacity: 1;}

.scroll-icon:hover:after{ opacity: 0.7;}



.scroll-icon a{font-size: 0; cursor: s-resize; width:40px; height: 80px; -webkit-border-radius: 20px; border-radius: 20px; display: inline-block; margin: 0; position: relative; /* z-index: 9; */}



.scroll-icon a:before{content: "\f107"; position: absolute; left: 0; right: 0; text-align: center; font-family: 'FontAwesome'; color: #fff; font-size: 36px; opacity:0.0; padding-top:26px;}

.scroll-icon:hover a:before{opacity: 0.4; padding-top: 14px;}



.scroll-icon a:after{content: "\f107"; position: absolute; left: 0; right: 0; text-align: center; font-family: 'FontAwesome'; color: #fff; font-size: 36px; opacity: 0.0; padding-top: 26px;}

.scroll-icon:hover a:after{opacity: 1; padding-top: 34px;}



.border-image-area .images{ position: relative;z-index: 9;}


.border-box-text h3{ font-size: 18px; line-height: 22px; color: #315878 !important; margin-bottom: 0;}

.border-image-area:hover .border-box-text h3{color: #c6991f;}

.border-box-text p{ font-size: 14px; line-height: 22px; color: #636363; font-family: 'Open Sans', sans-serif;}



.counter-wrap{background: url("../images/index-counter-bg.jpg") no-repeat 0 0; background-size: cover; background-attachment: fixed;}



.counter-wrap p{font-size: 70px; line-height: 76px; color: #fff; text-align:center; font-family: 'Prata', serif;}

.counter-wrap span{font-size: 18px; line-height: 22px; color: #fff; text-align:center; text-transform: uppercase; display: block;}



.practice-area{ background-color: #f8f8f7;}

.practice-area-block{margin-top: 30px; margin-bottom: 0; padding:40px 20px; position: relative; z-index: 6;  display: table;}

.practice-area-block:after{ content: ""; position: absolute; left:20px; right: 20px; top: 20px; bottom: 20px; border: solid 1px rgba(214,169,47,0.0); z-index: -1;}



.practice-area-block:hover:after{left: 0; right: 0; top: 0; bottom: 0; border: solid 1px rgba(214,169,47,1.0);}



.practice-area-block h3{ text-transform: uppercase; color: #315878; font-size: 20px; line-height: 24px; margin-top: 30px; margin-bottom: 20px;}

.practice-area-block a{font-family: 'Open Sans', sans-serif; color: #000; font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: 600; margin-top: 20px; display: inline-block; position: relative; z-index: 99;}

.practice-area-block:hover a{color: #000;}



.practice-area-block a:after{ content: ""; position: absolute; bottom: -10px; left: -20px; right:-20px; top: -10px; border: solid 1px rgba(214,169,47,0.0); z-index: -1;}

.practice-area-block:hover a:after{bottom: -5px; left: -10px; right:-10px; top: -5px; border: solid 1px rgba(214,169,47,1.0); }



.welcome .border-image-area{margin-top: 0;}

.welcome .border-image-area img{ width: 100%;}



.page .welcome .border-image-area{margin-bottom: 30px;}



.border-image-area{ width: 100%; position: relative; padding-top: 30px; padding-bottom: 30px; margin-top: 30px;}

.border-image-area:before{ content: ""; position: absolute; left: 20px; right: 20px; top: 5px; bottom: 5px; border: solid 6px #ededed; z-index: 1;}

.border-image-area:hover:before{border: solid 6px #dfbe7f;}



.border-images-wrap{ position: relative; z-index: 3; display: inline-block; width: 100%;}

.border-images-wrap:before{ content: ""; display: block; padding-top: 69.7%;}



.border-images{bottom: 0;color: #fff;left: 0;position: absolute;right: 0;text-transform: uppercase;top: 0;}

.border-images img{ width: 100%; }



.border-box-text{}



.bottom-contact{background: url("../images/bottom-contactr-bg.jpg") no-repeat 0 bottom; background-size: cover; background-attachment: fixed;}



.images-wrap, .images-wrap img{ width: 100%;}



.bottom-contact .images-wrap{ margin-top: 60px;}



.footer-top{ padding-top: 60px; padding-bottom: 60px; background-color: #272727;}

.footer-bottom{ background-color: #191919; padding-top: 25px; padding-bottom: 25px;}



a.go-to-top{background-color: #d6a92f; width: 50px; height: 50px; font-size: 0; position: fixed; right: 30px; bottom: 30px; z-index: 99; visibility: hidden; opacity: 0; }



a.go-to-top:after{ content: "\f106"; position: absolute; left: 0; right: 0; text-align: center; font-family: 'FontAwesome'; color: #fff; font-size: 36px; padding-top: 10px;}

a.go-to-top:hover:after{padding-top: 5px;}



a.go-to-top:before{ content: "\f106"; position: absolute; left: 0; right: 0; text-align: center; font-family: 'FontAwesome'; color: #fff; font-size: 36px; padding-top: 10px; opacity: 0.0;}

a.go-to-top:hover:before{padding-top: 14px; opacity: 0.5;}



a.go-to-top.show{ visibility: visible; opacity: 1;}



.footer-top h3{ font-size: 26px; line-height: 28px; font-weight: normal; color:#cb9c1d !important; margin: 0 0 25px 0; padding-bottom: 20px; border-bottom: solid 1px #d6a92f;}

.footer-top h3 span{ color: #fff; padding-right: 5px; position: relative;}

.footer-top h3 span:after{ content: ""; position: absolute; left: 0; right: 5px; bottom: -21px; height: 3px; background-color:#d6a92f; }



.address p,

.address a{color: #b3b3b3; font-size: 15px; line-height: 21px; font-family: 'Open Sans', sans-serif; font-weight: 400; padding-left: 25px; position: relative; width: 100%; display: inline-block; margin-bottom: 25px;}



.address p:before,

.address a:before{ position: absolute; left: 0; width: 20px; height: 20px; text-align: center; font-family: 'FontAwesome'; color: #d6a92f;}



.address p:before{content: "\f041"; font-size: 18px; line-height: 22px;}

.address a.mailid:before{content: "\f0e0"; font-size: 14px; line-height: 22px;}

.address a.ph-no:before{content: "\f10b"; font-size: 24px; line-height: 20px;}



.footer-top ul{ list-style: none; margin: 0; padding: 0;}

.footer-top ul li{ padding-top: 5px; padding-bottom: 5px;}

.footer-top ul li a{ color: #b3b3b3; font-size: 15px; line-height: 18px; font-family: 'Open Sans', sans-serif; font-weight: 400; display: block; border-left: solid 1px rgba(203,156,29,0.0); text-transform: uppercase;}

.footer-top ul li a:hover{color:#d6a92f; padding-left: 6px; border-left: solid 1px rgba(203,156,29,1.0);}



.social a{ width:23px; height: 23px; position: relative; margin-right: 10px; font-size: 0; display: inline-block;}

.social a:after{position: absolute; left: 0; top: -2px; width: 20px; height: 20px; text-align: center; font-family: 'FontAwesome'; color: #b3b3b3; font-size: 27px; line-height: 27px;}

.social a:hover:after{color: #d6a92f;}

.social a.facebook:after{content: "\f082";}

.social a.twitter:after{content: "\f081";}

.social a.linkedin:after{content: "\f08c";}



.top-header .social{ display: inline-block; float: none; vertical-align: top; margin-top: 39px;}

.top-header.small-menu .social{ margin-top: 39px;}

.top-header .social a{width:20px; height: 20px; margin-right: 0; margin-left: 5px;}

.top-header .social a:after{font-size: 22px; line-height: 22px; color: #fff;}

.top-header .social a:hover:after{color: #d6a92f;}



p.copy-right{color: #b3b3b3; font-size: 14px; line-height: 18px; font-family: 'Open Sans', sans-serif; font-weight: 400; text-align: center; margin-bottom: 0;}

p.copy-right a{color: #d6a92f;}



.page .contact-form{ margin-top: 30px;}





.practice-area-innaer .practice-area-wrap{display: table; width: 100%; padding-bottom: 30px; padding-top: 10px; border-bottom: solid 1px #ccc;}

.page .practice-area-innaer .practice-area-wrap h3{ margin-top: 35px;}

.message{ width: calc( 100% - 32px ); float: left; padding-top: 10px; padding-bottom: 10px; margin-top: 20px; margin-left: 15px; margin-right: 15px; text-align: center; border: dashed 1px #d6a92f; color:#50af30; background-color: rgba(255,255,255,0.5); display: none;}

/*------------------------------------------------------------*/
.rss-feed {display: inline-block; margin-top: 41px; padding-right: 5px;}
.rss-feed a {color: #fff;cursor: pointer;font-size: 22px;padding-left: 5px;}
.top-header .call {display: inline-block;float: none;font-size: 22px;margin-left: 6px;margin-top: 41px;vertical-align: top;}
.call a {color: #fff;cursor: pointer;padding-right: 5px;}
.fa-phone-square {padding: 0 5px 0 0;}
.contact-form-top{ background-color:rgba(0, 0, 0, 0.9); overflow: hidden; }
.contact-form-top p{ color: #fff;}
.contact-form-top h2.left span{ color: #fff;}
.call a:hover { color: #d6a92f;}
.rss-feed a:hover{ color: #d6a92f;}
/*------------------------------------------------------------*/