/*
Theme Name:   Viles Law
Theme URI:    http://www.ilawyermarketing.com
Author:       SR
*/

/* CLEARFIX
-------------------------------------------------------------- */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


/*  Reset
=====================*/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family:sans-serif;}
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0 }
body {margin: 0px;}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6, p {font-size:100%; font-weight:normal; -webkit-font-smoothing: antialiased;}
h1, h2 { }
q:before, q:after { content:''}
p {font-size: 16px; line-height: 30px;margin-bottom: 30px; -webkit-font-smoothing: antialiased; letter-spacing: .5px;font-family: Crimson Text;}
a, button, .myelements
{
    -ms-touch-action: manipulation; /* IE10  */
    touch-action: manipulation;     /* IE11+ */
}
.twocol {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
}

/*  Layout 
=====================*/

.contained {
    width: 1170px !important;
    margin: 0 auto;
    position: relative;
    height: auto;
    display: table;
}

h1 {
    font-family: 'Rajdhani';
    font-weight: 600;
    text-transform: uppercase;
    font-size: 40px;
    border-bottom: 1px solid #C4C4C4;
    padding-bottom: 30px;
    margin-bottom: 35px;
    margin-top: 85px;
}

h2 {
    font-family: 'Rajdhani';
    font-size: 22px;
    color: #000000;
    font-weight: 500;
}

h3 {
    font-family: 'Rajdhani';
    text-transform: uppercase;
    font-weight: 600;
    color: #004db5;
}

.internal_page h2 {
    color: #004db5;
}

.page-template-default h1 {
    text-align: center;
}

.top_bar {
    height: 110px;
    background-color: #000000;
}

.points li {
    width: 24%;
    float: left;
    text-align: center;
    margin-right: 1.333%;
    border-top: solid 9px #004db5;
    padding-bottom: 90px;
}

.points p {
    margin-bottom: 0px;
    font-size: 19px;
    font-family: Crimson Text;
    margin: 0 auto;
    width: 90%;
}

.mast {
    height: 488px;
    background: url('images/desktop-mainimage.jpg') top center;
}

.page-id-5 .mast {
    height: 560px;
    background: url('images/desktop-mainimage.jpg') top center;
    background-size: cover;
}

section.testimonials {padding-bottom: 70px;}

section.points {
    display: -webkit-box;
    background: url('images/black-bgpattern.png');
    color: #ffffff;
}

.mast h2 {
    margin-top: 62px;
    text-transform: uppercase;
    color: #000000;
    font-size: 50px;
    font-weight: 600;
    font-family: Rajdhani;
}

.page-id-5 .mast h2 {
    margin-top: 60px;
    text-transform: uppercase;
    color: #000000;
    font-size: 60px;
    font-weight: 600;
    font-family: Rajdhani;
}

.testimonials h2 {
    margin-top: 70px;
    text-transform: uppercase;
    font-size: 35px;
    font-family: Rajdhani;
    font-weight: 600;
    margin-left: 190px;
    margin-bottom: 25px;
}

.info h1 {
    margin-top: 105px;
    text-align: center;
    font-size: 40px;
    text-transform: uppercase;
    font-family: Rajdhani;
    font-weight: 600;
    padding-bottom: 38px;
    border-bottom: 1px solid #C5C5C5;
    margin-bottom: 38px;
}

.att_left {
    width: 50%;
    float: left;
    background: url('images/black-bgpattern.png');
    color: #ffffff;
    text-align: center;
}

.att_right {
    width: 50%;
    float: left;
    background: url('images/attorney-sideimage.jpg') top center;
    background-size: cover;
}

.about h2 {
    margin-top: 124px;
    font-size: 20px;
    text-transform: uppercase;
    font-family: Rajdhani;
    font-weight: 600;
    margin-bottom: 80px;
    margin-left: 165px;
    padding-left: 27px;
    border-left: 5px solid #004DB5;
    padding-top: 15px;
    padding-bottom: 15px;
}

.contact li {
    width: 50%;
    text-align: center;
    float: left;
    margin-top: 120px;
}

.logo {
    height: 110px;
    width: 365px;
    background: url('images/viles-logo.png') center center no-repeat #01327a;
    left: 0px;
    top: 0px;
    float: left;
}
.logo {
    height: 110px;
    width: 365px;
    background: url('../../uploads/2017/03/viles-law-offices-logo.png') center center no-repeat #01327a;
    left: 0px;
    top: 0px;
    float: left;
}


.mast h2 span {
    color: #01327a;
    text-transform: uppercase;
    display: block;
    font-size: 80px;
    font-family: Rajdhani;
    margin-top: -27px;
    margin-bottom: -27px;
}

.page-id-5 .mast h2 span {
    color: #01327a;
    text-transform: uppercase;
    display: block;
    font-size: 90px;
    font-family: Rajdhani;
    margin-top: -27px;
    margin-bottom: -27px;
}

.contact li h3 {
    color: #01327a;
    text-transform: uppercase;
    font-size: 30px;
    display: inline-block;
    font-family: Rajdhani;
    font-weight: 600;
    margin-right: 10px;
}

a.button {
    background: #01327A;
    color: #ffffff;
    text-transform: lowercase;
    text-decoration: none;
    padding: 18px 45px;
    display: inherit;
    font-weight: 500;
    font-size: 24px;
    font-family: Rajdhani;
}

a.button:hover {
    background: #2955ff;
}

.mast h3 {
    font-size: 30px;
    font-family: Crimson Text;
    font-style: italic;
    font-weight: 600;
    width: 490px;
    line-height: .85;
    margin-bottom: 45px;
    margin-top: 10px;
    text-transform: none;
    color: black;
}

