/*---------------------------------------
   2.0 Flexslider
-----------------------------------------*/

body .flexslider {
    border: 0;
    margin: 0;
}

.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
    background: #fff;
    padding: 7px;
}

body .flexslider .flex-direction-nav .flex-prev,
body .flexslider:hover .flex-direction-nav .flex-prev {
    left: 0;
}

body .flexslider .flex-direction-nav .flex-next,
body .flexslider:hover .flex-direction-nav .flex-next {
    right: 0;
}

body .flexslider .flex-direction-nav .flex-next,
body .flexslider .flex-direction-nav .flex-prev {
    opacity: 0.6;
}

body .flexslider:hover .flex-direction-nav .flex-next,
body .flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
}

/*---------------------------------------
   3.0 Footer
-----------------------------------------*/

#footer {
    font-size: 14px;
    background: #37576f;
    color: #FFFFFF;
    text-align: center;
}

    #footer .container2 {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        /*
    border-top: 1px solid #dadbdb;
	border-bottom: 1px solid #dadbdb;
    */
        clear: both;
        /* margin: 10px auto; */
        padding: 10px 0 10px;
    }

    #footer a {
        color: #fff;
    }

    #footer .fa {
        font-family: 'Font Awesome 7 Brands';
        font-size: 23px;
        margin-right: 5px;
    }

    #footer a:hover {
        text-decoration: none;
        color: #55379b;
    }

    #footer ul li {
        list-style-type: none;
        font-family: "Gotham A","Gotham B",Arial,"Helvetica Neue","Droid Sans",Helvetica,sans-serif;
    }

    #footer ul,
    #footer ul li {
        margin-left: 0;
        padding-left: 0;
    }

    #footer .logos img {
        margin-bottom: 10px;
        margin-right: 20px;
        margin-top: 10px;
    }

/*---------------------------------------
   1.1 GENERAL STYLES                
-----------------------------------------*/
html {
    font-family: "Gotham A","Gotham B",Arial,"Helvetica Neue","Droid Sans",Helvetica,sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    font-family: "Gotham A","Gotham B",Arial,"Helvetica Neue","Droid Sans",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 28px;
    color: #313131;
    text-align: left;
    overflow-x: hidden !important;
    margin: auto !important;
}

/*---------------------------------------
   2.3 ANCHOR AND BOLD TEXT           
-----------------------------------------*/
a {
    text-decoration: none;
    -webkit-transition: all ease 0.25s;
    transition: all ease 0.25s;
    outline: 0;
}

    a:hover {
        text-decoration: none;
        color: #55379b;
    }

    a:focus {
        outline: 0;
        text-decoration: none;
    }

/*---------------------------------------
   1.4 MISC FIXES         
-----------------------------------------*/
@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

