/* ---------------------------------------------------------------------
					
	'Open Sans' FONT WEIGHTS:
		300 Light					
		400 Normal						
		600 Light-Bold					
		700 Regular Bold				
		800 Extrabold						
											
	'Open Sans Condensed' FONT WEIGHTS:		
		300 Light						
		700 Regular Bold 		
		
------------------------------------------------------------------------ */
/* open-sans-300 */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('/wp-content/themes/Aruba2015/fonts/open-sans-300.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/Aruba2015/fonts/open-sans-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/Aruba2015/fonts/open-sans-300.woff') format('woff'); /* Modern Browsers */
  }
  /* open-sans-300italic */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('/wp-content/themes/Aruba2015/fonts/open-sans-300italic.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/Aruba2015/fonts/open-sans-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/Aruba2015/fonts/open-sans-300italic.woff') format('woff'); /* Modern Browsers */
  }
  /* open-sans-regular */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/wp-content/themes/Aruba2015/fonts/open-sans-regular.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/Aruba2015/fonts/open-sans-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/Aruba2015/fonts/open-sans-regular.woff') format('woff'); /* Modern Browsers */
  }
  /* open-sans-italic */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('/wp-content/themes/Aruba2015/fonts/open-sans-italic.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/Aruba2015/fonts/open-sans-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/Aruba2015/fonts/open-sans-italic.woff') format('woff'); /* Modern Browsers */
  }
  /* open-sans-600 */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/wp-content/themes/Aruba2015/fonts/open-sans-600.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/Aruba2015/fonts/open-sans-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/Aruba2015/fonts/open-sans-600.woff') format('woff'); /* Modern Browsers */
  }
  /* open-sans-700 */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/wp-content/themes/Aruba2015/fonts/open-sans-700.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/Aruba2015/fonts/open-sans-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/Aruba2015/fonts/open-sans-700.woff') format('woff'); /* Modern Browsers */
  }
  /* open-sans-800 */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('/wp-content/themes/Aruba2015/fonts/open-sans-800.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/Aruba2015/fonts/open-sans-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/Aruba2015/fonts/open-sans-800.woff') format('woff'); /* Modern Browsers */
  }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
}
html {
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
*, :after, :before {
    box-sizing: inherit
}
img {
    width: 100%
}
body {
    background: #fdfdfd;
	width: 100%;
}
body, button, input, select, textarea {
    color: #2b2b2b;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
.clearfix:after, .results-header .row:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}
* html .clearfix, * html .results-header .row, .results-header * html .row, .results-header :first-child+html .row, :first-child+html .clearfix, :first-child+html .results-header .row {
    zoom: 1
}
/* Global default styles */

.site {
    height: 100%;
    overflow: hidden;
    position: relative;
    right: 0;
    width: 100%;
    background: #fff;
}
.text-center {
    text-align: center;
    display: block;
}
a {
    color: #ff8300;
    text-decoration: none;
    -webkit-transition: color 0.15s linear 0s;
    -moz-transition: color 0.15s linear 0s;
    -ms-transition: color 0.15s linear 0s;
    -o-transition: color 0.15s linear 0s;
    transition: color 0.15s linear 0s;
}
a:hover, a:active, a:focus {
    outline: 0;
}
a:active, a:hover {
    color: #ff4c00;
    text-decoration: none;
}
.arrow-left {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 8.7px 5px 0;
    border-color: transparent #ff8300 transparent transparent;
    display: inline-block
}

/**
 * 3.0 Basic Structure
 * -----------------------------------------------------------------------------
 Copy this to the community as well
 */
.col-wrap, .cardStepper section, #results section, #results header > .row {
    width: 1200px;
    margin: 0 auto;
}
.colspan-1, .colspan-2, .colspan-3, .colspan-4, .colspan-5, .colspan-6, .colspan-7, .colspan-8, .colspan-9, .colspan-10, .colspan-11, .colspan-12 {
    margin: 0 1%;
    display: inline;
    float: left;
}
.colspan-1 {
    width: 80px;
}
.colspan-2 {
    width: 180px;
}
.colspan-3, .quarterspan {
    width: 280px;
}
.colspan-4 {
    width: 380px;
}
.colspan-5 {
    width: 480px;
}
.colspan-6, .halfspan {
    width: 49%;
}
.colspan-6:nth-of-type(2n-1), .halfspan:nth-of-type(2n-1) {
    margin-left: 0;
    clear: both;
}
.colspan-6:nth-of-type(2n), .halfspan:nth-of-type(2n) {
    margin-right: 0;
}
.colspan-6:nth-of-type(2n-1)+ .LV_validation_message.LV_invalid,
.halfspan:nth-of-type(2n-1)+ .LV_validation_message.LV_invalid {
    position: relative;
    left: -50%;
    top: 75px;
    float: left;
}
.colspan-6:nth-of-type(2n)+ .LV_validation_message.LV_invalid,
.halfspan:nth-of-type(2n)+ .LV_validation_message.LV_invalid {
    position: relative;
    left: 51%;
    float: left;
}
.colspan-7 {
    width: 680px;
}
.colspan-8 {
    width: 780px;
}
.colspan-9 {
    width: 880px;
}
.colspan-10 {
    width: 980px;
}
.colspan-11 {
    width: 1080px;
}
.colspan-12 {
    width: 1180px;
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 0;
    margin-left: 0;
}
.flex-header #splashpage {z-index: inherit!important;}
.disclaimer {font-size: 80%; line-height: 1.4;}
/**
 * 4.0 Header/Footer
 * Header/footer/Nav 
 * These 3 features require a local scoped selector in order to allow easy 
 * portability to the community site
 * -----------------------------------------------------------------------------
 */