.page-id-5 .mast h3 {
    font-size: 40px;
    font-family: Crimson Text;
    font-style: italic;
    font-weight: 600;
    width: 550px;
    line-height: .85;
    margin-bottom: 45px;
    margin-top: 10px;
    text-transform: none;
    color: black;
}

.testimonials a.button {
    font-size: 15px;
    position: absolute;
    right: 0px;
    top: 135px;
    font-weight: 500;
    padding: 15px 30px;
}

.points h2 {
    font-size: 35px;
    font-family: Rajdhani;
    font-weight: 600;
    text-transform: uppercase;
    line-height: .95;
    max-width: 320px;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    margin-top: 86px;
}

.attorney h2 {
    font-size: 40px;
    font-family: Rajdhani;
    padding-top: 135px;
    color: #ffffff;
}

.attorney h3 {
    font-size: 22px;
    font-family: Rajdhani;
    text-transform: capitalize;
    font-weight: 600;
    color: #004DB5;
    margin-top: 7px;
}

.attorney p {
    font-size: 18px;
    width: 75%;
    margin: 0 auto;
}

section.contact {
    background: url('images/black-bgpattern.png');
    color: #ffffff;
    padding-top: 0;
}

.two_col {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
}

.contact h2 {
    font-size: 30px;
    text-transform: uppercase;
    font-family: Rajdhani;
    font-weight: 600;
    margin-top: 10px;
    color: #ffffff;
}

.contact h4 {
    font-size: 24px;
    font-family: Rajdhani;
}

.contact a.tel {
    font-size: 30px;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    font-family: Rajdhani;
}

.numbers {
     width: 370px;
     right: 0px;
     font-weight: 600;
     color: #01327A;
     float: right;
     margin-top: 19px;
 }

.numbersdown {
    width: 370px;
    right: 0px;
    font-weight: 600;
    color: #01327A;
    float: right;
    margin-top: 19px;
}

.top_tel1 {
    float: left;
    margin-right: 32px;
}

.numbers h2 {
    font-size: 22px;
    font-family: 'Crimson Text';
    font-style: italic;
    font-weight: 600;
    color: #2955ff;
}

.numbersdown h2 {
    font-size: 22px;
    font-family: 'Crimson Text';
    font-style: italic;
    font-weight: 600;
    color: #2955ff;
}

a.top_tel {
    font-size: 27px;
    color: #ffffff;
    text-decoration: none;
    font-family: Rajdhani;
}

.numbersdown a.top_tel {
    text-shadow: 2px 2px #000000;
}

.about h3 {
    font-family: Rajdhani;
    color: #004DB5;
    font-size: 22px;
    font-weight: 500;
}

.points li:last-child {
    margin-right: 0%;
}

.points h2:after {
    height: 2px;
    width: 70px;
    background: #004DB5;
    content: '';
    display: block;
    margin: 0 auto;
    margin-top: 45px;
    margin-bottom: 45px;
}

.points li:before {
    content: '';
    position: absolute;
    background: #004DB5;
    height: 80px;
    width: 80px;
    margin-left: -40px;
    border-radius: 40px;
    margin-top: -44px;
}

li.p1:before {
    background: url('images/sp-icon1.png') center center no-repeat;
}
li.p2:before {
    background: url('images/sp-icon2.png') center center no-repeat;
}
li.p3:before {
    background: url('images/sp-icon3.png') center center no-repeat;
}
li.p4:before {
    background: url('images/sp-icon4.png') center center no-repeat;
}

.attorney h3:after {
    height: 5px;
    width: 30px;
    background: #ffffff;
    display: block;
    content: '';
    margin: 0 auto;
    margin-top: 38px;
    margin-bottom: 35px;
}

.about h2:before {
    content: '';
    position: absolute;
    width: 125px;
    height: 95px;
    background: url('images/state_bar.png') center center no-repeat;
    margin-left: -192px;
}

.pa ul li {
    width: 25%;
    float: left;
    text-align: center;
    border-left: 1px solid #C5C5C5;
    box-sizing: border-box;
    padding: 10px 0;
    margin-bottom: 40px;
}

.pa ul li:last-child {
    border-right: 1px solid #c5c5c5;
}

.pa ul li a {
    text-decoration: none;
    font-family: Crimson Text;
    font-style: italic;
    color: #000;
    font-size: 24px;
}

section.pa {
    background: #eeeeee;
    padding-top: 75px;
}

a.pa_view {
    text-align: center;
    margin: 0 auto;
    width: 300px;
    display: table;
    font-size: 20px;
    font-family: Rajdhani;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    color: #004DB5;
    padding-top: 5px;
    margin-bottom: 70px;
}

section.info {  
    padding-bottom: 80px;
}

.att_left a {
    display: inline-block;
    width: auto;
    margin: 0 auto;
    margin-bottom: 130px;
    margin-top: 96px;
}

.contact .button {
    width: 160px;
    margin: 0 auto;
    padding: 11px 40px;
    margin-top: 40px;
    margin-bottom: 80px;
}

.cred_left {
    padding: 25px 0;
    font-family: 'Crimson Text';
    width: 100%;
    text-align: center;
}

.cred_right img {
    float: right;
}

.contact h2:after {
    width: 50px;
    height: 5px;
    background: #ffffff;
    display: block;
    content: '';
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 22px;
}

section.credits {
    color: #ffffff;
    background: #01327A;
}

.contact .social li {
    height: 60px;
    width: 60px;
    margin-right: 60px;
    margin-top: 5px;
}

.social {
    margin: 0 auto;
    display: table;
    padding-top: 60px;
    margin-bottom: 70px;
}

.social ul {
    width: 300px;
    margin: 0 auto;
    display: block;
}

