.efbl_wrap { 
		float: left; 
		clear: both; 
		position: relative;
		width: 98.4%;
		overflow: hidden; 
		background-color: #fff; 
		margin-top: 40px;

		a, .btn{
		text-transform: capitalize;
			&::focus, &:visited{
		    color: #fff;
			}
		}
		i.left{
		    margin-right: 10px;
		}
	
		.efbl_wrap_inner {


			    float: left;
			    width: 100%;
			    clear: both;
			    position: relative;

			    .efbl_auth_form{
			        padding-top: 30px;
			    }
			    .efbl_auth_btn:hover{
			    background-color: #02acf7;
			    color: #fff;
			    }
			.efbl_tabs_holder{
				.efbl_tabs_right{
				float: right;
			    margin-right: 20px;
			    margin-top: 12px;
			    	a{
			    	color: #fff;
    				font-size: 17px;
			    	}
				}
			    float: left;
    			width: 100%;	
			    .efbl_tabs_header {
					 background-color: #27aae4;
					    color: #fff;
					    padding: 5px 0px;
					    height: 56px;
					    float: left;
					    width: 100%;

					    .tab:focus{
						    outline: none;
						    }


					    #efbl_tabs {
						    background-color: transparent;
						    float: left;
						    width: auto;
						    margin-left: 17px;

						    
						    a{
						      color: #fff;
    						  display: table;

    						  .material-icons{
    						 	 line-height: unset;
    						 	 margin-right: 5px;
    						 	     float: left;
    						  }
    						  span{
    						      text-transform: capitalize;
    						  }
						    }
						  .indicator {
							    background-color: #1bf1e9;
							    margin-bottom: 0;
							    width: 140px;
							    float: none;
							    margin: 0 auto;
							}
						}

					}
				}
			.efbl_tab_c_holder {
			    float: left;
			    width: 100%;

			    .efbl_tab_c{
			    padding: 15px;
			    	
			    }
			   
			    #efbl-authentication{
			    	.efbl_authentication_btn{
			    	    padding: 10px 25px 10px 10px;
					    height: auto;
					    line-height: 2.5;
					    text-transform: capitalize;

					    .efb_icon{
					        height: 40px;
					    margin-right: 5px;
					    }
			    	}

			    	.auth-row{
			    	    margin-top: 20px;
			    	        margin-bottom: 0;
			    	    .collection{
			    	    margin-bottom: 0;
			    	    }    
			    	    .efbl_all_pages{
			    	    padding: 0;
			    	    }
			    	   
			    	}


			    }

			    .fta_empty_at#efbl-authentication{
			  	.auth-row{
			  	margin:0;
			  	}
			  } 

			    .efbl_tab_c {
			    	    	.collapsible-header{
			    	    	    text-transform: capitalize;
    							font-size: 22px;
    							position: relative;
    							.material-icons{
    							margin-top: 4px;
    							 color: #02acf7;
    							}
    							.efbl_collapsible_icon{
    							position: absolute;
							    right: 0;
							    font-size: 30px;
    							}

			    	    	}
			    	    	 .collapsible-header.active .efbl_collapsible_icon {
								  -ms-transform: rotate(180deg); /* IE 9 */
								  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
								  transform: rotate(180deg);
								}

			    	    	.efbl_shortcode_accord{
			    	    		.collapsible-header{
			    	    			font-size: 16px;
			    	    			.material-icons{
			    	    			    font-size: 19px;
			    	    			}
			    	    		}
			    	    		.collapsible-body p{
			    	    		    font-size: 14px;
			    	    		}
			    	    	}
			    	    	.efbl_collapsible_info{
			    	    	    padding: 0;
			    	    	}
			    	    	.efbl_collapsible_info:last-child{
			    	    	    margin-top: 10px;
			    	    	}

			    	    	.efbl_shortocode_genrator_main{
			    	    	    margin-bottom: 20px;
			    	    	    float:left;
			    	    	        padding: 0;
			    	    	}
			    	    	.efbl_shortocode_genrator{
   								 float: left;

   								 h5{
   								     margin-bottom: 20px;
   								 }
			    	    	}
			    	    	.select-wrapper{
			    	    	    margin-top: 12px;
			    	    	}
			    	    	.efbl_shortocode_genrator .efbl_fields.s6 .efbl_open_collapisble, .efbl_like_box_shortocode_genrator .efbl_fields.s6 .efbl_open_likebox_collapisble{
    						
			    	    	}
			    	    	.efbl_shortocode_genrator .efbl_fields.s6:nth-child(even) .efbl_open_collapisble, .efbl_like_box_shortocode_genrator .efbl_fields.s6:nth-child(odd) .efbl_open_likebox_collapisble{
			    	    	right: 0px;
			    	    	}
			    	    	.efbl_open_collapisble, .efbl_open_likebox_collapisble{
			    	    	position: absolute;
						    right: 0;
						    font-size: 21px;
			    	    	}
			    	    		.efbl_fields{
    								padding: 0;
    								margin-top: 10px;
    								 margin-bottom: 10px;
    								     position: relative;
			    	    		}
			    	    		.efbl_fields.efbl_filter_events_wrap{
			    	    		display:none;
			    	    		}
			    	    		.input-field.col label{
			    	    		 left:0;
			    	    		}
			    	    		.select-wrapper input.select-dropdown{
			    	    		    color: #867979;
			    	    		}

			    	    		.efbl_shortcode_submit, .efbl_likebox_shortcode_submit{
			    	    		    margin-top: 20px;
			    	    		}
			    	    		.efbl_generated_shortcode, .efbl_likebox_generated_shortcode{
			    	    		display:none;
			    	    		    float: left;
			    	    		p{
			    	    		    margin-top: 20px;
					    margin-bottom: 0;
					    font-size: 14px;
			    	    		}

			    	    			.efbl-shortcode-block,  .efbl-likebox-shortcode-block{
			    	    			    margin-bottom: 0;
									    margin-top: 5px;
									    box-shadow: none;
									    border: none;

			    	    			}
			    	    			.efbl_shortcode_generated_final, .efbl_likebox_shortcode_generated_final{
			    	    			        margin-top: 0;
										    width: 100%;
										    text-align: center;
										    border-radius: 0;
										    padding: 5px;
										    line-height: normal;
										    background-color: #25a69aad;
										    box-shadow: none;
									    i{
									        border-radius: 0;
									    }
			    	    			}
			    	    		}		
			    	    	å
			    	        p{
			    	            margin-top: 0;
    						font-size: 16px;
			    	        }
			    	    	ol li{
			    	    	      font-size: 14px;
							    padding: 5px 0;
							    line-height: 1.5;
							        color: #867979;
			    	    	}
			    	    	a.btn{
			    	    	    margin-top: 10px;
							    font-size: 15px;
							    padding: 6px 20px;
							    height: auto;
			    	    	}

			    }
			}		
		 }

		 p{
		    font-size: 15px;
		    line-height: 1.8;
		    font-weight: 400;
		    color: #867979;
		        position: relative;
		 }

		 .efbl_popup_settings{
		     float: left;
    		width: 100%;

    		.efbl_popup_info{
    		    margin-top: 10px;
    			float: left;
    		}
    		.select-dropdown{
    			[type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after{
    			    top: -17px;
    			}
    		}
    			.efbl_fields{
    				   float: left;
    					width: 100%;
    			}

    			.checkbox-row
    			{
    			    margin-top: 20px;
    				padding: 0 .75rem;
    			}
		 }
		 .input-field.col label{color: #867979;}

		

		   blockquote{
			    	         background-color: #26a69a;
							    color: #fff;
							    padding: 15px;
							    font-size: 13px;
					    border-left: 5px solid #6fc2ba;
			    	     }	
		#efbl-skins {

			.efbl_create_skin{
 					height: auto;
   					padding: 5px 25px 5px 20px;
				}	

			.efbl_new_skin{
			display:none;
				#efbl_new_skin_details{
				    min-height: 550px;
					#efbl_skin_feat_img{
					    width: 75.8%;
					}
					.btn.waves-input-wrapper{
					height: auto;
    				padding: 5px 20px 5px 20px;
					}
					#efbl_skin_feat_img_btn{
					text-transform: capitalize;
					   
					}
					.btn.create_new_skin_fb_wrap.waves-input-wrapper{
					padding: 3px 23px;
						.right{
						    margin-left: 5px;
					    font-size: 17px;
					    margin-top: 2px;
						}
					}
				.efbl_show_all_skins{
				    margin-bottom: 10px;
				    text-transform: capitalize;
				     height: auto;
   					 padding: 5px 15px 5px 15px;
				}
				
				}
			}	
			.efbl_all_skins{
			    margin-top: 20px;
			    margin-bottom: 0;
			    .efbl_single_skin{
			              display: inline-block;
					    margin-right: 15px;
					    margin-bottom: 15px;
					    padding: 10px;
					    margin-top: 0;
					    width: 24%;

					    .skin_free_full{
					    position: absolute;
					    width: 100%;
					    height: 100%;
					    	&:focus{
					    	    box-shadow: none;
					    	}
					    }
					    .selected_layout{
					        padding: 6px;
						    float: left;
						    width: 100%;
						    background: #27aae4;
						    color: #fff;
						    text-align: center;
						    font-weight: bold;
						    text-transform: capitalize;
						        margin-bottom: 10px;
					    }

					    .card-image{
					    max-height: 150px;
    					overflow: hidden;
					    }
					    .card-content{
					           border-bottom: 1px solid #baa5a5;
							    padding: 20px 0 5px 0;
							    margin-bottom: 15px;
							    float: left;
							    width: 100%;
					    }
					.btn .material-icons{
					font-size: 15px;
					}  
					a.btn{
					    padding: 0px 20px;
					}  
					.efbl_skin_redirect, .efbl_skin_delete{
					    padding-right: 0;
					    padding-left: 0px;
   					 width: 42%;
   					 	.material-icons{
   					 	        position: absolute;
							    right: 10px;
							    top: 2px;
   					 	}
   					 	span{
   					 	    float: none;
						    margin: 0 auto;
						    display: table;
   					 	}
					}
					

				    .efbl_copy_skin_id{
				        float: left;
					    width: 100%;
					    margin-top: 20px;
				    }
			    }
			}

		}
		.efbl_single_skin:nth-child(4n+4) {  
		    margin-right: 0 !important;
		}	 
		.efbl_single_skin_free{
		background: #F7F5F2;
    	opacity: .955;
		} 

		#efbl-general{
		position: relative;
    min-height: 300px;
    padding: 0;
    		.row{
    margin-bottom: 0;
			    }
		}

		/* vertical tabs scss starts */
      .efbl-tabs-vertical {
            float: left;
           width: 100%;
          position: relative;
      .efbl_si_tabs_name_holder{
         padding: 0;
        position: absolute;
        height: 100%;
     background-color: #0090d0;
     width: 210px;
      }
      .tabs {
          height: auto;
          -ms-flex-direction: column;
          -webkit-flex-direction: column;
          flex-direction: column;
          display: -webkit-flex;
          display: flex;
      color: #939AAA;
    background-color: transparent;
      }

      .tab {
          width: 100%;
          text-align: left;
    		padding-left: 11px;

          a{
          padding:0;  color: #fff; 
            span{
                margin-left: 8px;
            }

            &:focus{
            box-shadow:none !important;
            }
          }


          .active {
              -moz-transition: border-color .5s ease;
              -o-transition: border-color .5s ease;
              -webkit-transition: border-color .5s ease;
              transition: border-color .5s ease;
              border-right: 4px solid #1bf1e9;
          }

      }
       .tab:hover a{
              border-color: #7fc6a6;
          }

      .indicator {
          display: none;
      }

      .efbl_tabs_holder{
      float: left;
     margin-left: 210px;
    padding: 13px 15px 20px;
      min-height: 400px;
          width: auto;
   
      .tab-content{
      float: left;
      width: 100%;
      padding: 0;
      	.efbl_default_shortcode_holder{
      		 float: left;
      		 padding: 0;
   			 .efbl-shortcode-block{
   			 	float: left;
   				 margin-top: 0;
   				 margin-bottom: 5px;
   			 }
   			 .efbl_copy_shortcode{
   			    margin-top: 0;
			    border-radius: 0;
			    box-shadow: none;
			    float: left;
			    background-color: #25a69aad;
			        font-size: 15px;
			    i{
			        margin: 0;
			    }
   			 }
   			p{
   			float: left;
    		margin-top: 0;
   			} 
   			h5{
   			    float: left;
   			      width: 100%;  
   			}
   			.efbl_more_head{
   			    margin-top: 20px;
   			}
      	}
      }

      #fl_social_sharing_networks_tab{
        a.fl_show_networks{
          height: auto;
         padding: 5px 25px 5px 18px;
        text-transform: capitalize;

          &:hover, &:focus{
          color:#fff;
          }

          .material-icons{
              font-size: 26px;
            margin-right: 8px;
            font-weight: bold;
          }
        }
      }

      .fl_networks_wrap{
      float: left;
       width: 100%;
          .fl_available_networks_wrap{
          float: left;
          width: 100%;
          margin: 15px 0;
              .fl_available_network_wrap{
                display: inline-block;
                margin-right: 5px;
                padding: 5px 20px;
              }
          }
      }

        .fl_ss_locations_wrap{
           .fl_ss_location_wrap{
               float: left;
                width: 25%;
                padding: 15px;
                text-align: center;

                h2{
                  font-size: 24px;
                  margin: 0;
                 margin-bottom: 10px;
                }
              
                img{
                    width: 100%;
                    background: rgba(224, 228, 233, 0.3019607843);
                   padding: 10px;
                }
                   ul {
                      list-style-type: none;
                      float: left;
                      width: 100%;
                    }

                    li {
                      display: inline-block;
                      float: left;
                      width: 100%;
                    }

                    input[type="checkbox"] {
                      display: none;
                    }

                    label {
                      border: 1px solid #fff;
                      padding: 8px;
                      display: block;
                      position: relative;
                      cursor: pointer;
                      -webkit-touch-callout: none;
                      -webkit-user-select: none;
                      -khtml-user-select: none;
                      -moz-user-select: none;
                      -ms-user-select: none;
                      user-select: none;
                          float: left;
                      width: 100%;
                      height: 100%;
                    }

                    label::before {
                      background-color: white;
                      color: white;
                      content: " ";
                      display: block;
                      border-radius: 50%;
                      border: 1px solid #09B95A;
                      position: absolute;
                      top: -5px;
                      left: -5px;
                      width: 25px;
                      height: 25px;
                      text-align: center;
                      line-height: 28px;
                      transition-duration: 0.4s;
                      transform: scale(0);
                    }

                    label img {
                      transition-duration: 0.2s;
                      transform-origin: 50% 50%;
                    }

                    :checked+label {
                      border-color: #ddd;
                    }

                    :checked+label::before {
                      content: "✓";
                         background-color: #09B95A;
                      transform: scale(1);
                    }

                    :checked+label img {
                      transform: scale(0.9);
                      z-index: -1;
                    } 
          }
          .fl_ss_location_sidebar img{

              padding-left:0;
              padding-bottom:0;
         
          }
        }

        }

    }/* vertical tabs scss ends */  
	 }
