/*--------------------------------------------- reset---------------------------------------------------------------*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html { scroll-behavior: smooth; }
body { margin:0; padding:0; background-color:#fff; overflow-x: hidden; }

/*--------------------------------------------- mobile---------------------------------------------------------------*/
@media (max-width: 480px) {
    .mobhide { display:none; }
    .mobshow { display: static; }
}

@media (min-width: 480px) {
    .mobshow { display: none; }
}

@media (max-width: 1024px) {
    .tabhide { display:none; }
    .tabshow { display: static; }
}

@media (min-width: 1024px) {
    .tabshow { display: none; }
}

/*--------------------------------------------- text---------------------------------------------------------------*/
html body { font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; line-height:1.4em; color:#333; }
h1, h2, h3, h4, h5, h6 { font-family: 'Merriweather', serif; padding:0; margin-bottom:0.5em; font-weight:300; color:#0d0041; }

h1 { font-size: 32px; line-height: 36px; }
h2 { font-size: 28px; line-height: 36px; }
h3 { font-size: 24px; line-height: 28px; }
h4 { font-size: 20px; line-height: 24px; }
h5 { font-size: 18px; line-height: 22px; }
h6 { font-size: 16px; line-height: 20px; }

.tac { text-align:center; }


blockquote {
  border-left: 5px solid #ccc;
  padding:20px 40px;
  color:#fff;
  font-size:22px;
  line-height:32px;
  width:66%;
}

@media (max-width: 1600px) {
  blockquote.third { width: calc(60% - 40px); }
}

@media (max-width: 900px) {
  blockquote.third { width: calc(100% - 40px); }
}

@media (max-width: 40px) {
  blockquote { font-size: 16px; line-height: 25px; }
}

.xxsmall { font-size:12px; line-height: 16px; }
.xsmall { font-size: 14px; line-height: 19px; }
.small { font-size: 16px; line-height: 21px; }
.medium { font-size: 20px; line-height: 28px; }
.large { font-size: 24px; line-height: 34px; }
.xlarge { font-size:30px; line-height: 36px; }
.xxlarge { font-size: 36px; line-height: 40px; letter-spacing: -.03em; }
.xxxlarge { font-size:48px; line-height: 48px; letter-spacing: -.03em; }
.massive { font-size: 60px; line-height: 66px; letter-spacing: -.03em; }
.mega { font-size: 72px; line-height: 72px; letter-spacing: -.03em; }

@media (max-width: 480px) {
  .large { font-size: 18px; line-height: 22px; }
  .xlarge { font-size: 18px; line-height: 22px; }
  .xxlarge { font-size: 18px; line-height: 22px; letter-spacing: -.03em; }
  .xxxlarge { font-size: 24px; line-height: 26px; letter-spacing: -.03em; }
  .massive { font-size: 36px; line-height: 38px; letter-spacing: -.03em; }
  .mega { font-size: 40px; line-height: 42px; letter-spacing: -.03em; }
}

.lightweight { font-weight:300; }
.middleweight { font-weight:400; }
.heavyweight { font-weight: 700; }

.sans { font-family: 'Roboto', sans-serif; }
.serif { font-family: 'Merriweather', serif; }

.sub {
      font-size: 0.6875rem;
      font-weight: 800;
      letter-spacing: 0.1818em;
      padding-bottom: 0.25em;
      text-transform: uppercase;
}

.designation { font-size: 0.9rem; }

ul { list-style: outside none disc; padding-left:14px; }
ol { list-style: outside none decimal; padding-left:14px; }
ol li { margin-bottom:7px; }

/*--------------------------------------------- brand colors---------------------------------------------------------------*/
.primary1 { color:#0d0041; }
.primary2 { color:#2ac5f4; }
.secondary1 { color: #E6EAEE; }
.secondary2 { color:#EAF4F6; }
.secondary3 { color:#A0148E; }
.wht { color:#fff; }

/*--------------------------------------------- flexbox---------------------------------------------------------------*/
.flxp { display:flex; }
.flxc { display: flex; align-items: center; justify-content: center; }
.flxsb { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flxw { display:flex; flex-wrap:wrap; }
.jc { justify-content:center; }
.aic { align-items: center; }

/*--------------------------------------------- grid---------------------------------------------------------------*/

.onethird { width:33.333%; }
.twothirds { width: 66.666%;}
.onehalf { width: 50% }
.onequarter { width:25%; }
.threequarters { width:75%; }

.half { width: calc(50% - 40px); margin: 0 20px 20px 20px; }
.third { width: calc(33.3333% - 40px); margin: 0 20px 20px 20px; }
.quarter { width: calc(25% - 40px); margin: 0 20px 20px 20px; }
.fourty { width: calc(40% - 40px); margin: 0 20px 20px 20px; }
.sixty { width: calc(60% - 40px); margin: 0 20px 20px 20px; }
.twenty { width: calc(20% - 40px); margin: 0 20px 20px 20px; }
.eighty { width: calc(80% - 40px); margin: 0 20px 20px 20px; }

@media (max-width: 1024px) {
	.quarter { width: calc(50% - 20px); }
	.half, .sixty, .fourty { width:100%; margin:0 0 20px 0; }
	.onehalf { width:100%; }
  .third { width: 100%; margin:0 0 20px 0; }
	.sixty.padr40 { padding-right:0; }
	.fourty.padl40 { padding-left:0; }
}

@media (max-width: 768px) {
		.col-3, .col-4 { width:100%; }
		.onethird, .twothirds { width:100%; }
		.quarter { width: 100%; margin:0 0 20px 0; }
		.twenty, .eighty { width:100%; margin:0 0 20px 0; }
}

.twocol {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
  -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
  -moz-column-gap: 40px; /* Firefox */
  column-gap: 40px;
}

@media (max-width: 750px) {
    .twocol {
      -webkit-column-count: 1; /* Chrome, Safari, Opera */
      -moz-column-count: 1; /* Firefox */
      column-count: 1;
    }
  }

.boxed {
  width:100%;
  max-width: 1440px!important;
  margin:0 auto;
  padding: 40px;
}

.wide {
  width:100%;
  max-width: 980px!important;
  min-width: 320px;
  margin:0 auto;
  padding: 40px 0;
}

.narrow {
  width:100%;
  max-width:800px;
  min-width:320px;
  margin:0 auto;
  padding: 20px 0;
}

.tight {
  width:100%;
  max-width:600px;
  min-width:320px;
  margin:0 auto;
  padding: 20px 0;
}

.tiny {
  width:100%;
  max-width:320px;
  min-width:300px;
  margin:0 auto;
  padding: 20px 0;
}

@media (max-width: 1439px) {
  .boxed { padding:40px; }
}

@media (max-width: 979px) {
  .wide { padding:40px; }
}

@media (max-width: 799px) {
  .narrow { padding: 0 40px;}
}

@media (max-width: 750px) {
  .narrow { padding:40px; }
}

@media (max-width: 500px) {
    .boxed, .wide, .narrow { padding:20px; }
}

.collapse { margin:0!important; padding:0!important; }

.main-content { width:calc(100% - 360px);}
.sidebar { width: 280px; margin-left:80px; }

@media screen and (max-width: 860px){
		.sidebar { display:none; }
		.main-content { width:100%;}
}

/*--------------------------------------------- spacing---------------------------------------------------------------*/

.mp0 { margin:0; padding:0; }
.mb0 { margin-bottom: 0; }
.mt0 { margin-top:0; }
.mr0 { margin-right:0; }
.ml0 { margin-left:0 }
.mt20 { margin-top:20px; }
.mr20 { margin-right:20px; }
.ml20 { margin-left:20px; }
.mrl20 { margin-right:20px; margin-left:20px; }
.mb20 { margin-bottom:20px; }
.mt40 { margin-top:40px; }
.mr40 { margin-right:40px; }
.ml40 { margin-left:40px; }
.mrl40 { margin-right:40px; margin-left:40px; }
.mb40 { margin-bottom:40px; }
.mt60 { margin-top:60px; }
.mr60 { margin-right:60px; }
.ml60 { margin-left:60px; }
.mrl60 { margin-right:60px; margin-left:60px; }
.mb60 { margin-bottom:60px; }
.nomar { margin:0; }

.pad20 { padding:20px; }
.padtb20 { padding:20px 0 20px 0; }
.padb20 { padding-bottom:20px; }
.padt20 { padding-top:20px; }
.padlr20 { padding:0 20px;}
.padr20 { padding-right:20px;}
.padl20 { padding-left:20px;}
.pad40 { padding:40px; }
.padtb40 { padding:40px 0 40px 0; }
.padb40 { padding-bottom:40px; }
.padt40 { padding-top:40px; }
.padlr40 { padding:0 40px;}
.padr40 { padding-right:40px;}
.padl40 { padding-left:40px;}
.pad60 { padding:60px; }
.padtb60 { padding:60px 0 60px 0; }
.padb60 { padding-bottom:60px; }
.padt60 { padding-top:60px; }
.padlr60 { padding:0 60px!important;}
.padr60 { padding-right:60px;}
.padl60 { padding-left:60px;}
.padtb0 { padding-top:0; padding-bottom:0; }
.padt0 { padding-top:0!important; }
.padb0 { padding-bottom:0!important; }
.nopad { padding:0; }

.br { border-right:1px solid #ccc; }
.bl { border-left:1px solid #ccc; }
.bt { border-top:1px solid #ccc; }
.bb { border-bottom: 1px solid #ccc; }

@media (max-width: 1024px) {
	.half.br, .half.bl { border:none; }
	.half.padr20, .half.padl20, .half.padr40, .half.padl40, .half.padr60, .half.padl60 { padding:0; }
}

@media (max-width: 480px) {
	.padlr40, .padlr60, .padlr80 { padding:0;}
}



/*--------------------------------------------- buttons---------------------------------------------------------------*/

button {
  padding:15px 30px;
  color:#fff;
  background:#0d0041;
  border:none;
  font-size:16px;
  border-radius:40px;
  transition: all 500ms ease;
  margin-top:20px;
  font-family: 'Roboto', sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.4em;
}

button:hover, button:focus {
  background:#1c75bc;
  color:#fff;
  cursor:pointer;
  transform: scale(1.10);
  -moz-box-shadow: 0 6px 12px 2px rgba(0,46,109,0.28);
  -webkit-box-shadow: 0 6px 12px 2px rgba(0,46,109,0.28);
  box-shadow: 0 6px 12px 2px rgba(0,46,109,0.28);
  -moz-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -moz-transform;
  -o-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -o-transform;
  -webkit-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -webkit-transform;
  transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

button.rev {
  padding:15px 30px;
  color:#0d0041;
  background:#fff;
  border:none;
  font-size:16px;
  border-radius:40px;
  transition: all 500ms ease;
  margin-top:20px;
  font-family: 'Roboto', sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.4em;
}

button.rev:hover, button.rev:focus {
  background:#1c75bc;
  color:#fff;
  cursor:pointer;
  transform: scale(1.10);
  -moz-box-shadow: 0 6px 12px 2px rgba(0,46,109,0.28);
  -webkit-box-shadow: 0 6px 12px 2px rgba(0,46,109,0.28);
  box-shadow: 0 6px 12px 2px rgba(0,46,109,0.28);
  -moz-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -moz-transform;
  -o-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -o-transform;
  -webkit-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -webkit-transform;
  transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

button.ghost {
  padding:15px 30px;
  color:#0d0041;
  background: transparent;
  border:1px solid #0d0041;
  font-size:16px;
  border-radius:40px;
  transition: all 500ms ease;
  margin-top:20px;
  font-family: 'Roboto', sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.4em;
}

button.ghost:hover, button.ghost:focus {
  background:#0d0041;
  border: 1px solid #0d0041;
  color: #fff;
  cursor:pointer;
  transform: scale(1.10);
  -moz-box-shadow: 0 6px 12px 2px rgba(0,46,109,0.28);
  -webkit-box-shadow: 0 6px 12px 2px rgba(0,46,109,0.28);
  box-shadow: 0 6px 12px 2px rgba(0,46,109,0.28);
  -moz-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -moz-transform;
  -o-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -o-transform;
  -webkit-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -webkit-transform;
  transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

button.revghost {
  padding:15px 30px;
  color:#fff;
  background: transparent;
  border:1px solid #F15D22;
  font-size:16px;
  border-radius:40px;
  transition: all 500ms ease;
  margin-top:20px;
  font-family: 'Roboto', sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.4em;
}

button.revghost:hover, button.revghost:focus {
  background:#2ac5f4;
  border: 1px solid #2ac5f4;
  color: #333;
  cursor:pointer;
  transform: scale(1.10);
  -moz-box-shadow: 0 6px 12px 2px rgba(0,46,109,0.28);
  -webkit-box-shadow: 0 6px 12px 2px rgba(0,46,109,0.28);
  box-shadow: 0 6px 12px 2px rgba(0,46,109,0.28);
  -moz-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -moz-transform;
  -o-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -o-transform;
  -webkit-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -webkit-transform;
  transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

/*--------------------------------------------- cards ---------------------------------------------------------------*/

.card {
    background: #fff;
    align-items: stretch;
    padding:40px;
    border-radius:2px;
    margin-bottom:20px;
    transition: all 500ms ease;
    border-radius:10px;
}

#services .card {
  display:flex;
  flex-direction:column;
}

#services .card button {
  margin-top:auto;
  width:-moz-fit-content;
  width:fit-content;
}

.card:hover, .card:focus {
    /*-moz-box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 20px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 20px 0px;
    box-shadow: rgba(0, 46, 0, 0.45) 0px 0px 20px 0px;*/
    -moz-box-shadow: 0 6px 12px 2px rgba(0,46,109,0.28);
    -webkit-box-shadow: 0 6px 12px 2px rgba(0,46,109,0.28);
    box-shadow: 0 6px 12px 2px rgba(0,46,109,0.28);
    -moz-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -moz-transform;
    -o-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -o-transform;
    -webkit-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -webkit-transform;
    transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.card h2 { font-family: 'Roboto', sans-serif; font-weight:400; font-size: 20px; line-height:24px; }

section { padding:40px 20px; }
section .title { text-align:center; margin:0; padding:0; }

@media (max-width: 1200px) {
      section { padding:0 20px; }
}

/*------------------------------ forms ---------------------------------- */
form placeholder { font-size:16px; }

input[type="text"], input[type="email"] {
  padding:20px;
  width:100%;
  border-radius:2px;
  border:none;
  font-family: 'Roboto', sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.4em;
  margin-bottom:20px;
 }

textarea {
  padding: 20px;
  border: 1px solid #ccc;
  border-radius:2px;
  margin-bottom: 15px;
  box-sizing: border-box;
  color: #333;
  font-size: 16px;
  width:100%;
  margin-bottom:20px;
  font-family: 'Roboto', sans-serif;
  font-weight:400;
	font-size:16px;
	line-height:1.4em;
}

input.submit {
  background: #233B5B;
  color:#fff;
  border: 0 none;
  border-radius: 2px;
  cursor: pointer;
  padding: 15px 30px;
  font-family: 'Roboto', sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.4em;
}

input.submit:hover {
  background: #1c75bc;
  color: #fff;
  transform: scale(1.10);
  transition: all 500ms ease;
}

input[type=text]::-webkit-input-placeholder { color: #333!important; font-weight:300;font-size:16px }
input[type=text]::-moz-placeholder { color: #333!important; font-weight:300;font-size:16px }
input[type=text]:-ms-input-placeholder { color: #333!important; font-weight:300;font-size:16px }
input[type=text]:-moz-placeholder { color: #333!important; font-weight:300;font-size:16px }
input[type=text]:focus::-webkit-input-placeholder { color:transparent!important; }
input[type=text]:focus:-moz-placeholder { color:transparent!important; } /* FF 4-18 */
input[type=text]:focus::-moz-placeholder { color:transparent!important; } /* FF 19+ */
input[type=text]:focus:-ms-input-placeholder { color:transparent!important; } /* IE 10+ */
input[type=email]::-webkit-input-placeholder { color: #333!important; font-weight:300;font-size:16px }
input[type=email]::-moz-placeholder { color: #333!important; font-weight:300;font-size:16px }
input[type=email]:-ms-input-placeholder { color: #333!important; font-weight:300;font-size:16px }
input[type=email]:-moz-placeholder { color: #333!important; font-weight:300;font-size:16px }
input[type=email]:focus::-webkit-input-placeholder { color:transparent!important; }
input[type=email]:focus:-moz-placeholder { color:transparent!important; } /* FF 4-18 */
input[type=email]:focus::-moz-placeholder { color:transparent!important; } /* FF 19+ */
input[type=email]:focus:-ms-input-placeholder { color:transparent!important; } /* IE 10+ */

textarea::-webkit-input-placeholder { color: #333!important; font-weight:300;font-size:16px }
textarea::-moz-placeholder { color: #333!important; font-weight:300;font-size:16px }
textarea:-ms-input-placeholder { color: #333!important; font-weight:300;font-size:16px }
textarea:-moz-placeholder { color: #333!important; font-weight:300;font-size:16px }
textarea:focus::-webkit-input-placeholder { color:transparent!important; }
textarea:focus:-moz-placeholder { color:transparent!important; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent!important; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent!important; } /* IE 10+ */

@media (max-width: 480px) {
  input[type="text"], input[type="email"], textarea { width:90%; }
}

/*--------------------------------------------- parallax---------------------------------------------------------------*/
.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    .parallax { background-attachment: scroll; }
}

.parallax blockquote { filter: drop-shadow(0 0 3px #333); }

/*--------------------------------------------- cta---------------------------------------------------------------*/
.cta .wrap { margin:auto; text-align:center; }
.cta h3, .cta button { display:inline-flex;  }
.cta h3 { color:#2ac5f4; }
.cta button { margin-left:40px; transform: translateY(-8px); }
.cta button:hover { transform: translateY(-8px); }

.cta {
  background: #0d0041;
  background-blend-mode: multiply;
  padding:40px;
}

@media (max-width: 1516px) {
  .cta button { margin-left:0; }
}

/*--------------------------------------------- header---------------------------------------------------------------*/

#brokercheck {
  opacity:1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  position:absolute;
  top:120px;
  left:0;
  width:100%;
  text-align:center;
  color:#fff;
  background:#0d0041;
  padding:20px;
  z-index:20;
}

#brokercheck a { color:#898C8E; }
#brokercheck a:hover { color:#fff; }

.branding { max-width:200px; }

/*--------------------------------------------- hero ---------------------------------------------------------------*/

.pagehero {
    width:100%;
    padding:40px 0;
    background:#0d0041;
    margin-top:110px;
}

.halfhero {
  width:100%;
  padding:40px 0;
  min-height:50vh;
  background:#0d0041;
  margin-top:110px;
}

.lefthero { width:60%; }
.righthero { width:40%; margin-left:auto; }

@media (max-width: 700px) {
  .halfhero { position:relative; }
  .lefthero, .righthero { width:100%; z-index:10; position:relative; }
  .lefthero p, .righthero p { filter: drop-shadow(0 2px 2px #333); }
  .lightblue.halfhero:before { content:""; background-color:#2ac5f4; position:absolute; width:100%; height:100%; top:0; left:0; opacity:0.5; }
  .darkblue.halfhero:before { content:""; background-color:#0d0041; position:absolute; width:100%; height:100%; top:0; left:0; opacity:0.5; }
}

.pagehero .boxed, .half .boxed { padding:0 40px; }
.pagehero .wide, .halfhero .wide { padding: 0; }
.pagehero h1, .halfhero h1 { margin-bottom:10px; }
.pagehero p, .halfhero p { margin-top:0; }
.pagehero .ztop.txtcont { padding:100px; }

.pagehero.video-container { z-index:1; overflow: hidden; }
.pagehero.video-container .boxed, .pagehero.video-container .wide { z-index:2; }

@media (max-width: 1024px) {
	.pagehero .ztop.txtcont { padding:60px; }
}

@media (max-width: 480px) {
	.pagehero .ztop.txtcont { padding:20px; }
}

@media (max-width:1280px) { .pagehero .boxed, .halfhero .boxed { padding:40px; } }
@media (max-width:820px) { .pagehero, .halfhero { padding:40px; } }

.imghero {
	background-repeat: no-repeat!important;
	background-position: center;
	background-size: cover;
	overflow:hidden;
}

.contacthero {
  margin-top:110px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  background-color:#2ac5f4; 
}

.video-container { position: relative; }
.video-container video {
	height: auto;
	min-width: 100%;
	min-height: 100%;
	opacity: 0.5;
	mix-blend-mode: multiply;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.video-container video { object-fit: cover; }

/*--------------------------------------------- video---------------------------------------------------------------*/



.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom:40px
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoWrapper object, .videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*--------------------------------------------- parallax---------------------------------------------------------------*/
.parallax {
    height: 400px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: repeat;
    /*background-size: cover;*/
		color:#fff;
}

@media only screen and (max-width: 768px) {
    .parallax {
        background-attachment: scroll;
    }
}

ul.subnav { padding-left:0; margin-top:20px; }
ul.subnav li { list-style: none; margin-bottom:10px; }
ul.subnav li a, ul.subnav li a:visited { text-decoration: none; color:#0d0041; }
ul.subnav li a:hover, ul.subnav li a:focus { text-decoration: none; color:#2ac5f4; }

.medium-rectangle {
  background-color:#0d0041;
  min-height:250px;
  padding:20px 20px 40px 20px;
  text-align:center;
  background-image:url('../../assets/images/icon-20.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size:120%;
  margin-top:23.233px;
}

.medium-rectangle h3 { color:#2ac5f4;}

.medium-rectangle:hover {
  transform: scale(1.10);
  -moz-box-shadow: 0 6px 12px 2px rgba(0,46,109,0.28);
  -webkit-box-shadow: 0 6px 12px 2px rgba(0,46,109,0.28);
  box-shadow: 0 6px 12px 2px rgba(0,46,109,0.28);
  -moz-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -moz-transform;
  -o-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -o-transform;
  -webkit-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -webkit-transform;
  transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.callout {
  padding-left:24px;
  font-size: 24px;
  line-height: 36px;
  color:#2ac5f4;
}

.social-connect {
  display:inline-flex;
  padding-left:0;
}

.social-connect li {
  list-style-type: none;
}

.social-connect li a svg, .social-connect li a object, .social-connect li a img {
  width:48px;
  margin-right:6px;
}

.services-icon {
  width:100px;
  height:auto;
}

/*--------------------------------------------- footer---------------------------------------------------------------*/
footer { background: #2b2a2a; color: rgba(215, 210, 203, 1.0); }

footer a, footer a:visited { color:#F15D22; text-decoration:none; }
footer a:hover { color:#ccc; }