/**
 * **********
 * Typography
 * **********
 */
*{
  -webkit-font-smoothing: antialiased !important;
}
h1 {
  font-family: 'Raleway', "Avant Garde", Avantgarde, "Segoe UI", sans-serif;
  font-size: 2em;
  line-height: 1em;
  font-weight: 400;
  color: #000;
  margin-bottom: 1em;
  text-transform: uppercase;
}
.dark h1{
  color: #fff;
}
h2 {
  font-family: 'Raleway', "Avant Garde", Avantgarde, "Segoe UI", sans-serif;
  font-size: 1.6em;
  line-height: 1em;
  font-weight: 300;
  color: #000;
  padding: 0 0 .5em;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.dark h2{
  color: #fff;
}
h3 {
  font-family: 'Raleway', "Avant Garde", Avantgarde, "Segoe UI", sans-serif;
  font-size: 1.4em;
  line-height: 1.3em;
  font-weight: 600;
  color: #000;
  padding: 0 0 .5em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.dark h3{
  color: #fff;
}
h4 {
  font-family: 'Raleway', "Avant Garde", Avantgarde, "Segoe UI", sans-serif;
  font-size: 1.3em;
  line-height: 1.3em;
  font-weight: 500;
  color: #000;
  padding: 0 0 .5em;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.dark h4{
  color: #fff;
}
h5 {
  font-family: 'Raleway', "Avant Garde", Avantgarde, "Segoe UI", sans-serif;
  font-size: 1.3em;
  line-height: 1.3em;
  font-weight: 600;
  color: #000;
  padding: 0 0 .5em;
  letter-spacing: .02em;
}
.dark h5{
  color: #fff;
}
h6 {
  font-family: 'Raleway', "Avant Garde", Avantgarde, "Segoe UI", sans-serif;
  font-size: 1em;
  line-height: 1.3em;
  font-weight: 600;
  color: #000;
  padding: 0 0 .5em;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.dark h6{
  color: #fff;
}
p {
  font-weight: 400;
  line-height: 1.5em;
  color: #000;
  padding: 0 0 1em;
}
.dark p{
  color: #fff;
  font-weight: 600;
}
blockquote {
  display: block;
  padding: 1em 0 1em 2em;
  margin: 1em 0;
  border-left: 2px solid #efefef;
  font-size: 1.2em;
}
a {
  color: #5e1777;
}
a:hover {
  color: #000;
}
.dark a{
  color: #fff;
}
.dark a:hover{
  color: #666;
}
ul,
ol {
  color: #000;
}
ul > li {
  list-style: none;
}
ul > li:before {
  display: none;
  position: absolute;
  margin-top: 0;
  margin-left: -2em;
  content: "\2605";
  color: #840a2d;
}
.copy ul,
.copy ol{
  padding: 0 0 1em 1em;
}
.copy ul li{
  padding: .2em 0;
}
.copy ul > li{
  list-style: disc;
  font-size: 1.1em;
  font-weight: 600;
}
.copy ul > li ul{
  padding-bottom: 0;
}
.copy ul > li ul li{
  list-style: circle;
}
ul.sidebar,
ul.block-list{
  margin: 0;
  padding: 0;
}
.sidebar > li,
.block-list > li{
  padding: 0;
  margin: 0;
}
.sidebar > li:before,
.sidebar > li:after,
.block-list > li:before,
.block-list > li:after{
  display: none;
}
ul ul,
ul ol,
ol ol,
ol ul,
p ol,
ol p,
p ul,
ul p{
  font-size: 1em;
  padding-bottom: 0;
}

@media only screen and ( max-width: 750px ) {
  .copy{
    font-size: .9em;
  }
}

.dark li{
  color: #fff;
}

/**
 * *******
 * Buttons
 * *******
 */

.button,
.gform_button{
  display: inline-block;
  position: relative;
  padding: .8em 1.5em;
  margin: 1em 0 .75em;
  background: none;
  border: 2px solid #000;
  font-weight: 800;
  font-size: .95em;
  color: #000;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .05em;

  -webkit-transition: background 600ms;
  -moz-transition: background 600ms;
  -o-transition: background 600ms;
  transition: background 600ms;
}
.dark .button,
.dark .gform_button{
  border: 2px solid #fff;
  color: #fff;
}
.button:hover,
.gform_button:hover,
.dark .button:hover{
  background: #ed1b24;
  border-color: #ed1b24;
  color: #fff;
}
.button:hover .icon{
  margin-left: .25em;
  margin-right: -1em;
}
.button .icon{
  position: relative;
  display: inline-block;
  padding: .5em .75em;
  margin-right: -.75em;
  left: -1.25em;
  margin-top: -.5em;
  margin-bottom: -.5em;
  border-right: 1px solid #c11;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
.button .icon:after{
  /*content: " ";*/
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}


/**
 * *******************
 * Modal Styles
 * Universal Styles
 * *******************
 */
[modal-status] > *{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 2em;
  margin: 5% auto 0;
  width: 600px;
  max-width: 90%;
  background: #fff;
}

@media only all and ( max-width: 500px ) {
  [modal-status] > *{
    padding: 1em;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    min-height: 100%;
  }
}

/**
 * *******************
 * Sliders + Carousels
 * Universal Styles
 * *******************
 */

/**
 * Flexslider Styling
 */
.flexslider{
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.flexslider .slides{
  max-width: 999em;
  padding: 0!important;
  margin: 0;
}

/* Direction Navigation */
.flex-direction-nav{
  position: absolute;
  height: auto;
  left: 0;
  width: 100%;
  bottom: 55%;
  font-size: 1em;
}
.flex-direction-nav li{
  list-style: none!important;
  padding: 0!important;
}
.flex-direction-nav a{
  display: block;
  padding: 0;
  margin: 0;
  top: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #efefef;
  color: #000;
  text-indent: 0;
  font-size: 1.5em;
  line-height: 45px;
  opacity: .2;
}
.flex-direction-nav a:hover{
  color: red;
}
.flexslider a.flex-next,
.flexslider a.flex-prev{
  text-align: center;
}
.flexslider:hover a.flex-next,
.flexslider:hover a.flex-prev{
  opacity: 1;
}
.flex-direction-nav .flex-next {
  right: 0;
}
.flex-direction-nav .flex-prev {
  left: 0;
}
.flexslider:hover .flex-next{
  right: 0;
}
.flexslider:hover .flex-prev {
  left: 0;
}
.flex-direction-nav a.flex-next:before {
  content: '';
  display: none;
}
.flex-direction-nav a.flex-prev:before {
  content: '';
  display: none;
}

@media only screen and ( max-width: 800px ) {
  .flex-direction-nav .flex-next,
  .flexslider:hover .flex-next{
    right: 0;
  }
  .flex-direction-nav .flex-prev,
  .flexslider:hover .flex-prev{
    left: 0;
  }
}

/* Control Navigation */
.flex-control-nav {
  position: absolute;
  width: 75%;
  bottom: -25px;
  left: 50%;
  margin-left: -37.5%;
  text-align: center;
  font-size: 1em;
}
.flex-control-paging li a.flex-active {
  background: rgb(120, 180, 235);
  cursor: default;
}
.flex-control-paging li a {
  width: 20px;
  height: 5px;
  display: block;
  background: #efefef;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
  -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}


/**
 * *****************
 * Video Backgrounds
 * *****************
 */

.header-video{
  z-index: 0!important;
  position: absolute!important;
  min-width: 100%;
  top: 50%;
  left: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-height: 100%;
  overflow: hidden;
}
*[data-du-video] {
  position: relative;
  padding-bottom: 59.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
  width: 100%;
  max-width: 4000px;
  margin: 0 auto;
}
*[data-du-video] > iframe,
*[data-du-video] > object,
*[data-du-video] > embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 4000px;
  max-height: 1800px;
  margin: 0 auto;
}
*[data-du-video] .container{
  position: relative;
  z-index: 2;
}
.bg-video{
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  left: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  overflow: hidden;

}
.video-bg {
  position: relative;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
        background-size: cover;
}
.video-bg > *{
  position: relative;
  z-index: 2;
}
.video-bg video {
  position: absolute;
  z-index: 1;
  min-width: 100%;
  min-height: 100%;
  max-width: none!important;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
}

/**
 * ************
 * Social Icons
 * ************
 */

nav.social-icons ul{
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  clear: both;
}
nav.social-icons ul li{
  float: left;
}
nav.social-icons ul li a{
  display: block;
  width: auto;
  height: auto;
  background-color: ;
  background-image: url();
  background-repeat: no-repeat;
  text-align: center;
  padding: 1em;
}
nav.social-icons ul li a:hover{
}


/**
 * *********
 * Structure
 * *********
 */

body, html{
  height: 100%;
  position: relative;
  margin: 0;
  padding: 0;
}
body{
  font-family: 'Raleway', "Avant Garde", Avantgarde, "Segoe UI", sans-serif;
  width: 100%;
  background: #666;
  font-size: 100%;
  line-height: 120%;
  color: #000;
}
body .dark{
  color: #fff;
}
/**
 * Body Defaults
 */

#body{
  display: block;
  min-height: 100%;
  margin: 0;
  padding: 0;
}

/* Universal Container */
.container {
  display: block;
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 5%;
}
.container.narrow{
  max-width: 850px;
}
.container.no-padding{
  padding: 0 0;
}

/* Static Sidebar Layout */
.static-sidebar{
  display: block;
  position: relative;
  width: auto;
  margin: 0;
  min-height: 100%;
  padding-left: 250px;
}
.static-sidebar .main-content{
  width: auto;
  margin: 0;
  padding: 2em;
  min-height: 100%;
}
.static-sidebar .top-bar{
  position: fixed;
  top: 0!important;
  bottom: 0!important;
  height: 100%!important;
  left: 0;
  width: 250px;
  background: #efefef;
  overflow: auto;
}

@media only screen and ( max-width: 780px ) {
  .static-sidebar{
    display: block;
    position: relative;
    width: auto;
    margin: 0;
    min-height: 0;
    padding: 50px 0 0;
    z-index: 9;
  }
  .static-sidebar .top-bar{
    position: fixed;
    top: 0;
    bottom: auto!important;
    left: 0;
    right: 0;
    width: 100%;
    height: 50px!important;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
  }
  /**
   * If main sidebar is set for headroom to hide
   * on scroll:
   */
  .main-sidebar.headroom--unpinned{
    position: fixed;
    top: -50px;
  }
  .main-sidebar.headroom--pinned{
    position: fixed;
    top: 0;
    z-index: 99;
  }
}


/* Standard Sidebars */
.content{
  display: block;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.right-sidebar .content{
  float: left;
}
.right-sidebar .sidebar{
  float: right;
}
.left-sidebar .content{
  float: right;
}
.left-sidebar .sidebar{
  float: left;
}
.right-sidebar .content,
.left-sidebar .content{
  width: 61.8%;
}
.right-sidebar,
.left-sidebar{
  position: relative;
  width: auto;
}
.sidebar{
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.right-sidebar .sidebar,
.left-sidebar .sidebar{
  position: relative;
  width: 38.2%;
  padding-left: 2em;
  padding-right: 2em;
}



/**
 * Widget Styling
 */
.sidebar .widget{
  margin-bottom: 2em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.widget-title{
  margin-bottom: .5em;
  padding: .5em 0;
  border-bottom: 1px solid #efefef;
  font-size: 1.3em;
  font-weight: bold;
}
.bottom-sidebar .sidebar .widget{
  float: left;
  width: 31.33%;
  margin-right: 2%;
  padding: 2em;
  background: #efefef;
}

@media only screen and ( min-width: 1450px ) {
  .sidebar{
    text-align: center;
  }
  .sidebar .widget,
  .bottom-sidebar .sidebar .widget{
    display: block;
    float: left;
    vertical-align: top;
    width: 47.5%;
    margin-right: 5%;
    text-align: left;
  }
  .sidebar .widget:nth-child(2n){
    margin-right: 0;
  }
  .sidebar .widget:nth-child(2n+1){
    margin-left: 0;
  }
}
@media only screen and ( max-width: 850px ) {
  .right-sidebar{
    padding-right: 0;
  }
  .left-sidebar{
    padding-left: 0;
  }
  .right-sidebar .content,
  .left-sidebar .content{
    float: none;
    width: 100%;
  }
  .right-sidebar .sidebar,
  .left-sidebar .sidebar{
    float: none;
    width: 100%;
    position: relative;
  }
  .sidebar{
    text-align: center;
  }
  .sidebar .widget,
  .bottom-sidebar .sidebar .widget{
    display: block;
    float: left;
    vertical-align: top;
    width: 47.5%;
    margin-right: 5%;
    text-align: left;
  }
  .sidebar .widget:nth-child(2n){
    margin-right: 0;
  }
  .sidebar .widget:nth-child(2n+1){
    margin-left: 0;
  }
}

@media only screen and ( max-width: 600px ) {
  .sidebar .widget,
  .bottom-sidebar .sidebar .widget{
    display: inline-block;
    vertical-align: top;
    float: none;
    width: 100%;
    max-width: 300px;
    margin-right: 0;
    margin-left: 0;
  }
}


/**
 * ALERTS
 */
.alert{
  display: inline-block;
  padding: .2em .4em;
  color: #000;
  font-weight: 300;
  font-size: .8em;
  letter-spacing: 1px;
}
.alert.error{
  display: block;
  border-left-color: red;
  color: red;
}
.ajax .alert.error{
  display: none;
}


/**
 * FORM STYLING
 */
.form-field{
  display: block;
  position: relative;
  padding: .3em 0;
  max-width: 100%;
}
.field-notes{
  display: block;
  font-size: .8em;
  color: #666;
  right: 0;
  width: 300px;
  max-width: 80%;
}
form {
  max-width: 100%;
}
form input,
form select{
  padding: .5em .5em;
  max-width: 300px;
  width: 96%;
  font-size: 1.2em;
  color: #333;
  font-weight: 300;
  border: 1px solid #ccc;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
form select{
  display: block;
  position: relative;
  z-index: 9;
  padding-right: 2em;
  width: 100%;
  background: transparent;
  border: none;
}
form select:invalid{
  color: #999;
}
form .select-wrapper{
  display: inline-block;
  position: relative;
  width: 96%;
  max-width: 300px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
form .select-wrapper:before{
  content: "\f0dd";
  font-family: 'FontAwesome';
  position: absolute;
  right: 5%;
  top: 15%;
  font-size: 1em;
  color: #ccc;

  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
form .select-wrapper:hover:before{
  color: #666;
  top: 18%;
}
form [required]{
  position: relative;
  border-bottom-color: red;
  background-color: #fff;
}
form select[required]{
  background: transparent;
}
form label{
  display: block;
  font-weight: 600;
  font-size: .9em;
  padding: .5em 0;
}
form .error input{
  border: 1px solid red;
}
form .form-actions{
  display: block;
  padding: .5em 0 1em;
}
.forgot-password{
  padding: 1em 0;
  font-size: .9em;
}


/**
 * Trans Overlays
 */
.trans-overlay{
  position: relative;
}
.trans-overlay:after{
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.trans-overlay > *{
  z-index: 2;
  position: relative;
}
.trans-5:after{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=05)";
  filter: alpha(opacity=05);
  -moz-opacity: 0.05;
  -khtml-opacity: 0.05;
  opacity: 0.05;
}
.trans-15:after{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
  filter: alpha(opacity=15);
  -moz-opacity: 0.15;
  -khtml-opacity: 0.15;
  opacity: 0.15;
}
.trans-25:after{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=25);
  -moz-opacity: 0.25;
  -khtml-opacity: 0.25;
  opacity: 0.25;
}
.trans-35:after{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  filter: alpha(opacity=35);
  -moz-opacity: 0.35;
  -khtml-opacity: 0.35;
  opacity: 0.35;
}
.trans-45:after{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
  filter: alpha(opacity=45);
  -moz-opacity: 0.45;
  -khtml-opacity: 0.45;
  opacity: 0.45;
}
.trans-55:after{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
  filter: alpha(opacity=55);
  -moz-opacity: 0.55;
  -khtml-opacity: 0.55;
  opacity: 0.55;
}
.trans-65:after{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
  opacity: 0.65;
}
.trans-75:after{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}
.trans-80:after{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  -khtml-opacity: 0.80;
  opacity: 0.80;
}
.trans-85:after{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
}
.trans-95:after{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  filter: alpha(opacity=95);
  -moz-opacity: 0.95;
  -khtml-opacity: 0.95;
  opacity: 0.95;
}
.trans-black:after{
  background: #000;
}
.trans-purple:after{
  background: #DF0A51;
}
.trans-red:after{
  background: #5e1777;
}
.trans-yellow:after{
  background: #F5BD00;
}
.trans-blue:after{
  background: #2e7bff;
}
.trans-white:after{
  background: #fff;
}
.trans-gold:after{
  background: gold;
}

.trans-black.vertical:after{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.trans-black.radial:after{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+99&0+18,1+66 */
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%, rgba(0,0,0,0) 18%, rgba(0,0,0,1) 66%, rgba(0,0,0,1) 99%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%,rgba(0,0,0,0) 18%,rgba(0,0,0,1) 66%,rgba(0,0,0,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(0,0,0,0) 1%,rgba(0,0,0,0) 18%,rgba(0,0,0,1) 66%,rgba(0,0,0,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}