/*Mobile View*/



@media (max-width: 769px) {
  #login, 
  #register,
  #exceed, 
  #forgot, 
  #verify {
    bottom: 0;
  }

  #exceed .content > * {
    text-align: center;
  }

  body > .navbar ~ #exceed .content {
    top: 90px;
    margin-top: 0;
  }

  #exceed h1 {
    font-size: 43px;
    line-height: 42px;
    letter-spacing: -2px;
    text-align: center;
  }

  body.cyan {
    overflow: hidden !important; 
  }

  .thumb-view {
    max-width: 300px;
    margin: 0 auto;
  }

  .thumb-view .slider-wrapper {
    height: 290px !important;
  }

  .thumb-view .slider-wrapper p + p {
    display: none;
  }

  .channel .slider-wrapper {
    height: auto !important;
  }

  .channel .slider-wrapper p + p {
    display: block;
  }

  #static > #videos > .container > .content {
    width: auto;
  }

  .thumb-view .slider-wrapper .image-wrapper {
    margin-bottom: 10px;
  }

  .thumb-view .slider-wrapper .image-wrapper > img {
    margin-bottom: 0;
  }

  .ajax-progress {
    right: 40%;
    top: 0;
    opacity: 0.3;
    margin: 0 39px 0 0;
    height: 22px;
    width: 22px;
  }

  .channel .slider-wrapper .channel-slider {
    padding: 10px;
  }

  .endscreen .btn-wrapper {
    width: 200px;
  }

  .endscreen .btn + .btn {
    margin-top: 10px;
  }

  .endscreen h4 {
    padding-left: 26px;
  }

  .provider h3 {
    padding-bottom: 0;
  }
  .provider p {
    color: #000000;
  }

  .provider h3 > .btn {
    left: inherit;
    right: 0;
    bottom: inherit;
    top: 0;
  }

  .video-wrapper .update-wrapper {
    padding: 5px;
  }

  .video-wrapper .update-wrapper .update-title.mobile {
    padding-bottom: 0;
  }

  .video-wrapper .update-wrapper .update-title.mobile + .update-title.mobile {
    padding-bottom: 40px;
  }

  .video-wrapper .update-wrapper .update-title.mobile .btn-group > .btn + .btn-subs.pull-right {
    background-color: #9cc35c !important;
  }

  .video-wrapper .update-wrapper .update-title.mobile .btn-group > .btn {
    width: 58%;
  }

  .video-wrapper .update-wrapper .update-title.mobile .btn-group > .btn + .btn-subs.pull-right {
    width: 38%;
    margin-left: 4%;
    margin-top: 0;
  }

  .video-wrapper .update-wrapper .update-title.mobile .btn-group > .btn + .btn-subs.pull-right .icon-checkbox {
    display: none;
  }

  .content h2 + p {
    line-height: 20px;
    margin-top: 10px;
  }

  #quick .content > p, 
  #easy .content > p, 
  #expert .content > p {
    width: 100%;
  }

  .load-subscription > div + div > h5 {
    display: inline-block;
    width: 100%;
  }

  h5.new-channel-title > span {
    width: 48%;
  }

  h5.new-channel-title > span + .btn {
    max-width: 40%;
  }

  /*iOS Chrome View*/
  .ios7.chrome body {
    zoom: 2;
  }

  .big-thumb-wrapper {
    overflow: hidden;
    height: auto;
  }

  .big-thumb-wrapper .big-thumb {
    width: 100%;
  }

  .big-thumb-wrapper .slider-text {
    margin-left: 0;
    float: left;
  }

  .big-thumb-wrapper .big-thumb {
    background-color: #f1d13d;
  }

  .big-thumb-wrapper:first-child .big-thumb {
    background-color: #9cc35c;
  }

  .big-thumb-wrapper:last-child .big-thumb {
    background-color: #37acd8;
  }

  .cont-info .ci-data > p {
    margin-top: 15px;
    line-height: 26px;
  }

  .big-thumb-wrapper h3 {
    line-height: 44px;
  }

  .cont-info .icon-mail {
    margin-right: 0;
    display: block;
    margin-bottom: 10px;
  }

  .thumb-view .slider-wrapper .image-wrapper {
    height: 162px;
    position: relative;
  }

  .more {
    padding-left: 5px;
    padding-right: 5px;
  }

  .floating-text {
    bottom: 30px;
    width: 300px;
    margin-left: -150px;
  }
}

/*Desktop View*/
@media (min-width: 769px) {
  #login, 
  #register, 
  #exceed, 
  #forgot, 
  #verify { 
    bottom: 40px;
  }

  body > .navbar ~ #exceed .content {
    height: 200px;
    top: 150px;
    margin-top: 0;
  }

  #exceed h1 {
    font-size: 60px;
    letter-spacing: -1px;
  }

  .floating-text {
    width: 400px;
    margin-left: -200px;
  }

  #static #explore {
  -webkit-box-shadow: 0 294px 0 #3dc0f1;
     -moz-box-shadow: 0 294px 0 #3dc0f1;
       -o-box-shadow: 0 294px 0 #3dc0f1;
          box-shadow: 0 294px 0 #3dc0f1;
  }

  h5.new-channel-title > span {
    width: 80%
  }

  .endscreen .btn {
    width: 200px;
    padding-left: 0;
    padding-right: 0;
  }
  .alt-view .slider-wrapper img {
    height: 273px !important;
    width: 100%;
  }

  .alt-view .image-wrapper {
    height: 273px;
  }

  #register .content {
    height: 160px !important;
    margin-top: -80px !important;
  }

  body > .navbar ~ #verify .content {
    width: 780px;
    padding: 0 80px;
    height: 280px;
    margin-top: -140px;
  }

  body > .navbar ~ #verify .content > p {
    width: auto;
    padding: 0 20px;
  }

  body > .navbar ~ #register .content,
  body > .navbar ~ #login .content {
    height: 230px;
    margin-top: -115px;
  }
}

@media (min-width: 769px) and (max-width: 1020px) {
  body {
    min-width: 1009px;
  }
}

a.morelink {
  display: block;
}

div + div > h5.new-channel-title {
  margin-top: 40px !important;
}

.slider-wrapper img {
  height: 100%;
}

.moreellipses {
  line-height: 20px;
}

.flowplayer.is-paused {
  background-image: none;
  background-color: #68696c;
}

.flowplayer.is-paused.is-splash,
.flowplayer.is-paused.is-poster,
.flowplayer.is-playing {
  background-color: #68696c !important;
}

.flowplayer.is-paused.is-splash .fp-ui,
.flowplayer.is-paused.is-poster .fp-ui {
  background-color: transparent;
}

.fp-message h3 {
  color: #ffffff;
}

#intro .horizontal-form + p, 
#login .horizontal-form + p, 
#register .horizontal-form + p {
  margin-top: 40px;
}

#footer {
  padding: 20px 0 10px;
}

.bottom-menu > p:last-child {
  color: #b6b7b5;
  font-size: 16px;
  font-weight: bold;
}

