/*Added from old version*/
/* Used in general "in the news" pages */
p.item{padding-top:21px}
p.item a{font-weight:bold}

.floatright{-webkit-box-shadow:-4px 4px 5px #7e796c;-moz-box-shadow:-4px 4px 5px #7e796c;-o-box-shadow:-4px 4px 5px #7e796c;box-shadow:-4px 4px 5px #7e796c;float:right;margin:7px 0 10px 21px;border:0;border:0}
.floatleft{-webkit-box-shadow:4px 4px 5px #7e796c;-moz-box-shadow:4px 4px 5px #7e796c;-o-box-shadow:4px 4px 5px #7e796c;box-shadow:4px 4px 5px #7e796c;float:left;margin:7px 15px 10px 0;border:0}
.floatcenter{-webkit-box-shadow:4px 4px 5px #7e796c;-moz-box-shadow:4px 4px 5px #7e796c;-o-box-shadow:4px 4px 5px #7e796c;box-shadow:4px 4px 5px #7e796c;margin:7px 15px 10px 0;border:0}
img.tall {padding-bottom:30px}  /*used to give more padding at the bottom to some images*/
.tall{margin-bottom:30px}
#contributor{padding-top:290px}
#author{padding-top:21px}




.sub{font-size:18px;font-style:italic;line-height:1.6}  /*used to decrease font size in subtitles within a heading in news pages */
p.heading {font-size:20px;font-weight:bold}


#content-wrap #info #author-name{font-size:18px;margin-bottom:20px;line-height:1.3em;font-family:Verdana,Geneva,sans-serif}
#author-name .sub{font-size:16px}

#info{padding-bottom:40px;padding-top:0;margin-top:40px}

@media screen and (min-width:790px) {
    #info{padding-top:40px}
}


a.back {margin-right:14px;float:right} /* Used in FAQs pages*/
p.box{padding:14px} /* Used to format text within highlited boxes in soft brown */

.highlight{background-color:#F6F4F1;padding-bottom:7px;margin-bottom:35px}
.highlight-b{background-color:#D0C9C2;padding:7px;font-size:17px;color:#082D75}
.navbar a{text-transform:uppercase;font-size:13px}
.phone-info a i{border-radius:50%;text-align:center;border:1px solid #fdad02;color:#fdad02;font-size:30px;line-height:40px;width:40px;height:40px}



/*new definitions */

html {
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%}

body{line-height:1;margin:0;padding:0;overflow-x:hidden}

#NewsLogo{padding-bottom:34px;padding-top:25px}

/* INFO: RIGHT HAND-SIDE COLUMN WITH 'RELATED INFO' AND ARTICLES */
#info{line-height:0.5em;font-size:30px;font-family:Arial, Helvetica, sans-serif;color:#062D5D;padding:14px 0 14px 7px}
#info img {text-align:center !important;margin:0 auto !important} /* What it is usd for?*/
#info p{font-size:16px;line-height:1.3em}
#info ul{list-style:none;padding-left:0}
#info a{text-decoration:none}
#info a:hover{color:#082D75 !important}
	
#info ul li {
    list-style:none;
    display:block;
    padding:1px 0 1px 0;
    height:auto;
    line-height:1.2em;
    color:#062D5D
}

#info ul li a,
#info ul li a:link,
#info ul li a:active{display:block;color:#777;font:normal 15px Verdana, Geneva, sans-serif;padding:0 0 7px 5px;text-decoration:none;line-height:1.3em;border-bottom:solid 1px #E9E9E9}

#info ul li a:hover{color:#FBB702;padding:0 0 7px 5px;border-bottom:solid 1px #E9E9E9;line-height:1.3em}
	
#info .title {
    color:#082D75;
	font-size:18px;
    font-weight:500;
    letter-spacing:0.1px;
	line-height:1.3em;
    margin-bottom:20px;
	font-family:Verdana, Geneva, sans-serif}

#info .name {font-size:14px}	/*  USED? */
	
/* ------------------------- */

.online-review{background-color:#F6F5F2;margin:20px 0 20px 0;padding:20px}
.online-review h6{font-weight:bold}
.online-review .review-date{font-weight:bold}


/* COLUMN IN BIO PAGES FOR PREVIOUS CASES */
#cases ul li {font-size:15px;line-style:normal;line-height:normal;color:#777}
#cases p {font-size:12px;line-style:normal;line-height:normal;color:#777}

/* TOP SECTION IN ATTORNEYS PAGE FOR MARK NEJAME */
#mark-nejame-top{padding:50px;margin:20px 0 20px 0}

.full {
    background:url('../images/mark-neJame-city-2.jpg') no-repeat center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;background-size:cover;height:100%;color:#fff}

/* FORMATTING OF ATTORNEYS BOXES IN ATTORNEYS PAGE */
.attorney_box{height:200px}
.attorney_box img {text-align:center;margin:0 auto;width:100%}

/* FORMATTING OF THE 'YEARS' COLUMN IN MEN NEWS PAGES */
#years ul li a{font-size:20px !important;
    font-width:normal;text-align:center}

#years .current{color:#082D75}

@charset "utf-8";
#languages {width: 100%;display:inline-block}
@media screen and (min-width:790px) {
    #languages{width:24%;float:right;margin-left:300px;margin-top:-40px}
}

.language_list {list-style:none;display:inline-block}
.language_list li{float:left;text-align:center;padding:0 5px}

/* FORMATTING OF CONTACT US FORM ON THE LEFT OF EACH PAGE*/
.panel_leftSLideBar{background:transparent;border-color:transparent;border-radius:0 26px 26px 0;box-shadow:none;color:#fff;height:355px;margin-bottom:20px;position:relative;width:auto}
.panel-leftheading{float:left;height:100%;padding:10px 15px;position:absolute;width:42px;border-radius:0 15px 15px 0}
	
#leftSLideBar{left:-1px;position:fixed;top:30%;z-index:9999999}
#leftSLideBar .panel-rightbody p{line-height:17px}
#leftSLideBar .panel-rightbody i.fa{margin-bottom:30px}
#leftSLideBar .panel-leftheading{opacity:0.8}
#leftSLideBar .panel-lefttitle{bottom:-20px;font-size:22px;font-weight:300;left:0;line-height:35px;white-space:nowrap}
#leftSLideBar .panel.panel-default > img:first-child{height:64px;opacity:0.7;position:absolute;right:53px;top:37px;width:169px}
#leftSLideBar:hover .panel-rightbody{display:table}

/* DEFINES COLOR OF THE CONTACT US VERTICAL TAB AS YELLOW */	
.panel-default > .panel-leftheading{background:#fdad02}

/* SETS THE FORMATTING FOR THE 'CONTACT NEJAME LAW' IN YELLOW TAB AS VERTICAL TEXT */
.panel-lefttitle {
    position:absolute;
    -webkit-transform:rotate(270deg);
    -webkit-transform-origin:left top;
    -moz-transform:rotate(270deg);
    -moz-transform-origin:left top;
    -ms-transform:rotate(270deg);
    -ms-transform-origin:left top;
    -o-transform:rotate(270deg);
    -o-transform-origin:left top;
    transform:rotate(270deg);
    transform-origin:left top;
    text-transform:uppercase;
    padding-top:0}


/*CHECK IF TWO BELOW ARE NEEDED*/
.panel_leftSLideBar a{color:#fff;font-size:24px;font-weight:300}
.panel_leftSLideBar a:hover{text-decoration:none}


/*FORMATTING FOR OPENED CONTACT US FORM*/
.panel-rightbody i{font-size:30px}

.panel-rightbody {
    background:#fff none repeat scroll 0 0;
    border:solid #082D75 1px;
    display:none;
    float:left;
    height:100%;
    margin-left:42px; /* positions box for online box right by yellow tab */
    padding:0; /* padding of the box in which the online form is */
    width:330px;
    border-radius:0 25px 25px 0;
    cursor:auto}

.panel-rightbody > div {
    display:table-cell;
    vertical-align:middle;
    text-align:center}

.panel-rightbody .form-area .form-control{color:#082D75 !important}

.panel-rightbody .form-area .form-control {
    background:transparent}

.panel-rightbody .form-area .form-control::-moz-placeholder {
    color:#082D75 !important
}

.panel-rightbody .btn-blue{background-color:#082D75}

/* --------------------------- */

#MainContent {padding:50px 0}
#content #MainContent ul li ul li{padding-top:14px}
#MainContent ul,.entry-content ol{margin-left:20px;text-align:left}
#MainContent ul li{padding-bottom:7px} /*if formatting problems arise delete this definition and add to the one below*/
#MainContent ol li {padding-top:28px}
#MainContent a{text-decoration:none}
#MainContent a:hover{text-decoration:underline}


/* FORMATTING OF LOGO LOCATED ON FOOTER */
.logo_box{padding-top:30px}

/* TEXT ON YELLOW LINE BEFORE FOOTER ON HOME PAGE */
.box_title {font-size:24px;padding:10px;margin:0}

/*The following definicions handle captions on images*/
figure {display:block}
figure figcaption {font-size:11px;max-width:500px;display:block}

/*article is being used in almost every page. I have not seen any use for it. I believe is coming from another website. I am deleting that instruction from html pages. Delete from here once it is not used anywere else. Not sure where are hgroup, summary*/


article,
footer,
header,
hgroup,
main,
nav,
section,
summary{display:block}

a:focus{outline:none}
a:active,a:hover{outline:0}
a img{border:0}

/* To Adapt video to any screen size */
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

/* not sure which of the following def are used*/
audio,
canvas,
progress,
video {
    display:inline-block;
    vertical-align:baseline}

audio:not([controls]) {
    display:none;
    height:0}

[hidden],
template{display:none}

abbr[title]{border-bottom:1px dotted}

small{font-size:80%}
img{border:0;-ms-interpolation-mode:bicubic}
pre{overflow:auto}

button,
input,
optgroup,
select,
textarea {color:inherit;font:inherit;margin:0}

button{overflow:visible}
button,select{text-transform:none}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance:button;
    cursor:pointer}

input[type="search"] {
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance:none}

button[disabled],
html input[disabled] {
    cursor:default}

button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0}

button,input {line-height:normal;
    *overflow:visible}

input[type="checkbox"],
input[type="radio"] {
    padding:0}

*,
*:before,
*:after {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box}

legend{border:0;padding:0}

textarea{overflow:auto}

optgroup{font-weight:bold}

table{border-collapse:collapse;border-spacing:0}

td, th{padding:0}

.clearfix:after,
.wpc-menu:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden}

.clearfix,
.wpc-menu {
    display:inline-block}

.clearfix,
.wpc-menu{display:block}

.clear,.container {zoom:1}

.clear:before,
.container:before,
.clear:after,
.container:after{display:table;content:""}

.clear:after, .container:after{clear:both}

.none{display:none}


/*--------------------------------------------------------------
2.0 Document Setup
--------------------------------------------------------------*/

/*------------------------------
	2.1 Typography
------------------------------*/

html,body {margin:0;padding:0;height:100%}
body{background:#fff;height:100%}
.site {background:#fff;position:relative;overflow:hidden}
body,button,input,select,textarea {font-family:"PT Sans", Helvetica, Arial, sans-serif;font-size:16px;line-height:1.7;color:#777}

pre,code,input,textarea{font:inherit}
::-moz-selection{background:#000;color:#fff}
::selection{background:#000;color:#fff}


/*------------------------------
	2.2 Links
------------------------------*/
a{color:#082D75;text-decoration:none}
a:hover{text-decoration:none}


/*------------------------------
	2.3 Heading
------------------------------*/
h1{font-family:"Montserrat", Helvetica, Arial, sans-serif;margin-bottom:20px;margin-top:0;letter-spacing:-0.2px;line-height:1.3;font-size:30px;font-weight:500}
@media screen and (min-width:790px) {
    h1{font-size:35px}
}
h3{font-weight:bold;padding-top:28px;margin-bottom:20px}
h6{font-weight:bold;padding-top:8px;margin-bottom:20px}
h2{font-family:"Montserrat", Helvetica, Arial, sans-serif;font-weight:normal;margin-bottom:20px;margin-top:0;letter-spacing:-0.2px}
h5 {font-family:"Montserrat", Helvetica, Arial, sans-serif;font-weight:normal;line-height:1.3;margin-bottom:10px;margin-top:0;padding-top:10px;letter-spacing:-0.2px}
h3 a,h5 a {color:#333;text-decoration:none}

h2{line-height:1.2;font-size:22px;padding-top:35px}
@media screen and (min-width:790px) {
    h2 {font-size:28px}
}

/*------------------------------
	2.4 Base
------------------------------*/
ul,
ol,
dl,
p,
address,
.vcard,
pre,
fieldset,
table,
dt,
dd,
hr {margin-bottom:15px;margin-top:0}


/*------------------------------
	2.5 Content
------------------------------*/

img{height:auto;max-width:100%;vertical-align:middle}

blockquote{clear:both;margin:20px 0}
blockquote p {font-style:italic}
address{margin:20px 0}
hr{border:0;border-top:1px solid #e9e9e9;height:1px;margin-bottom:20px}

/* I believe kbd and code are not being used */
tt,
kbd,
pre,
code,
samp,
var {
    font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    background-color:#e9e9e9;
    padding:5px 7px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px}

pre{overflow:auto;white-space:pre-wrap;max-width:100%;line-height:1.7;margin:20px 0;padding:20px}
abbr {cursor:help;font-size:.95em;text-transform:uppercase;border-bottom:1px dotted #e9e9e9;letter-spacing:1px}
mark{background-color:#fff9c0;text-decoration:none}
small{font-size:75%}
big{font-size:125%}
ul,ol{padding-left:20px}
ul{list-style:disc}
ol{list-style:decimal}
ul li,ol li{margin:8px 0}
dt{font-weight:bold}
dd {margin:0 20px 20px}


/*------------------------------
	2.6 Table
------------------------------*/
table{width:100%;margin-bottom:20px;border-collapse:collapse;border-spacing:0}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td{line-height:1.42857;padding:5px;vertical-align:top;text-align:center}
table > thead > tr > th,
table > thead > tr > td{border-bottom-width:2px}
table th{font-size:14px;letter-spacing:2px;text-transform:uppercase}


/*------------------------------
	2.7 Form
------------------------------*/
fieldset{padding:20px;border:1px solid #e9e9e9}

input[type="reset"],
input[type="submit"],
input[type="submit"] {
    cursor:pointer;
    background:#fab702;
    border:none;
    display:inline-block;
    color:#fff;
    letter-spacing:1px;
    text-transform:uppercase;
    line-height:1;
    text-align:center;
    padding:17px 23px 15px 23px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    box-shadow:0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    margin:3px 0;text-decoration:none;
    font-weight:600;font-size:13px}

input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="submit"]:hover {opacity:0.8}

input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
button:hover,
button:focus {cursor:pointer}

textarea{resize:vertical}

select {max-width:100%;overflow:auto;vertical-align:top;outline:none;border:1px solid #e9e9e9;padding:10px}

textarea,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
    cursor:pointer;
    max-width:100%;
    background-color:transparent;
    border:1px solid #e9e9e9;
    -webkit-appearance:none;
    padding:10px 15.38462px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px}

textarea:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus {outline:none;border-color:#fab702}

button::-moz-focus-inner {border:0;padding:0}

input[type="radio"],
input[type="checkbox"] {margin:0 10px}

input,
textarea,
input[type="submit"]:focus {outline:0 none}


/*------------------------------
	2.8 Accessibility
------------------------------*/

/* Text meant only for screen readers */

.screen-reader-text {clip:rect(1px, 1px, 1px, 1px);
    position:absolute !important}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color:#f8f9f9;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    clip:auto !important;
    color:#fab702;
    display:block;
    height:auto;
    left:5px;
    line-height:normal;
    padding:17px;
    text-decoration:none;
    top:5px;
    width:auto;
    z-index:100000;
    /* Above WP toolbar */
}


/*------------------------------
	2.9 Helper
------------------------------*/
.left{float:left}
.right{float:right}
.text-center{text-align:center}
.text-right{text-align:right}


/*--------------------------------------------------------------
3.0 Layout
--------------------------------------------------------------*/

.container{max-width:1270px;margin:0 auto;padding:0 30px;position:relative}

@media screen and (min-width:790px) {
    .container{padding:0 50px}
	}

.container.full-screen {
    width:100% !important;
    max-width:100% !important}

.container.full-screen .content-area {
    width:100%}

#primary {}

.home #primary {}

.content-area{width:100%;float:none}

@media screen and (min-width:790px) {
    .content-area{width:74.33628%;float:left}
}

.sidebar{width:100%;float:none}

@media screen and (min-width:790px) {
    .sidebar{width:25.66372%;float:left}
}

@media screen and (min-width:790px) {
    .left-sidebar .content-area {float:left;padding-right:39px;border-right:1px solid #e9e9e9;margin-right:1px}
    .left-sidebar .sidebar {padding-left:39px;margin-left:-1px}
}

/* only used by home page */
.grid-row{margin-left:-20px;margin-right:-20px}

.grid-sm-6, 
.grid-md-3, 
.grid-md-4 {position:relative;min-height:1px;padding-left:20px;padding-right:20px}

@media (min-width:768px) {
    .grid-sm-6 {float:left; width:50%}
}

@media (min-width:992px) {
    .grid-md-3, .grid-md-4 {float:left}
    .grid-md-4{width:33.33333333%}
    .grid-md-3{width:25%}
}


/*--------------------------------------------------------------
4.0 Elements
--------------------------------------------------------------*/

/*------------------------------
	4.3 Sidebar
------------------------------*/
.widget-area ul{list-style:none;padding-left:0}
.widget-area a{text-decoration:none}

/*------------------------------
	4.4 Footer
------------------------------*/
.site-footer {padding:0 0 0;background:#111;color:#999;font-size:13px}
.site-footer a,.site-footer .widget a{color:#ddd}
.site-footer a:hover,.site-footer .widget a:hover{color:#fff;text-decoration:underline}
.site-footer .widget{font-size:13px}
.site-footer table > thead > tr > th,
.site-footer table > tbody > tr > th,
.site-footer table > tfoot > tr > th,
.site-footer table > thead > tr > td,
.site-footer table > tbody > tr > td,
.site-footer table > tfoot > tr > td {border-color:rgba(255, 255, 255, 0.3)}

.site-footer textarea,
.site-footer input[type="date"],
.site-footer input[type="datetime"],
.site-footer input[type="datetime-local"],
.site-footer input[type="email"],
.site-footer input[type="month"],
.site-footer input[type="number"],
.site-footer input[type="password"],
.site-footer input[type="search"],
.site-footer input[type="tel"],
.site-footer input[type="text"],
.site-footer input[type="time"],
.site-footer input[type="url"],
.site-footer input[type="week"] {border-color:rgba(255, 255, 255, 0.3)}

.footer-4-columns .footer-column{width:100%}

@media screen and (min-width:790px) {
    .footer-4-columns .footer-column{width:47.96748%;float:left;margin-right:4.06504%}
    .footer-4-columns .footer-2,.footer-4-columns .footer-4{margin-right:0}
}

@media screen and (min-width:1100px) {
    .footer-4-columns .footer-column {width:21.95122%;float:left;margin-right:4.06504%}
    .footer-4-columns .footer-4{margin-right:0}
}

.site-footer .footer-columns{padding:40px 0}
.site-footer .footer-columns .footer-column .widget {padding-bottom:0;margin-bottom:30px;border:none}

@media screen and (min-width:790px) {
    .site-footer .footer-columns .footer-column .widget{margin-bottom:30px}
    .site-footer .footer-columns .footer-column .widget:last-child{margin-bottom:0}
}
	
.site-footer .footer-columns .footer-column .widget-title {
    color:#eee;
    font-size:15px;
    text-transform:uppercase;
    margin-bottom:20px;
    letter-spacing:-0.1px;
    font-weight:700}


.site-footer .footer-columns .contact-info-item .contact-text{width:30px}
.site-footer .footer-columns .contact-info-item .contact-text i{font-size:16px}
.site-footer .footer-columns .contact-info-item .contact-text i.fa-envelope{font-size:12px;position:relative;top:-3px}
.site-footer .footer-columns .contact-info-item .contact-text i.fa-fax{font-size:14px;position:relative;top:-3px}
.site-footer .footer-columns .contact-info-item .contact-value {margin-left:35px}
.site-footer .footer-columns .contact-info-box img {margin-bottom:30px}
.site-footer .footer-columns ul.hours li{border-top:1px dotted rgba(255, 255, 255, 0.1)}
.site-footer .footer-columns ul.hours li:first-child {border-top:none}
.site-footer .footer-columns ul.hours span{float:right;font-weight:bold}
.site-info-wrapper {background:#111;border-top:1px solid #333;padding:20px 0;font-size:12px}
.site-info-wrapper .site-info .copy_text {float:none;text-align:center;font-size:13px;margin-bottom:30px}

@media screen and (min-width:790px) {
    .site-info-wrapper .site-info .copy_text{margin-bottom:0;text-align:center}
}

.site-info-wrapper .site-info .copy_text a{text-decoration:none}
.site-info-wrapper .site-info .copy_text a:hover{text-decoration:underline}
.site-info-wrapper .site-info .footer-menu{float:none;text-align:center}

@media screen and (min-width:790px) {
    .site-info-wrapper .site-info .footer-menu {float:right;text-align:left}
}

.site-info-wrapper .site-info .footer-menu ul {padding:0;margin:0;list-style:none}
.site-info-wrapper .site-info .footer-menu ul li{padding:0;margin:0;display:inline-block;line-height:1}
.site-info-wrapper .site-info .footer-menu ul li a{float:left;margin-left:15px;text-decoration:none;font-size:12px}
.site-info-wrapper .site-info .footer-menu ul li a:hover{text-decoration:underline}
.footer-social {float:left;padding:10px 18.5px;color:#fff;position:relative}
.footer-social label{font-size:13px;margin-right:10px;color:#222}
.footer-social:after {content:"";display:block;height:0;position:absolute;top:0}
.footer-social a{margin-right:3px}
.footer-social a i {padding:0;text-align:center;border:1px solid #fff;color:#fff;padding:0;border-radius:50%;font-size:14px;line-height:26px;height:28px;width:28px}
.footer-social a i:hover{color:#ddd;border:1px solid #ccc}


/* Client Logo Grid
------------------------------*/
.client-table img{width:100px}
.client-table img:hover{opacity:0.8}


/* Back To Top
------------------------------*/
#btt {background:none repeat scroll #fff;opacity:0.8;border:1px solid #333;border-radius:2px;bottom:21px;cursor:pointer;padding:8px 15px;position:fixed;right:20px;z-index:50}


/* Browser Suppport
------------------------------*/
.ie9 .site-header .header-right-wrap,
.ie10 .site-header .header-right-wrap,
.ie11 .site-header .header-right-wrap {float:none}


/*--------------------------------------------------------------
5.0 Posts
--------------------------------------------------------------*/

/* Entry Content
------------------------------*/

.entry-content ul,.entry-content ol{margin-left:20px;text-align:left}
.entry-content ul li{padding-bottom:7px} /*if formatting problems arise delete this definition and add to the one below*/
.entry-content ol li {padding-top:28px}
.entry-content a{text-decoration:none}
.entry-content a:hover{text-decoration:underline}


/*--------------------------------------------------------------
6.0 Pages
--------------------------------------------------------------*/

/* Practice area headings */

.page-title-wrap {
    border-bottom:1px solid #e9e9e9;
    border-top:1px solid #e9e9e9;
    padding:40px 0;
    background:#f8f9f9}

.page-title-wrap h4 {font-family:"Montserrat", Helvetica, Arial, sans-serif;
    font-weight:bold;text-transform:uppercase;margin-top:0;margin-left:-15px;color:#333;font-size:30px;line-height:1.3;padding-top:0;
    padding-left:15px;letter-spacing:-0.2px}
	
@media screen and (min-width:790px) {
    .page-title-wrap h4 {font-size:35px}
}
	
.page-title-wrap * {margin-bottom:0}
.page-title-wrap a.btn {margin-right:0}


/* Centers the top heding of pages in smaller devices */
@media screen and (max-width:790px) {
    .page-title-wrap{text-align:center}
}

/* Mark NeJame In The News heading in home page */
.large-heading-inverted {margin-left:-2px;color:#fff;text-transform:uppercase}

/* Grid Page
------------------------------*/
.grid-item{margin-bottom:40px}
.grid-item .grid-thumbnail{margin-bottom:20px}
.grid-item .grid-thumbnail img:hover{opacity:0.9}


/*--------------------------------------------------------------
7.0 Widgets
--------------------------------------------------------------*/
/* Contact Info Box */
.contact-info-box .contact-info-item .contact-text{width:30px;clear:both}
.contact-info-box .contact-info-item .contact-text i{font-size:16px}
.contact-info-box .contact-info-item .contact-text i.fa-envelope{font-size:12px}
.contact-info-box .contact-info-item .contact-value{margin-left:35px}


/*--------------------------------------------------------------
8.0 Support
--------------------------------------------------------------*/

/*------------------------------
	8.2 VC Builder Elements
------------------------------*/

/* ROW Parallax: needed for scrolling background under 'Mark in the news' in home page
------------------------------*/

.wpc_row_parallax{overflow:hidden;position:relative;width:100%}

.wpc_parallax_bg {background-position:0 0;background-repeat:no-repeat;height:100%;width: 100%;position:absolute;display:block;top:0;left:0}

.wpc_parallax_bg.not-mobile{background-attachment:fixed}

.vc_row .wpc_parallax_bg.not-mobile{background-size:cover}

.wpc_parallax_bg.is-mobile{background-position: 50% 50% !important}




/*------------------------------
	8.3 VC General Shortcodes
------------------------------*/

/* BUTTON
------------------------------*/

/* submit button from side contact us form */
.btn {background:#fab702;display:inline-block;color:#fff;letter-spacing:1px;text-transform:uppercase;line-height:1;text-align:center;padding:11px 18px 13px 18px;margin:3px 5px 3px 0;text-decoration:none;font-weight:500;font-size:13px;font-family:"Montserrat", Helvetica, Arial, sans-serif;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;box-shadow:0 -1px 0 0 rgba(0, 0, 0, 0.1) inset}

.btn:hover {color:#fff !important;
    opacity:0.9 !important;
    text-decoration:none !important}


/* used by play video and read more buttons in home page */
.btn.btn-light {background:#fff;
    border:1px solid #D69147;
    color:#D69147}

.btn.btn-light:hover {
    background:#fff !important;
    color:#222 !important;
    border-color:#bbb}

/* Used by 'contact us today' button in home page */
.btn.btn-ghost {
    background:transparent;
    border:2px solid #fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    box-shadow:none !important;
    color:#fff}

.btn.btn-ghost:hover {
    background:#fff !important;
    color:#000 !important;
    box-shadow:none !important}
	
	
/* Used by 'read all news' button in home page */
.btn.btn-news {
    margin-top:7px;
	background:#D89242;
    border:2px solid #fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    box-shadow:none !important;
    color:#fff;font-size:20px}

.btn.btn-news:hover {
    background:#fff !important;
    color:#000 !important;
    box-shadow:none !important}

.btn.btn-small{padding:7px 12px;font-size:12px}
.rev_slider_wrapper .btn{opacity:1 !important}
.rev_slider_wrapper .btn:hover{opacity:1 !important}


/* CONTACT INFO. Used to contact us section at the footer. 
------------------------------*/
.contact-info-item{margin-bottom:10px}
.contact-info-item .contact-text{display:block;float:left;width:130px;font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-top:2px;position:relative}
.contact-info-item .contact-value {display:block;margin-left:135px}



/*------------------------------
	8.4 VC Special Shortcodes
------------------------------*/

/* FEATURED BOX. Latest news in hom page
------------------------------*/

@media screen and (max-width:790px) {
    .mobile-no-margin-top .row_inner_wrapper {margin-top:0 !important}
}

/* CUSTOM HEADING - used for 'Latest News' heading in home page
------------------------------*/
.custom-heading h2 {margin-bottom:0;font-weight:bold;color:#100e12}
.custom-heading .heading-line {width:80px;height:2px;display:inline-block;background:#fab702}
.custom-heading .heading-line.primary{background:#D69147}
.custom-heading.wpb_content_element{margin-bottom:0}

/*------------------------------
	8.5 VC Overal Mods
------------------------------*/

/*-------------------------------------
	VC Overall Custom Stylesheet
-------------------------------------*/
.vc_col-sm-3, .vc_col-sm-9, .vc_col-sm-12 {padding-left:20px;padding-right:20px}

.wpb_row,
.wpb_content_element,
ul.wpb_thumbnails-fluid > li,
.last_toggle_el_margin,
.wpb_button {margin-bottom:40px}
.vc_row {margin-left:0;margin-right:0}
.wpb_row{margin-bottom:0}
.row_inner_wrapper {padding:40px 0;position:relative}
.row_inner_wrapper .row_inner_wrapper {padding-bottom:0;padding-top:20px}
.row_inner {position:relative;z-index:10}
.row_full_center_content {margin-left:-20px;margin-right:-20px}
.vc_column_container > .vc_column-inner{padding:0}
.wpb_column > .wpb_wrapper > *:last-child{margin-bottom:0}
.wpb_column .wpb_wrapper .wpb_content_element:last-child{margin-bottom:0}


/*--------------------------------------------------------------
9.0 External Plugins
--------------------------------------------------------------*/

/* Breadcrumbs
------------------------------*/

.breadcrumbs {font-size:11px;padding:15px 0;border-bottom:1px solid #e9e9e9;color:#858585}

@media screen and (min-width:500px) {
    .breadcrumbs{font-size:14px}
}

.breadcrumbs i{margin:0 6px}
.breadcrumbs a {text-decoration:none;color:#777;font-weight:600}
.breadcrumbs a:hover{color:#fab702}
.breadcrumbs span{margin-right:20px;position:relative}

@media screen and (min-width:500px) {
    .breadcrumbs span{margin-right:40px}
}

.breadcrumbs a:before{border-bottom:6px solid transparent;border-left:6px solid rgba(0, 0, 0, 0.2);border-top:6px solid transparent;content:"";display:inline-block;position:absolute;right:-11px;top:2px}

@media screen and (min-width:500px) {
    .breadcrumbs a:before{right:-23px;top:3px}
}

.breadcrumbs a:after {border-bottom:5px solid transparent;border-left:5px solid #fff;border-top:5px solid transparent;content:"";display:inline-block;position:absolute;right:-10px;top:3px}

@media screen and (min-width:500px) {
    .breadcrumbs a:after{right:-22px;top:4px}
}


/* Navigation */

/* Used to define the top section of the page */
#sticktop{width:100%;top:0;left:0;z-index:999999 !important;position:absolute}

#content.site-content{margin-top:162px}
.navbar-default{background:#1e1b1a;border:none;border-top:solid 2px #B6BBC2;z-index:999999;border-radius:0;margin-bottom:0;min-height:42px}
.navbar-default > .container{padding-left:15px;padding-right:2px;position:relative}
.navbar > .container .navbar-brand{margin-left:0;line-height:90px;float:none;display:block;padding:5px 15px;height:90px}
.navbar a{text-decoration:none !important}
.xv-menuwrapper .dl-trigger {display:none}
.xv-menuwrapper .dl-menu{position:static;display:block;padding:0;margin:0;text-align:left;float:none}
.xv-menuwrapper .dl-menu > li{list-style:none;display:block;float:left;height:100%;line-height:100%;position:relative}
.xv-menuwrapper .dl-menu li{margin:0}


/* Highlights the contact Us tab in top navigation bar */
.xv-menuwrapper .dl-menu > li.contact-us{background:linear-gradient(270deg, #dedede, #fdfdfd, #dedede);margin-right:2px}
.xv-menuwrapper .dl-menu > li.contact-us > a{color:#082D75;font-weight:bold;padding:0 6px}
.xv-menuwrapper .dl-menu > li.contact-us > a:hover{background:linear-gradient(270deg, #fdfdfd, #fff, #fdfdfd)}
.xv-menuwrapper .dl-menu > li.active:hover,
.xv-menuwrapper .dl-menu > li.active{background:#082d75}
.xv-menuwrapper .dl-menu > li.active > a {color:#fff}
.xv-menuwrapper .dl-menu > li > a{padding:0 6px;display:block;font-family:"PT Sans", Helvetica, Arial, sans-serif;color:#fff;line-height:55px;position:relative;font-size:14px;text-transform:uppercase}
.xv-menuwrapper .dl-menu > li.parent > a{padding-right:16px}
.xv-menuwrapper > ul > li.parent > a::after {content:"";position:absolute;width:0;height:0;border:4px solid transparent;border-top-color:#d3eced;right:4px;top:27px}
.xv-menuwrapper li.parent{position:relative}
.xv-menuwrapper li.parent.megamenu{position:static}
.xv-menuwrapper li.parent.megamenu.small-menu{position:relative}
.xv-menuwrapper li.parent.megamenu > .lg-submenu{display:block;width:80%;text-align:justify;left:auto;right:0;padding:0}
.xv-menuwrapper li.parent.megamenu.small-menu > .lg-submenu{min-width:390px;width:auto;left:0;right:auto} /*width of megamenu used by attorneys. For three columns set to 582px */
.xv-menuwrapper li.parent.megamenu.small-menu > .lg-submenu > li > .lg-submenu{min-width:190px;padding:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.xv-menuwrapper li.parent.megamenu.small-menu > .lg-submenu > li > .lg-submenu li{font-family:'Raleway', sans-serif;list-style:none;border-top:1px solid rgba(0, 0, 0, 0.08);padding:5px 10px}
.xv-menuwrapper li.parent.megamenu.small-menu > .lg-submenu > li > .lg-submenu li a{display:block;line-height:30px;color:#13212d;margin:0}
.xv-menuwrapper li.parent.megamenu.small-menu > .lg-submenu > li > .lg-submenu li:hover{background:#082D75}
.xv-menuwrapper li.parent.megamenu.small-menu > .lg-submenu > li > .lg-submenu li:hover a{color:#fff}
.xv-menuwrapper li.parent.megamenu.wide > .lg-submenu{width:100%}
.xv-menuwrapper li.parent.megamenu > .lg-submenu > li{display:inline-block;text-align:left;vertical-align:top;padding:0}
.xv-menuwrapper li.parent.megamenu > .lg-submenu > li > a{font-weight:800;color:#13212d;display:block}
.xv-menuwrapper .dl-menu > li.parent > ul,
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent > ul {
    padding:0;
    position:absolute;
    left:0;
    top:100%;
    min-width:215px;
    background:#fff;
    visibility:hidden;
    opacity:0;
    transform:translateY(10px);
    -webkit-transform:translateY(10px);
    -moz-transform:translateY(10px);
    -o-transform:translateY(10px);
    -ms-transform:translateY(10px);
    border:1px solid #ccc;
    -moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow:0 2px 2px rgba(0, 0, 0, 0.15)}

.xv-menuwrapper .dl-menu > li.parent > ul > li.parent > ul{margin-top:-1px}
.xv-menuwrapper .dl-menu > li.parent:last-child > ul{left:auto;right:0}
.xv-menuwrapper .dl-menu > li.parent:hover > ul,
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent:hover > ul{visibility:visible;opacity:1;transform:translateY(0);
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    -ms-transform:translateY(0)}

.xv-menuwrapper .dl-menu > li.parent > ul > li,
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul li {font-family:'Raleway', sans-serif;display:block;list-style:none;border-top:1px solid rgba(0, 0, 0, 0.08);padding:5px 10px}
.xv-menuwrapper .dl-menu > li.parent.megamenu > ul > li,
.xv-menuwrapper .dl-menu > li.parent.megamenu > ul > li.parent ul li{border-top:none}
.xv-menuwrapper .dl-menu > li.parent.megamenu li{list-style:none}
.xv-menuwrapper .dl-menu > li.parent.megamenu li a{color:#13212d;line-height:25px;margin-bottom:15px}
.xv-menuwrapper .dl-menu > li.parent.megamenu li a:hover{color:#082d75}
.xv-menuwrapper .dl-menu > li.parent > ul > li > a,
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul li a{display:block;line-height:28px;color:#13212d}
.xv-menuwrapper .dl-menu > li.parent > ul > li:hover,
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul li:hover{background:#082D75}
.xv-menuwrapper .dl-menu > li.parent > ul > li:hover a,
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul li:hover a{color:#fff}
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul.inline-submenu > li:hover{background:transparent}
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul.inline-submenu > li:hover a{color:#13212d}
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul.inline-submenu > li > ul > li:hover a{color:#fff}
.xv-menuwrapper .dl-menu > li:hover{background:#333}
.xv-menuwrapper .dl-menu > li.parent.megamenu > ul > li:hover{background:none}
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent:after{position:absolute;top:0;right:10px;line-height:40px;font-family:'FontAwesome';speak:none;
    -webkit-font-smoothing:antialiased;content:"\f0da";color:#13212d}

.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul {
    /*position:absolute;*/
    /* Ragu disabled to menu issue fix in IE */
left:100%;top:0}

.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul.inline-submenu2,
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul.inline-submenu2_ {min-width:475px}
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul.inline-submenu > li{display:inline-block;padding:0;width:230px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul.inline-submenu3,
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul.inline-submenu3_,
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul.inline-submenu3__ {width:470px}


/* 615 to 470 Ragu Fixed Menu issue */

.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul.inline-submenu > li:hover{background:transparent}
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul.inline-submenu > li > ul{position:unset;padding:0}
.xv-menuwrapper .dl-menu > li.parent:last-child > ul > li.parent > ul {left:auto;right:100%}
.xv-menuwrapper button:after{display:none}
.xv-menuwrapper .dl-back{display:none !important}

.megamenu i{padding-right:15px;color:#939a9e}


/* ============================
28-Responsive
=========================== */


/* Large desktop */

@media (min-width:1200px) {}

@media (max-width:1199px) {
    .xv-menuwrapper li.parent.megamenu > .lg-submenu figure {
        width:230px;max-height:270px}
    .xv-menuwrapper li.parent.megamenu > .lg-submenu {width:85%}
}

.visible-xsm{display:none !important}

@media (max-width:1199px) {
    .xv-menuwrapper{display:none}
    .visible-xsm{display:block !important}
}

@media (min-width:600px) {
    .xv-menuwrapper .dl-menu > li.parent > ul,
    .xv-menuwrapper .dl-menu > li.parent > ul > li.parent > ul,
    .navbar-default ul.dropdown-menu li a {
        -webkit-transition:all 0.3s ease-in-out;
        -moz-transition:all 0.3s ease-in-out;
        -o-transition:all 0.3s ease-in-out;
        transition:all 0.3s ease-in-out}
    .xv-menuwrapper li {
        -webkit-transition:all 0.2s ease-in-out;
        -moz-transition:all 0.2s ease-in-out;
        -o-transition:all 0.2s ease-in-out;
        transition:all 0.2s ease-in-out}
}

@media (max-width:767px) {}
@media (max-width:500px) {}
@media (max-width:360px) {}


/* Common styles of menus */

/* dl-menuwrapper are required for mobile navigation */
.dl-menuwrapper {
    position:absolute;
    top:20px;
    left:15px;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    width:100%;
    max-width:300px;
    float:left;
    -webkit-perspective:1000px;
    perspective:1000px;
    -webkit-perspective-origin:50% 200%;
    perspective-origin:50% 200%}

.dl-menuwrapper button {
    float:left;
    background:#082d75;
    border:none;
    width:38px;
    height:36px;
    text-indent:-900em;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    outline:none}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul{background:#0d3687}

.dl-menuwrapper button:after {
    content:'';
    position:absolute;
    width:26px;
    height:2px;
    background:#fff;
    top:8px;
    left:6px;
    box-shadow:0 10px 0 #fff, 0 20px 0 #fff}

.dl-menuwrapper ul {
    padding:0;
    list-style:none;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d}

.dl-menuwrapper li{position:relative;margin:0}
.dl-menuwrapper li a{display:block;position:relative;padding:10px 16px;font-size:16px;line-height:20px;font-weight:300;color:#fff;outline:none;cursor:pointer}

/* Required to change the background color while scrolling trhough the dropdown menu on mobile*/
.no-touch .dl-menuwrapper li a:hover{background:rgba(255, 248, 213, 0.1)}
.dl-menuwrapper li.dl-back > a{padding-left:30px;background:rgba(0, 0, 0, 0.1)}
.dl-menuwrapper li.dl-back:after,.dl-menuwrapper li > a:not(:only-child):after{position:absolute;top:0;line-height:40px;font-family:'FontAwesome';speak:none;-webkit-font-smoothing:antialiased;content:"\f0da"}
.dl-menuwrapper li.dl-back:after{left:10px;color:rgba(212, 204, 198, 0.6);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.dl-menuwrapper li > a:after{right:10px;color:#6B9BDB}
.dl-menuwrapper .dl-menu {
    margin:5px 0 0 0;
    position:absolute;
    width:100%;
    opacity:0;
    pointer-events:none;
    -webkit-transform:translateY(10px);
    transform:translateY(10px);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden}

.dl-menuwrapper .dl-menu.dl-menu-toggle{transition:all 0.3s ease}
.dl-menuwrapper .dl-menu.dl-menuopen {opacity:1;pointer-events:auto;-webkit-transform:translateY(0px);transform:translateY(0px)}


/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu{display:none}


/*

When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.

*/

.dl-menuwrapper .dl-menu.dl-subview li,
.dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menuwrapper .dl-menu.dl-subview li.dl-subview > a {display:none}
.dl-menuwrapper .dl-menu.dl-subview li.dl-subview,
.dl-menuwrapper .dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen,
.dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display:block}


/* Dynamically added submenu outside of the menu context */

.dl-menuwrapper > .dl-submenu{position:absolute;width:100%;top:50px;left:0;margin:0}

/* Animation classes for moving out and in */

.dl-menuwrapper .dl-menu.dl-animate-out-1 {
    -webkit-animation:MenuAnimOut1 0.4s;
    animation:MenuAnimOut1 0.4s}

.dl-menuwrapper .dl-menu.dl-animate-out-2 {
    -webkit-animation:MenuAnimOut2 0.3s ease-in-out;
    animation:MenuAnimOut2 0.3s ease-in-out}

.dl-menuwrapper .dl-menu.dl-animate-out-3 {
    -webkit-animation:MenuAnimOut3 0.4s ease;
    animation:MenuAnimOut3 0.4s ease}

.dl-menuwrapper .dl-menu.dl-animate-out-4 {
    -webkit-animation:MenuAnimOut4 0.4s ease;
    animation:MenuAnimOut4 0.4s ease}

.dl-menuwrapper .dl-menu.dl-animate-out-5 {
    -webkit-animation:MenuAnimOut5 0.4s ease;
    animation:MenuAnimOut5 0.4s ease}

@-webkit-keyframes MenuAnimOut1 {
    0% {}
    50% {
        -webkit-transform:translateZ(-250px) rotateY(30deg)}
    75% {
        -webkit-transform:translateZ(-372.5px) rotateY(15deg);
        opacity:.5}
    100% {
        -webkit-transform:translateZ(-500px) rotateY(0deg);
        opacity:0}
}

@-webkit-keyframes MenuAnimOut2 {
    0% {}
    100% {
        -webkit-transform:translateX(-100%);
        opacity:0}
}

@-webkit-keyframes MenuAnimOut3 {
    0% {}
    100% {
        -webkit-transform:translateZ(300px);
        opacity:0}
}

@-webkit-keyframes MenuAnimOut4 {
    0% {}
    100% {
        -webkit-transform:translateZ(-300px);
        opacity:0}
}

@-webkit-keyframes MenuAnimOut5 {
    0% {}
    100% {
        -webkit-transform:translateY(40%);
        opacity:0}
}

@keyframes MenuAnimOut1 {
    0% {}
    50% {
        -webkit-transform:translateZ(-250px) rotateY(30deg);
        transform:translateZ(-250px) rotateY(30deg)}
    75% {
        -webkit-transform:translateZ(-372.5px) rotateY(15deg);
        transform:translateZ(-372.5px) rotateY(15deg);
        opacity:.5}
    100% {
        -webkit-transform:translateZ(-500px) rotateY(0deg);
        transform:translateZ(-500px) rotateY(0deg);
        opacity:0}
}

@keyframes MenuAnimOut2 {
    0% {}
    100% {
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%);
        opacity:0}
}

@keyframes MenuAnimOut3 {
    0% {}
    100% {
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        opacity:0}
}

@keyframes MenuAnimOut4 {
    0% {}
    100% {
        -webkit-transform:translateZ(-300px);
        transform:translateZ(-300px);
        opacity:0}
}

@keyframes MenuAnimOut5 {
    0% {}
    100% {
        -webkit-transform:translateY(40%);
        transform:translateY(40%);
        opacity:0}
}

.dl-menuwrapper .dl-menu.dl-animate-in-1 {
    -webkit-animation:MenuAnimIn1 0.3s;
    animation:MenuAnimIn1 0.3s}

.dl-menuwrapper .dl-menu.dl-animate-in-2 {
    -webkit-animation:MenuAnimIn2 0.3s ease-in-out;
    animation:MenuAnimIn2 0.3s ease-in-out}

.dl-menuwrapper .dl-menu.dl-animate-in-3 {
    -webkit-animation:MenuAnimIn3 0.4s ease;
    animation:MenuAnimIn3 0.4s ease}

.dl-menuwrapper .dl-menu.dl-animate-in-4 {
    -webkit-animation:MenuAnimIn4 0.4s ease;
    animation:MenuAnimIn4 0.4s ease}

.dl-menuwrapper .dl-menu.dl-animate-in-5 {
    -webkit-animation:MenuAnimIn5 0.4s ease;
    animation:MenuAnimIn5 0.4s ease}

@-webkit-keyframes MenuAnimIn1 {
    0% {
        -webkit-transform:translateZ(-500px) rotateY(0deg);
        opacity:0}
    20% {
        -webkit-transform:translateZ(-250px) rotateY(30deg);
        opacity:0.5}
    100% {
        -webkit-transform:translateZ(0px) rotateY(0deg);
        opacity:1}
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform:translateX(-100%);
        opacity:0}
    100% {
        -webkit-transform:translateX(0px);
        opacity:1}
}

@-webkit-keyframes MenuAnimIn3 {
    0% {
        -webkit-transform:translateZ(300px);
        opacity:0}
    100% {
        -webkit-transform:translateZ(0px);
        opacity:1}
}

@-webkit-keyframes MenuAnimIn4 {
    0% {
        -webkit-transform:translateZ(-300px);
        opacity:0}
    100% {
        -webkit-transform:translateZ(0px);
        opacity:1}
}

@-webkit-keyframes MenuAnimIn5 {
    0% {
        -webkit-transform:translateY(40%);
        opacity:0}
    100% {
        -webkit-transform:translateY(0);
        opacity:1}
}

@keyframes MenuAnimIn1 {
    0% {
        -webkit-transform:translateZ(-500px) rotateY(0deg);
        transform:translateZ(-500px) rotateY(0deg);
        opacity:0}
    20% {
        -webkit-transform:translateZ(-250px) rotateY(30deg);
        transform:translateZ(-250px) rotateY(30deg);
        opacity:0.5}
    100% {
        -webkit-transform:translateZ(0px) rotateY(0deg);
        transform:translateZ(0px) rotateY(0deg);
        opacity:1}
}

@keyframes MenuAnimIn2 {
    0% {
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%);
        opacity:0}
    100% {
        -webkit-transform:translateX(0px);
        transform:translateX(0px);
        opacity:1}
}

@keyframes MenuAnimIn3 {
    0% {
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        opacity:0}
    100% {
        -webkit-transform:translateZ(0px);
        transform:translateZ(0px);
        opacity:1}
}

@keyframes MenuAnimIn4 {
    0% {
        -webkit-transform:translateZ(-300px);
        transform:translateZ(-300px);
        opacity:0}
    100% {
        -webkit-transform:translateZ(0px);
        transform:translateZ(0px);
        opacity:1}
}

@keyframes MenuAnimIn5 {
    0% {
        -webkit-transform:translateY(40%);
        transform:translateY(40%);
        opacity:0}
    100% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    -webkit-animation:SubMenuAnimIn1 0.4s ease;
    animation:SubMenuAnimIn1 0.4s ease}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation:SubMenuAnimIn2 0.3s ease-in-out;
    animation:SubMenuAnimIn2 0.3s ease-in-out}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    -webkit-animation:SubMenuAnimIn3 0.4s ease;
    animation:SubMenuAnimIn3 0.4s ease}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    -webkit-animation:SubMenuAnimIn4 0.4s ease;
    animation:SubMenuAnimIn4 0.4s ease}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    -webkit-animation:SubMenuAnimIn5 0.4s ease;
    animation:SubMenuAnimIn5 0.4s ease}

@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform:translateX(50%);
        opacity:0}
    100% {
        -webkit-transform:translateX(0px);
        opacity:1}
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform:translateX(100%);
        opacity:0}
    100% {
        -webkit-transform:translateX(0px);
        opacity:1}
}

@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform:translateZ(-300px);
        opacity:0}
    100% {
        -webkit-transform:translateZ(0px);
        opacity:1}
}

@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform:translateZ(300px);
        opacity:0}
    100% {
        -webkit-transform:translateZ(0px);
        opacity:1}
}

@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform:translateZ(-200px);
        opacity:0}
    100% {
        -webkit-transform:translateZ(0);
        opacity:1}
}

@keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform:translateX(50%);
        transform:translateX(50%);
        opacity:0}
    100% {
        -webkit-transform:translateX(0px);
        transform:translateX(0px);
        opacity:1}
}

@keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform:translateX(100%);
        transform:translateX(100%);
        opacity:0}
    100% {
        -webkit-transform:translateX(0px);
        transform:translateX(0px);
        opacity:1}
}

@keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform:translateZ(-300px);
        transform:translateZ(-300px);
        opacity:0}
    100% {
        -webkit-transform:translateZ(0px);
        transform:translateZ(0px);
        opacity:1}
}

@keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        opacity:0}
    100% {
        -webkit-transform:translateZ(0px);
        transform:translateZ(0px);
        opacity:1}
}

@keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform:translateZ(-200px);
        transform:translateZ(-200px);
        opacity:0}
    100% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    -webkit-animation:SubMenuAnimOut1 0.4s ease;
    animation:SubMenuAnimOut1 0.4s ease}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation:SubMenuAnimOut2 0.3s ease-in-out;
    animation:SubMenuAnimOut2 0.3s ease-in-out}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    -webkit-animation:SubMenuAnimOut3 0.4s ease;
    animation:SubMenuAnimOut3 0.4s ease}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    -webkit-animation:SubMenuAnimOut4 0.4s ease;
    animation:SubMenuAnimOut4 0.4s ease}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    -webkit-animation:SubMenuAnimOut5 0.4s ease;
    animation:SubMenuAnimOut5 0.4s ease}

@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform:translateX(0%);
        opacity:1}
    100% {
        -webkit-transform:translateX(50%);
        opacity:0}
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform:translateX(0%);
        opacity:1}
    100% {
        -webkit-transform:translateX(100%);
        opacity:0}
}

@-webkit-keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform:translateZ(0px);
        opacity:1}
    100% {
        -webkit-transform:translateZ(-300px);
        opacity:0}
}

@-webkit-keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform:translateZ(0px);
        opacity:1}
    100% {
        -webkit-transform:translateZ(300px);
        opacity:0}
}

@-webkit-keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform:translateZ(0);
        opacity:1}
    100% {
        -webkit-transform:translateZ(-200px);
        opacity:0}
}

@keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform:translateX(0%);
        transform:translateX(0%);
        opacity:1}
    100% {
        -webkit-transform:translateX(50%);
        transform:translateX(50%);
        opacity:0}
}

@keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform:translateX(0%);
        transform:translateX(0%);
        opacity:1}
    100% {
        -webkit-transform:translateX(100%);
        transform:translateX(100%);
        opacity:0}
}

@keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform:translateZ(0px);
        transform:translateZ(0px);
        opacity:1}
    100% {
        -webkit-transform:translateZ(-300px);
        transform:translateZ(-300px);
        opacity:0}
}

@keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform:translateZ(0px);
        transform:translateZ(0px);
        opacity:1}
    100% {
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        opacity:0}
}

@keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1}
    100% {
        -webkit-transform:translateZ(-200px);
        transform:translateZ(-200px);
        opacity:0}
}

.nav-container{height:105px}

/* formatting of the top horizontal portion of the header */
.fixed {
    border-top:solid 8px #B6BBC2;
    background-color:#fff;
    width:100%;
    min-width:320px;
    max-width:100%;
    height:100%}

.fixed .bg-contain{width:100%;overflow:hidden;position:absolute;height:100%}
.fixed .bg {width:100%;height:100%;background-image:url(../images/Fixed-Panel.png);position:absolute;top:0;background-repeat:no-repeat;background-position:left top;left:40%;margin-left:-200px}

.fixed .ilayout {position:relative}
.fixed .ilayout .container {padding:0 15px}
.fixed .ilayout .logo {float:left;padding:8px 0 0;position:relative}
.fixed .ilayout .right-info {float:right;width:73%;position:relative}
.fixed .ilayout .right-info img {margin-top:-7px}
.fixed .ilayout .right-info p {float:left;font-family:Giovanni;font-size:19px;color:#fff;font-weight:400;margin:0;padding-top:14px;font-style:italic;text-align:center}
.fixed .ilayout .right-info > div {float:right;width:46%}
.fixed .ilayout .right-info .social{text-align:right;padding-top:16px}
.fixed .ilayout .right-info .social a{margin-left:3px}
.fixed .ilayout .right-info .social a i{padding:0;border-radius:50%;font-size:1em;line-height:1.6em;height:1.8em;width:1.8em;text-align:center;border:1px solid #ddd;color:#fff}
.fixed .ilayout .right-info .social a:hover i{color:#ddd;border:1px solid #ccc}
.fixed .ilayout .right-info .phone-info{margin:10px 0 0;text-shadow:0 -1px 0 #003358}
.fixed .ilayout .right-info .phone-info p {
    float:left;
    text-transform:uppercase;
	font-family:"PT Sans", Helvetica, Arial, sans-serif;
	line-height:1.3em;
    font-size:14px;
    margin-top:-13px;
    color:#C8C8C8;
    font-weight:bold;
	font-style:normal;
    text-align:right;
    line-height:16px}

.fixed .ilayout .right-info .phone-info p span{display:block;color:#fff}

.fixed .ilayout .right-info .phone-info a{float:right;color:#fff;font-weight:700;font-size:35px;position:relative;line-height:34px}

@media (max-width:1359px) {
    .fixed .bg{left:37%}
}

@media (max-width:1199px) {
    #content.site-content{margin-top:147px}
    .fixed .ilayout .right-info .phone-info p{display:none}
}

@media (max-width:991px) {
    #content.site-content {margin-top:117px}
    .fixed {border-top-width:4px}
    .nav-container{height:75px}
    .fixed .bg{left:48%}
    .fixed .ilayout .logo {padding:4px 0 0;width:100px}
    .fixed .ilayout .right-info > div{width:auto}
    .fixed .ilayout .right-info .social{position:absolute;left:auto;right:0;top:100%;z-index:1000000;padding-top:18px}
    .fixed .ilayout .right-info .phone-info{padding-top:12px}
}

@media (max-width:639px) {
    #content.site-content{margin-top:102px}
    .fixed{border-top-width:2px}
    .nav-container{height:60px}
    .fixed .bg{left:52%;height:80%}
    .fixed .ilayout .logo{padding:3px 0 0;width:80px}
    .fixed .ilayout .right-info .social{padding-top:14px}
    .fixed .ilayout .right-info .phone-info{padding-top:10px}
    .fixed .ilayout .right-info .phone-info a{font-size:28px}
}

@media (max-width:549px) {
    .fixed .bg{left:58%}
    .fixed .ilayout .logo{padding:6px 0 0;width:72px}
    .fixed .ilayout .right-info .phone-info a{font-size:24px}
}

@media (max-width:479px) {
    .fixed .bg{left:90%}
}


/*--------------------------------------------------------------------*/
/* Definitions brought from bootstrap */
/*used by elements within the drop down menu in practice areas*/

ul ul {margin-bottom:0}

/*Defines the look of the side online form in internal pages. Also in home?*/
.form-control {display:block;width:100%;height:34px;padding: 6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s}

/* creates a blue shadow around the field is being filled out in side online form */
.form-control:focus {border-color:#66afe9;
    outline:0;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)}

/*defines the look of the side online contact form. Some of them might not be necessary*/
.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
.form-control::-ms-expand{background-color: transparent;border:0}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color:#eee;opacity: 1}
.form-control[disabled], fieldset[disabled] .form-control{cursor: not-allowed}
textarea.form-control{height:auto}
input[type=search]{-webkit-appearance: none;padding-bottom:14px}

/* Adds padding below each input file in side online form */
.form-group input{margin-bottom:15px}

/* If delete it the black line on the top nav bar becomes crocked */
.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}
/* If deleted, the items in the practice areas dropdown get showed twice*/
.visible-xs{display:none!important}
/* If deleted, the items in the practice areas dropdown get showed twice for phones*/
@media (max-width:767px) {
    .hidden-xs{display:none!important}
}

/* If deleted, the dropdow doesn't open in phone mode*/
@media (max-width:767px) {
    .visible-xs {display:block!important}
table.visible-xs {display:table!important}
tr.visible-xs{display:table-row!important}
td.visible-xs, th.visible-xs{display:table-cell!important}
}

/* For photos with caption */
.photo {display:inline-block;padding-top:35px;padding-bottom:35px;display:block;margin-left:auto;margin-right:auto;width:90%}
figcaption {font-size:14px;display:block;text-align:left;font-weight:bold;padding-top:14px;padding-bottom:35px;max-width:95%;border-bottom:solid 1px #E9E9E9}

/* For the Read More Button in the "about mark nejame section" in home page */

.about-lawyer-area .about-content-area .read-more-button {
    display: inline-block;
    position: relative;
}
.about-lawyer-area .about-content-area .read-more-button a {
    background: transparent none repeat scroll 0 0;
    border: 1px solid rgb(207, 148, 85);
    color: rgb(207, 148, 85);
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 13px 40px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: 170px;
}
.about-lawyer-area .about-content-area .read-more-button a:hover {
    background: #cf9455 none repeat scroll 0 0;
    border: 1px solid #cf9455;
    color: #ffffff;
}
.about-lawyer-area .about-content-area .read-more-button a::after {
    color: rgb(207, 148, 85);
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: 25px;
    top: 15px;
}
.about-lawyer-area .about-content-area .read-more-button a:hover::after {
    color: #ffffff !important;
}


/* 8. Contact form  in contact-us page
===============================================================*/

#contact-wrapper {
	margin-left:30px;
	background: #fff;
	box-shadow: 0 20px 80px rgba(0,0,0,0.1);
	padding: 30px 30px 10px 30px;
	text-align: center;
}