/*
Theme Name: wasco Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template:	wasco
Version: 1.6.1.2
*/

p
{
	
}
.pb0 .call_to_action
{
	padding-bottom:0px;
}
.mb0
{
	margin-bottom:0px !important;
}
.mb10
{
	margin-bottom:10px;
}
.mb20
{
	margin-bottom:20px;
}
video
{
	outline:none;
}
.height100%
{
	height:100%;
}
.radius100
{
	border-radius: 100px 0px 100px 0px;
}
.justify
{
	text-align:justify;
}
#Footer .social {
    display: none;
}
.big-text
{  
   
    color: #0064a4;
    border-left: 4px solid #fdb812;
    text-align: justify;
    font-size: 18px;
    line-height: 22px;
    background-color: #f7f7f7;
    padding: 16px 12px;
    border-radius: 5px;
	width:auto !important;
}
.img-wrapper
{
	text-align:center;margin-bottom:10px;
}
h2.title {
    font-size: 26px;
    line-height: 30px;
}
.bg-yellow p, .bg-yellow h5, .bg-yellow h3, .bg-yellow ul, .bg-yellow span
{
	color:#000 !important;
}
.bg-yellow a:hover
{
	color:#000;text-decoration:underline;
}
.bg-yellow .button_label
{
	color:#fff !important;
}
input[type="date"], input[type="email"], input[type="number"], input[type="password"], 
input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea 
{
	padding:13px;font-size:15px;
	border-radius: 6px;
}
#Subheader
{
	background-position: center center !important;
    padding: 235px 0px 155px !important;
}
.wasco-table
{
  display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;	
}
.helper {
    background: #eaeaea;
}
.helper .helper_header .links a.link.active, .helper .helper_header .links a:hover.link {
    color: #fff;
    background-color:#005d98;
}
/********Innerpage Title****************/
h1.banner-heading {
    color: #fff;
    font-size: 34px;
    line-height: 36px;
    font-weight: 500;
    margin-bottom: 0px;overflow:hidden;
}
h1.banner-heading span {
    background-color: rgba(0,0,0,0.6);border-top-left-radius: 4px;font-style:italic;
    border-top-right-radius: 4px;padding: 12px 14px;display:inline-block;
}

.color-white h5, .color-white h2
{
   color:#fff;
}
.color-white h5 span
{
 display:block;
}
.section-decoration
{
	height:92px !important;
	background-color: rgb(235, 235, 235, 0.96);
    background-image: none !important;
    box-shadow: 0 0 50px rgb(0 0 0 / 80%);
}
#Top_bar.is-sticky {
    background-color: rgb(240, 240, 240, 0.98) !important;
    background-image: none !important;
    box-shadow: 0 0 50px rgb(0 0 0 / 80%) !important;
    opacity: 1;
}


.highlights-ps .bg-cover {
    height: 295px;
    display: table;
    width: 100%;
}
.highlights-ps h3
{
  color:#fff;margin:0px;
  display: table-cell;padding:30px;
  vertical-align: middle;
}
.highlights-ps h3 span
{
  display:block;
}


.highlights-qhse .bg-cover {
    height: 380px;
    display: table;
    width: 100%;
}
.qhsc-wrapper
{
    display: table-cell;
    vertical-align: middle;
    padding:30px;
}
.qhsc-wrapper h1
{
     font-size:50px;line-height:44px;  margin-bottom  
}
.qhsc-wrapper h1 span
{
     font-size: 30px;line-height: 30px;font-family: "Great Vibes", Arial, Tahoma, sans-serif;
    display: block; text-indent: 120px; font-weight: 600;color: #000;margin-top: -11px;
}
.qhsc-wrapper h4
{
    color:#fff;font-weight:500;margin:0px;
}


.highlights-ns .bg-cover
{
   height: 380px;
}
.highlights-ef .bg-cover
{
   height: 410px;
}
.highlights-ns h3, .highlights-ef h3
{
    color: #fff;
    padding: 70px 30px;
}


.homepage-highlights h2 span
{
	 display:block;
}
.homepage-highlights h4
{
	color: #fdb812;
    text-transform: uppercase;
}
.homepage-highlights h5
{
	
    font-family: "Montserrat", Arial, Tahoma, sans-serif;
    font-style: italic;  
    font-weight: 600;margin-bottom:0px;
}
.homepage-highlights a.button
{
	margin-top:20px;
}

.homepage-highlights .three-fifth
{
   padding: 35px 0px 5px 0px;
}

/*.highlights-ceo .bg-cover
{
   height: 290px;
}
.highlights-ceo h3
{
	margin-bottom:10px;
}
.highlights-ceo h5
{
	font-size: 16px;
    font-family: "Montserrat", Arial, Tahoma, sans-serif;
    font-style: italic;  
    font-weight: 600;
}*/

.homepage-news
{
	
}
.homepage-news .icon_box
{
	padding:0px;border:1px solid #ddd;height:100%;
}
.homepage-news .animate 
{
	height:100%;
}
.homepage-news i
{
	color: #fdb812;margin-right:4px;
}
.homepage-news .desc
{
	padding:0px 10px;
}
.homepage-news .the-icons
{
	font-weight:600;margin-bottom:10px;
}

.icon_box .column_icon_box
{
	background-color:#f1f1f1;
}

/*.ns2-wrap {
    background-color: #fff;    
}
.ns2-wrap
{
	    padding: 15px 10px 15px 16px;
}
.left-nord
{
	display: inline-block;
    width: 42%;vertical-align:middle;
}
.right-nord
{
	display: inline-block;
    width: 55%;vertical-align:middle;text-align:justify;
}

.homepage-sustainability h4, .highlights-ceo h4
{
	color:#fdb812;text-transform:uppercase;
}
.homepage-sustainability h2 span
{
	display:block;
}
.homepage-sustainability a, .ns2-wrap a
{
	margin-top:20px;margin-bottom:0px;
}*/

/************ sustainability ********************/
.custom-tabs *, .custom-tabs ul li:after
{
	background-color:transparent !important;background-image:none !important;
}
.custom-tabs p
{
	text-align:justify;
}
.custom-tabs .ui-tabs .ui-tabs-nav li a
{
   color:#000;font-weight:600;opacity:0.6;	font-size:17px;
}
.custom-tabs .ui-tabs .ui-tabs-nav li.ui-state-active a, .custom-tabs .ui-tabs .ui-tabs-nav li a:hover
{
	font-weight:700;color:#000;opacity:1;
}
.custom-tabs .ui-tabs .ui-tabs-nav li.ui-state-active a:after
{
	display:none;
}
.custom-tabs .ui-tabs .ui-tabs-panel
{
	    /*padding: 15px 0px 0px;*/
}
.custom-iconbox
{
	background-color:#f5f5f5;border-radius:5px;
}
.list_check
{
	text-align:left;
}
ul.list_check li:before
{
	top:0;
}
/************End Sustainability ********************/


/************ Contact Us ********************/
.contact-box .get_in_touch
{
	background-color:transparent;color:#000;
	padding: 25px 20px 25px 20px;
}
.contact-box .get_in_touch h3
{
	font-size:18px;line-height:22px;
}
.contact-box .get_in_touch h3, .contact-box .get_in_touch ul, .contact-box .get_in_touch ul li a
{
  color:#000 !important;
}
.contact-box .border-lr
{
	border-left:4px solid #fff;
	border-right:4px solid #fff;
	min-height:350px;
}
.contact-box .contactbox-2 .get_in_touch
{
	padding-top:0px;
}
.contact-box .get_in_touch ul li
{
  padding: 10px 0 10px 38px;
}
.contact-box .get_in_touch ul li .icon
{
	width:auto;height:auto;font-size:21px;line-height:30px;
}
.contact-box .get_in_touch ul li:after
{
	width:65px;
}

.contact-form p
{
	margin-bottom:10px;
}
.contact-form input[type="submit"]
{
	width:100%;
}
/************End Contact Us ********************/

.timeline_items > li h3
{
	 font-size:20px;line-height:24px;
}

.news-wrapper .feature_box .feature_box_wrapper .photo_wrapper
{
	width:28%;
}
.news-wrapper .feature_box .feature_box_wrapper .desc_wrapper
{
	width: 70%;
    padding-left: 2%;
}






.video-box .photo_box 
{
 border: 1px solid #ddd;
}
.video-box .image_frame
{
	border-width:0px;
}
.video-box .photo_box .desc
{
	margin:0px;padding:10px 8px;
}

#Filters
{
	text-align:center;
}

.blog-grid h2
{
	font-size:18px; line-height:21px;  font-weight:600;min-height:45px;
}
.section-post-related
{
	display:none;
}





.projectupdates-blog h2
{
	font-size:19px;line-height:23px;font-weight:600;letter-spacing:0px;
}


/***********Overview**************/
.custom-trailerbox .trailer_box .desc .line
{
    width: 50%;
    margin-top: 20px;
}
.custom-trailerbox .trailer_box:hover .desc .line {
    width: 70%;
}
.custom-trailerbox h2
{
	font-size:22px !important; line-height:25px !important; font-weight:600;
}



.custom-pstabs .ui-tabs
{
	border:none;
}
@media (min-width:600px)
{
	.tabs-inner .tabsimg-left
	{
		width:48%;float:left;margin-right:2%;
	}
	.tabs-inner .tabscontent-right
	{
		width:48%;float:left;	
	}
}
.custom-pstabs .ui-tabs .ui-tabs-nav li a
{
	font-size: 16px;
    font-weight: 600;
    padding: 18px 26px !important;background-color:#f5f5f5;
}
.custom-pstabs .ui-tabs .ui-tabs-nav li a:after
{
	display:none;
}
.custom-pstabs .ui-tabs .ui-tabs-panel
{
	padding:0px;margin-top:30px;background-image:none;
}
.custom-pstabs .ui-tabs .ui-tabs-nav
{
	background-image: none;
    border:none;
}
.custom-pstabs .ui-tabs .ui-tabs-nav li.ui-state-active a
{
	background-color:#fdb812;color:#333;
}



.accordion .question .title
{
	padding: 20px 20px 18px 65px;
    font-size: 18px;
    font-weight: 600;
}
.accordion .question .title > .acc-icon-plus, .accordion .question .title > .acc-icon-minus
{
	top:24px;
}
.accordion .question .answer {
    padding: 25px 20px 20px;
}
.accordion .question .title
{    background: #f1f1f1;	
}
.accordion .question.active .title
{
	background-color: #fdb812;
}
.accordion table ul
{
	display:inline-block;
}
.accordion table ul li
{
	text-align:left;
}
/************Services**********************/

ul.list_mixed li:before, ul.list_check li:before, ul.list_cancel li:before, ul.list_star li:before, ul.list_idea li:before {
    font-family: "mfn-icons";
    overflow: hidden;
    position: absolute;
    left: 20px;
    bottom: auto;
    font-size: 17px;
}
ul.list_cancel li:before, li.list_cancel:before {
        content: '\e82a';
}
.custom-services ul li:after {
    display: none;
}
.custom-services ul li:before {
    left: 12px;
    bottom: auto !important;
}
.custom-services .pricing-box .plan-inside ul li
{
	padding:10px 10px 10px 25px;
}
.custom-services .pricing-box .plan-header h2 {   
    font-size: 20px;
    line-height: 23px;
    font-weight: 600;	
}
#slider_730 h2
{
	min-height:90px;
}
#slider_730 .subtitle
{
	min-height:80px;
}
#slider_746 h2
{
	min-height:115px;
}
 #slider_746 .subtitle
{
	min-height:120px;
}

.custom-services .subtitle
{
	color:#888 !important; 
}
.pricing-box .plan-inside
{
  padding: 0px 20px 20px 20px;
}
.custom-services h4
{
	 margin-top: 22px;
    margin-bottom: 6px;
}
.custom-services .pricing-box .plan-inside ul li:last-child
{
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.custom-services .hidden
{
	visibility:hidden;
}
.custom-services .icon_wrapper
{
	display: inline-block;
    border-width: 3px;
    border-style: solid;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 26px;
    -webkit-border-radius: 100%;
    border-radius: 100%;margin-top:15px;
}
@media (min-width:480px)
{
.onecolumn-pricebox
 {
	max-width:320px;margin:0 auto;
 }
}
.banner-title
{
	border-bottom:2px solid #fff;padding-bottom:10px;
	 font-size: inherit !important;line-height: inherit !important;
}
.banner-subtitle
{
	font-size: inherit !important;     line-height: inherit !important;
}

#Footer .footer_copy .social li a:hover {
    color: initial !important;
}




