html {
  position: relative;
  min-height: 100%;
  font-family: 'Noto', sans-serif;
  color: #4e4e4e;
}
.font-lato {
  font-family: 'Noto', sans-serif;
}
h1,h2,h3,h4,h5 {font-family: 'Montserrat', sans-serif; letter-spacing: 0px; line-height: 150%;font-weight: bold;}
h1, h2 {font-weight: 800; line-height: 138.9%;}
a {font-family: 'Noto', sans-serif; font-weight: bold; letter-spacing: 1;}
p, li{font-size: 1.2em;}
li {margin-bottom: 0.5rem;}
.fa-ul .fa-li {font-size: 14px; margin-top: 4px; padding-right: 15px;}
.fa-ul .fa-li.fa-lg {font-size: 20px; margin-left: 3px;}
.fa-ul li:hover .fa-li {color: #8dbd44 !important;}
.z-100 {z-index: 100;}
.btn,.btn-survey {padding: 10px 25px 15px;font-family:'Open Sans', sans-serif; font-size: 24px;letter-spacing: 1px; -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0); border: 0px; height: 55px;line-height: 30px}
.mac-os .btn {line-height: 42px}
.mac-os .btn-survey {line-height: 40px;display: inline-block;}
.btn-survey:hover {background: #2098D1; text-decoration:none;color: #ffffff !important;}
.lift-bl li{
  font-size: 17px !important;
  margin-bottom: 0.3rem !important;
}
.btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn:hover, .btn:focus, .btn:active {
  color: #ffffff !important;
}
.btn:hover:before, .btn:focus:before, .btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.rounded-circle {
  border: 3px solid #0959a7;
}
div.clip {
  /* shape-outside: polygon(756px 6px, -70px 480px, 730px 270px); */
  width: 100%;
  -webkit-shape-outside: polygon(100% 0, 100% 100%, 0 100%);
  shape-outside: polygon(100% 0, 100% 100%, 0 100%);
  float: right;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  height: 460px;
}
/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
/*Text*/
.text-white {color: #ffffff !important;}
.text-black {color: #545454 !important;}
.text-blue {color: #0759a7 !important;}
.text-lblue {color: #3ca4d7 !important;}
.text-green {color: #8cbc43 !important;}
.text-orange {color: #ef672f !important;}
.text-xsm{font-size:0.8em !important;}
.text-sm{font-size:1em !important;}
.text-xmd{font-size:1.2em !important;}
.text-md{font-size:1.4em !important;}
.text-xlg{font-size:1.6em !important;}
.text-lg{font-size:1.8em !important;}

/*backgrounds*/
.bg-transparent {background: none !important;}
.bg-white {background-color: #ffffff;}
.bg-blue {background-color: #0759a7;}
.bg-lblue {background-color: #3ca4d7;}
.bg-green {background-color: #8cbc43;}
.bg-orange {background-color: #ef672f;}
.bg-schdl {background-color:#a2c9e8 !important}
.bg-fixed {background-attachment: fixed;}
.bg-grey {background:#f6f8f8 !important}

.bg-header {background: url(../images/bg-header.jpg) no-repeat; background-position:center center;height: 140px;background-size: cover;}
.bg-countdown {background: url(//media.mirasee.com/images/bg/bg-countdown.jpg) no-repeat; background-position: center top; background-size: cover;}
.bg-event{background: url('//media.mirasee.com/images/bg/body-curve.png') no-repeat;text-align:center;background-attachment: relative;width: 100%;border-top: 6px solid #fff;background-size: contain;}
.bg-bird {background: url(../images/bg-bird.jpg) repeat; background-position: center top; background-size: cover; }
.bg-cta-top {background: url(../images/bg-cta-top.jpg) no-repeat; background-position: center top;background-size: cover;padding-top: 6em !important;}
.bg-cta-green {background: url(../images/bg-cta-green.jpg) no-repeat; background-position: center top;background-size: cover;}
.bg-host {background: url(../images/bg-host.jpg) no-repeat; background-position: center top;background-size: cover;}
.bg-impact {background: url(../images/bg-impact.jpg) no-repeat; background-position: center top;background-size: cover;}
.bg-lift-info {background: url(../images/bg-lift-info.jpg) no-repeat; background-position: center top;background-size: cover;background-size: cover;}
.bg-options {background: url(../images/bg-options.jpg) no-repeat; background-position: center top;background-size: cover;background-size: cover;}
.bg-danny-standing {position: absolute; bottom: -55px;right: 0px;}
.bg-footer {background: url(../images/bg-footer.jpg) no-repeat; background-position: center top;background-size: cover;}
.bg-clip {
  background: url(../images/growth.png) no-repeat bottom right;
  margin-bottom: -40px;
  background-size: 70%;
  background-position-x: 94%;
  background-position-y: 99%;
}
.quote-tl-orange:before,.quote-tc-orange:before{background:url('//media.mirasee.com/images/icons/quote-orange-circle.png') top right no-repeat;position:absolute;left:10px;top:-20px;display:block;z-index:0;height:100%;width:70px;content:"";background-size:60%;}
.quote-tc-orange:before{left:calc(50% - 35px);background-size:80%;top:-28px;}
.quote-tc-orange{padding:40px;}
/*navbar*/
#mainNav .navbar-nav {  width: 100%;text-align: center;}

.navbar-nav {
  text-align:center !important;
}
#mainNav .navbar-nav li {display: inline-block;float: none;line-height: 100px;width: 200px;}
#mainNav .navbar-nav li a {padding-left: 30px;padding-right: 30px; font-family: 'Montserrat', sans-serif; letter-spacing: 2px; font-size: 24px; text-transform: uppercase; color: #ffffff;}
.tab-header {
  border-top: 5px solid #ffffff;
}
.tab-header .logo {
  font-size: 18px;
  font-weight: 900;
  width: 265px;
  height: 120px;
  margin-top: -5px;
  /* position: absolute; */
  background: url(//media.mirasee.com/images/bg-logo.png) no-repeat center top;
}
/*section*/
.section {padding: 3.5rem 20px;}

/*countdown*/
.counter {text-align: center;margin: 0px;}
.counter ul {margin: 0;padding: 0px 5px;display: inline-block;}
.counter ul li {font-family: 'Montserrat', sans-serif; display: inline-block;color: #0a58a7;position: relative; margin: 0px 5px;color: #8b8a8a; text-transform: uppercase;}
.counter ul li span.number-box {font-family: 'Noto', sans-serif;color: #3ca4d7 !important;font-size:4rem;font-weight:lighter;display: block;width: 1.4em;height: 65px;line-height: 75px;}
.counter ul li:after {content: "";background: url(../images/dots.png) no-repeat; top:50px; background-size: 70%;width: 14px;height: 50px;position: absolute;top: 36%;right: -12px;}
.counter ul li:last-child:after {display: none;}
.mac-os .counter ul li:after {top: 15px;}

/* Speakers */
#speakers .card:hover {z-index: 99; cursor: pointer;}

#speakers .card img {
  position: relative;
  /* filter: alpha(opacity=30);
  opacity: 0.7;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; */
}
#speakers .card:hover img{
  z-index: 999;
  filter: alpha(opacity=100);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#speakers .card .info {
  position: absolute;
  left: 0px; top: 0px;
  padding: 164px 1.25rem 1.25rem;
  width: 100%;
  display: none;
  background: #fff;
  border-radius: .25rem;
  box-shadow: 1px 5px 10px 4px rgba(0,0,0,.125);
}
#speakers .card:hover .info {display: block;}

#speakers .card h2 {
  font-size: 1.2em;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0; padding: 10px 0;
}
ul.columns li p {padding: 0; margin: 0; font-size: 0.9em;}
/*card*/
.card-header { padding-bottom: 5px; text-align: center; color: #fff;}
#schedule .card {border: 0px;}
#schedule h6,#schedule .card-title{font-family: 'Montserrat', sans-serif !important;}
#schedule .card-body {background-color:#e5eef3;line-height: 100%; text-align:center; margin: 0px;}
#schedule .card-deck .card { border: 0px; border-radius: 0px;}
#schedule .card-title {font-weight: bold;margin-bottom: 5px;}
#schedule .card-time {margin-bottom:0px;font-weight: 400;}
#schedule .card-text {line-height: 120%;}
#schedule ul {text-align: left;}
#schedule li {font-size: 16px;}

#liftInfo .card-header {color: #e5f1f7;}

.hr-line {background: #292b2c; opacity: 0.5;width: 50px;height: 2px;margin: 10px auto;}

.list-style {list-style-type: disc;list-style-position: inside;color: #292b2c;font-family: 'Montserrat', sans-serif;font-size: 18px; }
.font-pn {font-family: 'Montserrat', sans-serif !important;}
#accordion h5 a {font-size: 18px;    color: #292b2c;}
.bg-vanue {background-repeat: no-repeat;background-position: center center;background-size: cover;height: 660px;padding-top: 150px !important;}
.vanue {display: inline-block;background: rgba(255, 255, 255, 0.80);border-radius: 50%;padding:55px 40px;width: 360px;height: 360px;line-height: 160%;border: 2px solid #9e9e9e;}
.things-icon {z-index: 1;}
.things .media { border: 2px solid #f7f7f7 !important;padding: 20px !important;}
.arrow_box {
  position: relative;
  background: #ffffff;
  border: 3px solid #f7f7f7;
}
.arrow_box:after, .arrow_box:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 106px;
  margin-top: -106px;
}
.arrow_box:before {
  border-color: rgba(206, 206, 206, 0);
  border-right-color: #f7f7f7;
  border-width: 113px;
  margin-top: -113px;
}
/*footer*/
.copyright {color: #ffffff; text-align: right;}
.copyright a {font-family: 'Montserrat', sans-serif;}
.copyright a:hover {color: #8cbc43;}

@media (min-width: 767px) {
  .btn {font-size: 16px;}
  .img-host {width: 120px; margin: 15px auto; display: block;}
  .navbar-nav > li{float:none !important;display: inline-block !important;
  }
}

@media (max-width: 1050px) {
  #mainNav .navbar-nav li {width: 170px;}
  #mainNav .navbar-nav li a { padding-left: 0.7em;padding-right: 0.7em; font-size: 20px;}
  .bg-header .container {max-width: 100% !important;}
}
@media (max-width: 912px) {
  #mainNav .navbar-nav li {width: 140px;}
  #mainNav .navbar-nav li a { padding-left: 0.5em;padding-right: 0.5em; font-size: 18px;}
}
@media (max-width: 767px) {
  .btn {font-size: 18px; white-space: pre-wrap; word-wrap: break-word; height: auto !important}
  .btn-top{ white-space: normal !important}

  .bg-header {height: auto;}
  .navbar-brand img {width: 60px;}
  .bg-danny-standing {position: relative; width: 170px;}
  .copyright p {text-align: center; font-size: 13px;}
  #mainNav .navbar-nav li {width: 100%; line-height: 160%;}
  #mainNav .navbar-nav li {width: 100%;}
}
@media (min-width: 767px) {
  .btn {font-size: 16px;}
  .img-host {width: 120px; margin: 15px auto; display: block;}
  .navbar-nav > li{float:none !important;display: inline-block !important;
  }
}
@media (min-width: 576px) {
  #schedule .card-body.card-0,#schedule .card-body.card-8 { min-height: 165px;}
  #schedule .card-body.card-4 { min-height: 390px;}
  #schedule .card-body.card-last { min-height: 205px;}
  #schedule .card-body.card-6 { min-height: 390px;}
}

@media (max-width: 442px) {
  .counter ul li {font-size: 14px;}
  .counter ul li span.number-box {width: auto; padding-right: 15px;font-size: 4em;}
  .counter ul li:after {background-size: 60%; top:20px;right: -8px}
}
@media (max-width: 320px) {
  .counter ul li {font-size: 12px;}
  .counter ul li span.number-box {width: auto; padding-right: 15px;font-size: 3.5em;}
  .counter ul li:after {background-size: 60%; top:20px;right: -8px}
}
@media (max-width: 300px) {
  .btn {font-size: 12px;}
}