@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	box-sizing: border-box;	
}
*:before, *:after {	
	box-sizing: border-box;	
}
:before, :after {	
	box-sizing: border-box;	
}
html {
  font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
	margin:0;
	padding:0;
	font-size: 16px;
	line-height:22px;
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;	 
	color:#505050;
}
:focus {
	outline:none;
}
[tabindex="-1"]:focus {
  outline: none !important;
}
ul, li, ol {
	list-style:none;
}
a {
	text-decoration:none;
	background-color: transparent;
	color:inherit;	
	-webkit-transition: all 0.6s ease-in-out;	   	     
	        transition: all 0.6s ease-in-out;
}
a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
a:active, a:hover {
  outline: 0;
}
a img, img {
	border:none;
	vertical-align:middle;	
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
button, input, optgroup, select, textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	border:none;
	-webkit-transition: all 0.6s ease-in-out;	   	     
	        transition: all 0.6s ease-in-out;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
	-webkit-transition: all 0.6s ease-in-out;	   	    
	        transition: all 0.6s ease-in-out;
}
input[type="checkbox"], input[type="radio"] {
	padding: 0;
	box-sizing: border-box;	
}
input[type="search"], input[type="text"], input[type="email"], input[type="password"], textarea {
	padding:0 10px;
	border:1px solid #ccc;
	-webkit-appearance: textfield;
	box-sizing: border-box;	
}
textarea {
	padding:10px;
	resize:none;
	overflow: auto;	
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td, th {
  padding: 0;
}
input[type="search"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
	box-shadow:0 0 2px rgba(0,0,0,0.2);
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
.relative {
	position:relative;
}

@-webkit-keyframes menuDown {
  0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px);}
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes menuDown {
  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);}
}
.menuDown { -webkit-animation-name: menuDown; animation-name: menuDown;}

@-webkit-keyframes menuRight {
  0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px);}
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
}
@keyframes menuRight {
  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);}
}
.menuRight { -webkit-animation-name: menuRight; animation-name: menuRight;}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

