@charset "utf-8";
footer,header,nav {display:block}

.container-banner {
  position: relative;
  text-align: center;
  color: white;font-family: 'Cinzel', sans-serif;
}
.container-banner img{width:100%}

/*----------------------
	In the news pages
------------------------*/
#NewsLogo{padding-bottom:34px;padding-top:25px}
#contributor{padding-top:290px}
p.news{padding-top:21px}
p.news a{font-weight:bold}
.sub{font-size:18px;font-style:italic;line-height:1.6}  /* smaller font size in subtitles within a heading in news pages */
.smaller{font-size:80%}

/*Used for author names on article pages*/
#MainContent img.articles {text-align:center !important;
    margin:0 auto !important} /* What it is usd for?*/
#MainContent #author-name{font-size:18px;margin-bottom:20px;line-height:1.3em;font-family:Verdana,Geneva,sans-serif}
#MainContent #author-name .sub{font-size:13px}

/*---- FAQs ---*/
.faq{font-weight:bold;padding-top:28px;margin-bottom:0}

/*----------------
	Images
------------------*/
img {border:0;-ms-interpolation-mode:bicubic;height:auto;max-width:100%;vertical-align:middle} /*Complex interpolation algorithm to make higher quality large images by processing small ones*/
.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}
#page-image {width:100%;margin-bottom:40px;display:block} /* For main image at the top of the page */
img.tall {padding-bottom:30px}  /*used to give more padding at the bottom to some images*/
.tall{margin-bottom:30px}

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 */
p.heading {font-size:20px;font-weight:bold}

