a, button {
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out
}
.brde {
	border-top: none!important
}
.collapse {
	display: none
}

body { font-size: 16px; }
input, select { font-size: 100%; }
.blinking{
    animation:blinkingText 2s infinite;
}
.prescription {
   margin-top: 30px;
}
@keyframes blinkingText{
    0%{     color: #fff;    }
    40%{    color: #fff; }
    50%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #fff;    }
}
.btn-success {
    color: #fff !important;
   /* background-color: #c70d0d;
    border-color: #d50b1e;*/
}
.call {
	float: left;
	margin-top: 3px;
	color: #ff9602;
	font-size: 20px;
	font-weight: 700
}
.revs {
	text-align: right;
	margin: 10px 2px;
	color: green
}

.revname {
	color: #999;
	float: right
}
.feed {
	text-align: right;
	float: right;
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 17px
}
.pagination div {
	float: left;
	margin-left: 5px;
	font-size: 15px
}
.pagination {
	float: right
}
.tabbing li {
	float: left;
	padding: 5px 30px;
	list-style: none;
	font-size: 17px;
	border: 1px solid #41b39c;
	margin-left: 3px;
	cursor: pointer;
	cursor: hand;
	color: #fff;
	border-radius: 5px;
	background-color: #4fbfa8
}
.tabbing {
	border-top: 1px solid #4fbfa8
}
a i.fa, button i.fa {
	margin: 0 5px
}
.clickable {
	cursor: pointer
}
p.lead {
	font-weight: 300
}
h1 {
	font-weight: 700;
	font-size: 30px
}
#top {
	background: #555;
	padding: 10px 0
}
.text {
	float: left;
	width: 100%;
}
.textdob {
	float: left;
	width: 100px
}
.text1 {
}
.leftdb {
	text-align: center
}
.newleftmenu {
	height: auto
}
.newleftmenu-header {
	height: 40px;
	background: #5bb75b;
	border-radius: 3px 3px 0 0
}
.newleftmenu-header h4 {
	color: #fff;
	padding-left: 8px;
	text-transform: uppercase
}
.newleftmenu ul li {
	list-style: none;
	padding: 4px;
	text-align: left;
	margin-left: -55px;
	margin-right: -14px;
	border-bottom: 1px #c5d4c5 dotted;
	display: block
}
.newleftmenu ul li a {
	color: #000;
	text-decoration: none;
	padding: 0 8px
}
.newleftmenu ul li a:hover {
	color: #3da892
}
.newleftmenu ul li.last {
	border-bottom: 0 #5bb75b dotted
}
.newleftmenu ul li img {
	margin-right: 25px;
	float: right
}
.newleftmenu ul li .img1 {
	margin-left: 0
}
#top .offer {
	color: #fff
}
#top .offer .btn {
	text-transform: uppercase
}

@media (max-width: 991px) {
#top .offer {
	margin-bottom: 10px
}
#top {
	font-size: 12px;
	text-align: center
}
}
#top a {
	color: #fff
}
#top ul.menu {
	text-align: center;
    width: 100%;
    padding: 0% 10%;
    align-items: center;
}

@media (max-width: 991px) {
#top ul.menu {
	text-align: center
}
}
#top ul.menu > li {
	display: inline-block
}
#top ul.menu > li a {
	color: #eee
}
#top ul.menu > li + li:before {
	content: "|\00a0";
	padding: 0 5px;
	color: #f7f7f7
}
#top ul.menu > .active {
	color: #999
}
#top #login-modal .modal-header {
	background: #4fbfa8
}
#top #login-modal .modal-header h4 {
	color: #fff
}
#top #login-modal a {
	color: #4fbfa8
}
#top #login-modal p {
	font-weight: 300;
	margin-bottom: 20px
}
.navbar .yamm-content h5 {
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	padding-bottom: 10px;
	border-bottom: dotted 1px #555
}

@media (max-width: 767px) {
.navbar .yamm-content h5 {
	font-size: 14px
}
}
.navbar .yamm-content ul {
	margin: 0;
	padding: 0
}
.navbar .yamm-content ul li {
	list-style-type: none;
	border-bottom: solid 1px #eee;
	text-transform: uppercase;
	padding: 4px 0
}
.navbar .yamm-content ul li a {
	color: #999;
	font-size: 12px;
	display: block
}
.navbar .yamm-content ul li a:hover {
	color: #4fbfa8;
	text-decoration: none
}
.navbar .yamm-content .banner {
	margin-bottom: 10px
}
.navbar ul.nav > li > a {
	text-transform: uppercase;
	font-weight: 700
}
.navbar #search {
	clear: both;
	border-top: solid 1px #9adacd;
	text-align: right
}
.navbar #search .navbar-form {
	float: right;
	width: 500px
}
.navbar #search .navbar-form .input-group {
	display: table
}
.navbar #search .navbar-form .input-group .input-group-btn {
	white-space: nowrap;
	width: 1%
}
.navbar #search .navbar-form .input-group .form-control {
	width: 100%
}

