/*
	Theme Name: RTSC 3
	Author: Calvin Hart
	Version: 3.0
*/

.topcallout {
    width: 100%;
    margin: 0;
    float: left;
    padding: 15px;
    color: #fff;
    text-align: center;
    background-color: #ec1f27;
	position:sticky;
	bottom:0;
	left:0;
	z-index: 9999;
}
.topcallout p {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    font-family: sans-serif;
}
.topcallout a {
    color: #19193b;
    text-decoration: underline;
}
.topcallout a:hover {
    text-decoration: none;
}
/**** Foundation.css ****/
hr { border:0; border-top: 1px solid #d4d4d4; }
.steps hr { border-color:#fff; }
*, :before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
* {
	outline: none
}
a {
	text-decoration: none
}
img {
	max-width: 100%; height:auto;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 15px;
	font-weight: 700;
	line-height: 1.2
}
p {
	margin: 0 0 22px;
	font-size:20px;
}
li { font-size:20px; }
ul {
	padding: 0;
	margin: 0;
	list-style: none
}
.topmenuw { width:460px; }
/*input[type="text"], input[type="email"], select {
	margin: 0;
	float: left;
	width: 100%;
	height: 62px;
	color: #636363;
	font-size: 18px;
	padding: 10px 20px;
	background: #e3e3e3;
	border: 1px solid #e3e3e3;
	border-radius: 0 5px 5px 0;
	font-family: 'MyriadPro-Regular';
}
textarea {
	margin: 0;
	float: left;
	width: 100%;
	resize: none;
	height: 108px;
	color: #636363;
	font-size: 18px;
	padding: 10px 20px;
	background: #e3e3e3;
	border-radius: 0 5px 5px 0;
	border: 1px solid #e3e3e3;
	font-family: 'MyriadPro-Regular';
}
input[type="submit"] {
	color: #fff;
	width: 100%;
	float: left;
	height: 53px;
	cursor: pointer;
	font-size: 24px;
	margin: 10px 0 0;
	border-radius: 5px;
	background: #b9221c;
	text-transform: uppercase;
	border: 1px solid #ffffff;
	font-family: 'MyriadPro-Bold';
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
input[type="submit"]:hover {
	background: #333;
}*/
/*contact page style*/
form {
	float: left;
	width: 100%;
}
.half-left, .half-right {
	float: left;
	width: 50%;
	padding: 0;
}
.half-left { padding-right:15px;}
.half-right { padding-left:15px;}
input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], select, textarea {
	height: 55px;
	color: #000000;
	font-size: 18px;
	background: #fff;
	border-radius: 0;
	margin-bottom: 20px;
	border: 2px solid #d7d7d7;
	font-family: 'Abel', sans-serif;
	float: left;
    width: 100%;
    padding: 10px 20px;
}
textarea { height:200px;}
.fullhalf {
	width:100%;
}
input[type="submit"].submitbtn {
	color: #000;
	float: none;
	height: 76px;
	width: 260px;
	font-size: 26px;
	max-width: 100%;
	font-weight: 700;
	text-shadow: none;
	background: #ffff99;
	display: inline-block;
	text-transform: uppercase;
	border: 3px solid #57d83e;
	font-family: atrament-web, sans-serif;
	margin-bottom: 20px;
}
input[type="submit"].submitbtn:hover {
	background: #57d83e;
}
form label {
    font-size: 20px;
    font-weight: bold;
}
.alignright { float:right; margin:0 0 5px 15px; }
.alignleft { float:left; margin:0 15px 5px 0; }
.aligncenter { float:none; margin:o auto 5px; display:block;}
.m75 {
    margin-top: 75px;
}
@media only screen and (max-width: 767px) {
.half-left, .half-right {
    width: 100%;
    padding: 0;
}
.m75 { margin-top: 15px; }
}

.row {
	clear: both;
	width: 1440px;
	margin: 0 auto;
	max-width: 100%
}
.row:before, .row:after {
	content: "";
	display: table
}
.row:after {
	clear: both
}
.row .row {
	width: auto;
	max-width: none;
	min-width: 0;
	margin: 0 -15px
}
.row.collapse .column, .row.collapse .columns {
	padding: 0
}
.row .row {
	width: auto;
	max-width: none;
	min-width: 0;
	margin: 0 -15px
}
.row .row.collapse {
	margin: 0
}
.column, .columns {
	float: left;
	min-height: 1px;
	padding: 0 15px;
	position: relative
}
.column.centered, .columns.centered {
	float: none;
	margin: 0 auto
}
[class*="column"] + [class*="column"]:last-child {
	float: left
}
[class*="column"] + [class*="column"].end {
	float: left
}
.one, .row .one {
	width: 8.33333%
}
.two, .row .two {
	width: 16.66667%
}
.three, .row .three {
	width: 25%
}
.four, .row .four {
	width: 33.33333%
}
.five, .row .five {
	width: 41.66667%
}
.six, .row .six {
	width: 50%
}
.seven, .row .seven {
	width: 58.33333%
}
.eight, .row .eight {
	width: 66.66667%
}
.nine, .row .nine {
	width: 75%
}
.ten, .row .ten {
	width: 83.33333%
}
.eleven, .row .eleven {
	width: 91.66667%
}
.twelve, .row .twelve {
	width: 100%
}

@media only screen and (max-width: 767px) {
.row {
	width: auto;
	min-width: 0;
	margin-left: 0;
	margin-right: 0;
	clear: both
}
.column, .columns {
	width: auto!important;
	float: none
}
.column:last-child, .columns:last-child {
	float: none
}
[class*="column"] + [class*="column"]:last-child {
	float: none
}
.column:before, .columns:before, .column:after, .columns:after {
	content: "";
	display: table
}
.column:after, .columns:after {
	clear: both
}
}

/**** Owl.Carousel.css ****/

#owl, #owl2, #owl3, #owl4 {
	z-index: 1;
	position: relative
}
#owl {
	padding: 0;
	text-align: left
}
#owl2, #owl3 {
	margin-bottom: 0;
	text-align: center;
	padding: 0 0 40px;
}
#owl .owl-item, #owl2 .owl-item, #owl3 .owl-item, #owl4 .owl-item {
	float: left
}
#owl .item {
	position: relative;
	padding: 0
}
#owl2 .item, #owl3 .item {
	padding: 14px 0 0 25px;
	text-align: center
}
#owl .item .tx, #owl2 .item .tx {
	transition: .5s ease;
	-o-transition: .5s ease;
	-webkit-transition: .5s ease;
	min-height: 60px;
	padding-right: 5px
}
#owl .item a.btn, #owl2 .item a.btn {
	margin-top: 23px
}
.owl-wrapper-outer {
	overflow: hidden
}
.owl-nav {
	left: 0;
	margin-top: -46px;
	top: 50%;
	width: 100%;
	z-index: 9999;
	position: absolute
}
#owl .owl-prev, #owl .owl-next {
	width: 68px;
	height: 93px;
	cursor: pointer;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -999px;
	/*background-image: url(../images/slide-arrows.png)*/
}
#owl .owl-prev {
	left: 0;
	background-position: left
}
#owl .owl-next {
	right: 0;
	background-position: right
}
.owl-buttons {
	width: 100%;
	position: absolute;
	top: 50%
}
#owl2 .owl-buttons {
	float: right
}
.owl-carousel .owl-wrapper {
	display: block;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
	-webkit-perspective: 1000
}
#owl .owl-controls {
	padding-top: 0
}
.owl-dots {
	padding-top: 0;
	bottom: 0;
	width: 100%;
	position: absolute;
	text-align: center;
	z-index: 999!important
}
.owl-controls {
	text-align: center
}
.owl-dot {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	cursor: pointer;
	background: #eb9a92
}
.owl-dot+.owl-dot {
	margin-left: 10px
}
.owl-dot:hover, .owl-dot.active {
	background: #742427
}
@keyframes fadeIn {
from {
opacity:0
}
to {
opacity:1
}
}
.fadeIn {
	animation-name: fadeIn
}
@keyframes fadeOut {
from {
opacity:1
}
to {
opacity:0
}
}
.fadeOut {
	animation-name: fadeOut;
}
#owl2 .owl-nav, #owl3 .owl-nav, #owl4 .owl-nav {
	top: 25%;
}
#owl2 .owl-prev, #owl2 .owl-next, #owl3 .owl-prev, #owl3 .owl-next, #owl4 .owl-prev, #owl4 .owl-next {
	width: 20px;
	height: 38px;
	cursor: pointer;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -999px;
	background-image: url(../images/slide-arrows.png)
}
#owl2 .owl-prev, #owl3 .owl-prev, #owl4 .owl-prev {
	left: 26px;
	background-position: left
}
#owl2 .owl-next, #owl3 .owl-next, #owl4 .owl-next {
	right: 41px;
	background-position: right
}
#owl2 .owl-prev:hover, #owl2 .owl-next:hover, #owl3 .owl-prev:hover, #owl3 .owl-next:hover, #owl4 .owl-prev:hover, #owl4 .owl-next:hover {
	opacity: 0.8;
}
.owl-stage-outer {
	overflow: hidden;
	position: relative;
	z-index: 9999;
}
#owl3 .owl-dots {
	top: 0;
}

