﻿
.date-dropdowns select {
    width: unset !important;
}

body {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    /*max-width: 280px; */
}

.modal {
    overflow-y: auto !important;
    z-index: 1000000000;
}

#divSmallBoxes {
    z-index:999999;
}

/* Carousel */
.carousel-caption {
    z-index: 10 !important;
}

    .carousel-caption p {
        font-size: 20px;
        line-height: 1.4;
    }

@media (min-width: 768px) {
    .carousel-caption {
        z-index: 10 !important;
    }
}

.dangerous{
    color: red !important;
}

.informative{
    color: dodgerblue !important;
}

.drivel{
    color: #999 !important;
}

div.style-switcher-btn-1 {
   top: 137px;
   width: 120px;
}

div.style-switcher-btn-3 {
    cursor:default;
   top: 104px;
   width:120px;
   left:0px;
   color: gray;
   font-size: 16px;
   z-index: 555555;
   position: fixed;
   text-align:center;
   background: #111;
   padding-top: 3px;
   padding-bottom: 3px;
   height: 30px;
   border-radius: 0px 15px 15px 0px !important;
}


/* Tooltip on top */
.tooltips + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid #777;
}


div.style-switcher-btn {
    width:120px;
   left: 0;
   color: gray;
   font-size: 16px;
   cursor: pointer;
   z-index: 555555;
   position: fixed;
   padding: 7px 10px;
   background: #222;
   border-radius: 0px 15px 15px 0px !important;
   height: 41px;
  
}

.style-switcher {
   left: 107px;
   top: 97px;
   color: #fff;
   width: 235px;
   display: none;
   z-index: 555555;
   position: fixed;
   background: #333;
   border-radius: 3px 0 0 3px !important;
}

/*Style Swticher Header*/
.style-swticher-header {
  background: #252525;
  padding: 9px 10px 5px 15px;
  border-bottom: solid 1px #222;
  border-radius: 3px 0 0 0 !important;  
  height:41px;
}

.style-swticher-header .style-switcher-heading {
  margin: 0;
  font-size: 16px;
  text-transform: uppercase;
}

.style-swticher-header .theme-close {
   top: 9px;
   right: 6px;
   position: absolute;
}

.style-swticher-header .theme-close i {
   color: #999;
   padding: 5px;
   cursor: pointer;
   font-size: 22px;
}

.style-swticher-header .theme-close i:hover {
   color: #fff;
 }

.editModeButtonContainer
{

}

.editModeButtonContainer > div > ul > li
{
    width:10px;
}

div.editModeSelectedTabLight{
    border-bottom: solid 1px gray;
    border-top: solid 1px gray;
    background: #333;
    margin-left:7px;
    width:101px;
    border-radius: 15px 0px 0px 15px !important;
    z-index: 555556;
}

div.editModeSelectedTabDark{
    border-bottom:  solid 1px gray;
    background: #252525;
    margin-left:10px;
}

div.editModeSelectedTabDark:hover{
    background: Black;
}

div.style-switcher-btn:hover{
    border-bottom: solid 1px #e1e1e1;
    border-top: solid 1px #e1e1e1;
}

div.style-swticher-body{
    border-bottom: solid 1px gray;
    border-left: solid 1px gray;
}

.loading-overlay {
  display: table;
  opacity: 0.8;
  border: 1px solid gray;
}

.loading-overlay-content {
  text-transform: uppercase;
  letter-spacing: 0.4em;
  font-size: 1.15em;
  font-weight: bold;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  color: white;
}

.loading-overlay.loading-theme-light {
  background-color: #000;
  color: #000;
}

.loading-overlay.loading-theme-dark {
  background-color: #000;
  color: #fff;
}

.glyphicon.spinning {
    animation: spin 1s infinite linear !important;
    -webkit-animation: spin2 1s infinite linear !important;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

/*********************************/
.fa-spin-custom, .glyphicon-spin {
    -webkit-animation: spin 3000ms infinite linear;
    animation: spin 3000ms infinite linear;
    transform-origin:center;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transform-origin:center;
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
        transform-origin:center;
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transform-origin:center;
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
        transform-origin:center;
    }
}

