#headerLogo, #footerImage{
  display:inline-block;
  vertical-align:middle;
  min-width:60px;
  max-width:200px
}

body, html{
  font-family: AppDSans-Thin, sans-serif;
}


.header-section, .header-section.floating {
background-color: ${headerBgColor};
color:${headerFontColor};
}

.hero-layout-classic {
    padding: 120px 0 0 0 !important;
    height: auto !important;
}

ul{
  list-style-position: inside;
  margin: auto;
}

section#hero{
  margin:0;
}

section#hero .container{
  margin-top: -70px;
}

section#RegisterBottom{
  display: block;
  margin: 0;
  padding: 3% 0;
}

#RegisterBottom{
  background-image: url('https://info.appdynamics.com/rs/031-WIX-618/images/regBottomBack.png');
  background-color: #4E3EB1;
  width: 100%
}


.heroForm, .heroForm form,
#heroForm, #heroForm form {
background-color: #4E3EB1 !important;
width: 100%;
position: relative;
height:100%;
}

.heroForm input,
#heroForm input{
width: 100% !important
}

.heroForm label,
.heroForm label a,
#heroForm label,
#heroForm label a {
display: block;
color: white;
font-weight: 100;
}

.heroForm .mktoFormRow .mktoFormCol{
  margin-bottom: 10px !important
}

.mktoFormCol .mktoFieldWrap label.mktoHasWidth{
/*  width: 0px !important */
}



.mktoFormCol .mktoFieldWrap select{
  width: 100% !important;
  margin-bottom:10px;
  height:38px !important
}

.mktoForm .mktoLabel {
    float: right !important;
    padding-top:0 !important
}

h2.registerBottom-heading{
  color:#fff
}

.registerBottom-heading p{
  text-align: center;
}

/* Cetner Body */

#attendLeft .mktoGen.mktoImg,
#attendRight .mktoGen.mktoImg{
  display: block;
  margin: 2% 0 0 0;
}

/* FORM STYLES */
.mktoForm input,
.mktoForm input.mktoField{
border: 1px solid #b0b0b0 !important;
border-radius: 5px !important;
padding: 10px !important;
margin: 0 0 10px 0 !important;
font-size: 15px;
font-weight: 100;
color: #ababab;
font-family: AppDSans-Light, sans-serif !important;
}

select.mktoField,
select.mktoField option{
  font-size: 15px !important;
  font-weight: 100 !important;
  color: #ababab !important;
  font-family: AppDSans-Light, sans-serif !important;
}




.mktoForm input.fullwidth{
width: 90% !important
}
.mktoForm  .checkboxes{
margin:10% 0 15% 0;
font-size: 12px
}
.formSubmitButton{
text-align: center;
margin: 10% 0 0 0;
}

select>option{
  height:20px;
}

.mktoButtonWrap button,
.formSubmitButton button{
border:1px solid #000;
border-radius: 10px;
padding:10px;
color: #000;
width: 40%;
margin:10% 0 20% 0
}


.mktoButtonRow .mktoSimple{
  margin-left:0px !important
}

.mktoForm .mktoButtonWrap.mktoSimple .mktoButton{
  border:1px solid #000 !important;
  background-color: #EEEEEB !important;
  background-image: linear-gradient(to bottom, #EEEEEB, #EEEEEB) !important;
  border-radius: 10px !important;
  padding:10px !important;
  color: #000 !important;
  width: 65% !important;
  margin:10% 0 20% 0 !important;
  font-family: AppDSans-Regular, sans-serif !important;
    box-shadow: none !important;
    font-size: 18px !important;

}
.mktoButtonWrap button:hover,
.formSubmitButton button:hover{
background-color: #ff9797
}

form#mktoForm_2158 .mktoForm .mktoFormCol, form#mktoForm_2158 .mktoForm .mktoFieldWrap{
width: 100%
}

form#mktoForm_2158 fieldset label,
form#mktoForm_2158 input{
display: block;
margin-bottom: 0px;
font-size: 15px;
font-weight: 100;
float: left;
color:#ababab;
width: 100% !important;
margin-left:0px;
padding: 10px;
font-family: AppDSans-Light, sans-serif !important;
}



form#mktoForm_2158 .mktoFieldWrap .mktoRequiredField,
.mktoFieldDescriptor .mktoFormCol{
width: 100%;
margin-bottom:0px !important
}


.mktoForm .mktoRadioList, .mktoForm .mktoCheckboxList{
      width:10px !important
}

.mktoForm .mktoCheckboxList {
    position: relative;
}

label[for="privacyPolicy"] {
   width:90% !important;
   font-size:12px !important
}

.mktoButtonRow{
  width: 300px;
  margin: 0 30px !important;
  display: inline-block;
}

#confirmform {
  visibility: hidden;
  max-height: 700px;
    height: 511px;
    padding: 100px 20px;
    position: absolute;
    background-color: #4E3EB1 !important;
    top: 0px;
}

.heroForm .mktoForm .mktoRequiredField .mktoAsterix,
#heroForm .mktoForm .mktoRequiredField .mktoAsterix{
display: none
}

.heroForm label, .heroForm label a,
#heroForm label, #heroForm label a{
display: inline-block;
}

.mktoForm .mktoOffset,
.mktoForm .mktoGutter{
    height: 0em !important;
}

.mktoForm .mktoFieldWrap {
/*float: left;*/
width: 100% !important
}

.mktoFieldDescriptor:nth-of-type(1),
.mktoFieldDescriptor:nth-of-type(2),
.mktoFieldDescriptor:nth-of-type(3),
.mktoFieldDescriptor:nth-of-type(4),
.mktoFieldDescriptor:nth-of-type(5),
.mktoFieldDescriptor:nth-of-type(6){
  width:275px
}



.mktoForm .mktoButtonWrap.mktoAnimGlow button,
.formSubmitButton button {
border: 0px solid #000 !important;
border-radius: 10px !important;
padding: 10px !important;
color: #000 !important;
width: 52% !important;
margin: 10% 0 20% 0 !important;
font-family: AppDSans-Regular, sans-serif !important;
box-shadow: none !important;
font-size: 18px !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #adadad !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #adadad !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #adadad !important;
}

.hero-content-inner {
display: table-cell;
vertical-align: middle;
margin: 100px 0 0 0px;
}
#heroTitle h1 {
font-size: 45px;
font-family: AppDSans-Thin, sans-serif !important;
}

#heroTitle p {
color: ${heroFontColor};
}
#headerLogo{
display:inline-block;
vertical-align:middle;
min-height:40px;
min-width:60px;
}

#headerLogo .mktoGen.mktoImg{
line-height:4
}