.new-channel-title > .btn-channel {
  padding: 4px 15px;
}

.btn-subs:focus, 
.btn-subs:active, 
.btn-subs.active {
  margin-top: 0;
}

#sidebar p,
#sidebar p > a {
  line-height: 28px;
}

#sidebar ul > li > ul,
#sidebar ul > li > ul > li {
  font-size: 16px;
  line-height: 33px;
  margin: 0;
}

#sidebar .nav,
#sidebar .nav > li {
  line-height: 34px;
}

#sidebar ul > li > ul > li > a {
  line-height: 25px;
  font-size: 16px !important;
}

.search-bar {
  width: 315px;
}

.row .nav.pull-left > li > a {
  border-left: none;
}

#sidebar .nav {
  margin: 0;
}

#sidebar .nav > li + li {
  margin-top: 8px;
}

#sidebar .nav > li > a > i {
  margin-bottom: 0;
}

.video-wrapper .update-wrapper .update-title .btn-group .btn:active {
  margin-top: 0;
}

.title-channel-page,
.new-channel-title {
  position: relative;
}

.ajax-progress {
  position: absolute;
  right: -44px;
  top: -5px;
  opacity: 0.3;
  margin: 0;
}

.big-thumb + .slider-text a,
.ck-editor-content a {
  color: #3dc0f1;
  text-decoration: underline;
  font-weight: 200;
}

#sidebar .nav > li > a > i.icon-info {
  width: 19px;
  height: 19px;
  margin: 0 1px 0 1px;
  background-image: url(/assets/icon-sprites-mobile.png);
  background-position: -93px -56px ;
}

#sidebar .nav > li > a > i.icon-blog {
  width: 20px;
  height: 25px;
  margin: 0 4px 0 1px;
  background-image: url(/assets/icon-sprites-mobile.png);
  background-position: -117px -56px ;
}

.none {
  display: none;
}

#exceed p > .btn {
  vertical-align: middle;
}

#exceed p {
  margin-top: 30px;
  line-height: 55px;
}

#exceed p.mobile {
  line-height: 30px;
}

/*Category Scroll*/
.categories > li > p {
  margin-top: -10px;
  margin-left: -10px;
}

.categories > li > p > a {
  margin-left: 10px;
}

.categories > li > p > a + a {
  margin-left: 10px;
}
/*End Category Scroll*/

/*Animation*/
body {
  -webkit-animation: fade 1s;
  -moz-animation:    fade 1s;
  -o-animation:      fade 1s;
  animation:         fade 1s;
}

#sidebar {
  -webkit-animation: fade 3.4s;
  -moz-animation:    fade 3.4s;
  -o-animation:      fade 3.4s;
  animation:         fade 3.4s;
}

@keyframes fade {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fade {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fade {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fade {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fade {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
/*End Animation*/

/*Overflow shade*/
.slides .slider-wrapper,
.alt-view .slider-wrapper,
.thumb-view .slider-wrapper,
.thumb-view.mobile.video .slider-wrapper {
  overflow: hidden;
}

.alt-view .slider-wrapper .image-wrapper {
  position: relative;
  z-index: 1;
}

.alt-view .slider-wrapper .slider-btn {
  z-index: 2;
}

.slides .slider-wrapper:after,
.alt-view .slider-wrapper:after,
.thumb-view .slider-wrapper:after,
.thumb-view.mobile.video .slider-wrapper:after {
  content: "";
  height: 55px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */  
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);  
   background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */  
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */  
   background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */  
   background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */  
   background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */  
   background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */  
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */;
}

.thumb-view.mobile.video .slider-wrapper:after {
  bottom: inherit;
  top: 240px;
}

.channel .slider-wrapper:after {
  display: none;
}

.slides .slider-wrapper p + p, 
.alt-view .slider-wrapper p + p, 
.thumb-view .slider-wrapper p + p, 
.channel .slider-wrapper, 
.alt-view.channel .slider-wrapper,
#notification_all .update-wrapper,
.notification-detail .update-wrapper {
  max-height: none;
}

.alt-view .slider-wrapper 
/* .update-view .update-wrapper  */
{
  max-height: 273px;
}
/*End Overflow shade*/

/*iPad rotate*/
@media (min-height: 924px) and (max-height: 1024px) {
  body.cyan > .navbar ~ * {
    height: auto;
  }

  #intro,
  #quick,
  #easy,
  #expert,
  #intro .container,
  #quick .container,
  #easy .container,
  #expert .container {
    height: 1024px !important;
  }

  body.cyan > .navbar ~ #login,
  body.cyan > .navbar ~ #forgot,
  body.cyan > .navbar ~ #verify,
  body.cyan > .navbar ~ #exceed,
  body.cyan > .navbar ~ #register {
    position: fixed;
    height: auto;
    bottom: 0;
  }

  body > .navbar ~ * .container {
    background-position: 50% 40%;
  }
}

@media (max-width: 980px) and (max-height: 924px) {
  body.cyan > .navbar ~ *,
  body.cyan > .navbar ~ * .container {
    height: auto;
  }

  #intro .container,
  #quick .container,
  #easy .container,
  #expert .container {
    height: 488px !important;
  }

  body > .navbar ~ * .container {
    background-position: 50% 26%;
  }
}

/*iPad fixes*/
@media (min-width: 769px) and (max-width: 1030px) {
 html {
   overflow-y: auto !important;
   zoom: 1;
 }

 body {
   overflow: hidden !important;
   zoom: 1;
   position: static !important;
 }

 html {
   overflow-y: auto !important;
 }

 #static {
   z-index: 0 !important;
   top: 20% !important;
   bottom: inherit;
 }
}

#unlogged #Modal-Share.modal {
  top: 50%;
  margin-top: -345px;
}

#unlogged .modal.share-unclick.in {
  margin-top: 0 !important;
  height: auto !important;
}

.is-paused.flowplayer .fp-ui {
  background-size: 46px;
}

.timestamp {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30px;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
}

.timestamp span {
  left: 0;
  position: absolute;
  right: 40px;
  height: 30px;
  line-height: 30px;
  background-color: #3facd7;
}

.timestamp span + span {
  right: 0;
  width: 40px;
  left: 100%;
  margin-left: -40px;
  background-color: #3fbef1;
  font-size: 12px;
}

/*Mobile View*/
@media (max-width: 769px) {
  #Modal-Share.modal {
    top: 50%;
    margin-top: -205px;
  }

  .modal.share-unclick.in {
    margin-top: 0;
  }
}
/*End Mobile View*/

#Modal-Share.modal .form-group > textarea.form-control {
  resize: none;
}