.site-header {
    height: 90px;
    width: 100%;
    padding: 0 0 8px 0;
    position: fixed;
    backface-visibility: hidden;
    top: 0;
    background: transparent url(../images/shadow-header.png) bottom left repeat-x;
    z-index: 99999999;
	box-sizing: content-box;
}
.site-header .outter {
    height: 90px;
    width: 100%;
	background: #fff;
}
.site-main {
    padding-top: 0px;
}
.site-header a, .footer {
    -webkit-transition: all 0.15s linear 0s;
    -moz-transition: all 0.15s linear 0s;
    -ms-transition: all 0.15s linear 0s;
    -o-transition: all 0.15s linear 0s;
    transition: all 0.15s linear 0s;
}
.site-header .inner, .footer .inner, .contactPanel .inner {
    width: 1200px;
    margin: 0 auto;
}
.site-header .inner .site-logo {
    width: 155px;
    margin: 13px 10px 0;
    float: left;
    display: inline;
}
.site-logo img {width: auto;}
.site-header .inner .persistent-navigation{
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    display: block;
    color: #999899;
    /*width: 380px;*/
    /*I may regret this later*/
    
    float: right;
    margin: 0 10px;
    padding: 18px 0;
    display: inline;
}
.site-header .inner .persistent-navigation {
    padding: 0;
    position: relative;
    z-index: 1111;
}
.flex-header .site-header {
    height: 60px;
    padding: 0;
    position: relative;
    top: 0;
    background: transparent;
	margin-bottom: -60px;
	z-index: inherit;
}
.flex-header .site-header-space {display: none;}
.flex-header ul li.share-toggle > ul.sub-menu {
    left: auto;
    top: 44px;
}
.flex-header .site-header:after { display: none;}
.flex-header .results-header .result-progress-bar { height: 35px; margin-top: 55px;}
.flex-header .results-header .result-progress-number { top: 5px;}
.flex-header .results-header .result-header-nav {top: -10px;}
.flex-header .site-header .inner .persistent-navigation{padding-top: 10px;}
.flex-header .site-header .inner .languages-toggle {margin: -7px 0 -7px 0}
.flex-header .site-header .inner .languages-toggle > ul.sub-menu {top: 48px;}
.flex-header ul li.share-toggle {margin: -3px 0 -3px 0;}
.flex-header .results-header .result-progress-loader {}
.flex-header .results-header {box-shadow: 0 0 0;}
.site-header-space { height: 90px;}
.site-header .inner .primary-navigation + .persistent-navigation {
    float: left;
}
.persistent-navigation a {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.persistent-navigation ul li {
    float: right;
    height: 40px;
    line-height: 28px;
    position: relative;
	text-align: left;
}
.persistent-navigation ul li.call-out {
    margin: 0 0 0 36px;
}
.persistent-navigation ul li a {
    display: inline-block;
    position: relative;
    font-weight: 600;
}
ul li.call-out a {
    padding: 0 12px;
    z-index: 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #ff8300;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}
ul li.call-out a:hover {
    background-color: #ff4c00 !important;
}

.site-header .inner ul li {
    list-style: none;
    list-style-position: inside;
}
ul li.share-toggle > ul.sub-menu li.menu-heading > a, 
.site-header .inner .languages-toggle > ul.sub-menu li.menu-heading > a {
    text-transform: uppercase;
    color: #9fd4c9;
    font-size: 10px;
    font-weight: 600;
    background: none;
    text-indent: 0;
}
ul li.share-toggle > ul.sub-menu li.menu-heading > a, .site-header .inner .languages-toggle > ul.sub-menu li.menu-heading > a {
    cursor: default !important;
}
ul li.share-toggle a, .site-header .inner .languages-toggle a, 
.site-header .primary-navigation .nav-wrap > div > ul.nav-menu li.menu-close a:active {
    outline: none;
	-webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

ul li.share-toggle {
	margin: 0 0 0 20px;
}

.site-header .inner .languages-toggle {
    margin: 0;
	height: 50px;
}
ul li.share-toggle a 
ul li.share-toggle > a span, .site-header .inner .languages-toggle > a span {
    background: url(../images/sprite-burgertime.png) no-repeat right 0px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    outline: none;
}
ul li.share-toggle > a span {
    background: url(../images/sprite-share.png) no-repeat right -95px;
}
.site-header .inner .languages-toggle > a span {
    background: url(../images/sprite-globe.png) no-repeat center -95px;
	width: 28px;
	margin: 0 21px;
}
ul li.nav-toggle a:hover span,
ul li.nav-toggle.active a:hover span,
ul li.share-toggle > a:hover span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
ul li.share-toggle > a {
    background: url(../images/sprite-share.png) no-repeat center 0;
    width: 21px;
    text-indent: -9999px;
}
ul li.share-toggle.active > a {
	height: 42px;
    background: url(../images/sprite-share.png) no-repeat right -41px;
}
.site-header .inner .languages-toggle > a {
    background: url(../images/sprite-globe.png) no-repeat center 0;
    width: 90px;
	padding: 2px 5px 0;
	text-align: center;
	font-size: 12px;
	color: #636469;
	/*white-space: nowrap;*/
	line-height: 16px;
	height: 35px;
}
.site-header .inner .languages-toggle.active > a {
    background: url(../images/sprite-globe.png) no-repeat center -41px;
	height: 45px;
}
ul li.share-toggle > ul.sub-menu, .site-header .inner .languages-toggle > ul.sub-menu {
    position: absolute;
    top: 63px;
    display: none;
    z-index: 2;
    padding: 9px 20px 20px;
    background: url(../images/bg-toggle.png) repeat 0 0;
}
ul li.share-toggle > ul.sub-menu {
    left: -110px;
	top: 62px;
}
.site-header .inner .languages-toggle > ul.sub-menu {
/*    left: -153px;*/
}
ul li.share-toggle.active > ul.sub-menu, 
.site-header .inner .languages-toggle.active > ul.sub-menu {
    display: block;
}
.site-header .inner .languages-toggle.active > ul.sub-menu {
}
ul li.share-toggle > ul.sub-menu > li.menu-heading, 
.site-header .inner .languages-toggle > ul.sub-menu > li.menu-heading {
    height: 31px;
}
ul li.share-toggle > ul.sub-menu > li.menu-heading { max-width: 125px; white-space: nowrap;text-align: left;}
li.mobile-share-toggle > ul.sub-menu a, ul li.share-toggle > ul.sub-menu a {
    float: left;
    display: block;
    margin: 0 30px 0 0;
    height: 26px;
    position: relative;
}
ul li.share-toggle > ul.sub-menu a:last-child {
    margin: 0;
}
ul li.share-toggle > ul.sub-menu a.social-twitter {
    width: 25px;
}
ul li.share-toggle > ul.sub-menu a.social-fb {
    width: 11px;
}
ul li.share-toggle > ul.sub-menu a.social-lnkin {
    width: 24px;
}
ul li.share-toggle > ul.sub-menu a.social-gplus {
    width: 27px;
}
ul li.share-toggle > ul.sub-menu a {
    display: inline-block;
    width: 100%;
    background: url(../images/sprite-social-icons-sm.png) no-repeat left top;
    outline: none;
    text-indent: -9999px;
}
ul li.share-toggle > ul.sub-menu a.social-twitter {
    background-position: 0 0;
}
ul li.share-toggle > ul.sub-menu a.social-fb {
    background-position: -55px 1px;
}
ul li.share-toggle > ul.sub-menu a.social-lnkin {
    background-position: -96px 0;
}
ul li.share-toggle > ul.sub-menu a.social-gplus {
    background-position: -150px 0;
}
ul li.share-toggle > ul.sub-menu a.social-twitter span {
    background-position: 0 -26px;
}
ul li.share-toggle > ul.sub-menu a.social-fb span {
    background-position: -55px -26px;
}
ul li.share-toggle > ul.sub-menu a.social-lnkin span {
    background-position: -96px -26px;
}
ul li.share-toggle > ul.sub-menu a.social-gplus span {
    background-position: -150px -26px;
}
ul li.share-toggle > ul.sub-menu a span {
    background: url(../images/sprite-social-icons-sm.png) no-repeat left top;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
ul li.share-toggle > ul.sub-menu a:hover span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.site-header .inner .languages-toggle li.menu-heading {
    float: none;
    display: block;
}
.site-header .inner .languages-toggle li.lang-option {
    float: left;
    height: auto;
	clear: left;
    display: inline-block;
    padding: 5px 10px;
	line-height: 20px;
	width: 40%;
	white-space: nowrap;
}
.site-header .inner .languages-toggle li.lang-option:nth-child(8),
.site-header .inner .languages-toggle li.lang-option:nth-child(8) ~ li.lang-option {
	float: none;
	margin-right: 0;
	clear: none;
	
}
.site-header .inner .languages-toggle li.lang-option:nth-child(8) {
	}
.site-header .inner .languages-toggle li.lang-option a {
    white-space: nowrap;
    display: block;
}
.site-header .inner .languages-toggle li.lang-option span.icl_lang_sel_current {
    color: #97d1eb;
}
.site-header .inner .languages-toggle li.lang-option a, .site-header .inner .languages-toggle li.lang-option a span, .site-header .inner .languages-toggle li.lang-option span, .site-header .inner .languages-toggle li.lang-option a span.icl_lang_sel_current {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}
.site-header .inner .languages-toggle li.lang-option a span.icl_lang_sel_native,
.site-header .inner .languages-toggle li.lang-option a span.icl_lang_sel_translated span {
    display: none;
}
.site-header .inner .languages-toggle li.lang-option a span.icl_lang_sel_native:after {
    content: ' · ';
    font-weight: 600;
	display: none;
}
.header-language-holder {
	width: 0;
	}
.site-header .inner .persistent-navigation {
       padding-top: 14px;
}

.footer {
    background-color: #f3f3f4;
    position: absolute;
	left: 0;
	right: 0;
}
.footer:before {
    background: url(../images/shadow-header.png) top left repeat-x;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.40;
    z-index: 0;
    top: 0;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
	left: 0;
	right: 0;
}
.footer .inner {
    padding: 35px 0 35px;
    color: #999899;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    position: relative;
    z-index: 2;
    overflow: auto;
}
.footer a {
    color: #999899;
}
.footer a:hover {
    text-decoration: none;
    color: #646569 !important;
}
.footer .legal-nav {
    display: inline;
    float: left;
}
.footer ul li {
    list-style: inside none none;
}

.footer .legal-nav .footer-legal-list, .footer .legal-nav .footer-legal-list > li {
    display: inline;
    margin: 0 10px;
	padding: 0;
}
.footer .legal-nav .footer-legal-list > li:first-child {
    margin-left: 0;
}
.footer .legal-nav .footer-legal-list li a {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 12px;
    line-height: 22px;
}
.footer .copyright-nav {
    float: right;
}
.footer .copyright-nav p {
    font-size: 12px;
    line-height: 22px;
    margin: 0;
    text-align: right;
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */.animated, .cards .card {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.infinite, .cards .infinite.card {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.animated.hinge, .cards .hinge.card {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY, .cards .bounceIn.card, .cards .bounceOut.card, .cards .flipOutX.card, .cards .flipOutY.card {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}
@-webkit-keyframes flash {
0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
to {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
to {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}
@-webkit-keyframes shake {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}
@-webkit-keyframes headShake {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);
transform:scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
@keyframes tada {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);
transform:scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform:none;
transform:none
}
}
@keyframes wobble {
0% {
-webkit-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform:none;
transform:none
}
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}
@-webkit-keyframes jello {
0%, 11.1%, to {
-webkit-transform:none;
transform:none
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello {
0%, 11.1%, to {
-webkit-transform:none;
transform:none
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to {
opacity:1;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to {
opacity:1;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
to {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
to {
-webkit-transform:none;
transform:none
}
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to {
-webkit-transform:none;
transform:none
}
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to {
-webkit-transform:none;
transform:none
}
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
to {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
to {
opacity:1
}
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.cards .card, .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
to {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
to {
opacity:0
}
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) rotateY(-1turn);
transform:perspective(400px) rotateY(-1turn);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) rotateY(-1turn);
transform:perspective(400px) rotateY(-1turn);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
.animated.flip, .cards .flip.card {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
opacity:1
}
to {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
opacity:1
}
to {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg);
opacity:1
}
to {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg);
opacity:1
}
to {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
to {
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
to {
-webkit-transform:none;
transform:none;
opacity:1
}
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity:1
}
to {
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0
}
}
@keyframes lightSpeedOut {
0% {
opacity:1
}
to {
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0
}
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
to {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
to {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
to {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
to {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
to {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
to {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
to {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
to {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to {
-webkit-transform:translate3d(0, 700px, 0);
transform:translate3d(0, 700px, 0);
opacity:0
}
}
@keyframes hinge {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to {
-webkit-transform:translate3d(0, 700px, 0);
transform:translate3d(0, 700px, 0);
opacity:0
}
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);
transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);
transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate(120deg);
transform:translate3d(100%, 0, 0) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate(120deg);
transform:translate3d(100%, 0, 0) rotate(120deg)
}
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
to {
opacity:0
}
}
@keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
to {
opacity:0
}
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center
}
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
transform:scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
transform:scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center
}
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}
.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}
.hidden {
    display: none
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
body {
    background: #fff;
    font-family: Open Sans, sans-serif;
    color: #fff;
    font-size: 16px;
    text-align: center
}
h1, h2 {
    font-weight: 300;
    margin: 0
}
h1 {
    font-size: 3em;
    line-height: 1.2;
    margin-top: 0.3em
}

@media (min-width:200px) and (max-width:767px) {
h1 {
    font-size: 2.9em
}
}
h1 > span {
    font-size: 0.75em;
    position: relative;
    top: -0.2em;
}
h2 {
    font-size: 1.5em
}
p {
    max-width: 560px;
    margin: 1em auto 2em
}
header {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    height: 76px;
    width: 100%;
    color: #646569;
    text-align: center;
    position: relative;
    z-index: 10
}
header img {
    width: 98px;
    margin: .5em auto 0
}
.button-learnmore, .button-primary, button {
    border: 0;
    background: #ff8300;
    color: #fff;
    font-size: 16px;
    padding: .8em 2.4em;
    text-transform: uppercase;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -webkit-transition: all .2s;
    transition: all .2s;
    cursor: pointer
}
.button-learnmore:hover, .button-primary:hover, button:hover {
    box-shadow: 0 3px 8px rgba(0,0,0,.2);
    background: #ff5f00;
    color: #fff
}
.button-learnmore {
    background: none;
    color: #ff8300;
    border: 1px solid #ff8300;
    -webkit-transition: all .2s;
    transition: all .2s;
    padding: .8em 1em;
    flex-basis: 50%;
    margin-left: 0.5em;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: none;
}
.button-learnmore:hover {
    box-shadow: 0 3px 8px rgba(0,0,0,.2);
    color: #ff5f00;
    border: 1px solid #ff5f00;
    background: none
}
button.button-startover {
    margin: 2em auto;
    float: none;
}
#aio .hero {
    padding-top: 4em;
}
#aio .hero h2 {
    margin-bottom: 1em;
}
#splashpage {
    display: block;
    background: #9dd4c9;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    min-height: 0;
    z-index: 9999999;
	padding-bottom: 1.5em;
}
.spashpage-content {
    margin-top: -50px
}
.spashpage-content >img {
    width: auto;
    max-width: 100%;
}
#splashpage header {
    margin-bottom: 2em;
    box-shadow: none;
    background: none

}

@media (max-width:1024px) {
    .spashpage-content >img {
        width: 200%;
        max-width: none;
        margin: 0 -50%;
    }
}

@media (min-width:200px) and (max-width:767px) {
#splashpage header {
    margin: 0;
    height: 2rem
}
.spashpage-content {
    margin-top: 0
}
}
#splashpage .stripe {
    background: #fff;
    display: block;
    width: 100%;
    padding: 2em 0;
    margin-top: 1em
}

@media (min-width:200px) and (max-width:767px) {
#splashpage .stripe {
    padding: 2em 1em
}
}
#splashpage p {
    margin-top: 0;
    color: #646569;
    font-size: 1.3em;
    max-width: 700px
}
#questions {
    display: none;
	padding-top: 30px;
    margin-top: -30px;
    background: #fff;
}
#question-sections {
    min-height: 40em;
    overflow: hidden;
}
#question-sections:before {
    content: "";
    background: #ff8300;
    position: absolute;
    left: 0;
    right: 0;
    height: 300px;
}
.previous-navigation {
    float: left;
    margin-left: 15px;
    margin-top: .5em;
    position: relative;
    top: .8em;
    text-transform: uppercase
}

@media (min-width:200px) and (max-width:767px) {
.previous-navigation {
    display: none;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden
}
}
.progress-info {
    width: 380px;
    margin: 0 auto;
    text-align: center
}

@media (min-width:200px) and (max-width:767px) {
.progress-info {
    width: 80%;
    position: relative
}
}
.progress-info .text {
    font-style: italic;
    font-size: 12px
}
.progress-percent {
    margin-top: 20px;
    font-size: 20px
}

@media (min-width:200px) and (max-width:767px) {
.progress-percent {
    line-height: 1em
}
}
.progress-bar {
    border: 1px solid #646569;
    height: 10px;
    margin-top: 5px;
    position: relative;
    z-index: 11
}
.progress-bar .progress-inner {
    width: 10%;
    height: 8px;
    background: #d5d848;
    position: relative;
    z-index: 10
}
.hero-background {
    display: none;
    width: 100%;
    min-height: 300px;
    background: #ff8300
}
.hero {
    display: block;
    width: 100%;
    top: auto;
    color: #fff;
    padding: 2em 0;
    position: relative;
    z-index: 1
}
.hero h2 {
    font-size: 2.3em;
    margin-bottom: .5em
}

@media (min-width:200px) and (max-width:767px) {
.hero h2 {
    font-size: 1.8em
}
}
.hero p {
    font-size: 16px;
    margin-bottom: 1em
}
.cards {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    top: auto;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:200px) and (max-width:767px) {
.cards {
    display: block;
    width: 90%;
    margin: 0 auto
}
}
.cards .card {
    border: 1px solid #c6c6c6;
    display: block;
    padding: 1em 1em .3em;
    width: 220px;
    min-height: 200px;
    margin-bottom: 2em;
    float: left;
    background: #fff;
    position: relative;
    z-index: 11;
    color: #646569;
    background-position: top;
    background-size: 100px 100px;
    background-repeat: no-repeat;
    margin-right: 2em;
    -webkit-transition: all .2s;
    transition: all .2s;
    cursor: pointer
}
.cards .card:hover {
    box-shadow: 0 1px 2px rgba(0,0,0,.2)
}
.cards .card:hover .text {
    color: #646569
}
.with-help .text:after {
    content: "?";
    display: inline-block;
    margin-left: 5px;
    padding: 2px;
    font-size: 14px;
    line-height: 1;
    border-radius: 100%;
    font-weight: 600;
    height: 18px;
    width: 18px;
    color: #fff;
    background: #cecece;
}
.help {
    opacity: 0;
    position: absolute;
    z-index: 1;
    left: -10px;
    right: -10px;
    background: #f3f3f4;
    padding: 15px;
    text-align: left;
    border: 1px solid #e2e2e2;
    margin-top: 10px;
    font-size: 90%;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}
.with-help {
    overflow: hidden;
}
.with-help:hover {
    overflow: visible;
}
.with-help:hover .help {
    opacity: 1;
}
.with-help:hover .text:after {
    background: #ff8300;
}
.cards .card.with-help:active .help {
    opacity: 0;
}
.help:after {
    content: '\2023';
    position: absolute;
    left: 50%;
    top: -5px;
    margin-left: -3px;
    font-size: 40px;
    line-height: 0;
    z-index: 2;
    transform: rotate(270deg);
    text-shadow: 1px 0 0 rgba(0,0,0,0.75);
    color: #f3f3f4;
}
@media (min-width:200px) and (max-width:767px) {
.with-help .text:after,
.help:after {
    display: none;
}   
.help,
.cards .card.with-help:active .help {
    position: static;
    margin-bottom: 5px;
    margin-top: 5px;
    display: block;
    opacity: 1;
    border: 0;
    background: transparent;
    text-align: center;
}
.cards .card {
    width: 100%;
    min-height: 160px
}
}
.cards .card:active {
    background-color: #76b4fb;
    color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.2)
}
.cards .card:active .text {
    color: #fff
}
.cards .card .text {
    color: #646569;
    margin-top: 100px;
    text-transform: none;
    font-size: 16px
}
.cards .card .text > span {
    display: inline-block;
    margin-top: 0.5em;
    font-size: 0.9em;
    line-height: 1.4;
}
#questions .selected {
    background-color: #76b4fb;
    color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.2)
}
#questions .selected .text {
    color: #fff
}
#hospitality {
    display: none
}
#size .cards {
	padding-bottom: 2em;
}
#size .card-slider {
    display: block;
    width: 740px;
    margin: 0;
    padding: 3em 3em 2em;
    border: 1px solid #9dd4c9;
    min-height: 200px;
    background: #fff;
    position: relative;
    z-index: 11;
    color: #9dd4c9
}