.contact .social li:last-child {
    margin-right: 0px;
}

section.about {
    padding-bottom: 150px;
}

li.gp {
    background: url('images/social-google.png') center center no-repeat;
}
li.fb {
    background: url('images/social-facebook.png') center center no-repeat;
}
li.linked {
    background: url('images/social-linkedin.png') center center no-repeat;
}
li.gp:hover {
    background: url('images/social-google-hover.png') center center no-repeat;
}
li.fb:hover {
    background: url('images/social-facebook-hover.png') center center no-repeat;
}
li.linked:hover {
    background: url('images/social-linkedin-hover.png') center center no-repeat;
}

.social li a {
    width: 60px;
    height: 60px;
    display: block;
}

a.pa_view:hover {
    color: #2955FF;
}

.cred_left a {
    color: #ffffff;
    text-decoration: none;
    font-family: 'Crimson Text';
}

.testimonials h2:before {
    width: 200px;
    height: 32px;
    background: url('images/stars.png') top left no-repeat;
    content: '';
    display: inline-block;
    position: absolute;
    margin-top: 5px;
    margin-left: -189px;
}

.contact_form {
    width: 1200px;
    height: 525px;
    position: absolute;
    margin-left: 50%;
    left: -600px;
    background: -webkit-linear-gradient(#0d3278, #012057);/* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0d3278, #012057);/* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0d3278, #012057);/* For Firefox 3.6 to 15 */
    background: linear-gradient(#0d3278, #012057);/* Standard syntax (must be last) */
    margin-top: -40px;
}

.form_left {
    height: 450px;
    background: url('images/consult-sideimage1.jpg') center left;
    width: 30%;
    float: left;
}

.form_right {
    height: 450px;
    background: url('images/consult-sideimage2.jpg') center right;
    width: 30%;
    float: right;
}

#gmap {
    height: 395px;
}

.gallery-cell {
  width: 100%;
}
.gallery-cell p {
    font-size: 23px;
    font-style: italic;
    margin-bottom: 20px;
}

.gallery {
    width: 75%;
}

.gallery-cell span {
    font-family: 'Rajdhani';
    font-weight: 500;
    text-transform: uppercase;
    font-size: 20px;
    color: #01327A;
}

.tab_pts {
    display: none;
}


#menu-practice-areas li {
    border-bottom: 1px solid #C1C1C1;
}

#menu-practice-areas li a {
    padding: 19px 15px;
    display: block;
    color: #000000;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 20px;
    font-family:"Rajdhani";
    font-weight: 500;
    letter-spacing: .5px;
}

#menu-practice-areas li a:hover {
    background-color: #2955ff;
    color: #ffffff;
}

#dc_jqaccordion_widget-2 {
    margin-top: 98px;
    border-top: 4px solid #01327A;
}

#menu-main li a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 17px;
    font-family: 'Rajdhani', sans-serif;
    padding-bottom: 5px;
    letter-spacing: .75px;
}

#menu-main li {
    display: inline-block;
    margin-right: 55px;
    margin-top: 43px;
    /*
    display: inline-block;
    margin-right: 50px;
    margin-top: 43px;
    */
}

#menu-main li:last-child:after {
    display: none;
}

#menu-main li:after {
    content:'|';
    color: #fff;
    margin-left: 55px;
}


ul.nav-menu li.menu-item-has-children ul.sub-menu {
    /* padding: 5px 14px; */
    margin-top: 22px;
    margin-left: -33px;
    opacity: 0;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    visibility: hidden;
}

ul.nav-menu li.menu-item-has-children:hover > ul.sub-menu {
    display: block;
    z-index: 999;
    opacity: 1;
    margin-top: 11px;
    visibility: visible;
    background-color: rgb(0, 0, 0);
    padding: 0px !important;
    padding-top: 35px !important;
}

ul.nav-menu li ul.sub-menu {
    position: absolute;
}

ul.nav-menu li ul.sub-menu li {
    display:block;
    padding: 0px 0px;
    text-align: left;
}

ul.nav-menu li ul.sub-menu li a {
    color: rgb(105, 109, 124);
    text-shadow: none;
    padding-bottom: 1px;
    letter-spacing: .025em;
    font-size: 15px;
}

ul.nav-menu li ul.sub-menu li:after {
    display: none;
}

ul.nav-menu li ul.sub-menu li a:hover {
  padding-bottom: 3px;
  color: #fff;
}

nav ul.nav-menu li.menu-item-has-children a {
    margin-right: 9px;
}
nav ul.nav-menu li.menu-item-has-children a:after {
    content: '\25BE';
    margin-left: 7px;
    font-size: 14px;
    position: absolute;
}
nav ul.nav-menu li.menu-item-has-children ul li a:after {
    content: '';
}

#menu-main li ul.sub-menu li {
    display: block;
    margin-right: 0px;
    margin-top: -10px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    width: 220px;
    margin-top: 0px !important;
    border-top: 1px solid #8E8E8E;
}

#menu-main li ul.sub-menu li a {
  padding-bottom: 0px;
  color: #ffffff;
  padding-top: 11.5px;
  padding-bottom: 12px;
  /*
  padding-top: 17px;
  padding-bottom: 18px;
  */
  margin-right: 0px!important;
  display: block;
  text-align: center;
}

#menu-main li ul.sub-menu li a:hover {
  color: #fff;
  background: #2854FC;
  border-bottom: none;
}

nav {
    display: inline-block;
    /* margin-left: 55px; */
    margin-left: 400px;
}

#menu-main li a:hover {
    color: #FFFFFF;
    border-bottom: 5px solid #2955FF;
}