.toplevel_page_easy-facebook-likebox{
	#wpfooter {position:relative;}	

	#toast-container{
	      top: auto;
    bottom: 0;
    left: 153px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 89.1%;
    background-color: #02acf7;
    color: #fff;
    max-width: 100%;
    min-height:60px;
    
    	.toast{
    	        top: auto !important;
			    text-align: center;
			    float: none;
			    margin: 0px auto;
			    display: table;
			    background-color: transparent;
			    border: none;
			    box-shadow: none;
			    transition: none !important;
			    font-size: 20px;
			    font-weight: 400;
			    position: relative;
			    display: inline-block;
			    line-height:2;
			        align-items: normal;
    	}
	}
	#toast-container.efbl_green{background-color: #7FC6A6;}
	#toast-container.efbl_red{background-color: #ed6d62;}
}  

/*

==============================================

CSS3 ANIMATION CHEAT SHEET

==============================================



==============================================

slideDown

==============================================

*/





.slideDown{

	animation-name: slideDown;

	-webkit-animation-name: slideDown;	



	animation-duration: 2s;	

	-webkit-animation-duration: 2s;



	animation-timing-function: ease;	

	-webkit-animation-timing-function: ease;	



	visibility: visible !important;						

}



@keyframes slideDown {

	0% {

		transform: translateY(-100%);

	}

	50%{

		transform: translateY(8%);

	}

	65%{

		transform: translateY(-4%);

	}

	80%{

		transform: translateY(4%);

	}

	95%{

		transform: translateY(-2%);

	}			

	100% {

		transform: translateY(0%);

	}		

}