span.label-sea, span.badge-sea, .list-group-item.active > .badge.badge-sea {
    background: #fcb31c;
    margin-top: -5px !important;
    font-weight: bold !important;
}





/* ------- */
/* BUTTONS */
/* ------- */
.btn-u.btn-u-grey {
   background: #eee ;
}
.btn-u.btn-u-grey:hover, 
.btn-u.btn-u-grey:focus, 
.btn-u.btn-u-grey:active, 
.btn-u.btn-u-grey.active, 
.open .dropdown-toggle.btn-u.btn-u-grey {
   background:lightgrey;
}

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .15s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-success {
    background: #398339;
}

.btn-info.btn-outline {
    color: #1F809E;
}

.btn-warning {
    background: #BD5900;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.btn-blue-bg {
    background: rgb(0, 122, 255);
}

.btn-light-orange-border {
    border-color: #e89996;
}
/* ------------ */
/* FONT AWESOME */
/* ------------ */
.phone-icon-before:before {
    content: "\f095";
    font-family: FontAwesome;
}

.envelope-icon-before:before {
    content: "\f0e0";
    font-family:FontAwesome;
}


/* ----- */
/* LISTS */
/* ----- */
ul.no-bullets {
    list-style:none;
}

ul.white-text > li {
    color:#ffffff !important;
}


/* ------- */
/* BORDERS */
/* ------- */
.dk-blue-border {
    border: 1px solid #0d4c85;
}

.orange-border {
    border: 1px solid #F7922F;
}

.gray-border-no-left {
    border-right: 1px solid #bab5b5;
    border-top: 1px solid #bab5b5;
    border-bottom: 1px solid #bab5b5;
}

.orange-bottom-border {
    border-bottom-color: #BD5900;
}

.gray-bottom-border {
    border-bottom-color: #bab5b5;
}

.green-bottom-border {
    border-bottom-color: #5cb85c;
}

.no-border {
    border: none !important;
}


/* ----------- */
/* BACKGROUNDS */
/* ----------- */
.dk-blue-bg {
    background: #0d4c85;
}

.lt-gray-bg {
    background: #F0EFEF;
}

.lt-gray-bg-2 {
    background: #f3f3f3;
}

/* medium transparent gray*/
.transparent-bg {
    background: rgba(0,0,0,.4);
    padding: 20px;
}

/* less transparent white*/
.transparent-bg-2 {
    background: rgba(255, 255, 255, 0.78);
}

/* more transparent white*/
.transparent-bg-3 {
    background: rgba(255, 255, 255, 0.5);
    padding: 20px;
}

/* darker transparent gray*/
.transparent-bg-4 {
    background: rgba(27,29,21,.9);
    padding: 20px;
}


/* ------ */
/* MODALS */
/* ------ */
.modal-header h4 {
    color: gray !important;
}

.modal-body p {
    color:#333 !important;
}

.modal-content {
    padding:10px;
}


/* -- */
/* JS */
/* -- */
.YesScript,
#cookiesOn,
#cookiesOff {
    display: none;
}


/* ------- */
/* CONTENT */
/* ------- */
.service-block-v3.service-block-light .counter,
.service-block-v3.service-block-light .service-heading,
.service-block-v3.service-block-light i {
    color: #000000;
}

h1.gray-bg,
h2.gray-bg {
    padding: 10px 0px;
    text-align: center;
    background: #eee;
    margin-bottom: 10px;
}

h2.hero {
    font-size: 22px;
    color:#186277;
}

.service-block-v1 h3 {
    margin-top: 10px;
    font-weight: bold;
}

.service-block-v1 ul,
.service-block-v1 ol {
    font-size: 16px;
}

.service-block-v1 ol.left {
    text-align: left;
}


/* ---- */
/* FONT */
/* ---- */
.orange-text {
    color: #BD5900;
}

