/*
Theme Name: Belardo Law
Theme URI: https://wordpress.org/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Belardo Law is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Belardo Law will make your WordPress look beautiful everywhere.
Version: 1.0
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: belardolaw

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */


@import url('https://fonts.googleapis.com/css?family=Barlow:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

/* GLOBAL STYLES */
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin: 0; padding: 0 }
body { font-size:16px; line-height: 27px; color: #000000; margin:0; padding:0; font-family: 'Lato', sans-serif; font-weight:500;}
a { color: #02528A; text-decoration: none; transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear;-webkit-transition: all 300ms linear; }
a:focus { outline:none; text-decoration:none; color:#228EC2; }
a:hover, a:active { outline: 0; text-decoration:none; color:#228EC2;}

h1, h2, h3, h4, h5, h6 { color: #000000; font-family: 'Barlow', sans-serif; line-height: 1.2; margin: 0; font-weight: 300; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 46px; line-height: 55px; font-weight: 500; color: #fff;}
h2 { font-size: 46px; line-height: 55px;font-weight: 500; }
h3 { font-size: 38px; line-height: 46px;}
h4 { font-size: 32px; line-height: 40px;}
h5 { font-size: 22px; line-height: 30px; font-weight: 500;}
h6 { font-size: 18px; line-height: 25px;}


img{ max-width:100%; border: 0;}
input:not([type="radio"]):not([type="checkbox"]){-webkit-appearance:none; -webkit-border-radius:0px;}
input, button, textarea, select { border: 1px solid #ebebeb; outline:none; font-family: 'Lato', sans-serif;    height: 60px; padding: 10px 15px !important;  font-size: 13px !important; line-height: 19px !important; font-weight: 700; color: rgba(0,0,0,0.8) }
input[type=submit] , button { cursor:pointer; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all  0.4s ease-in-out; }

p { margin:0 0 20px 0; }
ol, ul {margin: 0; padding: 0; list-style: none;}
table{border-collapse:collapse;border-spacing:0}
hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 23px; }

::-webkit-selection { background-color: #47d5ff; color: #fff; text-shadow: none;}
::-moz-selection { background-color: #47d5ff; color: #fff; text-shadow: none;}
::selection { background-color: #47d5ff; color: #fff; text-shadow: none;}

::-webkit-input-placeholder { color: #000; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
::-moz-placeholder { color: #000; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
:-ms-input-placeholder { color: #000; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

/* Common Css Start Here */

.pullLeft { float: left; }
.pullRight { float: right; }
.hide { display: none; }
.show { display: block; }
.txtL { text-align: left; }
.txtR { text-align: right; }
.txtC { text-align:center; }
.clear { clear: both; }

.alignleft{ float:left; margin-right:15px; margin-top:5px; margin-bottom:10px !important;}
.alignright{ float:right; margin-left:15px; margin-top:5px; margin-bottom:10px !important;}

select  { background-image:url('./images/down-arrow.png');  background-position: right 30px center; background-repeat:no-repeat; text-transform: uppercase; -webkit-appearance:none; background-size: 9px; background-color: #fff;}

.btn-blue{ background-color:#3c97ac; color:#fff; font-size:22px; font-weight:600; text-align:center; height:78px; width:340px; max-width:100%; display:inline-block; line-height:78px;}
.btn-blue:hover{ background-color:#0e5974; color:#fff;}
.btn-blue:focus{ color:#fff;}

.btn-bordered{ border:2px solid #3c97ac; color:#3c97ac; font-size:22px; font-weight:600; text-align:center; height:78px; width:340px; max-width:100%; display:inline-block; line-height:78px;}
.btn-bordered:hover, .btn-bordered:focus { background-color:#3c97ac; color:#fff;}


body { opacity:0; visibility: hidden;  transition: all ease 0.4s; -webkit-transition:all ease 0.4s; -moz-transition:all ease 0.4s; }
body.bodyappear { opacity: 1; visibility: visible; }

/* Basic Margin Padding */

.m-0 { margin: 0;}
.p-0 { padding: 0;}


.container { max-width: 1170px; padding: 0 15px; margin: 0 auto;}

.bg-img { background-size:cover; background-repeat:no-repeat; background-position:center center; }
.row { margin-left: -15px; margin-right: -15px; }
.blue-bg {background: rgba(1, 81, 137, 0.6); }


.header { width: 100%; float: left;background: #fff; position: relative;padding-top: 22px; }
.header .logo-wrap { float: left; }
.header .logo-wrap a { display: inline-block; vertical-align: middle; margin-top: 2px; }
.header .logo-wrap a img { display: block; }
.header .nav-menu { float: right; margin-top: 9.5px;}
.header .nav-menu ul li { display: inline-block;vertical-align: middle; padding: 0 25px 31.5px; float: none !important;}
.header .nav-menu ul li.has-megamenu a { position: relative; }
.header .nav-menu ul li.has-megamenu a:after { content: "\f107"; font-family: FontAwesome; font-size: 12px; color: #3196C6;position: absolute; top: -2px;margin-left: 8px;}
.header .nav-menu > ul > li:last-child {  padding-right: 0;}
.header .nav-menu > ul > li:last-child a { background: #02528A !important; padding: 7px 0 8px 0; min-width: 184px; color: #fff !important; display: inline-block; text-align: center;line-height: 22px;font-size: 13px;font-weight: 900; }
.header .nav-menu > ul > li:last-child a:hover { background: #228ec2 !important; color: #fff !important;}
.header .nav-menu ul li a { color: #000 !important; text-transform: uppercase !important;padding: 0;background: transparent !important; font-size: 13px; font-weight: 700; letter-spacing: 0.5px;}
.header .nav-menu ul li a:hover, .header .nav-menu ul li a:focus { color: #228EC2 !important; }
.header .nav-menu ul li .submenu { width: 100%; left: 0; background: #fff; position: absolute; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35); top: 100%; z-index: 1; padding: 30px 0; opacity: 0; visibility: hidden; transition: all ease 0.4s; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; z-index: -1;}
.header .nav-menu ul li:hover .submenu { opacity: 1; visibility: visible;z-index: 2; }
.header .nav-menu ul li .submenu ul { padding: 0; }
.header .nav-menu ul li .submenu ul li { width: 33.33%; float: left !important; padding: 0 15px; }
.header .nav-menu ul li .submenu ul li a span { font-size: 22px; line-height: 30px; margin-bottom: 10px; float: left; font-family: 'Barlow', sans-serif; font-weight: 500; color: #02528a !important; text-transform: capitalize !important; position: relative; transition: all ease 0.4s; -webkit-transition:all ease 0.4s; -moz-transition:all ease 0.4s;}
.header .nav-menu ul li .submenu ul li a span:hover { color: #228EC2 !important; }
.header .nav-menu ul li .submenu ul li a span:hover:before, .header .nav-menu ul li .submenu ul li a span:hover:after {background: #228EC2;  }
.header .nav-menu ul li .submenu ul li a span:before { content: ''; width: 2px; height: 12px; background: #02528a; position: absolute; right: -15px; top: 10px;transition: all ease 0.4s; -webkit-transition:all ease 0.4s; -moz-transition:all ease 0.4s;}
.header .nav-menu ul li .submenu ul li a span:after {  content: ''; width: 12px; height: 2px; background: #02528a; position: absolute; right: -20px;top: 15px; transition: all ease 0.4s; -webkit-transition:all ease 0.4s; -moz-transition:all ease 0.4s;}
.header .nav-menu ul li .submenu ul li p { font-size: 13px; line-height: 22px; font-weight: 700; margin-bottom: 0; }
.header .nav-menu ul li .submenu ul li .menu-content { width: 100%; float: left; }
.header .nav-menu ul li.parent > a span { position: relative; } 
.header .nav-menu ul li.parent > a span:after { content: "\f107"; font-family: FontAwesome; font-size:14px; color: #218DC1; padding-left: 10px; }
.header .nav-menu ul li.parent > a.child-triggerm span:after { display: none; }
/*.header .nav-menu .ubermenu-skin-black-white-2 { border: 0; background-color: transparent; background: transparent; background: transparent; background: -moz-linear-gradient(top, #3d3d3d, #212121); background: -ms-linear-gradient(top, #3d3d3d, #212121); background: -o-linear-gradient(top, #3d3d3d, #212121); -webkit-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.1); box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.1); }
.header .nav-menu .ubermenu-skin-black-white-2 .ubermenu-item-level-0 > .ubermenu-target {border-left: 0; }
.header .nav-menu .ubermenu .ubermenu-nav .ubermenu-column-full { width: auto; }
.header .nav-menu .ubermenu-skin-black-white-2 { font-size: inherit; color: inherit; position: unset;}*/
/*.header .nav-menu .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after { position: absolute; right: 0px; top: 50%; margin-top: -7px; content: "\f107"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #02528a; }*/
/*.header .nav-menu .ubermenu .ubermenu-item .ubermenu-submenu-drop { width: 100%; left: 0; }
.header .nav-menu .ubermenu .ubermenu-nav .ubermenu-column-1-3 { width: 33.33%; float: left !important;}
.header .nav-menu .ubermenu-skin-black-white-2 .ubermenu-submenu.ubermenu-submenu-drop { background: #fff; border: 0; padding: 35px 0 !important;  margin-top: 30px !important; border-top: 2px solid rgba(0, 0, 0, 0.01);  left:0 !important;}
.header .nav-menu .ubermenu-skin-black-white-2 .ubermenu-submenu.ubermenu-submenu-drop ul li .ubermenu-content-block { font-size: 13px; padding: 15px 0; line-height: 20px; color: #000; }
.ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-item-header > .ubermenu-target > span { font-size: 22px; line-height: 30px; color: #02528a; font-family: 'Barlow', sans-serif; font-weight: 500; position: relative;  transition: all ease 0.4s; -webkit-transition:all ease 0.4s; -moz-transition:all ease 0.4s;}
.ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-item-header > .ubermenu-target > span:before { content: ''; height: 2px; width: 12px; background: #02528a; position: absolute; right: -25px; top: 15px;  transition: all ease 0.4s; -webkit-transition:all ease 0.4s; -moz-transition:all ease 0.4s; }
.ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-item-header > .ubermenu-target > span:after { content: ''; width: 2px; height: 12px; background: #02528a; position: absolute; right: -20px; top: 10px;   transition: all ease 0.4s; -webkit-transition:all ease 0.4s; -moz-transition:all ease 0.4s;}
.ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-item-header > .ubermenu-target > span:hover { color:#228ec2 }
.ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-item-header > .ubermenu-target > span:hover:after { background:#228ec2 }
.ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-item-header > .ubermenu-target > span:hover:before { background:#228ec2 }
.header .nav-menu .ubermenu-skin-black-white-2 .ubermenu-submenu.ubermenu-submenu-drop > ul { margin-bottom: 0; }
*/

.banner-section { width:100%; float: left; padding: 100px 0; background-color: #218DC1; min-height: 600px; }
.banner-section .banner-caption { max-width: 596px; color: #fff; margin-top: 40px; }
.banner-section .banner-caption h1 { margin-bottom: 20px; }
.banner-section .banner-box-wrap { width: 100%; float: left; margin-top: 30px;}
.banner-section .banner-box-wrap .single-box { width: 33.33%; float: left; text-align: center; padding: 0 15px; }
.banner-section .banner-box-wrap .single-box .blue-bg { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); width: 100%; min-height: 160px; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: all ease 0.4s; -webkit-transition:all ease 0.4s; -moz-transition:all ease 0.4s;}
.banner-section .banner-box-wrap .single-box .blue-bg:hover { background: rgba(1, 81, 137,1); }
.banner-section .banner-box-wrap .single-box h5 { color: #fff;margin-bottom: 15px; }
.banner-section .banner-box-wrap .single-box a span { color: #fff; text-transform: uppercase;font-size: 11px;line-height: 19px; font-weight: 700; }
.banner-section .banner-box-wrap .single-box a:hover { color: #228ec2 }
.banner-section .banner-box-wrap .single-box a i { margin-left: 5px; }

.about-section { width: 100%; float: left; padding: 70px 0 95px; /*background-attachment: fixed;*/}
.about-section .about-content-wrap { background: #fff;  padding: 55px 60px; max-width: 573px; }
.about-section .about-content-wrap h4 { font-weight: 500; margin-bottom: 15px; }
.about-section .about-content-wrap p {margin-bottom: 15px; }
.about-section .about-content-wrap a { font-size: 13px; line-height: 19px; text-transform: uppercase; font-weight: 700; }
.about-section .about-content-wrap a i { margin-left: 5px; }

.contact-section { width: 100%; float: left;padding: 84px 0 35px; }
.contact-section .contact-left-wrap { max-width: 570px; float: left; width: 100%; }
.contact-section .contact-right-wrap { float: right; }
.contact-left-wrap .form-wrap .gform_wrapper { margin: 0; }
.contact-left-wrap .form-wrap .gform_wrapper ul li.gfield { margin-top: 0 !important; padding-right: 0;margin-bottom: 20px; float: left; width: 100%;}
.contact-left-wrap .form-wrap .gform_wrapper .top_label .gfield_label { display: none; }
.contact-left-wrap .form-wrap .gform_wrapper .top_label div.ginput_container { margin-top: 0; width: 100% !important; }
.contact-left-wrap .form-wrap .gform_wrapper div.ginput_container_name span { padding-right: 0; padding-top: 0 !important; margin-right: 0 !important; width: 49%; margin-bottom: 0; }
.contact-left-wrap .form-wrap .gform_wrapper div.ginput_container_name span.name_first { float: left; }
.contact-left-wrap .form-wrap .gform_wrapper div.ginput_container_name span.name_last { float: right; }
.contact-left-wrap .form-wrap .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .contact-left-wrap .form-wrap .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {     margin-bottom: 0; }
.contact-left-wrap .form-wrap .gform_wrapper li.hidden_label input { margin-top: 0; }
.contact-left-wrap .form-wrap { margin-top: 30px; }
.contact-left-wrap .form-wrap .gform_wrapper .gform_footer { margin-top: 0; padding-top: 0; }
.contact-left-wrap .form-wrap .gform_wrapper .gform_footer input[type='submit'] { min-width: 185px; background: #02528a; color: #fff; font-weight: 900; letter-spacing: 1px; height: 40px; }
.contact-left-wrap .form-wrap .gform_wrapper .gform_footer input[type='submit']:hover { background: #228EC2;}
.contact-left-wrap .form-wrap .gform_wrapper div.validation_error { display: none; }
.contact-left-wrap .form-wrap .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: 100% !important; position: relative;}
.contact-left-wrap .form-wrap .gform_wrapper li.gfield.gfield_error, .contact-left-wrap .form-wrap .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {     background-color: transparent !important; margin-bottom: 30px !important; border-top: 0 !important;    border-bottom: 0 !important;   padding-bottom: 0 !important;    padding-top: 0 !important; }
.contact-left-wrap .form-wrap .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .contact-left-wrap .form-wrap .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-top: 0 !important; }
.contact-left-wrap .form-wrap .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { position: absolute; bottom: -23px; }
.contact-left-wrap .form-wrap .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.contact-left-wrap .form-wrap .gform_wrapper li.gfield_error textarea { border-color: #ebebeb; }
.contact-left-wrap .form-wrap .gform_wrapper textarea.medium { height: 133px; }
.contact-section .contact-right-wrap img { display: block; }



footer { width: 100%; float: left;padding: 80px 0 0;  }
footer .footer_top_section { padding-bottom: 50px;float: left; width: 100%; }
footer .footer_top_section > div { width: 25%; float: left; }
footer .footer_top_section .footer_sidebar1 ul.menu li { margin-bottom: 15px; }
footer .footer_top_section .footer_sidebar1 ul.menu li a { color: #000; text-transform: uppercase; }
footer .footer_top_section .footer_sidebar1 ul.menu li a:hover { color: #02528A; }

footer .footer_top_section .footer_sidebar2 h2 { font-family: 'Lato', sans-serif; font-size: 16px; line-height: 24px; font-weight: 700; margin-bottom: 15px;}
footer .footer_top_section .footer_sidebar2 ul.menu li { margin-bottom: 15px; }

footer .footer_top_section .footer_sidebar3 .footer_address { line-height: 30px; margin-bottom: 20px; position: relative; }
footer .footer_top_section .footer_sidebar3 .footer_address:before { content: "\f041"; font-family: FontAwesome; font-size: 28px; position: absolute; left: -25px; color: #02528A; top: 3px; }
footer .footer_top_section .footer_sidebar3 .footer_address a { display:flex; color: #000 }
footer .footer_top_section .footer_sidebar3 .footer_address a:hover { color: #02528a; }

footer .footer_top_section .footer_sidebar4 { padding-left: 25px; }
footer .footer_top_section .footer_sidebar4 ul { margin-top: 15px; }
footer .footer_top_section .footer_sidebar4 ul li { display: inline-block; vertical-align: middle; padding: 0 22px 0 0; }
footer .footer_top_section .footer_sidebar4 ul li a { font-size: 24px; }

footer .footer_bottom_section { width: 100%; float: left; padding: 10px 0 60px; border-top: 1px solid #D7D7D7; }
footer .footer_bottom_section ul li { display: inline-block; padding: 0 40px 0 0;}
footer .footer_bottom_section ul li a { color: #828282; }
footer .footer_bottom_section .footer_bottom_menu { float: left; }
footer .footer_bottom_section .footer_copyright { float: right;color: #828282;}
footer .footer_bottom_section ul li a:hover { color: #02528A; }


.banner-section.innerpage-banner { min-height: 345px; background-color: #4C697E;background-blend-mode: multiply;padding: 90px 0 55px; }
.banner-section.innerpage-banner .banner-caption { max-width: 576px; margin-top: 0;}

.about-author-section { width: 100%; float: left; padding: 45px 0; }
.about-author-section .container { display: flex; align-items: center; justify-content:space-between; }
.about-author-section .author-right-wrap { max-width: 420px; }
.about-author-section .author-left-wrap img { display: block; }
.about-author-section .author-right-wrap h3 { font-size: 42px; line-height: 50px;font-weight: 500;margin-bottom: 16px; }
.about-author-section .author-right-wrap span.sub-title { margin-bottom:20px; float: left; width: 100%; font-size: 13px; text-transform: uppercase; }
.about-author-section .author-right-wrap .social-links { width: 100%; float: left; }
.about-author-section .author-right-wrap .social-links a { width: 33px; height: 33px; background: #02528A; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-bottom: 20px; }
.about-author-section .author-right-wrap .social-links a i { font-size: 20px; color: #fff; }
.about-author-section .author-right-wrap .social-links a:hover { background: #228EC2; }
.about-author-section .author-left-wrap { width: 50%; }

.about-section.tribute-section { padding: 45px 0; }
.about-section.tribute-section .about-content-wrap span.sub-title { font-size: 18px; line-height: 25px; font-family: 'Barlow', sans-serif; font-weight: 500; text-transform: uppercase; margin-bottom: 20px; float: left; width: 100%; }
.about-section.tribute-section h4 { margin-bottom: 0; }

.featured-section { width: 100%; float: left; padding: 45px 0; }
.featured-section .banner-box-wrap .single-box { width: 33.33%; float: left; padding: 0 15px; }
.featured-section .banner-box-wrap .single-box .blue-bg { width: 100%; float: left; display: flex; min-height: 160px; align-items: center; justify-content: center; flex-direction: column; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); color: #fff; border-radius: 3px;
     position: relative;    background-size: cover; background-repeat: no-repeat; background-position: center center;}
.featured-section .banner-box-wrap .single-box .blue-bg:before { content: ''; width: 100%; height: 100%; background: rgb(19, 110, 172); background: -moz-linear-gradient(top, rgba(19, 110, 172, 1) 0%, rgba(16, 61, 95, 1) 100%); background: -webkit-linear-gradient(top, rgba(19, 110, 172, 1) 0%, rgba(16, 61, 95, 1) 100%); background: linear-gradient(to bottom, rgba(19, 110, 172, 1) 0%, rgba(16, 61, 95, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#136eac', endColorstr='#103d5f', GradientType=0); position: absolute; left: 0; top: 0; opacity: 0.8; transition: all ease 0.4s; -webkit-transition:all ease 0.4s; -moz-transition:all ease 0.4s;}
.featured-section .banner-box-wrap .single-box .blue-bg:hover:before { opacity: 1; }
.featured-section .banner-box-wrap .single-box .blue-bg h5 { color: #fff; margin-bottom: 8px; position: relative;z-index: 2; transition: all ease 0.2s; -webkit-transition:all ease 0.4s;}
.featured-section .banner-box-wrap .single-box a span { color: #fff; text-transform: uppercase;font-size: 11px;line-height: 19px; font-weight: 700;position: relative;z-index: 2; transition: all ease 0.2s; -webkit-transition:all ease 0.4s; }
/*.featured-section .banner-box-wrap .single-box a:hover span, .featured-section .banner-box-wrap .single-box a:hover h5  { color: #228ec2 }*/
.featured-section .banner-box-wrap .single-box a i { margin-left: 5px; }


.innerpage-banner.practice-area-banner { background-blend-mode: normal;    background-color: #218DC1; }

.general-content-part { padding: 70px 0; width: 100%; float: left; }
.general-content-part h1 { font-size: 32px; line-height: 40px; color: #000;margin-bottom: 30px; }
.general-content-part h2 { font-size: 24px; line-height: 32px; color: #02528A;    margin-bottom: 15px; }

.general-content-part .left-content-part { width: 100%; float: left; max-width: 775px;}
.general-content-part .right-sidebar-wrap { width: 25%; float: right; padding-left: 25px; }
/*.general-content-part p { font-size: 16px; line-height: 27px; font-weight: 500;}*/
.general-content-part ul { padding-left: 35px; }
.general-content-part ul li { position: relative; margin-bottom: 20px; font-size: 16px; line-height: 27px; padding-left: 30px; font-weight: 500; }
.general-content-part ul li:before {content: '';  /* font-size: 20px; font-family: FontAwesome; color: #02528a; */position: absolute; left: 0; background-image: url(images/bullet-arrow.png); background-repeat: no-repeat; width: 10px; height: 10px; top: 13px; }

.general-content-part .right-sidebar-wrap  .sideber-cta { background-color: #015189; background-repeat: no-repeat; background-size: cover; text-align: center; padding: 25px; color: #fff; min-height: 334px; margin-bottom: 20px; position: relative; }
.general-content-part .right-sidebar-wrap  .sideber-cta h4 { color: #fff; font-weight: 500; margin: 15px 0; }
.general-content-part .right-sidebar-wrap  .sideber-cta p { font-size: 16px; line-height: 24px; }
.general-content-part .right-sidebar-wrap  .sideber-cta a { display: inline-flex; border: 2px solid #fff; width: 185px; height: 40px; align-items: center; justify-content: center; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: 900; position: absolute; left: 0; bottom: 25px; right: 0; margin: 0 auto; }
.general-content-part .right-sidebar-wrap .sideber-cta a:hover, .general-content-part .right-sidebar-wrap .sideber-cta a:focus { background: #228ec2; border-color: #228EC1;}
.general-content-part .right-sidebar-wrap .sideber-cta.secondary-cta a { background: #fff; color: #015189; }
.general-content-part .right-sidebar-wrap .sideber-cta.secondary-cta a:hover, .general-content-part .right-sidebar-wrap .sideber-cta.secondary-cta a:focus { background: transparent; color: #fff; border-color: #fff; }

.grey-bg { background-color: #F1F1F1 }

.page-template-practice-area-template .grey-bg { width: 100%; float: left; }
.page-template-practice-area-template .grey-bg .contact-section { padding: 70px 0; }
.page-template-practice-area-template .featured-section { padding-bottom: 70px;padding-top: 0; }


.contact-map-section { width: 100%; float: left; margin-top: -100px; }
.contact-map-section iframe { width: 100%; /*margin-left: -390px;*/ }
.contact-map-section .container { position: relative; }

.form-section { width: 100%; float: left; padding: 50px 0; }
.form-section.contact-left-wrap .form-wrap .gform_wrapper ul li.gfield.email-wrap{ width: 49%; }
.form-section.contact-left-wrap .form-wrap .gform_wrapper ul li.gfield.select-wrap { width: 49%; float: right; clear: none; }

.map-tooltip { max-width: 303px; background: #fff; display: none; height: 168px; border-radius: 5px; position: absolute; bottom: 130px; left: 75px; padding: 25px; font-size: 16px; line-height: 30px; font-weight: 400; }
.map-tooltip a { display: inline-block; width: 100%; }
.map-tooltip a.phn-wrap { color: #000; }
.map-tooltip a.phn-wrap:hover { color: #228EC2; }
.map-tooltip a i { font-size: 12px; margin-left: 8px; line-height: 19px; }
.map-tooltip:after { content: ''; width: 0; height: 0; border-top: 13px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; bottom: -13px; }

.contact-banner.banner-section { background-color: #218DC1;background-blend-mode: normal; }

.contact-map-section .container{ overflow: hidden; }




/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
    ul.mainmenu{ display: block !important; }
    ul.mainmenu li:hover ul { display:block; }
}
 
/*-- Max Media Queries --*/

@media (max-width: 1200px) {

    .container { max-width: 970px; }

    .banner-section { padding: 50px 0; min-height: 500px; }

    .contact-section .contact-left-wrap { max-width: 440px; }
    .contact-section .contact-right-wrap { width: 50%; }

    .general-content-part .left-content-part { max-width: 645px; }
    .general-content-part .right-sidebar-wrap { padding-left: 0; width: 28%; }

    .header .nav-menu .ubermenu-main .ubermenu-row { max-width: 970px; }
    .header .nav-menu .ubermenu .ubermenu-nav .ubermenu-column-1-3 { padding: 0 15px; }

    .contact-map-section iframe { margin-left: -380px; }

    
}


@media (max-width: 991px) {

    .container { max-width: 750px; }

    h1 { font-size: 42px; line-height: 50px; }
    h2 { font-size: 40px; line-height: 48px; }
    h3 { font-size: 36px; line-height: 44px; }
    h4 { font-size: 30px; line-height: 40px; }

    .header .logo-wrap { max-width: 250px; }
    .header .nav-menu ul li { padding: 0 15px; }
    .header .nav-menu { margin-top: 5px; }

    .banner-section { min-height: 400px; }
    .banner-section .banner-caption { margin-top: 0; }
    .banner-section .banner-box-wrap .single-box .blue-bg { min-height: 120px; }

    .about-section { padding: 50px 0; }

    .contact-section { padding: 45px 0; }
    .contact-section .contact-left-wrap { max-width: 100%; }
    .contact-section .contact-right-wrap, .contact-section .contact-right-wrap img { width: 100%; }
    .contact-section .contact-right-wrap { margin-top: 20px; }

    footer { padding: 0; }
    footer .footer_top_section > div { width: 50%; }
    footer .footer_top_section .footer_sidebar3 { padding-left: 25px; }
    footer .footer_top_section .footer_sidebar2 { padding-left: 20px; }
    footer .footer_top_section .footer_sidebar4 { padding-left: 20px; }
    footer .footer_top_section { padding-bottom: 0; }
    footer .footer_bottom_section .footer_bottom_menu { width: 100%; text-align: center; }
    footer .footer_bottom_section ul li { padding: 0 10px; }
    footer .footer_bottom_section .footer_copyright { width: 100%; text-align: center; margin-top: 10px; }
    footer .footer_bottom_section { padding: 20px 0; }

    .about-author-section .author-right-wrap { max-width: 330px; }
    .featured-section .banner-box-wrap .single-box .blue-bg { min-height: 120px; }

    .general-content-part .left-content-part { max-width: 475px; }
    .general-content-part .right-sidebar-wrap { width: 32%; }
    .general-content-part { padding: 40px 0; }
    .general-content-part .right-sidebar-wrap .sideber-cta { padding: 15px; }
    .general-content-part ul { padding-left: 15px; }

    /*.nav-menu .ubermenu-skin-black-white-2.ubermenu-responsive-toggle { width: auto; display: inline-block; float: right; }
    .nav-menu .ubermenu-skin-black-white-2.ubermenu-responsive-toggle:hover{ background: transparent !important; color: inherit !important; } 

	.nav-menu .ubermenu-responsive-default.ubermenu-responsive.ubermenu { margin: 0; position: absolute; left: 0; top: 70px; z-index: 5; background: #000;}
	.nav-menu .ubermenu-responsive-default.ubermenu-responsive.ubermenu .ubermenu-nav { background: #000; float: left; width: 100%; }
	.nav-menu .ubermenu-responsive-default.ubermenu-responsive.ubermenu .ubermenu-nav li { width: 100% !important; float: left !important; padding: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
	.nav-menu .ubermenu-responsive-default.ubermenu-responsive.ubermenu .ubermenu-nav li a { color: #fff !important; }
	*//*.ubermenu-responsive-default.ubermenu-responsive .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop { position: relative; float: left; }*/
	/*.nav-menu .ubermenu-responsive-default.ubermenu-responsive .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop { left: 0 !important; padding: 5px 0 !important;}
	.header .nav-menu .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after { color:#fff; }
	.nav-menu .ubermenu-skin-black-white-2.ubermenu-responsive-toggle { padding: 5px 0 !important; }
	.ubermenu-responsive-default.ubermenu-responsive.ubermenu-has-border .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop { left: 0 !important; max-width: 101%; width: 101%; } 
*/
	.contact-map-section iframe { width: 170%;	}

	.header { padding: 15px 0;}

    	

}

@media (max-width: 767px) {

    body { overflow-x: hidden; }


    .container { max-width: 100%; }

    h1 { font-size: 40px; line-height: 48px; }
    h2 { font-size: 38px; line-height: 48px; }
    h3 { font-size: 32px; line-height: 40px; }
    h4 { font-size: 28px; line-height: 36px; }
    h5 { font-size: 20px; line-height: 30px;}

    

/*Nav*/
/*    .menulinks { display:none; } */
    ul.mainmenu { text-align:left; position:absolute; top:60px; padding:0; right:0; width:100%; background:#000; display:none; z-index:9999999; }
    ul.mainmenu > li { float:left; width:100%; padding:0px; margin:0; border-top:1px solid rgba(255,255,255,0.2); position:relative;  }
    ul.mainmenu > li:first-child { border:none; }
    ul.mainmenu > li > a:link, 
    ul.mainmenu > li > a:visited { padding:0; font-size:16px; float:left; width:100%; border:none; text-align:left; color:#fff !important; }
    ul.mainmenu > li > a:hover { background:rgba(255,255,255,0.2); }

    a.menulinks i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s;  -webkit-transition-delay: .2s; -moz-transition-duration: 0s;  -moz-transition-delay: .2s; transition-duration: 0s;  transition-delay: .2s; }
    a.menulinks i:before, a.menulinks i:after { position: absolute; content: ''; left:0; }
    a.menulinks i, a.menulinks i:before, a.menulinks i:after { width:35px; height:4px; background-color:#000; display: inline-block; }
    a.menulinks i:before { margin-top: -10px; -webkit-transition-property: margin, -webkit-transform;  -webkit-transition-duration: .2s;  -webkit-transition-delay: .2s, 0; }
    a.menulinks i:after { margin-top: 10px; -webkit-transition-property: margin, -webkit-transform;  -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
    .mobile-open a.menulinks i { background-color: rgba(0, 0, 0, 0.0);  -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
    .mobile-open a.menulinks i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);  -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
    .mobile-open a.menulinks i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);  -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }

    ul.mainmenu > li > a.current:after { display:none; }
    .header .nav-menu ul li .submenu { position:relative !important; top:auto; left:auto; float:left; width:100%; transition: none !important;	display: none; padding: 15px 0;    margin-top: 15px;}
    .header .nav-menu ul li .submenu li{ position:relative;}
    .header .nav-menu ul li .submenu li a{ padding:8px 15px 8px 25px; color:#fff;}
    .header .nav-menu ul li a.child-triggerm.child-open + .submenu { opacity: 1 !important; visibility: visible !important; z-index: 2;}
    .header .nav-menu > ul > li { padding: 15px; }
	.header .nav-menu ul li.parent > a span:after { display: none; }

    a.child-triggerm { display: block !important; cursor: pointer; position: absolute !important; top: 0px; right: 0px; width:50px !important; min-width: 50px !important; height:55px !important; padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); }
    a.child-triggerm:hover { text-decoration: none; /*color:#f00;*/}
    a.child-triggerm span { position: relative; top: 50%; margin: 0 auto !important;  -webkit-transition-duration: .2s; -moz-transition-duration: .2s;  transition-duration: .2s; }
    a.child-triggerm span:after { position: absolute; content: ''; }
    a.child-triggerm span, a.child-triggerm span:after { width: 11px; height: 1px; background-color:#fff; display: block; }
    a.child-triggerm span:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);  -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }
    a.child-triggerm.child-open span:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);  -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }
    a.child-triggerm.child-open span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);  -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }

    a.child-triggerm:hover span, a.child-triggerm:hover span:after{ /*background-color:#f00;*/}
	a.child-triggerm span:before { content: ''; width: 1px; height: 11px; background-color: #fff; display: block; position: absolute; top: -5px; right: 5px; }
	a.child-triggerm.child-open span:before { display: none; }

    .header .nav-menu ul li.has-megamenu a:after { display: none; }

    .header .nav-menu { margin-top: 9px; }
    .header .nav-menu ul li .submenu ul li {    text-align: left;  width: 100%; margin-bottom: 15px;}
    .header .nav-menu ul li:last-child a { max-width: 200px; margin: 0 auto; float: none;}

    .banner-section .banner-box-wrap .single-box { width: 100%; margin-bottom: 15px; }
    .banner-section .banner-caption { max-width: 100%; }
    .header .nav-menu ul li:last-child { padding-right: 20px; }

    .about-section .about-content-wrap { max-width: 100%; padding: 20px;}

    .about-author-section .author-left-wrap { width: 100%; }
    .about-author-section .author-right-wrap { max-width: 100%; }
    .about-author-section .container { flex-direction: column; }
    .about-author-section .author-right-wrap { margin-top: 15px; }
    .about-author-section .author-left-wrap img { width: 100%; }
    .featured-section .banner-box-wrap .single-box { width: 100%; margin-bottom: 15px; }
    .featured-section { padding: 45px 0 0 }

    .general-content-part .left-content-part { max-width: 100%; }
    .general-content-part .right-sidebar-wrap { width: 100%; }
    .general-content-part .right-sidebar-wrap .sideber-cta { min-height: 220px; padding-bottom: 75px;}
    .page-template-practice-area-template footer { padding-top: 40px; }
    .page-template-practice-area-template .featured-section { padding-bottom: 40px; }
    .page-template-practice-area-template .grey-bg .contact-section { padding: 40px 0; }

    .fadeInLeftShort, .fadeInRightShort, .fadeInUpShort { opacity: 1 !important; transform: none; }

    .nav-menu .ubermenu-responsive-default.ubermenu-responsive.ubermenu .ubermenu-nav li { text-align: left; }
    .header .nav-menu ul li:last-child a { margin: 0; }
    .form-section { padding: 30px 0; }
    footer .footer_top_section .footer_sidebar2 { padding-left: 0; }
    footer .footer_top_section .footer_sidebar4 { padding-left: 0; }

    .contact-map-section iframe { width: 200%; }



    
}

@media (max-width: 480px) { 

    .contact-left-wrap .form-wrap .gform_wrapper div.ginput_container_name span { width: 100%; }
    .contact-left-wrap .form-wrap .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_first { margin-bottom: 20px; }

    footer .footer_top_section > div { width: 100%; text-align: center; }
    footer .footer_top_section .footer_sidebar3 .footer_address:before { display: block; position: relative; left: inherit; top: inherit; }
    footer .footer_top_section .footer_sidebar3 .footer_address a { justify-content: center; }
    footer .footer_top_section .footer_sidebar4 ul li { padding: 0 11px; }
    footer .footer_top_section .footer_sidebar4 { margin-bottom: 20px; }
    footer .footer_top_section .footer_sidebar3 { padding-left: 0; }

    .banner-section.innerpage-banner { padding: 40px 0 20px }

    .header .logo-wrap { max-width: 200px; }

    .form-section.contact-left-wrap .form-wrap .gform_wrapper ul li.gfield.email-wrap { width: 100%; }
    .form-section.contact-left-wrap .form-wrap .gform_wrapper ul li.gfield.select-wrap { width: 100%; }
    .banner-section.innerpage-banner { min-height: 255px; }

    .map-tooltip { max-width: 270px; left: 25px; }

    .contact-map-section iframe { width: 250%;  margin-left: -380px;}


}