@-webkit-keyframes slideDown {

	0% {

		-webkit-transform: translateY(-100%);

	}

	50%{

		-webkit-transform: translateY(8%);

	}

	65%{

		-webkit-transform: translateY(-4%);

	}

	80%{

		-webkit-transform: translateY(4%);

	}

	95%{

		-webkit-transform: translateY(-2%);

	}			

	100% {

		-webkit-transform: translateY(0%);

	}	

}




/*

==============================================

slideUp

==============================================

*/





.slideUp{

	animation-name: slideUp;

	-webkit-animation-name: slideUp;	



	animation-duration: 2s;	

	-webkit-animation-duration: 2s;



	animation-timing-function: ease-out;	

	-webkit-animation-timing-function: ease-out;



	visibility: visible !important;			

}



@keyframes slideUp {

	0% {

		transform: translateY(0%);

		

	}

	50%{

		transform: translateY(-2%);

		

	}

	

	95%{

		transform: translateY(-8%);

		

	}			

	100% {

		transform: translateY(-100%);

		

	}	

}



@-webkit-keyframes slideUp {

	0% {

		-webkit-transform: translateY(100%);

	}

	50%{

		-webkit-transform: translateY(-8%);

	}

	65%{

		-webkit-transform: translateY(4%);

	}

	80%{

		-webkit-transform: translateY(-4%);

	}

	95%{

		-webkit-transform: translateY(2%);

	}			

	100% {

		-webkit-transform: translateY(0%);

	}	

}