.row.no-gutters[class^="col-"],
.row.no-gutters[class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

/* --------------------------------------
=========================================
   2. COMPONENTS
=========================================
-----------------------------------------*/
/*---------------------------------------
   2.1 TYPOGRAPHY      
-----------------------------------------*/
/* HEADINGS */
h1,
h2 {
    /*font-family: 'opensansregular', Helvetica Neue, Sans-serif;*/
    font-family: "Gotham A","Gotham B",Arial,"Helvetica Neue","Droid Sans",Helvetica,sans-serif;
    /* text-transform: uppercase;
	color: #9A9B9C; */
    color: #37576f;
}

h1 {
    font-size: 36px;
    line-height: 40px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

h2 {
    font-size: 18px;
    line-height: 34px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

h3 {
    font-size: 24px;
    line-height: 28px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    color: #9A9B9C;
}

h4 {
    font-size: 18px;
    line-height: 22px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    color: #9A9B9C;
}

h5 {
    font-size: 14px;
    line-height: 18px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    color: #9A9B9C;
}

.red-text {
    color: #55379b;
}

.yellow-text {
    color: #37576f;
}


/*--------------------------------------------------------------
	2.2 Elements
--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background-color: #fff; /* Fallback for when there is no custom background color defined. */
}

    body.custom-background {
        background-size: cover;
    }

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    /*margin-bottom: 1.5em;*/
    margin-bottom: 20px;
    margin-top: 20px;
}

ul,
ol {
    margin: 0 0 1.5em 0;
    padding-left: 20px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

table,
th,
td {
    border: 1px solid #eaeaea;
}

th,
td {
    padding: 0.4em;
}

p {
    margin: 0 0 10px;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    padding: 15px 20px;
    font-size: 17.5px;
    line-height: 24px;
    margin-bottom: 1.5em;
    font-weight: 300;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
    background: #FAFAFA;
    border: 1px solid #E7E7E7;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*---------------------------------------
   2.6 SECTION HEADERS       
-----------------------------------------*/
.section-header {
    /*
	margin-top: 60px;
	margin-bottom: 60px;
    */
    text-align: left;
}

.sub-heading {
    margin-top: 20px;
}

#parallax_move .layer {
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: top center;
}

/*---------------------------------------
   3.1 SECTION: HOME / HEADER         
-----------------------------------------*/

/* STICKY NAVIGATION AND LOGO */

    /*
#menu-primary .active {
	font-weight: bold;
    background-color: #dedede;
}

#menu-primary .active .sub-menu .active,
#menu-primary .sub-menu .sub-menu-link:hover {
    background-color: #55379b;
}

#menu-primary .active .sub-menu .active,
#menu-primary .active {
	font-weight: bold;
}
*/

/*
.sticky-navigation .main-navigation li.menu-item-has-children a {
    padding-right: 40px;
}
*/

    /*
#menu-primary li.menu-item:hover {
    border-bottom: 1px solid #55379b;
}
*/

/*
li.last-item {
    border-right: 1px solid #dedede;
}
*/

/* Hover state */

/*
#menu-primary li.menu-item:hover {
background-color: #55379b;
}

#menu-primary li.menu-item:hover a {
    color: #FFFFFF;
}

#menu-primary .sub-menu,
#menu-primary .sub-menu li.menu-item:hover {
    background-color: #37576f;
}
*/


/*---------------------------------------
   4. DEFAULT COLORS
-----------------------------------------*/


/* --------------------------------------
=========================================
   6. RESPONSIVE CSS FIXES
=========================================
-----------------------------------------*/

/*---------------------------------------
   6.5 FIXES FOR => 768PX to <= 991PX SCREENS          
-----------------------------------------*/
@media (max-width: 782px) {
    .contact-links .contact-link-box {
        margin-right: 0;
    }
}

/* Menu kicks in */
@media (max-width: 768px) {
    html body .content-warp.no-banner {
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    body .mobile-banner {
        display: block !important;
    }

    body .desktop-banner {
        display: none !important;
    }
}

@media (min-width: 768px) {
    body .mobile-banner {
        display: none !important;
    }

    body .desktop-banner {
        display: block !important;
    }
}

/*---------------------------------------
   6.6 FIXES FOR <= 768PX SCREENS          
-----------------------------------------*/

@media (max-width: 767px) {
    body .banner-main {
        margin-top: 0;
    }
}

@media (max-width: 800px) {
    .footerCol,
    .container3,
    .container4 {
        text-align: left;
        width: 100%;
    }

    #footer .careers ul {
        border-right: 0;
    }
}

/* --------------------------------------
=========================================
   8. ACCESSIBILITY
=========================================
-----------------------------------------*/
.screen-reader-text {
    position: absolute !important;
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    color: #000;
    background: #fff;
    width: 1px;
    height: 1px;
}

    .screen-reader-text:focus {
        clip: auto;
        overflow: auto;
        left: 1em;
        top: 1em;
        z-index: 100;
        padding: 1em;
        background-color: #fff;
        font-size: 1.2em;
        outline: 0;
        width: auto;
        height: auto;
    }