@media (max-width: 768px) {
.navbar #search .navbar-form {
	float: none;
	width: auto
}
}
.navbar #basket-overview {
	padding: 0
}
#hot h2 {
	text-transform: uppercase;
	font-size: 36px;
	color: #4fbfa8;
	font-weight: 100;
	text-align: center
}
#hot .product-slider {
	margin-bottom: 20px
}
#hot .product-slider:before, #hot .product-slider:after {
	content: " ";
	display: table
}
#hot .product-slider:after {
	clear: both
}
#hot .product-slider .item {
	margin: 0 25px;
	visibility: hidden
}
#hot .product-slider .owl-controls {
	position: relative;
	top: -30px
}
#hot .product-slider .owl-controls .owl-buttons {
	display: none
}
#hot .product-slider .owl-controls .owl-page.active span, #hot .product-slider .owl-controls.clickable .owl-page:hover span {
	background: #4fbfa8
}
#advantages {
	text-align: center
}
#advantages .box .icon {
	position: absolute;
	font-size: 120px;
	width: 100%;
	text-align: center;
	top: -20px;
	left: 0;
	height: 100%;
	float: left;
	color: #eee;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out;
	z-index: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#advantages .box h3 {
	position: relative;
	margin: 0 0 20px;
	font-weight: 300;
	text-transform: uppercase;
	z-index: 2
}
#advantages .box h3 a:hover {
	text-decoration: none
}
#advantages .box p {
	position: relative;
	color: #555;
	z-index: 2
}
#main-slider {
	margin-bottom: 30px;
	border: solid 1px #fff;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	box-shadow: 0 2px 5px rgba(0,0,0,0.2)
}
.box.slideshow ul li div, #main-slider ul li div {
	width: 100%
}
.box.slideshow .owl-controls, #main-slider .owl-controls {
	position: absolute;
	right: 20px;
	bottom: 20px
}
.box.slideshow .owl-controls .owl-buttons, #main-slider .owl-controls .owl-buttons {
	display: none
}
.box.slideshow .owl-controls .owl-page.active span, #main-slider .owl-controls .owl-page.active span, .box.slideshow .owl-controls.clickable .owl-page:hover span, #main-slider .owl-controls.clickable .owl-page:hover span {
	background: #4fbfa8
}
.breadcrumb {
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
	box-shadow: 0 1px 5px rgba(0,0,0,0.1)
}
.box {
	background: #fff;
	margin: 0 0 30px;
	border: solid 1px #e6e6e6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
	box-shadow: 0 1px 5px rgba(0,0,0,0.1)
}
.box .box-header {
	background: #f7f7f7;
	margin: -20px -20px 20px;
	padding: 20px;
	border-bottom: solid 1px #eee
}
.box .box-header:before, .box .box-header:after {
	content: " ";
	display: table
}
.box .box-header:after {
	clear: both
}
.box .box-footer {
	background: #f7f7f7;
	margin: 30px -20px -20px;
	padding: 20px;
	border-top: solid 1px #eee
}
.box .box-footer:before, .box .box-footer:after {
	content: " ";
	display: table
}
.box .box-footer:after {
	clear: both
}