/*

==============================================

slideLeft

==============================================

*/





.slideLeft{

	animation-name: slideLeft;

	-webkit-animation-name: slideLeft;	



	animation-duration: .7s;	

	-webkit-animation-duration: .7s;



	animation-timing-function: ease-in-out;	

	-webkit-animation-timing-function: ease-in-out;		



	visibility: visible !important;	

}



@-webkit-keyframes slideLeft { 

	0% 

	{ 

	-ms-transform: translate(-20px,0);

	 -webkit-transform: translate(-20px,0); 

	 transform: translate(-20px,0); 

	 opacity: 0;

  } 

 100% { 

 -ms-transform: translate(0,0);

  -webkit-transform: translate(0,0); 

  transform: translate(0,0); 

  opacity: 1; } 

  }

@keyframes slideLeft { 

	0% {

	-ms-transform: translate(-20px,0);

	 -webkit-transform: translate(-20px,0); 

	 transform: translate(-20px,0); opacity: 0;

	 } 

	 100% {

	 -ms-transform: translate(0,0); 

	 -webkit-transform: translate(0,0); 

	 transform: translate(0,0); opacity: 1;} 

	 }	



/*

==============================================

slideRight

==============================================

*/





.SlideRight{

	animation-name: SlideRight;

	-webkit-animation-name: SlideRight;	



	animation-duration: .7s;	

	-webkit-animation-duration: .7s;



	animation-timing-function: ease-in-out;	

	-webkit-animation-timing-function: ease-in-out;		



	visibility: visible !important;	

}



@-webkit-keyframes SlideRight { 

	0% 

	{ 

	-ms-transform: translate(20px,0);

	 -webkit-transform: translate(20px,0); 

	 transform: translate(20px,0); 

	 opacity: 0;

  } 

 100% { 

 -ms-transform: translate(0,0);

  -webkit-transform: translate(0,0); 

  transform: translate(0,0); 

  opacity: 1; } 

  }

@keyframes SlideRight { 

	0% {

	-ms-transform: translate(20px,0);

	 -webkit-transform: translate(20px,0); 

	 transform: translate(20px,0); opacity: 0;

	 } 

	 100% {

	 -ms-transform: translate(0,0); 

	 -webkit-transform: translate(0,0); 

	 transform: translate(0,0); opacity: 1;} 

	 }	



/*

==============================================

slideExpandUp

==============================================

*/





.slideExpandUp{

	animation-name: slideExpandUp;

	-webkit-animation-name: slideExpandUp;	



	animation-duration: 1.6s;	

	-webkit-animation-duration: 1.6s;



	animation-timing-function: ease-out;	

	-webkit-animation-timing-function: ease -out;



	visibility: visible !important;	

}



@keyframes slideExpandUp {

	0% {

		transform: translateY(100%) scaleX(0.5);

	}

	30%{

		transform: translateY(-8%) scaleX(0.5);

	}	

	40%{

		transform: translateY(2%) scaleX(0.5);

	}

	50%{

		transform: translateY(0%) scaleX(1.1);

	}

	60%{

		transform: translateY(0%) scaleX(0.9);		

	}

	70% {

		transform: translateY(0%) scaleX(1.05);

	}			

	80%{

		transform: translateY(0%) scaleX(0.95);		

	}

	90% {

		transform: translateY(0%) scaleX(1.02);

	}	

	100%{

		transform: translateY(0%) scaleX(1);		

	}

}