#wprmenu_bar {
    width: 84px !important;
    right: 0px !important;
    height: 110px !important;
    left: auto !important;
    right: 0px !important;
}

#wprmenu_bar .menu_title {
    display: none !important;
}

div#wprmenu_bar {
    background: url('images/menu-icon.png') center center no-repeat #ffffff;
}

.wprmenu_icon {
    display: none !important;
}

aside.left_bar {
    width: 26%;
    margin-right: 4%;
    float: left;
}

.right_content {
    width: 70%;
    float: left;
}

.testimonial_list li {
    font-size: 22px;
    font-family: 'Crimson Text';
    font-style: italic;
    text-align: center;
    width: 90%;
    line-height: 1.5;
    margin: 0 auto;
    margin-bottom: 50px;
    border-bottom: 1px solid #01327A;
    padding-bottom: 50px;
}

.testimonial_list h3 {
    font-style: initial;
    margin-top: 35px;
}

.testimonial_list li:before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: url('images/quote-mark.png') top center no-repeat;
    margin-top: 40px;
}

.internal_page .right_content ul {
    margin-bottom: 35px;
}

.internal_page .right_content ul li {
    font-size: 16px;
    line-height: 35px;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .5px;
    font-family: "Crimson Text";
    list-style-type: disc;
    margin-left: 35px;
}

.attorney_left ul li {
    font-size: 16px;
    line-height: 25px;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .5px;
    font-family: "Crimson Text";
    list-style-type: disc;
    margin-left: 35px;
}


.internal_page {
    padding-bottom: 90px;
}

.attorney_left {
    width: 48%;
    float: left;
    margin-right: 2%;
}

.attorney_right {
    width: 48%;
    float: left;
    margin-left: 2%;
}

.attorney_left span {
    font-family: 'Crimson Text';
    color: #004db5;
    font-size: 24px;
    font-style: italic;
    font-weight: 600;
    text-align: center;
    width: 100%;
    display: block;
    padding-bottom: 30px;
    border-bottom: 4px solid #004DB5;
    }

.attorney_left h1 {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    display:none;
}

.con_page li {
    list-style-type: none !important;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 70px;
}

.con_page a.tel {
    color: #000000;
}

.con_page a.button {
    margin-left: 0px;
    margin-top: 25px;
    margin-bottom: 35px;
}

.con_page_map {
    position: absolute;
    margin-left: 37%;
    width: 28%;
    margin-top: -290px;
}

.con_page h2 {font-size: 27px;color:#01327A;}

.con_page h2:after {
    background: #1F4CF8;
    margin-left: 0px;
    width: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
}

label.gfield_label {
    display: none;
}

#input_1_1 {
    width: 29.25%;
    float: left;
    margin-right: 2.25%;
    background: transparent;
    border: 1px solid #ffffff;
    height: 50px;
    padding-left: 2%;
    font-size: 17px;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: .5px;
    font-family: 'Crimson Text';

}


#input_1_2 {
    width: 29.25%;
    float: left;
    margin-right: 2.25%;
    background: transparent;
    border: 1px solid #ffffff;
    height: 50px;
    padding-left: 2%;
    font-size: 17px;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: .5px;
    font-family: 'Crimson Text';

}


#input_1_3 {
    width: 29.25%;
    float: left;
    background: transparent;
    border: 1px solid #ffffff;
    height: 50px;
    padding-left: 2%;
    font-size: 17px;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: .5px;
    font-family: 'Crimson Text';

}


#input_1_4 {
    width: 97%;
    background: transparent;
    border: 1px solid #ffffff;
    padding-left: 2%;
    padding-top: 1.5%;
    margin-top: 13px;
    font-size: 17px;
    height: 90px;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: .5px;
    font-family: 'Crimson Text';
}


#gform_wrapper_1 {width: 90%;margin: 0 auto;margin-top: 55px;}

input {
    -webkit-appearance: none;
}

::-webkit-input-placeholder {
   color: #ffffff;
}

:-moz-placeholder { /* Firefox 18- */
   color: #ffffff;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ffffff;
}

:-ms-input-placeholder {  
   color: #ffffff;
}

input#gform_submit_button_1 {
    font-size: 24px;
    font-family: 'Rajdhani';
    font-weight: 800;
    text-decoration: none;
    color: #000000;
    background-color: #FFFFFF;
    padding: 18px 28px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 50px;
    border: none;
    width: 150px;
    left: 50%;
    position: absolute;
    margin-left: -75px;
}
input#gform_submit_button_1:hover {
    background-color: #000000;
    color: #ffffff;
}

.contact_form h2 {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    margin-top: 50px;
    font-size: 40px;
}

.contact_form span {
    color: #ffffff;
    text-align: center;
    display: block;
    font-family: 'Crimson Text';
    font-style: italic;
    font-size: 17px;
}

.page-id-38 .internal_page ul li {
    width: 33.3%;
    float: left;
    text-align: center;
    font-family: 'Crimson Text';
}

.page-id-38 .internal_page ul li a {
    font-family:'Crimson Text';
    font-style: italic;
    text-decoration: none;
    color: #0D3177;
    font-size: 24px;
    display: inline-block;
    padding: 10px 0;
}

.page-id-38 .internal_page ul li a:hover {
    color: #000000;
}