@media (max-width: 991px) {
.box .box-footer .btn {
	margin-bottom: 20px
}
}
.box.slideshow {
	padding: 20px 0 0;
	text-align: center
}
.box.slideshow h3 {
	text-transform: uppercase;
	font-weight: 700
}
.ribbon {
	position: absolute;
	top: 50px;
	padding-left: 51px;
	z-index: 20
}
.ribbon .ribbon-background {
	position: absolute;
	top: 0;
	right: 0
}
.ribbon .theribbon {
	position: relative;
	width: 80px;
	padding: 6px 20px;
	color: #fff;
	display: none;/*margin:30px 10px 10px -71px;background-color:#4fbfa8;text-shadow:0 1px 2px #bbb*/
}
.ribbon .theribbon:before, .ribbon .theribbon:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0
}
.ribbon .theribbon:after {
	left: 0;
	top: 100%;
	border-width: 5px 10px;
	border-style: solid;
	border-color: #2d7b6b #2d7b6b transparent transparent
}
.ribbon.sale {
	top: 0
}
.ribbon.new {
	top: 50px
}
.ribbon.new .theribbon {
	background-color: #5bc0de;
	text-shadow: 0 1px 2px #bbb
}
.ribbon.new .theribbon:after {
	border-color: #2390b0 #2390b0 transparent transparent
}
.ribbon.gift {
	top: 100px
}
.ribbon.gift .theribbon {
	background-color: #5cb85c;
	text-shadow: 0 1px 2px #bbb
}
.ribbon.gift .theribbon:after {
	border-color: #357935 #357935 transparent transparent
}
#content .panel.sidebar-menu {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
	box-shadow: 0 1px 5px rgba(0,0,0,0.1)
}
#content .panel.sidebar-menu .panel-heading .btn.btn-danger {
	color: #fff
}
#content .panel.sidebar-menu .panel-body span.colour {
	display: inline-block;
	width: 15px;
	height: 15px;
	border: solid 1px #555;
	vertical-align: top;
	margin-top: 2px;
	margin-left: 5px
}
#content .panel.sidebar-menu .panel-body span.colour.white {
	background: #fff
}
#content .panel.sidebar-menu .panel-body span.colour.red {
	background: red
}
#content .panel.sidebar-menu .panel-body span.colour.green {
	background: green
}
#content .panel.sidebar-menu .panel-body span.colour.blue {
	background: blue
}
#content .panel.sidebar-menu .panel-body span.colour.yellow {
	background: #ff0
}
#content .panel.sidebar-menu .panel-body label {
	color: #999;
	font-size: 12px
}
#content .panel.sidebar-menu .panel-body label:hover {
	color: #555
}
#content .panel.sidebar-menu h3 {
	padding: 5px 0;
	margin: 0
}
#content .panel.sidebar-menu ul.nav.category-menu {
	margin-bottom: 20px
}
#content .panel.sidebar-menu ul.nav.category-menu li a {
	text-transform: uppercase;
	font-weight: 700
}
#content .panel.sidebar-menu ul.nav ul {
	list-style: none;
	padding-left: 0
}
#content .panel.sidebar-menu ul.nav ul li {
	display: block
}
#content .panel.sidebar-menu ul.nav ul li a {
	position: relative;
	font-weight: 400;
	text-transform: none!important;
	display: block;
	padding: 10px 15px;
	padding-left: 30px;
	font-size: 12px;
	color: #999
}
#content .panel.sidebar-menu ul.nav ul li a:hover, #content .panel.sidebar-menu ul.nav ul li a:focus {
	text-decoration: none;
	background-color: #eee
}
#content .info-bar {
	line-height: 32px;
	vertical-align: middle
}

@media (max-width: 991px) {
#content .info-bar .products-showing {
	text-align: center
}
}

@media (max-width: 991px) {
#content .info-bar .products-number-sort {
	text-align: center;
	margin-top: 10px
}
}
#content .info-bar .products-number strong {
	margin-right: 10px
}
#content .info-bar .products-sort-by select {
	margin-left: 10px
}

@media (max-width: 991px) {
#content .info-bar .products-sort-by {
	margin: 10px 0 0
}
#content .info-bar .products-sort-by select {
	margin: 0
}
}
#content .product {
	background: #fff;
	border: solid 1px #e6e6e6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 30px
}
#content .product .flip-container {
	cursor: pointer;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	perspective: 1000px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

@media (max-width: 767px) {
#content .product .flip-container img.img-responsive {
	min-width: 100%
}
}
#content .product .flip-container, #content .product .front, #content .product .back {
	width: 100%
}
#content .product .flipper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: .6s;
	transition: .6s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: relative
}
#content .product .front, #content .product .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: .6s;
	transition: .6s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0
}
#content .product .front {
	z-index: 2;
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg)
}
#content .product .back {
	-webkit-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg)
}
#content .product:hover .back {
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	z-index: 2
}
#content .product:hover .front {
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
	z-index: 1
}
#content .product .invisible {
	visibility: hidden
}

@media (max-width: 767px) {
#content .product .invisible img.img-responsive {
	min-width: 100%
}
}
#content .product .text {
	padding: 10px 10px 0
}
#content .product .text h3 {
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	overflow: hidden
}
#content .product .text h3 a {
	color: #555
}
#content .product .text p.price {
	font-size: 18px;
	text-align: center;
	font-weight: 300
}
#content .product .text p.price del {
	color: #999
}
#content .product .text .buttons {
	clear: both;
	text-align: center
}
#content .product .text .buttons .btn {
	margin-bottom: 10px
}
#content .banner {
	margin-bottom: 30px
}
#content .pages {
	text-align: center
}
#content .pages .loadMore {
	text-align: center
}
#content .pages .pagination {
	text-align: center
}
#content #mainImage {
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
	box-shadow: 0 1px 5px rgba(0,0,0,0.2)
}
#content #productMain {
	margin-bottom: 30px
}
#content #productMain .goToDescription {
	margin-top: 20px;
	font-size: 12px;
	text-align: center
}
#content #productMain .goToDescription a {
	color: #999;
	text-decoration: underline
}
#content #productMain .price {
	font-size: 30px;
	font-weight: 300;
	text-align: center;
	margin-top: 40px
}
#content #productMain .buttons {
	margin-bottom: 0;
	text-align: center
}
#content #productMain .buttons .btn {
	margin-bottom: 10px
}
#content #details .social {
	text-align: left
}
#content #details .social h4 {
	font-weight: 300;
	margin-bottom: 10px
}
#content #details .social p {
	line-height: 26px
}
#content #details .social p a {
	margin: 0 10px 0 0;
	color: #fff;
	display: inline-block;
	width: 26px;
	height: 26px;
	border-radius: 13px;
	line-height: 23px;
	font-size: 15px;
	text-align: center;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out;
	vertical-align: bottom
}
#content #details .social p a i {
	vertical-align: bottom;
	line-height: 26px
}
#content #details .social p a.facebook {
	background-color: #4460ae;
	margin: 5px;
}
#content #details .social p a.gplus {
	background-color: #c21f25;
	margin: 5px;
}
#content #details .social p a.twitter {
	background-color: #3cf;
	margin: 5px;
}
#content #details .social p a.instagram {
	background-color: #cd4378;
	margin: 5px;
}
#content #details .social p a.email {
	background-color: #4a7f45;
	margin: 5px;
}