@-webkit-keyframes slideExpandUp {

	0% {

		-webkit-transform: translateY(100%) scaleX(0.5);

	}

	30%{

		-webkit-transform: translateY(-8%) scaleX(0.5);

	}	

	40%{

		-webkit-transform: translateY(2%) scaleX(0.5);

	}

	50%{

		-webkit-transform: translateY(0%) scaleX(1.1);

	}

	60%{

		-webkit-transform: translateY(0%) scaleX(0.9);		

	}

	70% {

		-webkit-transform: translateY(0%) scaleX(1.05);

	}			

	80%{

		-webkit-transform: translateY(0%) scaleX(0.95);		

	}

	90% {

		-webkit-transform: translateY(0%) scaleX(1.02);

	}	

	100%{

		-webkit-transform: translateY(0%) scaleX(1);		

	}

}



/*

==============================================

expandUp

==============================================

*/





.expandUp{

	animation-name: expandUp;

	-webkit-animation-name: expandUp;	



	animation-duration: 0.7s;	

	-webkit-animation-duration: 0.7s;



	animation-timing-function: ease;	

	-webkit-animation-timing-function: ease;		



	visibility: visible !important;	

}



@keyframes expandUp {

	0% {

		transform: translateY(100%) scale(0.6) scaleY(0.5);

	}

	60%{

		transform: translateY(-7%) scaleY(1.12);

	}

	75%{

		transform: translateY(3%);

	}	

	100% {

		transform: translateY(0%) scale(1) scaleY(1);

	}	

}



@-webkit-keyframes expandUp {

	0% {

		-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);

	}

	60%{

		-webkit-transform: translateY(-7%) scaleY(1.12);

	}

	75%{

		-webkit-transform: translateY(3%);

	}	

	100% {

		-webkit-transform: translateY(0%) scale(1) scaleY(1);

	}	

}



/*

==============================================

fadeIn

==============================================

*/



@keyframes fadeIn {

	0% {

	 opacity: 0;

    -webkit-transition-property: opacity;

    transition-property: opacity;

    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);

    transition-timing-function: cubic-bezier(.19, 1, .22, 1)	

	}

	

	100% {

		

	opacity: 1;

    -webkit-transition-duration: 1.1s;

    transition-duration: 1.1s;

    -webkit-transition-delay: .05s;

    transition-delay: .05s

	}		

}



@-webkit-keyframes fadeIn {

		0% {

	 opacity: 0;

    -webkit-transition-property: opacity;

    transition-property: opacity;

    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);

    transition-timing-function: cubic-bezier(.19, 1, .22, 1)	

	}

	

	100% {

		

	opacity: 1;

    -webkit-transition-duration: 1.1s;

    transition-duration: 1.1s;

    -webkit-transition-delay: .05s;

    transition-delay: .05s

	}	

}





.fadeIn {

  	animation-name: fadeIn;

	-webkit-animation-name: fadeIn;	



	animation-duration: 1.5s;	

	-webkit-animation-duration: 1.5s;



	animation-timing-function: ease-in-out;	

	-webkit-animation-timing-function: ease-in-out;		



	visibility: visible !important;	

}



/*

==============================================

fadeIn

==============================================

*/



.fadeOut{

	animation-name: fadeOut;

	-webkit-animation-name: fadeOut;	



	animation-duration: 2s;	

	-webkit-animation-duration: 2s;



	animation-timing-function: ease-in-out;	

	-webkit-animation-timing-function: ease-in-out;		



	visibility: visible !important;	

}



@keyframes fadeOut {

	 0% {opacity: 1;}

            100% {opacity: 0;}

}



@-webkit-keyframes fadeOut {

	 0% {opacity: 1;}

            100% {opacity: 0;}

}





/*

==============================================

expandOpen

==============================================

*/





.expandOpen{

	animation-name: expandOpen;

	-webkit-animation-name: expandOpen;	



	animation-duration: 1.2s;	

	-webkit-animation-duration: 1.2s;



	animation-timing-function: ease-out;	

	-webkit-animation-timing-function: ease-out;	



	visibility: visible !important;	

}



@keyframes expandOpen {

	0% {

		transform: scale(1.8);		

	}

	50% {

		transform: scale(0.95);

	}	

	80% {

		transform: scale(1.05);

	}

	90% {

		transform: scale(0.98);

	}	

	100% {

		transform: scale(1);

	}			

}



@-webkit-keyframes expandOpen {

	0% {

		-webkit-transform: scale(1.8);		

	}

	50% {

		-webkit-transform: scale(0.95);

	}	

	80% {

		-webkit-transform: scale(1.05);

	}

	90% {

		-webkit-transform: scale(0.98);

	}	

	100% {

		-webkit-transform: scale(1);

	}					

}



/*

==============================================

bigEntrance

==============================================

*/





.bigEntrance{

	animation-name: bigEntrance;

	-webkit-animation-name: bigEntrance;	



	animation-duration: 1.6s;	

	-webkit-animation-duration: 1.6s;



	animation-timing-function: ease-out;	

	-webkit-animation-timing-function: ease-out;	



	visibility: visible !important;			

}



@keyframes bigEntrance {

	0% {

		transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);

		opacity: 0.2;

	}

	30% {

		transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		

		opacity: 1;

	}

	45% {

		transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);

		opacity: 1;

	}

	60% {

		transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		

		opacity: 1;

	}	

	75% {

		transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);

		opacity: 1;

	}

	90% {

		transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		

		opacity: 1;

	}	

	100% {

		transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);

		opacity: 1;

	}		

}