/*Latest Change*/
@charset "UTF-8";@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-o-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}@-o-keyframes shake{0%,100%{-o-transform:translateX(0)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@-o-keyframes tada{0%{-o-transform:scale(1)}10%,20%{-o-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes swing{20%{-moz-transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{-moz-transform:rotate(-5deg)}100%{-moz-transform:rotate(0deg)}}@-o-keyframes swing{20%{-o-transform:rotate(15deg)}40%{-o-transform:rotate(-10deg)}60%{-o-transform:rotate(5deg)}80%{-o-transform:rotate(-5deg)}100%{-o-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@-moz-keyframes wobble{0%{-moz-transform:translateX(0%)}15%{-moz-transform:translateX(-25%) rotate(-5deg)}30%{-moz-transform:translateX(20%) rotate(3deg)}45%{-moz-transform:translateX(-15%) rotate(-3deg)}60%{-moz-transform:translateX(10%) rotate(2deg)}75%{-moz-transform:translateX(-5%) rotate(-1deg)}100%{-moz-transform:translateX(0%)}}@-o-keyframes wobble{0%{-o-transform:translateX(0%)}15%{-o-transform:translateX(-25%) rotate(-5deg)}30%{-o-transform:translateX(20%) rotate(3deg)}45%{-o-transform:translateX(-15%) rotate(-3deg)}60%{-o-transform:translateX(10%) rotate(2deg)}75%{-o-transform:translateX(-5%) rotate(-1deg)}100%{-o-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}}@-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out}40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out}50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in}80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95);-moz-animation-timing-function:ease-in}100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in}}@-o-keyframes flip{0%{-o-transform:perspective(400px) rotateY(0);-o-animation-timing-function:ease-out}40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg);-o-animation-timing-function:ease-out}50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function:ease-in}80%{-o-transform:perspective(400px) rotateY(360deg) scale(.95);-o-animation-timing-function:ease-in}100%{-o-transform:perspective(400px) scale(1);-o-animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in}100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}.flip{-webkit-backface-visibility:visible!important;-webkit-animation-name:flip;-moz-backface-visibility:visible!important;-moz-animation-name:flip;-o-backface-visibility:visible!important;-o-animation-name:flip;backface-visibility:visible!important;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateX(-10deg)}70%{-moz-transform:perspective(400px) rotateX(10deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateX(-10deg)}70%{-o-transform:perspective(400px) rotateX(10deg)}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible!important;-moz-animation-name:flipInX;-o-backface-visibility:visible!important;-o-animation-name:flipInX;backface-visibility:visible!important;animation-name:flipInX}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible!important;-o-animation-name:flipOutX;-o-backface-visibility:visible!important;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateY(-10deg)}70%{-moz-transform:perspective(400px) rotateY(10deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}@-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateY(-10deg)}70%{-o-transform:perspective(400px) rotateY(10deg)}100%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible!important;-moz-animation-name:flipInY;-o-backface-visibility:visible!important;-o-animation-name:flipInY;backface-visibility:visible!important;animation-name:flipInY}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}}@-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY;-o-backface-visibility:visible!important;-o-animation-name:flipOutY;backface-visibility:visible!important;animation-name:flipOutY}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeftBig{0%{opacity:0;-o-transform:translateX(-2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-o-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px)}}@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-20px)}}@-o-keyframes fadeOutUp{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-o-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(20px)}}@-o-keyframes fadeOutDown{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;-moz-animation-name:fadeOutDown;-o-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px)}}@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-20px)}}@-o-keyframes fadeOutLeft{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-o-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px)}}@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(20px)}}@-o-keyframes fadeOutRight{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;-moz-animation-name:fadeOutRight;-o-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes fadeOutUpBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes fadeOutUpBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;-moz-animation-name:fadeOutUpBig;-o-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes fadeOutDownBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes fadeOutDownBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;-moz-animation-name:fadeOutDownBig;-o-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes fadeOutLeftBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-o-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes fadeOutRightBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes fadeOutRightBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;-moz-animation-name:fadeOutRightBig;-o-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(.9)}100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(.9)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY(2000px)}60%{opacity:1;-moz-transform:translateY(-30px)}80%{-moz-transform:translateY(10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInUp{0%{opacity:0;-o-transform:translateY(2000px)}60%{opacity:1;-o-transform:translateY(-30px)}80%{-o-transform:translateY(10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}60%{opacity:1;-moz-transform:translateX(30px)}80%{-moz-transform:translateX(-10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px)}60%{opacity:1;-o-transform:translateX(30px)}80%{-o-transform:translateX(-10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}100%{transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px)}60%{opacity:1;-moz-transform:translateX(-30px)}80%{-moz-transform:translateX(10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px)}60%{opacity:1;-o-transform:translateX(-30px)}80%{-o-transform:translateX(10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(.3)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}25%{-o-transform:scale(.95)}50%{opacity:1;-o-transform:scale(1.1)}100%{opacity:0;-o-transform:scale(.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;-o-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(20px)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-o-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(-20px)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(-20px)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;-moz-animation-name:bounceOutDown;-o-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(20px)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(20px)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft;-o-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(-20px)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes bounceOutRight{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(-20px)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;-moz-animation-name:bounceOutRight;-o-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0}100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateIn{0%{-o-transform-origin:center center;-o-transform:rotate(-200deg);opacity:0}100%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-o-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;-moz-animation-name:rotateInUpLeft;-o-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-o-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-o-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}}@-o-keyframes rotateOut{0%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:center center;-o-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-o-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-o-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-o-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-o-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-o-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);opacity:0}}@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}20%,60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateY(700px);opacity:0}}@-o-keyframes hinge{0%{-o-transform:rotate(0);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}20%,60%{-o-transform:rotate(80deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}40%{-o-transform:rotate(60deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}80%{-o-transform:rotate(60deg) translateY(0);opacity:1;-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}100%{-o-transform:translateY(700px);opacity:0}}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;-moz-animation-name:hinge;-o-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@-moz-keyframes rollIn{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}}@-o-keyframes rollIn{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}}@-o-keyframes rollOut{0%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-o-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-o-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@-moz-keyframes lightSpeedIn{0%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-moz-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-moz-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}}@-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-o-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-o-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-o-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-moz-animation-name:lightSpeedIn;-o-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}.animated.lightSpeedIn{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}100%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}}@-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0%) skewX(0deg);opacity:1}100%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-o-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.lightSpeedOut{-webkit-animation-duration:.25s;-moz-animation-duration:.25s;-o-animation-duration:.25s;animation-duration:.25s}@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg)}20%{-webkit-transform:skewX(7deg)}30%{-webkit-transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg)}50%{-webkit-transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg)}80%{-webkit-transform:skewX(1deg)}90%{-webkit-transform:skewX(0deg)}100%{-webkit-transform:skewX(0deg)}}@-moz-keyframes wiggle{0%{-moz-transform:skewX(9deg)}10%{-moz-transform:skewX(-8deg)}20%{-moz-transform:skewX(7deg)}30%{-moz-transform:skewX(-6deg)}40%{-moz-transform:skewX(5deg)}50%{-moz-transform:skewX(-4deg)}60%{-moz-transform:skewX(3deg)}70%{-moz-transform:skewX(-2deg)}80%{-moz-transform:skewX(1deg)}90%{-moz-transform:skewX(0deg)}100%{-moz-transform:skewX(0deg)}}@-o-keyframes wiggle{0%{-o-transform:skewX(9deg)}10%{-o-transform:skewX(-8deg)}20%{-o-transform:skewX(7deg)}30%{-o-transform:skewX(-6deg)}40%{-o-transform:skewX(5deg)}50%{-o-transform:skewX(-4deg)}60%{-o-transform:skewX(3deg)}70%{-o-transform:skewX(-2deg)}80%{-o-transform:skewX(1deg)}90%{-o-transform:skewX(0deg)}100%{-o-transform:skewX(0deg)}}@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}100%{transform:skewX(0deg)}}.wiggle{-webkit-animation-name:wiggle;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.wiggle{-webkit-animation-duration:.75s;-moz-animation-duration:.75s;-o-animation-duration:.75s;animation-duration:.75s}
/*body{-webkit-backface-visibility:hidden}.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}*/

.provider {
  position: relative;
}

.provider > h3 ~ p {
  width: 72%;
  margin-bottom: 40px;
}

.mega-logo {
  display: inline-block;
  width: 229px;
  height: 161px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -80px;
}

.big-thumb-wrapper {
  margin: 0 0 40px;
  overflow: hidden;
}

.big-thumb-wrapper .slider-text p br {
   display: block;
   margin: 9px 0;
   content: " ";
}

.big-thumb-wrapper .big-thumb {
  width: 230px;
  height: auto;
  background-color: transparent !important;
  text-align: center;
  vertical-align: middle;
  float: left;
  display: block;
  margin: 20px;
}

.big-thumb-wrapper .big-thumb > .thumb {
  width: 230px;
  height: 230px;
  margin: 0;
}

.big-thumb-wrapper .slider-text {
  padding: 15px 20px;
  margin-left: 260px;
}

.big-thumb-wrapper .slider-text p {
  letter-spacing: -0.4px;
}

.personal-data h5 {
  color: #3dc0f1;
  font-size: 25px;
  font-weight: 700;
  margin: 0 0 10px;
  text-align: left;
  display: block;
  float: none;
}

.personal-data p {
  font-size: 16px;
  color: #6d6e71;
  font-weight: 700;
  text-align: left;
  display: block;
}

.personal-data .contact-list {
  margin: 25px 0 0;
}

.personal-data .contact-list > li {
  text-align: left;
}

.personal-data .contact-list > li a {
  font-size: 15px;
  color: #43bded;
  text-decoration: underline;
}

.personal-data .contact-list > li a i {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}

.in-small {
  width: 39px;
  height: 39px;
  background: url("/assets/in-small.png");
}

.cont-info {
  width: 54%;
  margin-right: 20%;
  margin-top: 10px;
  float: left;
}

.cont-info + .cont-info {
  width: 26%;
  margin-right: 0;
}

.cont-info .ci-label {
  margin: 0 0 30px;
  font-size: 40px;
  line-height: 46px;
  letter-spacing: -1px;
  width: 100%;
}

.cont-info .ci-data p {
  letter-spacing: -0.5px;
}

.cont-info .ci-data a {
  display: block;
  float: left;
  font-size: 28px;
  color: #3dc0f1;
  font-weight: 500;
  line-height: 32px;
}

.cont-info .ci-data a + a {
  margin-left: 10px;
}

.in-normal,
.tw-normal,
.gplus-normal {
  width: 58px;
  height: 58px;
}

.in-normal {
  background: url("/assets/in-normal.png") no-repeat center center;
}

.tw-normal {
  background: url("/assets/tw-normal.png") no-repeat center center;
}

.gplus-normal {
  background: url("/assets/gplus-normal.png") no-repeat center center;
}

.big-thumb-wrapper .slider-text p .more,
.tab-content p .more {
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  background-color: #f2f2f2;
  font-size: 13px;
  color: #68696c;
  display: inline-block;
  text-decoration: none;
  margin: 0 5px;
  width: auto;
}

#free {
  background-color: #3cbef0;
  margin-top: 80px;
  padding: 10px 0;
}