@media (max-width: 991px) {
#content #details .social {
	text-align: center
}
}
#content #thumbs a {
	display: block;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
	box-shadow: 0 1px 5px rgba(0,0,0,0.2);
	border: solid 2px transparent
}
#content #thumbs a.active {
	border-color: #4fbfa8
}
#content #checkout .nav {
	margin-bottom: 20px;
	border-bottom: solid 1px #4fbfa8
}
#content #checkout .nav li {
	height: 100%
}
#content #checkout .nav li a {
	display: block;
	height: 100%
}
#content #order-summary table {
	margin-top: 20px
}
#content #order-summary table td {
	color: #999
}
#content #order-summary table tr.total td, #content #order-summary table tr.total th {
	font-size: 18px;
	color: #555;
	font-weight: 700
}
#content #checkout .table tbody tr td, #content #basket .table tbody tr td, #content #customer-order .table tbody tr td {
	vertical-align: middle
}
#content #checkout .table tbody tr td input, #content #basket .table tbody tr td input, #content #customer-order .table tbody tr td input {
	width: 50px;
	text-align: right
}
#content #checkout .table tbody tr td img, #content #basket .table tbody tr td img, #content #customer-order .table tbody tr td img {
	width: 50px
}
#content #checkout .table tfoot, #content #basket .table tfoot, #content #customer-order .table tfoot {
	font-size: 18px
}
#content #text-page h1, #content #text-page h2, #content #text-page h3 {
	font-weight: 700
}
#content #error-page {
	text-align: center
}
#content #error-page h4 {
	margin-bottom: 40px
}
#content #error-page p.buttons {
	margin-top: 40px
}
#content #map {
	height: 400px
}
#content #blog-listing .post, #content #blog-homepage .post {
	background: #fff;
	margin: 0 0 30px;
	border: solid 1px #e6e6e6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
	box-shadow: 0 1px 5px rgba(0,0,0,0.1)
}
#content #blog-listing .post h2 a, #content #blog-homepage .post h2 a, #content #blog-listing .post h4 a, #content #blog-homepage .post h4 a {
	color: #555
}
#content #blog-listing .post h2 a:hover, #content #blog-homepage .post h2 a:hover, #content #blog-listing .post h4 a:hover, #content #blog-homepage .post h4 a:hover {
	color: #4fbfa8
}
#content #blog-listing .post .author-category, #content #blog-homepage .post .author-category {
	color: #999;
	font-weight: 300
}
#content #blog-listing .post .date-comments a, #content #blog-homepage .post .date-comments a {
	color: #999;
	margin-right: 20px
}
#content #blog-listing .post .date-comments a:hover, #content #blog-homepage .post .date-comments a:hover {
	color: #4fbfa8
}
#content #blog-listing .post .intro, #content #blog-homepage .post .intro {
	text-align: left
}
#content #blog-listing .post .image, #content #blog-homepage .post .image {
	margin-bottom: 10px;
	overflow: hidden
}
#content #blog-listing .post .image img, #content #blog-homepage .post .image img {
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out
}