@media (min-width:200px) and (max-width:767px) {
#size .card-slider {
    width: 100%;
    margin: 0 auto;
    padding: 2em 1em 0
}
}
#size .card-slider .left {
    width: 100%;
    display: inline-block;
    float: left
}
#size .card-slider .right {
    width: 100%;
    text-align: center;
    display: block
}
#size .card-slider .sliderOutput {
    padding: .4em 1em;
    position: relative;
    top: -1em;
    color: #646569;
    font-size: 28px;
    margin: 0 auto;
    text-align: center
}
#size .card-slider .sliderOutput-text {
    font-size: 12px;
    display: none
}
.slider-icon .text {
    display: none
}
.slider-icon img {
    position: relative;
    top: 1em
}
.rangeslider, .rangeslider__fill {
    display: block;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
    border-radius: 10px;
    background: #e3efef;
    z-index: 5
}
.rangeslider {
    height: 14px;
    width: 100%;
    position: relative;
    border: 1px solid #ff8300;
    margin-bottom: 5em
}
.tick {
    height: 20px;
    width: 2px;
    background: #ff8302;
    margin-left: 49%;
    display: inline-block;
    float: left;
    position: relative;
    z-index: 0;
    top: 12px;
    font-size: 14px;
    color: #646569
}
.tick:first-child {
    position: relative;
    margin-left: 1.85rem
}
.tick:first-child:after {
    content: "10";
    position: relative;
    top: 20px;
    left: -8px;
    color: #646569
}
.tick:nth-child(2) {
    position: relative;
    left: -28px
}
.tick:nth-child(2):after {
    content: "500";
    position: relative;
    top: 20px;
    left: -10px
}
.tick:last-child {
    margin-left: 0;
    float: right;
    margin-right: 1.98em
}
.tick:last-child:after {
    content: "1000";
    position: relative;
    top: 20px;
    left: -15px
}
.slider-icon {
    display: none;
    height: 90px
}