.highlight{background-color:#F6F4F1;padding-bottom:7px;margin-bottom:35px}
.highlight-b{background-color:#D0C9C2;padding:7px;font-size:17px;color:#082D75}
.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}
.indent{margin-left:+20px}
#quote{font-family:Arial, Helvetica, sans-serif;font-style:italic;font-weight:bold;padding:30px 40px 30px 7px;text-align:center;color:#000;margin-bottom:5px}
#info.sidebar ul li .indent-2{margin-top:-0.15em;margin-bottom:2px;padding-left:25px}

/* INFO: RIGHT HAND-SIDE COLUMN WITH 'RELATED INFO' AND ARTICLES */
#form {width:320px;margin:0 0 70px 0;background-color:#f8f9f9;padding-right:20px}
#info {line-height:0.5em;padding:0 0 40px 7px}
#info img {text-align:center !important;margin:0 auto !important;padding-top:21px;display:block} /* What it is usd for?*/
#info p{font-size:16px;line-height:1.3em}
#info a:hover {color:#C30 !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-size:16px;letter-spacing:0.2px;padding:7px 0 7px 5px;text-decoration:none;line-height:1.3em;border-bottom:solid 1px #E9E9E9}
#info .title {color:#800002;font-size:19px;font-weight:500;letter-spacing:0.1px;line-height:1.3em;margin-bottom:20px;margin-top:70px;font-family:Verdana, Geneva, sans-serif}
	
/*------------------------------------------------------
	'contact us' message in online contact form
------------------------------------------------------*/
#info .case-evaluation {color:#800002;font-size:22px;font-weight:bold;text-align: center;letter-spacing:0.1px;line-height:1.3em;margin-bottom:20px;font-family:Verdana, Geneva, sans-serif}

@media screen and (min-width:790px) {
    #info {padding-top:40px}
}
	
/*------------------------------
	Online reviews
------------------------------*/
.online-review {background-color:#f8f9f9;margin:20px 0 20px 0;padding:20px}
.online-review h6 {font-weight:bold}
.online-review .review-date {font-weight:bold}
.online-review p span{color:#FFB600}

/*------------------------------
	Language Bar
------------------------------*/
#languages {width:100%;display:inline-block}
.language_list {list-style:none;display:inline-block}
.language_list li {float:left;text-align:center;padding:0 5px}


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

#MainContent {padding:50px 0}
#MainContent ul li ul li{padding-top:7px}
#MainContent ul ol li{padding-top:14px}
#MainContent ol li{padding-top:14px}

/*The following definitions handle captions on images. Not supported by ie8 and earlier versions*/
.photo {display:inline-block;float:left;padding-left:0;height:270px}
.photo figcaption {font-size:16px;max-width:300px}

@media (min-width:767px) {
    .photo {padding-left:70px}
}


/* not sure which of the following def are used*/
[hidden] {display:none}
*,*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}
.clearfix {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 {margin:0;padding:0;height:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body {margin:0;padding:0;background:#fff;line-height:1;height:100%;font-family:"PT Sans", Helvetica, Arial, sans-serif;font-size:16px;line-height:1.7;color:#777}

/*The following two definitions make selected page to appear white over a black bacground*/
::-moz-selection {background:#000;color:#fff}
::selection {background:#000;color:#fff}

/*------------------------------
	2.2 Links
------------------------------*/
a {color:#C30;text-decoration:none}
a:hover {text-decoration:none}
a:focus {outline:none}
a:active,a:hover {outline:0}
a img {border:0}

/*------------------------------
	2.3 Headings
------------------------------*/
h1 {position: relative;min-height: 1px;padding: 7px 15px 9px 15px;font-family:Helvetica, Arial, sans-serif;margin:0 0 -14px 0;text-align:center;letter-spacing:-0.2px; line-height:1.3;font-size:28px;color:#800002;font-weight:bold;text-transform:uppercase;text-shadow:3px 3px 5px gray}
h1.switch{font-family:"Montserrat", Helvetica, Arial, sans-serif;font-weight:bold;margin-bottom:20px;letter-spacing:-0.2px;line-height:1.2;font-size:22px;padding-top:74px;color:#777;text-shadow:none;text-align:left;padding-left:0;text-transform:none;border-bottom:solid 1px #ccc}
.small{font-weight:normal;font-size:80%}

h2{font-family:"Montserrat", Helvetica, Arial, sans-serif;font-weight:bold;margin-bottom:20px;letter-spacing:-0.2px;line-height:1.2;font-size:22px;padding-top:65px;border-bottom:solid 1px #ccc}
h2.switch{position: relative;min-height: 1px;padding: 7px 15px 9px 15px;font-family:Helvetica, Arial, sans-serif;margin:0 0 -14px 0;text-align:center;letter-spacing:-0.2px; line-height:1.3;font-size:28px;color:#800002;font-weight:bold;text-transform:uppercase;text-shadow:3px 3px 5px gray;border-bottom:none}

h4 {font-weight:bold;margin-bottom:12px;margin-top:40px;font-size:19px;letter-spacing:-0.2px}
h5 {font-weight:normal;margin-bottom:10px;margin-top:0;padding-top:10px;line-height:1.3;letter-spacing:-0.2px}
h6{font-weight:bold;padding-top:8px;margin-bottom:20px}

@media screen and (max-width:790px) {
    h1 {font-size:25px}
	h1.switch{font-size:24px}
	h2 {font-size:24px}
	h2.switch{font-size:25px;margin-top:-30px}
}

@media screen and (min-width:791px) {
    h1 {font-size:33px; margin: -22px 0 0 0}
	h1.switch{font-size:28px}
	h2 {font-size:28px}
	h2.switch{font-size:33px; margin: -22px 0 0 0}
}


/*------------------------------
	2.4 Base
------------------------------*/
p, .vcard, fieldset {margin-bottom:15px;margin-top:0}

/*------------------------------
	2.5 Content
------------------------------*/
blockquote {clear:both;margin:20px 0}
blockquote p {font-style:italic}
hr {border:0;border-top:1px solid #e9e9e9;height:1px;margin-bottom:20px;margin-top:0}
small{font-size:75%}
big {font-size:125%}
ul,ol {padding-left:20px;margin-bottom:15px;margin-top:0}
ul li, ol li {margin:8px 0}


/*------------------------------
	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}


/*------------------------------
	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%}

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

.sidebar{width:90%;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}
}

/*------------------------------
	4.4 Footer
------------------------------*/
.site-footer {padding:0;background:#001040;color:#999;font-size:13px}
.site-footer a {color:#ddd}
.site-footer a:hover {color:#fff;text-decoration:underline}
	
/*--------------------------------------------------
	Removes bullets from navegation bars in footer
--------------------------------------------------*/
.widget-area ul {list-style:none;padding-left:0}
.widget-area a {text-decoration:none}

/* For footers with 4 columns */
.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-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-title {color:#eee;font-size:15px;text-transform:uppercase;margin-bottom:20px;letter-spacing:-0.1px;font-weight:700}
.site-info-wrapper {background:#111;border-top:1px solid #333;padding:20px 0;font-size:12px}

/* Formatting of Copyright text */
.site-info-wrapper .site-info .copy_text {float:none;text-align:center;font-size:13px;margin-bottom:30px}

/* for in the news section */
#CopyRight{text-align:right;font-size:11px;margin:30px 30px 50px 0}


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

#social-media {width:121;height:38px;z-index:1999;background:transparent;padding:0;overflow:hidden;position:absolute;top:7px;left:90%}
#social-media ul {margin-left:0;margin-top:0}
#social-media li {display:inline}
#social-media li a {display:block;width:41px;height:40px;text-indent:-9999px; /*to keep them off the page*/
background:url(../images/social-media-bar-blue2.jpg);float:right}
#social-media li a.linkedin {background-position:0 0}
#social-media li a.linkedin:hover{background-position: 0 -40px}
#social-media li a.YouTube {background-position:-41px 0}
#social-media li a.YouTube:hover {background-position:-41px -40px}
#social-media li a.Twitter {background-position:-82px 0}
#social-media li a.Twitter:hover {background-position:-82px -40px}

}

/* 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}

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

/*--------------------------------------------------
 Formats the box at the top of the page for the H1
---------------------------------------------------*/
.page-title-wrap {border-bottom:1px solid #e9e9e9;border-top:1px solid #e9e9e9;padding-top:40px;padding-bottom:0;background:#f8f9f9}

/*----------------------------
  Contact Info Box on Footer
-----------------------------*/
.contact-info-box .contact-info-item .contact-text {width:30px;padding-top:3px}
.contact-info-box .contact-info-item .contact-text i {font-size:16px;display:block;float:left}
.contact-info-box .contact-info-item .contact-value {margin-left:35px;display:block}


/*--------------------
    Breadcrumbs
----------------------*/
.breadcrumbs {font-size:14px;padding:11px 0;border-bottom:1px solid #e9e9e9;display:none;background-color:#fff}
@media screen and (min-width:500px) {.breadcrumbs {font-size:12px;display:block}}

.breadcrumbs a {text-decoration:none;color:#777;font-weight:600;margin-right:14px;margin-left:11px;font-size:14px}
.breadcrumbs a:hover {color:#800002}

.breadcrumbs a:before {content:"";display:inline-block;position:absolute;right:-9px;top:2px}
@media screen and (min-width:500px) {.breadcrumbs a:before {right:-23px;top:3px}}

.breadcrumbs a:after {content:"";display:inline-block;position:absolute;right:-10px;top:3px}
@media screen and (min-width:500px) {.breadcrumbs a:after {right:-22px;top:4px}}


/*----------------------------------------------------
                 Main 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 {position: relative;background:#001040;border:1px solid transparent;border-top:solid 2px #B6BBC2;z-index:99;border-radius:0;margin-bottom:20px;height: 57px}

@media screen and (max-width:990px) {
	.navbar{margin-top:+20px;height:45px}
	}

.navbar > .container {padding-right:2px;position:relative;padding-left:15px; /* left Padding for the whole nav bar */}

/* text of dropdwon optios on top nav bar */
.navbar a {text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:bold} 

.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 0 0 3px}
	
/* Highlights the Contact Us tab in the 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.google-plus {padding:15px 0px 0px 0px !important}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    .xv-menuwrapper .dl-menu > li.google-plus {padding:15px 0px 0px 0px !important}
}

.xv-menuwrapper .dl-menu > li.active:hover, .xv-menuwrapper .dl-menu > li.active {background:#082d75}
.xv-menuwrapper .dl-menu > li.active > a {color:#fff}

/* top elements of the main nav bar */
.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 .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:265px; /* width of first level items within drop down menu */
	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 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:680px;width:auto;left:0;right:auto}
.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;margin-left:0}
.xv-menuwrapper li.parent.megamenu.small-menu > .lg-submenu > li > .lg-submenu li a{display:block;line-height:30px;color:#001040;margin:0}
.xv-menuwrapper li.parent.megamenu.small-menu > .lg-submenu > li > .lg-submenu li:hover{background:#001040}
.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 > 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)}

/* Styles first level items wthin dropdown menu */
.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 > ul > li > a,.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul li a {display:block;line-height:28px;color:#001040}

/* background color for dropdown menu buttons when hovered*/
.xv-menuwrapper .dl-menu > li.parent > ul > li:hover,.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul li:hover {background:#001040}

/* Text color for first-level dropdown menu buttons when hovered*/
.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}

/* Text color for second-level dropdown menu buttons */
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul.inline-submenu > li > ul > li:hover a {color:#EE3908}

.xv-menuwrapper .dl-menu > li:hover {background:#440001} /* Background color of main navigation items when hovered */
.xv-menuwrapper .dl-menu > li.google-plus:hover {background:inherit}
.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 {
    /* 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 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%}

/*----------------------------------------------------
  formatting of the button for the nav on mobile
------------------------------------------------------*/
.dl-menuwrapper button {float:left;background:#001040;border:none;width:38px;height:36px;text-indent:-900em;overflow:hidden;position:relative;cursor:pointer;outline:none}
/* formatting of the dropdown menu fo mobile nav */
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {background:#001040}
.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} /* Styles first line of mobile navigation sqaure menu bar */
.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 {color:#F0C57E;
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:#F0C57E} /* Color of tiny arrows in drop menu for mobile */
.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. NEEDED FOR MOBILE NAVIGATION */

.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}

/* 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:105px}
	
/*------------------------------
         Header
-------------------------------*/
.fixed .bg-contain {width:100%;overflow:hidden;position:absolute;height:100%}
.fixed .bg {width:100%;height:80%;background-color:#001040;position:absolute;top:0;background-repeat:no-repeat;background-position:left top;margin-left:0} /*top portion of header*/
.fixed .ilayout {position:relative}
.fixed .ilayout .container {padding:0 15px}

/*Formatting of logo on top*/
.fixed .ilayout .logo {float:left;padding:21px 0 0;position:relative}
@media (max-width:991px) {
   .fixed .ilayout .logo img{width:87%}
}


/* right hand-side of header */
.fixed .ilayout .right-info {float:right;width:70%;position:relative}
.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 .phone-info {margin:30px 0 0;text-shadow:0 -1px 0 #003358;float:right;width:49%}
.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:#F0C67E;font-weight:bold;font-style:normal;text-align:right;line-height:16px}

/* The following definition is used to move 'Help is here' to the next line and change its color to white */
.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: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;height:75px}
    .fixed .ilayout .logo {float:left;padding:14px 0 0;position:relative}
    .fixed .ilayout .right-info > div {width:auto}
    .fixed .ilayout .right-info .phone-info {margin-top:-70px}
	#social-media {display:none}
}

@media (max-width:639px) {
    #content.site-content {margin-top:102px}
    .fixed {border-top-width:2px;height:60px}
    .fixed .ilayout .logo {float:left;padding:14px 0 0;position:relative;width:70%}
    .fixed .ilayout .right-info .phone-info {padding-top:-10px}
    .fixed .ilayout .right-info .phone-info a {font-size:28px}
}


@media (max-width:549px) {
    .fixed .ilayout .right-info .phone-info a {font-size:15px}
	.fixed .ilayout .right-info .phone-info {padding-top:30px}
	
}

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

ul ul {margin-bottom:0}

/* 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}
}

#badges {width:100%;height:auto;background-color:#000;text-align:center}
@media (max-width:767px) {
    #badges{display:none}
}

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

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%}

.col-md-3 {position: relative;min-height: 1px;padding-left: 40%}
@media (min-width:992px) {
    .col-md-3 {float: left;width: 25%}
}

#languages-home{width: 100%;float:right;font-size:22pt;font-weight:bold;text-align:right;color:#7a1300;position: absolute;top:-221px;left:719px;z-index:2999}

/* submit button from side contact us form */
.btn {
    background:#001040;
    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 0px;
    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.8 !important;
    text-decoration:none !important}
	
/* 8. Contact
===============================================================*/

/* Contact form in Home Page for Mobile */
#contact-wrapper {width:100%,padding:0 0 20px 0;margin-left:-20px;margin-top:20px;background-color:transparent,box-shadow:none}

/*  /* Contact form in Home Page for Desktops */
@media (min-width:790px) {
	#contact-wrapper{background:#fff;box-shadow:0 20px 20px rgba(0,0,0,0.1);margin:0 20% 4em;padding:0 30px 0 30px;text-align:center}
}

#badges-h {width:100%;height:auto;background-color:#001040;text-align:center}

/* Below code brought for online reviews */
/* 6. Reviews
===============================================================*/

#reviews {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#294757+0,1a2657+100 */
	background: #001040; /* Old browsers */
	width:100%;color:#fff;padding:0.5em 0 12em;text-align:center}

#reviews h2{color:#fff;margin:0.25em 0}
#reviews h5{color: #DEC219;margin: 0}
#reviews p{font-size:16px}
#reviews-list{margin:-8em 0 4em;text-align:center}
#reviews img{padding-top:14px}

.yellow-stars{color:#ffc733;letter-spacing:0.5em;z-index:999;font-size:30px}
.reviews{list-style:none;margin:0;padding:0;text-align:left}
.reviews li{background:#f8f9f9;color:#646473;font-size:14px;line-height:1.75;margin-bottom:35px;padding:30px}
.reviews li .date{font-size:15px;font-weight:bold}
.reviews li .title{font-weight: bold;margin:1em 0}
#thanks{font-size:23pt;font-weight:bold;text-align:center;margin-top:47px;margin-bottom:47px;left:10px;right:10px}


/* Below code for highliting boxes in home page */
#main-box{
    float:left;
    width:100%;margin-top:28px
}
#box-title{
    float:left;
    width:50%;
}
#box-title p{padding: 50px 40px;font-size:28px;text-align:center}

#box-content{
    float:left;
    width:50%;
    background:#001040;padding:21px;margin-bottom:90px
}
#box-content p,#box-content li,#box-content li a{color:#fff}
#box-content li a{color:#fff;text-decoration:underline}
#box-content li a:hover{color:#fff;text-decoration:none}

/*  highliting boxes in home page for mobile. Forcing each box in a line to prevent two columns in smaller screens*/
@media (max-width:790px) {
	#box-title{width:100%}
	#box-content{width:100%}
}

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