@media (max-width: 767px) {
#content #blog-listing .post .image img.img-responsive, #content #blog-homepage .post .image img.img-responsive {
	min-width: 100%
}
}
#content #blog-listing .post .read-more, #content #blog-homepage .post .read-more {
	text-align: right
}
#content #blog-listing .post:hover .image img, #content #blog-homepage .post:hover .image img {
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
#content #blog-homepage .post {
	margin-bottom: 30px
}
#content #blog-homepage .post h2, #content #blog-homepage .post h4, #content #blog-homepage .post .author-category, #content #blog-homepage .post .read-more {
	text-align: center
}
#content #blog-homepage .post .intro {
	font-weight: 300;
	height: 100px
}
#content #blog-homepage .post .read-more {
	margin-top: 20px
}
#content #blog-post .author-date {
	color: #999;
	font-weight: 300
}
#content #blog-post #post-content {
	margin-bottom: 20px
}
#content #blog-post .comment {
	margin-bottom: 25px
}
#content #blog-post .comment:before, #content #blog-post .comment:after {
	content: " ";
	display: table
}
#content #blog-post .comment:after {
	clear: both
}
#content #blog-post .comment .posted {
	color: #999;
	font-size: 12px
}
#content #blog-post .comment .reply {
	font-family: "Roboto", Helvetica, Arial, sans-serif
}
#content #blog-post .comment.last {
	margin-bottom: 0
}
#content #blog-post #comments:before, #content #blog-post #comment-form:before, #content #blog-post #comments:after, #content #blog-post #comment-form:after {
	content: " ";
	display: table
}
#content #blog-post #comments:after, #content #blog-post #comment-form:after {
	clear: both
}
#content #blog-post #comments h4, #content #blog-post #comment-form h4 {
	margin-bottom: 20px
}
#content #blog-post #comment-form {
	margin-bottom: 20px
}
#content #customer-orders table tr th, #content #customer-orders table tr td {
	vertical-align: baseline
}
#content #customer-order .table tfoot th {
	font-size: 18px;
	font-weight: 300
}
#content #customer-order .addresses {
	text-align: right
}
#content #customer-order .addresses p {
	font-size: 18px;
	font-weight: 300
}
#footer {
	background: #e0e0e0;
	padding: 20px 0
}
#footer ul {
	padding-left: 0;
	list-style: none
}
#footer ul a {
	color: #777;
}
#footer .social {
	text-align: left
}
#footer .social a {
	margin: 0 10px 0 0;
	color: #fff;
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	line-height: 26px;
	font-size: 15px;
	text-align: center;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out;
	vertical-align: bottom;
	background-color: #555
}
#footer .social a i {
	vertical-align: bottom;
	line-height: 30px
}
#footer .social a.facebook:hover {
	background-color: #4460ae
}
#footer .social a.gplus:hover {
	background-color: #c21f25
}
#footer .social a.twitter:hover {
	background-color: #3cf
}
#footer .social a.instagram:hover {
	background-color: #cd4378
}
#footer .social a.email:hover {
	background-color: #4a7f45
}
#copyright {
	background: #333;
	color: #ccc;
	padding: 20px 0;
	font-size: 12px
}
#copyright p {
	margin: 0
}

@media (max-width: 991px) {
#copyright p {
	float: none!important;
	text-align: center;
	margin-bottom: 10px
}
}
#style-switch-button {
	position: fixed;
	top: 80px;
	left: 20px
}
#style-switch {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 200px;
	padding: 20px;
	position: fixed;
	top: 120px;
	left: 20px;
	background: #fff;
	border: solid 1px #eee
}
.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
	position: static
}
.yamm .container {
	position: relative
}
.yamm .dropdown-menu {
	left: auto
}
.yamm .nav.navbar-right .dropdown-menu {
	left: auto;
	right: 0
}
.yamm .yamm-content {
	padding: 20px 30px
}

@media (max-width: 767px) {
.yamm .yamm-content {
	padding: 10px 20px
}
}
.yamm .dropdown.yamm-fw .dropdown-menu {
	left: 0;
	right: 0
}
.nav {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none
}
.nav > li > a {
	padding: 10px 15px
}
.nav > li > a:hover, .nav > li > a:focus {
	background-color: #eee
}
.nav > li.disabled > a {
	color: #999
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
	color: #999
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: #eee;
	border-color: #4fbfa8
}
.nav-tabs {
	border-bottom: 1px solid #ddd
}
.nav-tabs > li > a {
	line-height: 1.42857143;
	border-radius: 4px 4px 0 0
}
.nav-tabs > li > a:hover {
	border-color: #eee #eee #ddd
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #555;
	background-color: #f0f0f0;
	border: 1px solid #ddd
}
.nav-pills > li > a {
	border-radius: 0
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	color: #fff;
	background-color: #4fbfa8
}
.nav-tabs-justified > li > a {
	border-radius: 4px
}
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
	border: 1px solid #ddd
}

@media (min-width: 768px) {
.nav-tabs-justified > li > a {
	border-bottom: 1px solid #ddd;
	border-radius: 4px 4px 0 0
}
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
	border-bottom-color: #f0f0f0
}
}
.navbar {
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	min-height: 70px;
	margin-bottom: 30px;
	border: none;
	border-bottom: 1px solid transparent
}

@media (min-width: 768px) {
.navbar {
	border-radius: 0
}
}
.navbar-collapse {
	max-height: 340px;
	overflow-x: visible;
	padding-right: 15px;
	padding-left: 15px
}
.navbar-collapse.in {
	overflow-y: auto
}

@media (min-width: 768px) {
.navbar-collapse {
	float: left;
	width: auto;
	border-top: 0;
	box-shadow: none
}
.navbar-collapse.collapse {
	display: block!important;
	height: auto!important;
	padding-bottom: 0;
	overflow: visible!important
}
.navbar-collapse.in {
	overflow-y: visible
}
.navbar-collapse.right {
	float: right
}
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	padding-left: 0;
	padding-right: 0
}
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
	margin-right: -15px;
	margin-left: -15px
}