@media (max-width: 2000px) {
    html { padding-top: 110px!important; }
    .logo {
        margin-top: 0px;
        position: fixed;
        z-index: 69;
    }
    .top_bar {
        margin-top: -110px;
        position: fixed;
        width: 100%;
        z-index: 69;
    }
    body.admin-bar .logo {
        top: 32px;

    }
   body.admin-bar .top_bar {
        top: 142px;
        width: 100%;
    }
    header nav {
       /* display: none; */
    }
    .numbers {
        top: 0px;
        right: 0px;
        position: absolute;
        /*
        right: 80px !important;
        position: absolute;
        */
    }
    .numbersdown {
        top: 0px;
        right: 0px;
        position: absolute;
        /*
        right: 80px !important;
        position: absolute;
        */
    }
    #wprmenu_menu.wprmenu_levels a.wprmenu_parent_item {
        border-left: none !important;
        margin-left: 0px !important;
    }

    #wprmenu_menu .wprmenu_icon_par {
        color: #ffffff !important;
        margin-left: 50% !important;
        left: 60px !important;
        display: block !important;
        padding-top: 19px !important;
    }
    #wprmenu_menu.wprmenu_levels ul li {
        font-size: 13px !important;
        border: none !important;
    }

    #wprmenu_menu.wprmenu_levels ul li a {
        float: left !important;
        border-bottom: 1px solid #656567 !important;
        width: 100% !important;
        text-align: center !important;
    }

    #wprmenu_menu.wprmenu_levels ul li a {
        font-family: 'Rajdhani';
        letter-spacing: 1px;
        font-weight: 500;
        font-size: 17px !important;
        text-transform: uppercase;
    }

    #wprmenu_menu.wprmenu_levels ul li .sub-menu li {
        background-color: #1F4CF8;
    }
    #wprmenu_menu.wprmenu_levels ul li ul li {
        padding-left: 0px !important;
    }

    #wprmenu_menu.wprmenu_levels > ul {
        border-bottom: none!important;
    }

    #wprmenu_menu ul li a, #wprmenu_menu ul li a:hover {
        padding: 18px 0px !important;
    }
    #wprmenu_menu ul li a:hover {
        background: #1F4CF8;
        color: #ffffff !important;
    }

    #wprmenu_menu .wprmenu_levels {
        border-bottom: none!important;
    }
    #wprmenu_menu.wprmenu_levels > ul {
        border-bottom: none!important;
    }
    #wprmenu_menu.wprmenu_levels > ul {
    border-bottom: none !important;
    background: black;
    }
    #wprmenu_menu.top {
        position: absolute !important;
    }
}

    

@media (max-width: 1200px) {
    .contained {
        max-width: 100% !important;
        margin: 0 3%;
        position: relative;
        height: auto;
        clear: both;
        width: 94% !important;
    }
    .contact_form {
        width: 100%;
        position: relative;
        margin-left: 0;
        left: 0;
        margin-top: 0px;
        padding-top: 20px;
    }
    .form_right, .form_left {
        display: none;
    }
}


@media (max-width: 1100px) {

}


@media (max-width: 1000px) {

}


@media (max-width: 900px) {
    .tab_pts {
        display: block;
    }
    .points ul {
        display: none;
    }
    .tab_pts {
        width: 100%;
        padding-bottom: 52px;
        margin-top: -50px;
    }

    .tab_pts .gallery {
        width: 100%;
    }
    .points .tab_pts li:before {
        display: none;
    }
    .points .tab_pts li {
        padding-bottom: 0;
    }
    .tab_pts .flickity-page-dots {
        left: 50%;
        margin-left: -60px;
        position: absolute;
        bottom: 60px;
        z-index: 999;
    }
    .tab_pts .flickity-page-dots .dot {
        height: 6px;
        width: 23px;
        border: none;
        background: #ffffff;
        opacity: 1;
    }
    .tab_pts .gallery-cell p {
        text-align: center;
    }
    .points p {
        width: 60%;
        margin-bottom: 120px;
    }
    .points h2 {
        margin-top: 106px;
    }
    .tab_pts h2:before {
        content: '';
        position: absolute;
        background: #004DB5;
        height: 80px;
        width: 80px;
        left: 50%;
        margin-left: -40px;
        border-radius: 40px;
        margin-top: -151px;
    }
    .pt1 h2:before {
    background: url('images/sp-icon1.png') center center no-repeat;
    }
    .pt2 h2:before {
        background: url('images/sp-icon2.png') center center no-repeat;
    }
    .pt3 h2:before {
        background: url('images/sp-icon3.png') center center no-repeat;
    }
    .pt4 h2:before {
        background: url('images/sp-icon4.png') center center no-repeat;
    }
    .tab_pts .gallery-cell {
        width: 100%;
        margin-top: 60px;
        background: url('images/black-bgpattern.png');
        border-top: 9px solid #004DB5;
    }
    section.points {
        background: none;
        background-color: #ffffff;
    }
    .info h1 {
        margin-top: 15px;
    }
    section.info {
        padding-bottom: 35px;
    }
    .att_left, .att_right {
        width: 100%;
    }
    .attorney h2 {
        padding-top: 85px;
    }
    .att_left a {
        margin-bottom: 65px;
        margin-top: 66px;
    }
    .att_right {
        height: 515px !important;
    }
    .about h2 {
        margin-top: 65px;
    }
    .logo {
        width: 300px;
        background-size: 100%;
    }
    .numbers {
        right: 55px !important;
    }
    .numbersdown {
        right: 55px !important;
    }
    h1 {
        margin-top: 45px;
    }
    #dc_jqaccordion_widget-2 {
        margin-top: 58px;
    }
    #menu-practice-areas li a {
        font-size: 17px;
    }
}


