/*
Theme Name: tsfn

Author: AltaCreative
Author URI: http://goalta.com/
*/



/* ==========================================================================
   Global
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather&display=swap');
html, body { height: 100%; }
body { font-family: 'Montserrat'; font-size: 16px; color: #262626; }
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5  { font-family: 'Merriweather', sans-serif; font-weight: bold; }
h1, .h1 { color: #5a2984; font-size: 36px;}
h2, .h2 { color: #5a2984; font-size: 24px; }
h3, h4, .h3, .h4 { color: #5a2984; font-size: 18px; line-height: 1.4;  }
h5, .h5 {font-size: 14px; text-transform:uppercase;}
hr { }
p { margin: 20px 0; line-height: 1.5; }
a { color: #5a2984; -webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
text-decoration: none;
}

a:hover,a:focus {color: #5a2984;
text-decoration: underline;
}



.home-services .orange a, .home-services .orange a:active, .home-services .orange a[aria-expanded=true],.home-services .orange a:hover, .home .collapse.orange .h1 a, .orange, .home a.orange:hover {color:#e17e26;}
.home-services .green a, .home-services .green a:active, .home-services .green a[aria-expanded=true],.home-services .green a:hover, .home .collapse.green .h1 a, .green, .home a.green:hover {color:#39d42d;}
.home-services .aqua a, .home-services .aqua a:active, .home-services .aqua a[aria-expanded=true], .home-services .aqua a:hover, .home .collapse.aqua .h1 a, .aqua, .home a.aqua:hover {color:#01aeaa;}
.home-services .magenta a, .home-services .magenta a:active, .home-services .magenta a[aria-expanded=true],.home-services .magenta a:hover, .home .collapse.magenta .h1 a, .magenta, .home a.magenta:hover {color:#cd23af;}
.home-services .blue a, .home-services .blue a:active, .home-services .blue a[aria-expanded=true], .home-services .blue a:hover, .home .collapse.blue .h1 a, .blue, .home a.blue:hover {color:#0971cd;}
.home-services .red a, .home-services .red a:active, .home-services .red a[aria-expanded=true],.home-services .red a:hover, .home .collapse.red .h1 a, .red, .home a.red:hover {color:#fc4237;}
.home a.purple:hover {color: #5a2984;}

.overlay.orange { background: rgba(225,126,38,0.7); color: #fff; }
.overlay.green { background: rgba(57,212,45,0.7); color: #fff;}
.overlay.aqua { background: rgba(1,174,170,0.7); color: #fff;}
.overlay.magenta { background: rgba(205,35,175,0.7); color: #fff;}
.overlay.blue { background: rgba(9,113,205,0.7); color: #fff;}
.overlay.red { background: rgba(252,66,55,0.7); color: #fff;}
.overlay.purple { background: rgba(90,41,132,0.7); color: #fff;}




.entry-content h1 {text-align:center;}
.main-content {background:#f9f9f9 url() fixed no-repeat top right; background-size: 100%;  }
.main-content:before, .secondary-content:before, .home-team:before {content: ""; display:block; width:100%; height: 40px; background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(232,232,232,0) 100%);
background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(232,232,232,0) 100%);
background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(232,232,232,0) 100%);}
.home .main-content:after, .secondary-content:after, .home-team:after,  .single-events .main-content:after {content: ""; display:block; width:100%; height: 40px; background: -moz-linear-gradient(bottom, rgba(232,232,232,1) 0%, rgba(232,232,232,0) 100%);
background: -webkit-linear-gradient(bottom, rgba(232,232,232,1) 0%,rgba(232,232,232,0) 100%);
background: linear-gradient(to top, rgba(232,232,232,1) 0%,rgba(232,232,232,0) 100%);}


.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  border-top: 0;
   box-shadow:0 0 15px #000;
}

.prev-page, .next-page {position:absolute; left:5%;}
.next-page {left:auto; right:5%;}
.prev-page img, .next-page img {max-width: 40px}


.acf-map {
	width: 100%;
	height: 400px;
	border: none;
	margin:  0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}


input[type=text], input[type=email], textarea { border: none; box-shadow: inset 3px 3px 7px rgba(0,0,0,.35); padding: 10px; width: 100%; color: #415a68; }
textarea { height: 150px }

.form-control {color:#000;}
.form-control::-moz-placeholder {
	color:#262626;
	opacity:1
}
.form-control:-ms-input-placeholder {
	color:#262626
}
.form-control::-webkit-input-placeholder {
	color:#262626
}
.form-control:input-placeholder {
	color:#262626
}

/* ==========================================================================
   ReadMore
   ========================================================================== */

.readmore + [data-readmore-toggle] {margin-bottom:20px;}
.readmore[aria-expanded=false] {position:relative;}
.readmore[aria-expanded=false]:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:100px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}
.readmore {margin-bottom:15px;}
/* ==========================================================================
   Buttons
   ========================================================================== */
