.footer p img {
    text-align: center;
    display: inline-block;
}
.footer p  {
    text-align: center;
}

.footer .row  {
    text-align: center;
}
.footer .row  img{
    text-align: center;
        display: inline-block;
}

.footer .row  p img{
    text-align: center;
        display: inline-block;
} 



@font-face {
  font-family: 'icomoon';
  src:  url('https://berqwp-cdn.sfo3.cdn.digitaloceanspaces.com/cache/www.lodderbrothers.com/wp-content/themes/plumberseo/fonts/icomoon.eot?hash=756e6134cb818d721d3c1e565c16997e');
  src:  url('https://berqwp-cdn.sfo3.cdn.digitaloceanspaces.com/cache/www.lodderbrothers.com/wp-content/themes/plumberseo/fonts/icomoon.eot?hash=756e6134cb818d721d3c1e565c16997e#iefix') format('embedded-opentype'),
    url('https://berqwp-cdn.sfo3.cdn.digitaloceanspaces.com/cache/www.lodderbrothers.com/wp-content/themes/plumberseo/fonts/icomoon.woff2?hash=96797f4a1abb9b26a8eda398c3623272') format('woff2'),
    url('https://berqwp-cdn.sfo3.cdn.digitaloceanspaces.com/cache/www.lodderbrothers.com/wp-content/themes/plumberseo/fonts/icomoon.ttf?hash=9f61747876f647574ea18e72d8bc6b96') format('truetype'),
    url('https://berqwp-cdn.sfo3.cdn.digitaloceanspaces.com/cache/www.lodderbrothers.com/wp-content/themes/plumberseo/fonts/icomoon.woff?hash=414a1759fcecbd0df60e724489241f85') format('woff'),
    url('https://berqwp-cdn.sfo3.cdn.digitaloceanspaces.com/cache/www.lodderbrothers.com/wp-content/themes/plumberseo/fonts/icomoon.svg?hash=2db3cdbfa0dc5f62ae8a1c03c7a0639e') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-lb-septic-services:before {
  content: "\e900";
}
.icon-lb-excavation-services:before {
  content: "\e901";
}
.icon-lb-commercial-plumbing:before {
  content: "\e902";
}
.icon-lb-residential-plumbers:before {
  content: "\e903";
}
.icon-friend-conn:before {
  content: "\e969";
}
.icon-drain-clean:before {
  content: "\e965";
}
.icon-instagram-square:before {
  content: "\e918";
}
.careers-bar {
    text-align: right;
    font-size: 2em;
    /* background-color: #1c95f2; */
    display: none;
}
.careers-bar a{
    color: #ffffff;
    background-color: #1c95f2;
    padding: 0 15px;
}
.careers-bar a:hover{
    color: #000000;
}
.aligncenter	{
display:block;
}
.single ul {
    margin-left: 2.25rem!important;
}
.button.large {
    font-size: 1.25rem;
    min-width: 450px;
    border-radius: 10px;
}

.alignright{float:right;margin-top:10px;margin-left:10px;}
.alignleft{float:left;margin-top:10px;margin-right:10px;}


.contact-btn{
	display: block;
	width: 100%;
	padding: 0.5em 1em 0.6em 3em!important;
	border-radius: 1em!important;
	text-transform: uppercase;
	font-size: 1.8em!important;
	letter-spacing: 0.09em;
	margin-top: 0.7em!important;
	position: relative;
}


.txt6 h2{
	font-size: 3.3em!important;
}


@media screen and (max-width: 624.9370em) {	
.sfso	{
display:none!important;
}
.show-960	{
display:none!important;
}

}

@media screen and (min-width: 5em) and (max-width: 24.9370em) {	
.careers-bar {
    text-align: center!important;
    font-size: 1.5em;
    background-color: #1c95f2;
}
.careers-bar a {
    background-color: #1c95f200!important;
}
.sfso	{
display:block!important;
}
.sfso-wrap .show-for-small-only	{
display:none!important;
 
}
.shift-mobile .show-for-small-only	{
display:block!important;
}


}



/* 639px---------*//* Small only */
@media screen and (max-width: 39.9375em) {
.Rinnai_Pro_size {
    display: none;
}		
.careers-bar {
    text-align: -webkit-auto;
    font-size: 1em;
}	
.careers-bar a {
    color: #ffffff;
    background-color: #1c95f2;
    padding: 16px 7px;
    font-weight: 600;
}
	
	.section-55 .tabs label {
    font-size: 12px!important;
    width: 50%!important;
}
	.section-55 .tabs input {
    width: 50%!important;
    height: 60px!important;
    top: 5px!important;

}
	.section-55 .tabs {
    width: 100%!important;
}
	
	.service-name {
    font-size: 1.6em!important;
}
	.txt5 {
    font-size: 1.5em!important;
}

.txt6 h2 {
    font-size: 1.8em!important;
}
	
	.txt66 {
    font-size: 2em!important;
}
	
	blockquote {
    font-size: 1em!important;
}
	
	.txt88 {
    font-size: 1.5em!important;
}
	
	
	
	.txt9 {
    font-size: 1.9em!important;
    padding-bottom: 20px!important;
}
	
	.txt101 {
    text-align: center!important;
    font-size: 1.8em!important;
}
	
	.txt-11 {
    font-size: 1.6em!important;
}
	.fancy-usp {
    padding: 16px!important;
    min-height: 250px!important;
}
	
	.txt22 {
    font-size: 1.7em!important;
}
	
	.button {
    font-size: 0.8em!important;
}
	
	.txt4 {
    font-size: 1em!important;
}
	
	.icon {
    font-size: 6em!important;
}
   .section-2 .service-box .row {
    margin-left: 0rem!important;
    margin-right: 0rem!important;
}
	
	.row .row {
    margin-left: -0.5rem!important;
}
	
	.section-3{
		background-image: none!important;
	}
	
	.txt-2 {
    font-size: 1em!important;
    margin-bottom: 41px!important;
}
	

.service-box span {
    font-size: 4.5em!important;
    transform: scale(1.3);
}	

.pic-con {
    display: block;
    width: 4em!important;
    margin: auto;
}	

.service-box .service-icon .front-content {
    position: relative;
    top: 80px!important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

	h1 {
    font-size: 2.2rem!important;
    font-weight: 900!important;
    color: #006bbb!important;
    position: relative!important;
}
	.web-nav {
    display: none!important;
}
	
	.linea-abajo {
    display: none!important;
}
	
	.logo__image {
    height: 50px!important;
}
	
	.smallbar .logo__image {
    height: 50px!important;
}
	.mob-nav ul {
    background: #ffffff00!important;
    background: -moz-linear-gradient(top, #2d2d2d 0%, #0e0e0e 100%)!important;
    background: -webkit-linear-gradient(top, #2d2d2d00 0%,#0e0e0e00 100%)!important;
    background: linear-gradient(to bottom, #2d2d2d00 0%,#0e0e0e00 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#0e0e0e',GradientType=0 )!;
    border-top: solid 0px #565656!important;
}
	
	.smallbar .mob-nav li a {
    color: #000!important;
}
	.sliderfull {
    margin-top: 109px;
    background-color: #000;
}
	
	#banner {
    background-color: #000;
}
	

	.section-1{
		background-image: none!important;
	}
	
	.section-1:before{
		display: none!important;
	}
	
	

	
	.txt2 {
    text-align: center!important;
    text-shadow: 0px 2px 4px #0000005c!important;
    color: #ffffff!important;
    font-size: 1.8em!important;
}
	.section-2 {
    padding-top: 40px!important;
}
	.txt7 {
    font-size: 1.3em!important;
}
	
 
	
	.imagen {
    max-width: 40%!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
	
		.imagen2 {
    max-width: 40%!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
	
	.txt8 {
    font-size: 0.9em!important;
    text-align: center!important;
}

.contact-btn{
	font-size: 1.2em!important;
}
	
	.fancy11 {
    width: 90%!important;
}
	.txt44 {
    font-size: 1.5em!important;
}
	.txt45 {
    font-size: 3em!important;
}
	.section-7 {
    padding-top: 10px!important;
}
	.txt999 {
    font-size: 1.5em!important;
}
	.fancy-new-coupon {
    width: 100%!important;
}
	.txt-usp-title {
    font-size: 1em!important;
}
	.txt18 {
    font-size: 1.6em!important;
    padding-bottom: 15px;
}
	
	
		.txt181 {
    font-size: 1.2em!important;
    padding-bottom: 15px;
}
	
	
	
	.section-9{
		background-image: none!important;
	}
	
	.form-c {
    margin-top: -70px!important;
}
	
	
	
}

/* 640px  959px  ---------*//* Medium only */
@media screen and (min-width: 40em) and (max-width: 59.938em) {
.Rinnai_Pro_size {
    display: none;
}		
/* 
.show-960	{
display:block!important;
}
 */
.careers-bar {
    text-align: center;
}
	.insideimage {
    padding: 70px 0 30px 0!important;
}
	.fancy-inside {
    max-width: 46%!important;
}
	
.txt22 {
    font-size: 0.8em!important;
}

.fancy-2 {
    padding: 10px!important;
}
	
	h1 {
    font-size: 1.4rem!important;
    font-weight: 900!important;
    color: #006bbb!important;
    position: relative!important;
}
	
	.web-nav {
    display: none!important;
}
	
		.main-slogan {
    font-size: 2em!important;
    text-align: center!important;
}
	
	.phonenumber {
    font-size: 2em!important;
    text-align: center!important;
}
	.linea-abajo {
    display: none!important;
}
	.logo__image {
    height: 80px!important;
}
	.smallbar .logo__image {
    height: 80px!important;
}
	
	.section-1:before {
    width: 7em!important;
    height: 7em!important;
    -webkit-transform: translate(76em,554%)!important;
    -ms-transform: translate(76em,554%)!important;
    transform: translate(74em,544%)!important;
}

	.section-1 {
    background-position: center bottom!important;
}

	.txt2 {
    text-align: left;
    font-size: 1.9em!important;
    padding-top: 28px!important;
}
	.section-2 {
    padding-top: 70px!important;
}
	
	.txt5 {
    font-size: 2em!important;
}
	

	
	.txt7 {
    font-size: 2em!important;
}
	
 
	.form-c {
    margin-top: -233px!important;
}
	
	.txt10 {
    text-align: center!important;
}
	
		.txt101 {
    text-align: center!important;
    padding-top: 30px!important;
}
			.imagen2 {
    max-width: 30%!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
		.fancy11 {
    width: 90%!important;
}
	.txt44 {
    font-size: 1.8em!important;
}
	
	
	
	
	 
}

/* 960px  1023px Start Mobile ---------*/
@media screen and (min-width: 60.000em) and (max-width: 63.938em) {
.row.linea-abajo.align-middle a.button {
    float: right;
    font-size: 0.9em;
}     
.row.linea-abajo.align-middle {
    font-size: 0.8em;
}    
    
.Rinnai_Pro_size {
    display: none;
}	
	.txt-999 {
    font-size: 3.5em!important;
}
	
	.txt-11 {
    font-size: 2em!important;
}
	
	
	.ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle {
    padding: 15px 7px!important;
}
	.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target {
    padding-right: 22px!important;
}
	
	.ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
    font-size: 11px!important;
}
	
	
	
	
	.shift-mobile {
    display: none!important;
}
	h1 {
    font-size: 2.1rem!important;
    font-weight: 900!important;
    color: #006bbb!important;
		position: relative!important;
}
	
	.phonenumber {
    font-size: 0.6em!important;
}
	
.main-city{
    font-size: 0.6em!important;
}

	
	.main-slogan {
    font-size: 1.1em!important;
}
	
	.section-2 {
    padding-top: 70px!important;
}
	
	.txt7 {
    font-size: 2.2em!important;
}
	.form-c {
    max-width: 30em!important;
    margin-top: -90px!important;
}
	
	.txt10 {
    text-align: center!important;
    font-size: 2em!important;
}
	
		.txt101 {
    text-align: center!important;
    font-size: 2em!important; 
    padding-top: 140px!important;
}
	
	
	
		.espacio{
	max-width: 56%!important;
}
	
	
}

/* 1024px  1199px  ---------*/
@media screen and (min-width: 64em) and (max-width: 74.938em) {
	
	
	.section-55 .tabs label {
    font-size: 18px!important;
}

	
	
	

	
		.ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle {
    padding: 15px 7px!important;
}
	.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target {
    padding-right: 22px!important;
}
	
	.ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
    font-size: 14px!important;
}
	
	
	
	
	.shift-mobile {
    display: none!important;
}
	h1 {
    font-size: 2.1rem!important;
    font-weight: 900!important;
    color: #006bbb!important;
    position: relative!important;
}
		.main-slogan {
    font-size: 1.5em!important;
}
	
	.phonenumber {
    font-size: 0.9em!important;
}
.web-nav  .column{
	padding:0;
}       	
.column:nth-child(3) .main-city{
	padding-left: 17%;
}	
.column:nth-child(3) .phonenumber{
	padding-left: 17%;
}	
.main-city	{
    font-size: .9em!important;
}
.page-id-2803 .column:nth-child(2) .phonenumber{
	padding-left: 17%;
}
.page-id-2803 .column:nth-child(2) .main-city{
	padding-left: 17%;
}
	
	.section-1:before {
    -webkit-transform: translate(71em,200%)!important;
    -ms-transform: translate(71em,200%)!important;
    transform: translate(71em,140%)!important;
}
	.section-2 {
    padding-top: 60px!important;
}
	.txt5 {
    text-align: center;
    font-size: 1.9em!important;
}

.txt6 h2 {
    font-size: 2.8em!important;
}
	
	.service-list li {
    padding: 0 0 0.7em!important;
}
	.txt7 {
    font-size: 2.5em!important;
}

	
	
	.section-6 {
}
	
	.fancy-new-coupon {
    width: 90%!important;
}
	
	.txt-2 {
    font-size: 1.7em!important;
}
	.imagen2 {
    max-width: 28%!important;
}
	.txt8 {
    font-size: 1.4em!important;
}

	.txt10 {
}
	
		.txt101 {
    padding-top: 60px;
}
	
	
	
}

/* 1200px  1281px  ---------*/
@media screen and (max-width: 80.063em) and (min-width: 75em) {
	
	
	.txt-999 {
    font-size: 3em!important;
}
	
	.txt-11 {
    font-size: 1.5em!important;
}
	
	
	

	.section-1:before {
    -webkit-transform: translate(66em,132%)!important;
    -ms-transform: translate(66em,132%)!important;
    transform: translate(66em,132%)!important;
}
	
	
	.shift-mobile {
    display: none!important;
}
	h1 {
    font-size: 2rem!important;
    font-weight: 900!important;
    color: #006bbb!important;
		position: relative!important;
}
	
.main-slogan {
    font-size: 1.8em!important;
}
	
.phonenumber {
    font-size: 1em!important;
}
	

	
	.txt5 {
    font-size: 1.9em!important;
}
	.txt7 {
    font-size: 2.8em!important;
}
		.imagen2 {
    max-width: 30%!important;
}
	
	
	
}

/* 1282px  1350px  ---------*/
@media screen and (min-width: 80.125em) and (max-width: 84.375em) {
	
		.section-1:before {
    -webkit-transform: translate(66em,132%)!important;
    -ms-transform: translate(66em,132%)!important;
    transform: translate(66em,132%)!important;
}

	
	
	.shift-mobile {
    display: none!important;
}
	h1 {
    font-size: 2.1rem!important;
    font-weight: 900!important;
    color: #006bbb!important;
		position: relative!important;
}
	
	.main-slogan {
    font-size: 2.1em!important;
}
	

		.txt5 {
    font-size: 1.9em!important;
}
	

	
	.txt7 {
    font-size: 3em!important;
}
	
	.espacio{
	max-width: 56%!important;
}
	.phonenumber {
    font-size: 1.3em!important;
}
	.main-slogan {
    font-size: 2em!important;
}
	
}

/* 1351px  1500px  ---------*/
@media screen and (min-width: 84.438em) and (max-width: 93.750em) {
	
	.section-1:before {
    -webkit-transform: translate(66em,132%)!important;
    -ms-transform: translate(66em,132%)!important;
    transform: translate(66em,132%)!important;
}
	
	
	.shift-mobile {
    display: none!important;
}
	h1 {
    font-size: 2.1rem!important;
    font-weight: 900!important;
    color: #006bbb!important;
		position: relative!important;
}
		.espacio{
	max-width: 56%!important;
}
.main-city	{
    font-size: .9em!important;
}
	.phonenumber {
    font-size: 1.3em!important;
}
	
	.main-slogan {
    font-size: 2em!important;
}
	
}

/* 1501px  1580px  ---------*/
@media screen and (min-width: 93.813em) and (max-width: 98.750em) {
	

		.section-1:before {
    -webkit-transform: translate(66em,132%)!important;
    -ms-transform: translate(66em,132%)!important;
    transform: translate(66em,132%)!important;
}
	.shift-mobile {
    display: none!important;
}
	h1 {
    font-size: 2.4rem!important;
    font-weight: 900!important;
    color: #006bbb!important;
    position: relative!important;
}
	
		.espacio{
	max-width: 56%!important;
}
}

/*  1581px 1661px   ---------*/
@media screen and (min-width: 98.813em) and (max-width: 103.813em) {
	
	
	.section-1:before {
    -webkit-transform: translate(66em,132%)!important;
    -ms-transform: translate(66em,132%)!important;
    transform: translate(66em,132%)!important;
}
	
	
	.shift-mobile {
    display: none!important;
}
	h1 {
    font-size: 2.1rem!important;
    font-weight: 900!important;
    color: #006bbb!important;
		position: relative!important;
}
	
		.espacio{
	max-width: 56%!important;
}
}

/*   1662px  4000px ---------*/
@media screen and (min-width: 103.875em) and (max-width: 912.500em) {
	
		.section-1:before {
    -webkit-transform: translate(66em,132%)!important;
    -ms-transform: translate(66em,132%)!important;
    transform: translate(66em,132%)!important;
}
	.shift-mobile {
    display: none!important;
}
	h1 {
    font-size: 2.1rem!important;
    font-weight: 900!important;
    color: #006bbb!important;
		position: relative!important;
}
	
	.espacio{
	max-width: 56%!important;
}

.alignleft{
    float: left;
}

.alignright{
     float: right; 
}
	
	.txt10 {
}
	
	
		.txt101 {
    padding-top: 60px;
}
}


.entry-content img {
    /* margin-right: 30px; */
    /* margin-bottom: 30px; */
    padding: 2%;
        margin: 0 auto;
}


.fancy-inside {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
    background-color: #000000a1;
    padding: 20px;
    margin-top: 40px;
}

/*linea-box*/

.section-linea {
  position: relative;
  width: 900px;
  max-width: 80%;
  border: 2px solid #333;
  border-top: none;
  text-align: center;
  margin: 60px auto;
}
.bottom-border{
  position: absolute;
  height: 2px;
  width: 24%;
  background-color: #333;
}

.top-border{
  position: absolute;
  height: 2px;
  width: 24%;
  background-color: #333;
}

.right {
  right: 0;
}

.left {
  left: 0;
}

/*linea-box*/

.txt-dis {
    margin-top: 20px;
}



/*css-tabs*/

.section-55 .tabs {
  position: relative;
  margin: 40px auto;
  width: 80%;
  max-width: 100%;
  overflow: hidden;
  padding-top: 10px;
  margin-bottom: 0px;
}

.section-55 .tabs input {
  position: absolute;
  z-index: 1000;
  width: 25%;
  height: 50px;
  left: 0;
  top: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  cursor: pointer;
  margin: 0;
}

.section-55 .tabs input#tab-2 {
  left: 25%;
}

.section-55 .tabs input#tab-3 {
  left: 50%;
}

.section-55 .tabs input#tab-4 {
  left: 75%;
}

.section-55 .tabs label {
  background: #006bbb;
  color: #ffffff;
  font-size: 22px;
  line-height: 60px;
  height: 60px;
  position: relative;
  top: 0px;
  padding: 0 0px;
  float: left;
  display: block;
  width: 25%;
  letter-spacing: 1px;
  font-weight: bold;
  text-align: center;
  /* box-shadow: 2px 0 2px rgba(0, 0, 0, 0.1), -2px 0 2px rgba(0, 0, 0, 0.1); */
  box-sizing: border-box;
  -webkit-transition: all 150ms ease 0s;
  transition: all 150ms ease 0s;
}

.section-55 h3{
	color:#fff!important;
	padding-top: 11px;
}

.section-55 .tabs label:hover {
  cursor: pointer;
}

.section-55 .tabs label:after {
  content: '';
  background: #fefefe;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  display: block;
}

.section-55 .tabs input:hover + label {
  background: #0d2646;
  /*e08f24*/
}

.section-55 .tabs label:first-of-type {
  z-index: 4;
}

.section-55 .tab-label-2 {
  z-index: 4;
}

.section-55 .tab-label-3 {
  z-index: 3;
}

.section-55 .tab-label-4 {
  z-index: 2;
}

.section-55 .tabs input:checked + label {
  background: #b6b6b6;
  color: #1a1a1a;
  z-index: 6;
}

.section-55 .content {
  height: auto;
  width: 100%;
  float: left;
  position: relative;
  z-index: 5;
  background: #fefefe;
  top: -10px;
  box-sizing: border-box;
}

.section-55 .content div {
  position: relative;
  float: left;
  width: 0;
  height: 0;
  box-sizing: border-box;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  background: #fefefe;
}

.section-55 .content div h2 {
  margin-top: 0;
}

.section-55 .tabs .tab-selector-1:checked ~ .content .content-1,
.section-55 .tabs .tab-selector-2:checked ~ .content .content-2,
.section-55 .tabs .tab-selector-3:checked ~ .content .content-3,
.section-55 .tabs .tab-selector-4:checked ~ .content .content-4 {
  z-index: 100;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  width: 100%;
  height: auto;
  width: 100%;
  height: auto;
  padding: 3%;
}

.section-55 .content div h2 {
  color: #4477CC;
}

.section-55 .content div p {
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  margin: 0;
  color: #777;
}


[type=checkbox]+label, [type=radio]+label {
    display: inline-block;
    margin-left: 0rem!important;
    margin-right: 0rem!important;
    margin-bottom: 0;
    vertical-align: baseline;
    margin-bottom: 10px!important;
}

/*css-tabs*/



.espacio{
	max-width: 56%;
	/* color: white; */
}

.imagen2 {
    margin-top: 10px;
}

.shiftnav-toggle-button {
    background: #a2a2a2!important;
}

.contact-info-mobile {
    text-align: center;
}



.tabs-content {
    border: 0px solid #e6e6e6!important;
}

.tabs {
    margin: 0;
    list-style-type: none;
    background: #fefefe;
    border: 0px solid #e6e6e6!important;
}

.txt-dis {
    font-size: 11px;
    text-align: center;
    color: #fff;
}

.txt-blog a {
    color: #252525;
}

.txt-blog a:hover {
    color: #006bbb;
}

.fancy44 {
    width: 100%;
    padding: 15px;
    /* padding-top: 5px; */
    background-color: #cecece;
    margin-top: -65px;
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    padding-top: 60px;
}
.fancy44 iframe{
height: 947px !important;
}

.fancy45 {
    width: 100%;
    padding: 7px;
    /* padding-top: 5px; */
    background-color: #006bbb;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    margin: 10px;
}

.fancy45:hover {
    background-color: #07202F;
}

hr {
color: #006bbb!important;
background-color: #006bbb!important;
height: 2px!important;
	}

.icon-css {
    font-size: 17em;
    margin-top: -80px;
    margin-bottom: -40px;
    color: #006bbb;
}

/*css yes no*/


.button-group-option {
  position: relative;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: 1rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.button-group-option::before, .button-group-option::after {
  display: table;
  content: ' ';
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.button-group-option::after {
  clear: both;
}

.button-group-option .button {
  margin: 0;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: 0.9rem;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.button-group-option .button:last-child {
  margin-right: 0;
}

.button-group-option .button {
  -webkit-flex: 1 1 0px;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
}

.button-group-option .button {
  font-size: 1.425rem;
}

.button-group-option:before {
  content: attr(data-grouptype);
  z-index: 1;
  color: #8a8a8a;
  display: inline-block;
  font-size: 1.4rem;
  padding: 0.25em;
  border-radius: 5000px;
  background: #fefefe;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.button-group-option .button + .button {
  margin-left: 0.35rem;
}

.margen6 {
    max-width: 58em;
    margin-right: auto;
    margin-left: auto;
}

/*css yes no*/








/*BreadCrumbs CSS*/

.check-list2 li  {
    display: block!important;
    padding: .8em 1em .8em 4em!important;
    /* border-bottom: solid 1px rgba(0, 0, 0, 0.14)!important; */
    position: relative!important;
    line-height: 1.5em!important;
    text-align: left!important;
    width:100%!important;
}

ul.check-list2  {
    display: block!important;
    margin: 1em 0!important;
    padding: 0!important;
    border: solid 1px #0c4d7840!important;
}

.check-list2 li:before {
    content: "\f0ad"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    color: #006bbb;
    display: block;
    position: absolute;
    font-size: 2em;
    top: .4em;
    left: .5em;
}
ul.check-list2 li strong {
    text-transform: uppercase;
    font-size: 1.025em;
    color: #e10000;
}

.text-highlight2 {
    font-size: 1em;
    padding: 2em 3% 1.5em;
    position: relative;
    border-bottom: solid 1px #00000054;
    text-align: center;
    margin: 4.5rem 0 1.5rem;
    color: #000000;
    font-weight: 900;
}

.text-highlight2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right,#00000040 44.99%,#FFFFFF 45%,#FFFFFF 54.99%,#00000040 55%);
}

.text-highlight2:after {
    content: '';
    position: absolute;
    width: 10%;
    height: 4.5em;
    background-image: url(https://berqwp-cdn.sfo3.cdn.digitaloceanspaces.com/cache/www.lodderbrothers.com/wp-content/uploads/2018/10/logo-lodder-brother.png?bwp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    left: 45%;
    top: -2.25em;
}


#breadcrumbs {
    /* border: solid 1px rgba(0, 0, 0, 0.18); */
    width: 100%;
    /* padding: 3px; */
    background-color: #df0013;
    color: #fff;
    padding-bottom: 2px;
    margin-top: 0px;
    margin-bottom: 22px;
}
.fa-home {
    font-size: 1.3em;
    border-right-width: thin;
    border-right-style: solid;
    border-right-color: rgba(0, 0, 0, 0.18);
    padding: 0.8em;
    margin-right: 12px;
    color: #ffffff;
}
#breadcrumbs a {
    color: #fff;
}
#breadcrumbs a:hover {
    color: #ffffff;
}
/*------css-list*/

.bullet-list.t1 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 13px;
    margin-left: 0px;
}

.bullet-list.t1 li {
  position: relative;
  padding: 0 0 0.9em;
  padding-left: 2em;
  font-size: 0.9em;
  font-weight: 500;
  color: #000000;
}

.bullet-list.t1 li {
    width: 48%;
}

.bullet-list.t1 li:before {
    content: '';
    position: absolute;
    width: 1.4em;
    height: 1.4em;
    left: 2px;
    top: 2px;
    border-radius: 50%;

}

.bullet-list.t1 li:after {
    content: "\f05d";
    font-family: FontAwesome;
    position: absolute;
    top: 3px;
    left: 0;
    color: #eb2025;
    font-size: 1.333em;
    border-radius: 50%;
    line-height: 1;
}

ul.bullet-list a:hover {
    color: #e61a13!important;
}
ul.bullet-list a {
    color: #0b6bb4!important;
}



.link-txt a{
  color:#fff;
}

.link-txt a:hover{
  color:red;
}

.ttshowcase_rl_title {
    font-weight: bold!important;
    color: #000!important;
    font-size: 30px!important;
}




blockquote, blockquote p {
    color: #000!important;
}

blockquote {
    font-size: 1.42em;
    margin-top: 35px!important;
    width: 95%;
    border-left: 0px solid #cacaca!important;
    position: relative;
    padding: 2em 37% 0em 2%!important;
    margin: 1.5rem 0.5em 3rem 0!important;
    z-index: 9;
    color: #000000!important;
}


blockquote:after {
    content: '';
    position: absolute;
    width: 25%;
    height: 100%;
    top: 13px;
    right: 0%;
    background-image: url(https://berqwp-cdn.sfo3.cdn.digitaloceanspaces.com/cache/www.lodderbrothers.com/wp-content/uploads/2018/10/trck-lodder-inside.png?bwp);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}


blockquote:before {
    content: '';
    width: calc(100% + 1rem);
    height: 100%;
    display: block;
    position: absolute;
    left: 30px;
    -webkit-transform: skew(15deg) translateX(-2rem);
    -moz-transform: skew(15deg) translateX(-2rem);
    -o-transform: skew(15deg) translateX(-2rem);
    transform: skew(0deg) translateX(-2rem);
    /* border-left: solid 10px #df0013; */
    border-bottom: solid 4px #df0013;
    top: 15px;
    z-index: -999;
    background-color: #e6e6e6;
}

.nnp-msn-wrapper blockquote:after{
	display: none;
}

.nnp-msn-wrapper blockquote{
	padding: 5%!important;
	font-size: .8em!important;
}

/*css inside pages*/


.margen {
    max-width: 98em;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
}

.breadcrumbar {
    background-color: #df0013;
}

.text-highlight {
    font-weight: 900;
    font-size: 17px;
    color: #979797;
    border-bottom: 2px solid #006bbb;
    margin-bottom: 15px!important;
    padding-bottom: 10px;
}
 

.form-c {
	 max-width: 30em!important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 67px;
}
.txt-sa {
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 10px;
    line-height: 1;
    font-weight: 700;
    /* font-family: 'Paytone One', sans-serif!important; */
    font-weight: bold;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.user {
    border-bottom: 1px solid #b6b6b6;
    cursor: pointer;
    display: flex;
    height: 50px;
    padding: 16px;
    position: relative;
    vertical-align: baseline;
    width: 100%;
}

.txt11 {
    color: #000000;
    text-align: center;
    font-size: 2em;
    font-weight: 900;
    /* font-family: 'Coda Caption', sans-serif; */
}

.service-name {
    color: #fff;
    text-align: center;
    font-size: 2em;
    font-weight: 900;
    /* font-family: 'Coda Caption', sans-serif; */
}


.txt-social a{
	color: #000;
	font-size: 2em;
}

.txt-social a:hover{
	color: #eb2025;
}


.txt-links a{
	color: #000!important;
}

.txt-links a:hover{
	color: red!important;
}

#inner-footer {
    background-color: #006bbb;
    padding-top: 10px;
    color: #fff;
}



.logo-home {

    margin-top: -70px;
    margin-left: auto !important;
    margin-right: auto !important;
	-webkit-filter: drop-shadow(9px 15px 8px #0006);
    filter: drop-shadow(9px 15px 8px #0006);

}

/*Slider Services CSS*/

.fancy {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    background-color: #000000a1;
    padding: 20px;
}

.fancy-2 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #d3d3d380;
    padding: 20px;
    color: black;
}


.fancy-slider {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    padding: 20px;
}




.fancy4 {
    background-color: #f00000;
    /* margin: 30px; */
    /* border-radius: 10px; */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 10px;
    z-index: 9;
}




ul {
    margin-left: 0em!important;
}

.list-services-style .tabs-title {
    width: 50%;
    text-align: center;
    background-color: #1b2574;
    color: white;
}

.list-services-style .tabs-title {
    width: 50%;
    text-align: center;
    background-color: #0072ac;
    color: white;
}

.list-services-style .tabs-title>a {
    display: block!important;
    padding: 1.25rem 0rem!important;
    line-height: 1!important;
    color: white;
    font-size: 2em;
    font-weight: 900;
    font-family: 'Coda Caption', sans-serif;
}

.list-services-style .tabs-content {
    background: rgba(255, 255, 255, 0.69);
    transition: all .5s ease;
    border: 0px solid #e6e6e6;
    border-top: 0;
}

.scrollbar {
    height: 10em;
    width: 97%;
    background: rgba(245, 245, 245, 0);
    overflow-y: scroll;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 20px;
}

.service-list {
    padding: 13px;
    padding-top: 0px;
}

.service-list li {
    padding: 0 0 0.3em;
    font-size: 1.1em;
    list-style-type: none!important;
}

.service-list li a {
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    transition: all ease 0.2s;
    width: 100%;
    color: white;
    list-style-type: none;
}

.service-list li a:hover {
    color: #eb2025;
}



.tabs-title>a:focus, .tabs-title>a[aria-selected=true] {
    background: #f03e34!important;
}

.tabs-title>a:hover {
    background: #888888!important;
}


/*
 *  STYLE 1
 */

#style-1::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #023583;
}

#style-1::-webkit-scrollbar
{
  width: 12px;
  /* background-color: #F5F5F5; */
}

#style-1::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #a4a5aa;
}

/*Slider Services CSS*/


.pic-con{
	display: block;
	width: 10.4em;
	margin: auto;
}


/*squares css*/

        .service-box{
            position: relative;
            overflow: hidden;
            margin-bottom:10px;
            perspective:1000px;
            -webkit-perspective: 1000px;
        }
        .service-icon{
            width: 0px;
            height: 0px;
            padding: 0px;
            text-align: center;
            transition: all .5s ease;
        }
        .service-content{
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            opacity: 0;
            width: 100%;
            height: 100%;
            padding: 10px;
            padding-left: auto;
            padding-right: auto;
            text-align: center;
            transition: all .5s ease;
            background-color: #bebebe;
            backface-visibility:hidden;
            transform-style: preserve-3d;
            -webkit-transform: translateY(-110px) rotateX(90deg);
            -moz-transform: translateY(-110px) rotateX(90deg);
            -ms-transform: translateY(-110px) rotateX(90deg);
            -o-transform: translateY(-110px) rotateX(90deg);
            transform: translateY(-110px) rotateX(90deg);
            border-radius: 5px;
            color: #000;
        }
        .service-box .service-icon .front-content{
            position: relative;
            top: 120px;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .service-box .service-icon .front-content i {
            font-size: 28px;
            color: #fff;
            font-weight: normal;
        }

        .service-box .service-icon .front-content h3 {
            font-size: 15px;
            color: #fff;
            text-align: center;
            /* margin-bottom: 15px; */
            /* text-transform: uppercase; */
        }
        .service-box .service-content h3 {
            font-size: 20px;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 0px;
            text-transform: uppercase;
            margin-top: 0px;
        }
        .service-content p {
            font-size: 15px;
            color: #000000;
            margin:0;
        }
        .yellow{/* background-color: #0193c6; */}
        .orange{background-color: #2b679c;}
        .red{background-color: #2b679c;}
        .grey{background-color: #2b679c;}
        .service-box:hover .service-icon{
            opacity: 0;
            -webkit-transform: translateY(-110px) rotateX(90deg);
            -moz-transform: translateY(-110px) rotateX(90deg);
            -ms-transform: translateY(-110px) rotateX(90deg);
            -o-transform: translateY(-110px) rotateX(90deg);
            transform: translateY(-110px) rotateX(90deg);
        }
        .service-box:hover .service-content {
            opacity: 1;
            -webkit-transform: rotateX(0);
            -moz-transform: rotateX(0);
            -ms-transform: rotateX(0);
            -o-transform: rotateX(0);
            transform: rotateX(0);
        }
.service-box .service-icon .front-content i {
    font-size: 78px;
    color: #000000;
    font-weight: normal;
    text-align:  center;
}
.service-icon {
    width: 100%;
    height: 100%;
    padding: 0px;
    text-align: center;
    transition: all .5s ease;
    border-style: solid;
    border-color: #d4d4d4;
    border-width: 1px;
    /* background-color: #fefefe; */
    border-radius: 5px;
}

.tabs-panel.is-active {
    display: block;
    background-color: #ffffff;
}

.icon {

    font-size: 8em;
}


      .service-box span{
      	display: block;
      	font-size: 13em;
      	line-height: 0.7;
      	transform: scale(1.3);
      }

/*-----------------------------------*/


/*callactions squares*/
.wrapper{
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
}

.cols{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: initial;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9;
  position: relative;
  /* margin-bottom: -140px; */
  /* padding-top: 50px; */
}

.col{
  width: calc(100% - 0rem);
  margin: 1rem;
  cursor: pointer;
}

.container{
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	        perspective: 1000px;
}

h3 {
    font-size: 1.5375rem!important;
    color: #000000!important;
}

.front,.back{
  background-size: cover;
  background-position: center;
  -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-align: center;
  min-height: 450px;
  height: auto;
  border-radius: 0px;
  color: #ffffff;
  font-size: 1rem;
  background-color: #8bd6f4;
  border-style: solid;
  border-color: #7cc3df;
  border-width: 2px;
}

.back{
  background: #10457e;
  /*   background: -webkit-linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
  background: -o-linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
  background: linear-gradient(45deg,  #cedce7 0%,#596a72 100%); */
}

.front:after{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	opacity: 0;
	background-color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 0px;
}
.container:hover .front,
.container:hover .back{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.inner {
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
    transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
    font-size: 14px;
}

.container .back{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.container .front{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.container:hover .back{
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.container:hover .front{
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.front .inner p{
  font-size: 1.5rem;
  margin-bottom: 1rem;
  position: relative;
  font-weight: bold;
  /* text-shadow: black 0.1em 0.1em 0.2em; */
  text-align: center;
  /* font-family: 'Coda Caption', sans-serif; */
  color: #0140a0;
}

.front .inner p:after{
  width: 4rem;
  height: 2px;
  position: absolute;
  background: #C6D4DF;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.75rem;
}

.front .inner span{
  color: rgba(255,255,255,0.7);
  font-family: 'Arial black, "Helvetica Neue", Helvetica, sans-serif';
  font-weight: 300;
}

@media screen and (max-width: 64rem){
  .col{
    width: calc(33.333333% - 2rem);
  }
}

@media screen and (max-width: 48rem){
  .col{
    width: calc(50% - 2rem);
  }
}

@media screen and (max-width: 32rem){
  .col{
    width: 95%;
    margin: 0 0 2rem 0;
  }
}


.txt-expect {
    font-size: 1.5em;
    font-weight: 900;
    color: #00eeff;
}

.txt-icono {
    font-size: 6em;
    color: #ffffff;
}

.txt-icon {
    font-size: 5em;
    color: #62C300;
    text-align: center;
}
.txt-icon2 {
    font-size: 3em;
    color: #FCFF00;
    text-align: center;
}

.txt-icon3 {
    font-size: 3em;
    color: #fff;
    text-align: center;
}



.txticon2 {
    font-size: 3em;
    color: #62C300;
    text-align: center;
}

/*------------------*/

.fancy-new-coupon {
    width: 70%;
    padding: 20px;
    background-color: #006bbb;
    outline: 2px dashed #ffffff;
    outline-offset: -11px;
    margin: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.85);
    -webkit-box-shadow: 0 5px 3px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 15px 2px rgba(0, 0, 0, 0.39);
    margin-left:;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: -116px;
}

.fancy-new-coupon img{
	display: block;
	width: 8em;
	margin: auto;
}

.fancy-coupon {
    width: 90%;
    padding: 29px;
    background-color: #006bbb;
    outline: 2px dashed #ffffff;
    outline-offset: -10px;
    margin: 10px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0px 8px 23px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 8px 23px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 8px 23px -4px rgba(0,0,0,0.75);
}


.logo-section {
    padding-bottom: 12px;
}
/*txt css*/

h2 {
    font-size: 1.6rem!important;
    font-weight: 900!important;
}
	
.txt2 {
    text-align: left;
    font-size: 2.1em;
    font-weight: 900;
    color: #fff;
    text-shadow: 0px 2px 4px #000000;
    position: relative;
    z-index: 99;
    padding: 2% 8% 1% 11%;
    background: #006bbb;
    border-bottom-right-radius: 144px;
    margin-left: -10%;
    margin-top: 1.3em;
}

.txt22 {
    text-align: center;
    font-size: 2.1em;
    font-weight: 900;
    color: #fff;
    text-shadow: 0px 2px 4px #000000;
    position: relative;
    z-index: 99;
}


.txt4 {
    text-align: center;
    font-size: 1.1em;
    font-weight: 900;
    color: #fff;
    text-shadow: 0px 2px 4px #000000;
    position: relative;
}

.txt5 {
    text-align: center;
    font-size: 2.5em;
    font-weight: 400;
    color: #fff;
    position: relative;
}

.txt5 h2{
	font-weight: 400!important;
	font-size: 0.7em!important;
	margin-bottom: -0.4em;
}

.txt6 {
    text-align: center;
    font-weight: 900;
    color: #ffffff;
    position: relative;
    text-transform: uppercase;
    /*	letter-spacing: 0.03em; */
}


.txt66 {
    text-align: center;
    font-size: 3em;
    font-weight: 900;
    color: #006bbb;
    position: relative;
}

.txt7 {
    text-align: center;
    font-size: 4em;
    font-weight: 900;
    color: #555;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    font-style: italic;
}


.txt7 span{
	color: #006bbb;
}

.txt8 {
    text-align: left;
    font-size: 1.4em;
    font-weight: 900;
    color: #ffffff;
    position: relative;
    line-height: 1;
    padding-bottom: 20px;
}

.txt88 {
    text-align: center;
    font-size: 1.6em;
    font-weight: 900;
    color: #006bbb;
    position: relative;
}


.txt9 {
    text-align: center;
    font-size: 2.2em;
    font-weight: 900;
    color: #fff;
    position: relative;
}

.txt29 {
    text-align: center;
    font-size: 2.2em;
    font-weight: 900;
    color: #000;
    position: relative;
}

.txt99 {
    text-align: center;
    font-size: 2em;
    font-weight: 900;
    color: #a7c81a;
    position: relative;
}

.txt18 {
    text-align: center;
    font-size: 2em;
    font-weight: 900;
    color: #006bbb;
    position: relative;
}

.txt181 {
    text-align: center;
    font-size: 2.5em;
    font-weight: 900;
    color: #a7c81a;
    position: relative;
    text-shadow: 0px 2px 4px #000000;
}


.txt-11 {
    text-align: center;
    font-weight: 900;
    font-size: 2em;
    line-height: 1;
    padding-bottom: 20px;
    color: #fff;
}


.txt-999 {
    color: #ffffff;
    text-align: center;
    font-size: 3.5em;
    font-weight: 900;
    /* text-shadow: 2px 2px 4px #000000; */
    /* font-family: 'Coda Caption', sans-serif; */
}

.txt999 {
    text-align: center;
    font-size: 2.3em;
    font-weight: 900;
    color: #10457e;
    position: relative;
}

.txt1999 {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    position: relative;
}




.txt10 {
    text-align: left;
    font-size: 2em;
    font-weight: 900;
    color: #10457e;
    position: relative;
    line-height: 1.2;
    padding-bottom: 20px;
}


.txt101 {
    text-align: left;
    font-size: 2.1em;
    font-weight: 900;
    color: #10457e;
    position: relative;
    line-height: 1.2;
    padding-bottom: 20px;
}






.txt45 {
    color: #a7c81a;
    text-align: center;
    font-size: 4em;
    /* font-weight: 900; */
}

.txt46 {
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    /* font-weight: 900; */
	padding-bottom: 10px;
}

.txt44 {
    color: #fff;
    /* text-align: left; */
    font-size: 2.1em;
    font-weight: 900;
}

.txt-2 {
    text-align: center;
    font-size: 2em;
    font-weight: 900;
    color: #006bbb;
    position: relative;
    z-index: 99;
    padding-top: 0px;
    margin-bottom: 22px;
    line-height: 1.1;
}



.button {
    background-color: #ff0000!important;
    color: #fff!important;
    font-weight: 900!important;
    padding: 0.85em 2.8em!important;
    font-size: 1.3em;
    margin: 0 0 0rem!important;
    z-index: 9999;
    position: relative;
}

.button:hover {
    background-color: #000!important;
    color: #fff!important;
}

.fancy11 {
    background-color: #ea2025;
    margin: 30px;
    border-radius: 10px;
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    /* padding: 10px; */
    z-index: 9;
    transition: all .2s ease-in-out;
    text-align: center;
}









.fancy11:hover {
    background-color: #000;
}

/*usp css*/

.icon-usp {
    color: #ff0000;
    font-size: 4em;
    text-align: center;
}

.title-usp {
    color: #006bbb;
    font-size: 1em;
    text-align: center;
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    margin-bottom: 10px;
}


.txt-usp-title {
    color: #006bbb;
    font-size: 3.4em;
    text-align: center;
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    margin-bottom: 10px;
}

.content-usp {
    color: #000;
    font-size: 0.9em;
    text-align: center;
}



.fancy-usp {
    background-color: #fefefe00;
    margin: 30px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 10px;
    z-index: 9;
    transition: all .2s ease-in-out;
    min-height: 310px;
}


.fancy-usp:hover {
    background-color: #006bc1;
    box-shadow: 0px 3px 10px #00000085;
}




/*usp css*/

/*txt css*/





.row .row {
    margin-left: 1rem!important;
    margin-right: 1rem!important;
}



.menu .active>a {
    color: #fefefe;
    background: #df0013!important;
}

#callnowbutton { background: #B00000
 url("https://www.lodderbrothers.com/wp-content/uploads/2017/04/callnow-1.png") no-repeat scroll center 2px / 90% 50px!important; }
 
.row {
   max-width: 100%!important;
}
/*CSS Call Mobile*/

.button2 {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: .85em 1em;
    margin: 1em 0 0rem;
    font-size: .9rem;
    background-color: #2b5a91;
    color: #fefefe;
    width: 100%;
}


.button2 {
    background-color: #000;
    color: #fff;
}

.mob-nav {
    width: 100%;
    /* position: fixed; */
    left: 0;
    bottom: 0;
    z-index: 99999;
    margin-top: 15px;
}
.mob-nav .fa {
display:block;
}
.mob-nav ul {
    display: table;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2d2d2d+0,0e0e0e+100 */
    background: #0000007a; /* Old browsers */
    background: -moz-linear-gradient(top, #2d2d2d 0%, #0e0e0e 100%); /* FF3.6-15 */
    /* background: -webkit-linear-gradient(top, #2d2d2d 0%,#0e0e0e 100%); */ /* Chrome10-25,Safari5.1-6 */
    /* background: linear-gradient(to bottom, #2d2d2d 0%,#0e0e0e 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
    /* border-top: solid 1px #565656; */
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 9px;
    padding-bottom: 7px;
}
.mob-nav li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 20%;
}
.mob-nav li a{
  color: white;
  font-weight: 500;
  font-size: 0.69em;
}
.mob-nav li a:hover{
  color: #ffffff;
}

/*----------------------------------------*/

.top-right {
    float: right!important;
}

.topbar {
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #00000036;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    font-weight: 00;
    /* font-size: 1.9em; */
    color: white;
    position: relative;
}

 /*css-header*/


.smallbar .phonenumber{
    color: #0058af;
}

.smallbar .main-slogan{
    color: #f00000;
}




.smallbar .review-img {
    max-width: 100px;
	    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.contact-info{
	    -moz-transition: all 0.5s ease-in-out;
	    -o-transition: all 0.5s ease-in-out;
	    -webkit-transition: all 0.5s ease-in-out;
	    transition: all 0.5s ease-in-out;
	    font-size: 1.2em;
}


.main-city {
    color: #fff!important;
    font-weight: 500;
}


.smallbar .main-city {
    color: #000!important;
    font-weight: 500;
}
 

.smallbar .contact-info {
    /* font-size: 1em!important; */
    /* text-align: right; */
}

.smallbar .txt-top-menu a{
    color: #000;
}
 .smallbar .txt-top-menu a:hover{
    color: #006bbb;
}

.smallbar .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    color: #000000;
}


.linea-abajo {
    border-bottom: #59595970;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    /* background-color: #c1c1c1; */
}

#banner {
  -moz-transition: background 0.5s ease-in-out, height 0.5s ease-in-out;
  -o-transition: background 0.5s ease-in-out, height 0.5s ease-in-out;
  -webkit-transition: background 0.5s ease-in-out, height 0.5s ease-in-out;
  transition: background 0.5s ease-in-out, height 0.5s ease-in-out;
  -moz-box-shadow: 0 0 3px 0 rgba(255, 255, 255, 0.33);
  /* -webkit-box-shadow: 0 0 3px 0 rgba(255, 255, 255, 0.33); */
  /* box-shadow: 0 0 3px 0 rgba(255, 255, 255, 0.33); */
  width: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  z-index: 99;
  overflow: visible;
  /* padding: 6px; */
}
#banner.smallbar {
  background-color: #fefefe!important;
  border-top-color: #A14D47;
  color: #A14D47;
  padding-bottom: 0px;
  box-shadow: 0px 3px 10px #00000085;
  z-index: 999;
}
#banner .logo {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
}
#banner .navigation {
  width: 100%;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
}
.txt-top-menu {
    font-family: 'Paytone One', sans-serif;
    /* border-bottom: #6b6b6ba6; */
    /* border-bottom-style: solid; */
    /* border-bottom-width: 2px; */
    align-content: left;
    position:  relative;
    float: right;
    font-weight: bold;
    margin-top: 0px;
    margin: 0 0px 0 0;
}

.txt-top-menu a{
	color: #fff;
}

.txt-top-menu a:hover{
	color: #009ee0;
}

.logo__image {
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  height: 110px;
}
.smallbar .logo__image {
  height: 100px;
}

hr {
    border-bottom: 1px solid #dddddd!important;
}

.txt-sa{
    font-size: 21px;
    padding-top: 15px;
    padding-bottom: 10px;
    line-height: 1;
    font-weight: 700;
    /* font-family: 'Paytone One', sans-serif!important; */
    font-weight: bold;
    text-align: center;
    margin-left:  auto;
    margin-right: auto;
}
.txt-sa a{
    color: #000;
}
.txt-sa a:hover{
    color: #eb2025;
    
}

.txt-saw {
   margin-top; 20px!important;
   margin-bottom;20px!important;
}


.txt-saw a{
    color: #fff;
    font-size: 1.2em;
    font-weight:900;
}

.txt-saw a:hover{
    color: #7f0027;
    font-size: 1.2em;
    font-weight:900;
    
}

.ttshowcase_slider .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: 'Coda Caption', sans-serif;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
    margin-bottom: 20px!important;
}
.flex{
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}


.flex {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}


.flex {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-top: 35px;
    padding-bottom: 35px;
}
.flex:before {
    background-color: #3b51a3;
}

.flex:before {
    top: 0;
    z-index: 0;
    left: 0;
    height: 100%;
}

.flex:before {
    content: '';
    display: block;
    position: absolute;
    width: 70%;
    height: 100%;
    /* z-index: -1; */
    top: 0;
    right: 0;
}


.flex .content-box{
    padding: 3em 2em 3em 3.889em;
    color: white;
}

.headline {
    position: relative;
}
.headline em {
    position: absolute;
    top: -65px;
    left: 2.9em;
    font-style: normal;
    font-size: 9em;
    color: #9c9c9c59;
    z-index: 0;
    font-weight: bold;
    font-family: 'Paytone One', sans-serif!important;
}

/*css-header*/
 /* Header CSS  */ 

.row.linea-abajo.align-middle a.button {
    float: right;
} 

.header{
     background-repeat: no-repeat;
    background-position: center;
    background-size: cover;   
}
.main-city	{
    font-size: .9em;
}
.phonenumber {
    display: block;
    font-size: 1.5em;
    line-height: 1em;
    margin-bottom: 0px;
    font-weight: 900;
    text-align: left;
    color: #a7c81a;
}

.main-slogan {
    display: block;
    font-size: 2.3em;
    text-align: left;
    color: #fff;
    font-weight: 900;
}

 /* Section-1 CSS  */


.section-usp {
 padding-top:20px;
 padding-bottom:20px;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 position: relative;
 background-image: none!important;
 background-color: #e0e0e0;
}


.section-1{
 padding: 5% 5% 0% 5%;
 background-repeat: no-repeat;
 background-position: 100%;
 background-size: contain;
 position: relative;
}

.home-form{
	padding: 5%;
	background: #2167bf;
	position: relative;
}
 
 /* Section-2 CSS  */ 
.section-2{
 padding-top: 130px;
 padding-bottom: 40px;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
} 
 /* Section-3 CSS  */ 
.section-3{
 padding-top: 60px;
 padding-bottom: 60px;
 background-repeat: no-repeat;
 background-position: left;
 background-size: cover;
} 
.Rinnai_Pro_size {
    position: relative;
    top: 22em; 
    float: right;
    width: 22%;
    animation: pulse 2s infinite;	
}
.Rinnai_Pro_footer {
    width: 30%;
    animation: pulse 2s infinite;
    margin: auto;
}
.txt-links{
text-align:center;
}
 /* Section-4 CSS  */ 
.section-4{
 padding-top:20px;
 padding-bottom:20px;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
	    position: relative;
    z-index: 9;
} 
 /* Section-5 CSS  */ 
.section-5{
 padding: 5% 5% 5% 5%;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 position: relative;
 background: #006bbb;
 color: white;
}

.contact-btn:after{
	content: '';
	position: absolute;
	width: 2em;
	height: 2em;
	background-image: url(https://berqwp-cdn.sfo3.cdn.digitaloceanspaces.com/cache/www.lodderbrothers.com/wp-content/uploads/2022/09/24call-11.png?bwp);
	background-size: 100%;
	background-repeat: no-repeat;
	top: 0.6em;
	left: 0.8em;
}


.contact-btn span{
	display: block;
}

 /* Section-55 CSS  */ 
.section-55{
 padding-top:40px;
 padding-bottom:40px;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover; 
	position: relative;
}



 /* Section-6 CSS  */ 
.section-6{
 background-repeat: no-repeat;
 background-position: center;
 padding: 5% 5%;
 background-size: cover;
}

.sec6-box{
	position: relative;
}

.sec6-box:after{
	content: '';
	position: absolute;
	width: 12em;
	height: 12em;
	background: #2167bf;
	left: -1em;
	bottom: -1em;
	z-index: -1;
	border-radius: 1em;
}

.sec6-box img{
	border-radius: 1em;
}

 /* Section-7 CSS  */ 
.section-7{
 padding-top: 90px;
 padding-bottom: 10px;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}

 /* Section-8 CSS  */ 
.section-8{
 padding-top:140px;
 padding-bottom:50px;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 background: #e0e0e0;
}

 /* Section-9 CSS  */ 
.section-9{
 padding-top:40px;
 padding-bottom:50px;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}

 /* Section-10 CSS  */ 
.section-10{
 padding-top:20px;
 padding-bottom:20px;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 color: white;
}


 /* Inner Pages Css  */ 

.insideimage {
    background-image: url(https://berqwp-cdn.sfo3.cdn.digitaloceanspaces.com/cache/www.lodderbrothers.com/wp-content/uploads/2018/10/back-inside.jpg?bwp);
    min-height: 240px;
    /* background-position: 100% 50%; */
    padding: 160px 0 30px 0;
    background-size: cover;
    background-position: center;
    position: relative;
}

.margen .inside-content	{
padding:0px 40px;
}

.inside-content {
    position: relative;
    /* top: -20px; */
    background: #fff;
    /* border-radius: 5px; */
    /* border: 1px solid rgba(51, 51, 51, 0.08); */
    /* padding-top: 30px; */
}

@media only screen and (max-width: 480px) {
div.nn-review-header h3, div.nn-samap-header h3 {display: block;font-size: 16px !important;clear: both;}
div.nn-review-inner-cont, div.nn-samap-inner-cont {font-weight: lighter;font-size: 16px !important;}
}

 
/*******
*****   Animate CSS 
*******/
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
 
.animated{-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}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-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);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-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);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d