@media (max-width: 800px) {
    .testimonials a.button {
        top: auto;
        bottom: 5px;
    }
    .gallery {
        width: 100%;
    }
    .pa ul li:last-child {
        display: none;
    }
    .pa ul li:first-child {
        border-left: none;
    }
    .pa ul li {
        width: 33.33%;
    }
    section.pa {
        padding-top: 35px;
    }
    a.pa_view {
        margin-bottom: 35px;
    }
    .two_col {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 60px;
        -moz-column-gap: 60px;
        column-gap: 60px;
    }
    .contact li {
        margin-top: 80px;
    }
    .contact .button {
        margin-bottom: 30px;
    }
    section.map {
        display: none;
    }
    .mast {
        display: none;
    }
    .page-id-5 .mast {
        display: block;
    }
    .page-id-38 .internal_page ul li {
        width: 50%;
        float: left;
        text-align: center;
        font-family: 'Crimson Text';
    }
}

@media (max-width: 750px) {
    .logo {
        width: 100%;
        background-size: 300px;
    }
    .top_bar {
        margin-top: 0px;
    }
    .top_tel1 {
        margin-right: 0px;
        display: inline-block;
        width: 50%;
    }
    .top_tel2 {

    }
    .top_bar {
        position: relative;
    }
    .numbers {
        width: 100%;
        right: auto !important;
        margin: 0 auto;
        text-align: center;
        margin-top: 20px;
    }
    .numbersdown {
        width: 100%;
        right: auto !important;
        margin: 0 auto;
        text-align: center;
        margin-top: 20px;
    }
    body.admin-bar .top_bar {
        top: 0px;
        width: 100%;
    }
    body.admin-bar .logo {
        top: 46px;
    }
    aside.left_bar {
    display: none;
    }

    .right_content {
        width: 100%;
    }
    .attorney_left {
        width: 100%;
        margin-right: 0;
    }
    .attorney_right {
        width: 100%;
        margin-left: 0;
    }
    .con_page_map {
        display: none;
    }
}

@media (max-width: 700px) {
.logo {
height: 67px !important;
}
#wprmenu_bar {
height: 67px !important;
}
.top_bar {
    margin-top: -43px;
}
    .contact li {
        width: 100%;
    }
    .about h2 {
        margin-top: 65px;
        margin-left: 0;
        border-left: none;
        padding-left: 0;
        text-align: center;
        padding-top: 140px;
        margin-bottom: 40px;
    }
    .about h2:before {
        content: '';
        position: absolute;
        width: 125px;
        height: 134px;
        background: url('images/state_bar.png') top center no-repeat;
        margin-left: -63px;
        left: 50%;
        margin-top: -173px;
        border-bottom: 5px solid #004DB5;
    }
    .page-id-5 .mast {
        height: 565px;
        background: url('images/mobile-mainimage.jpg') top center;
    }
    .page-id-5 .mast h2 {
        text-align: center;
        margin-top: 270px;
        font-size: 35px;
        color: #ffffff;
        line-height: 1.5;
    }
    .page-id-5 .mast h2 span {
        font-size: 60px;
        color: #1F4CF8;
    }
    .page-id-5 .mast h3 {
        color: #ffffff;
        text-align: center;
        font-size: 24px;
        width: 100%;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    a.request.button {
        width: 106.5%;
        padding: 15px 0;
        margin-left: -3.5%;
        text-align: center;
    }
    .testimonials h2 {
        margin-left: 0px;
        text-align: center;
        margin-top: 90px;
    }

    .testimonials h2:before {
        display: block;
        margin-left: 0px;
        margin: 0 auto;
        width: 100%;
        background-position: top center;
        margin-top: -50px;
    }
    .testimonials a.button {
        position: relative;
        margin: 0 auto;
        margin-top: 40px;
    }
    .testimonials .flickity-page-dots {
        display: none;
    }
    .testimonials .gallery-cell p {
        text-align: center;
    }
    .testimonials .gallery-cell span {
        text-align: center;
        width: 100%;
        display: block;
    }
.mobile-cta {
    display: block !important;
    position: -webkit-sticky;
    position: sticky;
    top: 67px;
}
a.request.button {
text-align: center;
margin-bottom: 30px;
background: #2955ff;
}
body.page-id-38 a.button, body.page-id-31 a.button, body.page-id-29 a.button, body.page-id-21 a.button, body.page-id-17 a.button, body.page-id-15 a.button, body.page-id-13 a.button, body.page-id-11 a.button, body.page-id-9 a.button, body.page-id-7 a.button, body.page-id-34 a.button {
    margin-top: 30px !important;
}
span.call-now-btn {
    border: 2px solid;
    padding: 5px;
    margin-left: 12px;
}
}


@media (max-width: 600px) {
    .points p {
        width: 85%;
    }
    .pa2 {
        display: none;
    }
    .pa ul li {
        width: 106%;
        margin-left: -3%;
        border-left: none;
        border-bottom: 1px solid #C5C5C5;
        margin-bottom: 20px;
        padding-bottom: 30px;
        padding-top: 10px;
    }
    section.pa {
        padding-top: 20px;
    }
    .logo {
        background-position: 10px center;
    }
    #input_1_1 {
        width: 97.25%;
        margin-bottom: 15px;
    }
    #input_1_2 {
         width: 97.25%;       
        margin-bottom: 15px;
    }
    #input_1_3 {
         width: 97.25%;       
    }
    .contact_form {
        height: 680px;
    }
}

@media (max-width: 500px) {
    .contact li h3 {
        display: none;
    }
    .contact h3 {
        display: none;
    }
    .social ul {
        width: 240px;
    }
    .contact .social li {
        margin-right: 30px;
    }
    .mast h3 {
        width: 90%;
    }
    .page-id-38 .internal_page ul li {
        width: 100%;
        float: left;
        text-align: center;
        font-family: 'Crimson Text';
    }
}