/******Style******/
body {
	margin:0;
	float:left;
	width:100%;
	color:#000;
	font-size:25px;
	line-height:1.3;
	background:#fff;
	font-family: 'Abel', sans-serif;
}
a {
	transition:all 0.3s linear; 
	-webkit-transition:all 0.3s linear; 
	-moz-transition:all 0.3s linear;	
}
.top-bar {
	float: left;
	width: 100%;
	padding-top: 16px;
	background: #000;
	transition:all 0.3s linear; 
	-webkit-transition:all 0.3s linear; 
	-moz-transition:all 0.3s linear;
}
.top-left {
	float: left;
	margin-bottom: 16px;
}
.top-left ul {
    float: left;
}
.top-left li {
    float: left;
	margin-right: 6px;
    line-height: 20px;
	text-transform: uppercase;
	font-family: atrament-web, sans-serif;
}
.top-left a {
    color: #fff;
    font-size: 16px;
    letter-spacing:1px;
}
.subscription p {
    font-size: 18px;
}
.top-left a svg {
	width: 25px;
	height: 25px;
	padding: 5px;
	font-size: 14px;
	border-radius: 50%;
	border: 1px solid #fff;
}
ul.refer_ul {
	margin-left: 8px;
}
.top-right {
    float: right;
	margin-bottom: 16px;
}
.top-right ul {
    float: right;
}
.top-right li {
    float: left;
    font-size: 16px;
	line-height: 24px;
	padding-left: 18px;
    text-transform: uppercase;
	font-family: atrament-web, sans-serif;
}
.top-right a {
	color: #fff;
	letter-spacing:1px;
}
.header {
    float: left;
    width: 100%;
	height: 60px;
    text-align: center;
	background:#fff;
	transition:all 0.3s linear; 
	-webkit-transition:all 0.3s linear; 
	-moz-transition:all 0.3s linear;
}
.whitebg { background:#fff; clear:both; float:left; width:100%; }
.logo {
	z-index: 1;
	margin-top: -15px;
	position: relative;
}
.logo a { display:inline-block;}
.logo img {
	display: block;
	margin: 0 auto;
	width:225px;
}
.menu-left {
    float: left;
    width: 100%;
	clear: both;
    margin: 30px 0;
}
.menu-left.pull-right ul {
    float: right;
}
.menu-left ul li {
    float: left;
    padding: 0 22px;
	font-weight: 600;
    position: relative;
	font-family: atrament-web, sans-serif;
}
.menu-left ul li a {
    float: left;
    color: #212121;
    font-size: 18px;
    text-transform: uppercase;
}
.menu-left ul li a:hover { color:#ec1f27; }
.header-bottom {
	float: left;
	width: 100%;
	position: relative;
}
.header-bottom img {
	width: 100%;
	height: 60px;
	margin: 0 auto;
	display: block;
}
h1, h2 {
	color: #021e3d;
	font-size: 44px;
	text-align: center;
	text-transform: uppercase;
	font-family: atrament-web, sans-serif;
}
.slidingDiv {
	margin-top: 0px;
	position: relative;
    z-index: 2;
}
.home-white {
	float: left;
	width: 100%;
	
}
.whitetop {
	float: left;
	width: 100%;
}
.whitetop img {
	width: 100%;
	height: 78px;
	margin: 0 auto;
	display: block;
}
.seprate80, .seprate40 {
	height:110px;
	display: block;
	float:left;
	width:100%;
}
.seprate40 { height:40px;}
.club-content {
	float: left;
	width: 100%;
	padding: 0 10%;
	text-align: center;
	margin-bottom: 60px;
}
.club-content2 {
	margin-top: -30px;
}
.club-content img {
	display: block;
	/*border-radius: 50%;*/
	margin: 0 auto 30px;
	/*border: 2px solid #1b565c;*/
	transition:all 0.3s linear; 
	-webkit-transition:all 0.3s linear; 
	-moz-transition:all 0.3s linear;
}
.club-content p {
	transition:all 0.3s linear; 
	font-size: 17px;
	-webkit-transition:all 0.3s linear; 
	-moz-transition:all 0.3s linear;
}
.visibleStep {
	opacity:1 !important;
}
.subscription {
	float: left;
	width: 100%;
	padding-top: 40px;
	text-align: center;
	margin-bottom: 80px;
}
.subscription.zoomIn  { opacity:1; }
.subscription img {
	display: block;
	margin: 0 auto 40px;
}
.subscription  h2 {
	margin-bottom: 8px;
}
a.getstarted {
	color: #000;
	width: 265px;
	padding: 15px;
	max-width: 100%;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
    border-radius: 12px;
    display: inline-block;
	text-transform: uppercase;
	border: 3px solid #57d83e;
	font-family: atrament-web, sans-serif;
	font-size:25px;
}
a.getstarted:hover {
	color: #fff;
	background:#57d83e;
}
.retired-shirts {
	float: left;
	width: 100%;
	text-align: center;
}
h2.mainheading {
	margin-bottom: 0px;
	clear:both;
}
span.subheading {
    color: #bcbcbc;
    font-size: 24px;
    letter-spacing: 1px;
    display: block;
    text-transform: uppercase;
    font-family: atrament-web, sans-serif;
    display: block;
    text-align: center;
}
.retired-shirts ul {
	float: left;
	width: 100%;
	margin-top: 30px;
}
.retired-shirts li {
	float: left;
	padding: 0 15px;
	width: 16.6667%;
	font-size: 16px;
}
.retired-shirts li img {
	display: block;
	margin: 0 auto 8px;
}
.bigshirts {
	float: left;
	width: 100%;
	background:#fff;
}
/*.bigshirts > div {
	float: left;
	padding:0 5px;
	width: 33.333%;
	margin-bottom: 10px;
}*/
/*.bigshirts img {
	width: 100%;
	display: block;
}*/
.footer {
	float: left;
	width: 100%;
	color: #fff;
	font-size: 18px;
	background: #000;
	padding: 100px 0 50px;
	z-index: 1;
    position: relative;
}
h3.ftheading {
	color: #fff;
	font-size: 26px;
	margin-bottom: 40px;
	text-transform: uppercase;
	font-family: atrament-web, sans-serif;
}
.ft-logo {
	float: left;
	width: 35%;
	margin-top: 80px;
	margin-bottom: 40px;
}
.red-mission {
	float: right;
	width: 52%;
	margin-bottom: 8px;
}
.red-mission img {
	float: right;
	margin-top: 20px;
}
.ft-menu {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.ft-menu ul {
	float: left;
	width: 50%;
}
.ft-menu li {
	float: left;
	width: 100%;
	margin-bottom: 8px;
}
.ft-menu li a {
	float: left;
	color: #fff;
	font-size: 18px;
	border-bottom: 1px solid #c9c9c9;
}
.copyrights {
	float: left;
	width: 100%;
	margin-bottom: 40px;
}
.greenbar {
	width: 930px;
	margin: 0 auto;
	max-width: 100%;
	display: block;
}
.greenbar img {
	display: block;
	margin: 0 auto;
}
.outer-club {
	float: left;
	width: 100%;
	margin-top: -50px;
}
.mobile-header {
	display: none;
	position: absolute;
}
.fixedHeader { width:100%; }
.banner {
	float: left;
	width: 100%;
	/*min-height: 660px;*/
	/*margin-top: -58px;*/
	/*background: url(images/banner-bg.jpg) no-repeat center top;*/
	background: #199ddb url(images/faq_bg.png) no-repeat center center;
	background-size: cover;
}
.banner-left {
	float: left;
	width: 50%;
	color: #fff;
	padding-left: 15px;
}
.banner-content {
	/*float: right;
	margin-top:-10%;*/
	width: 450px;
    margin: 0 auto;
}
.monthly-shirts {
	/*float: right;*/
	padding: 20px 20px;
	margin-bottom: 20px;
	background: rgba(25, 157, 219, 0.5);
	text-align:center;
}
.banner-left strong {
	display: block;
    font-size: 61px;
    line-height: 1;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: atrament-web, sans-serif;
	text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
}
.banner-left p {
	font-size: 16px;
	letter-spacing: .3px;
	text-transform: uppercase;
	font-family: atrament-web, sans-serif;
}
.banner-left img {
	width: 36px;
}
.link50 { float:left; padding:0 10px; width:50%; }
.banner-left a.getstarted {
	color: #fff;
    width: 100%;
    padding: 10px;
    font-size: 20px;
    margin-right: 0px;
    border: 3px solid #58d83f;
}
.banner-left a.getstarted:hover {
	border: 3px solid #57d83e;
	color: #ffffff;
}
.banner-right {
	float: right;
	width: 50%;
	position:relative;
}
.big-pic {
	float: left;
	width: 72%;
	position: absolute;
    height: 100%;
	left:0;
	top:0;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}
.big-pic img {
	width: 100%;
	display: none;
	margin: 0 auto;
}
.small-pics {
	float: right;
	width: 28%;
	border: 2px solid #fff;
}
.small-pics img {
	width: 100%;
	display: block;
	margin: 0 auto;
	border: 2px solid #fff;
}
.banner-links {
	/*float: right; margin-right:20px;*/
	clear:both;
    text-align: right;
	
}
.banner-content .trustpilot-widget {
	clear: both;
    padding-top: 20px;
    /*float: left;*/
    width: 100%;
}
.banner-content .trustpilot-widget iframe { width: 113% !important; margin-left:-8%; }
@media only screen and (min-width: 768px) {
	/*.big-pic img {
		display: none;
	}*/
	/*.club-content img, .club-content p, */
	/*.greenbar, .subscription {
		opacity:0;
	}*/
	.fixedHeader { position:fixed; z-index:9; top:0px; }
	.banner {
		position:fixed; z-index:0; top:118px; min-height:500px;
	}
	.slidingDiv { padding-top:0px !important; }
	.banner-left { position: absolute;
	left: 0%;
  /*top: 50%;
  transform: translate(0%, -50%);*/
  top:100px
   }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	/*.banner-content .trustpilot-widget { display:none; }*/
}
@media only screen and (max-width: 1339px) {
	.menu-left ul li { padding: 0 15px; }
	.club-content { padding: 0 2%; }
	h3.ftheading { font-size: 22px; }
	.footer, .ft-menu li a { font-size: 20px; }
	.monthly-shirts, .banner-links { width: 100%; }
	/*.banner { padding-bottom: 100px; }*/
	/*.banner-left strong {
		font-size: 48px;
		text-align:center;
	}
	.banner-left img {
		width: 40px;
	}
	.banner-left p { font-size: 14px; }*/
}
@media only screen and (max-width: 1144px) {
	.logo img { width: 220px; }
	.menu-left ul li a { font-size: 16px; }
	body { font-size: 22px; }
	h2 { font-size:34px; }
	span.subheading { font-size: 24px; }
	.retired-shirts li { font-size: 14px; }
	.footer, .ft-menu li a { font-size: 18px; }
	/*.banner-left strong { font-size: 58px; }
	.banner-left img { width: 50px; }*/
	
	/*.banner-left a.getstarted { width: 228px; margin-right: 10px; }*/
	/*.banner { min-height:620px; }*/
	.small-pics { display:none; }
	.big-pic img {
		display: block !important;
	}
	.big-pic { width:100%; position:relative; }
	.banner-content .trustpilot-widget iframe {
		width: 120% !important;
		margin-left: -11%;
	}
}
@media only screen and (max-width: 1023px) {
	.banner-content { width:300px; }
	.logo img { width: 170px; }
	.menu-left ul li { padding: 0 8px; }	
	.menu-left ul li a { font-size: 15px; }
	.header-bottom img { height: 40px; }
	/*.banner { margin-top: -40px; }*/
	.home-white { margin-top: -35px; }
	.whitetop img { height: 35px; }
	.greenbar { display: none; }
	.outer-club .three { width: 50%; }
	.club-content2 { margin-top: 0; }
	h2 { font-size: 28px; }
	.retired-shirts li { width: 25%; }
	.footer, .ft-menu li a { font-size: 14px; }
	.footer .one { display: none; }
	.footer .four { width: 41.33333%; }
	.footer, .ft-menu li a { font-size: 16px; } 
	.banner-left img { width: 38px; }
	.banner-left strong { font-size: 38px; }
	.monthly-shirts { padding: 20px 20px; }
	.banner-left a.getstarted { font-size: 12px; width: 158px; }
	/*.banner { padding-bottom: 70px; }*/
}
.one-fifth { float:left; width:16.6666%; padding: 0 4px; }
.one-fifth img { width:100%; }

body.sticky .header { background: #000; }
.header .veteran {
	height: 30px;
    float: left;
    width: auto;
    position: absolute;
    left: 10px;
    top: 15px;
	opacity:0;
}
body.sticky .header .veteran {
	opacity:1;
}

body.sticky .menu-left { margin: 19px 0; }
body.sticky .menu-left ul li a { color: #fff; }
body.sticky .logo {
    z-index: 1;
    margin-top: 8px;
    position: relative;
}
body.sticky .logo img {
    display: block;
    margin: 0 auto;
    width: 75px;
}
body.sticky .top-bar, body.sticky .header-bottom { display:none; }
body.sticky .banner { top: 60px; }
.msgbox { background: #58d83f;
        padding: 20px 0;
    float: left;
    width: 100%;
}
.msgbox * { color:#fff !important; border-color:#fff !important; text-transform:uppercase; }
.msgbtns { text-align:right }
.msgbox h3 { margin: 16px 0; }
.msgbox a.getstarted { width:auto; padding:15px 45px; margin-left: 10px; }
.msgbox a.getstarted:hover { color:#000 !important; background:#fff !important; }
.banner .banner-left { display:none; }
@media only screen and (max-width: 767px) {
	.banner-content { width:100%; }
	.banner .banner-left { display:block; }
	.banner-left.animated { display:none; }
	.msgbox { text-align:center; }
	.msgbtns { text-align:center }
	.msgbox a.getstarted { margin-left: 0px; padding:15px 15px;
    width: 250px;
    margin-bottom: 12px;
    clear: both; }
	.logo img { width: 130px; }
	.top-bar, .header, .header-bottom { display: none; }
	.mobile-header { display: block; width: 100%; text-align:center; /*top: 95px;*/ top: 0; }
	.logo { margin-top: 15px; }
	.red-mission { width: 100%; }
	h3.ftheading { font-size: 16px; margin-bottom: 20px; }
	.ft-logo { width: 100%; margin-top: 25px; }
	.ft-logo img { width: 200px; }
	.ft-menu ul { width: 100%; }
	.whitetop { display: none; }
	.home-white { padding-top: 40px; margin-top: 0; }
	.banner-left { width: 100%; padding-right: 15px; margin-bottom: 28px; padding-top:102px; }
	.banner-left p { display: none; }
	.monthly-shirts { padding: 20px; text-align:center; }
	.banner-links { text-align:center; margin-right:0; }
	.banner-left a.getstarted { margin-right: 1px; }
	.banner { padding-top: 85px; padding-bottom: 0; overflow:hidden; }
	.banner-right, .big-pic { width: 100%; position:relative; }
	.small-pics { display: none; }
	.retired-shirts li { width: 50%; }
	.footer { padding-top: 50px; padding-bottom: 10px; }
	.red-mission img { float: left; }
	/*.bigshirts > div { width: 100%; padding: 0 15px; margin-bottom: 15px; }*/
	.club-content { padding:0; font-size: 15px; margin-bottom: 30px; margin-top: -20px; }
	.club-content img { margin-bottom:10px; max-width:70%; }
	.outer-club .three, .footer .seven, .footer .four { width: 50% !important; float: left !important; }
	.outer-club .three:nth-child(2n+1) { clear:both; }
	.two.columns { float:left; width:50%; }
	.one-fifth { width:50%;  }
	.seprate80 { height:50px; }
	.seprate40 { height:40px;}
	.subscription { margin-bottom:20px; }
	.outer-club { margin-top: 0px; }
}


/****JCarousal****/
.jcarouselnav-wrapper {
    height: 120px;
}

.jcarousel-wrapper {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.jcarousel,.jcarouselnav {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul,.jcarouselnav ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarouselnav ul li {
    float: left;
    height: 100%;
    width: auto;
    opacity: .5;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}

.jcarouselnav ul li.active {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0);
    opacity: 1;
}

.jcarouselnav ul li img {
    height: 120px;
    width: auto;
}

.jcarousel ul li {
    opactiy: 1;
    float: left;
    width: 100%;
}

.jcarousel ul li a,.jcarousel ul li img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto !important;
}

.jcarousel:hover ul li {
    opactiy: .5;
}

.jcarousel-nav {
    position: fixed;
    bottom: 50%;
    width: 100%;
    height: 100%;
}

.jcarousel-control-next,.jcarousel-control-prev,.jcarouselnav-control-next,.jcarouselnav-control-prev {
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial,sans-serif;
    border-radius: 30px;
    box-shadow: 0 0 4px #F0EFE7;
}

.jcarousel-control-next:hover,.jcarousel-control-prev:hover,.jcarouselnav-control-next:hover,.jcarouselnav-control-prev:hover {
    color: rgba(255,255,255,.5);
    text-decoration: none;
}

.jcarousel-control-prev,.jcarouselnav-control-prev {
    left: 15px;
}

.jcarousel-control-next,.jcarouselnav-control-next {
    right: 15px;
}

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;
    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;
    margin-right: 7px;
    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    box-shadow: 0 0 2px #F0EFE7;
}
.jcarouselnav-wrapper {
    position: relative;
    height: 300px;
    margin-bottom: 0px;
}

.jcarouselnav-wrapper .gallery {
    height: 100%;
    width: 20000em;
    position: relative;
}

.jcarouselnav-wrapper .gallery img {
    margin: 0 !important;
    padding: 2px;
    float: left;
    height: 300px;
    width: auto !important;
    display: inline-block;
}

.jcarousel-control-next,.jcarousel-control-prev {
    top: 140px;
}

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  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(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  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(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -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 {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    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 {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -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 {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -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 {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -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);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -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);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    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 {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 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: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 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: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 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: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 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: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 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-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}

.page-content {
	float: left;
	width: 100%;
	padding-top: 210px;
}
.textcenter {
	text-align: center;
}
.memberships {
	float: left;
	width: 100%;
	padding: 0 15px;
	text-align: center;
	margin-top: 35px;
}
a.member-btn {
	float: left;
	width: 100%;
	color: #000;
	padding: 7px;
	font-size: 21px;
	background: #fff;
	font-weight: 600;
	text-align: center;
	border-radius: 5px;
	position: relative;
	margin-bottom: 15px;
	text-transform: uppercase;
	border: 2px solid #57d83e;
	font-family: atrament-web, sans-serif;
	    box-shadow: 5px 5px 0px #00000017;
}
.tinytxt { font-size:12px; }
a.member-btn:hover, a.member-btn.active {
	background: #57d83e4f;
}
span.btn-top {
	top: 0px;
    left: 0px;
    width: 54px;
    height: 54px;
    color: #ffffff;
    line-height: 1.1;
    padding: 7px 0px;
    letter-spacing: 1px;
    border-radius: 0 0 70px;
    position: absolute;
    font-size: 13px;
    background: #ec1f27;
    font-weight: 400;
    font-family: atrament-web, sans-serif;
}
span.btn-top span {
	transform: rotate(-45deg);
    display: inline-block;
	margin-left: -10px;
}
span.price {
	color: #7b7b7b;
	
	    font-size: 2em;
	    text-transform: none;
}
.memberships p {
	font-size: 18px;
	margin-bottom: 	10px;
}
.free-shiping {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}
.free-shiping ul {
	float: left;
	width: 100%;
}
.free-shiping li {
	float: left;
	width: 100%;
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-family: atrament-web, sans-serif;
}
.check-count {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}
.check-count ul {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 0px;
}
.check-count li {
	padding: 0 6px;
	margin-bottom: 20px;
	display: inline-block;
}
.check-count li a {
	color: #fff;
	width: 90px;
	height: 90px;
	padding: 16px;
	font-size: 30px;
	font-weight: 700;
	background: #000;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	border: 10px solid #fff;
	font-family: atrament-web, sans-serif;
}
.check-count li a:hover, .check-count li.current a {
	background: #ff3333;
	border: 10px solid #ff3333;
}
.check-count h2 {
	margin-bottom: 15px;
}
.check-count p {
	font-size: 18px;
}
.check-form1 {
	float: left;
	width: 100%;
}
.check-form1 > div, .greyform > div {
	float: left;
	width: 50%;
	padding: 0 15px;
}
.check-form1 p {
	padding: 0 15px;
}
.check-form1 input[type="text"], .check-form1 select {
	height: 55px;
	color: #000000;
	font-size: 18px;
	background: #fff;
	border-radius: 0;
	margin-bottom: 20px;
	border: 2px solid #d7d7d7;
	font-family: 'Abel', sans-serif;
}
.fulldiv {
	width:100% !important;
}
.submit-btn {
	width: 100% !important;
	text-align: center;
}
.submit-btn input[type="submit"] {
	color: #000;
	float: none;
	height: 76px;
	width: 260px;
	font-size: 26px;
	max-width: 100%;
	font-weight: 700;
	text-shadow: none;
	background: #ffff99;
	display: inline-block;
	text-transform: uppercase;
	border: 3px solid #57d83e;
	font-family: atrament-web, sans-serif;
}
.submit-btn input[type="submit"]:hover {
	background: #57d83e;
}
.submit-btn3 input[type="submit"] {
	width: 360px;
	max-width: 100%;
	background: #7cc576;
}
.check-form1 h2.mainheading {
	font-size: 32px;
	margin-bottom: 30px;
}
.greyform {
	margin: 20px 0;
	border-radius: 6px;
	background: #cccccc;
	width: 100% !important;
	padding: 30px 15px !important;
}

/****Build your subscription***/
.style-selection a {
	transform:scale(0.8);
	text-align:center;
	font-size: 20px;
    display: block;
	cursor:pointer;
	opacity:0.8;
}
.style-selection a:hover, .style-selection a.selected {
	transform:scale(1);
	opacity:1;	
}
.style-selection a img {
	transition:all 0.3s linear; 
	-webkit-transition:all 0.3s linear; 
	-moz-transition:all 0.3s linear;
}
.grayed label {  font-size:18px; margin-bottom: 10px; font-weight: 800; margin-left: 0px; }
span.required, p.required { color:#c60f13; }
.popup label.error { display:none !important; }
.form_wrapper label.error, span.wpcf7-not-valid-tip { /**/ position: absolute;
    top: 0px;
    font-size: 12px;
    font-weight: normal; color:#fff;
    right: 6px; z-index:1; background-color: black;
    padding: 1px 3px; border-radius: 0px; }
.error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus, select.error {
    border-color: #EC1F27;
}
.wit {
    position: absolute;
    top: -20px;
    right: 8px;
    z-index: 999999;
    color: #EC1F27; font-size: 14px;
    cursor: pointer;
    margin-top: 0 !important;
}
@media only screen and (max-width: 1144px) {
	a.member-btn { font-size: 16px; }
}
.desktophide { display:none; }
@media only screen and (max-width: 767px) {
	.mobilehide {display:none;}
	.desktophide { display:block; }
	.check-form1 > div, .greyform > div { width: 100%; padding: 0; }
	.free-shiping li { font-size: 18px; margin-bottom: 10px; }
	
}
#how_it_works_data ul li { margin-left:20px; margin-bottom: 12px;font-size: 18px;list-style: square;}
ul.button_outer { text-align:center;}
ul.button_outer li {
	display: inline-block;
    margin: 0 5px 15px;
}

/**************************/
.popup {
	 margin:0 0 40px 0;
	 padding:0; 
	 float:left;
	 color:#fff;	
	 width:800px;
	 display:none;
	 max-width:100%;
	 background:#333;
	 /*min-height:610px;*/
	 border:1px solid #786b5e;
	 font-size: 17px;
}
.popup label { color:#fff; }
.popup2 { padding:50px; width:600px; }
.popup3 { padding:20px; width:500px; }
.iq {
	float:left;
	width:100%;
	margin-bottom:0;
	/*background:#1d1d1d;*/
	background-color:rgba(18,57,75,0.2);
	border-bottom:1px solid #786b5e;
}
.grid-head {
 float:left;
 width:250px; 
 cursor:pointer;
}
.tabcont { display:none; }
.grid-head:hover, .grid-head.current { background:#000;  }
.grid-head h2:hover, .grid-head.current h2 { color:#fff; border-bottom:0; }
.grid-head2 { margin-right:0; }
.grid-head h2 {
 	float:left;
	width:100%;
	margin:0;
	padding:15px;
	color:#6f6f6f;
	font-size:16px;
	text-align:center;
	font-weight:normal;
	border-right:1px solid #786b5e; 
	font-family: 'Abel', sans-serif;
}
.pop-content {
	float:left;
	margin:0;
	width:100%;
	display:none;	
	padding:20px 20px 0;
}
.pop-right {
	float:right;
	width:100%;
	padding-left:20px;
}
.pop-right img { margin:0 auto 20px; display:block; }
.pop-left {
	float:left;
	width:100%;
	margin-bottom:20px;
}
.pop-left h3 {
	
}
.pop-left table {
	width:100%;
	background:none;
	border-radius:0;
	margin-bottom:50px;
	border-collapse:collapse;
	border:1px solid #786b5e;
}
.pop-left table th, .pop-left table td { padding:10px; border:1px solid #786b5e; text-align:center; font-size: 16px; }
.pop-left table th { color:#d8b87c; }
.pop-left table td { color:#fff; }
.pop-left table tbody tr:nth-child(even) { background:none; }
.pop-left h3 { 
	margin:0;
	padding:10px; 	 
	/*color:#518f34;*/
	color: #EC1F27;
	font-size:17px;
	line-height:22px; 
	text-align:center;  
	border:1px solid #786b5e;
	border-bottom:0;
}
.pop-left h4 { 	 
	color:#fff;
	font-size:15px; 
}
.pop-cross {
	float:right;	
}
@media only screen and (max-width: 767px) {
	.page-content {padding-top: 130px;}
}
@media only screen and (max-width: 700px) {
	.pop-right img {
		display: block;
		margin: 0 auto 20px;
	}
	.page-content {padding-top: 130px;}
	.mobile-header {top:0px;}
	.memberships {margin-top: 	0px;}
	.textcenter {
    text-align: center;
    margin-bottom: 60px;
}
	/*.pop-right { display:none; }*/
	.pop-left, .pop-right { width:100%; }
	.pop-left table th { font-weight:normal; }
}
@media only screen and (max-width: 480px) {

	.grid-head h2 { height: 81px; }
}
h2.mb_30 { margin-bottom:30px;}

.side_widget { font-size:20px;}
.side_widget ul.social_ico li .fa {
    margin: 0 10px 10px 0;
}


/*about page style*/
.tellus-bnner {
    position: relative;
    margin-bottom: 25px;
}
.tellus-bnner img { display:block;}
.bazar {
    color: #fff;
    width: 100%;
    z-index: -1;
    bottom: 0;
    position: absolute;
    padding: 15px 18px;
    background: url(images/about/bazar_bg.png) repeat-x left top;
}
.tellus-bnner .bazar {
    position: absolute;
    bottom: 0;
    z-index: 1;
    font-size: 14px;
    padding: 15px 10px;
}

.bazar img {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
}
/*retired shirt page style start*/
.fame1 {
	float:left;
	width:100%;
	padding-top:17px;
	border-bottom: 6px solid #000;
	background-color:#ccffff;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(https://redtunashirtclub.com/wp-content/uploads/2019/07/troppo-background-1.jpg);
	background-size:cover;
	position:relative;
}
.overlay {
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0, 112, 255, 0.451);
	top:0;	
}
.fame-img { margin-top:4px; float:left; max-width:100%; }
.fame-img img { float:left; max-width:100%; height:auto; }
.fame-img2 { display:none; margin-top:4px; }
.fame-content {
    vertical-align: middle;
    display: table-cell;
	width:100%;
	padding:0px 0px 12%;
}
.fame-content h2  {
	color:#fff;
	font-size:35px;
	margin-bottom:5px;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
	text-align: left;
    text-transform: capitalize;
}
.fame-content span.location {
	color:#fff;
	float:left;
	width:100%;
	margin-bottom:20px;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
	font-weight:300;
	font-size:26px;
	font-family: atrament-web, sans-serif;
}
.fame-content span.location2 {
	color:#fff;
	float:left;
	width:100%;
	font-style: italic;
	margin-bottom:20px;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
	font-weight:300;
	font-size:22px;
	font-family: atrament-web, sans-serif;
}
.fame-content p { color:#fff; font-size:25px; }
.fame-pagenation {
	float:left;
	width:100%;
	padding:0 15px;
	margin-top:30px;
	margin-bottom:0px;
}
.fame-pagenation ul {
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
	text-align:center;
}
.fame-pagenation ul li {
	padding:0 6px;
	display:inline-block;
}
.fame-pagenation ul li a {
	float:left;
	padding:6px 10px;
	color:#615e5e;
	line-height:18px;
	font-size:18px;
	border-radius:5px;
	border: 1px solid #BFBFBF;
}
.fame-pagenation ul li:hover a, .fame-pagenation ul li.current a { background:#d8b87c; color:#000; border: 1px solid #fff; }

/*page navigation style*/
.wp-pagenavi {
	float:left;
	width:100%;
	text-align:center;
	margin-top: 30px;
    margin-bottom: 0px;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active, .wp-pagenavi span.current, .wp-pagenavi span.extend {
    margin: 0 6px 12px;
    display:inline-block;
	padding:6px 10px;
	color:#615e5e;
	line-height:18px;
	font-size:18px;
	border-radius:5px;
	border: 1px solid #BFBFBF;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    background:#d8b87c; color:#000;  border: 1px solid #fff; font-weight:normal !important; border-color: #fff !important;
}
/*page navigation end*/
input[type="submit"] { cursor:pointer; }
a.more-info, input[type="submit"].more-info, a.more-info, input[type="button"].more-info {
    color: #000;
    min-width: 200px;
	width:auto;
    padding: 10px 30px;
    font-size: 20px;
    margin: 0 0 15px;
    border: 3px solid #58d83f;
	max-width: 100%;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
    border-radius: 12px;
    display: inline-block;
    text-transform: uppercase;
	font-family: atrament-web, sans-serif;
	background: #ffff99;
}
a.more-info:hover, input[type="submit"].more-info:hover, a.more-info:hover, input[type="button"].more-info:hover {
	border: 3px solid #57d83e;
	background:#57d83e;
}
.seperator { height:50px; width:100%; clear:both; }
@media only screen and (max-width: 767px) {
	.fame-content { margin-bottom:20px; float: left; padding:0 15px; text-align:center;}
	.fame-content h2 { text-align:center;}
	.fame-content p { font-size:16px; }
	.fame-img2 { display:block; }
	.fame-img3 { display:none; }
	.ft-content { border-bottom:1px solid #fff; }
	.fame-img, .fame-img2 { margin-top: 15px; /*width: 100%;padding: 20px 20px 0px;*/}
	.fame-img img, .fame-img2 img { width: 360px; float: none; margin: 0 auto; display: block;}
	.more-info { min-width:100px; }

}
/********************************/


/*single retired shirt page css start*/

.sm25w {
 display:inline-block;
 width:23%;
 padding:0 5px;	
}
a.big_img img  {
	clear: both;
    display: block;
    margin: 0 auto 20px;
    float: none;
}

.arrow-left, .arrow-right { position:absolute; top:43%; width:40px; z-index:1;}
.arrow-left { left:10px;}
.arrow-right { right:10px;}
.arrow-left img, .arrow-right img { opacity: 0.9; }
.arrow-left img:hover, .arrow-right img:hover { opacity: 1; }
@media only screen and (max-width: 767px) {
	.mobile-six {
    float: left !important;
    width: 50% !important;
    margin-top: -50px;
    margin-bottom: 20px;
}
	.check-count h2 {
    margin-bottom: 15px;
    padding-top: 10px;
}
.mobile-four {
    float: left !important;
    width: 33.3333% !important;
    margin-bottom: 100px;
}
	span.subheading {
    font-size: 18px;
}
	.club-content p {
    font-size: 15px;}
		.check-count p {
    font-size: 15px;
}
.arrow-left, .arrow-right { top:195px; width:25px;}
}
@media only screen and (max-width: 375px) {
.arrow-left, .arrow-right { top:164px;}	
}
@media only screen and (max-width: 320px) {
.arrow-left, .arrow-right { top:137px;}	
}
/*my account page css start*/
form#login .fullhalf .more-info { min-width: 240px;}
form#login .fullhalf a.more-info { margin-left:10px;}
div.alert-box {
    color: #333;
    display: block;
    padding: 7px 10px;
    font-size: 14px;
    background-color: #2ba6cb;
    margin-bottom: 12px;
    position: relative;
    line-height: 16px;
}
div.alert-box.alert {
    border-left: 7px solid #c60f13;
    background-color: #f7f7f7;
	font-size: 16px;
}


.subsduration {
    font-size: 20px;
    text-align: center;
    background: #000;
    text-transform: capitalize;
    color: #fff;
    padding: 20px 10px 10px;
}
.button {
    border: 0;
    width: auto;
    padding: 7px 14px 8px;
    background-color: #EC1F27;
    color: #fff !important;
    text-shadow: -1px 1px 0px #000;
    border-radius: 6px;
	font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    line-height: 21px;
}
.form_wrapper .button { margin-bottom:20px; }
.button.success {
    background-color: #f58206;
    color: #fff !important;
    text-shadow: -1px 1px 0px #000;
    border-radius: 6px;
}
.button.success:hover, .button.success:focus { background: #518f34;
    color: #fff !important;
    text-shadow: -1px 1px 0px #000; }
.button.small {
    font-size: 11px;
    padding: 7px 14px 8px;
}
.button.action {
    font-size: 12px;
    color: #fff !important;
    text-shadow: -1px 1px 0px #000;
    font-weight: normal;
    padding: 4px 6px 4px;
}
	
/* Tables ---------------------- */
table { background: #fff; border-radius: 0; margin: 0 0 18px; border: 1px solid #fcfcfc; }

table thead, table tfoot { background: #f5f5f5; }

table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; font-size: 16px; line-height: 18px; text-align: left; }

table thead tr th, table tfoot tr td { padding: 8px 10px 9px; font-size: 16px; font-weight: bold; color: #222; }

table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }

table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }

table tbody tr.even, table tbody tr.alt { background: #f9f9f9; }

table tbody tr:nth-child(even) { background: #f9f9f9; }

table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }

table .subsduration {
    font-size: 16px;
    background: #eee;
    color: #000;
    font-weight: bold;
}
.hide .subsduration {
    margin-bottom: 15px;
}
.hide {
    display: none;
}
.selected_opts {
	float: left;
    width: 100%;
    margin-bottom: 0px;	
}
.selected_opts span {
    font-size: 14px;
    background: #e6e6e6;
    border-radius: 10px;
    display: inline-block;
    padding: 0 20px 2px;
    color: #4c4c4c;
}
.selected_opts p {font-size: 13px;line-height:22px;text-transform: uppercase;margin-bottom:10px;text-align: center;s}
.shirticons { margin:0; }

@media only screen and (max-width:767px) {
	.check-count li a {
		width: 60px;
    height: 60px;
    padding: 4px;
    font-size: 22px;
	}
#fixed-top {
	display: block;
	z-index: 999999
}
}
.wpcf7 form label { display:block;}

/* contact form error style */
span.wpcf7-form-control-wrap {
    width: 100%;
    float: left;
}
/*div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok {
    border: 0 !important;
    text-align: center;
    color: #f00;
}*/
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng { float: left; display:none !important; width:100%; clear:both; color: #f00; text-align:center; background-color: #fff;   padding: 15px 35px 15px 15px !important; margin:15px 0 0 0 !important;}
div.wpcf7-mail-sent-ok { float: left; width:100%; clear:both; display:block !important; color: green; text-align:center; background-color: #fff;   padding: 15px 35px 15px 15px !important; margin:15px 0 0 0 !important;}
input.wpcf7-not-valid, textarea.wpcf7-not-valid { border-color: #c60f13 !important;
    /*background-color: #c60f13 !important;
    color: #fff !important;*/}
span.wpcf7-not-valid-tip { /**/ position: absolute;
    top: 0px;
    font-size: 12px;
    font-weight: normal;
    right: 0px; z-index:1; background-color: black;
    padding: 6px; border-radius: 0; }
span.wpcf7-not-valid-tip {
    color: #fff !important;
    font-size: 12px !important;
}

.form_wrapper {
    padding: 0 6px;
    position: relative;
    z-index: 999;
	/*clear:both;*/
}
.formhalf {
    width: 50%;
    float: left;
}
.formonethird { width:33.3334%; float:left; }
.formtwothird { width:66.3333%; float:left; }
input[type="button"].moveback { float:right;}
p#show_promo_referal {
    font-size: 18px;
    text-align: center;
    background: rgba(139, 195, 74, 0.37);
    padding: 10px;
    font-weight: bold;
	color: #12394b;
    border-radius: 10px;
}

.forceRight .padbox .formheading {
    text-align: left;
    margin-bottom: 10px;
    padding: 10px 14px 14px;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    font-size: 26px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #021e3d;
    text-transform: initial;
}
.forceRight {
    float: right;
}
.form_wrapper .padbox p {
    color: #12394b;
    border-radius: 10px;
	font-weight: 400;
	font-size:16px;
	margin-bottom: 5px;
}
.border1px {
    float: left;
    background: #d4d4d4;
    height: 1px;
    width: 100%;
    margin: 10px 0 15px 0;
}
.ver_icons {
    clear: both;
    text-align: center;
}
.ver_icons img {
    height: 65px;
}

/*================================================== */
/* mobile menu - start
================================================== */
#fixed-top {
	top: 40px;
	right: 20px;
	z-index: 999;
	display: none;
	cursor: pointer;
	
	position: absolute;
	/*border-radius: 5px;
	padding: 12px 10px 8px;
	border: 2px solid #591e7e; background: #fff;*/
}
.navicon-line {
	width: 24px;
	height: 3px;
	border-radius: 1px;
	margin-bottom: 3px;
	background-color: #591e7e;
}
.dismiss {
	float: right;
}
h2.sidebar-title {
	margin-top: 9px !important;
}
.sidebar-menu-wrapper {
	display: block;
}
.sidebar-menu-wrapper ul {
	margin-left: 0 !important;
}
.sidebar-menu-wrapper .sidebar-menu {
	top: 0;
	right: -400px;
	height: 100vh;
	z-index: 9999999999;
	padding: 20px;
	position: fixed;
	width: 320px;
	max-width: 100%;
	overflow-y: scroll;
	background-color: #ffffff;
	-webkit-transition: 0.6s cubic-bezier(1, 0, 0, 1);
	-o-transition: 0.6s cubic-bezier(1, 0, 0, 1);
	transition: 0.6s cubic-bezier(1, 0, 0, 1);
	-webkit-box-shadow: -3px 0px 8px 1px rgba(0, 0, 0, 0.1);
	box-shadow: -3px 0px 8px 1px rgba(0, 0, 0, 0.1);
	/* menu items - start */
	/* menu items - end */
	/* menu items >> sub menu - start */
	/* menu items >> sub menu - end */
	/* contact-info - start */
	/* contact-info - end */
	/* social-links - start */
	/* social-links - end */
	/* social-links - start */
	/* social-links - end */
}
.sidebar-menu-wrapper .sidebar-menu .mCustomScrollBox {
	overflow: visible !important;
}
.sidebar-menu-wrapper .sidebar-menu .dismiss .close-btn {
	width: 40px;
	height: 40px;
	font-size: 14px;
	cursor: pointer;
	line-height: 42px;
	text-align: center;
	color: #ffffff;
	border-radius: 3px;
	display: inline-block;
	background-color: #001238;
}
.sidebar-menu-wrapper .sidebar-menu .sidebar-title {
	font-size: 21px;
	text-align: left;
	text-transform: capitalize;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list {
	padding: 15px 0 0;
	margin: 0px -20px 0 0;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list > li {
	width: 100%;
	display: block;
	border-bottom: 1px solid #e0deff;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list > li.disabled {
	text-align: center;
    font-weight: bold;	
}
.sidebar-menu-wrapper .sidebar-menu .menu-list > li.disabled a {
	pointer-events: none;
    cursor: default;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list > li > a {
	width: 100%;
	display: block;
	font-size: 14px;
	padding: 15px 30px;
	color: #7c8a97;
	text-transform: capitalize;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list > li:hover > a {
	color: #000;
	background-color: #f8fbff;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list > .active > a {
	color: #000;
	background-color: #f8fbff;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list .menu-item-has-children {
	position: relative;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list .menu-item-has-children:before {
	top: 9px;
	right: 25px;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: 400;
	content: '\f067';
	position: absolute;
	z-index: 999;
	color: #7c8a97;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	font-family: 'FontAwesome';
}
.sidebar-menu-wrapper .sidebar-menu .menu-list .menu-item-has-children.open:before {
	content: '\f068';
	-webkit-transform: rotate(-540deg);
	-ms-transform: rotate(-540deg);
	transform: rotate(-540deg);
}
.sidebar-menu-wrapper .sidebar-menu .menu-list .menu-item-has-children .sub-menu {
	background-color: #f8fbff;
	list-style: none;
	display: none;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list .menu-item-has-children.open > .sub-menu {
	display: block
}
.sidebar-menu-wrapper .sidebar-menu .menu-list .menu-item-has-children .sub-menu > li {
	position: relative;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list .menu-item-has-children .sub-menu > li > a {
	width: 100%;
	display: block;
	font-size: 14px;
	padding: 15px 0px;
	padding-left: 50px;
	color: #7c8a97;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list .menu-item-has-children .menu-item-has-children .sub-menu > li > a {
	padding-left: 70px;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list .menu-item-has-children .sub-menu > li:hover > a {
	color: #000;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list .menu-item-has-children .sub-menu > .active:before {
	background-color: #001238;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list .menu-item-has-children .sub-menu > .active > a {
	color: #fff;
}
.sidebar-menu-wrapper .sidebar-menu .contact-info > ul > li {
	font-size: 14px;
	margin-bottom: 0px;
}
.sidebar-menu-wrapper .sidebar-menu .contact-info > ul > li:last-child {
	margin-bottom: 0px;
}
.sidebar-menu-wrapper .sidebar-menu .social-links > ul > li {
	width: 40px;
	height: 40px;
	margin-right: 5px;
}
.sidebar-menu-wrapper .sidebar-menu .social-links > ul > li:last-child {
	margin-right: 0px !important;
}
.sidebar-menu-wrapper .sidebar-menu .social-links > ul > li > a {
	font-size: 14px;
	line-height: 40px;
}
.sidebar-menu-wrapper .sidebar-menu .custom-btn.signup-btn {
	width: 100%;
	display: block;
	border-radius: 0px;
}
.sidebar-menu-wrapper .sidebar-menu.active {
	right: 0px;
	-webkit-box-shadow: 0px 10px 55px 1px rgba(137, 173, 255, 0.35);
	box-shadow: 0px 10px 55px 1px rgba(137, 173, 255, 0.35);
}
.sidebar-menu-wrapper .overlay {
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0;
	z-index: 999;
	width: 100vw;
	height: 100vh;
	display: none;
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.sidebar-menu-wrapper .overlay.active {
	opacity: 1;
	display: block;
}
.sidebar-menu::-webkit-scrollbar {
	width: 0px;
}
.topmenuw-pright  {
float:left; padding-right:25px;	
}
.topmenuw-pleft {
float:left; padding-left:25px;	
}
@media only screen and (max-width: 767px) {
	.half_six .six, .half_six .nine, .half_six .three { width:50% !important; float:left !important;}
	.formhalf, .formonethird, .formtwothird {
    width: 100%;
}
.button {
    display: block;
}
p.returning a {
    margin-left: 0px !important;
    text-align: center;
}
	.checkoutFormWrap { clear:both; }
  #fixed-top { display: block; }
}

@media only screen and (max-width: 1167px) {
.topmenuw {
    width: 420px;
}
}
@media only screen and (max-width: 1077px) {
.topmenuw {
    width: 390px;
}
}
@media only screen and (max-width: 967px) {
.topmenuw {
    width: auto;
}
.menu-left ul li {
    padding: 0 6px;
}
.menu-left ul li a {
    font-size: 14px;
}
.topmenuw-pright {
float:left; padding-right:15px;	
}
.topmenuw-pleft {
float:left; padding-left:15px;	
}
}

/* mobile menu - end
================================================== */