@-webkit-keyframes bigEntrance {

	0% {

		-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);

		opacity: 0.2;

	}

	30% {

		-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		

		opacity: 1;

	}

	45% {

		-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);

		opacity: 1;

	}

	60% {

		-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		

		opacity: 1;

	}	

	75% {

		-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);

		opacity: 1;

	}

	90% {

		-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		

		opacity: 1;

	}	

	100% {

		-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);

		opacity: 1;

	}				

}



/*

==============================================

hatch

==============================================

*/



.hatch{

	animation-name: hatch;

	-webkit-animation-name: hatch;	



	animation-duration: 2s;	

	-webkit-animation-duration: 2s;



	animation-timing-function: ease-in-out;	

	-webkit-animation-timing-function: ease-in-out;



	transform-origin: 50% 100%;

	-ms-transform-origin: 50% 100%;

	-webkit-transform-origin: 50% 100%; 



	visibility: visible !important;		

}



@keyframes hatch {

	0% {

		transform: rotate(0deg) scaleY(0.6);

	}

	20% {

		transform: rotate(-2deg) scaleY(1.05);

	}

	35% {

		transform: rotate(2deg) scaleY(1);

	}

	50% {

		transform: rotate(-2deg);

	}	

	65% {

		transform: rotate(1deg);

	}	

	80% {

		transform: rotate(-1deg);

	}		

	100% {

		transform: rotate(0deg);

	}									

}



@-webkit-keyframes hatch {

	0% {

		-webkit-transform: rotate(0deg) scaleY(0.6);

	}

	20% {

		-webkit-transform: rotate(-2deg) scaleY(1.05);

	}

	35% {

		-webkit-transform: rotate(2deg) scaleY(1);

	}

	50% {

		-webkit-transform: rotate(-2deg);

	}	

	65% {

		-webkit-transform: rotate(1deg);

	}	

	80% {

		-webkit-transform: rotate(-1deg);

	}		

	100% {

		-webkit-transform: rotate(0deg);

	}		

}





/*

==============================================

bounce

==============================================

*/





.bounce{

	animation-name: bounce;

	-webkit-animation-name: bounce;	



	animation-duration: 1.6s;	

	-webkit-animation-duration: 1.6s;



	animation-timing-function: ease;	

	-webkit-animation-timing-function: ease;	

	

	transform-origin: 50% 100%;

	-ms-transform-origin: 50% 100%;

	-webkit-transform-origin: 50% 100%; 	

}



@keyframes bounce {

	0% {

		transform: translateY(0%) scaleY(0.6);

	}

	60%{

		transform: translateY(-100%) scaleY(1.1);

	}

	70%{

		transform: translateY(0%) scaleY(0.95) scaleX(1.05);

	}

	80%{

		transform: translateY(0%) scaleY(1.05) scaleX(1);

	}	

	90%{

		transform: translateY(0%) scaleY(0.95) scaleX(1);

	}				

	100%{

		transform: translateY(0%) scaleY(1) scaleX(1);

	}	

}



@-webkit-keyframes bounce {

	0% {

		-webkit-transform: translateY(0%) scaleY(0.6);

	}

	60%{

		-webkit-transform: translateY(-100%) scaleY(1.1);

	}

	70%{

		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);

	}

	80%{

		-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);

	}	

	90%{

		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);

	}				

	100%{

		-webkit-transform: translateY(0%) scaleY(1) scaleX(1);

	}		

}





/*

==============================================

pulse

==============================================

*/



.pulse{

	animation-name: pulse;

	-webkit-animation-name: pulse;	



	animation-duration: 1.5s;	

	-webkit-animation-duration: 1.5s;



	animation-iteration-count: infinite;

	-webkit-animation-iteration-count: infinite;

}



@keyframes pulse {

	0% {

		transform: scale(0.9);

		opacity: 0.7;		

	}

	50% {

		transform: scale(1);

		opacity: 1;	

	}	

	100% {

		transform: scale(0.9);

		opacity: 0.7;	

	}			

}



@-webkit-keyframes pulse {

	0% {

		-webkit-transform: scale(0.95);

		opacity: 0.7;		

	}

	50% {

		-webkit-transform: scale(1);

		opacity: 1;	

	}	

	100% {

		-webkit-transform: scale(0.95);

		opacity: 0.7;	

	}			

}



/*

==============================================

floating

==============================================

*/



.floating{

	animation-name: floating;

	-webkit-animation-name: floating;



	animation-duration: 1.5s;	

	-webkit-animation-duration: 1.5s;



	animation-iteration-count: infinite;

	-webkit-animation-iteration-count: infinite;

}



@keyframes floating {

	0% {

		transform: translateY(0%);	

	}

	50% {

		transform: translateY(8%);	

	}	

	100% {

		transform: translateY(0%);

	}			

}



@-webkit-keyframes floating {

	0% {

		-webkit-transform: translateY(0%);	

	}

	50% {

		-webkit-transform: translateY(8%);	

	}	

	100% {

		-webkit-transform: translateY(0%);

	}			

}



/*

==============================================

tossing

==============================================

*/



.tossing{

	animation-name: tossing;

	-webkit-animation-name: tossing;	



	animation-duration: 2.5s;	

	-webkit-animation-duration: 2.5s;



	animation-iteration-count: infinite;

	-webkit-animation-iteration-count: infinite;

}



@keyframes tossing {

	0% {

		transform: rotate(-4deg);	

	}

	50% {

		transform: rotate(4deg);

	}

	100% {

		transform: rotate(-4deg);	

	}						

}



@-webkit-keyframes tossing {

	0% {

		-webkit-transform: rotate(-4deg);	

	}

	50% {

		-webkit-transform: rotate(4deg);

	}

	100% {

		-webkit-transform: rotate(-4deg);	

	}				

}