.footer-copyright .mktoGen.mktoImg {
display: block;
line-height: 0;
}
#descriptionImage{
min-height:300px;
}
a {
color: ${accentColor1};
}
a:focus, a:hover {
color: ${accentColor2};
}
.text-primary {
color: ${accentColor1};
}
a.text-primary:hover {
color: ${accentColor2};
}
.bg-primary {
background-color: ${accentColor1};
}
a.bg-primary:hover {
background-color: ${accentColor2};
}
.btn {
background-color: ${accentColor2};
border-color: ${accentColor1};
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
background-color: ${accentColor3};
border-color: ${accentColor1};
}
.btn-primary .badge {
color: ${accentColor1};
}
.btn-link {
color: ${accentColor1};
}
.btn-link:hover,
.btn-link:focus {
color: ${accentColor2};
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
background-color: ${accentColor1};
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
border-color: ${accentColor1};
}
.progress-bar {
background-color: ${accentColor1};
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
background-color: ${accentColor1};
border-color: ${accentColor1};
}
.icon-list-icon {
background-color: ${accentColor1};
}
.navbar-nav > li.header-action-button > a.btn-primary:hover, .navbar-nav > li.header-action-button > a.btn-primary:focus {
background-color: ${accentColor3};
}
.benefit-icon {
color: ${accentColor1};
}
#jpreBar {
background-color: ${accentColor1};
}
.mktoForm * {
box-sizing:initial;
}
.mktoForm .checkboxes {
margin: 5% 0;
font-size: 12px;
}
.mktoForm .checkboxes a{
color:#fff;
font-weight: inherit;
}
#header {
display:${showHeader};
}
#hero {
display:${showHero};
}
#about {
display:${showDescription};
}
#footer{
display:${showFooter};
}
li.header-action-button{
display:${showCTAButton};
}
.icon-list li {
position: relative;
padding: 20px 0 20px 0;
}
.icon-list .icon-list-img {
display:${showIconListImg};
float:left;
width:70px;
height:70px;
margin:20px 15px 0 0;
}


.Sponsor .img-responsive{
  max-width: 75%;
}

#Sponsorssection .icons-white-bg {
  text-align: center;
  margin: 2% auto 5% 0;
}

.img-responsive{
  width: 100%;
  display: inline-block;
}
.icon-list .icon-list-img img{
width:70px;
height:70px;
}

.hero-layout-classic{
padding:120px 0 0 0
}
.header-section, .header-section.navbar-inverse {
  background-color: rgba(0,0,0,0) !important;
  -webkit-box-shadow: 0 0px rgba(255,255,255,0)!important;
  box-shadow: 0 0px rgba(255,255,255,0)!important;
  color: #ccc;
}
.fa-search{
font-size: 28px;
}
.container-fluid{
background-color: #fff
}
a{
color:#4E3EB1
}

.header-action-button .btn-primary,.btn-primary{
background-color: #4E3EB1;
border-color: #4E3EB1;
padding: 5px 35px;
border: 3px solid #4E3EB1;
border-radius: 5px 5px 5px 5px;
font-size: 18px;
}

#RegisterBottom .btn-primary{
  background: #fff;
  color: #4E3EB1 !important;
}

#whyAttendImageLeft{
  float:left
}

#WhatYouCanExpectFullText,
#aboutTextFull{
  width:65%;
  margin:1% auto
}

#RegisterBottom .btn-primary-left,
#RegisterBottom .btn-primary-right{
  border-radius: 5px 5px 5px 5px;
  border: 2px solid #fff;
  font-size: 18px;
  padding: 5px 35px;
  width:175px;
  margin:10px
}

#RegisterBottom .btn-primary-left{
  background-color: #fff;
  color: #000;
}

#RegisterBottom .btn-primary-right{
  background-color: transparent;
  color: #fff
}

.btn-primary:hover{
background-color: #6356b1;
border-color: #6356b1;
}
#heroTitle{
margin:20% 0;
text-align: left
}
#heroTitle .hero-title, #heroTitle .hero-tagline{
text-align: left;
font-family: AppDSans-Thin, sans-serif !important;
}
#sub-navigation{
text-align: center
}
#sub-nav{
border:1px solid #ccc;
border-width:1px 0;
list-style:none;
margin:0;
padding:0;
text-align:center;
}
#sub-nav li{
display: inline-block;
margin: 0 5%;
}
#sub-nav li:hover{
text-decoration:none;
}
#sub-nav a{
display:inline-block;
font-size: 16px;
font-weight: 400;
padding:10px;
color:#4d4c4c;
border-bottom:2px solid #fff;
cursor: pointer
}
#sub-nav a:hover, #sub-nav a:active{
border-bottom:2px solid #4E3EB1;
color:#000;
background-color: #fff;
}

section{
margin:0 0 5% 0
}
#speakers{
width: 100%;
}
.speakersWrap{
padding:5%
}



#speakerssection .container .centered,
#Sponserssection .container .centered{
  text-align: center
}

#speakerssection, #VenueandLocationsection{
position:relative;
z-index:1;
width:100%;
padding:20px 0 0 0
}
#speakerssection .container{
margin-bottom:5%
}
#speakerssection:before,
#VenueandLocationsection:before{
position:absolute;
z-index:-1;
top:0;
left:0;
width:100%;
height:43%;
content:"";
background-color:#4E3EB1;
}
#VenueandLocationsection .container{
background-color: #fff;
padding:0 0 0 4%
}

.speakerProfile {
  margin-bottom: 10px;
  width: 27%;
  margin: 1%;
  clear: both;
  vertical-align: top;
}

.speakerWhite h3 {font-size:20px}
.speakerWhite h4{font-size:14px; }


#speakerssection .speakerWhite { text-align: left; min-height: 175px;}







.speakerWhite div {text-align: left; font-size: 13px; margin: 0 3%; line-height: 1.6;}

.speakerProfile .speakerWhite,
#VenueandLocationsection .container{
-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
}

#speakerssection .section-heading,
#VenueandLocationsection .agenda-heading,
.venue-heading{
color:#fff;
margin:2% 0
}

#agendaCTA{
float:right;
margin:75px 0 0 -5px
}
#speakerssection .speakerWhite{
background-color: #fff;
padding:10px
}
#speakerssection h3,
#speakerssection h4,
#speakerssection p{
color:#000;
}
#speakerssection h3,
#speakerssection h4{
margin:0 3%
}
#speakerssection p{
margin:5% 3%
}
h1 {
color: #FFF;
font-size: 24px;
font-weight: 400;
text-align: center;
margin-top: 80px;
}

h2, .h2 {
font-size: 35px
}


h1 a {
color: #c12c42;
font-size: 16px;
}
h2.agenda-heading:before {
width: 35px;
height: 75px;
transform: skew(20deg);
background: #4E3EB1;
content: "";
position: absolute;
left:-15px
}
ul.accordion {
list-style-type: none;
}
.accordion {
width: 100%;
margin: 30px auto 20px;
background: #FFF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#accordion li{
border-bottom: 1px solid #CCC;
}

#accordion li .submenu li{
font-size: 18px;
border-bottom: 0px;
margin: 10px 20% 4% 0;
font-family: AppDSans-Light, sans-serif;
}