@media (min-width:200px) and (max-width:767px) {
.slider-icon {
    height: 60px
}
}
.slider-icon img {
    max-width: 64px;
    background: #fff;
    border-radius: 50%
}

@media (min-width:200px) and (max-width:767px) {
.slider-icon img {
    max-width: 50px
}
}
.slider1 {
    display: block
}
.rangeslider__fill {
    position: absolute
}
.rangeslider--horizontal .rangeslider__fill {
    top: 0;
    height: 100%
}
.rangeslider--vertical .rangeslider__fill {
    bottom: 0;
    width: 100%
}
.rangeslider__handle {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    background-color: #fff;
    border: 2px solid #9dd4c9;
    background-image: url(../images/sliderNode.svg);
    box-shadow: 0 3px 8px rgba(0,0,0,.2);
    border-radius: 50%;
    background-size: 120%;
    background-position: center -4px;
    z-index: 99
}
.rangeslider__handle:active {
    box-shadow: none
}
.rangeslider--horizontal .rangeslider__handle {
    top: -20px;
    touch-action: pan-y;
    -ms-touch-action: pan-y
}
input.parsley-error {
    border: 1px solid #ff8300
}
.parsley-errors-list {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    height: 0
}
.parsley-errors-list li {
    top: -1.3em;
    font-size: .8em;
    color: #ff8300;
    position: relative
}
.selection-table {
    display: none;
    opacity: 0;
    position: relative;
    background: #fff;
    max-width: 650px;
    margin: 0 auto;
    border: 1px solid #9dd4c9;
    padding: 0;
    text-align: center
}
.selection-table h4, .selection-table p {
    margin: 0;
    padding: 0;
    max-width: 100%;
    display: block
}
.selection-table .row {
    min-height: 60px;
    border-bottom: 1px solid #9dd4c9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.selection-table .row:last-child {
    border: 0
}
.selection-table .st-footer {
    display: block;
    padding: 3em 1em 1em
}
.selection-table .st-footer .button-learnmore, .selection-table .st-footer .button-primary {
    float: right
}

@media (min-width:200px) and (max-width:767px) {
.progressMobile {
    position: relative;
    top: -80px
}
}
.st-header {
    background: #ff8300;
    color: #fff
}
.st-header .block {
    display: block
}
.st-titles {
    font-weight: 700;
    text-transform: uppercase
}
.st-selections, .st-titles {
    font-size: 12px
}
.col3 {
    width: 33%;
    min-height: 70px;
    vertical-align: middle;
    float: left;
    border-right: 1px solid #9dd4c9;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.col3:last-child {
    border-right: 0
}
.button-startover {
    float: left;
    background: none;
    box-shadow: none;
    padding: 0;
    position: relative;
    top: .5em;
    color: #ff8300
}
.button-startover:hover {
    box-shadow: none;
    background: none;
    color: #ff5f00
}
.button-startover:focus {
    outline: none
}
.button-startover img {
    width: 20px;
    height: 20px;
    position: relative;
    top: .26em;
    margin-right: 5px
}
.orange_arrow, .white_arrow, .lime_arrow {
    width: 23px;
    height: 23px;
    display: inline-block;
    margin-bottom: -5px;
	margin-right: 5px;
}
.orange_arrow,
a:hover .white_arrow,
a:active .white_arrow {
    background: url(//www.nexbus-cng.com/wp-content/themes/Aruba2015/images/cta-arrow-org-23x23.png) no-repeat;
}
.white_arrow {
    background: url(//www.nexbus-cng.com/wp-content/themes/Aruba2015/images/cta-arrow-wht-23x23.png) no-repeat 0 0;
}
.js-nav-q1 {
    position: absolute;
    left: 15px;
    top: 1.2em
}
#results {
    display: none;
    position: static;
    width: 100%;
    height: 100%;
    top: 0;
    background: #9dd4c9;
}
#results .special {
    margin-top: 0;
    position: relative;
    top: -1em;
    margin-bottom: .4em;
    font-weight: 700
}
#results .special.bottom-special {
	top: 1em;
}
#results .special:before {
    content: "";
    width: 25px;
    height: 25px;
    display: inline-block;
    background-image: url(../images/ui/ui-exclamation.svg);
    background-size: cover;
    background-position: 50%;
    position: relative;
    top: .4em;
    left: -.4em
}
#results .footer-contact {
    font-size: 14px;
    margin-top: 2em
}
#results .footer-contact a {
    color: #646569;
    font-weight: 700;
    text-decoration: underline
}
.results-header {
    text-align: left;
    height: auto;
    min-height: auto;
    position: relative;
    z-index: 400
}
.results-header .aruba-logo {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: left;
    padding: 1em
}

@media (min-width:200px) and (max-width:767px) {
.results-header .aruba-logo {
    width: 100%;
    border-right: 0;
    padding: 1em
}
}
.results-header .aruba-logo img {
    margin: 0;
    width: 100%;
    max-width: 150px;
    display: none
}
.results-header .aruba-logo .timed-message {
    text-align: center
}
.results-header .aruba-logo .timed-message-results {
    text-align: center;
    display: none;
    padding-top: 1em
}
.results-header .aruba-logo .heading {
    color: #ff8300;
    font-size: 18px;
    margin-bottom: .5em
}
.results-header .aruba-logo .sub-heading {
    font-size: 14px
}
.results-header .button-contactus {
    font-family: Open Sans, sans-serif;
    height: 100%;
    float: right;
    width: 180px;
    opacity: 0;
    text-align: center;
    line-height: 100%
}

@media (min-width:200px) and (max-width:767px) {
.results-header .button-contactus {
    width: 100px;
    font-size: 12px;
    padding: 0
}
}
.results-header .button-startover {
    top: -2px;
    left: 2em;
    margin: 0;
    line-height: 100%
}
.results-header .button-previous-button {
    background: none;
    box-shadow: none;
    padding: 0;
    top: .4em;
    left: 1em;
    position: relative;
    width: auto;
    color: #ff8300;
    -webkit-transition: all .2s;
    transition: all .2s;
    float: left;
    line-height: 100%
}
.results-header .button-previous-button:hover {
    color: #ff5f00
}
.results-header .button-previous-button:before {
    content: "";
    width: 20px;
    height: 20px;
    background-size: 55%;
    position: relative;
    top: .3em;
    left: -.3em;
    background-repeat: no-repeat;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
    background-image: url(../images/ui/ui-nextchevron-orange.svg)
}
.results-header .button-previous-button:after {
    content: "";
    border-right: 1px solid #ff8300;
    margin-left: 1em
}
.results-header .row:first-child {
    border-bottom: 1px solid #9dd4c9;
    position: relative
}
.results-header .row.results-message {
    border-left: 1px solid #9dd4c9;
    border-right: 1px solid #9dd4c9;
}
.results-header .result-progress-bar {
    color: #fff;
    height: 40px
}
.results-header .result-progress-loader {
    background: #ff8300;
    width: 0;
    padding: .4em;
    height: 100%
}
.results-header .result-progress-number {
    float: left;
    color: #fff;
    position: absolute;
    top: .5em;
    left: 1em;
    z-index: 999
}
.results-header .result-progress-number:after {
    content: "%";
    margin-left: 2px
}
.results-header .result-header-nav {
    position: absolute;
    width: 100%;
    top: 3px;
    left: 0;
    height: 40px;
    opacity: 0
}
.row-contact {
    text-align: center
}
.results-profile {
    width: 75%;
    float: left;
    border-left: 1px solid #9dd4c9
}