@media (min-width: 768px) {
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
	/*margin-right: 0;*/
	margin-right: -12px;
	margin-left: 0
}
}
.navbar-brand {
	float: left;
	padding: 10px 15px;
	font-size: 18px;
	line-height: 20px;
	height: 70px
}
.navbar-brand:hover, .navbar-brand:focus {
	text-decoration: none
}

@media (min-width: 768px) {
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	margin-left: -15px
}
}
.navbar-toggle {
	padding: 9px 10px!important;
	margin-right: 15px;
	border-radius: 4px;
	margin-top: 18px;
	margin-bottom: 18px
}

@media (max-width: 767px) {
.navbar-toggle {
	/*margin-right: 5px*/
}
.header-shipping{
margin-left: 25px;
}
}
.navbar-nav {
	margin: 12.5px -15px
}
.navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px
}

@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
	padding: 5px 15px 5px 25px
}
.navbar-nav .open .dropdown-menu > li > a {
	line-height: 20px
}
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
	background-image: none
}
}

@media (min-width: 768px) {
.navbar-nav {
	float: left;
	margin: 0
}
.navbar-nav > li {
	float: left;
	height: 70px
}
.navbar-nav > li > a {
	padding-top: 25px;
	padding-bottom: 25px
}
.navbar-nav.navbar-right:last-child {
	margin-right: -15px
}
}
.navbar-form {
	padding: 0 15px;
	border: none;
	margin: 18px -15px
}

@media (max-width: 767px) {
.navbar-form .form-group {
	margin-bottom: 5px
}
}
.navbar-btn {
	margin-top: 18px;
	margin-bottom: 18px
}
.navbar-btn.btn-sm {
	margin-top: 20px;
	margin-bottom: 20px
}
.navbar-btn.btn-xs {
	margin-top: 24px;
	margin-bottom: 24px
}
.navbar-text {
	margin-top: 25px;
	margin-bottom: 25px
}

@media (min-width: 768px) {
.navbar-text {
	float: left;
	margin-left: 15px;
	margin-right: 15px
}
.navbar-text.navbar-right:last-child {
	margin-right: 0
}
}
.navbar-default {
	background-color: #fff;
	border-bottom-color: #e6e6e6
}
.navbar-default .navbar-brand {
	color: #777
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #5e5e5e;
	background-color: transparent
}
.navbar-default .navbar-text {
	color: #777
}
.navbar-default .navbar-nav > li > a {
	color: #777
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #333;
	background-color: transparent
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: #5bb75b
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
	color: #ccc;
	background-color: transparent
}
.navbar-default .navbar-toggle {
	border-color: #ddd
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #ddd
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #888
}
.navbar-default .navbar-collapse {
	border-color: #e6e6e6
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: #5bb75b;
	color: #f5f5f5
}

@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #777
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #333;
	background-color: transparent
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #555;
	background-color: #4fbfa8
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
	color: #ccc;
	background-color: transparent
}
}
.navbar-default .navbar-link {
	color: #777
}
.navbar-default .navbar-link:hover {
	color: #333
}
body {
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #f0f0f0
}
a {
	color: #4fbfa8;
	text-decoration: none
}
a:hover, a:focus {
	color: #348e7b;
	text-decoration: underline
}
.panel-title a:focus {
	color: #fff;
	text-decoration: none
}
a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}
.img-rounded {
	border-radius: 6px
}
hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee
}
.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	background-color: #fff;
	border-radius: 0
}
.breadcrumb > li + li:before {
	content: ">\00a0";
	color: #ccc
}
.breadcrumb > .active {
	color: #999
}

@media (max-width: 991px) {
.breadcrumb {
	padding: 8px 0;
	text-align: center
}
}
.btn {
	font-weight: 400;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	padding: 5px 6px;
	/*padding: 6px 12px;*/
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 3px
}
.btn-primary {
	color: #fff;
	background-color: #4fbfa8;
	border-color: #41b39c
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #3da892;
	border-color: #318675
}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-image: none
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
	background-color: #4fbfa8;
	border-color: #41b39c
}
.btn-primary .badge {
	color: #4fbfa8;
	background-color: #fff;
}
.btn-lg {
	padding: 7px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 3px;
	width:100%;
}
.btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}
.btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}
.dropdown-menu > li > a {
	padding: 5px 20px
}
.img-responsive1.mobile {
  display: none;
}
.discbanner{display:none;width: 185px;float: right;position: absolute;right: 0;margin-top:110px;z-index:999}
.discbanner1 {width: 136px; float: right; margin-left: -3px; position: absolute; margin-top: 25px;z-index: 999;}
label {
	font-weight: 400
}
.form-control {
	-webkit-box-shadow: none;
	box-shadow: none
}
.form-group {
	margin-bottom: 20px
}
.pager {
	margin: 20px 0;
	border-top: solid 1px #eee;
	padding-top: 20px;
	text-transform: uppercase;
	font-family: "Roboto", Helvetica, Arial, sans-serif
}
.pager li {
	display: inline
}
.pager li > a, .pager li > span {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px
}
.pager li > a:hover, .pager li > a:focus {
	text-decoration: none;
	color: #fff;
	background-color: #eee
}
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
	color: #999;
	background-color: #fff;
	border-color: #ddd
}
.pagination {
	margin: 20px 0;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	border-radius: 0
}
.pagination > li > a, .pagination > li > span {
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #4fbfa8;
	background-color: #fff;
	border: 1px solid #ddd
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color: #348e7b;
	background-color: #eee;
	border-color: #ddd
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	z-index: 2;
	color: #fff;
	background-color: #4fbfa8;
	border-color: #4fbfa8
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	color: #999;
	background-color: #fff;
	border-color: #ddd
}