/*

==============================================

pullUp

==============================================

*/



.pullUp{

	animation-name: pullUp;

	-webkit-animation-name: pullUp;	



	animation-duration: 1.1s;	

	-webkit-animation-duration: 1.1s;



	animation-timing-function: ease-out;	

	-webkit-animation-timing-function: ease-out;	



	transform-origin: 50% 100%;

	-ms-transform-origin: 50% 100%;

	-webkit-transform-origin: 50% 100%; 		

}



@keyframes pullUp {

	0% {

		transform: scaleY(0.1);

	}

	40% {

		transform: scaleY(1.02);

	}

	60% {

		transform: scaleY(0.98);

	}

	80% {

		transform: scaleY(1.01);

	}

	100% {

		transform: scaleY(0.98);

	}				

	80% {

		transform: scaleY(1.01);

	}

	100% {

		transform: scaleY(1);

	}							

}



@-webkit-keyframes pullUp {

	0% {

		-webkit-transform: scaleY(0.1);

	}

	40% {

		-webkit-transform: scaleY(1.02);

	}

	60% {

		-webkit-transform: scaleY(0.98);

	}

	80% {

		-webkit-transform: scaleY(1.01);

	}

	100% {

		-webkit-transform: scaleY(0.98);

	}				

	80% {

		-webkit-transform: scaleY(1.01);

	}

	100% {

		-webkit-transform: scaleY(1);

	}		

}



/*

==============================================

pullDown

==============================================

*/



.pullDown{

	animation-name: pullDown;

	-webkit-animation-name: pullDown;	



	animation-duration: 1.1s;	

	-webkit-animation-duration: 1.1s;



	animation-timing-function: ease-out;	

	-webkit-animation-timing-function: ease-out;	



	transform-origin: 50% 0%;

	-ms-transform-origin: 50% 0%;

	-webkit-transform-origin: 50% 0%; 		

}



@keyframes pullDown {

	0% {

		transform: scaleY(0.1);

	}

	40% {

		transform: scaleY(1.02);

	}

	60% {

		transform: scaleY(0.98);

	}

	80% {

		transform: scaleY(1.01);

	}

	100% {

		transform: scaleY(0.98);

	}				

	80% {

		transform: scaleY(1.01);

	}

	100% {

		transform: scaleY(1);

	}							

}



@-webkit-keyframes pullDown {

	0% {

		-webkit-transform: scaleY(0.1);

	}

	40% {

		-webkit-transform: scaleY(1.02);

	}

	60% {

		-webkit-transform: scaleY(0.98);

	}

	80% {

		-webkit-transform: scaleY(1.01);

	}

	100% {

		-webkit-transform: scaleY(0.98);

	}				

	80% {

		-webkit-transform: scaleY(1.01);

	}

	100% {

		-webkit-transform: scaleY(1);

	}		

}



/*

==============================================

stretchLeft

==============================================

*/



.stretchLeft{

	animation-name: stretchLeft;

	-webkit-animation-name: stretchLeft;	



	animation-duration: 1.5s;	

	-webkit-animation-duration: 1.5s;



	animation-timing-function: ease-out;	

	-webkit-animation-timing-function: ease-out;	



	transform-origin: 100% 0%;

	-ms-transform-origin: 100% 0%;

	-webkit-transform-origin: 100% 0%; 

}



@keyframes stretchLeft {

	0% {

		transform: scaleX(0.3);

	}

	40% {

		transform: scaleX(1.02);

	}

	60% {

		transform: scaleX(0.98);

	}

	80% {

		transform: scaleX(1.01);

	}

	100% {

		transform: scaleX(0.98);

	}				

	80% {

		transform: scaleX(1.01);

	}

	100% {

		transform: scaleX(1);

	}							

}



@-webkit-keyframes stretchLeft {

	0% {

		-webkit-transform: scaleX(0.3);

	}

	40% {

		-webkit-transform: scaleX(1.02);

	}

	60% {

		-webkit-transform: scaleX(0.98);

	}

	80% {

		-webkit-transform: scaleX(1.01);

	}

	100% {

		-webkit-transform: scaleX(0.98);

	}				

	80% {

		-webkit-transform: scaleX(1.01);

	}

	100% {

		-webkit-transform: scaleX(1);

	}		

}



/*

==============================================

stretchRight

==============================================

*/



.stretchRight{

	animation-name: stretchRight;

	-webkit-animation-name: stretchRight;	



	animation-duration: 1.5s;	

	-webkit-animation-duration: 1.5s;



	animation-timing-function: ease-out;	

	-webkit-animation-timing-function: ease-out;	



	transform-origin: 0% 0%;

	-ms-transform-origin: 0% 0%;

	-webkit-transform-origin: 0% 0%; 		

}



@keyframes stretchRight {

	0% {

		transform: scaleX(0.3);

	}

	40% {

		transform: scaleX(1.02);

	}

	60% {

		transform: scaleX(0.98);

	}

	80% {

		transform: scaleX(1.01);

	}

	100% {

		transform: scaleX(0.98);

	}				

	80% {

		transform: scaleX(1.01);

	}

	100% {

		transform: scaleX(1);

	}							

}



@-webkit-keyframes stretchRight {

	0% {

		-webkit-transform: scaleX(0.3);

	}

	40% {

		-webkit-transform: scaleX(1.02);

	}

	60% {

		-webkit-transform: scaleX(0.98);

	}

	80% {

		-webkit-transform: scaleX(1.01);

	}

	100% {

		-webkit-transform: scaleX(0.98);

	}				

	80% {

		-webkit-transform: scaleX(1.01);

	}

	100% {

		-webkit-transform: scaleX(1);

	}		

}