.accordion .link {
cursor: pointer;
display: block;
padding: 15px 15px 15px 0px;
color: #4D4D4D;
font-size: 14px;
font-weight: 700;
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.accordion li:last-child .link {
border-bottom: 0;
}
.accordion li i {
position: absolute;
top: 16px;
left: 12px;
font-size: 18px;
color: #595959;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.accordion li .agendaTime{
  font-size: 16px;
  font-weight: 200;
  display: inline-block;
  width: 20%;
  vertical-align: top !important;
  margin: 1% 0 0 0;
}
.accordion li .agendaTitle {
font-size: 26px;
font-weight:200;
margin: 0 0 0 30px;
width: 75%;
display: inline-block
}
.accordion li i.fa-plus {
right: 12px;
left: auto;
font-size: 30px;
color:#4E3EB1;
display: inline-block;
}
.valuePropProfile h3{
color:#4E3EB1;
font-weight:200
}
.accordion li.open i { color: #4E3EB1; }
.accordion li.open i.fa-plus {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.submenu {
display: none;
font-size: 14px;
margin: 10px 0;
padding: 0;
line-height: 30px;
list-style-type: none;
}
.submenu li { border-bottom: 1px solid #ccc; }
form#mktoForm_2158 fieldset label input[type='checkbox']{margin-left:-18px;}

.sponser{
  width: 30%;
  margin: 0 1%
}

.sponser img{
border:1px solid #b4b4b4;
margin:4% 0;
}

.sponser img:hover {
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}

.whatToExpect-heading{
  text-align: left;
}

/**
* ==============================================================
* BASIC STYLESHEET - DREW
* ==============================================================
*/

/**
* ========================================
* GENERAL STYLES
* ========================================
*/
html {
height: 100% !important;
}
body {
height: 100%;
font-size: 15px;
line-height: 1.715;
background-color: #fff;
color: #666;
overflow-x: hidden;
max-width: 100%;
}
address {
font-size: inherit;
line-height: inherit;
}
*:last-child {
margin-bottom: 0;
}
a {
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
font-weight: bold;
}
a:focus, a:hover {
text-decoration: none;
outline: 0;
}
.section-accent a {
color: #444;
}
.section-accent a:focus, .section-accent a:hover {
color: #222;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
color: #222;
margin-bottom: 25px;
line-height: 1.715;
}
.section-dark h1, .section-dark .h1,
.section-dark h2, .section-dark .h2,
.section-dark h3, .section-dark .h3,
.section-dark h4, .section-dark .h4,
.section-dark h5, .section-dark .h5,
.section-dark h6, .section-dark .h6 {
color: #fff;
}
.section-accent h1, .section-accent .h1,
.section-accent h2, .section-accent .h2,
.section-accent h3, .section-accent .h3,
.section-accent h4, .section-accent .h4,
.section-accent h5, .section-accent .h5,
.section-accent h6, .section-accent .h6 {
color: #fff;
}
img {
max-width: 100%;
height: auto;
}
p, ul, ol, address {
margin-bottom: 25px;
}
iframe {
max-width: 100%;
border: none;
}


#VenueandLocationsection:before {height:70% }

/**
* ========================================
* COMMON CLASSES
* ========================================
*/
.lead {
position: relative;
font-size: 20px;
line-height: inherit;
font-style: italic;
font-weight: normal;
padding: 10px 0 25px;
}
.lead:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
display: block;
height: 2px;
width: 80px;
background-color: rgba(0,0,0,0.1);
}
.lead.text-center:after {
left: 50%;
margin-left: -40px;
}
.section-dark .lead:after,
.section-accent .lead:after {
background-color: rgba(255,255,255,0.2);
}
.icon-list {
list-style: none;
padding: 0;
}
.icon-list li {
position: relative;
padding: 20px 0 20px 95px;
}
.icon-list-icon {
position: absolute;
top: 0;
left: 0;
margin: 20px 0 0 0;
width: 70px;
height: 70px;
border-radius: 50%;
font-size: 32px;
line-height: 70px;
vertical-align: middle;
text-align: center;
color: #fff;
}
.icon-list-icon:not(.fa) {
font-weight: bold;
}
.section-accent .icon-list-icon {
background-color: #444;
}
.icon-list-title {
margin: 0 0 10px;
font-size: 14px;
letter-spacing: 0.05em;
}
.nice-list {
list-style: none;
padding: 0;
}
.nice-list li {
position: relative;
padding: 8px 0 8px 40px;
}
.nice-list li:before {
content: "\f105";
position: absolute;
top: 0;
left: 0;
margin: 10px 0 0 10px;
font-family: "FontAwesome";
font-size: 20px;
line-height: 1;
opacity: 0.5;
}
.clear {
clear: both;
}
.wait-animation {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.fa-ul {
margin-left: 40px;
}
.fa-ul li {
padding: 5px 0;
}
.fa-li {
top: 10px;
left: -40px;
width: 30px;
font-size: 16px;
line-height: 1;
opacity: 0.5;
text-align: center;
}
.countdown {

text-align: center;
display: table;
table-layout: fixed;
width: 100%;
}
.countdown-grid {
display: table-cell;
text-align: center;
padding: 0 10px;
}
.countdown-grid > * {
display: block;
}
.countdown-number {
font-size: 60px;
font-weight: bold;
line-height: 1;
margin-bottom: 10px;
}
.countdown-label {
font-size: 13px;
line-height: 1;
letter-spacing: 0.05em;
}

/**
* ========================================
* BASIC LAYOUT
* ========================================
*/
.document {
height: 100%;
position: relative;
}
/* SECTION */
.section {
background-color: #fff;
color: inherit;
position: relative;
padding: 90px 0;
overflow: hidden;
}
.section-brief {
font-size: 18px;
}
.section-heading {
position: relative;
padding-bottom: 20px;
margin: 0 0 30px;
letter-spacing: 0.05em;
}

/* SECTION COLOR */
.section:not(.section-gray):not(.section-dark):not(.section-accent) + .section:not(.section-gray):not(.section-dark):not(.section-accent) {
border-top: 1px solid #e9e9e9;
}
.section.section-gray + .section.section-gray {
border-top: 1px solid #ddd;
}
.section.section-dark + .section.section-dark {
border-top: 1px solid #444;
}
.section.section-accent + .section.section-accent {
border-top: 1px solid #fff;
border-top: 1px solid rgba(255,255,255,0.2);
}
.section-gray {
background-color: #f6f6f6;
color: inherit;
}
.section-dark {
background-color: #222;
color: #ccc;
}
.section-accent {
color: #fff;
}
/* SECTION SLIDER */
.section-slider .section-slide {
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
}
.section-slider ~ .rslides_nav {
font-size: 40px;
line-height: 50px;
width: 50px;
height: 50px;
margin-top: -25px;
background-color: #fff;
}
.section-dark .section-slider ~ .rslides_nav {
background-color: #000;
}
.section-slider ~ .rslides_nav:before {
width: 50px;
vertical-align: top;
}
/* SECTION BACKGROUND */
.section-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
overflow: hidden;
}
.section-background-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.section-background-image img {
position: absolute;
min-width: 100%;
max-width: none;
min-height: 100%;
top: 0;
left: 0;
}
.section-background-video {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.section-background-video > video {
width: 100%;
height: 100%;
}
.section-background-slideshow {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
list-style: none;
margin: 0;
padding: 0;
opacity: 0;
}
.section-background-slideshow.rslides > *:not(:first-child) {
opacity: 0;
}
.section-background-slideshow.rslides {
opacity: 1;
}
.section-background-slideshow > li {
position: absolute;
width: 100%;
height: 100%;
}
.section-background-slideshow img {
position: absolute;
min-width: 100%;
max-width: none;
min-height: 100%;
top: 0;
left: 0;
}
.section-background-maps {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}

.section > .container-fluid, .section > .container {
position: relative;
}
/* PARALLAX */
.parallax {
position: relative;
}
.parallax-background {
background-attachment: fixed;
background-position: top center;
}
.mobile-device .parallax-background {
background-attachment: scroll;
background-position: center center !important;
}
.mobile-device .parallax {
top: 0 !important;
}

.heroForm label, .heroForm label a,
#heroForm label, #heroForm label a {
    display: inline-block;
}

}
@media ( min-width: 992px ) {
.table-row {
display: table;
table-layout: fixed;
width: 100%;
padding: 0;
}
.table-cell {
display: table-cell;
float: none !important;
vertical-align: middle;
}
}

@media (max-width: 991px) {
#heroTitle h1 {font-size:30px}
}
/**
* ========================================
* BUTTON
* ========================================
*/
.btn {

letter-spacing: 0.05em;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
}
.btn:active, .btn.active {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-primary {
color: #fff !important;
}
/* BUTTON SIZE */
.btn-lg {
font-size: 15px;
line-height: 30px;
padding: 14px 24px;
}
/* BUTTON COLOR */
.btn-default {
border: 1px solid rgba(0,0,0,0.1);
background-color: transparent;
color: inherit;
}
.btn-default:hover, .btn-default:focus {
background-color: transparent;
color: #222;
border-color: #222;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
outline: none;
}
.section-dark .btn-default,
.section-accent .btn-default {
border: 1px solid rgba(255,255,255,0.25);
color: inherit;
}
.section-dark .btn-default:hover, .section-dark .btn-default:focus,
.section-accent .btn-default:hover, .section-accent .btn-default:focus {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.section-accent .btn-primary {
color: #fff;
background-color: #444;
border-color: #222 !important;
}
.section-accent .btn-primary:hover, .section-accent .btn-primary:focus {
color: #fff;
background-color: #222;
border-color: #222 !important;
}

/**
* ========================================
* HEADER
* ========================================
*/
.header-section {
position: fixed;
z-index: 100;
min-height: 80px;
margin: 0;
padding: 0;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
overflow: visible;
border: none;
}
.header-section,
.header-section.navbar-inverse {
background-color: rgba(0,0,0,0.1);
-webkit-box-shadow: 0 1px rgba(255,255,255,0.1);
box-shadow: 0 1px rgba(255,255,255,0.1);
color: #ccc;
}
.header-section.navbar-default {
background-color: #fff;
-webkit-box-shadow: 0 1px rgba(0,0,0,0.1);
box-shadow: 0 1px rgba(0,0,0,0.1);
color: #444;
}
.header-section.floating {
min-height: 60px;
}
.header-section.floating,
.header-section.navbar-inverse.floating {
-webkit-box-shadow: none;
box-shadow: none;
background-color: rgba(0,0,0,0.85);
}
.header-section.navbar-default.floating {
background-color: rgba(255,255,255,0.95);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.navbar-nav {

font-size: 11px;
line-height: 1.819;
letter-spacing: 0.05em;
}
.navbar-nav > li {
padding: 30px 15px;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
}

.navbar-nav a {
position: relative;
font-weight: normal;
}
.navbar-nav > li > a {
padding: 0;
position: relative;
color: inherit;
line-height: inherit;
}
.navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a {
color: #ccc;
}
.navbar-default .navbar-nav > li > a {
color: #444;
}
.navbar-nav > li > a:focus, .navbar-nav > li > a:hover {
background-color: inherit;
}
.navbar-nav > li > a:focus, .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
color: #fff;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
color: #222;
}
.navbar-nav > li > a.active {
color: #fff;
}
.navbar-nav > li > a.active:after {
content: "";
position: absolute;
top: 100%;
height: 2px;
width: 100%;
}
.navbar-nav > li > a.active:after,
.navbar-inverse .navbar-nav > li > a.active:after {
background-color: #fff;
}
.navbar-default .navbar-nav > li > a.active:after {
background-color: #222;
}
.navbar-nav > li.header-action-button {
padding: 20px 15px;
}
.navbar-nav > li.header-action-button > a {
padding: 9px 14px;
display: inline-block;
}
.navbar-nav > li.header-action-button > a,
.navbar-inverse .navbar-nav > li.header-action-button > a {
color: #fff;
}
.navbar-nav > li.header-action-button > a.btn-primary,
.navbar-inverse .navbar-nav > li.header-action-button > a.btn-primary {
color: #fff;
}
.navbar-default .navbar-nav > li.header-action-button > a.btn-primary {
color: #222;
}
.navbar-nav > li.current:not(.header-action-button) > a,
.navbar-inverse .navbar-nav > li.current:not(.header-action-button) > a {
color: #fff;
}
.navbar-default .navbar-nav > li.current:not(.header-action-button) > a {
color: #222;
}
.navbar-nav > li.current:not(.header-action-button) > a:after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 2px;
}
.navbar-nav > li.current:not(.header-action-button) > a:after,
.navbar-inverse .navbar-nav > li.current:not(.header-action-button) > a:after {
background-color: #fff;
}
.navbar-default .navbar-nav > li.current:not(.header-action-button) > a:after {
background-color: #222;
}
.navbar-nav .open > a {
background-color: inherit !important;
}
.navbar-logo {
height: 80px;
line-height: 50px;
margin-left: 0 !important;
padding: 12px 15px 18px;
}
.navbar-logo img {
display: inline-block;
vertical-align: middle;
max-height: 50px;
}
.navbar-toggle {
position: relative;
z-index: 200;
margin: 20px 15px;
padding: 12px 10px;
border-radius: 0;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
}
.navbar-toggle:hover, .navbar-toggle:focus {
background-color: transparent !important;
}
.navbar-toggle, .navbar-inverse .navbar-toggle {
border-color: rgba(255,255,255,0.25);
}
.navbar-toggle:hover, .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
border-color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
border-color: #222;
}
.navbar-toggle .icon-bar,
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #ccc;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #666;
}
.navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar,
.navbar-inverse .navbar-toggle .icon-bar:hover, .navbar-inverse .navbar-toggle .icon-bar:focus {
background-color: #fff;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
background-color: #222;
}

.dropdown-menu {
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.dropdown-menu,
.navbar-inverse .dropdown-menu {
border-radius: 0;
border: none;
background-color: rgba(0,0,0,0.85);
border: 1px solid rgba(255,255,255,0.1);
font-size: inherit;
}
.navbar-default .dropdown-menu {
background-color: #fff;
border: 1px solid rgba(0,0,0,0.1);
}
.dropdown-menu > li > a {
padding: 10px 20px;
}
.dropdown-menu > li > a,
.navbar-inverse .dropdown-menu > li > a {
color: #ccc;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
.navbar-inverse .dropdown-menu > li > a:hover, .navbar-inverse .dropdown-menu > li > a:focus {
color: #fff;
background-color: rgba(255,255,255,0.1);
}
.navbar-default .dropdown-menu > li > a {
color: #444;
}
.navbar-default .dropdown-menu > li > a:hover, .navbar-default .dropdown-menu > li > a:focus {
color: #222;
background-color: rgba(0,0,0,0.1);
}

@media ( min-width: 992px ) {
.navbar-nav > li.header-action-button + li.header-action-button {
margin-left: -15px;
}
.header-section.floating .navbar-nav > li {
padding-top: 20px;
padding-bottom: 20px;
}
.header-section.floating .navbar-nav > li.header-action-button {
padding-top: 10px;
padding-bottom: 10px;
}
.header-section.floating .navbar-logo {
height: 60px;
line-height: 40px;
padding: 8px 15px 12px;
}
.header-section.floating .navbar-logo img {
max-height: 40px;
}
.header-section.floating .navbar-toggle {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media ( max-width: 991px ) {
.navigation {
position: fixed;
bottom: 100%;
left: 0;
width: 100%;
height: 100% !important;
max-height: none !important;
margin: 0 !important;
display: block !important;
opacity: 0;
padding-top: 80px;
text-align: center;
-webkit-transition: all ease 0.25s !important;
transition: all ease 0.25s !important;
}
.navigation,
.navbar-inverse .navigation {
background-color: rgba(0,0,0,0.95);
}
.navbar-default .navigation {
background-color: rgba(255,255,255,0.95);
}
.navigation.collapsing, .navigation.collapse.in {
bottom: 0;
opacity: 1;
}
.navigation:before {
content: "";
display: inline-block;
height: 100%;
width: 1px;
vertical-align: middle;
}
.navbar-nav {
display: inline-block;
vertical-align: middle;
width: 99%;
padding-bottom: 40px;
margin-top: 0;
margin-bottom: 0;
}
.navbar-nav > li {
-webkit-transition: none;
transition: none;
}
.navbar-nav > li,
.header-section.floating .navbar-nav > li{
padding: 0;
}
.navbar-nav > li > a {
padding: 15px 15px;
}
.navbar-nav > li > a:focus, .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
background-color: rgba(255,255,255,0.1);
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
background-color: #f6f6f6;
}
.navbar-nav > li.header-action-button,
.header-section.floating .navbar-nav > li.header-action-button {
padding: 10px 15px;
}
.navbar-nav > li.current:not(.header-action-button) > a,
.navbar-inverse .navbar-nav > li.current:not(.header-action-button) > a {
color: #fff;
background-color: rgba(255,255,255,0.1);
}
.navbar-default .navbar-nav > li.current:not(.header-action-button) > a {
color: #222;
background-color: #f6f6f6;
}
.navbar-nav > li.current:not(.header-action-button) > a:after {
display: none;
}
.dropdown-menu {
text-align: center;
}
.dropdown-menu > li > a {
padding: 15px 15px !important;
}
}

/**
* ========================================
* HERO
* ========================================
*/
.hero-section {
padding: 160px 0;
}
.hero-section:after {
content: "";
position: absolute;
top: 0;
z-index: 0;
height: 160px;
width: 100%;
display: block;
background-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
background-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
opacity: 0.3;
}
.hero-fullscreen,
.hero-fullscreen .container,
.hero-fullscreen .container-fluid {
height: 100%;
}
.hero-slider {
padding: 0;
}
.hero-slider .section-slider {
height: 100%;
}
.hero-slider .section-slider .section-slide {
padding: 300px 0;
}
.hero-section .container {
position: relative;
z-index: 1;
vertical-align: middle;
}
.hero-section form {
background-color: #f6f6f6;
padding:55px 30px 90px 35px;
}
.section-gray.hero-section form {
background-color: #fff;
}
.section-dark.hero-section form {
background-color: rgba(0,0,0,0.4);
}
.hero-content {
display: table;
width: 100%;
height: 100%;
}
.hero-content-inner {
display: table-cell;
vertical-align: middle;
}
.hero-title {

font-weight: bold;
letter-spacing: 0.05em;
margin-bottom: 10px;
}
.hero-subtitle {

font-weight: bold;

letter-spacing: 0.05em;
margin-bottom: 20px;
}
.hero-tagline {
font-size: 25px;
color: #fff
}
.hero-buttons {
margin-top: 30px;
}
.hero-buttons > a {
margin: 15px 15px 0;
}
.hero-buttons > a:only-child {
margin: 0;
}
.hero-countdown {
margin-top: 40px;
margin-left: auto;
margin-right: auto;
}
.hero-countdown .countdown {
color: #222;
}
.section-dark .hero-countdown .countdown, .section-accent .hero-countdown .countdown {
color: #fff;
}
.hero-countdown-heading {
font-size: 20px;
margin-bottom: 10px;
}
.hero-start-link {
position: absolute;
left: 50%;
bottom: 0;
margin-left: -25px;
margin-bottom: 30px !important;
display: block;
width: 50px;
height: 50px;
border: 1px solid rgba(255,255,255,0.25);
border-radius: 50%;
line-height: 48px;
text-align: center;
font-size: 32px;
color: #ccc;
}
.hero-start-link:hover, .hero-start-link:focus {
border-color: #fff;
color: #fff;
}
@media ( max-width: 479px ) {
.hero-countdown .countdown-number {
font-size: 40px;
}
.hero-countdown .countdown-label {
font-size: 11px;
}
}
@media ( max-width: 991px ) {
.hero-section {
padding: 120px 0;
}
.hero-section.hero-fullscreen {
height: auto;
}
.hero-start-link {
display: none;
}
}

/* HERO LAYOUT: FULLSCREEN CTA (SIMPLE) */
.hero-layout-simple .hero-title {
font-size: 64px;
line-height: 1.2;
}
.hero-layout-simple .hero-subtitle {
font-size: 48px;
line-height: 1.2;
}
@media ( max-width: 991px ) {
.hero-layout-simple .hero-title {
font-size: 56px;
}
.hero-layout-simple .hero-subtitle {
font-size: 40px;
}
}
@media ( max-width: 767px ) {
.hero-layout-simple .hero-title {
font-size: 48px;
}
.hero-layout-simple .hero-subtitle {
font-size: 32px;
}
.hero-layout-simple .hero-tagline {
font-size: 18px;
}
}
@media ( max-width: 479px ) {
.hero-layout-simple .hero-title {
font-size: 40px;
}
.hero-layout-simple .hero-subtitle {
font-size: 24px;
}
.hero-layout-simple .hero-tagline {
font-size: 16px;
}
}

/* HERO LAYOUT: VIDEO + SUBSCRIPTION FORM */
.hero-layout-video-and-subscription-form {
padding: 120px 0;
}
.hero-layout-video-and-subscription-form .form-heading {
padding-bottom: 0;
}
.hero-layout-video-and-subscription-form .form-heading:after {
display: none;
}

/* HERO LAYOUT: CLASSIC */
.hero-layout-classic {
padding: 120px 0;
height: auto !important; /* force to disable fullscreen mode */
}
.hero-layout-classic .hero-title {
font-size: 56px;
line-height: 1.15;
}
.hero-features {
margin-top: 60px;
text-align: left;
}
@media ( min-width: 992px ) {
.hero-features-right {

}
.hero-features-right.col-md-pull-5 {
padding-right: 50px;
padding-left: 15px;
}
}
@media ( max-width: 991px ) {
.hero-layout-classic .hero-title {
font-size: 48px;
}
.hero-features {
margin-top: 30px;
}
.hero-features-right {
margin-top: 0;
}
}
@media ( max-width: 767px ) {
.hero-layout-classic .hero-title {
font-size: 40px;
}
.hero-layout-classic .hero-tagline {
font-size: 18px;
}
}
@media ( max-width: 479px ) {
.hero-layout-classic .hero-title {
font-size: 32px;
}
.hero-layout-classic .hero-tagline {
font-size: 16px;
}
}

/* HERO LAYOUT: VIDEO AND FORM */
.hero-layout-video-and-form .lead:after {
display: none;
}
.hero-layout-video-and-form .lead {
padding: 0;
margin: 30px 0 0;
}

/* HERO LAYOUT: VIDEO AND FEATURES CTA */
.hero-layout-video-and-features-cta .video-embed {
margin-top: 0;
}
.hero-layout-video-and-features-cta .lead:after {
display: none;
}
.hero-layout-video-and-features-cta .lead {
padding: 0;
margin: 30px 0 0;
}
.hero-layout-video-and-features-cta .hero-buttons {
margin-top: 20px;
}
.hero-layout-video-and-features-cta .icon-list {
margin-top: -20px;
}

/**
* ========================================
* HEADLINE
* ========================================
*/
.headline-text {
position: relative;
padding: 50px 0;
font-size: 20px;
text-align: center;
}
.headline-text:before, .headline-text:after {
content: "";
position: absolute;
left: 50%;
margin-left: -60px;
display: block;
height: 2px;
width: 120px;
background-color: rgba(0,0,0,0.1);
}
.headline-text:before {
top: 0;
}
.headline-text:after {
bottom: 0;
}
.section-dark .headline-text:before, .section-dark .headline-text:after,
.section-accent .headline-text:before, .section-accent .headline-text:after {
background-color: rgba(255,255,255,0.2);
}

/**
* ========================================
* DESCRIPTION
* ========================================
*/
.about-row {
margin-top: 50px;
}
.about-image {
text-align: center;
}
@media ( min-width: 992px ) {
.about-image {
padding-right: 40px;
}
.about-image.col-md-push-6 {
padding-left: 40px;
padding-right: 15px;
}
}
@media ( max-width: 991px ) {
.about-image {
margin-bottom: 15px;
}
}

/**
* ========================================
* BENEFITS
* ========================================
*/
.benefit {
text-align: center;
padding: 30px;
background-color: #f6f6f6;
margin: 15px 0;
}
.section-gray .benefit {
background-color: #fff;
}
.section-dark .benefit {
background-color: #444;
}
.benefit-title {

font-size: 14px;
letter-spacing: 0.05em;

margin-bottom: 20px;
}
.benefit-icon {
font-size: 48px;
margin-bottom: 15px;
}
.section-accent .benefit-icon {
color: #444;
}

/**
* ========================================
* HOW IT WORKS
* ========================================
*/
.how-it-works-section {
padding-bottom: 0;
}
.hiw-row {
margin-top: 50px;
}
.hiw-item {
margin-left: -15px;
margin-right: -15px;
background-color: #fff;
margin-bottom: -99999px;
padding-bottom: 99999px;
}
.hiw-item.even {
background-color: #f6f6f6;
}
.section-dark .hiw-item {
background-color: #222;
}
.section-dark .hiw-item.even {
background-color: #292929;
}
.hiw-item-picture {
width: 100% !important;
height: 100% !important;
}
.hiw-item-text {
position: relative;
padding: 50px 40px;
text-align: center;
}
.hiw-item-icon {
position: absolute;
top: 0;
left: 50%;
margin: -35px 0 0 -35px;
display: block;
width: 70px;
height: 70px;
border: 5px solid #fff;
border-radius: 50%;
color: #fff;

font-size: 36px;
font-weight: bold;
line-height: 60px;
text-align: center;
}
.hiw-item.even .hiw-item-icon {
border: 5px solid #f6f6f6;
}
.section-dark .hiw-item-icon {
border-color: #222;
}
.section-dark .hiw-item.even .hiw-item-icon {
border-color: #292929;
}
.section-accent .hiw-item-icon {
background-color: #444;
}
.hiw-item-title {

font-size: 14px;
letter-spacing: 0.05em;

}

/**
* ========================================
* NUMBERS
* ========================================
*/
.numbers-item {
text-align: center;
padding: 15px 0;
}
.numbers-item-counter {
margin-bottom: 15px;

font-size: 48px;
font-weight: bold;
letter-spacing: 0.05em;
line-height: 1em;
}
.section-accent .numbers-item-counter {
color: #444;
}
.numbers-item-caption {

font-size: 14px;
letter-spacing: 0.05em;

}

/**
* ========================================
* VIDEO
* ========================================
*/
.video-embed {
margin-top: 30px;
position: relative;
padding-top: 56.25%; /* 16:9 */
height: 0;
background-color: #000000;
}
.video-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/**
* ========================================
* TEAM
* ========================================
*/
.team-section {
padding-bottom: 0;
}
.team-row {
margin-top: 50px;
}
.team-member {
margin-left: -15px;
margin-right: -15px;
margin-bottom: -99999px;
padding-bottom: 99999px;
}
.team-member.even {
background-color: #f6f6f6;
}
.section-dark .team-member {
background-color: #222;
}
.section-dark .team-member.even {
background-color: #292929;
}
.team-member-picture {
width: 100% !important;
height: 100% !important;
}
.team-member-text {
padding: 30px 30px 60px;
}
.team-member-name {
margin: 0 0 5px;

font-size: 14px;
letter-spacing: 0.05em;

}
.team-member-position {
opacity: 0.6;
font-size: 0.9em;
}
.team-member-description {
position: relative;
margin-top: 20px;
padding-top: 20px;
}
.team-member-description:after {
content: "";
position: absolute;
left: 0;
top: 0;
display: block;
height: 2px;
width: 40px;
background-color: rgba(0,0,0,0.1);
}
.section-dark .team-member-description:after,
.section-accent .team-member-description:after {
background-color: rgba(255,255,255,0.2);
}
.sponsors-row {
text-align: center;
margin: 60px 0;
}
.sponsors-row > * {
margin: 15px 20px;
}

/**
* ========================================
* TWO COLS DESCRIPTION
* ========================================
*/
.two-cols-description-image {
padding-top: 37.5%;
position: relative;
overflow: hidden;
}
.two-cols-description-image img {
position: absolute;
min-width: 100%;
max-width: none;
min-height: 100%;
top: 0;
left: 0;
}
.two-cols-description-text-inner {
max-width: 720px;
margin-left: auto;
}
@media ( max-width: 991px ) {
.two-cols-description-image {
padding-top: 75%;
margin-top: -90px;
margin-bottom: 90px;
margin-left: -15px;
margin-right: -15px;
}
.two-cols-description-text + .two-cols-description-image {
margin-top: 90px;
margin-bottom: -90px;
}
.two-cols-description-text-inner {
margin: 0 auto;
}
}
@media ( min-width: 992px ) {
.two-cols-description-section {
padding: 0;
}
.two-cols-description-row {
display: table;
table-layout: fixed;
width: 100%;
padding: 0;
}
.two-cols-description-image, .two-cols-description-text {
width: 50%;
display: table-cell;
float: none !important;
}
.two-cols-description-text {
vertical-align: middle;
padding: 90px 60px;
}
}

/**
* ========================================
* PRICING TABLE
* ========================================
*/
.pricing-table {
list-style: none;
padding: 0;
margin: 60px 0 0;
}
.pricing-package {
position: relative;
margin: 40px 0 0;
background-color: #f6f6f6;
text-align: center;
}
.section-gray .pricing-package {
background-color: #fff;
}
.section-dark .pricing-package {
background-color: #444;
}
.pricing-package.pricing-package-featured {
margin-top: 0;
}
.pricing-package-header {
background-color: #222;
border-bottom-width: 5px;
border-bottom-style: solid;
}
.pricing-package.pricing-package-featured .pricing-package-header {
border-bottom-width: 45px;
}
.section-dark .pricing-package-header,
.section-accent .pricing-package-header {
border-bottom-color: #fff;
}
.price-title {
margin: 0;
padding: 17px 30px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgba(255,255,255,0.1);

font-size: 14px;
letter-spacing: 0.05em;

color: #fff;
}
.section-dark .price-title {
border-bottom-color: rgba(255,255,255,0.2);
}
.price {
padding: 27px 30px 17px;
color: #fff;

font-weight: bold;
line-height: 0.7;
letter-spacing: 0.05em;
}
.price-currency {
vertical-align: bottom;
font-size: 30px;
}
.price-number {
vertical-align: bottom;
font-size: 80px;
}
.price-decimal {
vertical-align: top;
font-size: 30px;
}
.price-description {
padding: 0 30px 26px;
font-style: italic;
color: #888;
}
.section-dark .price-description {
color: #fff;
}
.pricing-package-items {
list-style: none;
margin: 0;
padding: 0;
}
.pricing-package-items li {
padding: 10px 30px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgba(0,0,0,0.05);
}
.pricing-package-items li:first-child {
border-top: none;
}
.pricing-package-items del {
text-decoration: none;
opacity: 0.4;
}
.price-featured {
position: absolute;
width: 100%;
padding: 10px 30px 11px;

font-size: 14px;
letter-spacing: 0.05em;

color: #fff;
}
.section-dark .price-featured,
.section-accent .price-featured {
color: #444;
}
.section-dark .pricing-package-items li {
border-color: rgba(255,255,255,0.1);
}
.section-accent .pricing-package-items li {
border-color: rgba(255,255,255,0.2);
}
@media ( max-width: 991px ) {
.pricing-package.pricing-package-featured {
margin-top: 40px;
}
.pricing-table > *:first-child > .pricing-package {
margin-top: 0;
}
}

/**
* ========================================
* TESTIMONIAL
* ========================================
*/
.testimonial {
padding: 30px;
margin: 15px 0;
background-color: #f6f6f6;
}
.section-gray .testimonial {
background-color: #fff;
}
.section-dark .testimonial {
background-color: #444;
}
.testimonial-quote {
margin-bottom: 40px;
padding: 0;
border: none;
font-size: 17px;
font-style: italic;
}
.testimonial-ratings {
font-size: 20px;
margin-right: 10px;
}
.section-accent .testimonial-ratings {
color: #444;
}
.testimonial-cite {
position: relative;
font-style: normal;
font-size: 13px;
padding-left: 30px;
opacity: 0.6;
white-space: nowrap;
}
.testimonial-cite:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 20px;
height: 1px;
border-top: 1px solid;
border-color: inherit;
opacity: 0.4;
}

/**
* ========================================
* TESTIMONIAL SLIDER
* ========================================
*/
.testimonial-slider-section {
padding-bottom: 0;
}
.testimonial-slider-section .sponsors-row {
margin: 90px 0 30px;
}
.testimonial-slide {
text-align: center;
}
.testimonial-slider + .rslides_tabs {
text-align: center;
}
.testimonial-slide .testimonial-quote {
font-size: 20px;
margin-bottom: 20px;
}
.testimonial-slide .testimonial-ratings {
display: block;
margin: 0 0 20px 0;
}
.testimonial-slide .testimonial-cite {
display: inline-block;
padding-right: 30px;
margin-bottom: 30px;
}
.testimonial-slide .testimonial-cite:after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 20px;
height: 1px;
border-top: 1px solid;
border-color: inherit;
opacity: 0.4;
}

/**
* ========================================
* PORTFOLIO
* ========================================
*/
.portfolio-section {
padding-bottom: 0;
}
.portfolio-row {
margin-top: 50px;
}
.portfolio-item {
position: relative;
margin-left: -15px;
margin-right: -15px;
background-color: #fff;
cursor: pointer;
overflow: hidden;
}
.portfolio-item-picture {
width: 100% !important;
height: 100% !important;
-webkit-transition: all ease 1.5s;
transition: all ease 1.5s;
}
.portfolio-item:hover .portfolio-item-picture {
-webkit-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
.portfolio-item-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
}
.section-accent .portfolio-item-overlay {
background-color: #222;
}
.portfolio-item:hover .portfolio-item-overlay {
opacity: 0.8;
}
.portfolio-item-text {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 30px;
background-color: #222;
color: #ccc;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
-webkit-transform: translate(0,100%);
transform: translate(0,100%);
}
.section-accent .portfolio-item-text,
.section-dark .portfolio-item-text {
background-color: #fff;
color: #444;
}
.portfolio-item:hover .portfolio-item-text {
-webkit-transform: translate(0,0);
transform: translate(0,0);
}
.portfolio-item-title {
margin: 0 0 15px;
color: #fff;

font-size: 14px;
letter-spacing: 0.05em;

}
.section-accent .portfolio-item-title,
.section-dark .portfolio-item-title {
color: #222;
}

/**
* ========================================
* FAQ
* ========================================
*/
.faq-item {
margin-top: 50px;
}
.faq-item-icon {
display: inline-block;
width: 32px;
margin-right: 15px;
float: left;
font-size: 32px;
line-height: 1;
text-align: center;
}
.section-accent .faq-item-icon {
color: #222;
}
.faq-item-heading {
font-weight: bold;
margin: 0 0 15px;
}

/**
* ========================================
* CONTACT + MAPS
* ========================================
*/
.contact-maps-box {
position: relative;
z-index: 2;
padding: 40px;
background-color: #fff;
background-color: rgba(255,255,255,0.9);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.section-dark .contact-maps-box {
background-color: #222;
background-color: rgba(34,34,34,0.9);
}
.contact-maps-section .section-background-maps {
z-index: 1;
}
.contact-maps-section .container {
position: static;
}
@media ( max-width: 991px ) {
.contact-maps-section .section-background {
position: relative;
padding-top: 62.5%;
margin-top: -90px;
overflow: hidden;
}
.contact-maps-box {
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 30px;
}
}

/**
* ========================================
* CONTACT
* ========================================
*/
.contact-row {
margin-top: 20px;
}

/**
* ========================================
* MAPS
* ========================================
*/
.maps-image {
padding-top: 37.5%;
position: relative;
}
#gmap {
position: absolute !important;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#gmap img {
max-width: none;
}
.maps-text-inner {
max-width: 720px;
margin-left: auto;
}
@media ( max-width: 991px ) {
.maps-image {
padding-top: 75%;
margin-top: -90px;
margin-bottom: 90px;
margin-left: -15px;
margin-right: -15px;
}
.maps-text + .maps-image {
margin-top: 90px;
margin-bottom: -90px;
}
.maps-text-inner {
margin: 0 auto;
}
}
@media ( min-width: 992px ) {
.maps-section {
padding: 0;
}
.maps-row {
display: table;
table-layout: fixed;
width: 100%;
padding: 0;
}
.maps-image, .maps-text {
width: 50%;
display: table-cell;
float: none !important;
}
.maps-text {
vertical-align: middle;
padding: 90px 60px;
}
}

/**
* ========================================
* CLOSING
* ========================================
*/
.closing-shout, .closing-buttons {
text-align: center;
}
.closing-shout {
font-size: 24px;
margin-bottom: 40px;
}

/**
* ========================================
* FOOTER
* ========================================
*/
.footer-section {
padding-bottom: 30px;
text-align: center;
}
.footer-logo {
margin-top: 0;
margin-bottom: 60px;
}
.footer-socmed {
font-size: 20px;
line-height: 1;
margin-bottom: 15px;
}
.footer-socmed > a {
display: inline-block;
margin: 0 10px;
color: inherit;
opacity: 0.5;
}
.footer-socmed > a:hover, .footer-socmed > a:focus {
color: inherit;
opacity: 1;
}
.footer-copyright {
opacity: 0.5;
}

/**
* ========================================
* RESPONSIVE SLIDES
* ========================================
*/
/*! http://responsiveslides.com v1.54 by @viljamis */
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
.rslides_tabs {
padding: 0;
margin: 0;
}
.rslides_tabs li.rslides_here {
opacity: 0.8;
}
.rslides_tabs li {
display: inline-block;
margin: 5px;
opacity: 0.4;
}
.rslides_tabs li a {
display: inline-block;
width: 12px;
height: 12px;
font-size: 12px;
line-height: 1;
overflow: hidden;
}
.rslides_tabs li a:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #e9e9e9;
}
.section-gray .rslides_tabs li a:before {
background-color: #ddd;
}
.section-dark .rslides_tabs li a:before {
background-color: #fff;
}
.section-accent .rslides_tabs li a:before {
background-color: #fff;
}
.rslides_nav {
position: absolute;
top: 50%;
z-index: 3;
display: inline-block;
margin-top: -15px;
width: 30px;
height: 30px;
font-size: 30px;
line-height: 1;
overflow: hidden;
color: #999;
opacity: 0.4;
text-align: center;
}
.section-dark .rslides_nav {
color: #fff;
}
.section-accent .rslides_nav {
color: #222;
}
.rslides_nav.prev {
left: 0;
}
.rslides_nav.next {
right: 0;
}
.rslides_nav:hover, .rslides_nav:focus {
opacity: 1;
}
.rslides_nav:before {
font-family: "FontAwesome";
display: inline-block;
width: 30px;
}
.rslides_nav.prev:before {
content: "\f104";
}
.rslides_nav.next:before {
content: "\f105";
}

/**
* ========================================
* PRELOADER
* ========================================
*/
body.enable-preloader > .document {
opacity: 0;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
}
body.enable-preloader.done-preloader > .document {
opacity: 1;
}
body.enable-preloader.preloader-dark {
background-color: #222;
}
#jpreOverlay {
background-color: #fff;
}
body.enable-preloader.preloader-dark #jpreOverlay {
background-color: #222;
}
#jpreButton, #jprePercentage {
display: none !important;
}
#jpreLoader {
width: 200px !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
margin: -4px 0 0 -100px;
height: 8px;
background-color: #eee;
}
body.enable-preloader.preloader-dark #jpreLoader {
background-color: #444;
}
#jpreBar {
position: absolute !important;
top: 0;
overflow: hidden;
text-align: center;
}