#free h2 {
  font-size: 30px;
  line-height: 40px;
  text-align: center;
}

#free ~ #main-content {
  margin-top: 30px;
}

#join .container {
  width: 716px;
  text-align: center;
}

#join .container .btn {
  padding: 8px 30px;
  width: auto;
  display: inline-block;
}

#join {
  padding: 25px 0;
  background-color: #68696c;
  margin-top: 50px;
}

#join h2 {
  font-size: 30px;
  letter-spacing: -1px;
  line-height: 48px;
}

.btn.btn-bigger {
  line-height: 24px;
  padding: 8px 20px;
}

.thumb-view .timestamp span img,
.flexslider .timestamp span img {
  width: 166px !important;
  height: 19px !important;
  margin: 5px auto;
}

.alt-view .timestamp span img {
  width: 200px !important;
  height: 24px !important;
  margin: 3px auto;
}

.slides .image-wrapper, 
.row .image-wrapper {
  position: relative;
}

#sidebar {
  width: 145px;
}

#sidebar p, 
#sidebar p > a {
  line-height: 18px;
}

#sidebar > p {
  margin-bottom: 5px;
}

#sidebar ul > li > a {
  padding: 5px 0;
}

#sidebar .nav > li + li {
  margin-top: 0;
}

.container .smaller.video-page {
  width: 656px;
  float: left;
  margin-left: 26px;
  position: relative;
}

.video-wrapper .update-wrapper .update-title + .btn-group .btn-subs {
  padding: 6px 15px;
  background-color: #68696c;
}

.vid-nav {
  margin: 20px 0 15px;
}

.video-wrapper .update-wrapper .update-content > a:not(.btn) {
  font-size: 16px;
  margin: 8px 0 5px;
  display: block;
}

.vid-nav li {
  font-size: 20px;
  line-height: 24px;
  text-transform: capitalize;
}

.vid-nav li strong {
  font-weight: normal;
  color: #3dc0f1;
}

#main-content + #footer {
  margin-top: 25px;
}

#request {
  padding: 24px 40px;
  margin-top: 20px;
  margin-bottom: 25px;
}

#request h2 {
  font-size: 25px;
  letter-spacing: 0;
  line-height: 43px;
}

#request .btn.btn-bigger {
  padding: 6px 20px 5px;
  font-size: 22px;
  letter-spacing: -1px;
}

.rec-wrapper {
  position: absolute;
  right: -355px;
  top: 0;
  width: 335px;
}

.rec-wrapper .thumb {
  width: 140px;
  height: 74px;
  margin: 0 10px 0 0;
  float: left;
}

.rec-wrapper ul {
  overflow: hidden;
  height: auto;
}

.rec-wrapper ul > li {
  float: left;
  width: 100%;
  height: 74px;
}

.rec-wrapper ul > li + li {
  margin-top: 20px;
}

.rec-wrapper .rec-title {
  max-width: 180px;
  margin-left: 150px;
}

.rec-wrapper .rec-title h3 {
  max-height: 52px;
  margin: 0 0 7px;
  overflow: hidden;
}

.rec-wrapper .rec-title h3,
.rec-wrapper .rec-title h3 a {
  font-size: 15px;
  color: #6d6e71;
  font-weight: 800;
  line-height: 17px;
}