.Rotate {

	animation-name:Rotate;

	-webkit-animation-name:Rotate;

	

	animation-duration:3s;

	-webkit-animation-duration:3s;

	

	animation-iteration-count: infinite;

	-webkit-animation-iteration-count: infinite;

	

	animation-timing-function:linear;

	-webkit-animation-timing-function:linear;



	}

@keyframes 	Rotate{

	0%{

	transform: rotate(0deg);	

	}

	100%{

	transform: rotate(360deg);	

	}

	

	} 

@-webkit-keyframes 	Rotate{

	0%{

	-webkit-transform: rotate(0deg);	

	}

	

	

	100%{

	-webkit-transform: rotate(360deg);	

	}

	

	} 	

	

.Linear_1

	{

	animation-name:Linear_1;

	-webkit-animation-name:Linear_1;

	

	animation-duration:2s;

	-webkit-animation-duration:2s;

	

	animation-timing-function:linear;

	-webkit-animation-timing-function:linear;

	



	}

	

@keyframes 	Linear_1{

	0%{

	transform: translate(0px,0px);	

	}

	

	50%{

	transform: translate(-20px,0px);	

	}

	

		100%{

	transform: translate(0px,0px);	

	}

	} 

@-webkit-keyframes 	Linear_1{

	0%{

	-webkit-transform: translate(0px,0px);		

	}

	

50%{

	transform: translate(-20px,0px);	

	}

	

		100%{

	-webkit-transform: translate(0px,0px);

	}

	

	} 

.Linear_2

	{

	animation-name:Linear_2;

	-webkit-animation-name:Linear_2;

	

	animation-duration:2s;

	-webkit-animation-duration:2s;

	

	animation-timing-function:linear;

	-webkit-animation-timing-function:linear;

	



	}

	

@keyframes 	Linear_2{

	0%{

	transform: translate(0px,0px);	

	}

	50%{

	transform: translate(20px,0px);	

	}



		100%{

	transform: translate(0px,0px);	

	}

	} 

@-webkit-keyframes 	Linear_2{

	0%{

	-webkit-transform: translate(0px,0px);		

	}

	

50%{

	transform: translate(20px,0px);	

	}

	

		100%{

	-webkit-transform: translate(20px,0px);

	}

	

	} 
	.pulse-down {
    -webkit-animation:pulse-down 3s ease-in infinite;
    animation:pulse-down 3s ease-in infinite
}

@-webkit-keyframes pulse-down{
    80%{
        -webkit-transform:translate3d(0, 1px, 0);
                transform:translate3d(0, 1px, 0)
    }
    85%{
        -webkit-transform:translate3d(0, 5px, 0);
                transform:translate3d(0, 5px, 0)
    }
    90%{
        -webkit-transform:translate3d(0, 1px, 0);
                transform:translate3d(0, 1px, 0)
    }
    95%{
         -webkit-transform:translate3d(0, 5px, 0);
                 transform:translate3d(0, 5px, 0)
    }100%{
          -webkit-transform:translate3d(0, 1px, 0);
                 transform:translate3d(0, 1px, 0)
    }
}

@keyframes pulse-down{
    80%{
        -webkit-transform:translate3d(0, 1px, 0);
                transform:translate3d(0, 1px, 0)
    }
    85%{
        -webkit-transform:translate3d(0, 5px, 0);
                transform:translate3d(0, 5px, 0)
    }
    90%{
        -webkit-transform:translate3d(0, 1px, 0);
                transform:translate3d(0, 1px, 0)
    }
    95%{
         -webkit-transform:translate3d(0, 5px, 0);
                 transform:translate3d(0, 5px, 0)
    }100%{
          -webkit-transform:translate3d(0, 1px, 0);
                 transform:translate3d(0, 1px, 0)
    }
}
@keyframes fadeinout {
  0% {
    opacity: 0;
  }
  6.25% { /* 3s for fade in */
    opacity: 1;
  }
  26.75% { /* roughly 10s for stay as-is */
    opacity: 1;
  }
  33% { /* 3s for fade out */
    opacity: 0;
  }
}

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}

.efbl-confirm-modal.modal{
	top: 25% !important;
    width: 40%;

    .mif-close-modal.modal-close{
           position: absolute;
    right: 5px;
    top: 5px;
    }
}
.efbl-confirm-modal.modal {width: 30%;}
.efbl-confirm-modal{
.mif-modal-content{
            float: none;
            margin: 0 auto;
            display: table;
            text-align: center;
            padding-top:0;
        
            p{    font-size: 13px;    line-height: 1.8;     border-bottom: 1px solid #ccc; padding-bottom: 12px;}

            .mif-lock-icon .material-icons{
         color: #ed6d62;
                  font-size: 60px;
            }
           
            .btn 
            {
            font-size: 13px;
          padding: 10px 25px 10px 10px;
    height: auto;
    text-transform: capitalize;
    				img{       height: 31px;
    margin-right: 5px;}
            }
        }  
}  
.efbl-confirm-modal{
	.mif-modal-content .btn{
	   padding: 10px 20px;
    height: auto;
    width: auto;
    line-height: normal;
    font-size: 15px;
        border-radius: 0;
    margin-right: 30px;
	}
	.mif-modal-content .efbl_skin_delete{
    background: #ed6d62;
	}
}