.btn { white-space: normal; margin:20px auto; color:#fff; text-transform:uppercase; font-weight:700; display:inline-block; padding:10px; border:4px solid #fff; border-radius:4px; max-width: 100%;}
.btn-primary, .btn-primary:link, .btn-primary:visited {background:#5a2984; color:#fff; border-color:#5a2984; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus,
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover
{background:transparent; color:#5a2984; border-color:#5a2984;}

.btn-secondary, .btn-secondary:link, .btn-secondary:visited {background:#6C2769; color:#fff; border-color:#6C2769; }
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus,
.btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary.focus:active, .btn-secondary:active:focus, .btn-secondary:active:hover, .open > .dropdown-toggle.btn-secondary.focus, .open > .dropdown-toggle.btn-secondary:focus, .open > .dropdown-toggle.btn-secondary:hover
{background:transparent; color:#6C2769; border-color:#6C2769;}

.footer-contact-form input.btn.btn-primary, .footer-contact-form input.btn.btn-primary:link, .footer-contact-form input.btn.btn-primary:visited {border-radius:4px;color: #5a2984; background:#fff;  border-color:#fff;}
.footer-contact-form input.btn.btn-primary:hover, .footer-contact-form input.btn.btn-primary:active {color: #fff; background:transparent;  border-color:#fff;  outline:none;}
.footer-contact-form input.btn.btn-primary:focus {outline:none}

.btn-default, .btn-default:link, .btn-default:visited { color: #5a2984; background:#fff;  border-color:#fff;}
.btn-default:hover, .btn-default:active { color: #fff; background:transparent;  border-color:#fff;}
/* ==========================================================================
   Broker Check
   ========================================================================== */
   .broker-check-container.top.visible {
    visibility: visible;
    position: relative;
   }
   .broker-check-container.top {
      transition: ease-out all .5s;
      position: absolute;
      visibility: hidden;
      display: block;
   }
   .broker-check-container {
      background-color: #5a2985;
      color: #fff;
      font-family: 'Montserrat', sans-serif;
      font-size: 12px;
      letter-spacing: 0.5px;
      line-height: 1.2em;
      padding: 0;
      position: relative;
      width: 100%;
      max-width: 100%;
      text-align: center;
      z-index: 9999;
   }

   .broker-check-container a {
      color: #fff;
      display: table-cell;
      padding-left: 15px;
      text-decoration: none;
      text-transform: uppercase;
    }

   .broker-check-container, .broker-check-container * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .broker-check-container .bc-wrapper {
      display: table;
      max-width: 1170px;
      width: 100%;
      margin: 0 auto;
      padding: 8px 10px;
      font-weight: 400;
    }

    .icon-broker-check-close {
      display: table-cell;
      height: 100%;
      cursor: pointer;
      padding-left: 10px;
      vertical-align: middle;
    }

    .icon-broker-check-close:before {
      content: "\f057";
      font-family: FontAwesome;
      font-size: 14px;
    }
/* ==========================================================================
   Header
   ========================================================================== */
header#masthead {font-family: 'Montserrat', sans-serif; letter-spacing: 0.5px}
header#masthead h1 { margin: 0; }
header#masthead .site-branding { margin:10px 15px; display:inline-block;}
header#masthead .site-branding img { height: 43px; width: 160px; }
.top-header {background: none; position:relative; width:100%; z-index:1; }

#main-header {background:#fff; padding:0; height:63px; z-index: 999; }
.top-header nav.top-menu {background:#fff; border-radius:4px;}
header#masthead .top-header nav.top-menu { text-align:center}
header#masthead .top-header nav.top-menu ul > li {display:inline-block;  }
header#masthead .top-header nav.top-menu ul > li a  {font-weight: bold; color:#585858; font-size:10px; padding:0 10px 0 10px; margin-bottom:2px;  border-right:1px solid #5a2a82; text-transform:uppercase;}
header#masthead .top-header nav.top-menu ul > li:last-child a {border:none;}
.top-header .header-social {text-align:center; position:absolute; margin-top: 10px; margin-left: auto; margin-right: auto; left: 0; right: 0;}

.top-header .header-social a {display:none; padding:0 10px;}

.navbar-toggle { float:right; padding:0; margin-top:20px;}
.navbar-toggle .icon-bar { background: #c9bcd0; height:5px;  width:30px; display:block; float:left; clear:left;}
.navbar-toggle:hover .icon-bar {background:#5a2984;  }
.navbar-toggle .menu-text {float:right; display:inline-block; font-size:22px; clear:none; text-transform:uppercase; font-weight:700; color:#5a2984; margin-left:5px; margin-top:-3px;}
/* ==========================================================================
   Headings
   ========================================================================== */
.heading { background-size: cover; background-position: left; position: relative; min-height: 150px; }
.page-id-37 .heading, .page-id-11 .heading { background-position: center; }
.page-id-93 .heading { background-position: right; }
.page-id-10 .heading { background-position: 20%; }
.page-id-47 .heading { background-position: 70%; }
.heading h1 { font-size: 24px; position: absolute; bottom: 0; width: 100%; text-align: center; margin: 0; padding: 30px; color: #fff; text-transform: uppercase; text-shadow: 2px 2px 9px rgba(0,0,0,.6); }
.heading:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d7"; position: absolute; bottom: -40px; text-align: center; width: 100%; left: 0px; font-size: 80px; color: #fff; }
.heading +.pattern-bg { padding-top: 40px; }
/* ==========================================================================
   Home
   ========================================================================== */

.home .top-header .header-social a {display:inline-block; color: #fff;}
.homevideo { position:relative; width:100%; height: 100%; }
/*.homevideo video {width:100%; height:100%; margin-bottom: -5px; } */
.homevideo:after {content:""; background:rgba(88,41,126,.76) url() no-repeat bottom right; width:100%; height:100%; position:absolute; top:0; left:0;}
.homevideo .video-heading {position:absolute; z-index:-1; color:#000;
   text-transform:uppercase; width:100%; top:50%; margin-top:-30px; color:#fff; text-align:center; line-height:1;}
.homevideo .video-heading .heading-1 {font-size:20px; max-width:95%; margin:auto;}
.homevideo .video-heading .heading-2 {font-size:10px; max-width: 95%; margin:5px auto;}
.homevideo .video-bottom {display:none; position:absolute; bottom:10%; width:100%; text-align:center; z-index:1; color:#fff;}
.homevideo .video-bottom a {color:#fff;}

.home .main-content p {font-size:16px;}


.home-glance { 
   background: #5a2a82 url() bottom center no-repeat;
   background:url() bottom center no-repeat, -moz-linear-gradient(45deg, #5a2a82 0%, #6f2665 50%, #221545 100%);
   background:url() bottom center no-repeat,  -webkit-linear-gradient(45deg, #5a2a82 0%,#6f2665 50%,#221545 100%);
   background:url() bottom center no-repeat,  linear-gradient(45deg, #5a2a82 0%,#6f2665 50%,#221545 100%);
   background-size: 100%  
}
.home-glance {   color:#fff; text-align:center; padding:20px; margin-top:60px;}
.home-glance h3 {color:#fff; text-transform:none; }
.home-glance .glance-banners {display:flex; flex-wrap: wrap; margin-top:40px;}
.home-glance .glance-banners .glance-banner {margin-bottom:40px; font-size:22px; display: flex; flex-wrap: wrap; }
.home-glance .glance-banners img { margin:10px auto 0; align-self: center; max-height:90px; }
.home-glance .glance-banners .glance-banner strong {font-size:46px;}
.home-glance .glance-banners .glance-banner span {display:block; width:100%; padding:0 40px; }
.home-glance .ban-ghost, .home-glance a.btn-ghost {font-size: 14px; border-radius:4px; color:#fff; text-transform:uppercase; font-weight:700; display:block; padding:10px; border:2px solid #fff; width:350px; max-width: 100%; margin:20px auto; }
.home-glance a.btn-ghost {background:#fff; color:#5a2a82; border-radius:4px;}
.home-glance a.btn-ghost:hover {background:transparent; color:#fff; text-decoration:none;}
.mobile-map { border: 2px solid #fff; border-radius: 4px; }
.home-glance h2 { color: #fff; }

@media only screen and (max-width : 768px) {
   .home-glance .glance-banners .glance-banner {width:100%;}
}  

.home-team {text-align:center;}
.home-team-categories ul {list-style-type:none; padding:0;}
.home-team-categories li {display:inline-block; width:40%; margin-bottom:30px;}
.home-team-categories li:first-child {width:100%;}
.home-team-categories img {display:block; margin:auto; width: 100px;}


.home-bottom-columns {text-align:center;   color:#fff;}
.home-bottom-columns .col-md-4 > img {height:100px;}
.home-bottom-columns h4, .home-bottom-columns a, .home-bottom-columns a:hover {color:#fff;}
.home-bottom-columns div.col-md-4 {padding:40px 20px;  position:relative;  height:600px;  }
.home-bottom-columns .home-columns-inner { height:480px; overflow:hidden;  }
.home-bottom-columns a.btn-columns-advance {display:block; margin-top:15px;}

.home-bottom-columns .from-the-newsroom {background: rgb(205,35,177);
background: -moz-linear-gradient(45deg, rgba(205,35,177,1) 60%, rgba(122,37,109,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(205,35,177,1) 60%,rgba(122,37,109,1) 100%);
background: linear-gradient(45deg, rgba(205,35,177,1) 60%,rgba(122,37,109,1) 100%);}

.home-bottom-columns .upcoming-events {background: rgb(246,179,50);
background: -moz-linear-gradient(45deg, rgba(246,179,50,1) 60%, rgba(225,126,38,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(246,179,50,1) 60%,rgba(225,126,38,1) 100%);
background: linear-gradient(45deg, rgba(246,179,50,1) 60%,rgba(225,126,38,1) 100%);}

.home-bottom-columns .latest-tweets {background: rgb(0,175,171);
background: -moz-linear-gradient(45deg, rgba(0,175,171,1) 60%, rgba(6,108,92,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(0,175,171,1) 60%,rgba(6,108,92,1) 100%);
background: linear-gradient(45deg, rgba(0,175,171,1) 60%,rgba(6,108,92,1) 100%);}


.home-bottom-columns  ul {list-style-type:none; padding:0; text-align:left;}
.home-bottom-columns  li {margin-top:40px; padding-bottom:30px;  }
.home-bottom-columns  li:last-child {border:none;}
.home-bottom-columns  li p {margin-top:5px;}


.home-services {margin-top:20px;}
.home-services > .container-fluid > .row >.container {padding-bottom:0;}

.home-services .col-xs-6 {text-align:center; padding:2px 5px; margin-bottom:10px;}
.home-services .col-xs-6 img {  max-height:70px; margin:auto;}

.home-services .col-xs-6 a {text-decoration:none; font-size:16px; font-family: 'Montserrat', sans-serif; font-weight:bold; color:#58585a;}
.home-services .col-xs-6 a:focus {text-decoration:none;}
.home-services .col-xs-6 a:hover {text-decoration:none;}


.home-services .services-dropdown  {text-align:left; clear:both; font-size:30px; color:#58585a; }
.home-services .services-dropdown:before {content: ""; display:block; width:100%; height: 40px; background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(232,232,232,0) 100%);
background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(232,232,232,0) 100%);
background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(232,232,232,0) 100%);}
.home-services .services-dropdown:after {content: ""; display:block; width:100%; height: 40px; background: -moz-linear-gradient(bottom, rgba(232,232,232,1) 0%, rgba(232,232,232,0) 100%);
background: -webkit-linear-gradient(bottom, rgba(232,232,232,1) 0%,rgba(232,232,232,0) 100%);
background: linear-gradient(to top, rgba(232,232,232,1) 0%,rgba(232,232,232,0) 100%);}
.home-services .btn {margin-top:20px;}
.btn-services-dropdown span { display: inline-block; }
.home-team-categories a { font-size: 16px; font-family: 'Montserrat', sans-serif; color:#58585a; text-decoration: none; font-weight: bold; }
/* ==========================================================================
   Services
   ========================================================================== */
.services {margin-top:40px;}
.services img {display:block; margin:auto; width: 200px; padding: 20px;}
.services a {color:#58585a; }
.services .col-md-4 {min-height:210px; padding-bottom: 20px;}

.single-services .img-responsive.center-block {max-width:200px;}
/* ==========================================================================
   Events
   ========================================================================== */
.events h2 {font-size:38px; color:#58585a;}
.event-date {font-family: 'Montserrat', sans-serif; color:#5a2a82; font-size:34px; line-height:1; letter-spacing: 0.5px;}
.event-details h4 {margin-bottom:0; margin-top:20px; padding-bottom:0;}
.event-details h4 + p {margin-top:0;}


.event-agenda .list-unstyled  {margin-bottom:20px; margin-left:15px;}
.event-agenda .list-unstyled > li {display:flex; align-items: flex-start; margin-bottom:20px;}
.event-agenda .list-unstyled > li .time {margin-right:10px;}
.event-agenda .list-unstyled > li > .agenda-description {flex:1;   }
.event-agenda .list-unstyled > li .time {font-weight:700;}
.event-agenda .list-unstyled > li p {margin:0; }

.event-speakers { 
   background: #5a2a82 url("/wp-content/uploads/2019/03/white-hex-overlay.svg") bottom center no-repeat;
   background:url("/wp-content/uploads/2019/03/white-hex-overlay.svg") bottom center no-repeat, -moz-linear-gradient(45deg, #5a2a82 0%, #6f2665 50%, #221545 100%);
   background:url("/wp-content/uploads/2019/03/white-hex-overlay.svg") bottom center no-repeat,  -webkit-linear-gradient(45deg, #5a2a82 0%,#6f2665 50%,#221545 100%);
   background:url("/wp-content/uploads/2019/03/white-hex-overlay.svg") bottom center no-repeat,  linear-gradient(45deg, #5a2a82 0%,#6f2665 50%,#221545 100%);
   background-size: 100%; 
   text-align:center;
}
.event-speakers, .event-speakers h3 {   color:#fff;  }
.speakers {list-style-type:none; padding:0; margin-top:40px;}
.speakers {font-size:0; /*! text-indent:-9999px; */}
.speakers li {width:219px; height:219px; position:relative; font-size:14px; text-indent:0; text-align:center; display:inline-block; margin:0;}
.speakers li a {color:#fff;}
.speakers li span.overlay {position:absolute; top:0; width:100%; height:100%; display:block; opacity:0; padding:10px 5px; background:rgba(0,0,0,.7);}

.speakers li:hover span.overlay {opacity:1;}
.speakers li strong {font-size:18px;}
.speakers li small {font-size:12px;}
.speakers li span.position {position:absolute; left:0; bottom:10px; padding:0 5px; width:100%; font-weight:700;}
.speakers li span.position  a {font-size:18px; margin:0 8px;}

.bg-info {padding:10px; background:#5a2984!important; color:#fff; margin:20px 0; border-radius:4px;}
.registration-response {font-size:1.6em; font-weight:700;}

    .location {
        position: relative;
        padding-bottom: 25%;  
        height: 0;
        overflow: hidden;
    }
    .location iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

/* ==========================================================================
   Logos
   ========================================================================== */
.logos ul {list-style-type:none; padding:0;}
.logos li {display:inline-block; width:300px;  height:150px;}
.logos li img {max-height:150px; width:100%;}



/* ==========================================================================
   Team
   ========================================================================== */

.single-team a[data-toggle] {font-size:24px; font-weight:700; color:#58585a}
.single-team a[data-toggle]:hover, .single-team a[data-toggle]:active, .single-team a[data-toggle]:focus {text-decoration:none;}
.single-team .collapse {background:#fff;}
.team-achievements {color:#c9bcd0; line-height:1; font-weight:400;}
.team-position {color:#000; font-weight:400; line-height:1; font-size:34px;}
.team-phone-email {color:#5b2a85; font-size:20px;}
.team-categories ul {list-style-type:none; padding:0; text-align:center; width:100%;}
.team-categories li { display:inline-block; font-size:12px; line-height:1;  margin:0 0 20px; padding:5px; vertical-align:top;   width:32%; }
.team-categories a {  max-width: 100px; color:#58585a; font-size:13px; }
.team-categories img {display:block; margin:auto; width:39px; padding-bottom: 8px;}
.team-members {list-style-type:none; padding:0; margin-top:40px;}
.team-members {font-size:0; text-indent:-9999px;}
.team-members li {width:219px; height:219px; position:relative; font-size:14px; text-indent:0; text-align:center; display:inline-block; margin:0;}
.team-members li a {color:#fff;}
.team-members li span.overlay {position:absolute; top:0; width:100%; height:100%; display:block; opacity:0; padding:10px 5px;}

.team-members li:hover span.overlay {opacity:1;}
.team-members li strong {font-size:18px;}
.team-members li small {font-size:12px;}
.team-members li span.position {position:absolute; left:0; bottom:20px; padding:0 5px; width:100%;}


.qualifications  .collapse {text-align:left; clear:both; margin-top:30px;}
#education:before,#professional_qualifications:before {content: ""; display:block; width:100%; height: 40px; background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(232,232,232,0) 100%);
background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(232,232,232,0) 100%);
background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(232,232,232,0) 100%);}
#education:after,#professional_qualifications:after {content: ""; display:block; width:100%; height: 40px; background: -moz-linear-gradient(bottom, rgba(232,232,232,1) 0%, rgba(232,232,232,0) 100%);
background: -webkit-linear-gradient(bottom, rgba(232,232,232,1) 0%,rgba(232,232,232,0) 100%);
background: linear-gradient(to top, rgba(232,232,232,1) 0%,rgba(232,232,232,0) 100%);}

/* ==========================================================================
   Footer
   ========================================================================== */

.footer-contact-form {color:#fff; text-align:center; padding:5px 15px;
background: #5a2a82;
background: -moz-linear-gradient(45deg, #5a2a82 0%, #6f2665 50%, #221545 100%);
background: -webkit-linear-gradient(45deg, #5a2a82 0%,#6f2665 50%,#221545 100%);
background: linear-gradient(45deg, #5a2a82 0%,#6f2665 50%,#221545 100%);
}
.footer-contact-form h2 {color:#fff; margin: 40px auto 20px auto;}
.footer-contact-form p span {
  text-align: center;
    display: block;
    margin: 0 auto 40px auto;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 1.2em;
}
.footer-contact-form p.align-left {text-align:left;}
.footer-contact-form label {display:block; }
.footer-contact-form input, .footer-contact-form textarea {border-radius:0; box-shadow:none; font-weight:400;}
.footer-contact-form input.btn {font-weight:700;}
footer#colophon { color: #58585a; padding: 10px 0 0; padding-top: 30px; text-align: center; font-size: 12px; }
footer#colophon:after {content: ""; display:block; background: #fff url() no-repeat center top; background-size:100% auto; width:100%; height:100px; margin-top:-100px;}
footer .address {font-size:1.5em;}

.footer-bottom {background:#5a2985; color:#fff; text-align:center; font-size:14px; padding:0 10px;}
.footer-bottom a {color:#fff}

.footer-bottom p {margin:0; padding:10px 0;}
.footer-social {margin:20px 0; font-size:32px;}
.footer-social a {display:inline-block; margin:0 10px;}

.alert-success, .alert-warning {background:#fff; color:#5a2984; font-size:20px; font-weight:700;}
.has-error .help-block {text-align:left; color:rgba(225,126,38);}
/* ==========================================================================
   Navigation
   ========================================================================== */
.site-navigation { display:inline-block; text-transform: uppercase;  width:100%; text-align:center; background:#f8f8f8;}
#main-menu { position: absolute; z-index: 1; }
#main-menu.navbar-nav { margin: 0 -15px; }
#main-menu.navbar-nav > li { border-bottom:2px solid #c8bcd0; background-color: #f8f8f8; text-align:left;}
#main-menu.navbar-nav > li:last-of-type { border-bottom: none; }
#main-menu.navbar-nav > li > a { font-size: 12px; color: #58585a; font-weight:bold; }
.navbar-collapse {margin:0; }
.navbar-collapse.collapse.in #main-menu {   border-top: none; }
.nav .open > a { background-color: #f8f8f8; }



#main-menu.navbar-nav .dropdown a { display: inline-block; width: 80%; vertical-align: middle; font-weight: bold;}
#main-menu.navbar-nav .dropdown.open b{ background-color: #f8f8f8; }
#main-menu.navbar-nav .dropdown b { display:inline-block; width: 20%; color:#58585a; text-align: center; vertical-align: middle; line-height:1; font-size:40px; cursor: pointer}

#main-menu.navbar-nav .dropdown.open b { transform: rotate(180deg); }


#main-menu.navbar-nav .dropdown-menu {text-align:left; }
#main-menu.navbar-nav .dropdown-menu {padding:0;}
#main-menu.navbar-nav .dropdown-menu li {margin:0; padding:0; font-size: 12px; }
#main-menu.navbar-nav .dropdown-menu a {  line-height:35px; color:#663a8b; padding-left: 15px; font-weight: bold; }
#main-menu.navbar-nav .dropdown-menu li:first-child a {border-top:none;}
#main-menu.navbar-nav .dropdown-menu li:last-child a {border-bottom:none;}
#main-menu.navbar-nav .dropdown-menu a:hover, #main-menu.navbar-nav .dropdown-menu a:active {background:#c8bcd0; border-top:2px solid #663a8b; border-bottom:2px solid #663a8b;}
#main-menu.navbar-nav .dropdown-menu li:first-child a:hover {border-top:none;}
#main-menu.navbar-nav .dropdown-menu li:last-child a:hover {border-bottom:none;}
#main-menu .nav > li > a:hover, #main-menu .nav > li > a:focus, #main-menu .nav > li.open > a { background:#633689; color:#fff; border-bottom:2px solid #c8bcd0;}
#main-menu.navbar-nav .dropdown-menu li.active a {border-top:2px solid #663a8b; border-bottom:2px solid #663a8b;}
#main-menu.navbar-nav .nav > li.open > a:hover { border-bottom:2px solid #c8bcd0;}
#main-menu.navbar-nav .nav > li.open > a:hover,
#main-menu.navbar-nav .dropdown-menu > .active > a,
#main-menu.navbar-nav .dropdown-menu > .active > a:focus,
#main-menu.navbar-nav .dropdown-menu > .active > a:hover
{background:#633689; color:#fff;}
.navbar-nav .dropdown .caret {border-width:8px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.navbar-nav .dropdown .caret:hover {-ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0);}
.collapsing { -webkit-transition: none; transition: none; }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background-color: #663a8b; }

/* ==========================================================================
   Pages

   ========================================================================== */
/* Join Us */
.join-us-bottom {text-align:center; font-family: 'Montserrat', sans-serif; position:relative; letter-spacing: 0.5px;}
.join-us-bottom:before {position:absolute; z-index:9999; content: ""; display:block; width:100%; height: 40px; background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(232,232,232,0) 100%);
background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(232,232,232,0) 100%);
background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(232,232,232,0) 100%);}
.join-us-bottom .col-md-6 {padding:0; }
.join-us-bottom .address {padding-top:50px; font-size:28px; line-height:1.8; padding:10px; margin-top:20px;}


.logos {text-align:center; margin:20px 0;}
.logos .col-md-3 {margin-bottom:20px;  position:relative; height:200px; }
.logos .col-md-3 img {
   position: absolute;
   max-width: 200px;
   max-height: 200px;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}


 
/* ==========================================================================
   Sliders
   ========================================================================== */
.cycle-slideshow { position: relative; }
.cycle-prev, .cycle-next { position: absolute; z-index: 9000; font-size: 40px; padding: 5px 10px; left: 2%; color: #f78f1e; top: 50%; margin-top: -40px; }
.cycle-next { right: 2%; left: auto; }
.cycle-pager { width: 100%; text-align: center; position: absolute; bottom: 20px; z-index: 9999; }
.cycle-pager span { display: inline-block; text-indent: -9999px; width: 15px; height: 15px; border-radius: 50%; background: rgba(255,255,255,.25); box-shadow: inset 1px 1px 2px rgba(0,0,0,.9); margin: 0 5px; }
.cycle-pager .cycle-pager-active { background: #fff; box-shadow: none; }
.cycle-pager span:hover { box-shadow: inset 0px 1px 1px #000; background: rgba(255,255,255,.6); }
/* ==========================================================================
   Media Queries
   ========================================================================== */
/* iPhone 3 */
@media only screen and (min-width : 375px) {
  #main-menu.navbar-nav > li > a { font-size: 16px; }
  #main-menu.navbar-nav .dropdown-menu li {font-size: 14px; }
  .btn { padding: 10px 40px; }

}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

  body {  font-size: 14px; }
  h1, .h1 {font-size: 38px; }
  h2, .h2 { font-size: 34px; }
  h3, h4, .h3, .h4 {  font-size: 26px;  }
  h5, .h5 {font-size: 22px; }
 .home .main-content p {font-size:16px;}

 .homevideo .video-heading {margin-top:-20px;}
 .homevideo .video-heading .heading-1 {font-size:20px; max-width:75%; }
 .homevideo .video-heading .heading-2 {font-size:16px; max-width: 75%;
    margin:10px auto;}


 .top-header .header-social {text-align:center; position:absolute;}
 .top-header .header-social a {padding:0 10px;}
  header#masthead .header-social a {color:#fff; font-size:20px;}
}

/* h2 on home page */
@media only screen and (max-width : 524px) {

}
/* Small Devices: iPad Portrait */
@media only screen and (min-width : 768px) {
  /*Nav */
  #main-header { height: 90px; }
  #main-menu.navbar-nav .dropdown a { width: auto; border-bottom: 2px solid #fff;}
  #main-menu.navbar-nav > li { background-color: #fff; }
  #main-menu.navbar-nav .dropdown-menu { text-align: center; border: 2px solid #663a8b; margin-top: 28px; }
  #main-menu.navbar-nav .dropdown-menu a { font-size: 10px; font-weight: 400; padding: 3px 20px; width: 100%; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
  #main-menu.navbar-nav .dropdown-menu li.active a:first-child { border-top: none; }
  .top-header .header-social { left: auto; }



  .team-categories ul {  display:table;  }
  .team-categories li {display:table-cell; font-size:12px;   margin:0;   max-width:40px; width:auto }

  .footer-bottom {  font-size:24px;}
  .footer-contact-form .container {
    max-width: 100%;
  }

  /*Home Page */
  .home .top-header { position:absolute;}
  .homevideo .video-heading {margin-top:-40px;}
  .homevideo .video-heading .heading-1 {font-size:30px; max-width:75%; }
  .homevideo .video-heading .heading-2 {font-size:16px; max-width: 75%;
      margin:10px auto;}
  .home-services .col-xs-6 { margin-bottom: 20px; text-align: left;}
  .home-services .col-xs-6 a {font-size:22px;}
  .home-services .col-xs-6 img {  max-height:60px; }
  .home-team-categories li {width:33%; font-size: 20px;}


  .top-header { background: #633689; }
  .home .top-header {background: none;}
   .top-header .header-social {text-align:center; position:absolute;}
   .top-header .header-social a {padding:0 10px;}
   header#masthead .site-branding img { width: 224px; height: 70px; }
   header#masthead .header-social a {color:#fff; font-size:20px; display: inline-block;}
   header#masthead .top-header {text-align:center; height:54px; border-top: 2px solid #633689; border-bottom: 2px solid #633689;}
  .home header#masthead .top-header { border: none; }
  #top-menu { width: 100%; }
  .top-menu .navbar-nav > li { float:none; }
  .top-menu { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; width: 425px; }
  .top-menu:before,
  .top-menu:after { font-family: FontAwesome; display: inline-block; font-size:85px; position:absolute; line-height:0; bottom:50%; margin-left:-5px; color: #fff; }
  .top-menu:before { content: '\f0d9'; left: -20px; }
  .top-menu:after { content: '\f0da'; }

   .header-social {position:absolute; top:0; right:15px;}
   header#masthead .top-header nav.top-menu { display:inline-block; height:50px; }
   header#masthead .top-header nav.top-menu a {margin-top:15px;}
   header#masthead .top-header nav.top-menu ul > li a { font-size: 12px; }
   .site-branding {display:inline-block; float:left;}
   .site-navigation {background:none; width:auto; float:right; margin-top:37px;}
   #main-menu.navbar-nav > li {border:none;}
   #main-menu.navbar-nav > li.dropdown b {display:none;}
   #main-menu.navbar-nav > li > a {padding:0 5px; font-size:10px;}
   #main-menu.navbar-nav > li.dropdown:hover .dropdown-menu {display:block;}
   #main-menu.navbar-nav > li > a:hover {background:none; color:#5a2a82;}
   .main-content {clear:both;}
}
/* Medium Devices: iPad landscape; */
@media only screen and (min-width : 1024px) {
  #main-menu.navbar-nav .dropdown-menu { margin-top: 0; }
  #main-menu.navbar-nav .dropdown-menu a { font-size: 14px; }

	.prev-page img, .next-page img {max-width: 80px}

  /* Home Page */
  .home-services .col-xs-6 img {max-height: none}
  .home-services .col-xs-6 {margin-bottom:0;}
  .home-services .col-xs-6 {text-align:left; padding:20px 80px;}
  .home-services .col-xs-6 a {font-size:20px; }
  .home-services .services-dropdown img { width: 175px; height: 175px; }


  body {  font-size: 16px; }
  h1, .h1 {font-size: 46px; }
  h2, .h2 { font-size: 34px; }
  h3, h4, .h3, .h4 {  font-size: 28px;  }
  h5, .h5 {font-size: 24px; }
   .home .main-content p {font-size:18px;}

      .home .top-header { position:absolute;}
   .homevideo .video-heading {margin-top:-150px;}
   .homevideo .video-heading .heading-1 {font-size:20px; max-width:75%; }
   .homevideo .video-heading .heading-2 {font-size:16px; max-width: 75%;
      margin:10px auto;}

   .top-header .header-social {text-align:center; position:absolute; right:25px; margin-top: 5px;}
   .top-header .header-social a {padding:0 10px;}
   header#masthead .header-social a {color:#fff; font-size:30px;}
   .homevideo .video-heading .heading-1 {font-size:50px; max-width:75%; margin:auto;}

  .homevideo .video-heading .heading-2 {font-size:30px; max-width: 75%; margin:40px auto;}





   .footer-contact-form h3 {font-size:38px; width:70%; margin:auto; line-height:1; text-transform:none; padding:30px;}
 .footer-contact-form > p {text-align:center; margin:0 auto; width:60%; font-weight:400; font-size:24px; line-height:1; margin-bottom:20px;}
   #main-menu.navbar-nav > li > a {padding:0 10px 28px 10px; font-size:14px;}
   #main-menu.navbar-nav > li > a .caret {display:none;}
 }




/* Large Devices: Desktops */
@media only screen and (min-width : 1280px) {
  .btn-primary,.btn-secondary { font-size: 20px; }
  .ban-ghost, .btn-ghost {
    font-size: 20px;
    width: 500px!important;
    line-height: 1.2em;
  }
  .homevideo .video-bottom {display:block; top:auto; bottom:0; padding-bottom: 100px;}
  main-menu.navbar-nav > li > a {padding:0 10px; font-size:14px;}
  footer#colophon:after {height:200px;}
  /*Home Page*/
  .home-services .col-xs-6 a {font-size:16px;}
  .main-content > .container { padding-top: 40px; padding-bottom: 40px; }

  .home .main-content,
  .home-services .services-dropdown { background-attachment: fixed!important; }
  .home-services .services-dropdown img { width: 250px; height: 250px; }
  .home-glance { background-attachment: fixed; }

  .footer-contact-form h2,
  .footer-contact-form p span {
    max-width: 60%;
    font-size: 34px;
  }
}



body { word-wrap: break-word; }
/* Alignment */
.alignleft { display: inline; float: left; margin-right: 1.5em; }

.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin: 0 auto; }
/* Images and wp-captions should always fit and be responsive */
img { display: inline-block; height: auto; max-width: 100%; }
img[class*="wp-image-"] { margin-top: 10px; margin-bottom: 10px; }
.wp-caption { border: 1px solid #ccc; margin-bottom: 10px; max-width: 100%; border: 1px solid #ccc; border-radius: 4px; padding: 0 10px; }
.wp-caption.aligncenter { margin-bottom: 10px; }
.wp-caption img[class*="wp-image-"] { display: block; }
.wp-caption .wp-caption-text { text-align: center; margin-top: 10px; }
/* WP Gallery */
.gallery { margin-bottom: 1.5em; }
.gallery a img { border: none; height: auto; max-width: 90%; }
.gallery dd { margin: 0; }
.gallery-caption { display: block; }
/* Make sure embeds and iframes fit their containers */
embed, iframe, object { max-width: 100%; }
/* Text meant only for screen readers */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; }
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ }
/* Content */
.main-content-inner { padding-bottom: 1.5em; }
.hentry { margin: 0 0 1.5em; }
.sticky { display: block; }
.bypostauthor { display: block; }
/* Clearing */
.clear { clear: both; }
/* Navigation */

.dropdown-submenu { position: relative; }
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu { display: block; }
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:active>a:after { border-left-color: #ffffff; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }

/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */

.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }
/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }
/* Make sure select elements fit in widgets */
.widget select { max-width: 100%; }
/**
* Some WP Theme Repository requirements
*/


.sticky { }
.gallery-caption { }
.bypostauthor { }
.entry-meta { clear: both; }