vcharset "UTF-8";
/*
Theme Name: Business Transition Services Inc
Theme URI: http://components.underscores.me/
Author: Red Spot Design 
Author URI: https://www.redspotdesign.com/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

Business Transition Services Inc is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*###################################
# General Styles
###################################*/
html {font-size: 16px; /* 1em */ overflow: auto; line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {font-family: "Montserrat", sans-serif; margin: 0 auto; width: 100%; min-width: 320px;}
a, a:visited {color: #003264; text-decoration: none; transition: all .5s ease; -webkit-transition: all .5s ease; text-decoration: none !important;}
a:hover {color: #DAA520;}
a:focus {outline: none !important;}
a, img {transition: all ease 0.5s;}
p, ul, ol {font-family: "Montserrat"; font-size: 16px; color: #211E1B;}
h1, h2, h3, h4, h5 {font-family: "Playfair Display"; font-weight: 400; font-style: italic; line-height: 1.2;}
h1 {font-size: 54px; letter-spacing: -3px;}
h2 {font-size: 48px; letter-spacing: -3px; color: #003264;}
h3 {font-size: 36px; letter-spacing: -2px;}
h5 {font-family: "Montserrat"; font-weight: 700; font-style: normal;}
.h1, .h2, .h3, h1, h2, h3, h4, h5, p, li  {margin-top: 0; margin-bottom: 10px;}

/*###################################
## Layouts
###################################*/
.site {margin: 0 auto;}
.full {width: 100%;}
.main {max-width: 100%;}
.entry-content {margin: 0;}
.hentry, .so-panel, .panel-grid {margin-bottom: 0!important;}
.has-1-columns .wp-block-column {flex-basis: 100%;}
.wp-block-column, .blocks-gallery-item {margin: 0 !important;}
.wp-block-gallery.is-cropped .blocks-gallery-item img {height: auto; width: auto; object-fit: contain;}
.screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}
.container, .container-fluid {width: 100%; max-width: 1360px; margin: 0 auto; padding-left: 10px; padding-right: 10px;}
.row {max-width: 100%; margin: 0 auto;}

.clearfix {clear: both;}
.ylw {color: #D8A51F;}
.width-sml {max-width: 680px; margin: 0 auto;}

/*###################################
## Forms
###################################*/
.ctc-form {text-align: center;}
.ctc-form p {margin-bottom: 0;}
.ctc-form label, .ctc-form .wpcf7-list-item {font-weight: 400; font-size: 14px; line-height: 1.1;}
.ctc-form textarea {max-height: 110px;}
.ctc-form textarea, .ctc-form input, .ctc-form select {font-family: "Arial";}
.ctc-form textarea, .ctc-form input:not([type="checkbox"]), .ctc-form select {padding: 10px 20px;}
.ctc-form input:not([type="checkbox"]), .ctc-form select {height: 45px;}
.ctc-form .form-group {margin-bottom: 10px;}
.ctc-hide, .cta {display: none;}
.ctc-form .form-control {border-radius: 0px;}
.wpcf7-response-output {text-align: center; background: #fff;}
.wpcf7-acceptance span.wpcf7-list-item {margin: 0;}

/*###################################
## Buttons
###################################*/
.btn {font-size: 13px; font-weight: 700; color: #fff!important; background: #DAA520; padding: 10px 25px; display: inline-block; border-radius: 5px; border: 2px solid #DAA520; position: relative; z-index: 10;}
.btn:before {width: 100%; height: 0; background: linear-gradient(45deg, #0199E4, #00509E, #002868); left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); position: absolute; content: ""; transition: all ease 0.5s; z-index: -1; border-radius: 3px;}
.btn:hover:before {height: 100%;}
.btn:hover {color: #fff!important; border-color: #fff!important; box-shadow: 0 3px 10px #333;}
.btn:hover i, .cnRight .btn:hover, .teamBtn .btn:hover {color: #fff!important;}
.btn.btnBlue {padding: 4px 20px; text-align: center; line-height: 1; background: #003264; border: 2px solid #003264;}
.btn.btnBlue em {display: block; font-family: "Playfair Display"; font-size: 18px; font-weight: 400; font-style: italic;}

/*###################################
## Menus
###################################*/

/*Main Menu*/
.main-navigation {clear: both; color: #fff; display: block; width: 100%;  }
.main-navigation a {font-size: 24px; font-family: "Playfair Display"; font-style: italic; color: #fff; display: block; text-decoration: none; position: relative; padding-left: 10px;}
.main-navigation a:before {width: 3px; height: 0; left: 0; top: 50%; background: #DAA520; transform: translateY(-50%); content: ""; position: absolute; transition: all ease 0.5s;}
.main-navigation ul {list-style: none; margin: 0; padding-left: 0;}
.main-navigation li {float: none; display: block; position: relative; line-height: 1.2; margin-bottom: 15px;}
.main-navigation a:hover:before, .main-navigation .current-menu-item > a:before, .main-navigation .current-menu-ancestor > a:before {height: 100%;}
.main-navigation a:hover, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {transform: translateX(10px);}

/* Sub Menu */
/*.main-navigation ul li.menu-item-has-children:hover ul {top: 100%; opacity: 1!important;}
.main-navigation ul ul.sub-menu{display: block; text-align: left; transition: all ease 0.5s; opacity: 1!important; text-align: left; top: 50%; background: rgba(32,29,27,0.8)!important;}
.main-navigation li.menu-item-has-children .sub-menu a:after {display: none;}
.main-navigation .sub-menu a:hover, .main-navigation .sub-menu .current-menu-item > a, .main-navigation .sub-menu .current-menu-ancestor > a {background: #1E2A5A!important;}
.main-navigation .sub-menu a {font-size: 14px; width: 300px; padding: 15px 10px!important;}
.main-navigation .sub-menu li {display: block; border-top: 1px solid #333; text-align: left;}*/

/*Footer Menu*/
.footer-navigation ul {margin: 0; padding: 0; text-align: center; }
.footer-navigation ul li {display: inline-block; float: none; }
.footer-navigation ul li a {color: #fff; display: block; padding: 12px; }
.footer-navigation ul a:hover, .footer-navigation .current_page_item a, .footer-navigation .current-menu-item a {background: #3498DB; }

/*Social Menu*/
.social-navigation li {background: transparent; border-radius: 50%; transition: all ease 0.5s;}
.social-navigation li:hover {transform: rotate(360deg); border-radius: 0px;}
.social-navigation li:hover a {background: #fff;}
.social-navigation a {font-size: 13px; color: #D8A51F!important; display: inline-block; height: auto!important; width: auto!important;}
.social-navigation a:before {width: 30px!important; height: 30px!important; line-height: 30px!important;}

html.navOpen body {overflow: hidden;}
html.navOpen .site {position: relative;}
html.navOpen .site:before {width: 100%; height: 100%; background: rgba(0,0,0,0.8); left: 0; right: 0; top: 0; margin: 0 auto; position: absolute; content: ""; z-index: 999;}

.logged-in .hdTop {top: 32px;}
.logged-in .hdTop.sticky {top: 0;}

/*###################################
## Header
###################################*/
.site-header .custom-logo {width: 100%; max-width: 215px;}
.hdTop {background: #003264; padding: 10px 0 5px; z-index: 99999; position: fixed; top: 0; left: 0; right: 0; width: 100%; transition: all ease 0.5s;}
.hdNav {position: absolute; top: 0; right: 0; height: 100%; width: 100%; max-width: 80px; border-left: 1px solid #194674; text-align: center; cursor: pointer; }
.hdNav #toggle {position: relative; top: 50%; transform: translateY(-50%); padding: 15px;}
.hdNav #toggle p {font-size: 11px; color: #fff; font-weight: 500; margin-bottom: 0;}
.hdNav #toggle div:not(.title) {width: 100%; max-width: 30px; height: 4px; background: #DAA520; margin: 4px auto; transition: all 0.3s; backface-visibility: hidden;}
.hdNav #toggle.on .line-1 {transform: rotate(45deg) translate(3px, 5px);}
.hdNav #toggle.on .line-2 {opacity: 0;}
.hdNav #toggle.on .line-3 {transform: rotate(-45deg) translate(7px, -8px);}
.hdNav #navigation-toggle {position: absolute; top: 100%; right: 0; width: 550px; height: auto; padding: 30px; margin: auto; display: none; box-sizing: border-box; background: rgba(2,71,138,0.9); text-align: left;}
.hdNavBox {position: relative; height: 100%;}
.hdBot {background: #DAA520; padding: 10px 0; margin-top: 76px;}
.hdBot p {margin-bottom: 0;}
.hdBot .container {max-width: 1300px;}
.hdBotLeft p {font-size: 16px; font-weight: 700; color: #003264; letter-spacing: 2px;}
.hdBotRight {text-align: right;}

.hdTop.sticky {box-shadow: 0 0 10px #000;}
.hdTop.sticky .custom-logo {max-width: 140px;}
.hdTop.sticky .hdNav #toggle {padding: 5px 15px;}
.hdTop.sticky #navigation-toggle {width: 450px; padding: 10px;}


/*###################################
## Banner
###################################*/
#banner, #content, #quoteContact {position: relative; border-bottom: 3px solid #DAA520;}
#banner h2 {font-size: 64px; color: #fff; border-top: 3px solid #fff; padding-top: 10px; text-shadow: 0 0 10px #000;}
#banner h2 span.dwn {display: block; font-size: 49px;}
#banner p {margin-bottom: 0;}
#banner .mainTag {max-width: 490px;}
#banner .container {max-width: 100%; padding-left: 0; padding-right: 0;}
#banner .n2-ss-slide-backgrounds {filter: brightness(70%);}
#banner .n2-ss-layer, #banner .nextend-bullet-bar, .bnText {position: absolute; max-width: 1460px; left: 0; right: 0; margin: 0 auto; box-sizing: border-box;}
#banner .n2-ss-layer {bottom: 2.77vw; background: none;	padding: 0; opacity: 1; text-align: left;}
#banner .n2-ss-layer .bnInfoBox p {font-family: "Playfair Display"; font-style: italic; line-height: 1.2;}
#banner .n2-ss-layer .bnInfoBox p, #banner .n2-ss-layer .bnInfoBox p span.sml {font-size: 36px; color: #fff; text-shadow: 0 0 10px #000;}
#banner .n2-ss-layer .bnInfoBox p span {display: block; font-size: 49px; padding-left: 80px;}
#banner .n2-ss-layer .bnInfoBox p span.noPad {padding-left: 0;}
#banner .n2-ss-layer .bnInfoBox p strong.big {font-size: 80px;}
#banner .n2-ss-layer, .bnText {padding-left: 10px; padding-right: 10px;} 
#banner .nextend-bullet-bar {bottom: 2.34vw; padding: 0; text-align: center; flex-wrap: nowrap!important;}
#banner .nextend-bullet-bar .n2-bullet {margin: 0 8px; background: transparent; border: 1px solid #fff; border-radius: 50%; box-shadow: 0 0 10px #000;}
#banner .nextend-bullet-bar .n2-bullet.n2-active, #banner .nextend-bullet-bar .n2-bullet:hover {border: 1px solid #DAA520; background: #DAA520;}
.bnText {top: 2.60vw; z-index: 10;}

/*################################### 
## Content
###################################*/
#content {background: #fff; padding: 80px 0;}
#content h1 {font-size: 54px; color: #01468A;}
#content h1 span {display: block;}
.cnLeft {text-align: right; padding-right: 50px;}
.cnRight ul, .faqList ul {list-style: none; padding: 0; margin: 0;}
.cnRight ul li, .faqList ul li {position: relative; padding-left: 25px; margin-bottom: 20px;}
.cnRight ul li:before, .faqList ul li:before {width: 5px; height: 5px; background: #DAA520; border-radius: 50%; top: 10px; left: 0; content: ""; position: absolute;}
.cnRight .btn {background: #fff; color: #003264!important; font-size: 17px; font-weight: 600; padding: 25px 30px; margin-top: 40px;}
.cnRight .btn i {color: #DAA520; padding-left: 10px;}

/* Quote with Contact */
#quoteContact {background: #003264; padding: 40px 0; text-align: center;}
#quoteContact h3 {font-size: 36px; color: #fff; line-height: 1.8; margin-bottom: 20px; letter-spacing: -2px;}
#quoteContact h3 span.dwn {display: block;}
#quoteContact h5 {font-size: 18px; font-family: "Montserrat"; font-weight: 400; font-style: normal; color: #fff; letter-spacing: 3px;}
.quoteTop {margin-bottom: 60px;}
.quoteBot {max-width: 1160px; margin: 0 auto;}
.quoteCircle {padding-top: 40px; background: #02478A; border-radius: 50%; border: 10px solid #fff; width: 220px; height: 220px; margin: 0 auto; color: #fff!important; font-family: "Playfair Display"; font-size: 30px; font-style: italic; display: block; line-height: 1.2; position: relative; z-index: 10;}
.quoteCircle a {color: #fff;}
.quoteCircle:before {width: 0; height: 0; background: radial-gradient(#0199E4, #002868); position: absolute; left: 0; right: 0; top: 50%; margin: 0 auto; transform: translateY(-50%); border-radius: 50%; z-index: -1; transition: all ease 0.5s; content: "";}
.quoteCircle:hover:before {width: 100%; height: 100%;}
.quoteCircle:hover i.fa {transform: rotateY(360deg);}
.quoteCircle i.fa {font-size: 35px; display: block; margin-bottom: 30px; transition: all ease 0.5s;}
.quoteLoc .quoteCircle i.fa {margin-bottom: 15px;}
.quoteLoc span {display: block;}

/* FAQ */
#faq {background: #fff; padding-top: 100px;}
#faq h2 {font-size: 48px; color: #003264; padding-bottom: 40px; margin-bottom: 50px; position: relative;}
#faq h2:before {width: 300px; height: 3px; background: #DAA520; left: 0; right: 0; margin: 0 auto; bottom: 0; content: ""; position: absolute;}
#faq h3 {font-size: 23px; font-family: "Montserrat"; font-weight: 700; font-style: normal; color: #D8A51F; letter-spacing: 10px; margin-bottom: 20px;}
#faq h4 {font-size: 24px; color: #003264;}
#faq h5 {font-size: 21px; font-family: "Playfair Display"; font-weight: 400; font-style: italic; color: #003264; margin-bottom: 20px;}
#faq p, #faq li {font-size: 13px;}
.faq-1 {background-image: url(assets/images/faqImg1.jpg);}
.faq-2 {background-image: url(assets/images/faqImg2.jpg);}
.faq-3 {background-image: url(assets/images/faqImg3.jpg);}
.faq-4 {background-image: url(assets/images/faqImg4.jpg);}
.faq-5 {background-image: url(assets/images/faqImg5.jpg);}
.faqList {background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 80px 0;}
.faqList > div {max-width: 1200px; margin: 0 auto;}
.faqList.faq-1, .faqList.faq-3 {background-position: center top;}
.faqList ul {margin-top: 40px!important;}
.faqBox {background: #fff; border-radius: 5px; padding: 30px 40px; max-width: 630px; box-sizing: border-box; min-height: 600px; box-shadow: 0 0 10px #000;}
.faqBox.faqLeft {margin-right: auto;}
.faqBox.faqRight {margin-left: auto;}
.faqQuest {padding-right: 70px; position: relative; margin-bottom: 30px!important;}
.faqQuest:before {font-size: 96px;  content: "?"; right: 0;}
.faqQuest:before, .faqAns:before {font-family: "Playfair Display"; font-weight: 400; font-style: normal; color: #DAA520; position: absolute; top: 0; line-height: 0.8;}
.faqAns:before {font-size: 72px;content: "A:";left: 0;}
.faqAns {position: relative; padding-left: 90px;}

/* Quote */
#quote {background: #fff; padding: 60px 0 80px; text-align: center;}
#quote > div {max-width: 1150px; margin: 0 auto;}
#quote h3 {font-size: 30px; color: #333333; margin-bottom: 40px; letter-spacing: 0;}
#quote h5 {font-size: 18px; font-family: "Montserrat"; font-weight: 400; font-style: normal; color: #858383; letter-spacing: 3px;}
#quote h5 span {display: block; font-size: 80%; letter-spacing: 0;}
#quote.quoteSide > div {max-width: 100%;}
.quoteSideRow {position: relative!important; padding-top: 15px; padding-bottom: 15px;}
.quoteSideRow:before {width: 2px; height: 100%; background: #DAA520; left: 0; right: 0; top: 0; margin: 0 auto; position: absolute; content: "";}
.pum-container {border: none!important; border-radius: 0!important; box-shadow: none!important; text-align: center;}
.pum-container .pum-title {text-align: center!important; font-size: 40px!important; font-family: "Playfair Display"!important; font-weight: 400!important; font-style: italic!important; line-height: 1.2!important; margin-bottom: 15px; position: relative; padding-bottom: 15px; border-bottom: 1px solid #DAA520;}
.pum-container .pum-title:before {width: 80px; height: 5px; left: 0; right: 0; bottom: -2.5px; background: #DAA520; margin: 0 auto; content: ""; position: absolute;}
.pum-content {text-align: center!important; font-weight: 400!important;}
.pum-content p {color: #000!important; font-size: 18px!important;}

/* Schedule */
#schedule {background: url(assets/images/schedBg.jpg)no-repeat center center; background-size: cover; padding: 40px 0 80px; text-align: center;}
#schedule h3 {font-size: 30px; color: #fff; letter-spacing: 0; line-height: 1.4;} 
#schedule h3 strong {font-size: 36px; font-family: "Montserrat"; font-style: normal; display: block;}
#schedule h4 {color: #fff;}
.schedBox {max-width: 860px; margin: 0 auto; box-sizing: border-box; padding: 30px; border: 3px solid #DAA520; border-radius: 10px; position: relative;}
.schedBox .btn {font-size: 36px; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -40px; max-width: 390px; width: 90%;}

/*###################################
## Footer
###################################*/
.ftTop, .ftBot, #schedule {border-top: 3px solid #DAA520;}
.ftTop {padding: 40px 0 20px; background: url(assets/images/ftTopBg.jpg)no-repeat center center; background-size: cover;}
.ftTop h4 {margin-bottom: 20px;}
.ftTop h4, .ftBot p {font-size: 13px; font-family: "Montserrat"; font-weight: 400; font-style: normal; color: #fff; letter-spacing: 2px;}
.ftTop p {font-size: 18px; color: #fff; margin-bottom: 0; line-height: 1.8;}
.ftTop a, .ftBot a {color: #fff;}
.ftTop .mainTag {font-size: 36px; color: #fff; letter-spacing: -2px;}
.ftTop .mainTag .sml {display: block; font-size: 24px; letter-spacing: -1px;}
.ftTop .row {display: flex; justify-content: space-between;}
.ftTop .row > div:not(.ftLogo) {padding-top: 40px;}
.ftSocial .social-navigation li {display: block;}
.ftAddress {max-width: 290px;}
.ftAddress span {display: block;}
.ftPhone a {font-weight: 600;}
.ftLogo {text-align: center;}
.ftLogo img {width: 80%; max-width: 360px;}
.ftBot {background: #003264; padding: 40px 0; text-align: center;}
.ftBot p {margin-bottom: 0;}

/*###################################
## Sidebar
###################################*/
#primary.sideRight {float:left; width: 70%;}
#secondary {float:right; width: 30%; padding: 20px; box-sizing: border-box; border: 1px solid #535353; box-sizing: border-box;}
.search-form {display: flex;}
.search-form .search-submit {width: 100%; max-width: 85px;}

/*###################################
## Inner Pages
###################################*/
.inner #content {background: #fff; text-align: left; min-height: 600px; padding: 0;}
.inner #content h1 {text-align: center;}

/* Banner */
.bnImg img {height: 450px; width: 100%; filter: brightness(70%); object-fit: cover; object-position: center top; display: block;}
.inner #banner h1 {text-shadow: 0 0 10px #000; color: #fff; font-weight: 400; font-size: 56px; margin-bottom: 0;}
.inner #banner h1 span {padding-left: 80px; display: block;}
.inner #banner .nextend-bullet-bar {bottom: 0.7vw;}
.inner #banner .entry-header {position: absolute; left: 0; right: 0; margin: 0 auto; text-align: left; top: 1.60vw; z-index: 10; max-width: 1460px; padding-left: 10px; padding-right: 10px;}
.inner #banner .n2-ss-layer {bottom: 3vw;}

/* Complimentary Page */
.inCompliOwner {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd; text-align: center;}
.inCompliOwner h3 {color: #DAA520; margin-bottom: 15px; font-size: 28px;}
.inCompliOwner h3 span {display: block; font-size: 18px; font-family: "Montserrat"; font-style: normal; letter-spacing: 2px; color: #000;}
.inCompliOwner p {font-size: 13px;}
.inCompliOwner img {border: 1px solid #ddd; margin-bottom: 5px; max-height: 200px; display: block;}
.inCompliOwner img:hover {box-shadow: 0 0 10px #000;}
.inCompliTop {padding: 40px 0 0;}
.inCompliTop .panel-grid-cell .so-panel, .inCompliTop .panel-grid-cell .so-panel > div {height: 100%;}
.inCompliTopLeft {padding-right: 40px; border-right: 1px solid #ddd;}
.inCompliTopLeft p {padding-left: 40px;}
.inCompliTopLeft h3 {border-left: 3px solid #DAA520; padding-left: 10px; margin-top: 35px;}
.inCompliTopLeft h3:first-of-type {margin-top: 0;}
.inCompliTopRight, .inCompliTopLeft {padding-bottom: 20px}
.inCompliTopRight h5 {font-weight: 600; font-size: 13px; margin-bottom: 20px;}
.inCompliStep {background: #eee; padding: 60px 0 40px;}

/* Who We Are */
.inTeamMain {padding: 40px 0; background: #eee;}
.inTeamMain h2 {margin-bottom: 50px;}
.teamList {margin: 0 -0.5%;}
.teamList, .teamSingle {display: flex; justify-content: flex-start; flex-wrap: wrap; height: 100%; align-items: stretch;}
.teamBox {width: 49%; margin: 0 0.5% 15px; box-sizing: border-box; padding: 10px; border: 1px solid #ddd; transition: all ease 0.5s; background: #fff; position: relative;}
.teamBox:hover {box-shadow: 0 0 10px #000;}
.teamBox:hover .teamImg img {top: 0; left: 0;}
.teamBox:hover .teamLeft:before {height: 100%;}
.teamLeft, .teamRight {height: 100%; box-sizing: border-box; position: relative;}
.teamLeft {width: 40%; padding-right: 10px; text-align: center;}
.teamRight {width: 60%; padding-left: 10px; border-left: 1px solid #ddd;}
.teamLeft:before {height: 30%; width: 3px; right: -1.5px; top: 50%; transform: translateY(-50%); background: #DAA520; content: ""; position: absolute; transition: all ease 0.5s; z-index: 10;}
.teamName {font-size: 32px; color: #DAA520;  border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.teamName span {display: block; font-size: 18px; font-family: "Montserrat"; font-style: normal; letter-spacing: 2px; color: #000;}
.teamImg {background: #003264; margin-bottom: 10px;}
.teamImg img {width: 100%; height: 300px; object-fit: cover; object-position: center top; position: relative; top: -5px; left: -5px;}
.teamSocial, .teamContact {border-top: 1px solid #ddd; padding-top: 10px;}
.teamSocial {padding: 5px 0;}
.teamSocial a {font-size: 20px; margin: 0 10px; line-height: 1;}
.teamSocial a:hover {transform: rotate(360deg);}
.teamSocial a:first-of-type {margin-left: 0;}
.teamSocial a:last-of-type {margin-right: 0;}
.teamContact a {width: calc(50% - 3px); color: #fff!important; padding: 3px 10px; font-size: 23px; background: #003264; border-radius: 0; border: none;}
.teamDesc {padding-bottom: 45px;}
.teamBtn {text-align: right; position: absolute; bottom: 0; right: 0; margin-bottom: 0; width: 100%;} 
.teamBtn .btn {background: #fff; color: #003264!important; padding: 7px 25px;}
.teamBtn .btn i {transition: all ease 0.5s;}
.teamBtn .btn:hover i {transform: translateX(5px);}
.teamMain {width: 99%; order: -1; padding: 20px;}
.teamMain .teamName {font-size: 42px;}
.teamMain .teamName span {font-size: 22px;}
.teamMain .teamLeft {width: 30%; padding-right: 20px;}
.teamMain .teamRight {width: 70%; padding-left: 20px;}
.teamMain .teamImg img {height: auto; top: -10px; left: -10px;}
.teamMain .teamDesc {padding-bottom: 0;}
.teamModal {z-index: 99999; top: 20px;}
.teamModal .modal-header {position: relative; padding: 10px 15px;}
.teamModal button.close {position: absolute; top: 10px; right: 10px;}

/* What We Do */
.inWhat h2 {font-size: 48px; padding-bottom: 20px; margin-bottom: 30px; position: relative; text-align: center;}
.inWhat h2:before {width: 300px; height: 3px; background: #DAA520; left: 0; right: 0; margin: 0 auto; bottom: 0; content: ""; position: absolute;}
.inWhat span.sml {font-size: 21px; font-family: "Montserrat"; font-weight: 700; font-style: normal; color: #D8A51F; letter-spacing: 5px; margin-bottom: 10px; display: block;}
.inWhatTop {padding: 40px 0; text-align: center;}
.inWhatTop > .panel-grid-cell {max-width: 860px; margin: 0 auto;}
.inWhatDont, .inWhatDo {padding: 40px 0; background: #eee;}

/* Why Client Hire Us */
.inWhyTop {padding: 40px 0;}
.inWhyTop h2 {color: #DAA520;}
.inWhyTop > .panel-grid-cell {max-width: 960px; margin: 0 auto;}
.inWhyDot {padding-bottom: 40px;}
.inWhyDot h2 {margin-bottom: 30px;}
.inWhyDot ul {list-style: none; margin: 0; padding: 0;}
.inWhyDot ul li {padding-left: 30px; padding-bottom: 40px; margin-left: 20px; margin-bottom: 0; position: relative;}
.inWhyDot ul li:last-of-type:before {display: none;}
.inWhyDot ul li:before, .inWhyDot ul li:after {top: 0; content: ""; position: absolute;}
.inWhyDot ul li:before {left: 0; height: 100%; width: 6px; background: #9EA9B1;}
.inWhyDot ul li:after {left: -7.5px; border-radius: 50%; width: 20px; height: 20px; background: #003264;}
.inWhyDot ul ul {margin-top: 30px;}
.inWhyDot ul ul li:before, .inWhyDot ul ul li:after {display: none;}
.inWhyDot ul ul li {padding-bottom: 20px; padding-left: 0;}

/* Owner's Prespective */
.inViewTop {padding: 40px 0 60px;}
.inViewTop h2 {margin: 30px 0;}
.inViewVid {max-width: 1024px; margin: 30px auto 0; box-shadow: 0px 30px 40px -25px rgba(0, 0, 0, 1); transition: all ease 0.5s; position: relative;}
.inViewVid .mejs-controls {opacity: 0; transition: all ease 0.5s;}
.inViewVid .wp-video {border-top: 1px solid #DAA520;}
.inViewVid:before {width: 300px; height: 5px; left: 0; right: 0; top: -2.5px; margin: 0 auto; background: #DAA520; content: ""; position: absolute; z-index: 99;}
.inViewVid:hover {box-shadow: none;}
.inViewVid:hover .mejs-controls {opacity: 1;}
.inViewExho {padding: 40px 0 0;}
.inViewExho h4 {font-size: 24px; color: #003264; max-width: 680px; margin: 0 auto 30px;}
.inViewExho h3 {color: #003264; margin-bottom: 30px; padding-bottom: 20px; position: relative;}
.inViewExho h3:before {left: 0; right: 0; margin: 0 auto; bottom: 0; background: #DAA520; width: 300px; height: 5px; content: ""; position: absolute;}
.inViewExho .quote {max-width: 1024px; margin: 0 auto 40px;}
.inViewExho ul {list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.inViewExho li {width: calc(25% - 20px); text-align:center; position: relative; padding-top: 20px; margin-bottom: 30px;}
.inViewExho li:before {width: 15px; height: 15px; background: #DAA520; border-radius: 50%; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; content:"";}
.inViewSlide {padding: 40px 0;}
.inViewSlide h3 {color: #003264; margin-bottom: 30px;}
.inViewSlide .wpls-logo-showcase .slick-slide .logo-title {font-size: 20px; font-weight: 700; line-height: 1.1; margin-top: 20px; color: #003264;}
#wpls-logo-showcase-slider-1 .wp-post-image, #wpls-logo-showcase-slider-1 .wp-post-image img.wp-post-image {max-height: 200px!important;}
/*.inViewSlide .wpls-logo-slider.center .slick-slide {transform: scale(0.7)!important; opacity: 1;}*/
.inViewEvent {padding: 40px 0; background: #eee;}
.inViewEvent h2, .inViewEvent p {margin-bottom: 30px;}
.inViewEvent h5 {font-size: 18px; font-family: "Montserrat"; font-weight: 400; font-style: normal; color: #003264; letter-spacing: 3px;}
.inViewEvent h5 span {color: #858383; display: block; font-size: 80%; letter-spacing: 0;}

/* Contact Page */
.inContact {padding: 40px 0;}
.inConBox {max-width: 960px; margin: 30px auto 0; text-align: center;}
.inConBox p {margin-bottom: 0;}
.ctc-half {width: calc(49.5% - 3px); display: inline-block; vertical-align: top;}
.ctc-half:nth-of-type(even) {margin-left: 1%}

/* Accordion */
.accordions {background: none!important; max-width: 1024px; margin: 0 auto;}
.accordions .sow-accordion-panel-header {position: relative; font-weight: 700; background: none!important; border-bottom: 1px solid #003264!important; padding: 20px 20px 20px 0!important; position: relative; transition: all ease 0.5s;}
.accordions .sow-accordion-panel-header:before {width: 0%; height: 3px; background: #DAA520; bottom: -1.5px; left: 0; right: 0; margin: 0 auto; position: absolute; content: ""; transition: all ease 0.5s;}
.accordions .sow-accordion-panel-header:hover:before, .accordions .sow-accordion-panel-open .sow-accordion-panel-header:before {width: 95%;}
.accordions .sow-accordion-panel-header:hover .accordions .sow-accordion-panel-header, .accordions .sow-accordion-panel-open .sow-accordion-panel-header, .accordions .sow-accordion-open-close-button:hover .sow-accordion-open-close-button, .accordions .sow-accordion-panel-open .sow-accordion-open-close-button {color: #DAA520!important;}
.accordions .sow-accordion-panel-header {font-size: 20px!important; color: #003264!important; margin: 0!important; padding-right: 15px; line-height: 1;}
.accordions .sow-accordion-open-close-button {position: absolute; right: 0; top: 50%; transform: translateY(-50%); float: none; font-size: 18px!important; font-weight: 700!important; color: #003264!important; transition: all ease 0.5s;}
.accordions .sow-accordion-open-close-button .sow-icon-ionicons {font-weight: 700!important;}
.accordions .sow-accordion-panel-content {background: none!important;}
.accordions .sow-accordion-panel-content p {line-height: 1.6;}
.accordions .sow-accordion-panel-border {padding: 10px 0!important;}

/* Steps */
.stepsBox {}
.stepsRow {display: flex; justify-content: space-between; align-items: stretch; position: relative; padding-bottom: 60px;}
.stepsRow > div {width: 50%; box-sizing: border-box;}
.stepsImg img {display: block; width: 100%; max-width: 480px;}
.stepsRow:before, .stepsRow:after {left: 0; right: 0; margin: 0 auto; top: 0; content: ""; position: absolute;}
.stepsRow:after {border-radius: 50%; width: 30px; height: 30px; background: #003264;}
.stepsRow:before {height: 100%; width: 6px; background: #9EA9B1;}
.stepsRow:nth-of-type(even) {flex-direction: row-reverse;}
.stepsRow:nth-of-type(odd) .stepsImg, .stepsRow:nth-of-type(even) .stepsInfo {padding-right: 60px;}
.stepsRow:nth-of-type(odd) .stepsInfo, .stepsRow:nth-of-type(even) .stepsImg {padding-left: 60px;}
.stepsRow:last-of-type:before {display: none;}

/* Error404 */
.inner #content .error-404 h1 {font-size: 35px;}
.inner #content .error-404 h2 {font-size: 70px;}
.error-404 {text-align: center;}
.error-404 .custom-logo {background: #003264; padding: 10px;}
.error-404 .search-form {justify-content: center;}
.error-404 .search-form input[type="submit"] {height: 38px; border-radius: 0 3px 3px 0;}

/*###################################
## Responsive
###################################*/
@media screen and (max-width: 1600px){
	#banner .n2-ss-layer .bnInfoBox p span {font-size: 44px;}
	#banner .n2-ss-layer .bnInfoBox p strong.big {font-size: 60px;}
}

@media screen and (max-width: 1400px){
	.btn.btnBlue {font-size: 12px;}
	.cnLeft {padding-right: 0;}

	#banner .n2-ss-layer .bnInfoBox p span {font-size: 40px;}
	#banner .n2-ss-layer .bnInfoBox p strong.big {font-size: 52px;}

	.inner #banner h1 {font-size: 50px;}
}

@media screen and (max-width: 1200px){
	p, ul, ol {font-size: 15px;}
	.btn.btnBlue {font-size: 11px; padding: 4px 10px;}
	.hdBotLeft p {letter-spacing: 0;}

	#banner h2 {font-size: 60px; padding-top: 0;}
	#banner h2 span.sml {font-size: 45px;}
	#banner .n2-ss-layer .bnInfoBox p {line-height: 1;}
	#banner .n2-ss-layer .bnInfoBox p, #banner .n2-ss-layer .bnInfoBox p span.sml {font-size: 28px;}
	#banner .n2-ss-layer .bnInfoBox p span {font-size: 38px; padding-left: 40px;}
	#banner .n2-ss-layer .bnInfoBox p strong.big {font-size: 46px;}

	#quote h3 {margin-bottom: 20px;}

	#content h1 {font-size: 45px;}

	.inner #banner h1 {font-size: 50px;}
}

@media screen and (max-width: 1023px){ 
  	.hdBotRow, .cnRow, .inCompliOwner {flex-direction: column!important; flex-wrap: wrap!important;}
	.hdBotRow > .panel-grid-cell, .cnRow > .panel-grid-cell, .inCompliOwner > .panel-grid-cell {max-width: 100%;width: 100%!important; margin-bottom: 0!important;}
  	.hdBotLeft p {line-height: 1.2; margin-bottom: 10px;}
	.hdBotLeft, .hdBotRight {text-align: center;}
 
	#banner h2 {font-size: 55px;}
	#banner h2 span.sml {font-size: 42px;}
	#banner .n2-ss-layer .bnInfoBox p, #banner .n2-ss-layer .bnInfoBox p span.sml {font-size: 26px;}
	#banner .n2-ss-layer .bnInfoBox p span {font-size: 34px; padding-left: 0!important;}
	#banner .n2-ss-layer .bnInfoBox p strong.big {font-size: 40px; padding-left: 0!important}
	#banner .n2-ss-layer {top: auto; bottom: 15px; width: 100%; text-align: center;}
	#banner .n2-ss-layers-container > .n2-ss-layer {padding: 0!important;}
	#banner .nextend-bullet-bar {bottom: -5px;}
	#banner .mainTag {text-align: center; margin: 0 auto; max-width: 100%; border-top: none;}
	.bnText, .inner #banner .entry-header {top: 5px; text-align: center;}

	#content.cnRow {padding: 20px 0;}
	#content h1 {text-align: center;}
	#content h1 span {padding-left: 0;}

	.ftTop .row {flex-wrap: wrap;}
	.ftTop .row .ftLogo {width: 100%!important;}

	#quote h3 {font-size: 26px;}

	#schedule h3 {font-size: 27px;}
	#schedule h3 strong {font-size: 33px;}

	.inTeamMain h2 {margin-bottom: 30px;}
	.teamList {margin: 0 auto!important;}
	.teamBox {width: 100%!important; padding: 10px!important; margin: 0 auto 15px!important;}
	.teamLeft, .teamMain .teamLeft {width: 35%; padding-right: 10px;}
	.teamRight, .teamMain .teamRight {width: 65%; padding-left: 10px;}
	.teamMain .teamImg img {top: -5px; left: -5px;}
	.teamMain .teamName {font-size: 38px;}
	.teamMain .teamName span {font-size: 20px;}

	.accordions .sow-accordion-panel-header {font-size: 18px!important;}

	.stepsRow:nth-of-type(odd) .stepsImg, .stepsRow:nth-of-type(even) .stepsInfo {padding-right: 40px;}
	.stepsRow:nth-of-type(odd) .stepsInfo, .stepsRow:nth-of-type(even) .stepsImg {padding-left: 40px;}

	.inCompliOwner h3 {font-size: 30px;}

	.inner #banner h1 span {padding-left: 0;}
	.inner #banner h1, h2 {font-size: 46px;}
	.inner #banner .entry-header {text-align: center;}
}

@media screen and (max-width: 780px){
  	.site-header .custom-logo {max-width: 160px;}
	.logged-in .hdTop {top: 46px;}
  	.hdBot {margin-top: 60px;}
  	.hdNav #toggle {padding: 5px 15px;}

  	#banner h2, .inner #banner h1 {font-size: 42px; line-height: 1;}
  	#banner h2 span.sml {font-size: 32px;}
	#banner .n2-ss-layer .bnInfoBox p, #banner .n2-ss-layer .bnInfoBox p span.sml {font-size: 26px;}
	#banner .n2-ss-layer .bnInfoBox p span, #banner .n2-ss-layer .bnInfoBox p strong.big {font-size: 32px;}
	.bnImg img {height: auto; max-height: 300px; min-height: 120px;}

	#quoteContact h3 {font-size: 31px;}
	.quoteRow {flex-direction: row!important; flex-wrap: wrap!important; justify-content: center!important;}
	.quoteRow > .panel-grid-cell {max-width: 33.33%; width: 33.33%!important; margin-bottom: 0!important;}
	.quoteCircle {width: 180px; height: 180px; padding-top: 15px;}
  	.quoteSideRow {margin-bottom: 20px!important; padding-top: 0; padding-bottom: 0;}
  	.quoteSideRow:before {display: none;}
  	.quoteSideRow > .panel-grid-cell:first-of-type {padding-bottom: 10px!important; margin-bottom: 10px!important; border-bottom: 2px solid #DAA520;}

  	#faq {padding-top: 40px;}
  	.faqList {padding: 30px 0;}
  	.faqList.faq-3 {background-position: top left;}
	.faqBox {padding: 20px 15px; min-height: auto; margin: 0 auto!important; background: rgba(255,255,255,0.8);}

	#quote {padding: 30px 0 40px;}
	#quote h3 {font-size: 22px;}

	#schedule h3 {font-size: 20px;}
	#schedule h3 strong {font-size: 24px;}

	.inTeamMain, .inWhatTop, .inWhatDo, .inWhyTop, .inViewExho, .inViewSlide, .inCompliTop {padding: 20px 0;}
	.inTeamMain h2 {margin-bottom: 15px;}
	.teamMain.teamBox:hover .teamLeft:before {width: 100%;}
	.teamMain .teamLeft:before {height: 3px!important; width: 30%; top: auto; bottom: -1.5px; left: 0; right: 0; margin: 0 auto; transform: translateY(0);}
	.teamMain .teamLeft {padding-bottom: 10px;}
	.teamMain .teamLeft, .teamMain .teamRight {width: 100%; height: auto; padding-left: 0; padding-right: 0;}
	.teamMain .teamRight {border-left: none; border-top: 1px solid #ddd; padding-top: 10px; text-align: center;}
	.teamMain .teamImg {max-width: 350px; margin: 0 auto 10px;}
	.teamMain .teamImg img {height: auto; max-height: 400px; object-fit: cover;}

	.inWhyDot {padding-bottom: 10px;}
	.inWhyDot h2 {margin-bottom: 15px; font-size: 36px;}
	.inWhyDot ul li {padding-bottom: 30px;}

	.inViewTop {padding: 20px 0 30px;}
    .inViewExho h4 {font-size: 20px;}
    .inViewExho li {width: calc(50% - 15px);}

	.inCompliTop > .panel-grid-cell:last-of-type {order: -1;}
	.inCompliTop > .panel-grid-cell {margin-bottom: 0!important;}
	.inCompliTopLeft {padding-right: 0; border-right: none;}
	.inCompliStep {padding: 30px 0 20px;}
	.inCompliTop .panel-grid-cell .so-panel, .inCompliTop .panel-grid-cell .so-panel > div {height: auto;}
	.stepsRow {background: #fff; padding: 20px; flex-wrap: wrap; text-align: center; margin-bottom: 30px; position: relative; z-index: 10;}
	.stepsRow:before {height: 30px; bottom: -30px; top: auto;}
	.stepsRow:after {display: none;}
	.stepsRow > div {width: 100%; padding: 0!important;}
	.stepsRow div.stepsImg {margin-bottom: 15px;}
	.stepsImg img {margin: 0 auto;}

	.ftTop p {font-size: 16px;}
	.ftAddress {max-width: 250px;}
}

@media screen and (max-width: 600px){
	.siteorigin-panels-stretch[style] {padding-left: 10px!important;; padding-right: 10px!important;}
	.main-navigation a {font-size: 20px;}
	.hdNav #navigation-toggle {width: 450px;}
	.hdTop.sticky #navigation-toggle {width: 400px;}

	#content h1, #faq h2, h2, .inWhat h2 {font-size: 42px;}
	#banner h2, .inner #banner h1 {font-size: 36px;}
  	#banner h2 span.sml {font-size: 28px;}
	#banner .n2-ss-layer .bnInfoBox p, #banner .n2-ss-layer .bnInfoBox p span.sml {font-size: 18px;}
	#banner .n2-ss-layer .bnInfoBox p span, #banner .n2-ss-layer .bnInfoBox p strong.big {font-size: 22px;}
	#banner .n2-ss-section-main-content {padding: 0!important;}

	#quoteContact h3 span.dwn {display: inline;}
	.quoteCircle {width: 140px; height: 140px; padding-top: 15px; border: 5px solid #fff; line-height: 1; font-size: 25px;}
	.quoteCircle i.fa {margin-bottom: 20px;}
	.quoteLoc .quoteCircle i.fa {margin-bottom: 10px;}

	#faq h4 {font-size: 22px;}
	#faq h5 {font-size: 18px;} 
	.faqQuest {padding-right: 45px; margin-bottom: 20px!important;}
	.faqQuest:before {font-size: 70px;}
	.faqAns {padding-left: 60px;}
	.faqAns:before {font-size: 55px;}

	#quote h3 {font-size: 20px;}

	#schedule {padding: 30px 0 60px;}
	#schedule h3 {font-size: 17px;}
	#schedule h3 strong {font-size: 20px;}
	.schedBox {padding: 10px 10px 15px;}
	.schedBox .btn {font-size: 30px; max-width: 320px; bottom: -30px; padding: 5px 25px;}

	.teamBox:hover .teamLeft:before {width: 100%;}
	.teamLeft:before {height: 3px!important; width: 30%; top: auto; bottom: -1.5px; left: 0; right: 0; margin: 0 auto; transform: translateY(0);}
	.teamLeft {padding-bottom: 10px;}
	.teamLeft, .teamRight {width: 100%; height: auto; padding-left: 0; padding-right: 0;}
	.teamRight {border-left: none; border-top: 1px solid #ddd; padding-top: 10px; text-align: center;}
	.teamImg {max-width: 250px; margin: 0 auto 10px;}
	.teamImg img {height: auto; max-height: 300px; object-fit: cover;}
	.teamBtn {text-align: center;}
	.teamDesc ul {text-align: left;}

	.inWhyDot h2 {font-size: 32px;}
	.inWhyDot ul li {padding-bottom: 20px; padding-left: 20px; margin-left: 10px;}
	.inWhyDot ul li:before {width: 4px;}
	.inWhyDot ul li:after {width: 15px; height: 15px; left: -6px;}

	.inViewVid {margin-top: 15px;}
	.inViewVid:before {width: 220px;}
	.inViewSlide .wpls-logo-showcase .slick-slide .logo-title {font-size: 18px; margin-top: 10px;}

	.ftTop .row {justify-content: center;}
	.ftTop .row > div {width: 50%; text-align: center;}
	.ftTop h4, .ftBot p {font-size: 11px;}
	.ftAddress {margin: 0 auto;}
	.ftSocial .social-navigation li {display: inline-block;}

	.accordions-head {padding: 10px 0!important;}
}

@media screen and (max-width: 480px){
	p, ul, ol {font-size: 14px; line-height: 1.2;}
	ul, ol {margin-left: 20px;}
	h1, h2, h3, h4, h5 {line-height: 1;}
	h3 {font-size: 30px;}
	h4 {font-size: 16px;}
	#content h1, h2 {font-size: 32px;}
	#faq h2, .teamMain .teamName, .inWhat h2 {font-size: 30px;}
	#faq h3, .inWhat span.sml {font-size: 16px; letter-spacing: 6px;}
	.btn {padding: 8px 20px;}

  	.site-header .custom-logo {max-width: 140px;}
	.hdTop.sticky .custom-logo {max-width: 120px;}
	.hdBotLeft p {font-size: 13px;}
  	.hdBot {margin-top: 55px;}

	#banner h2, .inner #banner h1 {font-size: 32px;}
	#banner h2 span.sml {font-size: 26px;}
	#banner .n2-ss-layer .bnInfoBox p, #banner .n2-ss-layer .bnInfoBox p span.sml {font-size: 16px;}
	#banner .n2-ss-layer .bnInfoBox p span, #banner .n2-ss-layer .bnInfoBox p strong.big {font-size: 18px;}
	#banner .n2-ss-layer {bottom: 10px;}
	#banner .nextend-bullet-bar .n2-bullet {padding: 3px; margin: 0 5px;}

	.cnRight .btn {font-size: 14px; padding: 10px 20px; margin-top: 0;}
	.cnRight ul li, .faqList ul li {margin-bottom: 15px;}
	.cnRight ul li:before, .faqList ul li:before {top: 5px;}

	#quoteContact {padding: 20px 0;}
	#quoteContact h3 {font-size: 26px; line-height: 1.5;}
	#quoteContact h5, #quote h5, .inViewEvent h5 {font-size: 16px; letter-spacing: 1px;}
	.quoteTop {margin-bottom: 30px;}
	.quoteCircle {font-size: 0!important; width: 80px; height: 80px;}
	.quoteCircle i.fa {margin-bottom: 0!important;}

	#faq h2 {padding-bottom: 20px; margin-bottom: 25px;}
	#faq h4 {font-size: 18px;}
	#faq h5 {font-size: 16px;}
	.faqList {padding: 20px 0;}
	.faqList[style] {padding-left: 10px!important; padding-right: 10px!important;}
	.faqList ul {margin-top: 20px!important;}
	.faqQuest {padding-right: 30px;}
	.faqQuest:before {font-size: 60px;}
	.faqAns {padding-left: 50px;}
	.faqAns:before {font-size: 50px;}

	.teamMain .teamName span {font-size: 18px;}
	.teamName {font-size: 28px;}
	.teamName span {font-size: 15px;}

	#quote {padding: 20px 15px;}
	#quote h3 {font-size: 18px; margin-bottom: 10px;}
	.pum-container .pum-title {font-size: 32px!important;}

	#schedule h3 strong {display: inline;}

	.ftTop {padding: 20px 0 10px;}
	.ftTop .row > div {width: 100%;}
	.ftTop .row > div:not(.ftLogo) {padding-top: 25px;}
	.ftTop h4 {margin-bottom: 10px;}
	.ftTop p {line-height: 1.4;}
	.ftBot {padding: 20px 0;}

	.main-navigation li {margin-bottom: 10px;}
	.hdNav #navigation-toggle {width: 400px; padding: 20px;}
	.hdTop.sticky #navigation-toggle {width: 380px;}

	.accordions-head-title {font-size: 16px!important;}

	.inWhyDot h2 {font-size: 28px;}
	.inWhat h2 {margin-bottom: 15px; padding-bottom: 10px;}
	.inWhat span.sml {margin-bottom: 0;}

	.inCompliTopLeft h3 {margin-bottom: 25px;}
	.inCompliTopLeft p {padding-left: 25px;}
    
    .inViewExho h4 {font-size: 18px;}
    .inViewExho li {width: 100%;}
}

@media screen and (max-width: 400px){
	h3 {font-size: 26px;}

	.btn.btnBlue {font-size: 9px;}
	.btn.btnBlue em {font-size: 16px;}

	.main-navigation a {font-size: 17px;}
	.hdNav #navigation-toggle, .hdTop.sticky #navigation-toggle {width: 320px; padding: 10px 5px;}

	#banner h2, .inner #banner h1 {font-size: 28px;}
	#banner h2 span.sml {font-size: 22px;}
	#banner .n2-ss-layer .bnInfoBox p, #banner .n2-ss-layer .bnInfoBox p span.sml {font-size: 14px;}
	#banner .n2-ss-layer .bnInfoBox p span, #banner .n2-ss-layer .bnInfoBox p strong.big {font-size: 16px;}

	#content h1, h2 {font-size: 30px;}
	.cnRight .btn {font-size: 12px; padding: 10px;}
	
	#faq h2, .inWhat h2 {font-size: 28px;}
	#faq h3, .inWhat span.sml {letter-spacing: 3px;}
	#faq h4 {font-size: 16px;}
	#faq h5, h4 {font-size: 15px;}
	
	#quoteContact h5, #quote h5, .inViewEvent h5{font-size: 13px;}
	#quoteContact h3 {font-size: 22px;}

	.schedBox .btn {font-size: 22px; bottom: -25px;}

}