/* =====[ FONTS ]================================================= */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
/* =====[ GLOBAL STYLES ]======================================== */
html,body { min-height:100%;height: 100%;}
body { margin:0;background: #fff; font-family: 'Lato', sans-serif; color:#727272; font-size:16px; line-height: normal;}
div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, a { margin:0; padding:0; border:0;}
img { vertical-align: middle;max-width: 100%; height: auto;}
img, a img { border:none;}
h1 { font-size:30px;}
h2 { font-size:24px; }
h3 { font-size:17px;}
h4 { font-size:16px;}
h6{font-size:12px;}
h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; font-weight: normal;font-family: 'Roboto', sans-serif;font-weight: 500;color: #000;text-transform: uppercase;letter-spacing: 0.52px;}
ul li{list-style: none;}
p { margin:0;padding:0;color:#727272;line-height: 26px; font-family: 'Lato', sans-serif; font-size: 16px;font-weight: 400;}
a { color:#231f20; text-decoration:none !important;outline: none;}
a:hover { color:#ff0000; text-decoration:underline;}
a.active{color: #ff0000 !important;}
a:focus{outline: none;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden }
html .clearfix {height:1%;}
.clearfix {display:block}
.clr {clear:both}
.center-block{float: none; margin:0 auto;}
.text-center {text-align: center;}
.bdr-bot0{border-bottom: 0 !important;}
::-moz-placeholder {color: #868686 !important; opacity: 1; font-size: 13px;font-style: italic;}
:-ms-input-placeholder {color: grey !important; opacity: 1;font-size: 13px;font-style: italic;}
::-webkit-input-placeholder {color: #868686 !important; opacity: 1;font-size: 13px;font-style: italic;}
a i {
    padding-right: 10px;
}
.col-md-push-1 {
    left: 8.33333%;
}
.btn:focus{
    outline: none;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
}

/* =====[ NAVBAR CSS ]====================================== */
#wrapper,
header
.brands-section{
    width: 100%;
    float: left;
}

.help-box{
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    float: left;
    line-height: 25px;
}
.help-box em{
    font-style: normal;
    font-weight: 500;
}


.store-links{
    float: right;
    text-transform: uppercase;
}
.store-links li{
    float: left;
    padding: 0 15px;
    line-height: 21px;
}
.store-links li:last-child,
.header-items li:last-child{
    padding-right: 0;
}
.store-links li:first-child,
.header-items li:first-child{
    padding-left: 0;
}
.store-links a{
    font-size: 12px;
    color: #fff;
}
.store-links a:hover{
    color: #f6cfa4;
}
.store-links i{
    padding-right: 5px;
}
.store-links i,
.store-links span{
    display: inline-block;
    vertical-align: middle;
}

.logo,
.header-items li a{
    display: block;
    line-height: 85px;
}
.navbar-inverse {
    background: none;
    border: 0;
}
.navbar{
    margin-bottom: 0;
}
.navbar-collapse.collapse{
    text-align: center;
}
.navbar-nav {
    float: none;
    display: inline-block;
}
.navbar-inverse .navbar-nav > li > a{
    color: #000;
}
.navbar-nav > li > a{
    padding: 0 25px;
    line-height: 85px;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    letter-spacing: 0.5px;
}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {
    color: #e8bf5d;
    background: none;
}
li a.active {
    color: #e8bf5d !important;
}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {
    color: #e8bf5d;
    background: none;
}

.header-items{
    float: right;
}
.header-items li{
    float: left;
    position: relative;
    padding: 0 14px;
}
.header-items li a:hover{
    color: #777;
}
ul.nav.navbar-nav {
    float: right;
}
.nav.navbar-nav li:last-child a {

    padding-right: 0;

}
.navbar-toggle {
    background: #333;
}
.center-block.text-center h1 {font-size: 30px; font-weight: 600;}
button.navbar-toggle.collapsed, .navbar-toggle {
    margin-right: 40px !important;
}
/* =====[ MAIN STYLES ]====================================== */


.DemoBar{
  width: 100%;float: left;position: absolute;top: 0;min-height:62px;left: 0;right: 0;z-index: 9999;
  -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;
  }
.TobBtnBar{
  position: fixed;top: 0;left: 0;right:0;float: left; width: 100%;background:rgba(0,0,0,.9);z-index: 1;text-align: center;line-height: 84px;
}
.TobBtnBar h4 {
    text-transform: capitalize;
}
.TobBtnBar h4{
  color:#fff;font-size: 16px;padding:0;text-decoration: none;margin:0 20px 0 0;display: inline;
  font-family: 'Open Sans', sans-serif;font-weight:600;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;
  -o-transition: all 0.4s;transition: all 0.4s;
}
.TobBtnBar a{
  background:#f10000;color:#fff;font-size: 14px;text-transform: uppercase;padding: 10px 22px;text-decoration: none;
  font-family: 'Open Sans', sans-serif;font-weight:700;border-radius:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;
  -o-transition: all 0.4s;transition: all 0.4s;
}
.TobBtnBar .text-red{
  color:#f10000;font-weight: bold;font-size: 21px;
}
.TobBtnBar a:hover{
  background:#e20404;
} 
.ArrowRight{
  width: 0;height: 0;border-style: solid;border-width: 0 60px 60px 0;border-color: transparent #333333 transparent transparent;
  float: right;position:fixed;right: 0;z-index:9999;cursor: pointer;
}
.ArrowRight i.up {
   border: solid black;padding:4px;right: -50px;top:15px;display: inline-block;position:absolute;border-width:0 2px 2px 0;transform: rotate(-135deg);
   -webkit-transform: rotate(-135deg);border-color:#fff;-webkit-transition: all 0.4s;-moz-transition: all 0.4s; -o-transition: all 0.4s;transition: all 0.4s;
}
body.topBar0 .ArrowRight i.up {
  transform: rotate(45deg);transition: all 0.75s 0.25s;
}
.topBar0 .DemoBar.ArrowDown {
   visibility: hidden;
}

@media (max-width: 767px) {
.TobBtnBar {
    line-height: inherit;
    padding:15px 42px 20px;
}
.TobBtnBar h4 {
    margin: 0 5px;
    font-size: 15px;
    display: inline-block;
    line-height: 30px;
}
.TobBtnBar a {
    display: inline-block;
    padding: 0 10px;
    line-height: 36px;
    min-width: 130px;
    font-size: 13px;
    margin-top: 5px;
}
.TobBtnBar .text-red {
    font-size: 100%;
}

}
/* =====[ contact-page-css ]===== */
.conatct-banner {
    float: left;
    width: 100%;
    background: url(../images/banner-contact.png) no-repeat center center;
    height: 400px;
    display: table;
    background-size: cover;
}
.conatct-banner .container{

    display: table-cell;
    vertical-align: middle;

}
.conatct-banner h1 {
    text-transform: capitalize;
}
.contact-information-section {
    float: left;
    width: 100%;
    padding:80px 0;
}

.contact-info h3, .contact-submit-form h1 {
    font-size: 24px;
    text-transform: capitalize;
}

.contact-info ul li{
margin: 0 0 30px 0;

list-style: none;

position: relative;

float: left;

width: 100%;

font-family: 'Roboto', sans-serif;

font-size: 16px;

color: #000;

line-height: 26px;

font-weight: 300 !important;
}
.contact-info ul li:before {
color: #e8bf5d;
margin-right: 15px;
float: left;
font: normal normal normal 25px/25px FontAwesome !important;
height: 49px !important;
vertical-align: top;
top: 4px;
position: relative;
}
.contact-info ul {
    float: left;

    width: 100%;

    padding: 30px 15px;
}
.contact-submit-form .form-section {
    padding-top: 30px;
}
.contact-submit-form .form-section input::placeholder, .contact-submit-form .form-section textarea::placeholder {
    font-size: 14px;
}
.contact-info ul li a:hover {
   color: #999; 
}
.map-block {
float: left;

width: 100%;

height: 500px;
}
.consult-img {
    background: url(../images/consult.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 51%;
    /*background-position: 50% 0;*/
    height: 534px;
    float: left;
    width: 50%;
    -webkit-flex-wrap: wrap;


}
.consult-form-section {

    width: 50%;
    padding: 40px 40px 29px;
    float: left;
    background: #e8bf5d;

}
.consult-form-section .btn {
    background: #000;
}
.consult-form-section .btn:hover {
    color: #e8bf5d;
}
/* =====[About page-css ]===== */
.about-banner-section {
    float: left;
    width: 100%;
    background: url(../images/about-banner.jpg) no-repeat center center;
    height: 400px;
    display: table;
    background-size: cover;
}

.about-banner-section .container{

    display: table-cell;
    vertical-align: middle;

}
.provide-service {
    float: left;
    width: 100%;
    background: #121315;
    padding: 80px 0px;
}
.legal-section-left h1 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
}
.legal-section-left p {
    color: #fff;
}

.various-cases {
    float: left;
    width: 100%;
    padding: 80px 0;
}
.various-cases .btn {
    float: right;
}
.about-btn {
    margin-top: 30px;
}
.about-us-section p {
    padding:30px 0;
}
.news-letter-section {
    float: left;
    width: 100%;
    text-align: center;
    padding: 80px 0;
    background: #111111 !important;

}
.subscription-form {
    float: none;
    display: inline-block;
}
.subscription-form p {
    font-size: 18px;
}
.subscription-form h1 {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}
.subscription-form .form-group {
    padding-top: 40px;
    margin-bottom: 0;
}
.subscription-form .form-control {

    border-radius: 0!important;
    border-bottom: 1px solid #cccaca;
    padding: 10px;
    box-shadow: none;
    height: 48px;
    border-top: none;
    border-left: none;
    border-right: none;
    letter-spacing: 1px;

}
/* =====[ Banner-css ]===== */
.middle-banner-section {
    float: left;
    width: 100%;
    background: url(../images/middle-banner.png) no-repeat center center;
    height: 700px;
    display: table;
}
.middle-banner-section .container {

    display: table-cell;
    vertical-align: middle;

}
.inner-banner {
    text-align: center;
}

.inner-banner h2 {

    font-size: 30px;
    color: #fff;
    font-weight: 400;

}
.inner-banner h1 {

    font-size: 60px;
    color: #fff;
    font-weight: 400;

}
.inner-banner button {

    margin-top: 20px;

}
/* =====[ About-css ]===== */
.about-us-section {

    float: left;
    width: 100%;
    padding: 80px 0;

}

.about-us-section .center-block p {
    font-size: 18px;
    color: #666666;
}

.about-inner-section {

    float: left;
    width: 100%;
    padding: 60px 0 0;

}

.about-inner-section h1 {

    font-size: 22px;
    text-transform: capitalize;
    font-weight: 600;
    color: #111111;

}
.about-inner-section ul li span {
    font-size: 18px;
    color: #111111;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
}
.about-inner-section ul li p {
    font-size: 16px;
    color: #111111;
}
.expertise-section p {
    color: #666666
}


ul.history-year li{
    float: left;
    width: 100%;
    padding: 10px 0;
}
.expertise-section {
    float: left;
    width: 100%;
}


/* =====[ Practice Area-css ]===== */
.practice-section {
    float: left;
    width: 100%;
    background: #111111;
    padding: 80px 0;
}
.practice-section h1 {
    color: #fff;
}
.practice-section .center-block.text-center p{
font-size: 18px;
color: #fff;
}
.left-img-sec {

    float: left;
    width: 85px;

}
.practice-inner-section .media {

    float: left;
    width: 100%;
    padding-bottom: 50px;

}
.area-text {

    float: left;
    width: 75%;

}
.media-body p {
    color: #fff;

}
.media-body h4.media-heading{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 10px;
}
.practice-inner-section {

    float: left;
    width: 100%;
    padding: 60px 0 0;

}
.media-left {
    width: 10%;
}
.media-left i {
    color: #e8bf5d;
    font-size: 30px;
}

/* =====[ Attorney-css ]===== */
.attorney-section {
    float: left;
    width: 100%;
    padding: 80px 0;
}
.attorney-section .center-block.text-center p {
    font-size: 18px;
    color: #666666;
}

.inner-attorney-sec {

    float: left;
    width: 100%;
    padding: 60px 0 0;

}

.inner-attorney-sec a span {

    padding-top: 15px;
    display: block;
    color: #111111;
    font-size: 18px;

}
.small-title {

    font-size: 12px;
    color: #666666;

}


/* =====[ Clients-sec-css ]===== */
.clients-section {
    float: left;
    width: 100%;
    padding: 80px 0 120px;
    background: #121315;

}
.clients-section .center-block.text-center h1 {
    color: #fff;
}
.clients-section .center-block.text-center p {
    font-size: 18px;
    color: #b9b9b9;
}

.inner-slider-section {
    float: left;
    width: 100%;
    padding: 50px 0 0;
}
.carousel-inner {
    text-align: center;
}
.carousel-inner p {
    font-size: 16px;
    color: #fff;
    padding-top: 30px;
}
.carousel-indicators {
    bottom: -50px;
}
.client-images img {

    border-radius: 100%;
    width: 100px;

}
.carousel-inner p {

    width: 80%;
    float: none;
    display: inline-block;

}

/* =====[ publication-css ]===== */
.center-block.text-center p {
    font-size: 18px;
}
.publication-section {
    float: left;
    width: 100%;
    padding: 80px 0;
}
.publication-block {
    float: left;
    width: 100%;
    padding: 60px 0 0;
}
.publication-titile h2 {

    font-size: 18px;
    text-transform: capitalize;
    font-weight: 400;
    padding-top: 15px;

}
.calendar-date {

    float: right;
    font-style: italic;

}
a.share {

    float: right;
    font-size: 12px;

}
p.publication-text {

    font-size: 14px;
    color: #666666;
    padding: 20px 0;

}
.publication-inner-block {
float: left;

width: 100%;

padding-bottom: 30px;

border-bottom: 2px solid #e8bf5d;
}
.comment-sec {
    font-size: 12px;
}
/* =====[ Question-css ]===== */
.question-section {
    float: left;
    width: 100%;
    padding: 80px 0;
    background: #111111;
}
.question-section .center-block.text-center h1 {
    color: #fff;
}
/* =====[ Plus-minus-css ]===== */
/*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/
.panel,.panel-default > .panel-heading {
    background: none !important;
}

.glyphicon-minus::before {
    color: #fff;
}
    .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
        border: none;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color: #FAFAFA;
        border-color: #EEEEEE;
    }

    .panel-title {
        font-size: 14px;
    }

    .panel-title a {
        display: block;

        margin: 15px;

        text-decoration: none !important;

        color: #e8bf5d;

        border-bottom: 1px solid #e8bf5d !important;

        padding: 15px 0;
    }

    .more-less {
        float: right;
        color: #212121;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }

    .panel-body {

    font-size: 14px;

    color: #fff;

    line-height: 26px;

    letter-spacing: 1px;

    font-weight: 400;

    padding: 0px 15px !important;

    border-top: none !important;
}
.accordion-icon {
    float: none;

    width: 100%;

    text-align: center;

    display: inline-block;
}
.accordion-icon .container {
    width: 70%;
}
#accordion.panel-group {
    text-align: left;
}


/* ----- v CAN BE DELETED v ----- */

.demo {
    padding-top: 60px;
    padding-bottom: 0;
}
.glyphicon {

    font-size: 16px;
    font-weight: 700;
    color: #fff;
    top:0;

}
.attorney-img:hover {
    box-shadow: 0px 0px 4px #626666;
}



/* =====[ Contact-css ]===== */
.contact-us-section {
    float: left;width: 100%;padding: 80px 0;
}
.btn {
    border-radius: 50px;
    box-shadow: none;
    border: 0;
    background: #e8bf5d;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.form-group {
    margin-bottom: 30px;
}
.form-control {
    border-radius: 5px;
    border: 1px solid #cccaca;
    padding: 10px;
    box-shadow: none;
    height: 48px;
}
.contact-us-section .form-section {
    float: left;
    width: 100%;
    padding: 60px 0 0;
}
.form-control::placeholder {
    font-style: normal;
}
/* =====[ Footer-css ]===== */
footer {

    float: left;
    width: 100%;
    background: #111111;
    padding: 20px 0;

}
.footer-title span {

    color: #fff;
    font-size: 16px;

}
.footer-social-links {
    float: left;
    width: 100%;
}
.footer-social-links ul {
    float: right;
}
.footer-social-links .social-links li{

    float: left;
    padding: 0 8px;

}
.footer-social-links ul li a {
    color: #fff;
}
.footer-social-links ul li a:hover {
    color: #e8bf5d;
}
a.comment-sec:hover, a.share:hover {
    color: #e8bf5d;
}
.panel-title a i {
    margin-left: 15px !important;
}
#about-page .about-inner-section p {
    padding: 0;
}
/* =====[ MAIN END ]====================================== */

/* =====[ MEDIA QUERIES ]====================================== */
@media screen and (-webkit-min-device-pixel-ratio:0) { 


}
@media only screen and (min-width: 1200px) and (max-width : 1300px) {
.consult-img {
    height: 517px;
}
}

@media only screen and (min-width: 992px) and (max-width : 1199px) {
.consult-img {
    height: 517px;

}
}

@media only screen and (min-width: 768px) and (max-width : 991px) {
.consult-img {
    height: 534px;
    float: left;
    width: 100%;
    background-attachment: fixed;
}
.consult-form-section {
    width: 100%;
}
.accordion-icon .container {
    width: 100%;
}
}
@media only screen and (min-width: 320px) and (max-width : 767px) {
.menu-block {
    background: #e8bf5d;
}
a.logo{
line-height: 50px;
float: left;
}
.navbar {
    min-height: 0px;
}
span.icon-bar {
    background: #fff;
}
.nav.navbar-nav li a {
    color: #fff;
    line-height: 40px;
}
.home-bar-menus {
    padding: 0;

}
.navbar-inverse {
    background: #000;
}
ul.nav.navbar-nav {

    float: right;
    width: 100%;
    margin: 0;

}
.nav.navbar-nav li:last-child a {

    padding: 0 25px;

}
.navbar-inverse .navbar-collapse {
    border: none !important;
}
.history-year li {

    padding: 0 0 30px !important;

}
.history-year {
padding-top: 20px;

padding-bottom: 40px;

float: left;

width: 100%;
}
.attorney-block {

    padding-bottom: 40px;

}
.attorney-img:hover {

    box-shadow: none;

}
.nav.navbar-nav {

    padding: 20px 0;

}
ul.nav.navbar-nav {
    text-align: center;
}
.contact-submit-form, .contact-info {
    float: left; 
    width:100%;
}
.consult-form-section, .contact-submit-form {
    padding: 40px 30px 29px;
}
.consult-form-section, .consult-img {
    width: 100%;
}
.legal-section-right {
    padding-top: 30px;
}
.about-banner-section {
    background: url(../images/about-banner2.jpg) no-repeat center center;
    height: 400px;
}
#about-page.about-us-section .center-block p {
    padding-bottom: 0;
}

}

@media only screen and (min-width: 480px) and (max-width : 767px) {
.attorney-img img {
    width: 100%;
}
.attorney-block {
    text-align: center;
}
.attorney-section {
    padding-bottom: 40px;
}
.accordion-icon .container {
    width: 100%;
}
.publication-img img {
    width: 100%;
}
.publication-inner-block {
    margin-bottom: 40px;
}
.publication-section {
    padding-bottom: 40px;
}
.footer-title {
    text-align: center;
}
.footer-social-links {
    text-align: center;
    padding-top: 20px;
}
.social-links {
    float: none !important;
    display: inline-block;
}
.about-inner-section {
    text-align: center;
}
.publication-img img {
    width: 100%;
}
.middle-banner-section {
    height: 400px;
}
.practice-section {
    padding-bottom: 30px;
}
.publication-block {
    text-align: center;
}
.publication-inner-block {
width: 70%;

display: inline-block;

float: none;

text-align: left;
}
.consult-img {
    height: 534px;
    float: left;
    width: 100%;
    background-attachment: fixed;
}
.consult-form-section {
    width: 100%;
}
}



@media only screen and (min-width: 320px) and (max-width : 479px) {
    .inner-banner h1 {
    font-size: 35px;
}
.inner-banner h2 {
    font-size: 25px;
}
.practice-section {
    padding: 50px 0 20px;

}
.center-block.text-center h1 {
    font-size: 25px;
}
.attorney-section {
    padding-bottom: 30px;
}
.attorney-block {
    width: 100%;
    text-align: center;
}
.publication-inner-block {
    margin-bottom: 40px;
}
.publication-section {
    padding-bottom: 30px;
}
.accordion-icon .container {
    width: 100%;
    padding:0;
}
.footer-title {
    text-align: center;
}
.footer-social-links {
    text-align: center;
    padding-top: 20px;
}
.social-links {
    float: none !important;
    display: inline-block;
}
.about-inner-section {
    text-align: center;
}
.publication-img img {
    width: 100%;
}
.middle-banner-section {
    height: 350px;
}
.consult-img {
    background-position-x: 30%;
    background-attachment: fixed;
    height: 300px;
}
.consult-form-section, .contact-submit-form {
    padding: 40px 15px 29px !important;
}
.contact-submit-form {
    padding-top:0 !important; 
}
.conatct-banner {
    height: 300px;
}
.various-cases {
    text-align: center;
}
.various-cases .btn {
    float: none;
    display: inline-block;
    margin-top: 30px;
}
.various-cases h1 {
    font-size: 22px;
    line-height: 30px;
}
}