/*
Theme Name: New Orleans Ghost Adventures Tour
Theme URI: 
Author: cWiser InfoTech
Author URI: http://www.cwiser.com/
Text Domain: neworleansghostadventurestour

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

* { box-sizing: border-box; -moz-box-sizing: border-box; }
html { font-family: 'Nothing You Could Do', cursive; height: 100%; }
body { background: #000E1B; color: #a5a7a9; height: 100%; min-height: 100%; font-family: 'Nothing You Could Do', cursive; }
/* Globals */
a { text-decoration: none; color: #000; font-weight: bold; }
h3 { color: white; font-size: 20px; text-transform: uppercase; margin-top: 40px; margin-bottom: 10px; }
.clickable { cursor: pointer; display: block; }
.clearfix:before { content: " "; display: table; }
.clearfix:after { content: " "; display: table; clear: both; }
::selection { background: #3a5f74; color: #ffffff; }
::-moz-selection {
background: #3a5f74;
color:#ffffff;
}
::-webkit-selection {
background: #3a5f74;
color:#ffffff;
}
/* Header */
.header-wrapper { position: relative; width: 100%; }
header { position: relative; transform: translate(0, 0); display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center; webkit-align-items: center; webkit-align-items: center; overflow: hidden; transition: 0.3s }
header .center { position: relative; z-index: 40; flex-grow: 1; max-width: 650px; width: 40%; margin: 0 auto; text-align: center; padding: 7% 0%; padding: 57px 0%; }
.home header .center { padding: 0% 0%; }
header .logo { display: inline-block; max-width: 100%; }
header .logo img {vertical-align: middle; display: inline-block; width: 100%; height: auto; max-width: 408px; }
header .overlay { display: inline-block; margin-top: 60px; line-height: 31px; font-size: 24px; text-shadow: 0px 0px 4px black, 0px 0px 5px black, 0px 0px 7px black; }
header .overlay img { display: inline-block; margin-top: 10px; }
header .left { position: absolute; z-index: 10; left: 0px; bottom: 0px; max-width: 40%; transition: 0.3s; }
header .left img { position: relative; z-index: 10; display: block; width: 100%; height: auto; }
header .moon-wrapper { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; -webkit-animation: moon1 530s linear alternate infinite; animation: moon1 530s linear alternate infinite; }
header .moon { position: absolute; left: 0px; top: 0px; z-index: 5; display: block; width: 125px; height: auto; }
header .right { position: absolute; z-index: 10; right: 0px; bottom: 0px; max-width: 40%; transition: 0.3s; }
header .right img { display: block; width: 100%; height: auto; }
.smoke1, .smoke2 { position: absolute; z-index: 20; bottom: -20px; left: 0px; width: 280%; height: 182px; background: url(images/smoke11.png) left bottom repeat-x; background-size: 240px 141px; }
.smoke1 { margin-left: -120%; -webkit-animation: animInt 35s linear infinite; animation: animInt 35s linear infinite; }
.smoke2 { margin-left: -140%; opacity: 0.3; -webkit-animation: animInt 13s linear infinite, animTransp 9s linear infinite; animation: animInt 13s linear infinite, animTransp 9s linear infinite; }
.smoke3 { position: absolute; z-index: 20; top: 0px; left: 0px; margin-left: -180px; width: 150%; height: 106px; background: url(images/smoke2.png) left bottom repeat-x; -webkit-animation: anim3 20s linear infinite; animation: anim3 20s linear infinite; }
.blend { position: absolute; bottom: 0px; z-index: 30; left: 30%; width: 40%; height: 150px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000d19+0,000d19+100&0+0,1+38,1+65,0+100 */
background: -moz-linear-gradient(left, rgba(0,13,25,0) 0%, rgba(0,13,25,1) 38%, rgba(0,13,25,1) 65%, rgba(0,13,25,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,13,25,0) 0%, rgba(0,13,25,1) 38%, rgba(0,13,25,1) 65%, rgba(0,13,25,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,13,25,0) 0%, rgba(0,13,25,1) 38%, rgba(0,13,25,1) 65%, rgba(0,13,25,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000d19', endColorstr='#00000d19', GradientType=1 ); /* IE6-9 */
}
 @media (max-width:1600px) {
header .center { max-width: 35%; }
header .overlay { margin-top: 20px; }
}
 @media (max-width:850px) {
header .center { max-width: 75%; padding: 40px 0% !important; }
}
 @media (max-width:750px) {
header .moon-wrapper { display: none; }
.smoke1, .smoke2 { height: 100px !important; bottom: 0px !important; background-size: 155px 91px !important; }
}
 @media (max-width:980px) {
header .center { padding: 55px 0%; }
header .overlay { line-height: 25px; }
.blend { height: 100px; }
.home .blend { height: 150px; }
}
 @media (max-width:700px) {
header .left,  header .right { max-width: 47%; }
header .center { max-width: 82%; }
}
 @media (max-width:520px) {
.header-wrapper,  header { height: initial !important; }
header .left,  header .right { max-width: 55%; }
header .center { max-width: 90%; padding: 4% 0% 25% !important; padding: 15px 0px 20px !important; }
header .overlay { display: none; }
}
 @media (max-width:400px) {
.smoke1, .smoke2 { height: 70px !important; bottom: 0px !important; background-size: 100px 59px !important; }
}
/*CTA's*/
.ctas { position: relative; z-index: 60; width: 100%; font-family: 'Voltaire', sans-serif; }
.home .ctas { position: absolute; bottom: 50px; left: 0px; }
.ctas .cta { position: relative; float: left; width: 25%; position: relative; padding: 0px 3px; text-align: center; }
.ctas .cta:nth-child(1) { padding: 0px 3px 0px 6px !important; }
.ctas .cta:nth-child(4) { padding: 0px 6px 0px 3px !important; }
.ctas .cta span, .ctas .cta .int_links { display: block; height: 110px !important; padding: 16px 0 0 0; font-weight: normal; color: #BFBFC0; background: #14202b; font-size: 24px; text-transform: uppercase; font-family: 'Voltaire', sans-serif; transition: 0.3s; }
.home .ctas .cta span { position: relative; height: 110px !important; padding: 16px 0 0 0; box-shadow: 0 -7px 16px 0px rgba(0, 14, 27, 0.86); }
.ctas .cta img { position: absolute; z-index: -1; left: 0px; bottom: 0px; width: 100%; height: auto; opacity: 0; -webkit-filter: blur(10px); border-radius: 50% 50% 0% 0%; box-shadow: 0 0 11px black; transition: 0.5s; }
.ctas .cta:hover img { opacity: 100; bottom: 105px; -webkit-filter: blur(0px); border-radius: 2% 2% 0px 0px; }
.ctas .cta:hover .int_links { background: #283B4D; }
.ctas .cta .details { position: absolute; bottom: -20px; left: 50%; margin: 0px 0px 0px -69px; width: 140px; color: #C4E0EF; background: #3a5f74 url(images/back.jpg); box-shadow: inset 0px 11px 17px -4px rgba(255, 255, 255, 0.14); border-radius: 7px; font-weight: normal; font-size: 23px; text-align: center; padding: 6px 0px; transition: 0.3s; }
.ctas .cta .details:hover { background: #3D7493; }
.ctas .cta .book {  position: absolute; bottom: -115px; left: 50%; margin: 0px 0px 0px -69px; width: 140px; text-decoration: none !important; color: #000; background: #baa555; box-shadow: inset 0px 11px 17px -4px rgba(255, 255, 255, 0.14); border-radius: 7px; font-weight: normal; font-size: 22px; text-align: center; padding: 3px 0px; transition: 0.3s; }
.home .ctas .cta .book { display: block; }
.ctas .cta .book .links { z-index: 80; position: absolute; top: -5px; opacity: 1; height: 82px; margin-top: -55px; left: -10px; width: 100%; background: #000E1B; border-radius: 6px; padding: 3px 17px 10px 1px; box-sizing: content-box; overflow: hidden; transition: 0.3s; }
.ctas .cta .book .links a { display: block; margin: 8px 8px 12px 8px !important; font-size: 22px !important; font-weight: normal !important; width: 140px; text-decoration: none !important; color: #000; background: #baa555; box-shadow: inset 0px 11px 17px -4px rgba(255, 255, 255, 0.14); border-radius: 7px; font-weight: normal; font-size: 22px; text-align: center; padding: 3px 0px; transition: 0.3s; }
.ctas .cta .book:hover, .ctas .cta .book .links a:hover { background: #CFB44D; }
.ctas .cta .book:hover .links { }
 @media (max-width:1000px) {
.ctas .cta span,  .ctas .cta .int_links { font-size: 20px;  }
.home .ctas .cta span,  .home .ctas .cta .int_links { height: 98px !important; }
}
 @media (max-width:850px) {
.ctas .cta { width: 50%; }
.ctas .cta:nth-child(1),  .ctas .cta:nth-child(2) { margin-bottom: 6px; }
.home .ctas .cta:nth-child(1),  .home .ctas .cta:nth-child(2) { margin-bottom: 150px }
}
 @media (max-width:400px) {
.home .ctas { margin-bottom: 60px; }
.ctas .cta { width: 100%; padding: 0px 5px !important; margin-bottom: 6px; }
.home .ctas .cta { margin-bottom: 144px !important; }
/*.ctas .cta .book .links {opacity:1;top: 42px !important;padding-top: 0px;}*/
}
/*INT IMG BANNER */
.int-banner { text-align: center; max-height: 400px; min-height: 180px; }
.int-banner img { width: 100%; height: auto; }
/*MAIN CONTENT*/
article { position: relative; z-index: 50; overflow: hidden; }
h1 { position: relative; margin: 10px 0 0px 0; background: #283B4D; background: #3a5f74 url(images/back.jpg); box-shadow: inset 0px 11px 17px -4px rgba(255, 255, 255, 0.14), 0 0 10px black; text-align: center; }
h1:before { position: absolute; content: ''; left: 50%; margin-left: -17px; bottom: -14px; width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 15px solid #2D4C5E; }
h1 span { max-width: 1100px; display: inline-block; margin: 0 auto; padding: 12px 20px 10px 20px; line-height: 31px; color: rgba(255, 255, 255, 0.71) }
article .content { min-height: 350px; max-width: 1100px; padding: 3% 4% 0% 4%; margin: 15px auto 0px auto; font-family: 'Voltaire', sans-serif; }
article .content p { font-size: 21px; line-height: 31px;/* font-family: 'Voltaire', sans-serif; */ letter-spacing: 1px; }
article .content img { max-width: 50%; height: auto; margin-left: 25px !important; margin-bottom: 30px; }
article .content img.ajax-loader { display: none !important; }
article .content img:hover { }
article .content table { z-index: 10; position: relative; border: transparent; margin-top: 8%; }
article .content table:before { position: absolute; content: " "; z-index: -1; left: -100%; top: 0px; height: 101%; width: 300%; background: #395E73 url(images/back.jpg); }
article .content table td { padding: 2% 180px 2% 0%; margin: 0px; font-size: 23px; line-height: 32px; color: #ECF6FB; }
article .content table td p { margin: 0px; }
article .content table td a { display: inline-block; position: absolute; top: 50%; right: 3%; margin-top: -25px; width: 140px; background: #baa555; box-shadow: inset 0px 11px 17px -4px rgba(255, 255, 255, 0.14); border-radius: 7px; font-weight: normal; font-size: 22px; text-align: center; padding: 10px 0px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.39), inset 0px 19px 17px -3px rgba(255, 255, 255, 0.36); transition: 0.3s; }
.double:nth-child(odd) { top: 33%; right: 3%; padding: 7px 0px; }
.double:nth-child(even) { top: 71%; right: 3%; padding: 7px 0px; }
article .content table td a:hover { background: #CFB44D !important; }
 @media (max-width:600px) {
article .content p { line-height: 24px; font-size: 19px; }
article .content img { float: none !important; display: block; margin: 0 auto 15px !important; max-width: 100%; }
article .content table td { padding: 4% 0%; line-height: 24px; }
article .content table td a { position: relative; display: block; right: inherit !important; top: inherit; margin: 15px 0px 5px; }
}
 @media (max-width:500px) {
article .content table td a { width: 100%; }
}
/*CONTACT==============================================*/

.form { margin-top: 25px; /*background:rgba(255, 255, 255, 0.75);*/ transition: 3s; transition: 0.3s; }
	::-webkit-input-placeholder {
color:#A8A8A8;
}
	:-moz-placeholder {
color:#A8A8A8;
}
	::-moz-placeholder {
color:#A8A8A8;
}
	:-ms-input-placeholder {
color:#A8A8A8;
}
.form ul { padding: 0 !important; }
.form ul li { padding-left: 0 !important; }
.form ul li:before { display: none; }
.form input { padding: 5px 2%; }
.form .inputText { width: 100%; }
.form img { border: none !important; border-radius: 3px; margin: 0px !important; padding: 1px 0px 2px 0px; position: absolute; top: 0px; right: 0; width: 100px !important; }
.form input, .form select, .form textarea { outline: 0; border: none; background-color: #C2CBD0; color: #000E1B; padding: 6px 2%; margin: 0; border-radius: 2px; border-right: none; font-size: 17px; margin-bottom: 20px; transition: 0.3s; /* box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); */ box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.11); -moz-box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.11); -webkit-box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.11); }
.form textarea { margin-top: 5px; padding: 5px 1%; width: 100%; height: 121px; resize: vertical; }
/*.form input[type="radio"], .form input[type="checkbox"]  {border: none !important; background:none !important; -moz-box-shadow:none !important;  -webkit-box-shadow:none !important;  box-shadow:none !important;}*/
.form input#captcha{ width:96%; margin-bottom:18px; }
.form button, .form input[type="submit"] { position: relative; width: 100%; border: none; line-height: 35px; font-size: 18px; font-weight: 400; cursor: pointer; border-radius: 3px; text-transform: uppercase; margin-top: -9px; outline: 0; padding: 0; color: #000; background: #baa555; cursor: pointer; vertical-align: top; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.39), inset 0px 16px 14px -3px rgba(255, 255, 255, 0.28); transition: 0.4s, margin-top 0.0s; }
.form button:hover, .form input[type="submit"]:hover { background: #CFB44D; }
.form button:active, .form input[type="submit"]:active { }
.form button:after, .form input[type="submit"]:after { content: "\f054"; font-family: FontAwesome; position: absolute; right: 10px; top: 2px; font-size: 17px; color: #000; }
.form label { display: none; margin-top: -20px; color: #53320C }
.catcha { height: 32px; }
.form img { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin-top: 0px !important; }
.inputsFull { padding: 0; list-style: none !important }
.inputsFull label { margin-top: 10px; }
.inputsFull li { width: 47.5%; float: left; }
		/*.inputsFull li:nth-child(odd) {margin-left:5%; }*/
	
	::-webkit-input-placeholder {
color:#879298;
}
	:-moz-placeholder {
color:#879298;
}
	::-moz-placeholder {
color:#879298;
}
	:-ms-input-placeholder {
color:#879298;
}
/* FORM VALIDATION */
div.formErrors { display: none !important; }
.wpcf7-not-valid { background: url(images/asterisc.png) no-repeat right -29px !important; background-color: #C14040 !important; color: white; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.29); transition: 0.3s, background-color 0.3s !important; box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.26); -moz-box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.26); -webkit-box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.26); }
 .wpcf7-not-valid::-webkit-input-placeholder {
color:#fff;
}
 .wpcf7-not-valid:-moz-placeholder {
color:#fff;
}
 .wpcf7-not-valid::-moz-placeholder {
color:#fff;
}
 .wpcf7-not-valid:-ms-input-placeholder {
color:#fff;
}
.wpcf7-not-valid-tip { display: none !important; }
.required { background: url(images/asterisc.png) no-repeat right 2px; }
.form label.error { display: none !important; }
.form select.required { background-position: right 29px top 1px; }
.form select.error { background-position: right 29px top -30px !important; }
.form textarea.error { background: url(images/asterisc.png) no-repeat right -30px; }
/* FORM HIGHLIGHT */
.highlight { }
.highlight label { text-shadow: 1px 1px 10px black; }
.highlight-selected { background-color: #FF0; }
 @media screen and (max-width: 700px) {
.inputsFull li { width: 100% !important; margin: 0 !important; }
#map { height: 275px; }
.form button { margin-top: 0px; }
}
/*BLOG=========================================================================================================================*/
.excerpt { position: relative; padding: 30px 0px 30px 0%; margin-top: 1%; font-size: 23px; line-height: 32px; color: #ECF6FB; }
.excerpt:before { position: absolute; content: " "; z-index: -1; left: -100%; top: 0px; height: 101%; width: 300%; background: #395E73 url(images/back.jpg); }
.excerpt h2 { text-transform: uppercase; margin: 3px 0px 7px 0px; }
.excerpt h2 a { color: white; font-weight: normal; }
.excerpt p { margin: 0px; }
.blogitem { background: rgba(255, 255, 255, 0.08); padding: 10px 2%; border-radius: 3px; margin-bottom: 10px; }
.blogitem a h2 { margin: 0px; color: #446070; }
.blogitem .category { color: #fff; }
.blogitem p a { color: #fff; font-size: 18px; }
.datecatText { display: inline-block; background: rgba(255, 255, 255, 0.08); padding: 2px 7px; }
.datecatText a { color: #fff; }
.back { color: #fff; }
 @media screen and (max-width: 350px) {
}
/*SOCIAL PAGE=========================================================================================================================*/
.socialLeft { float: left; width: 40%; }
.socialLeft a { color: #fff; }
.socialRight { float: right; min-width: 500px; margin-bottom: 20px; }
.socialLinks { font-size: 4em; display: block; width: 100%; }
.socialLinks a { display: inline-block; margin-right: 20px; }
@media (max-width:960px) {
.socialLeft { float: left; width: 30%; }
}
 @media (max-width:860px) {
.socialLeft, .socialRight { float: none; width: 100%; }
}
/*FOOTER=========================================================================================================================*/
footer { width: 100%; padding-top: 20px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; text-align: center; font-family: 'Voltaire', sans-serif; font-size: 23px; }
footer .social { float: left; margin-left: 10px; }
footer .social a { color: #fff; margin: 0 10px; line-height: 2.4em; }
.phone { position: relative; float: left; color: #bbbdbe; padding-left: 39px; margin-top: 10px; }
.phone a { color: #bbbdbe !important; }
.phone:before { position: absolute; content: '\f095'; font-family: fontAwesome; color: #44667a; font-size: 31px; left: 0px; top: 50%; margin-top: -14px; }
.contact { position: relative; float: left; background: #3a5f74 url(images/back.jpg); box-shadow: inset 0px 11px 17px -4px rgba(255, 255, 255, 0.14); border-radius: 7px; color: white; font-weight: normal; margin-top: 10px; padding: 2px 23px 2px 44px; margin-left: 30px; transition: 0.3s; }
.contact:before { position: absolute; content: '\f0e0'; font-family: fontAwesome; color: #2A3F4B; left: 12px; top: 50%; margin-top: -13px; }
.contact.mycart:before { content: ''; }
.contact.mycart { padding-left: 23px; }
.contact:hover { background: #3D7493; }
.compucast-stamp { float: right; }
 @media (max-width:660px) {
.phone,  .contact,  .compucast-stamp { display: inline-block; float: none !important; clear: both; }
.compucast-stamp { margin-top: 20px !important; }
footer .social { float: none; display: block; width: 100%; }
}
 @media (max-width:430px) {
footer { padding-left: 20px; padding-right: 20px; }
.phone,  .contact { margin-left: 7px; margin-right: 7px; }
}



/*================ANIMATIONS FRAMES==================*/
/*===================================================*/

@-webkit-keyframes moon1 {  0% {
-webkit-transform: translate(20%, 25%) rotate(0.02deg);
}
 20% {
-webkit-transform:  translate(25%, 5%) rotate(0.02deg);
}
 50% {
-webkit-transform: translate(45%, -15%) rotate(0.02deg);
}
 80% {
-webkit-transform:  translate(65%, 5%) rotate(0.02deg);
}
 100% {
-webkit-transform: translate(80%, 55%) rotate(0.02deg);
}
}
@keyframes moon1 {  0% {
transform: translate(20%, 25%) rotate(0.02deg);
}
 20% {
transform:  translate(25%, 5%) rotate(0.02deg);
}
 50% {
transform: translate(45%, -15%) rotate(0.02deg);
}
 80% {
transform:  translate(65%, 5%) rotate(0.02deg);
}
 100% {
transform: translate(80%, 55%) rotate(0.02deg);
}
}



/*===========================*/
@media (min-width:751px) {
 @-webkit-keyframes anim1 {  0% {
-webkit-transform: translate(0, 0);
}
 100% {
-webkit-transform: translate(310px, 0);
}
}
 @keyframes anim1 {  0% {
transform: translate(0, 0);
}
 100% {
transform: translate(310px, 0);
}
}
 @-webkit-keyframes animInt {  0% {
-webkit-transform: translate(0, 0);
}
 100% {
-webkit-transform: translate(240px, 0);
}
}
 @keyframes animInt {  0% {
transform: translate(0, 0);
}
 100% {
transform: translate(240px, 0);
}
}
}
@media (max-width:750px) {
 @-webkit-keyframes anim1 {  0% {
-webkit-transform: translate(0, 0);
}
 100% {
-webkit-transform: translate(155px, 0);
}
}
 @keyframes anim1 {  0% {
transform: translate(0, 0);
}
 100% {
transform: translate(155px, 0);
}
}
 @-webkit-keyframes animInt {  0% {
-webkit-transform: translate(0, 0);
}
 100% {
-webkit-transform: translate(155px, 0);
}
}
 @keyframes animInt {  0% {
transform: translate(0, 0);
}
 100% {
transform: translate(155px, 0);
}
}
}
@media (max-width:400px) {
 @-webkit-keyframes anim1 {  0% {
-webkit-transform: translate(0, 0);
}
 100% {
-webkit-transform: translate(100px, 0);
}
}
 @keyframes anim1 {  0% {
transform: translate(0, 0);
}
 100% {
transform: translate(100px, 0);
}
}
 @-webkit-keyframes animInt {  0% {
-webkit-transform: translate(0, 0);
}
 100% {
-webkit-transform: translate(100px, 0);
}
}
 @keyframes animInt {  0% {
transform: translate(0, 0);
}
 100% {
transform: translate(100px, 0);
}
}
}
/*===========================*/


@-webkit-keyframes animTransp {  0% {
opacity:1;
}
 35% {
opacity:0.4;
}
 65% {
opacity:0.4;
}
 100% {
opacity:1;
}
}
@keyframes animTransp {  0% {
opacity:1;
}
 35% {
opacity:0.4;
}
 65% {
opacity:0.4;
}
 100% {
opacity:1;
}
}
 @-webkit-keyframes anim3 {  0% {
-webkit-transform: translate(0, 0);
}
 100% {
-webkit-transform: translate(180px, 0);
}
}
@keyframes anim3 {  0% {
transform: translate(0, 0);
}
 100% {
transform: translate(180px, 0);
}
}