.green-text {
    color: #006400;
}

.dk-blue-text {
    color: #0d4c85;
}

.white-text {
    color: #ffffff !important;
}

a.white-text:hover,
a.white-text:active {
    color: #5EBE28 !important;
}

.red-text {
    color: #CC0000;
}

.red-dk-test {
    color: #B22222;
}

.underline {
    text-decoration: underline;
}

.form-error {
    display: block;
    margin-bottom: 10px;
    color: #a94442;
    font-size: 14px;
}

.form-success {
    color: #066c0e;
    font-size: 14px;
    display:inline;
}

.field-explanation {
    font-size: 75%;
    color: #000000;
}

/* ------- */
/* HEADERS */
/* ------- */
h1.page-title {
    font-size: 36px;
    line-height: 39px;
    font-weight: bold;
    text-decoration: underline;
}

h1.page-title-blue {
    font-size: 36px;
    line-height: 39px;
    font-weight: bold;
    color: #03045e;
}

h2.h2-blue {
    color: #03045e;
}

.content-feature h2 {
    font-size: 36px;
    font-weight: bold;
}

h2.category-heading a {
    color: #687074;
}

h2.category-heading a:hover {
    text-decoration:none;
    cursor:text;
}

h2.category-heading {
    text-transform: uppercase;
    border-bottom: 1px solid #4cae4c;
}


/* --------- */
/* STRUCTURE */
/* --------- */
.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

.row.display-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
    flex-grow:1;
}

.pull-right-not-xs, .pull-right-not-sm, .pull-right-not-md, .pull-right-not-lg {
    float: right !important;
}

.pull-left-not-xs, .pull-left-not-sm, .pull-left-not-md, .pull-left-not-lg {
    float: left !important;
}


/* --------------- */
/* NAVIGATION TABS */
/* --------------- */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #49851E;
    color: #ffffff;
    border-top: none;
    border-right: none;
}

.tab-v1 .nav-tabs > .active > a, .tab-v1 .nav-tabs > .active > a:hover, .tab-v1 .nav-tabs > .active > a:focus {
    color: #000000;
}

.nav-tabs > li,
.nav-tabs > portal > li {
    background: #ffffff;
    border-right: 1px solid #dbd8d8;
    border-top: 1px solid #dbd8d8;
}

.content-feature .tab-content {
    padding: 10px;
    background: #ecf8e2;
}

.tab-content > portal > .tab-pane {
    display:none;
}


/* --------------------- */
/* STICKY NAVIGATION BAR */
/* --------------------- */
/* .affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
} */

.wrapper {
    position:relative;
}

.stickyHeader {
    position:fixed;
    z-index:99999;
    top:0;
    width:100%;
}

.bodyContent {
    position:relative;
}

.page-subnavigation {
    font-size: 16px;
    font-weight:bold;
}

.page-subnavigation ul {
    list-style:none;
}

.page-subnavigation li {
    background: #F3F3F3;
    color: #ffffff;
    margin: 8px 0px 8px 0px;
    float: left;
}

.page-subnavigation li a {
    padding: 10px;
    text-decoration:underline;
}

    .page-subnavigation li a:hover,
    .page-subnavigation li.active a,
    .page-subnavigation li.active {
        color: #5EBE28;
        background: #E3E1E1;
        text-decoration: underline;
    }

.page-subnavigation .subnavigation-divider {
    top: -1px;
    padding: 0;
    font-size: 8px;
    position: relative;
    margin: 0 9px 0 5px;
    font-family: Tahoma;
    border-right: solid 1px #555;
}

a.sticky-anchor {
    display: block;
    position: relative;
    top: 0px;
    visibility: hidden;
}

/* ------- */
/* PADDING */
/* ------- */
.no-top-padding {
    padding-top: 0;
}

.no-bottom-padding {
    padding-bottom: 0;
}

.no-right-padding {
    padding-right: 0;
}

.padding-vertical-20 {
    padding: 20px 0;
}

