@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700');

/* UTILITIES
----------------------------------------------------------------------*/

body { font-size: 16px; overflow-x: hidden; }

img { max-width: 100%; }

.absolute { position: absolute; }

.abs-center { left: 50%; top: 50%; transform: translate(-50%, -50%); }

.box-shadow { box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3) }

.btn { border: 0; font-size: 18px; padding: 10px 20px; }

.btn-primary { background-color: #ddaf2b; color: white; }

.btn-secondary { background-color: white; border: 2px solid #203767; color: #213766; transition: all 0.5s; }

.btn-secondary:hover { background-color: #203767; border: 2px solid white; color: white; }

.center-left { left: 50%; transform: translateX(-50%); }

.float-r { float: right; }

.height-100 { height: 100%; }

.hide-mobile, .hide-mobile-inline { display: none; }

.img-cover { min-height: 100%; object-fit: cover; }

.list-none { list-style-type: none; }

.p-xs { padding: 6px; }

.p-s { padding: 10px; }

.p-m { padding: 20px; }

.p-l { padding: 10px 0; }

.p-b-xs { padding-bottom: 5px; }

.p-b-s { padding-bottom: 10px; }

.p-h-m { padding: 0 20px; }

.p-t-xs { padding-top: 5px; }

.p-t-s { padding-top: 10px; }

.p-v-m { padding: 20px 0; }

.p-v-l { padding: 40px 0; }

.p-v-xl { padding: 60px 0; }

.m-0 { margin: 0; }

.m-0-auto { margin: 0 auto; }

.m-b-0 { margin-bottom: 0 !important; }

.m-b-xs { margin-bottom: 3px; }

.m-b-m { margin-bottom: 20px; }

.m-b-l { margin-bottom: 40px; }

.m-t-0 { margin-top: 0; }

.m-t-s { margin-top: 10px; }

.m-t-m { margin-top: 20px; }

.max-width { margin: 0 auto; max-width: 750px; }

.over-auto { overflow: auto; }

.relative { position: relative; }

.round { border-radius: 100%; }

.rounded { border-radius: 6px; }

.vert-center { top: 50%; transform: translateY(-50%); }

.width-100 { width: 100%; }

.z-high { z-index: 1000; }


/* TEXT
----------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; line-height: 1.3; }

h5, p { font-size: 16px; }

.bold { font-weight: bold !important; }

.center { text-align: center; }

.h2 { font-size: 28px; }

.inline-block { display: inline-block !important; }

.left { text-align: left; }

.right { text-align: right; }

.txt-deco-none, .txt-deco-none:focus, .txt-deco-none:hover { text-decoration: none; }


/* COLORS
----------------------------------------------------------------------*/

.back-dull { background-color: #eee; }

.back-light { background-color: white; }

.back-primary { background-color: #991e20; }

.back-secondary { background-color: #203767; }

.back-tertiary { background-color: #cc9c25; }

.back-quaternary { background-color: #36a4a5; }

.border-light { border: 2px solid white; }

.border-light-thin { border: 1px solid white; }

.border-primary { border: 2px solid #991e20 !important; }

.border-secondary { border: 2px solid #203767 !important; }

.txt-dark { color: #333; }

.txt-dull { color: #ddd; }

.txt-dull-darker { color: #bbb; }

.txt-light { color: white; }

.txt-primary { color: #991e20 !important; }

.txt-quaternary { color: #43b2b3; }

.txt-secondary { color: #203767; }


/* NAVIGATION
----------------------------------------------------------------------*/

.nav .dropdown-toggle::after { display: none; }

#bottomNav { bottom: 0; position: fixed; z-index: 1001; }

#bottomNav a:focus, #bottomNav a:hover, #bottomNav a:active { color: white; }

#bottomNav .dropdown-menu li a:hover { background-color: #c0911e; }

#bottomNav li a { padding: 0; }

#bottomNav .dropdown-menu { top: -91px; }

#bottomNav .dropdown-menu > li > a { padding: 10px; }

#menu-header-menu > li > a:active, #menu-header-menu > li > a:hover, #menu-header-menu > li > a:focus, #menu-header-menu .open > a, #menu-header-menu .open > a:focus, #menu-header-menu .open > a:hover { /*background-color: #091e4a; border-radius: 6px;*/
color:#FEC430;}

#menu-header-menu { text-align: center; }

#bottomNav > li a:active, #bottomNav > li a:hover, #bottomNav > li a:focus { background-color: transparent !important; }

#navbar .max-text { max-width: 100%; }

.dropdown-menu { background-color: #cc9c25; left: auto; right: 0; }

.dropdown-menu > li > a { color: white; transition: 0.5s all; }

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: #ba8d1d; color: white; }

.nav > li > a { transition: 0.5s all; }

/* .navbar { background-color: #1c3260; height: 50px; } */

.navbar { /*background-color: rgba(28, 50, 96, 0.9);)*/ display: block !important; height: 50px; padding: 0; }

.navbar a { color: white;transition: text-decoration 1s ease; }

.navbar .register { background-color: #cc9c25; border-radius: 6px; }

.navbar-brand { padding-top: 10px; }

.navbar-brand img { width: 60px; position: relative; z-index: 1001; }

.navbar-expand-lg .navbar-nav .current-menu-item .nav-link { color: #FEC430; }

.hamburger-menu { margin-top:27px }

.navbar-expand-md .navbar-nav .nav-link { padding-right: 12px; padding-left: 12px; }

.navbar-nav { font-size: 15px; }

.navbar-nav > li { margin-top: 13px; }

.navbar-nav > li > a { padding-top: 8px; padding-bottom: 8px; margin-left:35px; }

.navbar-nav > li > .dropdown-menu { border-top-left-radius: 4px; border-top-right-radius: 4px; }

.navbar-toggler { margin-top: 10px; }

 .hamburger-menu { margin-top:27px }

/* JUMBOTRON
----------------------------------------------------------------------*/

.diagonal:nth-child(2) { background: 
	linear-gradient( to right, rgba(35, 180, 190, 0.9) 0%, rgba(35, 180, 190, 0.9) 100% ), 
	url(/wp-content/uploads/conference6.jpg) no-repeat ;
    background-position: left center; background-size: cover; height: 220px; }

.diagonal:nth-child(3) { background: 
	linear-gradient( to right, rgba(185, 180, 20, 0.85) 0%, rgba(185, 180, 20, 0.85) 100% ), 
	url(/wp-content/uploads/conference7.jpg) no-repeat;
    background-position: center; background-size: cover; height: 220px; }

.jumbo-logo { max-width: 250px; }

.jumbotron { margin-bottom: 0; padding: 0; }

.jumbotron h1 { font-size: 24px; }

.jumbotron h2 { font-size: 18px; }

.jumbotron h3 { font-size: 16px; }

.jumbotron option { color: #203767; text-align: left; }

.jumbotron p { font-size: 14px; }

.jumbotron select { background-color: transparent; border: 0; text-align: center; text-align-last: center; }


/* CONTENT
----------------------------------------------------------------------*/

a:focus, a:hover, a:visited { text-decoration: none; }

a.txt-light:visited { color: white; }

footer { background-color: #1a2e5b; margin-bottom: 55px; position: relative; z-index: 10; }

footer .nav > li > a:focus, footer .nav > li > a:hover { background-color: white; color: #203767; }

main { margin-top: 50px; }

#accordion .card + .card { margin-top: 5px; }

#pricing { background: 
    linear-gradient( to right, 
    rgba(240,240,240,0.95) 0%, 
    rgba(180,180,180,0.9) 100% ),
    url("../images/hero.jpg") no-repeat center; 
    background-size: cover; }

.activePanel { box-shadow: 0 0 10px #aaa; transform: scale(1.01); }

.anchor { display: block; height: 50px; margin-top: -50px; visibility: hidden; }

.back-dull-pattern { background: 
    linear-gradient( to right, 
    rgb(238,238,238) 0%, 
    rgb(238,238,238) 100% ),
    url("/wp-content/uploads/digi-pattern-brighter.png"); 
	background-blend-mode: hard-light; }

@supports (-ms-accelerator:true) {

  .back-dull-pattern { background: url("/wp-content/uploads/digi-pattern-brighter.png"); }
	
  .back-dull-pattern:after { background: linear-gradient( to right, rgb(238,238,238) 0%, rgb(238,238,238) 100% ) }	
}
#accordion { border-top: 1px solid rgba(0,0,0,.125); }

.card { border: 0; border-radius: 0 !important; transition: all 1s; }

.card a.txt-dark:active, .card a.txt-dark:focus, .card a.txt-dark:hover { color: #333; }

.card .btn-link:hover, .card .btn-link:active, .card .btn-link:visited, .card .btn-link:focus  { text-decoration: none; }

.card-body { padding: 5px 15px 12px 15px; }

.card-body p { font-size: 16px; }

.card-header { background-color: transparent; border-radius: 0; padding-left: 12px; }

.flourish-right { right: 15px; }

.iframe-responsive { height: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative; }

.iframe-responsive iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.max-text { margin: 0 auto; max-width: 750px; }

.social-media { background-color: white; border-radius: 100%; height: 35px;  margin: 5px 5px 0; width: 35px; }

.social-media:hover a { color: #203767; }

.spin { transition: 1s all; }

.spin:hover { transform: rotate(360deg); }


/* COOKIE NOTICE
----------------------------------------------------------------------*/

#cn-accept-cookie { background: #cc9c25; border: 1px solid #cc9c25; margin-right: 10px; }

#cn-notice-text { padding-right: 10px; }

#cn-refuse-cookie { background: transparent; border: 1px solid white; }

#cookie-notice { background-color: #991e20; bottom: 0; color: white; display: none; font-size: 14px; position: fixed; text-align: center; width: 100%; z-index: 1001; }

#cookie-notice a { color: white; }

.cn-button { border-radius: 4px; padding: 5px 10px; text-decoration: none; }

.cookie-notice-container { padding: 15px; }


/* CSS TOGGLE
--------------------------------------------------------------- */

.switch { position: relative; display: inline-block; width: 60px; height: 34px; margin-bottom: -10px; }

.switch input { display:none; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #1a2e5b;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider { background-color: #1a2e5b; }

input:focus + .slider { box-shadow: 0 0 1px #1a2e5b; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.slider.round { border-radius: 34px; }

.slider.round:before { border-radius: 50%; }


/* TEXT ANIMATION
----------------------------------------------------------------------*/

.animateText:hover .animate { display: block; }

.animateText:hover .non-animate { display: none; }

.animateText .animate { display: none; }

.animateText:hover .animate span { display: inline-block; opacity: 0; transform: translate(0, -35px) rotate(360deg) scale(0); animation: revolveDrop 0.6s forwards; }

.animateText:hover .animate span:nth-of-type(2) { animation-delay: .05s; }
.animateText:hover .animate span:nth-of-type(3) { animation-delay: .1s; }
.animateText:hover .animate span:nth-of-type(4) { animation-delay: .15s; }
.animateText:hover .animate span:nth-of-type(5) { animation-delay: .2s; }
.animateText:hover .animate span:nth-of-type(6) { animation-delay: .25s; }
.animateText:hover .animate span:nth-of-type(7) { animation-delay: .3s; }
.animateText:hover .animate span:nth-of-type(8) { animation-delay: .35s; }
.animateText:hover .animate span:nth-of-type(9) { animation-delay: .4s; }
.animateText:hover .animate span:nth-of-type(10) { animation-delay: .45s; }
.animateText:hover .animate span:nth-of-type(11) { animation-delay: .5s; }
.animateText:hover .animate span:nth-of-type(12) { animation-delay: .55s; }
.animateText:hover .animate span:nth-of-type(13) { animation-delay: .6s; }
.animateText:hover .animate span:nth-of-type(14) { animation-delay: .65s; }
.animateText:hover .animate span:nth-of-type(15) { animation-delay: .7s; }
.animateText:hover .animate span:nth-of-type(16) { animation-delay: .75s; }
.animateText:hover .animate span:nth-of-type(17) { animation-delay: .8s; }
.animateText:hover .animate span:nth-of-type(18) { animation-delay: .85s; }
.animateText:hover .animate span:nth-of-type(19) { animation-delay: .9s; }
.animateText:hover .animate span:nth-of-type(20) { animation-delay: .95s; }

@keyframes revolveDrop {
	30% { transform: translate(0, -14px) rotate(180deg) scale(1); }

	60% { transform: translate(0, 7px) scale(.8) rotate(0deg); }

	100% { transform: translate(0) scale(1) rotate(0deg); opacity: 1; }
}

@keyframes rubberBand {
  from { transform: scale3d(1, 1, 1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1); }
  65% { transform: scale3d(.95, 1.05, 1); }
  75% { transform: scale3d(1.05, .95, 1); }
  to { transform: scale3d(1, 1, 1); }
}

.jumbo-logo { animation-name: rubberBand; animation-duration: .75s; }

    
/* MEDIA QUERIES
----------------------------------------------------------------------*/

@media screen and (max-width: 993px) {
	
 /* #menu-header-menu { padding-top: 15px; }	removed for mobile placement */
	
  .navbar-collapse { border-radius: 0; margin-top: 22px; z-index: 500; }
}

@media screen and (min-width: 768px) {
	
  footer { margin-bottom: 0px; }
	
  
	
  .button-height { height: 49px; }
	
  .hide-desktop { display: none; }
	
  .hide-mobile { display: block; }
	
  .jumbo-logo { max-width: 350px; }
	
  .p-0 { padding: 0 !important; }
}

@media screen and (min-width: 992px) {
	
	#menu-header-menu { float: right; }
	.navbar-brand img { width: 170px; position: relative; z-index: 1001; }
	
  main { margin-top: 0; }

  p { font-size: 18px; }
	
  .arrow-left { border-bottom: 60px solid transparent; border-right: 60px solid white; border-top: 60px solid transparent; height: 0; left: -30px; width: 0; }

  .arrow-right { border-bottom: 60px solid transparent; border-left: 60px solid white; border-top: 60px solid transparent; height: 0; right: -30px; width: 0; }
	
  .button-height { height: auto !important; }
	
  .diagonal { height: 110vh !important; margin-top: -27.5vh; transform: rotate(10deg); }

  .diagonal:first-child .diagonal-inner { margin-left: 10%; }

  .diagonal:nth-child(3) .diagonal-inner { margin-right: 10%; }

  .diagonal-inner { margin-top: 5vh; transform: rotate(-10deg); } 

  .flex { display: flex; }

  .flex-center { align-items: center; justify-content: center; }

  .flex-center-vert { flex-direction: column; justify-content: center; }
	
  .hide-mobile-inline { display: inline; }

  .jumbotron { height: 60vh; margin-left: -5%; overflow: hidden; width: 110%; }

  .jumbotron h1 { font-size: 40px; }

  .jumbotron h2 { font-size: 30px; }
	
  .jumbotron h3 { font-size: 20px; }

  .jumbotron h4 { background-color: rgba(0, 5, 60, 0.6); border-radius: 6px; padding: 20px 0; width: 100px; }
	
  .jumbo-logo { max-width: 450px; width: 90%; }
	
  .map-height { height: 800px; }

  .map-shadow { box-shadow: 0px -17px 10px rgba(0, 0, 0, 0.3); z-index: 2; }
	
  .max-width { max-width: 100%; }

  .p-0-desktop { padding: 0; }
	
  .p-b-m { padding-bottom: 20px; }
	
  .p-h-l { padding: 0 40px; }
	
  .p-l { padding: 40px; }
	
  .p-l-0 { padding-left: 0; }

  .p-r-0 { padding-right: 0; }
	
  .p-t-m { padding-top: 20px; }
}

@media screen and (min-width: 992px) and (max-width: 1020px) {
	
	.navbar-expand-md .navbar-nav .nav-link { padding-right: 10px; padding-left: 10px; }	
	
	
}

@media screen and (min-width: 1201px) {

  #navbar .max-text { max-width: 750px; }	
}