.footer-copyright{
opacity: 1;
margin:20px 0 0 0
}
#footer{
background-color: #000
}
#footer .container {
border-top: 1px solid #fff;
}
#footer ul{
list-style: none;
width: 100%
}
#footer ul li{
list-style-type: none;
display: inline-block;
margin:0 10px;
font-size: 12px;
color: #fff
}
#footer ul li a{
color:#fff;
font-weight:200
}



/*    @media only screen and (min-device-width : 375px) and (max-device-width : 812px){ */
      @media (max-width: 991px){

        .parallax-background {
        background-position: center center !important;
        }
        .parallax {
        top: 0 !important;
        }

        .heroForm label, .heroForm label a,
        #heroForm label, #heroForm label a {
            display: inline-block;
        }

        .heroForm, .heroForm form, #heroForm, #heroForm form{background-color:none}



        .hero-section form {background-color: #4E3EB1 !important; padding: 30px 30px 30px 30px !important;}



        .hero-content-inner{margin: 50px 0 0 35px;}


        .mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired.mktoInvalid{width:150px !important}

        .hero-section form {background-color: #4E3EB1 !important; padding: 0px !important;}



.mktoForm .mktoFormRow .mktoFormCol{width:100%}



.mktoRequiredField span{font-size:13px;}



.mktoForm .mktoCheckboxList > input{margin:-18px 0 0 0px !important}


      .mktoForm .mktoFormRow .mktoField{
          background: #fff
        }

      .accordion {
        padding: 0px;
        margin: 30px 0;
      }

      .accordion li .agendaTime {
        font-size: 16px;
        font-weight: 200;
        display: inline-block;
        width: 30%;
        vertical-align: top !important;

      }

      .accordion li .agendaTitle {
        font-size: 15px;
        margin: 0 0 0 10px;
        width:65%
      }

      #accordion li .submenu li {
        font-size: 18px;
        margin: 10px 2% 4% 0;
      }

      .Sponsor{
        margin:5% 0 5% 0
      }


      .heroForm label, .heroForm label a, #heroForm label, #heroForm label a {
      padding: 0px;
      }

      .mktoForm .mktoCheckboxList {
        width: 100px !important;
      }

      .mktoForm .mktoCheckboxList > input {
          padding: 0;
          margin: -30px 0 0 -40px !important;
      }

      #heroTitle {
        margin:0 !important
      }

      #heroTitle .hero-title{
        margin:0 !important
      }

      .heroForm{
        width: 100% !important;
        padding:20px !important
      }

      .heroForm h2{
        height:10px
      }

      .mktoForm .mktoButtonRow{
        width: 99% !important;
      /*  position: absolute;
        top: 220px;*/
      }



      .mktoForm .mktoFormRow .mktoFormCol {
          width: 225px;
      }

      .mktoForm .mktoButtonWrap.mktoAnimGlow .mktoButton{
        padding:0 !important
      }


      .mktoRequiredField span{
        font-size: 10px;
        text-align: left
      }

      .hero-features-right {
        margin-left: 0px;
      }

      .hero-section form {
        padding: 0 0 0 20px;
      }

      .mktoFormRow:nth-of-type(7) label {
        margin: -25px 0 0 25px;
        left: 5px;
      }

      .sponser {
        width: 100%;
      }


      #aboutTextRight{
        margin: 0 0 25px 0
      }

      #whyAttendImageRight,
      #whyAttendImageLeft{
        float: none !important
      }

      .speakerProfile {
          width: 100%;
          margin: 1% 1% 20px 1%;
      }


    }