@media (min-width:200px) and (max-width:767px) {
.results-profile {
    display: none
}
}
.results-profile .row.st-selections {
    border-bottom: 0;
    text-align: center;
    font-size: 16px
}
.results-profile .row.st-selections span {
    padding: 1em;
    display: block;
    height: 60px
}
.results-profile .col3 {
    min-height: 58px
}
.results-profile .col3 div {
    display: block;
    padding-top: .5em;
    text-align: center
}
.st-icon, .st-text {
    opacity: 0
}
.st-text {
    padding: 0 .2rem
}
.itteam-1:after, .st-icon-single:after {
    background-image: url(../images/icons/icons-gray_wave2.svg)
}
.results-products {
    padding: 2em 2em 4em;
    background: #9dd4c9
}
.results-products p {
    color: #646569;
}
.results-products p.p-intro {
    /*color: #2b2b2b;*/
    font-size: 110%;
    margin-bottom: 0.5em;
    max-width: none;
}
.results-products p a {
	color: #646569;
	font-weight: bold;
	margin-top: 10px;
	display: inline-block;
}
.results-products p a:active, .results-products p a:hover {
    color: #ff4c00;
}
.product-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:200px) and (max-width:767px) {
.product-cards {
    display: block
}
}

@media (min-width:200px) and (max-width:767px) {
.product-cards .flex {
    margin-bottom: 1em
}
}
.product-card {
    display: block;
    position: relative;
    width: 280px;
    min-width: 80%;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    background: #fff;
    margin: 0 1em;
    cursor: pointer;
    padding-bottom: 1em
}
.product-card, .product-card:hover .card-cta {
    -webkit-transition: all .2s;
    transition: all .2s
}
.product-card:hover .card-cta,
.product-card .card-cta:hover {
    color: #ff5f00;
}
.product-card h4 {
    color: #646569;
    margin-bottom: 0
}
.product-card .card-header {
    background: #d3d647;
    font-weight: 600;
    color: #fff;
    margin: 0;
    padding: .5em;
    text-transform: uppercase
}
.product-card .card-header.wired {
    background: #76b4fb;
}
.product-card .card-header.management {
    background: #3c3f48;
}
.product-card .card-images {
    width: 190px;
    height: 190px;
    margin: 0 auto;
    padding: .5em
}
.product-card ul {
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 0 3% 0 5%;
    min-height: 215px
}
.product-card ul li {
    font-size: 11px;
    text-align: left;
    padding: 1em 1em 0.5em 1em;
    color: #646569;
    display: block;
    margin-left: 30px;
    position: relative
}
.product-card ul li:before {
    content: "";
    width: 25px;
    height: 20px;
    display: block;
    left: -25px;
    float: left;
    position: absolute;
    background-image: url(../images/ui/checks.svg);
    background-repeat: no-repeat;
    background-size: contain
}
.product-card ul li:last-child {
    border-bottom: 0
}
.product-card .card-cta {
    color: #ff8300;
   /* clear: both;
    background: #ff8300;
    padding: .7em;
    width: 192px;
    margin: 1em auto;
    color: #fff;
    text-transform: uppercase*/
}
.button-cta {
    clear: both;
    background: #ff8300;
    line-height: 1;
    padding: .7em;
    width: 250px;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    display: block;
    margin-bottom: 0.5em;
}
.results-products p a.button-cta,
.results-products p a.button-cta:hover {
    color: #fff;
    font-weight: normal;
}
.button-cta:hover {
    background: #ff5f00;
}
.product-card-number,
.product-card-nav-arrows {
    position: absolute;
    width: 100%;
}
.product-card-number .inner {
    color: #c6c6c6;
    position: relative;
    top: 200px;
}
.res-list {
    margin: 0;
    padding: 0;
    list-style: none;
    align-items: stretch;
}
.res-list > li {
    padding-left: 0;
    padding-right: 0;
    list-style: none;
    align-items: stretch;
}
.res-list > li:not(:first-of-type) {
    display: none;
    opacity: 0;
} 
.nextProductCard, .prevProductCard {
    width: 30px;
    height: 60px;
    display: none;
    z-index: 100;
    float: left;
    position: relative;
    top: 100px;
    background-position: 50%;
    background-size: 70%;
    -webkit-transition: all .2s;
    transition: all .2s;
    background-repeat: no-repeat;
    cursor: pointer;
}
.nextProductCard {
    right: 10px;
    float: right;
    background-image: url(../images/ui/ui-nextchevron-orange.svg)
}
.prevProductCard {
    left: 10px;
    cursor: default;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url(../images/ui/ui-nextchevron-orange.svg)
}
.product-details {
    width: 95%;
    min-height: 100%;
    background: #fff;
    top: 0!important;
    right: 0;
    bottom: 0;
    padding: 2em 0 2em 2em;
    text-align: left;
    position: fixed;
    z-index: 99999999
}
.product-details.slideOutRight {    
    width: 0;    
    max-height: 100%;    
    overflow: hidden;
}
.product-details .row {
    margin: 2em 0;
    display: flex;
    justify-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-wrap: nowrap;
    align-items: stretch;
}
@media (min-width:768px) and (max-width:1023px) {
.product-details .row .button-learnmore, .product-details .row .button-primary {
}
}

@media (min-width:768px) and (max-width:992px) {
.product-card {
    width: 250px;
    margin: 0 0.5em
}
}

@media (min-width:200px) and (max-width:767px) {
.product-details .row {display: block;}
.product-details .row .button-learnmore, .product-details .row .button-primary {
    width: 100%;
    margin-left: 0;
    margin-bottom: 1em;
    margin-right: 0;
}
}
.product-details .row a {
    padding: .8em 1em;
    display: flex!important;
    text-align: center;
    flex-basis: 50%;
    justify-content: center;
    flex-direction: column;
    margin-right: 0.5em;
}
.product-details p {
    margin: 0;
    width: 100%;
    line-height: 1.5em
}
.product-details h1 {
    color: #ff8300
}
.product-details h3 {
    color: #ff8300;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: -0.25em;
    font-size: 1.5em
}
.product-details .details, .product-details .gallery {
    width: 50%;
    float: left;
    padding-bottom: 4em;
    padding-top: 1em
}
.product-details .gallery {
    padding: 5em;
}
.product-details .gallery >img {
    max-width: 700px;
}

@media (min-width:200px) and (max-width:767px) {
.product-details .details, .product-details .gallery {
    width: 96%
}
.product-details .gallery {
    padding: 0;
}
}
#contact-close-button, .close-button, .close-overlay, .close-overlay img {
    color: #646569;
    font-size: .9em;
    cursor: pointer
}
#contact-close-button img, .close-button img, .close-overlay img {
    width: 15px;
    top: 3px;
    position: relative;
    margin-right: 5px
}
.panel-type {
    overflow: auto;
    position: static;
    height: 100%;
    margin-top: 1.5em;
}
.close-button,
.next-product-button {
    position: fixed;
    top: 0;
    right: 20px;
    padding: 1em;
    background: #fff;
}
.close-button {
    left: 2em;
    right: auto;
}
.next-product-button {
    color: #ff8300;
    text-transform: uppercase;
    cursor: pointer;
}
.next-product-button img {
    width: 15px;
    height: 18px;
    top: 3px;
    position: relative;
    margin-right: 5px
}
.detail-widget {
    width: 100%;
    color: #646569;
    padding-bottom: .5em
}
.detail-widget h4 {
    background: #e3efef;
    padding: .5em;
    font-weight: 400
}
.detail-widget ul {
    margin-bottom: 0;
}
.detail-widget li {
    margin-bottom: .3em;
    font-size: .9em
}

#contact-us .contact-us-panel {
    min-width: 700px;
}
#contact-us .overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4;
    top: 0;
    left: 0;
    z-index: 8000
}
.thank-you-message,
.email-thankyou,
.contact-us-panel.email-panel .contact-thankyou,
#contact-us .contact-us-panel .email-headline,
#contact-us .contact-us-panel.email-panel .contact-headline,
#contact-us .contact-us-panel.email-panel .main-form,
#contact-us .contact-us-panel.email-panel .main-form + .LV_validation_message {
    display:none;
}
#contact-us .contact-us-panel.email-panel .email-headline,
.contact-us-panel.email-panel .email-thankyou {
    display: block;
}
#contact-us .contact-us-panel {
    width: 60%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    background: #fff;
    z-index: 99999999;
    color: #646569;
    text-align: left;
    padding: 1em 3em;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