.menu-icon {
	display:none;
	border:1px solid #fff;	
	padding:9px 10px;
	background-color:transparent;
	-webkit-border-radius:4px;	   
	        border-radius:4px;
}
.menu-icon:hover { background-color:#fff;}
.menu-icon span {
	display:block;
	background-color:#fff;
	height:2px;
	width:22px;
	-webkit-border-radius:1px;
	   -moz-border-radius:1px;
	        border-radius:1px;
}
.menu-icon span + span { 
	margin-top:4px;
}
.clearfix {}
.clearfix:before, .clearfix:after {
	display:table;
	content:"";
}
.clearfix:after {
	clear:both;
}
.container {
	width:1280px;
	margin:0 auto;	
}
.container:before, .container:after {
	display:table;
	content:" ";
}
.container:after {
	clear:both;
}
em { color:#000; }

h1 .post-thumbnail { float: left; max-width: 80px; }
h1{ font-size:42px; line-height: 50px; color:#66b200; margin:10px 0px; font-family: 'Poppins'; }
h2{ font-size:28px; line-height: 36px; color:#66b200; margin:10px 0px; font-family: 'Poppins'; }
h3{ font-size:26px; line-height: 32px; color:#66b200; margin:10px 0px; font-family: 'Poppins'; }
h4{ font-size:22px; line-height: 30px; color:#66b200; margin:10px 0px; font-family: 'Poppins'; }
h5{ font-size:20px; line-height: 26px; color:#66b200; margin:10px 0px; font-family: 'Poppins'; }
h6{ font-size:16px; line-height: 22px; color:#66b200; margin:5px 0px; font-family: 'Poppins'; }

.header{ width:100%; position:fixed; z-index:3; background:#fff; }
.header .header-top{ float:left; width:100%; }
.header .header-top .left { width: 50%; float: left; padding: 0px 0px; }
.header .header-top .left h1{ padding:0px; margin:0px; }
.header .header-top .left p{ padding:0px; margin:0px; }
.header .header-top .right { width: 50%; float: left; padding-top: 15px; } 
.header .header-top .right .time{ float:right; text-align:left; padding:10px 10px; font-size:17px; line-height:24px; color:#8ec93f; font-weight:bold; }
.header .header-top .right .phone{ float:right; text-align:left; padding:10px 10px; font-size:17px; line-height:24px; color:#302B7E; font-weight:bold; }
.header .header-top .right .time .img, .header .right .phone .img{ float:left; height:100px; margin-right: 10px; }
.header .header-top .right .time .img img, .header .right .phone .img img { padding-top: 15px; }

.header .header-bottom{ float:left; width:100%; background:#302B7E; }

#nav { width: 100%; float: left; padding:0px; }
#nav ul { float:right; }
#nav > ul > li { position:relative; display:block; float:left; padding:0px 18px; }
#nav > ul > li > a { display:block; position:relative; font-size:18px; line-height:26px; padding:15px 0px; color:#fff; text-transform:uppercase; font-family: 'Poppins', sans-serif; }
#nav > ul > li:hover > a { border-bottom:3px solid #fff; }
#nav > ul > li.current_page_item > a { border-bottom:3px solid #fff; }

/*
#nav ul li.submenu > a:after { position:absolute; right:2px; top:50%; margin-top:-8px; width:14px; height:14px; background:url(../images/plus.png) no-repeat left center; content:" "; }

#nav ul li.submenu > a.open:after { position:absolute; right:2px; top:50%; margin-top:-8px; width:14px; height:14px; background:url(../images/minus.png) no-repeat left center; content:" "; }/*
	
/* Drop Down */
#nav ul li ul { display:none; width:230px; position:absolute; left:15px; top:100%; z-index:999; background:#66B200; }
#nav ul li ul li { display:block; position:relative; border-bottom:1px solid #eee; padding:10px 0px; }
#nav ul li ul li a { color:#fff; display:block; font-family: 'Ubuntu-light', sans-serif; font-size:16px; line-height:22px; padding:0px 10px; text-transform:uppercase; }
#nav ul li ul li a:hover { color:#000; }
/* Drop Down */

.btn-contact a{ background:#666666; color:#fff !important; border-radius: 25px; }

.header.sticky .header-top{ display:none;  }
.header.sticky .header-bottom{ }


#middle_section{ position:relative; top:194px; }
/****** ******/
#banner_section{ position:relative; }

#services{ float:left; width:100%; }
#services .content{ float:left; width:100%; padding:15px 0px; }
#services .content .services{ float:left; width:100%; text-align:center; position:relative; top:-100px; }

#services .content .services .service{ float:left; width:23%; margin:0px 1%; background:#66B200; color:#fff; text-align:center; padding: 20px; height:320px; position: sticky; }
figure{ position:relative; float:left; overflow:hidden; margin:0px; width:100%; text-align:center; cursor:pointer; }
#services .content .services .service h3{ color:#fff; text-transform: uppercase; font-size:30px; line-height:36px; }
#services .content .services .service p{ color:#fff; }
#services .content .services .service:hover p{ display:none; }
#services .content .services .service a{ display:none; border:2px solid #fff; padding:10px; color:#fff; }
#services .content .services .service:hover a{ display:inline-block; margin:10px 0px; }

#services .content .services .service::before { background-color: #66b200; }
#services .content .services .service::before { content: ''; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; position: absolute; }
#services .content .services .service:hover::after { background-color: #302B7E; }
#services .content .services .service:hover::after { top: 0; }
#services .content .services .service::after { content: ''; left: 0; top: 100%; bottom: 0; right: 0; z-index: -1; transition: .5s; position: absolute; }

#services .content .services.innerpage{ float:left; width:100%; text-align:center; position:relative; top:0px; }

#home_about{ float:left; width:100%; margin:20px 0px; }
#home_about .left{ float:left; width:50%; padding:15px; text-align: center; }

#home_about .right{ float:left; width:50%; padding:15px; text-align: center; }
#home_about .right h2{ font-size:30px; line-height:36px;  color:#4d4d4d;  }
#home_about .right h3{ font-size:28px; line-height:36px;  color:#4d4d4d;  }
#home_about .right h4{ font-size:28px; line-height:36px;  color:#302b7e;  }
#home_about .right p{ padding:10px 0px; }

#home_hauling_services{ float:left; width:100%; position:relative; background:#f2f2f2; }
#home_hauling_services .content{ float:left; width:100%; padding:20px 5%; font-size:18px; line-height:24px; }
#home_hauling_services .content p{ margin:5px 0px; padding:5px 0px; } 
#home_hauling_services .content ul{  margin:10px 0px; padding:5px 0px;  }
#home_hauling_services .content ul li{ margin-left:15px; list-style: none !important; text-transform: uppercase; padding:5px 0px; }
#home_hauling_services .content ul li:before{ content: url(../images/arrow-icon.png); position: relative; top: 2px; left: 0; display: inline-block; padding-right: 10px; } 
#home_hauling_services .content a{ color: #333300; text-decoration:underline; }
#home_hauling_services .content a:hover{ text-decoration:underline; }
#home_hauling_services .content h2{ color:#66B200; text-transform: uppercase; }

#home_about_company{ float:left; width:100%; position:relative; margin:15px 0px; }
#home_about_company .content{ float:left; width:100%; padding:20px 5%; font-size:16px; line-height:22px; text-align:center; }
#home_about_company .content p{ margin:5px 0px; padding:5px 0px; } 
#home_about_company .content ul{  margin:10px 0px; padding:5px 0px;  }
#home_about_company .content ul li{ margin-left:15px; list-style:disc; text-transform: uppercase; padding:5px 0px; }
#home_about_company .content a{ color: #333300; text-decoration:underline; }
#home_about_company .content a:hover{ text-decoration:underline; }
#home_about_company .content h2{ color:#302b7e; text-transform: uppercase; font-weight:bold; }
#home_about_company .content h3{ color:#66b200; text-transform: uppercase; font-weight:bold; }
#home_about_company .content h4{ color:#66b200; text-transform: uppercase; font-weight:bold; }

#home_testimonials{ float:left; width:100%; position:relative; margin:15px 0px; }
#home_testimonials .content{ float:left; width:100%; padding:20px 5%; font-size:18px; line-height:24px; }
#home_testimonials .content p{ margin:5px 0px; padding:5px 0px; } 
#home_testimonials .content ul{  margin:10px 0px; padding:5px 0px;  }
#home_testimonials .content ul li{ margin-left:15px; list-style:disc; text-transform: uppercase; padding:5px 0px; }
#home_testimonials .content a{ color: #333300; text-decoration:underline; }
#home_testimonials .content a:hover{ text-decoration:underline; }
#home_testimonials .content h2{ color:#66B200; text-transform: uppercase; font-weight:bold;  }
#home_testimonials .content .testimonials{ float:left; width:100%; }
#home_testimonials .content .testimonials .testimonial{ float:left; width:30%; margin:1.5% 1.5%; position:relative; }
#home_testimonials .content .testimonials .testimonial:before{  content: url(../images/test-icon.png); position: relative; top: 0px; left: 0; font-family: inherit; font-size: 92px; line-height: 13px; display: inline-block; font-weight: 500; color: #302b7e; } 

.right-sidebar .testimonials{ float:left; width:100%; position:relative; text-align: center; }
.right-sidebar .testimonials .testimonial{ float:left; width:100%; margin:0%; position:relative; padding:0px 20px; }
.right-sidebar .testimonials .testimonial p:before{ content: url(../images/test-icon.png); position: relative; top: 0px; left: 0; font-family: inherit; font-size: 92px; line-height: 13px; display: inline-block; font-weight: 500; color: #302b7e; } 
.right-sidebar .testimonials strong{ color:#66b200; }

#content { position: relative; float:left; width:100%; }
#content .content{ float:left; width:100%; padding:10px 0px; min-height:350px; }
#content .content p{ margin:5px 0px; padding:5px 0px; } 
#content .content ul{  margin:10px 0px; padding:5px 0px; } 
#content .content ul li{ margin-left:15px; list-style: none !important; }
#content .content ul li:before{ content: url(../images/arrow-icon.png); position: relative; top: 2px; left: 0; display: inline-block; padding-right: 10px; } 
#content .content a{ color: #333300; text-decoration:underline; }
#content .content a:hover{ text-decoration:underline; }

#content .content .left-sidebar { float:left; width:70%; padding:20px 20px 30px 0px; min-height:350px; }
#content .content .left-sidebar p{ margin: 0px; padding: 5px 0px 5px 0px; }
#content .content .left-sidebar ul { margin:10px 0px 10px 10px; padding: 5px 0px 5px 0px;  } 
#content .content .left-sidebar ul li { list-style: none !important; padding: 5px 0px 5px 0px; }
#content .content .left-sidebar ul li:before{ content: url(../images/arrow-icon.png); position: relative; top: 2px; left: 0; display: inline-block; padding-right: 10px; } 
#content .content .left-sidebar a{ text-decoration:underline; color: #333300; }
#content .content .left-sidebar a:hover{}
#content .content .left-sidebar strong{  }

#content .content .right-sidebar { float:left; width:30%; padding:20px 20px 30px 20px; }
#content .content .right-sidebar p{ padding: 5px 0px 5px 0px; }
#content .content .right-sidebar strong{  }
#content .content .right-sidebar ul { width:100%; margin:10px 0px 10px 15px; } 
#content .content .right-sidebar ul li { margin: 10px 0px; list-style: none !important; }
#content .content .right-sidebar ul li:before{ content: url(../images/arrow-icon.png); position: relative; top: 2px; left: 0; display: inline-block; padding-right: 10px; } 

#content .content .right-sidebar a{ text-decoration:none; color: #333300; }
#content .content .right-sidebar a:hover{ text-decoration:underline; }

#footer{ width: 100%; float: left; position: relative; }
#footer .footer-top{ float:left; width:100%; background:#333333; color:#a3a3a3; }
#footer .footer-top .content{ float:left; width:100%; padding:30px 10px; font-size:16px; line-height:22px; }
#footer .footer-top .content .f-left{ width:50%; float:left; padding:15px 20px 15px 0px; }
#footer .footer-top .content .f-right{ width:50%; float:left; padding:15px 0px 15px 20px; }

#footer .footer-bottom{ background: #302B7E; color:#fff; float:left; width:100%; }
#footer .footer-bottom .content{ width:100%; float: left; padding:15px 10px;  text-align: center; font-size: 14px; line-height: 20px; }

#footer p{ padding:5px 0px; }
#footer a{ color:#a3a3a3; }
#footer a:hover{ text-decoration:underline; }
#footer h4.widget-title{ color:#fff !important; }
#footer ul{ display: inline-block; margin-left:15px; }
#footer ul li{ padding:2px 0px !important; }

.social-media{ display:inline-block; padding: 10px 0px; margin-left:0px !important;  }
.social-media li{ float:left; display: inline-block; margin-right:5px; }

.w-12{ float:left; width:100%; margin:15px 0px; padding:0px 10px; }
.w-11{ float:left; width:90%; margin:15px 0px; padding:0px 10px; }
.w-10{ float:left; width:80%; margin:15px 0px; padding:0px 10px; }
.w-9{ float:left; width:70%; margin:15px 0px; padding:0px 10px; }
.w-8{ float:left; width:60%; margin:15px 0px; padding:0px 10px; }
.w-7{ float:left; width:55%; margin:15px 0px; padding:0px 10px; }
.w-6{ float:left; width:50%; margin:15px 0px; padding:0px 10px; }
.w-5{ float:left; width:45%; margin:15px 0px; padding:0px 10px; }
.w-4{ float:left; width:40%; margin:15px 0px; padding:0px 10px; }
.w-3{ float:left; width:30%; margin:15px 0px; padding:0px 10px; }
.w-2{ float:left; width:20%; margin:15px 0px; padding:0px 10px; }
.w-1{ float:left; width:10%; margin:15px 0px; padding:0px 10px; }
.w-33{ float:left; width:33.33%; margin:0px; padding:10px; }

.alignleft { float:left; margin: 0px 15px 15px 0px; padding:0px 5px 5px 0px; }
.alignright { float:right; margin: 0px 0px 15px 15px; padding:0px 0px 5px 5px; }
.alignnone { text-align:center; margin:15px; }
.aligncenter{ float:none; text-align:center; padding:10px;  }
hr{ float:left; width:80%; color:#eee; margin:20px 10%; }

input[type="search"], input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="number"] { width:100%; display:inline-block; border:1px solid #959595; height:35px; padding:5px 10px; margin-bottom:10px; color:#000; max-width:320px; margin-right:5px;  }
textarea{ height: 160px; width:100%; display:inline-block; border:1px solid #959595; padding:5px 10px; color:#000; margin-bottom:5px;  max-width:320px; }
input[type="file"]{ margin-bottom:10px; }
select{ border:1px solid #959595; height:35px; padding:5px 10px; margin-bottom:10px; color:#000;  max-width:320px; }
input[type="radio"], input[type="checkbox"] { line-height: normal; margin: 0; color:#000; }
.wpcf7-list-item-label { margin-right: 10px; }
.wpcf7-form-control.wpcf7-submit { float:left; padding:15px 25px; color:#fff; font-weight:bold; text-align:center; background:#302B7E; margin:10px 0px; border:1px solid #fff; }
.wpcf7-form-control.wpcf7-submit:hover { background:#3389e3; border:1px solid #000; }
.wpcf7-checkbox, .wpcf7-radio{ margin-bottom:10px; display:inline-block; }

span.wpcf7-list-item{ margin:0px !important; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ float:left; }
div.wpcf7-response-output{ float:left; }

a.back-to-top {	display: none; width: 60px; height: 60px; text-indent: -9999px;	position: fixed; z-index: 999; right: 20px;	bottom: 20px; background:#302B7E url("../images/up-arrow.png") no-repeat center 43%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

.metaslider .caption-wrap{ box-shadow: none !important;  background: rgba(0,0,0,0.7) !important; bottom:30% !important; left:50% !important; opacity:1 !important; width:40% !important; padding:15px; text-align:center !important; }
.metaslider .caption-wrap .caption h2{ color:#fff !important; font-size:30px; line-height:40px; }
.metaslider .caption-wrap .caption p{ color:#fff !important; font-size:18px; line-height:26px; }
.slider-btn{ color: #fff !important; border: 2px solid #ffa131; padding:10px; display:inline-block; margin:15px 0px; }
.slider-btn img{ display:inline !important; }
.slider-btn:hover{ color: #fff !important; border: 2px solid #fff; }
 
.navigation.pagination { float: left; width: 100%; }
.type-post { border-bottom: 1px solid #000; float: left; width: 100%; }

.contact_form { width:85%; float:left; margin:15px 0px; }
.contact_form .data_l { float:left; width:30%; margin-top:5px; margin-bottom:5px; text-align: left; }
.contact_form .data_r { float:left; width:68%; margin-top:5px; margin-bottom:5px; margin-left:1%; }

#main-breadcrumbs { background-position: center center; background-size: cover; background-repeat: no-repeat; opacity: 1; position: relative; top: 0px; height:90px; margin:0px; padding:0px; background: #fff; }
#main-breadcrumbs .content{ padding:10px 0px; text-align:center; color:#870b0d; font-family: 'HandelGothic'; }
#main-breadcrumbs .content li{ display:inline-block; vertical-align:middle; margin:0px 5px; color:#000; text-transform: uppercase; font-size:15px !important; } 
#main-breadcrumbs .content .separator{ font-size:18px; font-weight:100; color:#000; text-transform: uppercase; }
#main-breadcrumbs .content > * a{ color:#000; }
#main-breadcrumbs .content h1{ color:#302B7E !important; }
/*#main-breadcrumbs .content:before{ height:4px; display:inline-block; width:10%; background:#870b0d; content:''; text-align:center; margin-top:10px; }*/


.green-btn { background: #66b200; color: #fff !important; padding: 15px 20px; font-size: 24px; font-weight: bold; line-height: 30px; border-radius: 10px 10px; display: inline-block; margin: 10px 0px; text-decoration: none !important; }
.green-btn:hover{ background:#302B7E; }

/* --- animation --- */
.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.delay-0-1s,
.magictime.delay-0-1s {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
} 
.animated.delay-0-2s,
.magictime.delay-0-2s {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
} 
.animated.delay-0-3s,
.magictime.delay-0-3s {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
} 
.animated.delay-0-4s,
.magictime.delay-0-4s {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
} 
.animated.delay-0-5s,
.magictime.delay-0-5s {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
.animated.delay-0-6s,
.magictime.delay-0-6s {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.animated.delay-0-7s,
.magictime.delay-0-7s {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}
.animated.delay-0-8s,
.magictime.delay-0-8s {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}
.animated.delay-0-9s,
.magictime.delay-0-9s {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.animated.delay-1s,
.magictime.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.animated.delay-1-1s,
.magictime.delay-1-1s {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.animated.delay-1-2s,
.magictime.delay-1-2s {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.animated.delay-1-3s,
.magictime.delay-1-3s {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}
.animated.delay-1-4s,
.magictime.delay-1-4s {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
.animated.delay-1-5s,
.magictime.delay-1-5s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.animated.delay-1-6s,
.magictime.delay-1-6s {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}
.animated.delay-1-7s,
.magictime.delay-1-7s {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}
.animated.delay-1-8s,
.magictime.delay-1-8s {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}
.animated.delay-1-9s,
.magictime.delay-1-9s {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s;
}
.animated.delay-2s,
.magictime.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.animated.delay-2-1s,
.magictime.delay-2-1s {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
}
.animated.delay-2-2s,
.magictime.delay-2-2s {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
}
.upanddownsmalls {
    -webkit-animation-name: animation_13;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: both;
    -webkit-animation-play-state: running;
    animation-name: animation_13;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
}
.upanddownsmall {
    -webkit-animation-name: animation_12;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: both;
    -webkit-animation-play-state: running;
    animation-name: animation_12;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
}
.upanddown {
    -webkit-animation-name: animation_8;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: both;
    -webkit-animation-play-state: running;
    animation-name: animation_8;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
}
.upanddowninvers {
    -webkit-animation-name: animation_9;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: both;
    -webkit-animation-play-state: running;
    animation-name: animation_9;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
}
.animated.duration-1s {    
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.animated.duration-2s {    
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}
.animated.duration-3s {    
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}
.fadeInDownCustom {
    -webkit-animation-name: fadeInDownSmall;
    animation-name: fadeInDownSmall;
}
.fadeInDownCustom-opacity-0-7 {
    -webkit-animation-name: fadeInDownSmallOpacityZiroSeven;
    animation-name: fadeInDownSmallOpacityZiroSeven;
}
.fadeInDownCustom-opacity-0-4 {
    -webkit-animation-name: fadeInDownSmallOpacityZiroFour;
    animation-name: fadeInDownSmallOpacityZiroFour;
}
.fadeInDownCustom-opacity-0-2 {
    -webkit-animation-name: fadeInDownSmallOpacityZiroTwo;
    animation-name: fadeInDownSmallOpacityZiroTwo;
}
.fadeInUpCustom {
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall;
}
.fadeInUpCustom-opacity-0-7 {
    -webkit-animation-name: fadeInUpSmallOpacityZiroSeven;
    animation-name: fadeInUpSmallOpacityZiroSeven;
}
.fadeInUpCustom-opacity-0-4 {
    -webkit-animation-name: fadeInUpSmallOpacityZiroFour;
    animation-name: fadeInUpSmallOpacityZiroFour;
}
.fadeInUpCustom-opacity-0-2 {
    -webkit-animation-name: fadeInUpSmallOpacityZiroTwo;
    animation-name: fadeInUpSmallOpacityZiroTwo;
}
.fadeInLeftCustom {
    -webkit-animation-name: fadeInLeftSmall;
    animation-name: fadeInLeftSmall;
}
.fadeInRightCustom {
    -webkit-animation-name: fadeInRightSmall;
    animation-name: fadeInRightSmall;
}
@-webkit-keyframes animation_8 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,25,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@keyframes animation_8 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,25,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@-webkit-keyframes animation_9 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@keyframes animation_9 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@-webkit-keyframes animation_12 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@keyframes animation_12 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@-webkit-keyframes animation_13 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,10,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@keyframes animation_13 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,10,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}

@-webkit-keyframes fadeInDownSmall {
	0% {opacity: 0;-webkit-transform: translateY(-40px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInDownSmall {
	0% {opacity: 0;-moz-transform: translateY(-40px);}
	100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInDownSmall {
	0% {opacity: 0;-o-transform: translateY(-40px);}
	100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes fadeInDownSmall {
	0% {opacity: 0;transform: translateY(-40px);}
	100% {opacity: 1;transform: translateY(0);}
}

@-webkit-keyframes fadeInDownSmallOpacityZiroSeven {
	0% {opacity: 0;-webkit-transform: translateY(-40px);}
	100% {opacity: .7;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInDownSmallOpacityZiroSeven {
	0% {opacity: 0;-moz-transform: translateY(-40px);}
	100% {opacity: .7;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInDownSmallOpacityZiroSeven {
	0% {opacity: 0;-o-transform: translateY(-40px);}
	100% {opacity: .7;-o-transform: translateY(0);}
}
@keyframes fadeInDownSmallOpacityZiroSeven {
	0% {opacity: 0;transform: translateY(-40px);}
	100% {opacity: .7;transform: translateY(0);}
}

@-webkit-keyframes fadeInDownSmallOpacityZiroFour {
	0% {opacity: 0;-webkit-transform: translateY(-40px);}
	100% {opacity: .4;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInDownSmallOpacityZiroFour {
	0% {opacity: 0;-moz-transform: translateY(-40px);}
	100% {opacity: .4;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInDownSmallOpacityZiroFour {
	0% {opacity: 0;-o-transform: translateY(-40px);}
	100% {opacity: .4;-o-transform: translateY(0);}
}
@keyframes fadeInDownSmallOpacityZiroFour {
	0% {opacity: 0;transform: translateY(-40px);}
	100% {opacity: .4;transform: translateY(0);}
}

@-webkit-keyframes fadeInDownSmallOpacityZiroTwo {
	0% {opacity: 0;-webkit-transform: translateY(-40px);}
	100% {opacity: .2;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInDownSmallOpacityZiroTwo {
	0% {opacity: 0;-moz-transform: translateY(-40px);}
	100% {opacity: .2;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInDownSmallOpacityZiroTwo {
	0% {opacity: 0;-o-transform: translateY(-40px);}
	100% {opacity: .2;-o-transform: translateY(0);}
}
@keyframes fadeInDownSmallOpacityZiroTwo {
	0% {opacity: 0;transform: translateY(-40px);}
	100% {opacity: .2;transform: translateY(0);}
}

/*********/
@-webkit-keyframes fadeInUpSmall {
	0% {opacity: 0;-webkit-transform: translateY(40px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInUpSmall {
	0% {opacity: 0;-moz-transform: translateY(40px);}
	100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInUpSmall {
	0% {opacity: 0;-o-transform: translateY(40px);}
	100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes fadeInUpSmall {
	0% {opacity: 0;transform: translateY(40px);}
	100% {opacity: 1;transform: translateY(0);}
}

@-webkit-keyframes fadeInUpSmallOpacityZiroSeven {
	0% {opacity: 0;-webkit-transform: translateY(40px);}
	100% {opacity: .7;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInUpSmallOpacityZiroSeven {
	0% {opacity: 0;-moz-transform: translateY(40px);}
	100% {opacity: .7;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInUpSmallOpacityZiroSeven {
	0% {opacity: 0;-o-transform: translateY(40px);}
	100% {opacity: .7;-o-transform: translateY(0);}
}
@keyframes fadeInUpSmallOpacityZiroSeven {
	0% {opacity: 0;transform: translateY(40px);}
	100% {opacity: .7;transform: translateY(0);}
}

@-webkit-keyframes fadeInUpSmallOpacityZiroFour {
	0% {opacity: 0;-webkit-transform: translateY(40px);}
	100% {opacity: .4;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInUpSmallOpacityZiroFour {
	0% {opacity: 0;-moz-transform: translateY(40px);}
	100% {opacity: .4;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInUpSmallOpacityZiroFour {
	0% {opacity: 0;-o-transform: translateY(40px);}
	100% {opacity: .4;-o-transform: translateY(0);}
}
@keyframes fadeInUpSmallOpacityZiroFour {
	0% {opacity: 0;transform: translateY(40px);}
	100% {opacity: .4;transform: translateY(0);}
}

@-webkit-keyframes fadeInUpSmallOpacityZiroTwo {
	0% {opacity: 0;-webkit-transform: translateY(40px);}
	100% {opacity: .2;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInUpSmallOpacityZiroTwo {
	0% {opacity: 0;-moz-transform: translateY(40px);}
	100% {opacity: .2;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInUpSmallOpacityZiroTwo {
	0% {opacity: 0;-o-transform: translateY(40px);}
	100% {opacity: .2;-o-transform: translateY(0);}
}
@keyframes fadeInUpSmallOpacityZiroTwo {
	0% {opacity: 0;transform: translateY(40px);}
	100% {opacity: .2;transform: translateY(0);}
}
/*********/
@-webkit-keyframes fadeInLeftSmall {
	0% {opacity: 0;-webkit-transform: translateX(-50px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInLeftSmall {
	0% {opacity: 0;-moz-transform: translateX(-50px);}
	100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInLeftSmall {
	0% {opacity: 0;-o-transform: translateX(-50px);}
	100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes fadeInLeftSmall {
	0% {opacity: 0;transform: translateX(-50px);}
	100% {opacity: 1;transform: translateY(0);}
}

@-webkit-keyframes fadeInRightSmall {
	0% {opacity: 0;-webkit-transform: translateX(50px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInRightSmall {
	0% {opacity: 0;-moz-transform: translateX(50px);}
	100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInRightSmall {
	0% {opacity: 0;-o-transform: translateX(50px);}
	100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes fadeInRightSmall {
	0% {opacity: 0;transform: translateX(50px);}
	100% {opacity: 1;transform: translateY(0);}
}
/* --- /animation --- */