@media (max-width: 470px) {
    .logo {
        background-size: 70%;
    }
}
@media (max-width: 400px) {
    .numbers h2 {
        display: inline-block;
        margin-right: 8px;
    }
    .numbersdown h2 {
        display: inline-block;
        margin-right: 8px;
    }
    .top_tel1, .top_tel2 {
        width: 100%;
    }
    .numbers {
        margin-top: 22px;
    }
    .numbersdown {
        margin-top: 22px;
    }

}
.two_col li {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .5px;
    fon;
    font-family: Crimson Text;
    list-style: disc;
    margin-left: 10%;
}
.two_col ul {
    margin-bottom: 4%;
}


/* added by joe 12.29.15 */

.pa ul li a:hover{
    color: #004DB5;
}

.cred_right {
    width: 30%;
    float: right;
    margin-top: -45px;
}

@media(max-width: 1890px){
    #menu-main li {
        margin-right: 50px;
    }

    #menu-main li:after {
        margin-left: 50px;
    }
}

@media(max-width: 1870px){
    #menu-main li {
        margin-right: 45px;
    }

    #menu-main li:after {
        margin-left: 45px;
    }
}

@media(max-width: 1830px){
    #menu-main li {
        margin-right: 40px;
    }

    #menu-main li:after {
        margin-left: 40px;
    }
}

@media(max-width: 1775px){
    #menu-main li {
        margin-right: 35px;
    }

    #menu-main li:after {
        margin-left: 35px;
    }
}

@media(max-width: 1720px){
    #menu-main li {
        margin-right: 30px;
    }

    #menu-main li:after {
        margin-left: 30px;
    }
}

@media(max-width: 1670px){
    #menu-main li {
        margin-right: 25px;
    }

    #menu-main li:after {
        margin-left: 25px;
    }
}

@media(max-width: 1615px){
    #menu-main li {
        margin-right: 20px;
    }

    #menu-main li:after {
        margin-left: 20px;
    }
}

@media(max-width: 1560px){
    #menu-main li {
        margin-right: 50px;
    }

    #menu-main li:after {
        margin-left: 55px;
    }

}
@media(max-width: 2000px) and (min-width: 1561px){
    .numbersdown{
        display: none;
    }
}
@media(max-width: 1199px){
    .numbersdown{
        display: none;
    }
}

@media(max-width:1560px) and (min-width: 1199px){
    .numbers {
        
    }
    .numbersdown {
        top: 110px;
        visibility: hidden;
    }
}

@media(max-width: 1555px){
    #menu-main li {
        margin-right: 42px;
    }

    #menu-main li:after {
        margin-left: 50px;
    }
    .numbers {
        top: 110px;
        top: 0px;
    }
}

@media(max-width: 1500px){
    #menu-main li {
        margin-right: 38px;
    }

    #menu-main li:after {
        margin-left: 45px;
    }
    .numbers {
        top: 110px;
        top: 0px;
    }
}

@media(max-width: 1445px){
    #menu-main li {
        margin-right: 30px;
    }

    #menu-main li:after {
        margin-left: 40px;
    }
    .numbers {
        top: 110px;
        top: 0px;
    }
}

@media(max-width: 1390px){
    #menu-main li {
        margin-right: 29px;
    }

    #menu-main li:after {
        margin-left: 35px;
    }
    .numbers {
        top: 110px;
        top: 0px;
    }
}

@media(max-width: 1335px){
    #menu-main li {
        margin-right: 18px;
    }

    #menu-main li:after {
        margin-left: 30px;
    }
    .numbers {
        top: 110px;
        top: 0px;
    }
}

@media(max-width: 1280px){
    #menu-main li {
        margin-right: 18px;
    }

    #menu-main li:after {
        margin-left: 25px;
    }
    .numbers {
        top: 110px;
        top: 0px;
    }
}

@media(max-width: 1225px){
    #menu-main li {
        margin-right: 9px;
    }

    #menu-main li:after {
        margin-left: 20px;
    }
    .numbers {
        top: 110px;
        top: 0px;
    }
}

@media(max-width: 1199px){
    nav {
        display:none;
    }
    .numbers {
         top: 0px;
         right: 80px !important;
         position: absolute;
     }
    .numbersdown {
        top: 0px;
        right: 80px !important;
        position: absolute;
    }
}

@media(max-width: 750px){
    nav {
        display:none;
    }
    .numbers {
        right: 0px !important;
    }
    .numbersdown {
        right: 0px !important;
    }
}






@media (max-width: 1024px) {
    nav {
        display:none;
    }
    .numbers {
         right: 80px !important;
         position: absolute;
     }
    .numbersdown {
        right: 80px !important;
        position: absolute;
    }
}
@media(max-width: 780px){
    .numbers {
          right: 60px !important;
      }
    .numbersdown {
        right: 60px !important;
    }
}

@media(max-width: 750px){
    .numbers {
        right: 0px !important;
    }
    .numbersdown {
        right: 0px !important;
    }
}

@media (max-width: 1024px){
    .cred_left {
        text-align: center;
        width: 100%;
    }
    .cred_right {
        text-align: center;
        width: 100%;
        margin-bottom: 15px;
    }
    .cred_right img {
        float: none;
        margin-top: 30px;
    }
}

@media (max-width: 768px) {
}

@media (max-width: 700px){
    #banner-scroll {
        display: none;
    }
}

@media (max-width: 414px) and (min-width: 414px) {
    .cred_left {
        font-size: 14px;
    }
}

@media (max-width: 400px){
}



#field_1_6 {
    display: none;
}



#banner-scroll {
    width: 38px;
    height: 40px;
    background: url(images/scroll-downicon.png) 0px 0px no-repeat;
    bottom: -67px;
    left: 50%;
    position: absolute;
    cursor: pointer;
}