.padding-vertical-40 {
    padding: 40px 0;
}

.padding-horizontal-20 {
    padding: 0 20px;
}

.padding-vertical-60 {
    padding: 60px 0;
}

.padding-right-15 {
    padding-right: 15px;
}

.padding-left-15 {
    padding-left: 15px;
}

.padding-right-5 {
    padding-right: 5px;
}

.padding-right-10 {
    padding-right:10px;
}

.padding-left-60 {
    padding-left: 60px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-40 {
    padding-top: 40px;
}

.padding-top-60 {
    padding-top: 60px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-40 {
    padding-bottom: 40px;
}

.padding-bottom-60 {
    padding-bottom: 60px;
}

.padding-all-5 {
    padding:5px;
}


/* ------- */
/* MARGINS */
/* ------- */
.margin-top-10 {
    margin-top: 10px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-horizontal-15 {
    margin-right: 15px;
    margin-left: 15px;
}

.margin-horizontal-30 {
    margin: 0 30px;
}

.margin-vertical-20 {
    margin: 20px 0;
}

.margin-vertical-40 {
    margin: 40px 0;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-15 {
    margin-right: 15px;
}

.margin-left-15 {
    margin-left: 15px;
}

.no-bottom-margin {
    margin-bottom:0;
}

.divider-vertical {
    color: #c3c3c3;
    font-weight: normal;
}

.navbar-toggle {
    margin-top:0;
}


/* --------- */
/* ALIGNMENT */
/* --------- */
.text-align-right {
    text-align: right;
}

.text-align-center {
    text-align: center;
}

.inline {
    display:inline !important;
}

.float-left {
    float:left;
}


/* ----------- */
/* BREADCRUMBS */
/* ----------- */
.breadcrumb-v2 li.active {
    text-decoration:underline;
}

/* --------- */
/* ReCAPTCHA */
/* --------- */
#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
}

.bg-img-bar {
    padding-bottom: 96px;
    padding-top: 121px;
    background: url(/img/banners-home/111948722.jpg) no-repeat 0px -80px;
    background-size: 100%;
}

.bg-img-ocean {
    background: url(/img/banners-home/california-coast.jpg) no-repeat 0px -225px;
}

.bg-img-ocean-2 {
    background: url(/img/banners-home/california-coast-2.jpg) 0 -200px no-repeat;
    background-size: cover;
}

.bg-img-pasta {
    padding-bottom: 100px;
    padding-top: 100px;
    background: url(/img/banners-home/153472763.jpg) no-repeat 0px -80px;
    background-size: 100%;
}

/* ----- */
/* FORMS */
/* ----- */

.relative-help .help-block {
    position: relative;
    text-align: left;
}

.input-group-addon,
.form-control {
    color:#000000 !important;
}

/* ---------- */
/* FAUX TABLE */
/* ---------- */

.faux-table-header {
    border-bottom: 1px solid #dddddd;
    margin-top:20px;
}

.faux-table-header label {
    color: #000000;
}

.faux-table {
    border-top: 1px solid #EAE9E9;
    border-bottom: 1px solid #EAE9E9;
}

.faux-table:nth-child(odd) {
    background: #e8e8e8;
}

.faux-table:nth-child(even) {
    background: #ffffff;
}

.faux-table-item {
    margin-top: 10px;
    font-size:16px;
}

.row .faux-table:hover {
    background: #f0f8f0;
}

.profile .tab-v1 .nav-tabs {
    border-bottom-style: solid !important;
    border-bottom-width: 2px !important;
}

/* ----------------------- */
/* STRUCTURE - BREAKPOINTS */
/* ----------------------- */
@media (max-width: 767px) {
    .box {
        height: auto !important;
    }

    .row .faux-table {
        padding-top: 5px;
    }

    .faux-table-item {
        margin-top: 0;
    }

    p.faux-table-item {
        margin-bottom: 5px;
    }

    .pull-right-not-xs, .pull-left-not-xs {
        float: none !important;
    }

    .pull-right-xs {
        float: right !important;
    }

    .pull-left-xs {
        float: left !important;
    }

    .xs-no-padding-left {
        padding-left: 0;
    }

    .xs-no-padding {
        padding: 0 !important;
    }

    .xs-padding-5 {
        padding: 5px !important;
    }

    .xs-center {
        text-align: center;
    }

    .xs-right {
        text-align: right;
    }

    .xs-float-left {
        float: left;
    }

    .xs-padding-vertical-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .xs-padding-horizontal-20 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .xs-no-margin {
        margin: 0px 0px !important;
    }

    .xs-padding-top-8 {
        padding-top: 8px;
    }

    .xs-no-bottom-margin {
        margin-bottom: 0;
    }

    .xs-margin-bottom-10 {
        margin-bottom: 10px;
    }

    .xs-margin-top-20 {
        margin-top: 20px;
    }

    xs-margin-left-10 {
        margin-left: 10px;
    }

    .xs-no-padding {
        padding: 0px 0px;
    }

    .xs-no-padding-bottom {
        padding-bottom: 0;
    }

    .xs-no-padding-top {
        padding-top: 0;
    }

    .xs-padding-top-20 {
        padding-top: 20px;
    }

    .xs-padding-bottom-20 {
        padding-bottom: 20px;
    }

    .xs-padding-10 {
        padding: 10px;
    }

    .xs-padding-right-10 {
        padding-right: 10px;
    }

    .xs-small {
        font-size: 85%;
    }

    h1.page-title,
    h1.page-title-blue {
        font-size: 16px;
        line-height: 24px;
        font-weight: bold;
    }

    h2 {
        font-size: 20px;
    }

    h3 {
        font-size:18px;
    }

    h2.category-heading {
        font-size: 16px;
        line-height: 24px !important;
        margin: 0;
    }

    .content-feature h2 {
        font-size: 24px;
    }

    .service-block-v1 h3 {
        font-size: 18px;
    }

    .page-subnavigation {
        font-size: 16px;
    }

    .header .navbar-nav > li > a.enroll-cart,
    .header .navbar-nav > li > a.logout,
    .header .navbar-nav > li > a.account-login {
        border-radius: 0;
    }

    .bg-img-bar {
        padding-top: 0;
        background-size: auto;
        padding-bottom: 0;
    }

    .bg-img-pasta {
        padding-top: 0;
        padding-bottom: 0;
    }

    .bg-img-ocean {
        background: url(/img/banners-home/california-coast.jpg) no-repeat 0px 0px;
        background-size: cover;
    }

    .bg-img-ocean-2 {
        background-size: auto;
    }

    .xs-14-font {
        font-size: 14px !important;
        line-height: 1.5em;
    }

    .xs-16-font {
        font-size: 16px !important;
        line-height: 1.5em;
    }

    .xs-bold {
        font-weight: bold !important;
    }

    .xs-margin-top-40 {
        margin-top: 40px;
    }

    .service-block-v1 {
        padding: 10px 20px;
    }

    .profile-body {
        padding: 10px !important;
    }

    .nav-tabs > li {
        display:block;
        width: auto;
        border-left:1px solid #dbd8d8;
    }

    .nav-tabs > li > a {
        margin-right: 0;
    }

    .nav-tabs {
        border-bottom: 0;
    }

        .nav-tabs > li > a {
            border: none;
            font-size: 16px !important;
            color: #000000;
        }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background-color:none;
        text-decoration:underline;
    }

    .nav-tabs > li > a:hover,
    .nav-tabs > li > a:focus {
        z-index: 2;
    }

    .tab-v1 .nav-tabs > .active > a, .tab-v1 .nav-tabs > .active > a:hover, .tab-v1 .nav-tabs > .active > a:focus {
       text-decoration:none;
    }

    .tab-v1 .nav-tabs a {
        font-size:16px;
        
    }

    .faq-page .tab-v1 .nav-tabs {
        border-bottom-style: solid !important;
        border-bottom-width: 2px !important;
    }

    .mobile-nav {
        font-size: 14px;
        margin-bottom: 0;
        font-weight: bold;
    }

    .mobile-nav .navbar-nav {
        border-bottom: none;
        margin: 0;
    }

    .mobile-nav li {
        float: left !important;
    }

    .mobile-nav li a {
        padding: 3px 7px !important;
    }

    .header .logo {
        transform: translateY(0px);
    }

    .header .topbar {
        padding: 0;
    }

    .header {
        border-bottom: none;
    }

    .faq-page .acc-v1 .panel-heading a,
    .faq-page .acc-v1 .panel-body {
        font-size: 14px;
        padding: 5px;
    }

    .faq-page .acc-v1 .panel-heading h4 {
        line-height:normal;
    }

    input, select, textarea {
        font-size: 16px !important;
    }

    .modal-dialog {
        max-width:90% !important;
    }

    .xs-10-percent {
        width: 10%;
    }

    .xs-20-percent {
        width: 20%;
    }

    .xs-30-percent {
        width: 30%;
    }

    .xs-40-percent {
        width: 40%;
    }

    .xs-50-percent {
        width: 50%;
    }

    .xs-60-percent {
        width: 60%;
    }

    .xs-70-percent {
        width: 70%;
    }

    .xs-80-percent {
        width: 80%;
    }

    .xs-90-percent {
        width: 90%;
    }

    .xs-inline {
        display: inline !important;
    }

    .siteMessage {
        font-size: 12px;
        padding: 5px;
        margin-bottom: 10px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .row .faux-table {
        padding-top: 5px;
    }

    .faux-table-item {
        margin-top: 0;
    }

    p.faux-table-item {
        margin-bottom: 5px;
    }

    .sm-right {
        text-align: right;
    }

    .pull-right-not-sm, .pull-left-not-sm {
        float: none !important;
    }

    .pull-right-sm {
        float: right !important;
    }

    .pull-left-sm {
        float: left !important;
    }

    .sm-float-left {
        float: left;
    }

    .sm-margin-top-40 {
        margin-top: 40px;
    }

    .sm-margin-top-10 {
        margin-top: 10px;
    }

    .sm-margin-bottom-10 {
        margin-bottom: 10px;
    }

    .sm-padding-right-10 {
        padding-right: 10px;
    }

    .sm-no-padding {
        padding: 0 !important;
    }

    .sm-padding-horizontal-20 {
        padding-right: 20px;
        padding-left: 20px;
    }

    .sm-bold {
        font-weight: bold;
    }

    .header .navbar-nav > li > a.enroll-cart,
    .header .navbar-nav > li > a.logout,
    .header .navbar-nav > li > a.account-login {
        border-radius: 0;
    }

    .sm-padding-vertical-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .mobile-nav {
        font-size: 14px;
        margin-bottom: 0;
        font-weight: bold;
    }

        .mobile-nav .navbar-nav {
            border-bottom: none;
            margin: 0;
        }

        .mobile-nav li {
            float: left !important;
        }

            .mobile-nav li a {
                padding: 3px 5px !important;
                border-bottom: none !important;
                border-top-left-radius: .4em !important;
                border-top-right-radius: .4em !important;
            }

    .header .logo {
        transform: translateY(0px);
    }

    .header .topbar {
        padding: 0;
    }

    .header {
        border-bottom: none;
    }

    .nav-tabs > li {
        float: left !important;
        width: auto !important;
        margin-bottom: 0;
    }

        .nav-tabs > li > a {
            margin-right: 0;
        }

    .nav-tabs {
        border-bottom: 0;
    }

        .nav-tabs > li > a {
            border: none;
            font-size: 16px !important;
            color: #000000;
        }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            background-color: none;
            text-decoration: underline;
        }

        .nav-tabs > li > a:hover,
        .nav-tabs > li > a:focus {
            z-index: 2;
        }

    

    .divider-vertical {
        padding-left: 5px;
        padding-right: 5px;
    }

    .sm-18-font {
        font-size: 18px !important;
    }

    .sm-16-font {
        font-size: 16px !important;
    }

    .faq-page .tab-v1 .nav-tabs {
        border-bottom-style: solid !important;
        border-bottom-width: 2px !important;
    }

    .faq-page .acc-v1 .panel-heading a,
    .faq-page .acc-v1 .panel-body {
        font-size: 14px;
        padding: 5px;
    }

    .faq-page .acc-v1 .panel-heading h4 {
        line-height: normal;
    }

    .sm-10-percent {
        width: 10%;
    }

    .sm-20-percent {
        width: 20%;
    }

    .sm-30-percent {
        width: 30%;
    }

    .sm-40-percent {
        width: 40%;
    }

    .sm-50-percent {
        width: 50%;
    }

    .sm-60-percent {
        width: 60%;
    }

    .sm-70-percent {
        width: 70%;
    }

    .sm-80-percent {
        width: 80%;
    }

    .sm-90-percent {
        width: 90%;
    }

    .sm-inline {
        display: inline !important;
    }

    .page-subnavigation li.divider-vertical {
        color: #000000;
    }

    .page-subnavigation li a:hover,
    .page-subnavigation li.active a,
    .page-subnavigation li.active {
        text-decoration: underline;
        background: #f3f3f3;
    }

    .page-subnavigation li {
        margin:5px 0;
    }

    .page-subnavigation li a {
        padding:0;
        font-weight:normal;
    }

    .siteMessage {
        font-size: 14px;
        padding: 5px;
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pull-right-not-md, .pull-left-not-md {
        float: none !important;
    }

    .pull-right-md {
        float: right !important;
    }

    .pull-left-md {
        float: left !important;
    }

    .md-margin-bottom-10 {
        margin-bottom:10px;
    }

    .md-right {
        text-align: right;
    }

    .nav-tabs > li:last-child {
        border-bottom: 1px solid #dbd8d8;
    }

    .md-10-percent {
        width: 10%;
    }

    .md-20-percent {
        width: 20%;
    }

    .md-30-percent {
        width: 30%;
    }

    .md-40-percent {
        width: 40%;
    }

    .md-50-percent {
        width: 50%;
    }

    .md-60-percent {
        width: 60%;
    }

    .md-70-percent {
        width: 70%;
    }

    .md-80-percent {
        width: 80%;
    }

    .md-90-percent {
        width: 90%;
    }

    .page-subnavigation {
        font-size: 14px;
    }

    .page-subnavigation li {
        margin:5px 0px;
    }

    .page-subnavigation li a {
        padding:5px;
        font-weight:bold;
    }

    .md-14-font {
        font-size: 14px !important;
    }

    .md-16-font {
        font-size: 16px !important;
    }

    .md-12-font {
        font-size: 12px !important;
    }
}

@media (min-width: 1200px) {
    .pull-right-not-lg, .pull-left-not-lg {
        float: none !important;
    }

    .pull-right-lg {
        float: right !important;
    }

    .pull-left-lg {
        float: left !important;
    }

    .lg-margin-top-20 {
        margin-top:20px;
    }

    .lg-home-button {
        font-size: 24px;
    }

    .nav-tabs > li:last-child {
        border-bottom: 1px solid #dbd8d8;
    }

    .lg-10-percent {
        width: 10%;
    }

    .lg-20-percent {
        width: 20%;
    }

    .lg-30-percent {
        width: 30%;
    }

    .lg-40-percent {
        width: 40%;
    }

    .lg-50-percent {
        width: 50%;
    }

    .lg-60-percent {
        width: 60%;
    }

    .lg-70-percent {
        width: 70%;
    }

    .lg-80-percent {
        width: 80%;
    }

    .lg-90-percent {
        width: 90%;
    }

    .lg-14-font {
        font-size: 14px !important;
    }

    .lg-18-font {
        font-size: 18px !important;
    }

    .lg-20-font {
        font-size: 20px !important;
    }

}