.rec-wrapper .rec-title p {
  color: #3dc0f1;
  font-size: 15px;
  line-height: 17px;
  width: 100%;
}

.unreg-nav {
  background-color: #37acd8;
}

.unreg-nav .brand {
  position: static;
}

.navbar .btn-nav {
  height: 34px;
  width: 98px;
  display: block;
  background: rgba(0,0,0,0.15);
  text-align: center;
  text-transform: uppercase;
  padding: 0;
  line-height: 34px;
  letter-spacing: -1px;
}

.btn-nav.btn-green {
  background: #9cc35c;
}

.unreg-nav .nav > li + li {
  margin-left: 20px;
}

.video-tab {
  margin-top: 52px;
  padding: 10px;
  position: relative;
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 3px rgba(229,229,229,1);
     -moz-box-shadow: 0 3px 3px rgba(229,229,229,1);
       -o-box-shadow: 0 3px 3px rgba(229,229,229,1);
          box-shadow: 0 3px 3px rgba(229,229,229,1);
}

.video-tab input[type=radio] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.video-tab label {
  display: block;
  background-color: #f9f9f9;
  color: #a8a9a7;
  font-size: 18px;
  line-height: 24px;
  padding: 4px 0;
  text-transform: capitalize;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: -32px;
  
}

.video-tab li:first-child label {
  left: 0;
  right: 45%;
  -webkit-box-shadow: inset -3px 0 3px rgba(229,229,229,1);
     -moz-box-shadow: inset -3px 0 3px rgba(229,229,229,1);
       -o-box-shadow: inset -3px 0 3px rgba(229,229,229,1);
          box-shadow: inset -3px 0 3px rgba(229,229,229,1);
}

.video-tab li:last-child label {
  left: 55%;
  right: 0;
  -webkit-box-shadow: inset 3px 0 3px rgba(229,229,229,1);
     -moz-box-shadow: inset 3px 0 3px rgba(229,229,229,1);
       -o-box-shadow: inset 3px 0 3px rgba(229,229,229,1);
          box-shadow: inset 3px 0 3px rgba(229,229,229,1);
}

.video-tab [id^=tab]:checked + label {
  background-color: #ffffff;
  color: #00adef;
  box-shadow: none;
}

.tab-content {

}

.tab-content h6 {
  font-size: 20px;
  line-height: 24px;
  margin: 5px 0;
  color: #6d6e71;
  font-weight: normal;
}

.tab-content h6 strong {
  font-weight: normal;
  color: #3dc0f1;
}

[id^=tab] ~ [id^=tab-content] {
    display: none;
}

[id^=tab]:checked ~ [id^=tab-content] {
    display: block;
}

.tab-content .content-wrapper {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;

  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

.content-wrapper > p.shomore {
  text-align: center;
  margin: 25px 0 15px;
}

.content-wrapper > p.shomore a {
  font-size: 13px;
  color: #68696c;
  line-height: 25px;
  padding: 0 15px;
  display: inline-block;
  background-color: #f2f2f2;
  border-bottom: 1px solid #ececec;
}

.tab-content .thumb {
  width: 107px;
  height: 55px;
  margin: 0 10px 0 0;
  float: left;
}

.tab-content ul {
  overflow: hidden;
  height: auto;
}

.tab-content ul > li {
  float: left;
  width: 100%;
  height: auto;
}

.tab-content ul > li + li {
  margin-top: 20px;
}

.tab-content .rec-title {
  max-width: 180px;
  margin-left: 113px;
  margin-top: 1px;
}

.tab-content .rec-title h3 {
  max-height: 52px;
  margin: 0;
  overflow: hidden;
  position: relative;
  top: -4px;
}

.tab-content .rec-title h3,
.tab-content .rec-title h3 a {
  font-size: 14px;
  color: #6d6e71;
  font-weight: 800;
  line-height: 16px;
}

.tab-content .rec-title p {
  color: #3dc0f1;
  font-size: 14px;
  line-height: 16px;
  width: 100%;
  margin-left: 3px;
  margin-bottom: 0;
  margin-top: -6px;
}

.provider > h3 ~ p,
.big-thumb-wrapper .slider-text p {
  text-align: justify;
}

#banner {
  margin-top: 80px;
  /*background: url(/assets/bg-dark-banner.png) bottom center no-repeat #3dc0f1;*/
  background-color: #3dc0f1;
  padding: 80px 0;
  overflow: hidden;
  position: relative;
}

#banner:before {
  content: "";
  display: block;
  width: 400%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: -50%;
  margin-top: -150px;
  background-color: #42b7e2;
  transform: rotate(353deg);
  -webkit-transform: rotate(353deg);
  -moz-transform: rotate(353deg);
  -o-transform: rotate(353deg);
  -ms-transform: rotate(353deg);
}

#banner h2,
#banner p {
  width: 580px;
}

#banner h2 {
  font-size: 50px;
  line-height: 52px;
  letter-spacing: -2.5px;
}

#banner p {
  font-size: 25px;
  line-height: 28px;
  color: #ffffff;
  margin-top: 10px;
}

#banner p:not(.intro-btn) .btn {
  border-bottom: 4px solid #84a44d;
  padding: 6px 20px 5px;
  max-width: 183px;
  margin-top: 30px;
  display: block;
  letter-spacing: -2px;
}

#banner p:not(.intro-btn) .btn:focus, 
#banner p:not(.intro-btn) .btn:active, 
#banner p:not(.intro-btn) .btn.active {
  border-bottom: none;
}

#banner .logo {
  display: inline-block;
  background: url(/assets/logo-banner.png) no-repeat center center;
  background-size: contain;
  width: 347px;
  height: 208px;
  float: right;
}

#library {
  padding: 60px 0 45px;
}

#library .intro-vid {
  overflow: hidden;
  height: auto;
}

#library .intro-vid .video-wrapper {
  width: 57%;
  box-shadow: none;
  background: none;
  float: left;
  padding: 0;
}

#library .intro-vid .video-wrapper .flowplayer {
  min-height: 260px;
  height: 300px;
  background-color: #ffffff !important;
}

#library .intro-vid .video-wrapper + p {
  width: 36%;
  float: right;
  padding: 25px 30px 0 0;
  font-size: 27px;
  line-height: 33px;
  letter-spacing: -1px;
}

#library .intro-vid .video-wrapper + p > a {
  font-size: 20px;
  font-weight: bold;
  color: #68696c;
  display: block;
  margin: 25px 0 0;
  line-height: 20px;
}

#library .intro-vid ~ p {
  width: 100%;
  text-align: center;
  margin-top: 50px;
}

#library .intro-vid ~ p > a {
  display: inline-block;
  padding: 0 20px;
  background-color: #68696c;
  line-height: 50px;
  font-weight: bold;
}

#library .intro-vid ~ p > a > i {
  font-size: 40px;
  line-height: 20px;
  position: relative;
  top: 3px;
}

#library .intro-nav {
  display: table;
  width: 100%;
  margin-top: 50px;
}