#contact-us .contact-us-panel.standalone {
	position: static;
    width: 100%;
    transform: none;
}
#koreaPrivacyContainer .koreaTerms {
    border: 1px solid #ccc;
    height: 240px;
    margin: 10px 0;
    overflow-y: scroll;
}
#koreaPrivacyContainer .koreaPrivacyRow {
    margin: 0 1% 15px 1%;
    width: 48%;
    float: left;
}

/**
 * GDPR related
 * -----------------------------------------------------------------------------
 */
 .aruba_cookie_privacy_popup {
    text-align: left;
}
.aruba_cookie_privacy_popup .privacy-form input {
	width: auto;
}
.aruba_cookie_privacy_popup  p {
	max-width: none;
}
.aruba_cookie_privacy_popup  label {
	display: inline;
	font-size: 100%!important;
}
@media (min-width:200px) and (max-width:767px) {
#contact-us .contact-us-panel {
    width: 95%;
    padding: 1em
}
}
#contact-us h2 {
    margin-bottom: 0;
    margin-top: 1em
}
#contact-us p {
    margin-top: .2em;
    max-width: 100%;
    margin: .2em 0 1em
}
.contact-us-form {
    display: none;
}
.contact-us-form.active {
    display: block;
    position: relative;
}
.contact-us-form .row {
    width: 48%;
    margin: 0 1% .5em;
    float: left
}

@media (min-width:200px) and (max-width:767px) {
.contact-us-form .row {
    width: 100%;
    margin: .2em 0
}
}
.contact-us-form button[type=submit] {
    margin-bottom: 2em
}
select {
    border: 1px solid #646569;
    border-radius: 0;
    cursor: pointer;
    padding: .5em;
    width: 100%;
    font-size: .9em;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #efefef url(../images/dropdown-arrow.svg) 100% 100% no-repeat;
    margin-bottom: 1.2em
}
input[type=radio] {
    display: inline-block;
    width: 20px
}
input[type=radio]:first-child {
    margin-left: 15px
}
.radio-label {
    display: inline-block;
    position: relative;
    left: -5px;
    margin-right: 20px
}
label {
    display: block;
    font-size: .9em;
    margin-bottom: .2em
}
label:after {
    content: "*";
    color: #ff5f00
}
.row-comments label:after {
    content: ""
}
input {
    box-shadow: none;
    border: 1px solid #646569;
    padding: .5em .5em .5em 0;
    text-indent: .5em;
    font-size: .9em;
    color: #646569;
    margin-bottom: 1.2em;
    width: 100%
}

input[type="checkbox"] {
	width: auto;
	margin-right: 10px;
}
label.inline, div.inline, span.inline {
	display: inline;
}
div.inline + div.inline {
	margin-left: 20px;
}
label.mktoLabel[for="Unsubscribed"]:after,
label.notRequired:after {
    content: none;
}
label.optional:after {
    content: "";
}
input[type="submit"]:disabled:hover,
.submit-button:disabled:hover,
input[type="submit"]:disabled,
.submit-button:disabled {
	background-color: #c3c5c8;
	cursor: not-allowed;
	-webkit-box-shadow: 0 1px 2px inset rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px inset rgba(0,0,0,.2);
	box-shadow: 0 1px 2px inset rgba(0,0,0,.2);
}
/*
form.active.show-err .val-overlay:after{
	content: attr(data-errormsg);
	position: absolute;
    padding: 0.3em 0.5em;
    top: -20px;
	left: 10px;
    background: rgba(255, 255, 255, 0.8);
    color: #ff4c00;
    text-transform: initial;
    font-weight: 600;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
} */
.val-overlay {
    display: none;
    opacity: 0;
    width: 100%;
    padding: 10px 0;
}
form.active.show-err .val-overlay {
    display: block;
    opacity: 1;
    color: red;
    font-weight: 600;
}
form.active .preloader:after { content: ''; position: absolute;z-index: 1; left: -2px; right: -2px;top: 0; bottom: 0;background: #ffffff url("../../wp-content/themes/Aruba2015/images/loader.gif") center 50px no-repeat; }
.submit-button[type="submit"].g-recaptcha +.val-overlay:after,
.submit-button[type="submit"].test-rc +.val-overlay:after {
    content: none!important;
}
.privacy p {
    font-size: .7em;
  }
.LV_validation_message{
  font-weight:bold;
  margin: -10px 0 0 0;
  display: block;
}
.LV_valid{
  color:#00CC00;
  display:none;
}
.LV_invalid{
  color:#ff4c00;
  font-size:10px;
}
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active {
  outline: 1px solid #00CC00;
}
/*.show-err select:not(.LV_valid_field), */
.show-err .input__wrapper:not(.hidden) input[type="text"].reqField:not(.LV_valid_field),
.show-err .input__wrapper:not(.hidden) select.reqField:not(.LV_valid_field),
.LV_invalid_field,
input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {
      outline: 1px solid #ff4c00;
    border-color: #ff4c00;
}
#contact-us .overlay {
    z-index: 99999999!important;
}
@media (min-width:200px) and (max-width:767px) {
.contact-us-form .states {
    width: 100%
}
}
.contact-us-form .c1 {
    width: 40%
}

@media (min-width:200px) and (max-width:767px) {
.product-card {
    width: 230px;
    margin: auto;
}
.contact-us-form .c1 {
    width: 100%
}
}
.contact-us-form .c2 {
    width: 48%
}

@media (min-width:200px) and (max-width:767px) {
.contact-us-form .c2 {
    width: 100%
}
}
.contact-us-form .c3 {
    width: 29%
}