@media (max-width: 767px) {
.text-center-xs {
	text-align: center!important
}
.text-center-xs img {
	display: block;
	margin-left: auto;
	margin-right: auto
}
}

@media (min-width: 768px) and (max-width: 991px) {
.text-center-sm {
	text-align: center!important
}
.text-center-sm img {
	display: block;
	margin-left: auto;
	margin-right: auto
}
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit
}
h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 20px;
	margin-bottom: 20px
}
p, ul, ol {
	margin: 0 0 20px
}
.lead {
	margin-bottom: 20px;
	font-size: 16px
}

@media (min-width: 768px) {
.lead {
	font-size: 21px
}
}
.text-small {
	font-size: 12px
}
.text-large {
	font-size: 18px
}
.text-italic {
	font-style: italic
}
.text-primary {
	color: #4fbfa8
}
a.text-primary:hover {
	color: #3aa18c
}
.bg-primary {
	color: #fff;
	background-color: #4fbfa8
}
a.bg-primary:hover {
	background-color: #3aa18c
}
abbr[title], abbr[data-original-title] {
	border-bottom: 1px dotted #999
}
blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 14px;
	border-left: 5px solid #4fbfa8
}
blockquote footer, blockquote small, blockquote .small {
	display: block;
	font-size: 80%;
	line-height: 1.42857143;
	color: #999
}
blockquote footer:before, blockquote small:before, blockquote .small:before {
	content: '\2014 \00A0'
}
.blockquote-reverse, blockquote.pull-right {
	border-right: 5px solid #4fbfa8
}
address {
	margin-bottom: 20px;
	line-height: 1.42857143
}
.panel-primary {
	border-color: #4fbfa8
}
.panel-primary > .panel-heading {
	color: #fff;
	background-color: #4fbfa8;
	border-color: #4fbfa8
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #4fbfa8
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: #4fbfa8
}
.panel-primary .panel-title {
	font-weight: 300
}
.panel-primary .panel-title a:hover {
	color: #fff;
	text-decoration: none
}
#dropdownicon {
	visibility: hidden;
}
#paneldrop {
	border: 1px #5bb75b solid;
	border-radius: 0;
	padding: 0 15px;
	background: #fff
}

@media (min-width:320px) and (max-width:680px) {
.video-container {
	margin-top: 20px
}
#dropdown {
	display: block;
	cursor: pointer;
	cursor: hand;
}
#paneldropbirth {
	display: none
}
}
/*css to be minify*/
@charset "UTF-8";
.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.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}
@-webkit-keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
transform:translateY(-15px)
}
}
@keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
-ms-transform:translateY(-15px);
transform:translateY(-15px)
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce
}
@-webkit-keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
30% {
-webkit-transform:scaleX(1.25) scaleY(0.75);
transform:scaleX(1.25) scaleY(0.75)
}
40% {
-webkit-transform:scaleX(0.75) scaleY(1.25);
transform:scaleX(0.75) scaleY(1.25)
}
60% {
-webkit-transform:scaleX(1.15) scaleY(0.85);
transform:scaleX(1.15) scaleY(0.85)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
30% {
-webkit-transform:scaleX(1.25) scaleY(0.75);
-ms-transform:scaleX(1.25) scaleY(0.75);
transform:scaleX(1.25) scaleY(0.75)
}
40% {
-webkit-transform:scaleX(0.75) scaleY(1.25);
-ms-transform:scaleX(0.75) scaleY(1.25);
transform:scaleX(0.75) scaleY(1.25)
}
60% {
-webkit-transform:scaleX(1.15) scaleY(0.85);
-ms-transform:scaleX(1.15) scaleY(0.85);
transform:scaleX(1.15) scaleY(0.85)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
}
@keyframes shake {
0%, 100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
-ms-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
-ms-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
}
.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}
@keyframes tada {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
-ms-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
-ms-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
-ms-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
-ms-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
}
@keyframes wobble {
0% {
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
-ms-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
-ms-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
-ms-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
-ms-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
-ms-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}
@-webkit-keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
transform:scale(.9)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
-ms-transform:scale(.9);
transform:scale(.9)
}
100% {
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
-ms-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
-ms-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
-ms-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px);
-ms-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
}
@keyframes bounceOut {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
-ms-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
}
.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
}
@keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
}
@keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
}
@keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	-ms-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
-ms-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg);
-ms-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg);
-ms-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
-ms-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
.flipInX {
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
-ms-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg);
-ms-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg);
-ms-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
-ms-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
.flipInY {
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
-ms-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
-ms-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
-ms-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
-ms-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
.flipOutY {
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
-ms-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
-ms-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
-ms-transform:translateX(0%) skewX(-15deg);
transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
-ms-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0%) skewX(0deg);
-ms-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
-ms-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(-200deg);
-ms-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(200deg);
-ms-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}
@-webkit-keyframes slideInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes slideInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}