#library .intro-nav ul {
  text-align: center;
  display: table-row;
}

#library .intro-nav ul li {
  display: table-cell;
}

#library .intro-nav ul li a {
  font-size: 20px;
  color: #3dc0f1;
  padding: 0;
  background-color: #ffffff;
  display: block;
  line-height: 45px;
  margin: 0 5px 0 0;
  text-transform: capitalize;
}

#library .intro-nav ul li.active a,
#library .intro-nav ul li:hover a {
  color: #ffffff;
  background-color: #3dc0f1;
  cursor: pointer;
  opacity: 1;
}

#thumbnails {
  background-color: #3dc0f1;
  padding: 20px 0 30px;
  overflow: hidden;
}

#thumbnails p {
  float: left;
  width: 33.333333%;
  color: #ffffff;
  font-size: 24px;
  line-height: 70px;
  font-weight: bold;
  text-align: center;
}

#thumbnails p span {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0 15px 0 0;
}

#thumbnails p span.thumb-clock {
  width: 90px;
  height: 70px;
  background-image: url(/assets/thumb-clock.png)
}

#thumbnails p span.thumb-lamp {
  width: 67px;
  height: 70px;
  background-image: url(/assets/thumb-lamp.png)
}

#thumbnails p span.thumb-bubble {
  width: 60px;
  height: 54px;
  background-image: url(/assets/thumb-bubble.png)
}

#videos h4 {
  font-size: 40px;
  text-transform: capitalize;
  line-height: 48px;
  margin-top: 60px;
}

#videos .slider-wrapper img {
  margin-bottom: 20px;
}

#videos .slider-wrapper h6 > a:not(.btn) {
  font-size: 18px;
  line-height: 20px;
}

#videos .slider-wrapper h6 + p {
   margin-top: 3px;
}

#videos .slider-wrapper h6 + p,
#videos .slider-wrapper h6 + p > a:not(.btn) {
  font-size: 14px;
  line-height: 20px;
}

#videos .slider-wrapper h6 + p + p {
  margin-top: 10px !important;
  line-height: 20px;
  font-size: 16px;
}
#videos .slider-wrapper  p
{
  color: #000000;
}

#videos .slides .slider-wrapper:after,
#videos .alt-view .slider-wrapper:after,
#videos .thumb-view .slider-wrapper:after,
#videos .thumb-view.mobile.video .slider-wrapper:after {
  height: 15px;
}

.scroll-arrow {
  font-size: 16px;
  color: #ffffff;
  width: 100%;
  text-align: center;
  display: block;
  margin: 20px 0 10px;
}

.scroll-arrow i {
  display: block;
  width: 22px;
  height: 14px;
  margin: 4px auto 0;
  background-image: url(/assets/down-arrow.png)
}

.thumbnail-graph {
  margin-top: 40px;
  text-align: center;
  display: block;
}

.thumbnail-graph p {
  display: inline-block;
  max-width: 280px;
  text-align: left;
  font-size: 16px;
  color: #ffffff;
  line-height: 20px;
  letter-spacing: 0px;
  vertical-align: top;
  font-weight: normal;
}

.thumbnail-graph p + p {
  margin-left: 42px;
}

.thumbnail-graph p span {
  font-size: 22px;
  line-height: 24px;
  font-weight: bold;
  color: #ffffff;
  display: block;
  min-height: 80px;
  vertical-align: middle;
  margin-bottom: 20px;
  line-height: 80px;
}

.thumbnail-graph p span img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0;
  margin-bottom: 0;
  position: relative;
  top: 0;
}

#login .thumbnail-graph p span img {
  margin-right: 10px;
}

.tinyplay {
  background: url(/assets/play_white@x2.png) no-repeat center center transparent;
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -11px;
  margin-top: -11px;
  background-size: contain;
}

/*Desktop Only*/
@media (min-width: 769px) {
  body > .navbar ~ #login .content {
    height: 558px !important;
    margin-top: -279px !important;
    width: 940px;
    padding: 0;
    top: 50%;
    position: absolute;
  }

  .modal .modal-header h3 {
    font-size: 50px;
    line-height: 56px;
  }

  #login,
  #register,
  #exceed {
    position: static;
  }

  body > .navbar ~ #login .content,
  body > .navbar ~ #register .content,
  body > .navbar ~ #exceed .content {
    height: auto !important;
    position: static;
  }

  body > .navbar ~ #login .content {
    margin: 50px auto !important;
  }

  body > .navbar ~ #register .content,
  body > .navbar ~ #exceed .content {
    margin: 170px auto 90px !important;
  }

  #login + #footer,
  #register + #footer,
  #exceed + #footer {
    position: static;
  }

  #login,
  #register,
  #exceed,
  #footer {
    left: 0;
    right: 0;
  }

  #footer {
    position: relative;
    z-index: 1001;
  }

  .video-wrapper .update-wrapper {
    padding: 20px 40px;
  }

  .video-wrapper .update-wrapper .update-title h6,
  .video-wrapper .update-wrapper .update-title p {
    width: 100%;
    margin-left: 0;
  }

  .video-wrapper .update-wrapper .update-title {
    margin-left: 84px;
    margin-bottom: 20px;
  }

  .video-wrapper .update-wrapper .update-title + .btn-group {
    width: 180px;
    margin-top: 20px;
  }

  .vid-nav li > a {
    font-size: 20px;
    line-height: 24px;
  }

  .video-wrapper .update-wrapper .update-title p {
    margin-top: 6px;
  }

  .video-wrapper .update-wrapper .update-title {
    margin-bottom: 0;
  }

  .video-wrapper .update-wrapper .update-title p, 
  .video-wrapper .update-wrapper .update-title p > a {
    font-size: 16px;
  }

  .video-tab {
    display: none;
  }
}

/*Tablet*/
@media (max-width: 1279px) and (min-width: 769px) {
  .provider > h3 ~ p {
    width: 62%;
  }

  .cont-info .ci-data,
  .cont-info .ci-data a {
    font-size: 24px;
  }

  .container .smaller.video-page {
    width: 556px;
    margin-left: 164px;
  }

  .rec-wrapper .rec-title {
    max-width: 100px;
    margin-left: 120px;
  }

  .rec-wrapper {
    right: -245px;
    width: 225px;
  }

  .rec-wrapper .thumb {
    width: 110px;
    height: 62px;
  }

  .rec-wrapper .rec-title h3 {
    max-height: 35px;
  }

  #request .btn.btn-bigger {
    margin-bottom: 0;
  }
}