@media (min-width:200px) and (max-width:767px) {
.contact-us-form .c3 {
    width: 100%
}
}
.contact-us-form .row-comments {
    width: 98%
}
.contact-us-form textarea {
    width: 100%;
    height: 100px;
    padding: .5em;
    font-size: 14px;
    color: #646569
}
.col35 {
    width: 44%
}
.col35, .col65 {
    float: left;
    display: inline-block
}
.col65 {
    width: 50%;
    margin-left: 4%
}
.sublabel {
    position: relative;
    top: -.9em
}
#questions .card-education {
    background-image: url(../images/icons/icons-gray_ed-gov.svg)
}
#questions .card-education:hover {
    background-image: url(../images/icons/icons_ed-gov.svg)
}
#questions .card-education.selected, #questions .card-education.selected:hover, #questions .card-education:active {
    background-image: url(../images/icons/icons-white_ed-gov.svg)
}
#questions .card-services {
    background-image: url(../images/icons/icons-gray_financial-pro.svg)
}
#questions .card-services:hover {
    background-image: url(../images/icons/icons_financial-pro.svg)
}
#questions .card-services.selected, #questions .card-services.selected:hover, #questions .card-services:active {
    background-image: url(../images/icons/icons-white_financial-pro.svg)
}
#questions .card-healthcare {
    background-image: url(../images/icons/icons-gray_Healthcare.svg)
}
#questions .card-healthcare:hover {
    background-image: url(../images/icons/icons-Healthcare.svg)
}
#questions .card-healthcare.selected, #questions .card-healthcare.selected:hover, #questions .card-healthcare:active {
    background-image: url(../images/icons/icons-white_Healthcare.svg)
}
#questions .card-retail {
    background-image: url(../images/icons/icons-gray_retail-hospitality.svg)
}
#questions .card-retail:hover {
    background-image: url(../images/icons/icons_retail-hospitality.svg)
}
#questions .card-retail.selected, #questions .card-retail.selected:hover, #questions .card-retail:active {
    background-image: url(../images/icons/icons-white_retail-hospitality.svg)
}
#questions .card-other {
    background-image: url(../images/icons/icons-gray_other.svg)
}
#questions .card-other:hover {
    background-image: url(../images/icons/icons-other.svg)
}
#questions .card-other:active, #questions .card-other.selected, #questions .card-other.selected:hover {
    background-image: url(../images/icons/icons-white_other.svg)
}
#questions .card-manufacturing {
    background-image: url(../images/icons/icons-gray_log-manufacture.svg)
}
#questions .card-manufacturing:hover {
    background-image: url(../images/icons/icons_log-manufacture.svg)
}
#questions .card-manufacturing:active, #questions .card-manufacturing.selected, #questions .card-manufacturing.selected:hover {
    background-image: url(../images/icons/icons-white_log-manufacture.svg)
}
#questions .card.users-num1 {
    background-image: url(../images/icons/icons-gray_users_1-99.svg)
}
#questions .card.users-num1:hover {
    background-image: url(../images/icons/icons_users_1-99.svg)
}
#questions .card.users-num1:active, #questions .card.users-num1.selected, #questions .card.users-num1.selected:hover {
    background-image: url(../images/icons/icons-white_users_1-99.svg)
}
#questions .card.users-num2 {
    background-image: url(../images/icons/icons-gray_users_100-249.svg)
}
#questions .card.users-num2:hover {
    background-image: url(../images/icons/icons_users_100-249.svg)
}
#questions .card.users-num2:active, #questions .card.users-num2.selected, #questions .card.users-num2.selected:hover {
    background-image: url(../images/icons/icons-white_users_100-249.svg)
}
#questions .card.users-num3 {
    background-image: url(../images/icons/icons-gray_users_250-499.svg)
}
#questions .card.users-num3:hover {
    background-image: url(../images/icons/icons_users_250-499.svg)
}
#questions .card.users-num3:active, #questions .card.users-num3.selected, #questions .card.users-num3.selected:hover {
    background-image: url(../images/icons/icons-white_users_250-499.svg)
}
#questions .card.users-num4 {
    background-image: url(../images/icons/icons-gray_users_500-999.svg)
}
#questions .card.users-num4:hover {
    background-image: url(../images/icons/icons_users_500-999.svg)
}
#questions .card.users-num4:active, #questions .card.users-num4.selected, #questions .card.users-num4.selected:hover {
    background-image: url(../images/icons/icons-white_users_500-999.svg)
}
#questions .card.users-num5 {
    background-image: url(../images/icons/icons-gray_users_1000.svg)
}
#questions .card.users-num5:hover {
    background-image: url(../images/icons/icons_users_1000.svg)
}
#questions .card.users-num5:active, #questions .card.users-num5.selected, #questions .card.users-num5.selected:hover {
    background-image: url(../images/icons/icons-white_users_1000.svg)
}
#questions .card-food {
    background-image: url(../images/icons/icons-gray_foodbev.svg)
}
#questions .card-food:hover {
    background-image: url(../images/icons/icons-foodbev.svg)
}
#questions .card-food.selected, #questions .card-food.selected:hover, #questions .card-food:active {
    background-image: url(../images/icons/icons-white_foodbev.svg)
}
#questions .card-hotel {
    background-image: url(../images/icons/icons-gray_hotel.svg)
}
#questions .card-hotel:hover {
    background-image: url(../images/icons/icons-hotel.svg)
}
#questions .card-hotel.selected, #questions .card-hotel.selected:hover, #questions .card-hotel:active {
    background-image: url(../images/icons/icons-white_hotel.svg)
}
#questions .card-event {
    background-image: url(../images/icons/icons-gray_eventvenue.svg)
}
#questions .card-event:hover {
    background-image: url(../images/icons/icons-_eventvenue.svg)
}
#questions .card-event:active {
    background-image: url(../images/icons/icons-white_eventvenue.svg)
}
#questions .card-event.selected, #questions .card-event.selected:hover {
    background-image: url(../images/icons/icons-white_event.svg)
}
#questions .card-multiple {
    background-image: url(../images/icons/icons-gray_multiplelocations.svg)
}
#questions .card-multiple:hover {
    background-image: url(../images/icons/icons-multiplelocations.svg)
}
#questions .card-multiple.selected, #questions .card-multiple.selected:hover, #questions .card-multiple:active {
    background-image: url(../images/icons/icons-white_multiplelocations.svg)
}
#questions .card-single {
    background-image: url(../images/icons/icons-gray_onelocation.svg)
}
#questions .card-single:hover {
    background-image: url(../images/icons/icons-onelocation.svg)
}
#questions .card-single.selected, #questions .card-single.selected:hover, #questions .card-single:active {
    background-image: url(../images/icons/icons-white_onelocation.svg)
}
#questions .card-internet {
    background-image: url(../images/icons/icons-gray_internet.svg)
}
#questions .card-internet:hover {
    background-image: url(../images/icons/icons-internet.svg)
}
#questions .card-internet.selected, #questions .card-internet.selected:hover, #questions .card-internet:active {
    background-image: url(../images/icons/icons-white_internet.svg)
}
#questions .card-internet2 {
    background-image: url(../images/icons/icons-gray_internetcollab.svg)
}
#questions .card-internet2:hover {
    background-image: url(../images/icons/icons-internetcollab.svg)
}
#questions .card-internet2.selected, #questions .card-internet2.selected:hover, #questions .card-internet2:active {
    background-image: url(../images/icons/icons-white_internetcollab.svg)
}
#questions .card-internet3 {
    background-image: url(../images/icons/icons-gray_internetcollabapps.svg)
}
#questions .card-internet3:hover {
    background-image: url(../images/icons/icons-internetcollabapps.svg)
}
#questions .card-internet3:active, #questions .card-internet4.selected, #questions .card-internet4.selected:hover {
    background-image: url(../images/icons/icons-white_internetcollabapps.svg)
}
#questions .card-smallitteam {
    background-image: url(../images/icons/icons-gray_smallitteam.svg)
}
#questions .card-smallitteam:hover {
    background-image: url(../images/icons/icons-smallitteam.svg)
}
#questions .card-smallitteam.selected, #questions .card-smallitteam.selected:hover, #questions .card-smallitteam:active {
    background-image: url(../images/icons/icons-white_smallitteam.svg)
}
#questions .card-largeitteam {
    background-image: url(../images/icons/icons-gray_largeitteam.svg)
}
#questions .card-largeitteam:hover {
    background-image: url(../images/icons/icons-largeitteam.svg)
}
#questions .card-largeitteam.selected, #questions .card-largeitteam.selected:hover, #questions .card-largeitteam:active {
    background-image: url(../images/icons/icons-white_largeitteam.svg)
}
#questions .card-networkcloud {
    background-image: url(../images/icons/icons-gray_cloud.svg)
}
#questions .card-networkcloud:hover {
    background-image: url(../images/icons/icons-cloud.svg)
}
#questions .card-networkcloud.selected, #questions .card-networkcloud.selected:hover, #questions .card-networkcloud:active {
    background-image: url(../images/icons/icons-white_cloud.svg)
}
#questions .card-networkonprem {
    background-image: url(../images/icons/icons-gray_branch.svg)
}
.cards .card.card-networkonprem, .cards .card.card-networkcloud {
    background-position: center 10px;
}
#questions .card-networkonprem:hover {
    background-image: url(../images/icons/icons-branch.svg)
}
#questions .card-networkonprem.selected, #questions .card-networkonprem.selected:hover, #questions .card-networkonprem:active {
    background-image: url(../images/icons/icons-white_branch.svg)
}
#questions .card-serviceprovider {
    background-image: url(../images/icons/icons-gray_serviceprovider.svg)
}
#questions .card-serviceprovider:hover {
    background-image: url(../images/icons/icons-serviceprovider.svg)
}
#questions .card-serviceprovider.selected, #questions .card-serviceprovider.selected:hover, #questions .card-serviceprovider:active {
    background-image: url(../images/icons/icons-white_serviceprovider.svg)
}
#questions .card-itorg {
    background-image: url(../images/icons/icons-gray_internet.svg)
}
#questions .card-itorg:hover {
    background-image: url(../images/icons/icons-internet.svg)
}
#questions .card-itorg.selected, #questions .card-itorg.selected:hover, #questions .card-itorg:active {
    background-image: url(../images/icons/icons-white_internet.svg)
}
#questions .card-itorg2 {
    background-image: url(../images/icons/icons-gray_internetcollab.svg)
}
#questions .card-itorg2:hover {
    background-image: url(../images/icons/icons-internetcollab.svg)
}
#questions .card-itorg2.selected, #questions .card-itorg2.selected:hover, #questions .card-itorg2:active {
    background-image: url(../images/icons/icons-white_internetcollab.svg)
}
#questions .card-itorg3 {
    background-image: url(../images/icons/icons-gray_internetcollabapps.svg)
}
#questions .card-itorg3:hover {
    background-image: url(../images/icons/icons-internetcollabapps.svg)
}
#questions .card-itorg3.selected, #questions .card-itorg3.selected:hover, #questions .card-itorg3:active {
    background-image: url(../images/icons/icons-white_internetcollabapps.svg)
}
#questions .card-wave1 {
    background-image: url(../images/icons/icons-gray_wave1.svg)
}
#questions .card-wave1:hover {
    background-image: url(../images/icons/icons-wave1.svg)
}
#questions .card-wave1.selected, #questions .card-wave1.selected:hover, #questions .card-wave1:active {
    background-image: url(../images/icons/icons-white_wave1.svg)
}
#questions .card-wave2 {
    background-image: url(../images/icons/icons-gray_wave2.svg)
}
#questions .card-wave2:hover {
    background-image: url(../images/icons/icons-wave2.svg)
}
#questions .card-wave2.selected, #questions .card-wave2.selected:hover, #questions .card-wave2:active {
    background-image: url(../images/icons/icons-white_wave2.svg)
}
.greenBG {
    background: #9dd4c9;
    overflow-x: hidden
}