@keyframes slideInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:0;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:0;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}
@-webkit-keyframes hinge {
0% {
-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
transform:rotate(60deg) translateY(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translateY(700px);
transform:translateY(700px);
opacity:0
}
}
@keyframes hinge {
0% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
-ms-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40% {
-webkit-transform:rotate(60deg);
-ms-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
-ms-transform:rotate(60deg) translateY(0);
transform:rotate(60deg) translateY(0);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translateY(700px);
-ms-transform:translateY(700px);
transform:translateY(700px);
opacity:0
}
}
.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
-ms-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
-ms-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
-ms-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
-ms-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg)
}
}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}
#paneldropbirth {
	border: 1px #5bb75b solid;
	border-radius: 0;
	padding: 0 15px;
	background: #fff;
}
#discounttext {
	color: red;
	font-weight: bold !important;
	margin-top: -20px;
}
img.img-responsive {
	width: 100%;
}
#addcart {
	display: block;
}
.submessage {
	color: red;
	text-align: center;
	margin-top: 5px;
}
.colr {
	color: red;
}
.colr1 {
	color: green;
}
#result {
	background-color: white;
	border: 1px solid #ccc;
	display: none;
	margin-top: -1px;
	overflow: hidden;
	padding: 10px;
	position: absolute;
	width: 40%;
	z-index: 4;
}
.supprt {
	color: #eeeeee;
	font-size: 18px;
	font-weight: bold;
	font-family: ar;
}
#rowcart {
	display: none;
}
#ordidhead {
	display: block;
}
.product img {
	width: 100%;
}

@media (min-width:320px) and (max-width:680px) {
.table th, .table td {
	padding: 2px !important;
}
.tablemobile{/*width:320px;*/overflow:scroll;}
.tablinner{/*width:500px;*/}
.header-shipping{margin-left:25px !important;}
.txtt td {
	width: 100% !important;
	display: block !important;
	text-align: center;
}
.txtt input {
	width: 100% !important;
}
tfoot td {
	width: 100% !important;
	display: block !important;
	text-align: center;
}
.txtt th {
	display: none;
}
#content {
	display: flex;
	flex-direction: column;
}
#dropdownicon {
	visibility: visible;
}
#custtext {
	order: 4;
}
#revall {
	order: 5;
}
#cont {
	order: 3;
}
#advantages {
	order: 2;
}
#hot {
	order: 1;
}
#addcart {
	display: none;
}
.ontop {
	height: 600%;
	margin-top: 150PX;
}
#popup {
	width: 100% !important;
	left: 0% !important;
	right: 0% !important;
	margin-left: 0px !important;
	top: 8%;
}
#rowcart {
	display: block;
}
#ordidhead {
	display: none;
}
}
/*-------------------------------------------------------------------------ssl css--------------------------------------------------------------------------*/
.header-shipping
{
	width:140px; 
	margin-top:5px;
 	margin-left:1px;
}
.header-ssl
{
	width:100px; 
	margin-top:11px; 
	margin-left:1px;
}
.actesk{display:none;}
	@media only screen and (max-device-width: 768px) {  .img-responsive1 {    display: none;  }  .img-responsive1.mobile {    display: block;    width: 1;    margin: 0px auto;    background: #fff; width:100%;}.img-bkg{ background-color:#fff!Important;} .vlt-img{ display:none!Important; }.txt-title{ margin-top:0px!Important;}}

.vlt-img{ /*background-image:url(https://www.onlineabortionpillrx.com/images/valentine-day-banner.gif);*/ background-position:center; width:100%; background-repeat:no-repeat; height:95px;}

.txt-title{ margin-top:-90px;}
@media (max-width: 767px){
.btn-sm {
    width:100%!important;
}

p {
font-size:16px!important
 }
 .ord{display:block;}
 .act{display:none;}
 .actesk{display:block;font-weight:bold;}
 .algcenter{text-align:center;}

}