/*Mobile*/
@media (max-width: 769px) {
  .modal {
    margin: 0;
    padding: 15px 15px 20px;
    width: auto !important;
    left: 10px;
    right: 10px;
  }

  .modal .modal-header h3 {
    margin-bottom: 30px;
    font-size: 40px !important;; 
  }

  .form-group > .form-link a {
    margin-bottom: 0;
  }

  .modal p {
    line-height: 20px;
  }

  .modal p > a {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
  }

  .modal .form-group:last-child > .btn + .form-link {
    width: 100%;
    line-height: 20px;
    margin-left: 0;
  }

  .modal .form-group.split-group > * {
    float: left;
    width: 36%;
    margin-top: 15px;
  }

  .modal .form-group:last-child > .btn + .form-link,
  .modal .form-group:last-child > .btn + .form-link a {
    font-size: 15px;
  }

  .modal .form-group.split-group > * + * {
    float: none !important;
    width: auto !important;
    padding-left: 15px;
    margin-left: 36% !important;
    display: block;
  }

  .modal .form-group > .btn,
  .modal .form-group:last-child > .btn {
    float: left;
    margin-top: 15px;
  }

  body > .navbar ~ #exceed .content > h1 {
    font-size: 30px;
    line-height: 54px;
    text-align: left;
  }

  body > .navbar ~ #exceed .content > h1 + p {
    font-size: 22px;
    line-height: 26px;
    text-align: left;
  }

  #exceed .horizontal-form {
    background-color: transparent;
    padding: 0;
    margin-top: 25px;
  }

  #login .horizontal-form .form-group > .form-link, 
  #register .horizontal-form .form-group > .form-link,
  #exceed .horizontal-form .form-group > .form-link {
    margin-left: 0;
  }

  #login h1 {
    margin-left: 0;
  }

  body > .navbar ~ #login .content, 
  body > .navbar ~ #register .content,
  body > .navbar ~ #exceed .content {
    margin-top: 75px !important;
    top: 0;
  }

  #login .horizontal-form .form-control + .btn {
    margin-left: 0;
    margin-top: 10px;
  }
  .form-nav {
    height: 40px;
    overflow: hidden;
  }

  .form-nav > li {
    display: block;
    width: 50%;
    float: left;
  }

  .form-nav > li + li {
    border: none;
  }

  .form-nav > .active > a {
    opacity: 1;
    color: #3dc0f1;
    background-color: #ffffff;
    -webkit-box-shadow: 0 3px 3px #e5e5e5;
       -moz-box-shadow: 0 3px 3px #e5e5e5;
         -o-box-shadow: 0 3px 3px #e5e5e5;
            box-shadow: 0 3px 3px #e5e5e5;
  }

  .form-nav > li > a {
    font-size: 25px;
    line-height: 40px;
    font-weight: normal;
    opacity: 1;
    padding: 0;
    display: block;
    color: #a8a9a7;
    background-color: #f9f9f9;
    text-align: center;
  }

  .form-nav > li:first-child > a {
    padding-left: 0;
  }

  body > .navbar ~ #login .content,
  body > .navbar ~ #register .content,
  body > .navbar ~ #exceed .content {
    width: 300px;
    padding: 0;
    left: 50%;
    margin-left: -150px;
  }

  body > .navbar ~ #exceed .content {
    width: 280px;
    padding: 0;
    left: 50%;
    margin-left: -140px;
  }

  #login .horizontal-form,
  #register .horizontal-form {
    padding: 30px 25px 2000px;
    margin-top: 0;
    background-color: #ffffff;
    -webkit-box-shadow: 0 3px 3px #e5e5e5;
       -moz-box-shadow: 0 3px 3px #e5e5e5;
         -o-box-shadow: 0 3px 3px #e5e5e5;
            box-shadow: 0 3px 3px #e5e5e5;
  }

  #login .horizontal-form .form-control,
  #register .horizontal-form .form-control,
  #exceed .horizontal-form .form-control {
    width: 100%;
    font-size: 18px;
    color: #68696c;
    background-color: #f2f2f2;
    margin-bottom: 0;
  }

  #exceed .horizontal-form .form-control {
    background-color: #ffffff;
  }

  #register .horizontal-form .form-control:-moz-placeholder {
    color: #68696c;
  }

  #register .horizontal-form .form-control:-ms-input-placeholder {
    color: #68696c;
  }

  #register .horizontal-form .form-control::-webkit-input-placeholder {
    color: #68696c;
  }

  #login .horizontal-form .form-control:-moz-placeholder {
    color: #68696c;
  }

  #login .horizontal-form .form-control:-ms-input-placeholder {
    color: #68696c;
  }

  #login .horizontal-form .form-control::-webkit-input-placeholder {
    color: #68696c;
  }

  #exceed .horizontal-form .form-control:-moz-placeholder {
    color: #b6b7b5;
  }

  #exceed .horizontal-form .form-control:-ms-input-placeholder {
    color: #b6b7b5;
  }

  #exceed .horizontal-form .form-control::-webkit-input-placeholder {
    color: #b6b7b5;
  }

  #login .horizontal-form .form-control + .form-control,
  #register .horizontal-form .form-control + .form-control,
  #exceed .horizontal-form .form-control + .form-control {
    margin-left: 0;
    margin-top: 10px;
  }

  #login .horizontal-form .form-group > .form-link,
  #register .horizontal-form .form-group > .form-link,
  #exceed .horizontal-form .form-group > .form-link {
    margin-right: 0;
    line-height: 19px;
    font-size: 15px;
    margin-left: 24px;
    color: #68696c;
    margin-bottom: 0;
    display: block;
    text-align: left;
  }

  #exceed .horizontal-form .form-group > .form-link {
    margin-bottom: 40px;
  }

  #exceed .horizontal-form .form-group > .form-link {
    color: #ffffff;
  }

  #login .horizontal-form .form-group > .form-link + .form-link,
  #register .horizontal-form .form-group > .form-link + .form-link,
  #exceed .horizontal-form .form-group > .form-link + .form-link {
    margin-left: 0;
    margin-top: 10px;
  }

  #login .horizontal-form .form-group,
  #register .horizontal-form .form-group,
  #exceed .horizontal-form .form-group {
    width: 100%;
  }

  #login .horizontal-form .form-group + .form-group.pull-right,
  #register .horizontal-form .form-group + .form-group.pull-right,
  #exceed .horizontal-form .form-group + .form-group.pull-right {
    float: left;
  }

  #login .horizontal-form .form-group > .form-link a,
  #register .horizontal-form .form-group > .form-link a,
  #exceed .horizontal-form .form-group > .form-link a {
    font-size: 15px;
    color: #68696c;
  }

  #exceed .horizontal-form + p {
    margin-top: 10px;
  }

  #exceed .horizontal-form + p,
  #exceed .horizontal-form + p a {
    font-size: 18px;
    letter-spacing: -1px;
  }

  #exceed .horizontal-form .form-group > .form-link a {
    color: #ffffff;
  }

  #login .form-group .prettycheckbox,
  #register .form-group .prettycheckbox,
  #exceed .form-group .prettycheckbox {
    left: -24px;
    position: absolute;
    top: 3px;
  }

  #login .form-group .prettycheckbox a,
  #register .form-group .prettycheckbox a {
    background-image: url(../assets/dark-grey-check.png);
  }

  #register .horizontal-form .form-group > .btn,
  #login .horizontal-form .form-group > .btn,
  #exceed .horizontal-form .form-group > .btn {
    width: 100%;
    margin-bottom: 0;
    margin-top: 30px;
  }

  .thumbnail-graph {
    display: none;
  }

  #login h1,
  #register h1 {
    color: #68696c;
    font-size: 22px;
    line-height: 24px;
    font-weight: normal;
    letter-spacing: 0;
    margin-top: 0; 
    margin-bottom: 25px;
  }

  #register h1 {

  }

  #login,
  #register {
    background-color: #f2f2f2;
  }

  #banner {
    margin-top: 50px;
    padding: 20px 0;
  }

  #banner .logo {
    width: 100%;
    height: 86px;
    float: none;
  }

  #banner h2, 
  #banner p {
    width: 100%;
  }

  #banner h2 {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -1px;
  }

  #banner p {
    font-size: 16px;
    text-align: center;
  }

  #banner .intro-btn {
    margin-top: 50px;
  }

  #library {
    padding: 20px 0;
  }

  #library .intro-vid .video-wrapper,  
  #library .intro-vid .video-wrapper + p {
    width: 100%;
  }

  #library .intro-vid .video-wrapper + p {
    margin-top: 15px;
    font-size: 18px;
    line-height: 25px;
    padding: 0;
  }

  #library .intro-vid .video-wrapper + p > a {
    font-size: 18px;
    margin-top: 10px;
  }

  #library .intro-vid .video-wrapper .flowplayer {
    min-height: 0;
  }

  #library .intro-nav {
    display: none;
  }

  #library .intro-vid ~ p {
    margin-top: 20px;
  }

  #library .intro-vid ~ p > a {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  .video-wrapper .slider-btn > a {
    background-color: #68696c;
  }

  #thumbnails {
    padding: 15px;
  }

  #thumbnails p {
    width: 100%;
    text-align: left;
    font-size: 21px;
    line-height: 50px;
  }

  #thumbnails p + p {
    margin-top: 16px;
  }

  #thumbnails p span[class^="thumb"] {
    width: 60px;
    height: 50px;
  }

  #videos {
    overflow: hidden;
  }

  #videos .slider-wrapper h6 > a:not(.btn) {
    font-size: 18px;
    line-height: 20px;
  }

  #videos .slider-wrapper img {
    margin-bottom: 10px;
  }

  #videos .slider-wrapper h6 + p {
    margin-top: 4px;
  }

  #videos .thumb-view .slider-wrapper {
    height: auto !important;
  }

  #videos .thumb-view .slider-wrapper + .slider-wrapper {
    margin-top: 12px;
  }

  #videos h4 {
    font-size: 29px;
    line-height: 32px;
    margin-top: 20px;
  }

  #videos + .more {
    display: block;
    margin: 15px 10px;
    padding-left: 0;
    padding-right: 0;
    width: auto;
  }
  
  #free {
    background-color: #68696c;
    margin-top: 50px;
  }

  #free h2 {
    font-size: 15px;
    line-height: 18px;
    color: #f2f2f2;
    letter-spacing: -0.6px;
  }

  #free .btn-bigger {
    width: 80px;
    margin: 10px auto 0;
    font-size: 15px;
    line-height: 15px;
    padding: 5px 0;
  }

  #free ~ #main-content {
    margin-top: 10px;
  }

  .flowplayer {
    min-height: 165px
  }

  .video-tab {
    display: block;
  }

  .video-wrapper .update-wrapper .update-title h6 {
    font-size: 20px !important;
  }

  .video-wrapper .update-wrapper .update-content,
  .rec-wrapper {
    display: none;
  }

  .video-wrapper .update-wrapper .update-title + .btn-group .btn-subs {
    width: 160px;
  }

  .video-wrapper .update-wrapper .update-title {
    margin-bottom: 20px;
    padding-bottom: 0;
  }

  .video-wrapper .update-wrapper .update-title h6,
  .video-wrapper .update-wrapper .update-title p {
    width: 100%;
  }

  .video-wrapper .update-wrapper .update-title p,
  .video-wrapper .update-wrapper .update-title p a {
    font-size: 14px;
  }

  .container .smaller.video-page {
    width: auto;
    float: none;
    margin-left: 0;
  }

  #join {
    padding: 20px 0;
    margin-top: 10px;
  }

  .mega-logo {
    position: relative;
    height: 73px;
    margin: 20px auto 34px;
    width: 100%;
    text-align: center;
  }

  .mega-logo > img {
    width: 103px;
    height: 73px;
  }
  .cont-info .ci-data {
    font-size: 15px;
  }

  .provider > h3 ~ p {
    width: 100%;
  }

  .provider.second {
    background-color: transparent;
    box-shadow: none;
    padding: 0 13px;
  }

  .big-thumb-wrapper {
    margin: 0 0 20px;
  }

  .big-thumb-wrapper .big-thumb {
    width: 100%;
    margin: 10px 0;
    height: auto;
  }

  .big-thumb-wrapper .big-thumb > .thumb {
    width: 110px;
    height: 110px;
    margin: 0 15px 0 6px;
  }

  .big-thumb-wrapper .slider-text {
    margin-left: 0;
    padding: 10px 15px;
  }

  .personal-data h5 {
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 5px;
  }

  .personal-data p {
    line-height: 18px;
  }

  .cont-info {
    width: auto;
    float: none;
    margin: 0 10px
  }

  .cont-info .ci-label {
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 10px;
  }

  .cont-info .ci-data p {
    margin: 0;
    line-height: 18px;
  }

  .cont-info .ci-data a {
    font-size: 15px;
    line-height: 18px;
  }

  .cont-info + .cont-info {
    margin-top: 20px;
    width: auto;
    margin-right: 10px;
  }

  #join .container {
    width: auto;
  }

  #join h2 {
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0;
  }

  #join .container .btn {
    margin: 10px auto 0;
  }

  .alt-view .slider-wrapper .image-wrapper {
    width: 100%;
    overflow: hidden;
  }
  
  .container .smaller.video-page {
  } 
  
  #Modal-ContactVideoProvider {
   position: absolute;
  }
}

/*Tablet Portrait Only*/
@media (max-width: 880px) and (min-width: 768px) {
  #login .horizontal-form, 
  #register .horizontal-form {
    padding-bottom: 30px;
  }

  body > .navbar ~ #login .content, 
  body > .navbar ~ #register .content,
  body > .navbar ~ #exceed .content {
    top: 40%;
    height: 420px !important;
    margin-top: -210px !important;
  }
}

.modal .modal-header h3 {
    font-size: 50px;
    line-height: 56px;
  }
  
.modal .form-group .prettycheckbox a {
  height: 14px;
  width: 60px;
  display: block;
  float: left;
  cursor: pointer;
  margin: 0;
  background: url(/assets/join-grey-check.png) no-repeat;
}

.modal .form-group .prettycheckbox {
  width: 14px;
  height: 14px;
}

.modal .form-group .prettycheckbox a.checked {
  background-position: 0 -16px !important;
}

.mcp-uu {
  top: 2% !important;;
}

.mcp-ru {
  top: 10% !important;
}
/*End Latest Change*/

/*Last Edited 080414*/