.language-wrapper
{
	position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;margin:30px 0px;
}
.language-wrapper a {
    color: #494949 !important;
    transition: all 0.3s ease;
}
.language-wrapper a:hover
{
	text-decoration:none;
}
.language-wrapper label {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #bbb !important;
    border: 1px solid;
    box-shadow: none !important;
    padding: 12px 40px;
    font-weight: 500;
    display: initial;
    margin: 0px;text-transform:uppercase;
}
.language-wrapper label.active
{
	color: #fff;
    background-color: #0064a4;
    border-color: #0064a4;
}
.language-wrapper > a:nth-child(1) > label {
    border-left: 1px solid;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.language-wrapper > a:last-child > label {    
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.language-wrapper > a:not(:last-child) > label {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.language-wrapper > a:not(:first-child) > label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.language-wrapper a label{
    margin-bottom: 0;
    border-left: 0;display:inline-block;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;    cursor: pointer;
}

@media (max-width:575px)
{
 .language-wrapper
 {
	display:block;
 }
 .language-wrapper a label
 {
	width: 100%;
    padding: 10px 0px;
    display: block;
	border: 1px solid #bbb;
    margin: 10px 0px; 
 }
}



.projectstab-wrapper
{
}
/*.projectstab-wrapper div {
    width: 33.333%;
    float: left;
    text-align: center;   
}*/

.projectstab-wrapper div {
    width: 25%;
    float: left;
    text-align: center;   
}


.projectstab-wrapper h4 {
    margin: 0; color:#fff;opacity:0.7;
    padding: 20px 6px;border-bottom: 2px solid transparent;
}
.projectstab-wrapper h4:hover, .projectstab-wrapper .active
{
	opacity:1;font-weight:800;
}
.projectstab-wrapper .tab1
{
    background-color: #c3c3c3;   
}
.projectstab-wrapper .tab2
{
    background-color: #9b9fa9;   
}
.projectstab-wrapper .tab3
{
    background-color: #3a3f4e;   
}

.projectstab-wrapper .tab4
{
    background-color: #2a2b39;   
}




@media only screen and (max-width: 767px)
{
  .feature_box .feature_box_wrapper .photo_wrapper {
	  margin-bottom: 15px;
	  text-align: center;
	}
  .feature_box .feature_box_wrapper .photo_wrapper, .feature_box .feature_box_wrapper .desc_wrapper {
	  display: block;
	  width: 100%;
	  padding: 0;
  }
}


.custom-oh .opening_hours {
    padding: 50px 15px;   
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right bottom;   
	border:none;
    margin: 0 auto;
}
.custom-oh .opening_hours .opening_hours_wrapper li
{
	border-color: rgba(255,255,255,.6);
}
.custom-oh .opening_hours .opening_hours_wrapper li label {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 20px;    
    padding: 10px 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;  font-weight:600;   
    background-color: #fff; color:#555;
}
.custom-oh .opening_hours .opening_hours_wrapper li span {
    font-size: 16px;
    line-height: 20px;    
}
.custom-oh .opening_hours_wrapper a
{
	 text-decoration:underline;
}
.custom-oh .opening_hours_wrapper a:hover
{
	 color:#333;
}

/*************Global Map*******************/
.vtabs-map .tabs_vertical.ui-tabs .ui-tabs-nav
{
	width:20%;border:none;background-color:transparent;
}
.vtabs-map .tabs_vertical.ui-tabs .ui-tabs-nav li
{
	background-color:transparent;border:none;margin-bottom:3px;white-space: normal;
}
.vtabs-map  .ui-tabs .ui-tabs-nav li a
{
	background-color: transparent !important;
    border: none;
    padding: 5px !important;
    background-image: none;
    color: #ddd;
    font-size: 14px;
    font-weight: 500;position: relative;  
    padding-left: 26px !important;
}
.vtabs-map .ui-state-active a
{
	color:#fff !important;font-weight:600 !important;
	background-color:transparent !important;border:none !important;
}
.vtabs-map .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after, .vtabs-map .ui-tabs .ui-tabs-nav li.ui-state-active:after
{
	background-color:transparent !important;
}
.vtabs-map .ui-tabs .ui-tabs-nav li.ui-state-active
{
	border: 1px solid #fff;
    border-radius: 6px;border-bottom: 1px solid #fff !important;
}
.vtabs-map .ui-tabs .ui-tabs-nav li.ui-state-active i
{
	 color:#fdb812 !important;
}
.vtabs-map .tabs_vertical.ui-tabs .ui-tabs-nav li:first-child a
{
	border-radius:0px !important;
}
.vtabs-map .tabs_vertical.ui-tabs .ui-tabs-panel
{
	width: 79.7%;border:none !important;background-color:transparent;
	padding:0px;background-image: none;
}
.vtabs-map ul li i
{
	margin-right:0px !important;color:#fff;    position: absolute;
    left: 5px;
}

/****************Asset Integrity Solutions****************/
.custom-ais .pricing-box .plan-header h2
{
	 font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    padding: 20px 15px 0px 15px;
    margin-bottom: 5px;
    min-height: 65px;
}
.custom-ais .pricing-box .subtitle
{
	padding: 0px 10px !important;
    font-size: 14px;
    color: inherit !important;
    margin: 20px 0px !important;
}
.custom-ais .pricing-box .plan-header
{
	padding:0px;
}
.custom-ais .pricing-box .plan-inside {
    padding: 0px 15px 15px 15px;
}
.custom-ais .pricing-box .plan-inside .hr_color
{
	width:60%;
}
.custom-ais .pricing-box.pricing-box-box {
    background-image: linear-gradient(-280deg, #f3f3f3, rgba(253,184,18,0.12));
}


/*************Awards************/
.awards .desc hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.03), rgba(87, 84, 84, 0.35), rgba(0, 0, 0, 0.03));
    margin: 12px 0px;
    width: 30%;
    margin: 12px auto;
}
.awards h4
{
  margin-bottom:0px
}
.awards-timeline .desc
{
	background:none !important;
}
.awards-box h5 {
    margin-bottom: 0px;font-size: 16px;
    color: #555;margin-bottom:6px;
}
.awards-box p
{
	font-size:14px;line-height:17px;
}
.awards-box {
    margin-bottom: 12px;padding: 0px 15px;
}
.awards-box:last-child
{
	margin-bottom:0px !important;
}
.awards-box p:last-child
{
	margin-bottom:0px !important;
}
.awards .column_icon_box
{
	background-color:#efefef;
	padding: 25px 0px;border-radius: 4px;	
	background-image: linear-gradient(-280deg, #f1f1f1, rgba(253,184,18,0.18));
}

/**********Type of Coating Accordion***********/
.coating-accordion .accordion .question
{
	border-width:0px !important;
}
.coating-accordion .accordion .question .answer
{
	padding: 25px 0px 20px 0px;
}
.coating-accordion .coating-wrapper
{
	width: 29.5%;
    display:inline-block;margin:auto;
    border: 1px solid #e1e1e1;
    padding:20px 10px;
    text-align: center;   
    border-radius: 4px;margin: 0 auto;
    margin-left: 10px;
    margin-right: 10px;
}
.coating-accordion .row-wrap 
{
	margin-left: -10px;
    margin-right: -10px;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.coating-accordion .row-wrap:last-child
{
	margin-top:20px;
}
.coating-accordion .coating-wrapper h3
{
	font-size:20px;line-height:24px;
	min-height: 50px;
}
.coating-accordion .coating-wrapper img
{
	margin-bottom:12px;
}
.coating-accordion .coating-wrapper .hr_color
{
	margin-bottom: 10px;
    width: 45%;
	color: #fdb812;
    background: #fdb812;
}
@media(max-width:575px)
{
	.coating-accordion .row-wrap
	{
		display:block !important;margin:0px;
	}
	.coating-accordion .coating-wrapper
	{
		width:99% !important;display:block;padding: 12px 0px;
		margin:12px 0px!important;
	}
	.coating-accordion .coating-wrapper * {
       padding: 0px 12px;
     }
}

/**************Our Policies****************/
.custom-policies .team {
    
    padding: 32px 15px 20px 15px;
}
.custom-policies .image_frame
{
	display:none;
}
.custom-policies .column_our_team
{
	background-color: #f7f7f7; border-radius: 4px;
	background-image: linear-gradient(#f7f7f7, rgba(253,184,18,0.06));
}
.custom-policies .desc_wrapper h4
{
	margin-bottom:15px;
}

/***********Asset Integrity Services*********/
#services-wrapper .column
{
	margin-bottom:20px;
}
#services-wrapper .owl-item .column
{
	margin:10px 0px;
}
#services-wrapper .owl-item p
{
	padding-right:20px;
}
#services-wrapper p
{
	text-align:justify;
}
#services-wrapper img
{
	margin-bottom:10px;
}
#services-wrapper h4
{
	margin-bottom:15px;font-size:17px;
}
div#ais-slider
{
	background-color:#f9f9f9;border-radius:5px;
	overflow:hidden;padding: 20px 35px 0px 50px;
}
div#ais-slider h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}
div#ais-slider .three-fourth
{
	padding-right:10px;
}
div#ais-slider .button  
{
	margin-top:15px;
}
/**************Features****************/
.custom-features .team {
    
    padding: 20px 15px;
}
.custom-features .column_our_team
{
	background-color: #f7f7f7; border-radius: 4px;
	background-image: linear-gradient(#f7f7f7, rgba(253,184,18,0.06));
}


/**************News*****************/
.news-wrapper {
    display: table;height:100%;min-height:95px;width:100%;
	width: 80%;margin: 0 auto;
}
.date-wrapper
{
	display: inline-block;
    width: 14%;
    background-color: #f5b211;
    display: table-cell;
    color: #353535;
    text-align: center;    
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;letter-spacing:0px; 
    vertical-align: middle;height:100%; font-size:16px;
}
.date-wrapper span
{
	display:block;font-size:20px;line-height:24px;
}
.news-wrapper .news-right
{
	margin-bottom: 0px;
    display: inline-block;   
    vertical-align: middle;   
    background-color: #f5f5f5; display:table-cell;
    padding: 10px 20px;  height:100%;text-align:left;
	background-image: linear-gradient(#f7f7f7, rgba(253,184,18,0.06));
}
.news-wrapper .news-right p
{
	margin-bottom:0px;
}
.news-wrapper .news-right hr
{
	width:50%;margin-top:15px;display:none;
}
.news-wrapper .news-right a
{
	margin-top:10px; display:block;
}


/*************Innovation************/
.innovation form
{
	
}
.innovation label input[type], .innovation textarea 
{
	background-color:#f7f7f7 !important;
}
.innovation span.wpcf7-list-item {
    display: block;
    padding: 4px 0px;
}
.innovation span.wpcf7-form-control-wrap
{
	margin:5px 0px;
}
.innovation label span:first-child, .innovation h6 span {
    color: #ed3b2e;
}
.innovation a
{
   text-decoration: underline;
}
.innovation h6
{
	  font-size: 18px;
    margin-bottom: 30px;
    
    margin: 25px 0px 30px 0px;
    font-style: italic;
	  border-bottom: 2px solid #141c2e;
    display: inline-block;
    padding-bottom: 8px;
}
.innovation label
{
	font-size:16px;
}

@media (max-width: 767px)
{
  .news-wrapper
  {
	  width:100%;
  }
  .date-wrapper
 {
	width: 30%;font-size:15px !important;
 }
 .date-wrapper span
 {
	  font-size:16px;line-height:20px;
 }
 .projectstab-wrapper div
 {
	 width:50%;min-height:82px;
 }
 .big-text
{ 
  width: auto !important; 
}
.tp-caption.rev-btn
{
      padding: 7px 16px !important;
      font-size: 13px !important;	  
}

}

/***************Buttons & Icons************************/

.custom-social-icons
{
	position: fixed;
    top: 20%;    
    left: auto;
    float: right;
    right: 0;
    width: 50px;
    z-index: 99999;
    background: none;    
}
.icons-wrapper a {
    float: right;
    border: 0;
    padding: 0;
    position: relative;
    display: block;
    width: 47px;
    margin: 0;
    outline-offset: -1px;
    text-align: center;   
    transition: width .20s ease-in-out;
    overflow: hidden;
    background: #e8e8e8;
    z-index: 99999;
    cursor: pointer;
}
.icons-wrapper a:hover {
    width: 55px;
}
.icons-wrapper i {   
    display: block;
    font-size: 20px;
    color: #fff;
    height: 47px;
    line-height: 47px;    
}
.icons-wrapper .icon-facebook {    
    background-color: rgb(59, 89, 152);   
}
.icons-wrapper .icon-twitter {   
    background-color: rgb(29, 161, 242);
}
.icons-wrapper .icon-linkedin
{
	background-color: rgb(0, 119, 181);
}


.button-flat a.button
{
    border-radius: 4px;
    font-size: 14px;	
}
.button-flat a.button .button_icon {
    background: #00558c;
    color: #ddd;border-right: 1px solid #00548a;
}
a.button .button_icon {
    padding: 11px 12px;
}
a.button .button_label {
    padding: 11px 20px !important;text-transform:uppercase;
}
.offer .button_icon
{
	background-color:#262626 !important;
}
.offer a.button
{
	border-radius:0px;
}

/**************Main Menu Bar********************/
.custom-menu-class li a:after
{
	display:none;
}
.custom-menu-class ul li {
    padding: 0px 12px;
}
.custom-menu-class ul li a
{
	 color: #091124  !important;font-size:16px;
	  font-weight:600;
}
header .is-sticky .custom-menu-class ul li a
{
	
}
.custom-menu-class ul li.current-menu-item a, .custom-menu-class ul li.current-page-ancestor a
{
	color:#0064a4 !important;font-weight:600;
}
.custom-menu-class
{
	float:right;margin-right:80px;
}
#Side_slide #menu ul li {
    border-top: 1px solid rgba(0,0,0,0.04) !important;
}
#Side_slide #menu ul li.current_page_item > a
{
	font-weight:600
}
/****Global Map*******/
.squares-container {
   max-width: 100% !important;
}
.squares-element img {
    margin:0 auto;
} 



/*************Regional Offices*********/
.regional-offices .column {box-sizing:border-box;margin-bottom:25px;}
.regional-offices h3
{
     font-size: 15px;text-transform: uppercase;
    line-height: 20px; color:#000;    padding: 20px 0px 0px 0px;margin:0px;	
}
 .regional-offices p
{
	    padding: 20px 0px;
}
.offices-box
{
	height: 100%;
    background-color: #f1f1f1;
    border-bottom: 2px solid #fdb812;
    border-radius: 0px 0px 8px 8px;
    padding: 0px 20px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
/*.regional-offices .offices-box h3:first-child
{
  margin-bottom:10px;	
}*/


/******EPCC Pipeline & Facilities *************/
.epcc-slider h3.title
{
	display:none;
}
.epcc-slider .button_icon
{
	border-right:0px !important;
}
.custom-iconbox .icon_box
{
	padding: 10px 15px;
}
.content_slider.flat a.button .button_icon {
    background: none;
    padding: 10px 4px;
    font-size: 32px;
    opacity: .8;
    background-color: #444 !important;
}
.content_slider.flat.description ul li .desc
{
	padding:0px 2%;
}

@media (max-width: 600px)
{
.custom-menu-class
 {
	 display:none;
 }
}
@media only screen and (min-width: 767px)
{
	.regional-offices .row-eq-height 
 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;	
 }
}
@media only screen and (max-width: 767px)
{
	.language-wrapper label
	{
		padding:9px 15px;
	}
	.section_wrapper, .container, .four.columns .widget-area {
		max-width: 752px!important;
		padding-left: 12px!important;
		padding-right: 12px!important;
	}
	.vtabs-map .tabs_vertical.ui-tabs .ui-tabs-nav, .vtabs-map .tabs_vertical.ui-tabs .ui-tabs-panel
	{
		width:99.4%;float:none;margin-bottom:30px;
	}
	.vtabs-map .ui-tabs
	{
		border:none !important;
	}
	.contact-box .border-lr
	{
		margin:10px 0px;
		height:auto !important;
		min-height:270px;
	}
	h1.banner-heading
	{
		font-size:24px;line-height:27px;
	}
}
@media (max-width: 480px)
{
	.tp-caption.rev-btn{
   
	  position: relative;
      bottom: -14px;	
}
}




















@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-moz-keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-ms-keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-o-keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.animate.fadeIn{
    -webkit-animation-name:fadeIn;
    -moz-animation-name:fadeIn;
    -ms-animation-name:fadeIn;
    -o-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(50px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes fadeInUp{
    0%{
        opacity:0;
        -moz-transform:translateY(50px)
    }
    100%{
        opacity:1;
        -moz-transform:translateY(0)
    }
}
@-ms-keyframes fadeInUp{
    0%{
        opacity:0;
        -ms-transform:translateY(50px)
    }
    100%{
        opacity:1;
        -ms-transform:translateY(0)
    }
}
@-o-keyframes fadeInUp{
    0%{
        opacity:0;
        -o-transform:translateY(50px)
    }
    100%{
        opacity:1;
        -o-transform:translateY(0)
    }
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        transform:translateY(50px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.animate.fadeInUp{
    -webkit-animation-name:fadeInUp;
    -moz-animation-name:fadeInUp;
    -ms-animation-name:fadeInUp;
    -o-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-50px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes fadeInDown{
    0%{
        opacity:0;
        -moz-transform:translateY(-50px)
    }
    100%{
        opacity:1;
        -moz-transform:translateY(0)
    }
}
@-ms-keyframes fadeInDown{
    0%{
        opacity:0;
        -ms-transform:translateY(-50px)
    }
    100%{
        opacity:1;
        -ms-transform:translateY(0)
    }
}
@-o-keyframes fadeInDown{
    0%{
        opacity:0;
        -o-transform:translateY(-50px)
    }
    100%{
        opacity:1;
        -o-transform:translateY(0)
    }
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        transform:translateY(-50px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.animate.fadeInDown{
    -webkit-animation-name:fadeInDown;
    -moz-animation-name:fadeInDown;
    -ms-animation-name:fadeInDown;
    -o-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-80px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes fadeInLeft{
    0%{
        opacity:0;
        -moz-transform:translateX(-80px)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@-ms-keyframes fadeInLeft{
    0%{
        opacity:0;
        -ms-transform:translateX(-80px)
    }
    100%{
        opacity:1;
        -ms-transform:translateX(0)
    }
}
@-o-keyframes fadeInLeft{
    0%{
        opacity:0;
        -o-transform:translateX(-80px)
    }
    100%{
        opacity:1;
        -o-transform:translateX(0)
    }
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        transform:translateX(-80px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.animate.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    -moz-animation-name:fadeInLeft;
    -ms-animation-name:fadeInLeft;
    -o-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(80px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes fadeInRight{
    0%{
        opacity:0;
        -moz-transform:translateX(80px)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@-ms-keyframes fadeInRight{
    0%{
        opacity:0;
        -ms-transform:translateX(80px)
    }
    100%{
        opacity:1;
        -ms-transform:translateX(0)
    }
}
@-o-keyframes fadeInRight{
    0%{
        opacity:0;
        -o-transform:translateX(80px)
    }
    100%{
        opacity:1;
        -o-transform:translateX(0)
    }
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        transform:translateX(80px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.animate.fadeInRight{
    -webkit-animation-name:fadeInRight;
    -moz-animation-name:fadeInRight;
    -ms-animation-name:fadeInRight;
    -o-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInUpLarge{
    0%{
        opacity:0;
        -webkit-transform:translateY(500px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes fadeInUpLarge{
    0%{
        opacity:0;
        -moz-transform:translateY(500px)
    }
    100%{
        opacity:1;
        -moz-transform:translateY(0)
    }
}
@-ms-keyframes fadeInUpLarge{
    0%{
        opacity:0;
        -ms-transform:translateY(500px)
    }
    100%{
        opacity:1;
        -ms-transform:translateY(0)
    }
}
@-o-keyframes fadeInUpLarge{
    0%{
        opacity:0;
        -o-transform:translateY(500px)
    }
    100%{
        opacity:1;
        -o-transform:translateY(0)
    }
}
@keyframes fadeInUpLarge{
    0%{
        opacity:0;
        transform:translateY(500px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.animate.fadeInUpLarge{
    -webkit-animation-name:fadeInUpLarge;
    -moz-animation-name:fadeInUpLarge;
    -ms-animation-name:fadeInUpLarge;
    -o-animation-name:fadeInUpLarge;
    animation-name:fadeInUpLarge
}
@-webkit-keyframes fadeInDownLarge{
    0%{
        opacity:0;
        -webkit-transform:translateY(-500px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes fadeInDownLarge{
    0%{
        opacity:0;
        -moz-transform:translateY(-500px)
    }
    100%{
        opacity:1;
        -moz-transform:translateY(0)
    }
}
@-ms-keyframes fadeInDownLarge{
    0%{
        opacity:0;
        -ms-transform:translateY(-500px)
    }
    100%{
        opacity:1;
        -ms-transform:translateY(0)
    }
}
@-o-keyframes fadeInDownLarge{
    0%{
        opacity:0;
        -o-transform:translateY(-500px)
    }
    100%{
        opacity:1;
        -o-transform:translateY(0)
    }
}
@keyframes fadeInDownLarge{
    0%{
        opacity:0;
        transform:translateY(-500px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.animate.fadeInDownLarge{
    -webkit-animation-name:fadeInDownLarge;
    -moz-animation-name:fadeInDownLarge;
    -ms-animation-name:fadeInDownLarge;
    -o-animation-name:fadeInDownLarge;
    animation-name:fadeInDownLarge
}
@-webkit-keyframes fadeInLeftLarge{
    0%{
        opacity:0;
        -webkit-transform:translateX(-500px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes fadeInLeftLarge{
    0%{
        opacity:0;
        -moz-transform:translateX(-500px)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@-ms-keyframes fadeInLeftLarge{
    0%{
        opacity:0;
        -ms-transform:translateX(-500px)
    }
    100%{
        opacity:1;
        -ms-transform:translateX(0)
    }
}
@-o-keyframes fadeInLeftLarge{
    0%{
        opacity:0;
        -o-transform:translateX(-500px)
    }
    100%{
        opacity:1;
        -o-transform:translateX(0)
    }
}
@keyframes fadeInLeftLarge{
    0%{
        opacity:0;
        transform:translateX(-500px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.animate.fadeInLeftLarge{
    -webkit-animation-name:fadeInLeftLarge;
    -moz-animation-name:fadeInLeftLarge;
    -ms-animation-name:fadeInLeftLarge;
    -o-animation-name:fadeInLeftLarge;
    animation-name:fadeInLeftLarge
}
@-webkit-keyframes fadeInRightLarge{
    0%{
        opacity:0;
        -webkit-transform:translateX(500px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes fadeInRightLarge{
    0%{
        opacity:0;
        -moz-transform:translateX(500px)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@-ms-keyframes fadeInRightLarge{
    0%{
        opacity:0;
        -ms-transform:translateX(500px)
    }
    100%{
        opacity:1;
        -ms-transform:translateX(0)
    }
}
@-o-keyframes fadeInRightLarge{
    0%{
        opacity:0;
        -o-transform:translateX(500px)
    }
    100%{
        opacity:1;
        -o-transform:translateX(0)
    }
}
@keyframes fadeInRightLarge{
    0%{
        opacity:0;
        transform:translateX(500px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.animate.fadeInRightLarge{
    -webkit-animation-name:fadeInRightLarge;
    -moz-animation-name:fadeInRightLarge;
    -ms-animation-name:fadeInRightLarge;
    -o-animation-name:fadeInRightLarge;
    animation-name:fadeInRightLarge
}
@-webkit-keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@-moz-keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@-ms-keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@-o-keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.animate.fadeOut{
    -webkit-animation-name:fadeOut;
    -moz-animation-name:fadeOut;
    -ms-animation-name:fadeOut;
    -o-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOutUp{
    0%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-50px)
    }
}
@-moz-keyframes fadeOutUp{
    0%{
        opacity:1;
        -moz-transform:translateY(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(-50px)
    }
}
@-ms-keyframes fadeOutUp{
    0%{
        opacity:1;
        -ms-transform:translateY(0)
    }
    100%{
        opacity:0;
        -ms-transform:translateY(-50px)
    }
}
@-o-keyframes fadeOutUp{
    0%{
        opacity:1;
        -o-transform:translateY(0)
    }
    100%{
        opacity:0;
        -o-transform:translateY(-50px)
    }
}
@keyframes fadeOutUp{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(-50px)
    }
}
.animate.fadeOutUp{
    -webkit-animation-name:fadeOutUp;
    -moz-animation-name:fadeOutUp;
    -ms-animation-name:fadeOutUp;
    -o-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutDown{
    0%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(50px)
    }
}
@-moz-keyframes fadeOutDown{
    0%{
        opacity:1;
        -moz-transform:translateY(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(50px)
    }
}
@-ms-keyframes fadeOutDown{
    0%{
        opacity:1;
        -ms-transform:translateY(0)
    }
    100%{
        opacity:0;
        -ms-transform:translateY(50px)
    }
}
@-o-keyframes fadeOutDown{
    0%{
        opacity:1;
        -o-transform:translateY(0)
    }
    100%{
        opacity:0;
        -o-transform:translateY(50px)
    }
}
@keyframes fadeOutDown{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(50px)
    }
}
.animate.fadeOutDown{
    -webkit-animation-name:fadeOutDown;
    -moz-animation-name:fadeOutDown;
    -ms-animation-name:fadeOutDown;
    -o-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(0)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(-50px)
    }
}
@-moz-keyframes fadeOutLeft{
    0%{
        opacity:0;
        -moz-transform:translateX(0)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(-50px)
    }
}
@-ms-keyframes fadeOutLeft{
    0%{
        opacity:0;
        -ms-transform:translateX(0)
    }
    100%{
        opacity:1;
        -ms-transform:translateX(-50px)
    }
}
@-o-keyframes fadeOutLeft{
    0%{
        opacity:0;
        -o-transform:translateX(0)
    }
    100%{
        opacity:1;
        -o-transform:translateX(-50px)
    }
}
@keyframes fadeOutLeft{
    0%{
        opacity:0;
        transform:translateX(0)
    }
    100%{
        opacity:1;
        transform:translateX(-50px)
    }
}
.animate.fadeOutLeft{
    -webkit-animation-name:fadeOutLeft;
    -moz-animation-name:fadeOutLeft;
    -ms-animation-name:fadeOutLeft;
    -o-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(0)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(50px)
    }
}
@-moz-keyframes fadeOutRight{
    0%{
        opacity:0;
        -moz-transform:translateX(0)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(50px)
    }
}
@-ms-keyframes fadeOutRight{
    0%{
        opacity:0;
        -ms-transform:translateX(0)
    }
    100%{
        opacity:1;
        -ms-transform:translateX(50px)
    }
}
@-o-keyframes fadeOutRight{
    0%{
        opacity:0;
        -o-transform:translateX(0)
    }
    100%{
        opacity:1;
        -o-transform:translateX(50px)
    }
}
@keyframes fadeOutRight{
    0%{
        opacity:0;
        transform:translateX(0)
    }
    100%{
        opacity:1;
        transform:translateX(50px)
    }
}
.animate.fadeOutRight{
    -webkit-animation-name:fadeOutRight;
    -moz-animation-name:fadeOutRight;
    -ms-animation-name:fadeOutRight;
    -o-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutUpLarge{
    0%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-500px)
    }
}
@-moz-keyframes fadeOutUpLarge{
    0%{
        opacity:1;
        -moz-transform:translateY(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(-500px)
    }
}
@-ms-keyframes fadeOutUpLarge{
    0%{
        opacity:1;
        -ms-transform:translateY(0)
    }
    100%{
        opacity:0;
        -ms-transform:translateY(-500px)
    }
}
@-o-keyframes fadeOutUpLarge{
    0%{
        opacity:1;
        -o-transform:translateY(0)
    }
    100%{
        opacity:0;
        -o-transform:translateY(-500px)
    }
}
@keyframes fadeOutUpLarge{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(-500px)
    }
}
.animate.fadeOutUpLarge{
    -webkit-animation-name:fadeOutUpLarge;
    -moz-animation-name:fadeOutUpLarge;
    -ms-animation-name:fadeOutUpLarge;
    -o-animation-name:fadeOutUpLarge;
    animation-name:fadeOutUpLarge
}
@-webkit-keyframes fadeOutDownLarge{
    0%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(500px)
    }
}
@-moz-keyframes fadeOutDownLarge{
    0%{
        opacity:1;
        -moz-transform:translateY(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(500px)
    }
}
@-ms-keyframes fadeOutDownLarge{
    0%{
        opacity:1;
        -ms-transform:translateY(0)
    }
    100%{
        opacity:0;
        -ms-transform:translateY(500px)
    }
}
@-o-keyframes fadeOutDownLarge{
    0%{
        opacity:1;
        -o-transform:translateY(0)
    }
    100%{
        opacity:0;
        -o-transform:translateY(500px)
    }
}
@keyframes fadeOutDownLarge{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(500px)
    }
}
.animate.fadeOutDownLarge{
    -webkit-animation-name:fadeOutDownLarge;
    -moz-animation-name:fadeOutDownLarge;
    -ms-animation-name:fadeOutDownLarge;
    -o-animation-name:fadeOutDownLarge;
    animation-name:fadeOutDownLarge
}
@-webkit-keyframes fadeOutLeftLarge{
    0%{
        opacity:0;
        -webkit-transform:translateX(0)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(-500px)
    }
}
@-moz-keyframes fadeOutLeftLarge{
    0%{
        opacity:0;
        -moz-transform:translateX(0)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(-500px)
    }
}
@-ms-keyframes fadeOutLeftLarge{
    0%{
        opacity:0;
        -ms-transform:translateX(0)
    }
    100%{
        opacity:1;
        -ms-transform:translateX(-500px)
    }
}
@-o-keyframes fadeOutLeftLarge{
    0%{
        opacity:0;
        -o-transform:translateX(0)
    }
    100%{
        opacity:1;
        -o-transform:translateX(-500px)
    }
}
@keyframes fadeOutLeftLarge{
    0%{
        opacity:0;
        transform:translateX(0)
    }
    100%{
        opacity:1;
        transform:translateX(-500px)
    }
}
.animate.fadeOutLeftLarge{
    -webkit-animation-name:fadeOutLeftLarge;
    -moz-animation-name:fadeOutLeftLarge;
    -ms-animation-name:fadeOutLeftLarge;
    -o-animation-name:fadeOutLeftLarge;
    animation-name:fadeOutLeftLarge
}
@-webkit-keyframes fadeOutRightLarge{
    0%{
        opacity:0;
        -webkit-transform:translateX(0)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(500px)
    }
}
@-moz-keyframes fadeOutRightLarge{
    0%{
        opacity:0;
        -moz-transform:translateX(0)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(500px)
    }
}
@-ms-keyframes fadeOutRightLarge{
    0%{
        opacity:0;
        -ms-transform:translateX(0)
    }
    100%{
        opacity:1;
        -ms-transform:translateX(500px)
    }
}
@-o-keyframes fadeOutRightLarge{
    0%{
        opacity:0;
        -o-transform:translateX(0)
    }
    100%{
        opacity:1;
        -o-transform:translateX(500px)
    }
}
@keyframes fadeOutRightLarge{
    0%{
        opacity:0;
        transform:translateX(0)
    }
    100%{
        opacity:1;
        transform:translateX(500px)
    }
}
.animate.fadeOutRightLarge{
    -webkit-animation-name:fadeOutRightLarge;
    -moz-animation-name:fadeOutRightLarge;
    -ms-animation-name:fadeOutRightLarge;
    -o-animation-name:fadeOutRightLarge;
    animation-name:fadeOutRightLarge
}
@-webkit-keyframes zoomIn{
    0%{
        opacity:0;
        -webkit-transform:scale(0)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1)
    }
}
@-moz-keyframes zoomIn{
    0%{
        opacity:0;
        -moz-transform:scale(0)
    }
    100%{
        opacity:1;
        -moz-transform:scale(1)
    }
}
@-ms-keyframes zoomIn{
    0%{
        opacity:0;
        -ms-transform:scale(0)
    }
    100%{
        opacity:1;
        -ms-transform:scale(1)
    }
}
@-o-keyframes zoomIn{
    0%{
        opacity:0;
        -o-transform:scale(0)
    }
    100%{
        opacity:1;
        -o-transform:scale(1)
    }
}
@keyframes zoomIn{
    0%{
        opacity:0;
        transform:scale(0)
    }
    100%{
        opacity:1;
        transform:scale(1)
    }
}
.animate.zoomIn{
    -webkit-animation-name:zoomIn;
    -moz-animation-name:zoomIn;
    -ms-animation-name:zoomIn;
    -o-animation-name:zoomIn;
    animation-name:zoomIn
}
@-webkit-keyframes zoomInUp{
    0%{
        opacity:0;
        -webkit-transform:scale(0) translateY(50px)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1) translateY(0)
    }
}
@-moz-keyframes zoomInUp{
    0%{
        opacity:0;
        -moz-transform:scale(0) translateY(50px)
    }
    100%{
        opacity:1;
        -moz-transform:scale(1) translateY(0)
    }
}
@-ms-keyframes zoomInUp{
    0%{
        opacity:0;
        -ms-transform:scale(0) translateY(50px)
    }
    100%{
        opacity:1;
        -ms-transform:scale(1) translateY(0)
    }
}
@-o-keyframes zoomInUp{
    0%{
        opacity:0;
        -o-transform:scale(0) translateY(50px)
    }
    100%{
        opacity:1;
        -o-transform:scale(1) translateY(0)
    }
}
@keyframes zoomInUp{
    0%{
        opacity:0;
        transform:scale(0) translateY(50px)
    }
    100%{
        opacity:1;
        transform:scale(1) translateY(0)
    }
}
.animate.zoomInUp{
    -webkit-animation-name:zoomInUp;
    -moz-animation-name:zoomInUp;
    -ms-animation-name:zoomInUp;
    -o-animation-name:zoomInUp;
    animation-name:zoomInUp
}
@-webkit-keyframes zoomInDown{
    0%{
        opacity:0;
        -webkit-transform:scale(0) translateY(-50px)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1) translateY(0)
    }
}
@-moz-keyframes zoomInDown{
    0%{
        opacity:0;
        -moz-transform:scale(0) translateY(-50px)
    }
    100%{
        opacity:1;
        -moz-transform:scale(1) translateY(0)
    }
}
@-ms-keyframes zoomInDown{
    0%{
        opacity:0;
        -ms-transform:scale(0) translateY(-50px)
    }
    100%{
        opacity:1;
        -ms-transform:scale(1) translateY(0)
    }
}
@-o-keyframes zoomInDown{
    0%{
        opacity:0;
        -o-transform:scale(0) translateY(-50px)
    }
    100%{
        opacity:1;
        -o-transform:scale(1) translateY(0)
    }
}
@keyframes zoomInDown{
    0%{
        opacity:0;
        transform:scale(0) translateY(-50px)
    }
    100%{
        opacity:1;
        transform:scale(1) translateY(0)
    }
}
.animate.zoomInDown{
    -webkit-animation-name:zoomInDown;
    -moz-animation-name:zoomInDown;
    -ms-animation-name:zoomInDown;
    -o-animation-name:zoomInDown;
    animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft{
    0%{
        opacity:0;
        -webkit-transform:scale(0) translateX(-50px)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1) translateX(0)
    }
}
@-moz-keyframes zoomInLeft{
    0%{
        opacity:0;
        -moz-transform:scale(0) translateX(-50px)
    }
    100%{
        opacity:1;
        -moz-transform:scale(1) translateX(0)
    }
}
@-ms-keyframes zoomInLeft{
    0%{
        opacity:0;
        -ms-transform:scale(0) translateX(-50px)
    }
    100%{
        opacity:1;
        -ms-transform:scale(1) translateX(0)
    }
}
@-o-keyframes zoomInLeft{
    0%{
        opacity:0;
        -o-transform:scale(0) translateX(-50px)
    }
    100%{
        opacity:1;
        -o-transform:scale(1) translateX(0)
    }
}
@keyframes zoomInLeft{
    0%{
        opacity:0;
        transform:scale(0) translateX(-50px)
    }
    100%{
        opacity:1;
        transform:scale(1) translateX(0)
    }
}
.animate.zoomInLeft{
    -webkit-animation-name:zoomInLeft;
    -moz-animation-name:zoomInLeft;
    -ms-animation-name:zoomInLeft;
    -o-animation-name:zoomInLeft;
    animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight{
    0%{
        opacity:0;
        -webkit-transform:scale(0) translateX(50px)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1) translateX(0)
    }
}
@-moz-keyframes zoomInRight{
    0%{
        opacity:0;
        -moz-transform:scale(0) translateX(50px)
    }
    100%{
        opacity:1;
        -moz-transform:scale(1) translateX(0)
    }
}
@-ms-keyframes zoomInRight{
    0%{
        opacity:0;
        -ms-transform:scale(0) translateX(50px)
    }
    100%{
        opacity:1;
        -ms-transform:scale(1) translateX(0)
    }
}
@-o-keyframes zoomInRight{
    0%{
        opacity:0;
        -o-transform:scale(0) translateX(50px)
    }
    100%{
        opacity:1;
        -o-transform:scale(1) translateX(0)
    }
}
@keyframes zoomInRight{
    0%{
        opacity:0;
        transform:scale(0) translateX(50px)
    }
    100%{
        opacity:1;
        transform:scale(1) translateX(0)
    }
}
.animate.zoomInRight{
    -webkit-animation-name:zoomInRight;
    -moz-animation-name:zoomInRight;
    -ms-animation-name:zoomInRight;
    -o-animation-name:zoomInRight;
    animation-name:zoomInRight
}
@-webkit-keyframes zoomInUpLarge{
    0%{
        opacity:0;
        -webkit-transform:scale(0) translateY(500px)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1) translateY(0)
    }
}
@-moz-keyframes zoomInUpLarge{
    0%{
        opacity:0;
        -moz-transform:scale(0) translateY(500px)
    }
    100%{
        opacity:1;
        -moz-transform:scale(1) translateY(0)
    }
}
@-ms-keyframes zoomInUpLarge{
    0%{
        opacity:0;
        -ms-transform:scale(0) translateY(500px)
    }
    100%{
        opacity:1;
        -ms-transform:scale(1) translateY(0)
    }
}
@-o-keyframes zoomInUpLarge{
    0%{
        opacity:0;
        -o-transform:scale(0) translateY(500px)
    }
    100%{
        opacity:1;
        -o-transform:scale(1) translateY(0)
    }
}
@keyframes zoomInUpLarge{
    0%{
        opacity:0;
        transform:scale(0) translateY(500px)
    }
    100%{
        opacity:1;
        transform:scale(1) translateY(0)
    }
}
.animate.zoomInUpLarge{
    -webkit-animation-name:zoomInUpLarge;
    -moz-animation-name:zoomInUpLarge;
    -ms-animation-name:zoomInUpLarge;
    -o-animation-name:zoomInUpLarge;
    animation-name:zoomInUpLarge
}
@-webkit-keyframes zoomInDownLarge{
    0%{
        opacity:0;
        -webkit-transform:scale(0) translateY(-500px)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1) translateY(0)
    }
}
@-moz-keyframes zoomInDownLarge{
    0%{
        opacity:0;
        -moz-transform:scale(0) translateY(-500px)
    }
    100%{
        opacity:1;
        -moz-transform:scale(1) translateY(0)
    }
}
@-ms-keyframes zoomInDownLarge{
    0%{
        opacity:0;
        -ms-transform:scale(0) translateY(-500px)
    }
    100%{
        opacity:1;
        -ms-transform:scale(1) translateY(0)
    }
}
@-o-keyframes zoomInDownLarge{
    0%{
        opacity:0;
        -o-transform:scale(0) translateY(-500px)
    }
    100%{
        opacity:1;
        -o-transform:scale(1) translateY(0)
    }
}
@keyframes zoomInDownLarge{
    0%{
        opacity:0;
        transform:scale(0) translateY(-500px)
    }
    100%{
        opacity:1;
        transform:scale(1) translateY(0)
    }
}
.animate.zoomInDownLarge{
    -webkit-animation-name:zoomInDownLarge;
    -moz-animation-name:zoomInDownLarge;
    -ms-animation-name:zoomInDownLarge;
    -o-animation-name:zoomInDownLarge;
    animation-name:zoomInDownLarge
}
@-webkit-keyframes zoomInLeftLarge{
    0%{
        opacity:0;
        -webkit-transform:scale(0) translateX(-500px)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1) translateX(0)
    }
}
@-moz-keyframes zoomInLeftLarge{
    0%{
        opacity:0;
        -moz-transform:scale(0) translateX(-500px)
    }
    100%{
        opacity:1;
        -moz-transform:scale(1) translateX(0)
    }
}
@-ms-keyframes zoomInLeftLarge{
    0%{
        opacity:0;
        -ms-transform:scale(0) translateX(-500px)
    }
    100%{
        opacity:1;
        -ms-transform:scale(1) translateX(0)
    }
}
@-o-keyframes zoomInLeftLarge{
    0%{
        opacity:0;
        -o-transform:scale(0) translateX(-500px)
    }
    100%{
        opacity:1;
        -o-transform:scale(1) translateX(0)
    }
}
@keyframes zoomInLeftLarge{
    0%{
        opacity:0;
        transform:scale(0) translateX(-500px)
    }
    100%{
        opacity:1;
        transform:scale(1) translateX(0)
    }
}
.animate.zoomInLeftLarge{
    -webkit-animation-name:zoomInLeftLarge;
    -moz-animation-name:zoomInLeftLarge;
    -ms-animation-name:zoomInLeftLarge;
    -o-animation-name:zoomInLeftLarge;
    animation-name:zoomInLeftLarge
}
@-webkit-keyframes zoomInRightLarge{
    0%{
        opacity:0;
        -webkit-transform:scale(0) translateX(500px)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1) translateX(0)
    }
}
@-moz-keyframes zoomInRightLarge{
    0%{
        opacity:0;
        -moz-transform:scale(0) translateX(500px)
    }
    100%{
        opacity:1;
        -moz-transform:scale(1) translateX(0)
    }
}
@-ms-keyframes zoomInRightLarge{
    0%{
        opacity:0;
        -ms-transform:scale(0) translateX(500px)
    }
    100%{
        opacity:1;
        -ms-transform:scale(1) translateX(0)
    }
}
@-o-keyframes zoomInRightLarge{
    0%{
        opacity:0;
        -o-transform:scale(0) translateX(500px)
    }
    100%{
        opacity:1;
        -o-transform:scale(1) translateX(0)
    }
}
@keyframes zoomInRightLarge{
    0%{
        opacity:0;
        transform:scale(0) translateX(500px)
    }
    100%{
        opacity:1;
        transform:scale(1) translateX(0)
    }
}
.animate.zoomInRightLarge{
    -webkit-animation-name:zoomInRightLarge;
    -moz-animation-name:zoomInRightLarge;
    -ms-animation-name:zoomInRightLarge;
    -o-animation-name:zoomInRightLarge;
    animation-name:zoomInRightLarge
}
@-webkit-keyframes zoomOut{
    0%{
        opacity:1;
        -webkit-transform:scale(1)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(0)
    }
}
@-moz-keyframes zoomOut{
    0%{
        opacity:1;
        -moz-transform:scale(1)
    }
    100%{
        opacity:0;
        -moz-transform:scale(0)
    }
}
@-ms-keyframes zoomOut{
    0%{
        opacity:1;
        -ms-transform:scale(1)
    }
    100%{
        opacity:0;
        -ms-transform:scale(0)
    }
}
@-o-keyframes zoomOut{
    0%{
        opacity:1;
        -o-transform:scale(1)
    }
    100%{
        opacity:0;
        -o-transform:scale(0)
    }
}
@keyframes zoomOut{
    0%{
        opacity:1;
        transform:scale(1)
    }
    100%{
        opacity:0;
        transform:scale(0)
    }
}
.animate.zoomOut{
    -webkit-animation-name:zoomOut;
    -moz-animation-name:zoomOut;
    -ms-animation-name:zoomOut;
    -o-animation-name:zoomOut;
    animation-name:zoomOut
}
@-webkit-keyframes zoomOutUp{
    0%{
        opacity:1;
        -webkit-transform:scale(1) translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(0) translateY(-50px)
    }
}
@-moz-keyframes zoomOutUp{
    0%{
        opacity:1;
        -moz-transform:scale(1) translateY(0)
    }
    100%{
        opacity:0;
        -moz-transform:scale(0) translateY(-50px)
    }
}
@-ms-keyframes zoomOutUp{
    0%{
        opacity:1;
        -ms-transform:scale(1) translateY(0)
    }
    100%{
        opacity:0;
        -ms-transform:scale(0) translateY(-50px)
    }
}
@-o-keyframes zoomOutUp{
    0%{
        opacity:1;
        -o-transform:scale(1) translateY(0)
    }
    100%{
        opacity:0;
        -o-transform:scale(0) translateY(-50px)
    }
}
@keyframes zoomOutUp{
    0%{
        opacity:1;
        transform:scale(1) translateY(0)
    }
    100%{
        opacity:0;
        transform:scale(0) translateY(-50px)
    }
}
.animate.zoomOutUp{
    -webkit-animation-name:zoomOutUp;
    -moz-animation-name:zoomOutUp;
    -ms-animation-name:zoomOutUp;
    -o-animation-name:zoomOutUp;
    animation-name:zoomOutUp
}
@-webkit-keyframes zoomOutDown{
    0%{
        opacity:1;
        -webkit-transform:scale(1) translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(0) translateY(50px)
    }
}
@-moz-keyframes zoomOutDown{
    0%{
        opacity:1;
        -moz-transform:scale(1) translateY(0)
    }
    100%{
        opacity:0;
        -moz-transform:scale(0) translateY(50px)
    }
}
@-ms-keyframes zoomOutDown{
    0%{
        opacity:1;
        -ms-transform:scale(1) translateY(0)
    }
    100%{
        opacity:0;
        -ms-transform:scale(0) translateY(50px)
    }
}
@-o-keyframes zoomOutDown{
    0%{
        opacity:1;
        -o-transform:scale(1) translateY(0)
    }
    100%{
        opacity:0;
        -o-transform:scale(0) translateY(50px)
    }
}
@keyframes zoomOutDown{
    0%{
        opacity:1;
        transform:scale(1) translateY(0)
    }
    100%{
        opacity:0;
        transform:scale(0) translateY(50px)
    }
}
.animate.zoomOutDown{
    -webkit-animation-name:zoomOutDown;
    -moz-animation-name:zoomOutDown;
    -ms-animation-name:zoomOutDown;
    -o-animation-name:zoomOutDown;
    animation-name:zoomOutDown
}
@-webkit-keyframes zoomOutLeft{
    0%{
        opacity:0;
        -webkit-transform:scale(0) translateX(0)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1) translateX(-50px)
    }
}
@-moz-keyframes zoomOutLeft{
    0%{
        opacity:0;
        -moz-transform:scale(0) translateX(0)
    }
    100%{
        opacity:1;
        -moz-transform:scale(1) translateX(-50px)
    }
}
@-ms-keyframes zoomOutLeft{
    0%{
        opacity:0;
        -ms-transform:scale(0) translateX(0)
    }
    100%{
        opacity:1;
        -ms-transform:scale(1) translateX(-50px)
    }
}
@-o-keyframes zoomOutLeft{
    0%{
        opacity:0;
        -o-transform:scale(0) translateX(0)
    }
    100%{
        opacity:1;
        -o-transform:scale(1) translateX(-50px)
    }
}
@keyframes zoomOutLeft{
    0%{
        opacity:0;
        transform:scale(0) translateX(0)
    }
    100%{
        opacity:1;
        transform:scale(1) translateX(-50px)
    }
}
.animate.zoomOutLeft{
    -webkit-animation-name:zoomOutLeft;
    -moz-animation-name:zoomOutLeft;
    -ms-animation-name:zoomOutLeft;
    -o-animation-name:zoomOutLeft;
    animation-name:zoomOutLeft
}
@-webkit-keyframes zoomOutRight{
    0%{
        opacity:0;
        -webkit-transform:scale(0) translateX(0)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1) translateX(50px)
    }
}
@-moz-keyframes zoomOutRight{
    0%{
        opacity:0;
        -moz-transform:scale(0) translateX(0)
    }
    100%{
        opacity:1;
        -moz-transform:scale(1) translateX(50px)
    }
}
@-ms-keyframes zoomOutRight{
    0%{
        opacity:0;
        -ms-transform:scale(0) translateX(0)
    }
    100%{
        opacity:1;
        -ms-transform:scale(1) translateX(50px)
    }
}
@-o-keyframes zoomOutRight{
    0%{
        opacity:0;
        -o-transform:scale(0) translateX(0)
    }
    100%{
        opacity:1;
        -o-transform:scale(1) translateX(50px)
    }
}
@keyframes zoomOutRight{
    0%{
        opacity:0;
        transform:scale(0) translateX(0)
    }
    100%{
        opacity:1;
        transform:scale(1) translateX(50px)
    }
}
.animate.zoomOutRight{
    -webkit-animation-name:zoomOutRight;
    -moz-animation-name:zoomOutRight;
    -ms-animation-name:zoomOutRight;
    -o-animation-name:zoomOutRight;
    animation-name:zoomOutRight
}
@-webkit-keyframes zoomOutUpLarge{
    0%{
        opacity:1;
        -webkit-transform:scale(1) translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(0) translateY(-500px)
    }
}
@-moz-keyframes zoomOutUpLarge{
    0%{
        opacity:1;
        -moz-transform:scale(1) translateY(0)
    }
    100%{
        opacity:0;
        -moz-transform:scale(0) translateY(-500px)
    }
}
@-ms-keyframes zoomOutUpLarge{
    0%{
        opacity:1;
        -ms-transform:scale(1) translateY(0)
    }
    100%{
        opacity:0;
        -ms-transform:scale(0) translateY(-500px)
    }
}
@-o-keyframes zoomOutUpLarge{
    0%{
        opacity:1;
        -o-transform:scale(1) translateY(0)
    }
    100%{
        opacity:0;
        -o-transform:scale(0) translateY(-500px)
    }
}
@keyframes zoomOutUpLarge{
    0%{
        opacity:1;
        transform:scale(1) translateY(0)
    }
    100%{
        opacity:0;
        transform:scale(0) translateY(-500px)
    }
}
.animate.zoomOutUpLarge{
    -webkit-animation-name:zoomOutUpLarge;
    -moz-animation-name:zoomOutUpLarge;
    -ms-animation-name:zoomOutUpLarge;
    -o-animation-name:zoomOutUpLarge;
    animation-name:zoomOutUpLarge
}
@-webkit-keyframes zoomOutDownLarge{
    0%{
        opacity:1;
        -webkit-transform:scale(1) translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(0) translateY(500px)
    }
}
@-moz-keyframes zoomOutDownLarge{
    0%{
        opacity:1;
        -moz-transform:scale(1) translateY(0)
    }
    100%{
        opacity:0;
        -moz-transform:scale(0) translateY(500px)
    }
}
@-ms-keyframes zoomOutDownLarge{
    0%{
        opacity:1;
        -ms-transform:scale(1) translateY(0)
    }
    100%{
        opacity:0;
        -ms-transform:scale(0) translateY(500px)
    }
}
@-o-keyframes zoomOutDownLarge{
    0%{
        opacity:1;
        -o-transform:scale(1) translateY(0)
    }
    100%{
        opacity:0;
        -o-transform:scale(0) translateY(500px)
    }
}
@keyframes zoomOutDownLarge{
    0%{
        opacity:1;
        transform:scale(1) translateY(0)
    }
    100%{
        opacity:0;
        transform:scale(0) translateY(500px)
    }
}
.animate.zoomOutDownLarge{
    -webkit-animation-name:zoomOutDownLarge;
    -moz-animation-name:zoomOutDownLarge;
    -ms-animation-name:zoomOutDownLarge;
    -o-animation-name:zoomOutDownLarge;
    animation-name:zoomOutDownLarge
}
@-webkit-keyframes zoomOutLeftLarge{
    0%{
        opacity:0;
        -webkit-transform:scale(0) translateX(0)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1) translateX(-500px)
    }
}
@-moz-keyframes zoomOutLeftLarge{
    0%{
        opacity:0;
        -moz-transform:scale(0) translateX(0)
    }
    100%{
        opacity:1;
        -moz-transform:scale(1) translateX(-500px)
    }
}
@-ms-keyframes zoomOutLeftLarge{
    0%{
        opacity:0;
        -ms-transform:scale(0) translateX(0)
    }
    100%{
        opacity:1;
        -ms-transform:scale(1) translateX(-500px)
    }
}
@-o-keyframes zoomOutLeftLarge{
    0%{
        opacity:0;
        -o-transform:scale(0) translateX(0)
    }
    100%{
        opacity:1;
        -o-transform:scale(1) translateX(-500px)
    }
}
@keyframes zoomOutLeftLarge{
    0%{
        opacity:0;
        transform:scale(0) translateX(0)
    }
    100%{
        opacity:1;
        transform:scale(1) translateX(-500px)
    }
}
.animate.zoomOutLeftLarge{
    -webkit-animation-name:zoomOutLeftLarge;
    -moz-animation-name:zoomOutLeftLarge;
    -ms-animation-name:zoomOutLeftLarge;
    -o-animation-name:zoomOutLeftLarge;
    animation-name:zoomOutLeftLarge
}
@-webkit-keyframes zoomOutRightLarge{
    0%{
        opacity:0;
        -webkit-transform:scale(0) translateX(0)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1) translateX(500px)
    }
}
@-moz-keyframes zoomOutRightLarge{
    0%{
        opacity:0;
        -moz-transform:scale(0) translateX(0)
    }
    100%{
        opacity:1;
        -moz-transform:scale(1) translateX(500px)
    }
}
@-ms-keyframes zoomOutRightLarge{
    0%{
        opacity:0;
        -ms-transform:scale(0) translateX(0)
    }
    100%{
        opacity:1;
        -ms-transform:scale(1) translateX(500px)
    }
}
@-o-keyframes zoomOutRightLarge{
    0%{
        opacity:0;
        -o-transform:scale(0) translateX(0)
    }
    100%{
        opacity:1;
        -o-transform:scale(1) translateX(500px)
    }
}
@keyframes zoomOutRightLarge{
    0%{
        opacity:0;
        transform:scale(0) translateX(0)
    }
    100%{
        opacity:1;
        transform:scale(1) translateX(500px)
    }
}
.animate.zoomOutRightLarge{
    -webkit-animation-name:zoomOutRightLarge;
    -moz-animation-name:zoomOutRightLarge;
    -ms-animation-name:zoomOutRightLarge;
    -o-animation-name:zoomOutRightLarge;
    animation-name:zoomOutRightLarge
}
@-webkit-keyframes bounceIn{
    0%{
        opacity:0;
        -webkit-transform:scale(0)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.1)
    }
    70%{
        opacity:1;
        -webkit-transform:scale(.9)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1)
    }
}
@-moz-keyframes bounceIn{
    0%{
        opacity:0;
        -moz-transform:scale(0)
    }
    50%{
        opacity:1;
        -moz-transform:scale(1.1)
    }
    70%{
        opacity:1;
        -moz-transform:scale(.9)
    }
    100%{
        opacity:1;
        -moz-transform:scale(1)
    }
}
@-ms-keyframes bounceIn{
    0%{
        opacity:0;
        -ms-transform:scale(0)
    }
    50%{
        opacity:1;
        -ms-transform:scale(1.1)
    }
    70%{
        opacity:1;
        -ms-transform:scale(.9)
    }
    100%{
        opacity:1;
        -ms-transform:scale(1)
    }
}
@-o-keyframes bounceIn{
    0%{
        opacity:0;
        -o-transform:scale(0)
    }
    50%{
        opacity:1;
        -o-transform:scale(1.1)
    }
    70%{
        opacity:1;
        -o-transform:scale(.9)
    }
    100%{
        opacity:1;
        -o-transform:scale(1)
    }
}
@keyframes bounceIn{
    0%{
        opacity:0;
        transform:scale(0)
    }
    50%{
        opacity:1;
        transform:scale(1.1)
    }
    70%{
        opacity:1;
        transform:scale(.9)
    }
    100%{
        opacity:1;
        transform:scale(1)
    }
}
.animate.bounceIn{
    -webkit-animation-name:bounceIn;
    -moz-animation-name:bounceIn;
    -ms-animation-name:bounceIn;
    -o-animation-name:bounceIn;
    animation-name:bounceIn
}
@-webkit-keyframes bounceInUp{
    0%{
        opacity:0;
        -webkit-transform:scale(0) translateY(50px)
    }
    60%{
        opacity:1;
        -webkit-transform:scale(1.1) translateY(-40px)
    }
    80%{
        opacity:1;
        -webkit-transform:scale(.9) translateY(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1) translateY(0)
    }
}
@-moz-keyframes bounceInUp{
    0%{
        opacity:0;
        -moz-transform:scale(0) translateY(50px)
    }
    60%{
        opacity:1;
        -moz-transform:scale(1.1) translateY(-40px)
    }
    80%{
        opacity:1;
        -moz-transform:scale(.9) translateY(20px)
    }
    100%{
        opacity:1;
        -moz-transform:scale(1) translateY(0)
    }
}
@-ms-keyframes bounceInUp{
    0%{
        opacity:0;
        -ms-transform:scale(0) translateY(50px)
    }
    60%{
        opacity:1;
        -ms-transform:scale(1.1) translateY(-40px)
    }
    80%{
        opacity:1;
        -ms-transform:scale(.9) translateY(20px)
    }
    100%{
        opacity:1;
        -ms-transform:scale(1) translateY(0)
    }
}
@-o-keyframes bounceInUp{
    0%{
        opacity:0;
        -o-transform:scale(0) translateY(50px)
    }
    60%{
        opacity:1;
        -o-transform:scale(1.1) translateY(-40px)
    }
    80%{
        opacity:1;
        -o-transform:scale(.9) translateY(20px)
    }
    100%{
        opacity:1;
        -o-transform:scale(1) translateY(0)
    }
}
@keyframes bounceInUp{
    0%{
        opacity:0;
        transform:scale(0) translateY(50px)
    }
    60%{
        opacity:1;
        transform:scale(1.1) translateY(-40px)
    }
    80%{
        opacity:1;
        transform:scale(.9) translateY(20px)
    }
    100%{
        opacity:1;
        transform:scale(1) translateY(0)
    }
}
.animate.bounceInUp{
    -webkit-animation-name:bounceInUp;
    -moz-animation-name:bounceInUp;
    -ms-animation-name:bounceInUp;
    -o-animation-name:bounceInUp;
    animation-name:bounceInUp
}
@-webkit-keyframes bounceInDown{
    0%{
        opacity:0;
        -webkit-transform:scale(0) translateY(-50px)
    }
    60%{
        opacity:1;
        -webkit-transform:scale(1.1) translateY(40px)
    }
    80%{
        opacity:1;
        -webkit-transform:scale(.9) translateY(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1) translateY(0)
    }
}
@-moz-keyframes bounceInDown{
    0%{
        opacity:0;
        -moz-transform:scale(0) translateY(-50px)
    }
    60%{
        opacity:1;
        -moz-transform:scale(1.1) translateY(40px)
    }
    80%{
        opacity:1;
        -moz-transform:scale(.9) translateY(-20px)
    }
    100%{
        opacity:1;
        -moz-transform:scale(1) translateY(0)
    }
}
@-ms-keyframes bounceInDown{
    0%{
        opacity:0;
        -ms-transform:scale(0) translateY(-50px)
    }
    60%{
        opacity:1;
        -ms-transform:scale(1.1) translateY(40px)
    }
    80%{
        opacity:1;
        -ms-transform:scale(.9) translateY(-20px)
    }
    100%{
        opacity:1;
        -ms-transform:scale(1) translateY(0)
    }
}
@-o-keyframes bounceInDown{
    0%{
        opacity:0;
        -o-transform:scale(0) translateY(-50px)
    }
    60%{
        opacity:1;
        -o-transform:scale(1.1) translateY(40px)
    }
    80%{
        opacity:1;
        -o-transform:scale(.9) translateY(-20px)
    }
    100%{
        opacity:1;
        -o-transform:scale(1) translateY(0)
    }
}
@keyframes bounceInDown{
    0%{
        opacity:0;
        transform:scale(0) translateY(-50px)
    }
    60%{
        opacity:1;
        transform:scale(1.1) translateY(40px)
    }
    80%{
        opacity:1;
        transform:scale(.9) translateY(-20px)
    }
    100%{
        opacity:1;
        transform:scale(1) translateY(0)
    }
}
.animate.bounceInDown{
    -webkit-animation-name:bounceInDown;
    -moz-animation-name:bounceInDown;
    -ms-animation-name:bounceInDown;
    -o-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft{
    0%{
        opacity:0;
        -webkit-transform:scale(0) translateX(-50px)
    }
    60%{
        opacity:1;
        -webkit-transform:scale(1.1) translateX(40px)
    }
    80%{
        opacity:1;
        -webkit-transform:scale(.9) translateX(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1) translateX(0)
    }
}
@-moz-keyframes bounceInLeft{
    0%{
        opacity:0;
        -moz-transform:scale(0) translateX(-50px)
    }
    60%{
        opacity:1;
        -moz-transform:scale(1.1) translateX(40px)
    }
    80%{
        opacity:1;
        -moz-transform:scale(.9) translateX(-20px)
    }
    100%{
        opacity:1;
        -moz-transform:scale(1) translateX(0)
    }
}
@-ms-keyframes bounceInLeft{
    0%{
        opacity:0;
        -ms-transform:scale(0) translateX(-50px)
    }
    60%{
        opacity:1;
        -ms-transform:scale(1.1) translateX(40px)
    }
    80%{
        opacity:1;
        -ms-transform:scale(.9) translateX(-20px)
    }
    100%{
        opacity:1;
        -ms-transform:scale(1) translateX(0)
    }
}
@-o-keyframes bounceInLeft{
    0%{
        opacity:0;
        -o-transform:scale(0) translateX(-50px)
    }
    60%{
        opacity:1;
        -o-transform:scale(1.1) translateX(40px)
    }
    80%{
        opacity:1;
        -o-transform:scale(.9) translateX(-20px)
    }
    100%{
        opacity:1;
        -o-transform:scale(1) translateX(0)
    }
}
@keyframes bounceInLeft{
    0%{
        opacity:0;
        transform:scale(0) translateX(-50px)
    }
    60%{
        opacity:1;
        transform:scale(1.1) translateX(40px)
    }
    80%{
        opacity:1;
        transform:scale(.9) translateX(-20px)
    }
    100%{
        opacity:1;
        transform:scale(1) translateX(0)
    }
}
.animate.bounceInLeft{
    -webkit-animation-name:bounceInLeft;
    -moz-animation-name:bounceInLeft;
    -ms-animation-name:bounceInLeft;
    -o-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight{
    0%{
        opacity:0;
        -webkit-transform:scale(0) translateX(50px)
    }
    60%{
        opacity:1;
        -webkit-transform:scale(1.1) translateX(-40px)
    }
    80%{
        opacity:1;
        -webkit-transform:scale(.9) translateX(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1) translateX(0)
    }
}
@-moz-keyframes bounceInRight{
    0%{
        opacity:0;
        -moz-transform:scale(0) translateX(50px)
    }
    60%{
        opacity:1;
        -moz-transform:scale(1.1) translateX(-40px)
    }
    80%{
        opacity:1;
        -moz-transform:scale(.9) translateX(20px)
    }
    100%{
        opacity:1;
        -moz-transform:scale(1) translateX(0)
    }
}
@-ms-keyframes bounceInRight{
    0%{
        opacity:0;
        -ms-transform:scale(0) translateX(50px)
    }
    60%{
        opacity:1;
        -ms-transform:scale(1.1) translateX(-40px)
    }
    80%{
        opacity:1;
        -ms-transform:scale(.9) translateX(20px)
    }
    100%{
        opacity:1;
        -ms-transform:scale(1) translateX(0)
    }
}
@-o-keyframes bounceInRight{
    0%{
        opacity:0;
        -o-transform:scale(0) translateX(50px)
    }
    60%{
        opacity:1;
        -o-transform:scale(1.1) translateX(-40px)
    }
    80%{
        opacity:1;
        -o-transform:scale(.9) translateX(20px)
    }
    100%{
        opacity:1;
        -o-transform:scale(1) translateX(0)
    }
}
@keyframes bounceInRight{
    0%{
        opacity:0;
        transform:scale(0) translateX(50px)
    }
    60%{
        opacity:1;
        transform:scale(1.1) translateX(-40px)
    }
    80%{
        opacity:1;
        transform:scale(.9) translateX(20px)
    }
    100%{
        opacity:1;
        transform:scale(1) translateX(0)
    }
}
.animate.bounceInRight{
    -webkit-animation-name:bounceInRight;
    -moz-animation-name:bounceInRight;
    -ms-animation-name:bounceInRight;
    -o-animation-name:bounceInRight;
    animation-name:bounceInRight
}
@-webkit-keyframes bounceOut{
    0%{
        opacity:1;
        -webkit-transform:scale(1)
    }
    30%{
        opacity:1;
        -webkit-transform:scale(1.1)
    }
    50%{
        opacity:0;
        -webkit-transform:scale(.9)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(0)
    }
}
@-moz-keyframes bounceOut{
    0%{
        opacity:1;
        -moz-transform:scale(1)
    }
    30%{
        opacity:1;
        -moz-transform:scale(1.1)
    }
    50%{
        opacity:0;
        -moz-transform:scale(.9)
    }
    100%{
        opacity:0;
        -moz-transform:scale(0)
    }
}
@-ms-keyframes bounceOut{
    0%{
        opacity:1;
        -ms-transform:scale(1)
    }
    30%{
        opacity:1;
        -ms-transform:scale(1.1)
    }
    50%{
        opacity:0;
        -ms-transform:scale(.9)
    }
    100%{
        opacity:0;
        -ms-transform:scale(0)
    }
}
@-o-keyframes bounceOut{
    0%{
        opacity:1;
        -o-transform:scale(1)
    }
    30%{
        opacity:1;
        -o-transform:scale(1.1)
    }
    50%{
        opacity:0;
        -o-transform:scale(.9)
    }
    100%{
        opacity:0;
        -o-transform:scale(0)
    }
}
@keyframes bounceOut{
    0%{
        opacity:1;
        transform:scale(1)
    }
    30%{
        opacity:1;
        transform:scale(1.1)
    }
    50%{
        opacity:0;
        transform:scale(.9)
    }
    100%{
        opacity:0;
        transform:scale(0)
    }
}
.animate.bounceOut{
    -webkit-animation-name:bounceOut;
    -moz-animation-name:bounceOut;
    -ms-animation-name:bounceOut;
    -o-animation-name:bounceOut;
    animation-name:bounceOut
}
@-webkit-keyframes bounceOutUp{
    0%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(40px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-50px)
    }
}
@-moz-keyframes bounceOutUp{
    0%{
        opacity:1;
        -moz-transform:translateY(0)
    }
    20%{
        opacity:1;
        -moz-transform:translateY(40px)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(-50px)
    }
}
@-ms-keyframes bounceOutUp{
    0%{
        opacity:1;
        -ms-transform:translateY(0)
    }
    20%{
        opacity:1;
        -ms-transform:translateY(40px)
    }
    100%{
        opacity:0;
        -ms-transform:translateY(-50px)
    }
}
@-o-keyframes bounceOutUp{
    0%{
        opacity:1;
        -o-transform:translateY(0)
    }
    20%{
        opacity:1;
        -o-transform:translateY(40px)
    }
    100%{
        opacity:0;
        -o-transform:translateY(-50px)
    }
}
@keyframes bounceOutUp{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    20%{
        opacity:1;
        transform:translateY(40px)
    }
    100%{
        opacity:0;
        transform:translateY(-50px)
    }
}
.animate.bounceOutUp{
    -webkit-animation-name:bounceOutUp;
    -moz-animation-name:bounceOutUp;
    -ms-animation-name:bounceOutUp;
    -o-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
@-webkit-keyframes bounceOutDown{
    0%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(-40px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(50px)
    }
}
@-moz-keyframes bounceOutDown{
    0%{
        opacity:1;
        -moz-transform:translateY(0)
    }
    20%{
        opacity:1;
        -moz-transform:translateY(-40px)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(50px)
    }
}
@-ms-keyframes bounceOutDown{
    0%{
        opacity:1;
        -ms-transform:translateY(0)
    }
    20%{
        opacity:1;
        -ms-transform:translateY(-40px)
    }
    100%{
        opacity:0;
        -ms-transform:translateY(50px)
    }
}
@-o-keyframes bounceOutDown{
    0%{
        opacity:1;
        -o-transform:translateY(0)
    }
    20%{
        opacity:1;
        -o-transform:translateY(-40px)
    }
    100%{
        opacity:0;
        -o-transform:translateY(50px)
    }
}
@keyframes bounceOutDown{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    20%{
        opacity:1;
        transform:translateY(-40px)
    }
    100%{
        opacity:0;
        transform:translateY(50px)
    }
}
.animate.bounceOutDown{
    -webkit-animation-name:bounceOutDown;
    -moz-animation-name:bounceOutDown;
    -ms-animation-name:bounceOutDown;
    -o-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft{
    0%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(40px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-50px)
    }
}
@-moz-keyframes bounceOutLeft{
    0%{
        opacity:1;
        -moz-transform:translateX(0)
    }
    20%{
        opacity:1;
        -moz-transform:translateX(40px)
    }
    100%{
        opacity:0;
        -moz-transform:translateX(-50px)
    }
}
@-ms-keyframes bounceOutLeft{
    0%{
        opacity:1;
        -ms-transform:translateX(0)
    }
    20%{
        opacity:1;
        -ms-transform:translateX(40px)
    }
    100%{
        opacity:0;
        -ms-transform:translateX(-50px)
    }
}
@-o-keyframes bounceOutLeft{
    0%{
        opacity:1;
        -o-transform:translateX(0)
    }
    20%{
        opacity:1;
        -o-transform:translateX(40px)
    }
    100%{
        opacity:0;
        -o-transform:translateX(-50px)
    }
}
@keyframes bounceOutLeft{
    0%{
        opacity:1;
        transform:translateX(0)
    }
    20%{
        opacity:1;
        transform:translateX(40px)
    }
    100%{
        opacity:0;
        transform:translateX(-50px)
    }
}
.animate.bounceOutLeft{
    -webkit-animation-name:bounceOutLeft;
    -moz-animation-name:bounceOutLeft;
    -ms-animation-name:bounceOutLeft;
    -o-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight{
    0%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(-40px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(50px)
    }
}
@-moz-keyframes bounceOutRight{
    0%{
        opacity:1;
        -moz-transform:translateX(0)
    }
    20%{
        opacity:1;
        -moz-transform:translateX(-40px)
    }
    100%{
        opacity:0;
        -moz-transform:translateX(50px)
    }
}
@-ms-keyframes bounceOutRight{
    0%{
        opacity:1;
        -ms-transform:translateX(0)
    }
    20%{
        opacity:1;
        -ms-transform:translateX(-40px)
    }
    100%{
        opacity:0;
        -ms-transform:translateX(50px)
    }
}
@-o-keyframes bounceOutRight{
    0%{
        opacity:1;
        -o-transform:translateX(0)
    }
    20%{
        opacity:1;
        -o-transform:translateX(-40px)
    }
    100%{
        opacity:0;
        -o-transform:translateX(50px)
    }
}
@keyframes bounceOutRight{
    0%{
        opacity:1;
        transform:translateX(0)
    }
    20%{
        opacity:1;
        transform:translateX(-40px)
    }
    100%{
        opacity:0;
        transform:translateX(50px)
    }
}
.animate.bounceOutRight{
    -webkit-animation-name:bounceOutRight;
    -moz-animation-name:bounceOutRight;
    -ms-animation-name:bounceOutRight;
    -o-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}
@-webkit-keyframes flash{
    0%,100%,50%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@-moz-keyframes flash{
    0%,100%,50%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@-ms-keyframes flash{
    0%,100%,50%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@-o-keyframes flash{
    0%,100%,50%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@keyframes flash{
    0%,100%,50%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.hover-flash:hover,.trigger.flash{
    -webkit-animation-name:flash;
    -moz-animation-name:flash;
    -ms-animation-name:flash;
    -o-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes strobe{
    0%,100%,20%,40%,60%,80%{
        opacity:1
    }
    10%,30%,50%,70%,90%{
        opacity:0
    }
}
@-moz-keyframes strobe{
    0%,100%,20%,40%,60%,80%{
        opacity:1
    }
    10%,30%,50%,70%,90%{
        opacity:0
    }
}
@-ms-keyframes strobe{
    0%,100%,20%,40%,60%,80%{
        opacity:1
    }
    10%,30%,50%,70%,90%{
        opacity:0
    }
}
@-o-keyframes strobe{
    0%,100%,20%,40%,60%,80%{
        opacity:1
    }
    10%,30%,50%,70%,90%{
        opacity:0
    }
}
@keyframes strobe{
    0%,100%,20%,40%,60%,80%{
        opacity:1
    }
    10%,30%,50%,70%,90%{
        opacity:0
    }
}
.hover-strobe:hover,.trigger.strobe{
    -webkit-animation-name:strobe;
    -moz-animation-name:strobe;
    -ms-animation-name:strobe;
    -o-animation-name:strobe;
    animation-name:strobe
}
@-webkit-keyframes shakeH{
    0%,100%{
        -webkit-transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translateX(-10px)
    }
    20%,40%,60%,80%{

        -webkit-transform:translateX(10px)
    }
}
@-moz-keyframes shakeH{
    0%,100%{
        -moz-transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        -moz-transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        -moz-transform:translateX(10px)
    }
}
@-ms-keyframes shakeH{
    0%,100%{
        -ms-transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        -ms-transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        -ms-transform:translateX(10px)
    }
}
@-o-keyframes shakeH{
    0%,100%{
        -o-transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        -o-transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        -o-transform:translateX(10px)
    }
}
@keyframes shakeH{
    0%,100%{
        transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        transform:translateX(10px)
    }
}
.hover-shakeH:hover,.trigger.shakeH{
    -webkit-animation-name:shakeH;
    -moz-animation-name:shakeH;
    -ms-animation-name:shakeH;
    -o-animation-name:shakeH;
    animation-name:shakeH
}
@-webkit-keyframes shakeV{
    0%,100%{
        -webkit-transform:translateY(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translateY(-10px)
    }
    20%,40%,60%,80%{
        -webkit-transform:translateY(10px)
    }
}
@-moz-keyframes shakeV{
    0%,100%{
        -moz-transform:translateY(0)
    }
    10%,30%,50%,70%,90%{
        -moz-transform:translateY(-10px)
    }
    20%,40%,60%,80%{
        -moz-transform:translateY(10px)
    }
}
@-ms-keyframes shakeV{
    0%,100%{
        -ms-transform:translateY(0)
    }
    10%,30%,50%,70%,90%{
        -ms-transform:translateY(-10px)
    }
    20%,40%,60%,80%{
        -ms-transform:translateY(10px)
    }
}
@-o-keyframes shakeV{
    0%,100%{
        -o-transform:translateY(0)
    }
    10%,30%,50%,70%,90%{
        -o-transform:translateY(-10px)
    }
    20%,40%,60%,80%{
        -o-transform:translateY(10px)
    }
}
@keyframes shakeV{
    0%,100%{
        transform:translateY(0)
    }
    10%,30%,50%,70%,90%{
        transform:translateY(-10px)
    }
    20%,40%,60%,80%{
        transform:translateY(10px)
    }
}
.hover-shakeV:hover,.trigger.shakeV{
    -webkit-animation-name:shakeV;
    -moz-animation-name:shakeV;
    -ms-animation-name:shakeV;
    -o-animation-name:shakeV;
    animation-name:shakeV
}
@-webkit-keyframes bounce{
    0%,100%,20%,50%,80%{
        -webkit-transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-30px)
    }
    60%{
        -webkit-transform:translateY(-15px)
    }
}
@-moz-keyframes bounce{
    0%,100%,20%,50%,80%{
        -moz-transform:translateY(0)
    }
    40%{
        -moz-transform:translateY(-30px)
    }
    60%{
        -moz-transform:translateY(-15px)
    }
}
@-ms-keyframes bounce{
    0%,100%,20%,50%,80%{
        -ms-transform:translateY(0)
    }
    40%{
        -ms-transform:translateY(-30px)
    }
    60%{
        -ms-transform:translateY(-15px)
    }
}
@-o-keyframes bounce{
    0%,100%,20%,50%,80%{
        -o-transform:translateY(0)
    }
    40%{
        -o-transform:translateY(-30px)
    }
    60%{
        -o-transform:translateY(-15px)
    }
}
@keyframes bounce{
    0%,100%,20%,50%,80%{
        transform:translateY(0)
    }
    40%{
        transform:translateY(-30px)
    }
    60%{
        transform:translateY(-15px)
    }
}
.hover-bounce:hover,.trigger.bounce{
    -webkit-animation-name:bounce;
    -moz-animation-name:bounce;
    -ms-animation-name:bounce;
    -o-animation-name:bounce;
    animation-name:bounce
}
@-webkit-keyframes tada{
    0%,100%{
        -webkit-transform:scale(1) rotate(0)
    }
    10%,20%{
        -webkit-transform:scale(0.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale(1.1) rotate(-3deg)
    }
}
@-moz-keyframes tada{
    0%,100%{
        -moz-transform:scale(1) rotate(0)
    }
    10%,20%{
        -moz-transform:scale(0.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -moz-transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        -moz-transform:scale(1.1) rotate(-3deg)
    }
}
@-ms-keyframes tada{
    0%,100%{
        -ms-transform:scale(1) rotate(0)
    }
    10%,20%{
        -ms-transform:scale(0.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -ms-transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        -ms-transform:scale(1.1) rotate(-3deg)
    }
}
@-o-keyframes tada{
    0%,100%{
        -o-transform:scale(1) rotate(0)
    }
    10%,20%{
        -o-transform:scale(0.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -o-transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        -o-transform:scale(1.1) rotate(-3deg)
    }
}
@keyframes tada{
    0%,100%{
        transform:scale(1) rotate(0)
    }
    10%,20%{
        transform:scale(0.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        transform:scale(1.1) rotate(-3deg)
    }
}
.hover-tada:hover,.trigger.tada{
    -webkit-animation-name:tada;
    -moz-animation-name:tada;
    -ms-animation-name:tada;
    -o-animation-name:tada;
    animation-name:tada
}
@-webkit-keyframes wave{
    20%{
        -webkit-transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg)
    }
    100%{
        -webkit-transform:rotate(0deg)
    }
}
@-moz-keyframes wave{
    20%{
        -moz-transform:rotate(15deg)
    }
    40%{
        -moz-transform:rotate(-10deg)
    }
    60%{
        -moz-transform:rotate(5deg)
    }
    80%{
        -moz-transform:rotate(-5deg)
    }
    100%{
        -moz-transform:rotate(0deg)
    }
}
@-ms-keyframes wave{
    20%{
        -ms-transform:rotate(15deg)
    }
    40%{
        -ms-transform:rotate(-10deg)
    }
    60%{
        -ms-transform:rotate(5deg)
    }
    80%{
        -ms-transform:rotate(-5deg)
    }
    100%{
        -ms-transform:rotate(0deg)
    }
}
@-o-keyframes wave{
    20%{
        -o-transform:rotate(15deg)
    }
    40%{
        -o-transform:rotate(-10deg)
    }
    60%{
        -o-transform:rotate(5deg)
    }
    80%{
        -o-transform:rotate(-5deg)
    }
    100%{
        -o-transform:rotate(0deg)
    }
}
@keyframes wave{
    20%{
        transform:rotate(15deg)
    }
    40%{
        transform:rotate(-10deg)
    }
    60%{
        transform:rotate(5deg)
    }
    80%{
        transform:rotate(-5deg)
    }
    100%{
        transform:rotate(0deg)
    }
}
.hover-wave:hover{
    -webkit-animation-name:wave;
    -moz-animation-name:wave;
    -ms-animation-name:wave;
    -o-animation-name:wave;
    animation-name:wave
}
@-webkit-keyframes spinCW{
    0%{
        -webkit-transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@-moz-keyframes spinCW{
    0%{
        -moz-transform:rotate(0deg)
    }
    100%{
        -moz-transform:rotate(360deg)
    }
}
@-ms-keyframes spinCW{
    0%{
        -ms-transform:rotate(0deg)
    }
    100%{
        -ms-transform:rotate(360deg)
    }
}
@-o-keyframes spinCW{
    0%{
        -o-transform:rotate(0deg)
    }
    100%{
        -o-transform:rotate(360deg)
    }
}
@keyframes spinCW{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
.hover-spinCW:hover,.trigger.spinCW{
    -webkit-animation-name:spinCW;
    -moz-animation-name:spinCW;
    -ms-animation-name:spinCW;
    -o-animation-name:spinCW;
    animation-name:spinCW
}
@-webkit-keyframes spinCCW{
    0%{
        -webkit-transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(-360deg)
    }
}
@-moz-keyframes spinCCW{
    0%{
        -moz-transform:rotate(0deg)
    }
    100%{
        -moz-transform:rotate(-360deg)
    }
}
@-ms-keyframes spinCCW{
    0%{
        -ms-transform:rotate(0deg)
    }
    100%{
        -ms-transform:rotate(-360deg)
    }
}
@-o-keyframes spinCCW{
    0%{
        -o-transform:rotate(0deg)
    }
    100%{
        -o-transform:rotate(-360deg)
    }
}
@keyframes spinCCW{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(-360deg)
    }
}
.hover-spinCCW:hover,.trigger.spinCCW{
    -webkit-animation-name:spinCCW;
    -moz-animation-name:spinCCW;
    -ms-animation-name:spinCCW;
    -o-animation-name:spinCCW;
    animation-name:spinCCW
}
@-webkit-keyframes slingshotCW{
    0%{
        -webkit-transform:rotate(0deg)
    }
    20%,30%{
        -webkit-transform:rotate(-45deg)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@-moz-keyframes slingshotCW{
    0%{
        -moz-transform:rotate(0deg)
    }
    20%,30%{
        -moz-transform:rotate(-45deg)
    }
    100%{
        -moz-transform:rotate(360deg)
    }
}
@-ms-keyframes slingshotCW{
    0%{
        -ms-transform:rotate(0deg)
    }
    20%,30%{
        -ms-transform:rotate(-45deg)
    }
    100%{
        -ms-transform:rotate(360deg)
    }
}
@-o-keyframes slingshotCW{
    0%{
        -o-transform:rotate(0deg)
    }
    20%,30%{
        -o-transform:rotate(-45deg)
    }
    100%{
        -o-transform:rotate(360deg)
    }
}
@keyframes slingshotCW{
    0%{
        transform:rotate(0deg)
    }
    20%,30%{
        transform:rotate(-45deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
.hover-slingshotCW:hover,.trigger.slingshotCW{
    -webkit-animation-name:slingshotCW;
    -moz-animation-name:slingshotCW;
    -ms-animation-name:slingshotCW;
    -o-animation-name:slingshotCW;
    animation-name:slingshotCW
}
@-webkit-keyframes slingshotCCW{
    0%{
        -webkit-transform:rotate(0deg)
    }
    20%,30%{
        -webkit-transform:rotate(45deg)
    }
    100%{
        -webkit-transform:rotate(-360deg)
    }
}
@-moz-keyframes slingshotCCW{
    0%{
        -moz-transform:rotate(0deg)
    }
    20%,30%{
        -moz-transform:rotate(45deg)
    }
    100%{
        -moz-transform:rotate(-360deg)
    }
}
@-ms-keyframes slingshotCCW{
    0%{
        -ms-transform:rotate(0deg)
    }
    20%,30%{
        -ms-transform:rotate(45deg)
    }
    100%{
        -ms-transform:rotate(-360deg)
    }
}
@-o-keyframes slingshotCCW{
    0%{
        -o-transform:rotate(0deg)
    }
    20%,30%{
        -o-transform:rotate(45deg)
    }
    100%{
        -o-transform:rotate(-360deg)
    }
}
@keyframes slingshotCCW{
    0%{
        transform:rotate(0deg)
    }
    20%,30%{
        transform:rotate(45deg)
    }
    100%{
        transform:rotate(-360deg)
    }
}
.hover-slingshotCCW:hover,.trigger.slingshotCCW{
    -webkit-animation-name:slingshotCCW;
    -moz-animation-name:slingshotCCW;
    -ms-animation-name:slingshotCCW;
    -o-animation-name:slingshotCCW;
    animation-name:slingshotCCW
}
@-webkit-keyframes wobble{
    0%{
        -webkit-transform:translateX(0px)
    }
    15%{
        -webkit-transform:translateX(-25px) rotate(-5deg)
    }
    30%{
        -webkit-transform:translateX(20px) rotate(3deg)
    }
    45%{
        -webkit-transform:translateX(-15px) rotate(-3deg)
    }
    60%{
        -webkit-transform:translateX(10px) rotate(2deg)
    }
    75%{
        -webkit-transform:translateX(-5px) rotate(-1deg)
    }
    100%{
        -webkit-transform:translateX(0px)
    }
}
@-moz-keyframes wobble{
    0%{
        -moz-transform:translateX(0px)
    }
    15%{
        -moz-transform:translateX(-25px) rotate(-5deg)
    }
    30%{
        -moz-transform:translateX(20px) rotate(3deg)
    }
    45%{
        -moz-transform:translateX(-15px) rotate(-3deg)
    }
    60%{
        -moz-transform:translateX(10px) rotate(2deg)
    }
    75%{
        -moz-transform:translateX(-5px) rotate(-1deg)
    }
    100%{
        -moz-transform:translateX(0px)
    }
}
@-ms-keyframes wobble{
    0%{
        -ms-transform:translateX(0px)
    }
    15%{
        -ms-transform:translateX(-25px) rotate(-5deg)
    }
    30%{
        -ms-transform:translateX(20px) rotate(3deg)
    }
    45%{
        -ms-transform:translateX(-15px) rotate(-3deg)
    }
    60%{
        -ms-transform:translateX(10px) rotate(2deg)
    }
    75%{
        -ms-transform:translateX(-5px) rotate(-1deg)
    }
    100%{
        -ms-transform:translateX(0px)
    }
}
@-o-keyframes wobble{
    0%{
        -o-transform:translateX(0px)
    }
    15%{
        -o-transform:translateX(-25px) rotate(-5deg)
    }
    30%{
        -o-transform:translateX(20px) rotate(3deg)
    }
    45%{
        -o-transform:translateX(-15px) rotate(-3deg)
    }
    60%{
        -o-transform:translateX(10px) rotate(2deg)
    }
    75%{
        -o-transform:translateX(-5px) rotate(-1deg)
    }
    100%{
        -o-transform:translateX(0px)
    }
}
@keyframes wobble{
    0%{
        transform:translateX(0px)
    }
    15%{
        transform:translateX(-25px) rotate(-5deg)
    }
    30%{
        transform:translateX(20px) rotate(3deg)
    }
    45%{
        transform:translateX(-15px) rotate(-3deg)
    }
    60%{
        transform:translateX(10px) rotate(2deg)
    }
    75%{
        transform:translateX(-5px) rotate(-1deg)
    }
    100%{
        transform:translateX(0px)
    }
}
.hover-wobble:hover,.trigger.wobble{
    -webkit-animation-name:wobble;
    -moz-animation-name:wobble;
    -ms-animation-name:wobble;
    -o-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes pulse{
    0%,100%{
        -webkit-transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.1)
    }
}
@-moz-keyframes pulse{
    0%,100%{
        -moz-transform:scale(1)
    }
    50%{
        -moz-transform:scale(1.1)
    }
}
@-ms-keyframes pulse{
    0%,100%{
        -ms-transform:scale(1)
    }
    50%{
        -ms-transform:scale(1.1)
    }
}
@-o-keyframes pulse{
    0%,100%{
        -o-transform:scale(1)
    }
    50%{
        -o-transform:scale(1.1)
    }
}
@keyframes pulse{
    0%,100%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.1)
    }
}
.hover-pulse:hover,.trigger.pulse{
    -webkit-animation-name:pulse;
    -moz-animation-name:pulse;
    -ms-animation-name:pulse;
    -o-animation-name:pulse;
    animation-name:pulse
}
@-webkit-keyframes pulsate{
    0%,100%,50%{
        -webkit-transform:scale(1)
    }
    25%,75%{
        -webkit-transform:scale(1.1)
    }
}
@-moz-keyframes pulsate{
    0%,100%,50%{
        -moz-transform:scale(1)
    }
    25%,75%{
        -moz-transform:scale(1.1)
    }
}
@-ms-keyframes pulsate{
    0%,100%,50%{
        -ms-transform:scale(1)
    }
    25%,75%{
        -ms-transform:scale(1.1)
    }
}
@-o-keyframes pulsate{
    0%,100%,50%{
        -o-transform:scale(1)
    }
    25%,75%{
        -o-transform:scale(1.1)
    }
}
@keyframes pulsate{
    0%,100%,50%{
        transform:scale(1)
    }
    25%,75%{
        transform:scale(1.1)
    }
}
.hover-pulsate:hover,.trigger.pulsate{
    -webkit-animation-name:pulsate;
    -moz-animation-name:pulsate;
    -ms-animation-name:pulsate;
    -o-animation-name:pulsate;
    animation-name:pulsate
}
@-webkit-keyframes heartbeat{
    0%,30%,50%,60%,80%{
        -webkit-transform:scale(1)
    }
    40%,70%{
        -webkit-transform:scale(1.1)
    }
}
@-moz-keyframes heartbeat{
    0%,30%,50%,60%,80%{
        -moz-transform:scale(1)
    }
    40%,70%{
        -moz-transform:scale(1.1)
    }
}
@-ms-keyframes heartbeat{
    0%,30%,50%,60%,80%{
        -ms-transform:scale(1)
    }
    40%,70%{
        -ms-transform:scale(1.1)
    }
}
@-o-keyframes heartbeat{
    0%,30%,50%,60%,80%{
        -o-transform:scale(1)
    }
    40%,70%{
        -o-transform:scale(1.1)
    }
}
@keyframes heartbeat{
    0%,30%,50%,60%,80%{
        transform:scale(1)
    }
    40%,70%{
        transform:scale(1.1)
    }
}
.hover-heartbeat:hover,.trigger.heartbeat{
    -webkit-animation-name:heartbeat;
    -moz-animation-name:heartbeat;
    -ms-animation-name:heartbeat;
    -o-animation-name:heartbeat;
    animation-name:heartbeat
}
@-webkit-keyframes panic{
    0%,100%{
        -webkit-transform:scale(1) rotate(0)
    }
    10%,60%{
        -webkit-transform:scale(1.1) rotate(-3deg)
    }
    20%,40%{
        -webkit-transform:scale(1) rotate(-3deg)
    }
    30%{
        -webkit-transform:scale(1.1) rotate(3deg)
    }
    50%,70%,90%{
        -webkit-transform:scale(1) rotate(3deg)
    }
    80%{
        -webkit-transform:scale(1.1) rotate(-3deg)
    }
}
@-moz-keyframes panic{
    0%,100%{
        -moz-transform:scale(1) rotate(0)
    }
    10%,60%{
        -moz-transform:scale(1.1) rotate(-3deg)
    }
    20%,40%{
        -moz-transform:scale(1) rotate(-3deg)
    }
    30%{
        -moz-transform:scale(1.1) rotate(3deg)
    }
    50%,70%,90%{
        -moz-transform:scale(1) rotate(3deg)
    }
    80%{
        -moz-transform:scale(1.1) rotate(-3deg)
    }
}
@-ms-keyframes panic{
    0%,100%{
        -ms-transform:scale(1) rotate(0)
    }
    10%,60%{
        -ms-transform:scale(1.1) rotate(-3deg)
    }
    20%,40%{
        -ms-transform:scale(1) rotate(-3deg)
    }
    30%{
        -ms-transform:scale(1.1) rotate(3deg)
    }
    50%,70%,90%{
        -ms-transform:scale(1) rotate(3deg)
    }
    80%{
        -ms-transform:scale(1.1) rotate(-3deg)
    }
}
@-o-keyframes panic{
    0%,100%{
        -o-transform:scale(1) rotate(0)
    }
    10%,60%{
        -o-transform:scale(1.1) rotate(-3deg)
    }
    20%,40%{
        -o-transform:scale(1) rotate(-3deg)
    }
    30%{
        -o-transform:scale(1.1) rotate(3deg)
    }
    50%,70%,90%{
        -o-transform:scale(1) rotate(3deg)
    }
    80%{
        -o-transform:scale(1.1) rotate(-3deg)
    }
}
@keyframes panic{
    0%,100%{
        transform:scale(1) rotate(0)
    }
    10%,60%{
        transform:scale(1.1) rotate(-3deg)
    }
    20%,40%{
        transform:scale(1) rotate(-3deg)
    }
    30%{
        transform:scale(1.1) rotate(3deg)
    }
    50%,70%,90%{
        transform:scale(1) rotate(3deg)
    }
    80%{
        transform:scale(1.1) rotate(-3deg)
    }
}
.hover-panic:hover,.trigger.panic{
    -webkit-animation-name:panic;
    -moz-animation-name:panic;
    -ms-animation-name:panic;
    -o-animation-name:panic;
    animation-name:panic
}