@media screen and (max-width:1200px) {
	img {max-width:100%; }
	.site-header .inner, .footer .inner, .contactPanel .inner { width:100%;}
	.site-header .primary-navigation .nav-wrap > div { width:98%; padding:0 1%;}
	.footer .colspan-4 { width:31.333%; margin-right:1%; margin-left:1%;}
	.footer .colspan-2 { width:14.666%; margin-right:1%; margin-left:1%;}
	.footer .colspan-8 { width:64.666%; margin-right:1%; margin-left:1%;}
	.footer .colspan-6 { width:48%; margin-right:1%; margin-left:1%;}
	.site-main {padding-top: 0px;}
}
@media screen and (max-width:1024px) {
	img {max-width:100%; }
	.site-logo img {width: 100%;}
	.site-header, .site-header .outter, .site-header-space {  height: 64px;}
	.site-header .inner .site-logo {width: 135px;}
	ul li.call-out {
		/*position: fixed;
		top: 17px;
		right: 0;
		display: block;
		margin-right: 56px;
		white-space: nowrap;
		-webkit-transition: right 0.2s ease-in-out;
		-moz-transition: right 0.2s ease-in-out;
		-o-transition: right 0.2s ease-in-out;
		transition: right 0.2s ease-in-out;*/
	}
	ul li.share-toggle > ul.sub-menu, .site-header .inner .languages-toggle > ul.sub-menu {
    top: 50px;
}
	.persistent-navigation ul li.call-out {margin: 0 10px 0 25px;}
	.site-header .inner, .footer .inner, .contactPanel .inner { width:100%;}
	.footer .colspan-4 { width:31.333%; margin-right:1%; margin-left:1%;}
	.footer .colspan-2 { width:14.666%; margin-right:1%; margin-left:1%;}
	.footer .colspan-8 { width:64.666%; margin-right:1%; margin-left:1%;}
	.footer .colspan-6 { width:48%; margin-right:1%; margin-left:1%;}
	.footer .legal-nav .footer-legal-list > li {margin: 0 8px;white-space: nowrap;}
	.site-main {padding-top: 0px; overflow-y: auto; overflow-x: hidden;}
}

@media screen and (max-width:769px) {
	img {max-width:100%; }
	.site-header .inner, .footer .inner, .contactPanel .inner { width:100%;}
	.footer .colspan-4 {width:98%; margin-right:1%; margin-left:1%;}
	.footer .colspan-2 { width:98%; margin-right:1%; margin-left:1%;}
	.footer .colspan-8 { width:98%; margin-right:1%; margin-left:1%;}
	.footer .colspan-6 { width:98%; margin-right:1%; margin-left:1%;}
	.footer .social-nav li { margin: 0 7% 0 0 !important; }
	.footer .legal-nav .footer-legal-list > li {margin: 0 8px;}
	.footer .footer-nav .footer-nav-list > li { width:48%; margin:0 1% 2% 0;}
	.footer .social-nav { padding-bottom:20px;}
	.footer .legal-nav { padding-bottom:20px !important;}
	.footer .footer-nav .footer-nav-list > li:first-child { margin-right:1%;}
	.footer .lang-nav { padding-bottom:20px !important;}
	.footer .copyright-nav p { text-align:center;}
	.site-header .inner .site-logo {width: 90px; margin: 20px 10px 0;}
	.site-header .site-logo img {width: 100%;}
	.site-main {padding-top: 0px;}
	.flex-header .progressMobile { top: inherit;}
    .colspan-1, .colspan-2, .colspan-3, .colspan-4, .colspan-5, .colspan-6, .colspan-7, .colspan-8, .colspan-9, .colspan-10, .colspan-11, .colspan-12 { width: 98%;}
    #contact-us .contact-us-panel { min-width: 0;}
    #koreaPrivacyContainer .koreaPrivacyRow {
    width: 98%;
    float: none;
}
}

/* -------------------- 639px and under -------------------- */
@media screen and (max-width:639px) {
	img {max-width:100%; }
	.site-header, .site-header .outter, .site-header:after, .site-header-space {height:70px;}
	.footer .inner { padding: 30px 5% 0;}
	ul li.call-out a {font-size: 18px; padding: 0px 15px;}
	ul li.nav-toggle { margin: 0 0 0 25px;}
	.content { width:92%; padding:40px 4%; }
	.footer .colspan-4 {width:100%; margin:0;}
	.footer .colspan-2 { width:100%; margin:0;}
	.footer .colspan-8 { width:100%; margin:0;}
	.footer .colspan-6 { width:100%; margin:0;}
	.footer .social-nav li { margin: 0 18% 0 0; }
	.footer .legal-nav .footer-legal-list > li {margin: 10px 0px; display: block;}
	.footer .social-nav { padding-bottom:20px;}
	.footer .legal-nav { padding-bottom:20px;}
	.footer .lang-nav { padding-bottom:20px;}
	.footer .copyright-nav p { text-align:left;}
	.footer .row-bottom {margin: 20px 0 0;}
	.footer .footer-nav .footer-nav-list > li ul.sub-menu li a {font-size: 16px; line-height: 17px; padding: 7px 0;}
	.footer .social-nav h4, .footer .footer-nav .footer-nav-list > li.menu-heading > a { font-size:18px;margin-bottom: 10px; display: block;}
	.site-main {padding-top: 0px;}
	.flex-header .site-header .inner .languages-toggle, .flex-header .site-header .inner ul li.share-toggle {display: none;}
}

@media screen and (max-width: 1125px), only screen and (max-device-width: 1125px) {
	.col-wrap, .cardStepper section, #results section, #results header > .row {
		width: 100%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
	.all-nav {
/*		top: 0;
		right: 0;
		bottom: 0;
		left: auto;
		position: fixed;
		top: 0;
		width: 0;
		z-index: 0;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;*/
	}
	.all-nav .primary-navigation .colspan-1,
	.all-nav .primary-navigation .colspan-2,
	.all-nav .primary-navigation .colspan-3,
	.all-nav .primary-navigation .colspan-4,
	.all-nav .primary-navigation .colspan-5,
	.all-nav .primary-navigation .colspan-6 {float:none; width: 100%; display: block;}
	.all-nav .persistent-navigation {float: right;}
	.flex-header .site-header,
	.flex-header .site-header .outter,
	.flex-header .site-header:after {
		height: 64px;
	}
	.flex-header .site-header,
	.flex-header .site-header .outter,
	.flex-header .site-header:after {
		height: 55px;
	}
	.flex-header .site-header { margin-bottom: -55px;}
	.flex-header .site-main { overflow-y: initial;}
	.site-header .inner .site-logo {
		margin: 9px 10px 0;
		width: 90px;
	}
	.site-header .inner, 
	.footer .inner {
		width: auto;	
	}
	.site-header .inner .persistent-navigation {
/*		float: none;*/
		display: block;
		padding: 0;
		margin: 0;
	}
	ul li.call-out a {
		font-size: 12px;
		padding: 0 5px;
	}

	.primary-navigation .nav-wrap { padding-top: 65px; } 
}

@media screen and (max-width: 992px), only screen and (max-device-width: 992px) {
	.flex-header .progress-info {    margin-top: 65px;}
	.colspan-1, 
	.colspan-2, 
	.colspan-3, 
	.colspan-4, 
	.colspan-5, 
	.colspan-6, 
	.colspan-7, 
	.colspan-8, 
	.colspan-9, 
	.colspan-10, 
	.colspan-11, 
	.colspan-12 {
		display: inline;
		float: left;
	}
	.colspan-1 {width: 62.5px;}
	.colspan-2 {width: 145px;}
	.colspan-3, .quarterspan {width: 227.5px;}
	.colspan-4 {width: 310px;}
	.colspan-5 {width: 392.5px;}
	.colspan-7 {width: 557.5px;}
	.colspan-8 {width: 640px;}
	.colspan-9 {width: 722.5px;}
	.colspan-10 {width: 805px;}
	.colspan-11 {width: 887.5px;}
	.colspan-12 {width: 970px; clear: both;}
    
}
@media screen and (max-width: 639px), only screen and (max-device-width: 639px) {
}

@media screen and (max-width:479px) {
	img {max-width:100%; }
	.site-header .inner, .footer .inner { width:100%;}
	ul li.call-out a {font-size: 12px; padding: 0 6px;}
	.content { width:92%; padding:40px 4%;}
	.footer .colspan-4 {width:100%; margin:0 ;}
	.footer .colspan-2 { width:100%; margin:0 ;}
	.footer .colspan-8 { width:100%; margin:0 ;}
	.footer .colspan-6 { width:100%; margin:0 ;}
	.footer .legal-nav .footer-legal-list > li {margin: 0; display:block;}
	.footer .legal-nav { padding-bottom:20px;}
	.footer .copyright-nav p { text-align:left;}
	ul li.call-out {
margin: 0 5px 0 10px;
    position: static;
    height: auto;
    max-width: 150px;
}
	ul.persistent-menu {
        max-width: 150px;
		margin: 5px 0;
		padding: 0;
    max-width: 200px;
}
ul li.call-out a {padding: 5px;
    line-height: 15px;}
	.site-header .inner .languages-toggle > a {width: 50px;}
	ul li.share-toggle {margin-left: 10px;}
}

@media screen and (max-width:320px) {
	.site-header .inner .languages-toggle {display: none;}
}