body:not(.home) .mast {
    background: url('images/internal-mainimage.jpg') center center;
    height: 250px;
    background-size: cover;
}
body:not(.home) .mast h2 {
    display: none;
}
body:not(.home) .mast h3 {
    margin-top: 39px;
}
@media(min-width: 2000px) {
	nav {
		margin-left: 55px;
	}
	
	.numbersdown {
		display: none;
	}
}

.page-id-42 .details {
	width: 35%;
	float: left;
}

.page-id-42 .map {
	width: 55%;
	float: right;
}
.page-id-42 .map:nth-child(3) {
    width: 100%;
    float: none;
}
.address-wrapper {
	margin-bottom: 55px;
}

@media (max-width: 1000px) {
	.page-id-42 .details {
	width: 100%;
	float: none;
}

.page-id-42 .map {
	width: 100%;
	float: none;
}
}


/* AD EDITS ON TEST PAGES*/

/* PRACTICES PAGE */
body.page-id-38 .mast {
    background: url('../../uploads/2017/03/viles-practice-areas.jpg') center center;
    background-size: cover;
    height: 250px;
}
/* CHILD CUSTODY PAGE */
body.page-id-31 .mast {
    background: url('../../uploads/2017/03/viles-law-child-custody.jpeg') bottom center;
    background-size: cover;
    height: 250px;
}

/* CHILD SUPPORT PAGE */
body.page-id-29 .mast {
    background: url('../../uploads/2017/03/viles-law-child-support.jpeg') center center;
    background-size: cover;
    height: 250px;
}

/* DIVORCE INVOLVING BUSINESS */
body.page-id-21 .mast {
    background: url('../../uploads/2017/02/divorce-involving-business.jpeg') center center;
    background-size: cover;
    height: 250px;
}

/* HIGH NET WORTH DIVORCE */
body.page-id-17 .mast {
    background: url('../../uploads/2017/02/high-net-worth-divorce.jpeg') center center;
    background-size: cover;
    height: 250px;
}

/* MILITARY DIVORCE */
body.page-id-15 .mast {
    background: url('../../uploads/2017/03/240_F_90945100_DWGgf32UpNFNN9UODcJAWRWZUGTHXMCa.jpg') center center;
    background-size: cover;
    height: 250px;
}

/* PROPERTY DIVISION */
body.page-id-13 .mast {
    background: url('../../uploads/2017/03/property-division.jpg') center center;
    background-size: cover;
    height: 250px;
}

/* RELOCATION */
body.page-id-11 .mast {
    background: url('../../uploads/2017/03/viles-law-relocation-1.jpeg') top center;
    background-size: cover;
    height: 250px;
}

/* SAME-SEX MARRIAGE */
body.page-id-9 .mast {
    background: url('../../uploads/2017/02/same-sex-marriage.jpeg') center center;
    background-size: cover;
    height: 250px;
}

/* SPOUSAL SUPPORT */
body.page-id-7 .mast {
    background: url('../../uploads/2017/03/viles-law-spousal-support.jpeg') center center;
    background-size: cover;
    height: 250px;
}

/* ABOUT US */
body.page-id-34 .mast {
    background: url('../../uploads/2017/03/viles-about-us-banner.jpg') center center;
    background-size: cover;
    height: 250px;
}

/* CHANGE THIS FOR ALL PAGES */
body.page-id-38 .mast .contained h2, body.page-id-38 .mast .contained h3, body.page-id-31 .mast .contained h2, body.page-id-31 .mast .contained h3, body.page-id-29 .mast .contained h2, body.page-id-29 .mast .contained h3, body.page-id-21 .mast .contained h2, body.page-id-21 .mast .contained h3, body.page-id-17 .mast .contained h2, body.page-id-17 .mast .contained h3, body.page-id-15 .mast .contained h2, body.page-id-15 .mast .contained h3, body.page-id-13 .mast .contained h2, body.page-id-13 .mast .contained h3, body.page-id-11 .mast .contained h2, body.page-id-11 .mast .contained h3, body.page-id-9 .mast .contained h2, body.page-id-9 .mast .contained h3, body.page-id-7 .mast .contained h2, body.page-id-7 .mast .contained h3, body.page-id-34 .mast .contained h2, body.page-id-34 .mast .contained h3 {
    display: none;
}
body.page-id-38 a.button, body.page-id-31 a.button, body.page-id-29 a.button, body.page-id-21 a.button, body.page-id-17 a.button, body.page-id-15 a.button, body.page-id-13 a.button, body.page-id-11 a.button, body.page-id-9 a.button, body.page-id-7 a.button, body.page-id-34 a.button {
    margin-top: 70px;
}
body.page-id-38 #dc_jqaccordion_widget-2, body.page-id-31 #dc_jqaccordion_widget-2, body.page-id-29 #dc_jqaccordion_widget-2, body.page-id-21 #dc_jqaccordion_widget-2, body.page-id-17 #dc_jqaccordion_widget-2, body.page-id-15 #dc_jqaccordion_widget-2, body.page-id-13 #dc_jqaccordion_widget-2, body.page-id-11 #dc_jqaccordion_widget-2, body.page-id-9 #dc_jqaccordion_widget-2, body.page-id-7 #dc_jqaccordion_widget-2, body.page-id-34 #dc_jqaccordion_widget-2 {
    margin-top: 44px;
}
body.page-id-38 h1, body.page-id-31 h1, body.page-id-29 h1, body.page-id-21 h1, body.page-id-17 h1, body.page-id-15 h1, body.page-id-13 h1, body.page-id-11 h1, body.page-id-9 h1, body.page-id-7 h1, body.page-id-34 h1 {
    margin-top: 30px;
}