/* xl - DESKTOP STYLES */ 
.home-featured-placeholderbox {
	width: 77px;	
	height: 53.63px;
	overflow: hidden;
}
.home-featured-placeholderelement {
	position: absolute;
	top: -10px;	
	display: none;
	right: 1rem;
}  
.slider-text {
	display: none;
	position: relative;
	margin-top: 0;	
}
.right-column .mobile-button__action-1 {
	display: none;
	margin-top: 4rem !important;
}  
.left-column .desktop-button__action-1 {
	margin-top: 0.1rem !important;
}
/*div { 
  transition: <property> <duration> <timing-function> <delay>; 
}
@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
    } 
    100% { 
        transform: translateX(0);  
    } 
}*/    
/*header {     
   This section calls the slideInFromLeft animation we defined above    
  animation: 1s ease-out 0s 1 slideInFromLeft;      
      
  background: #333;      
  padding: 30px;       
}*/           
 /*animation-duration: 1s; the duration of the animation */     
 /*animation-timing-function: ease-out; how the animation will behave */    
 /*animation-delay: 0s; how long to delay the animation from starting */     
 /*animation-iteration-count: 1; how many times the animation will play */       
 /*animation-name: slideInFromLeft; the name of the animation we defined above */      
 
/**** Start sliding the text *****/ 
.slider-start { 
	display: inline-block;   
	-o-animation: 0.6s ease-in-out 0s 1 getInFromTop; 	  
    -webkit-animation: 0.6s ease-in-out 0s 1 getInFromTop; 
	-moz-animation: 0.6s ease-in-out 0s 1 getInFromTop;   
	-ms-animation: 0.6s ease-in-out 0s 1 getInFromTop;  
	animation: 0.6s ease-in-out 0s 1 getInFromTop;	
}
.left-1 {
	display: inline-block;
	float: left;
	/*left: 0;
	animation: 0.38s ease-in-out 0s 1 moveOver1dv;*/	
}
.left-2, .left-3 {
	display: inline-block; 
	/*right: 0;
	animation: 0.38s ease-in-out 0s 1 moveOver2;	*/
}
/**** Finish sliding the text *****/
.slider-end {
	display: block;
    -o-animation: 0.6s ease-in-out 0s 1 getOutFromBottom; 
	-webkit-animation: 0.6s ease-in-out 0s 1 getOutFromBottom; 
	-moz-animation: 0.6s ease-in-out 0s 1 getOutFromBottom;
	-ms-animation: 0.6s ease-in-out 0s 1 getOutFromBottom;  
    animation: 0.6s ease-in-out 0s 1 getOutFromBottom;	    
} 
              
/*************************************************************/     
/**** Resizing width of sliding text parent settings     ****/     
/***********************************************************/   
.resize-width-2 {         
	width: 160px;   
	-o-animation: 0.30s ease-in-out 0s 1 w2;  
	-webkit-animation: 0.30s ease-in-out 0s 1 w2;       
	-moz-animation: 0.30s ease-in-out 0s 1 w2;            
	-ms-animation: 0.30s ease-in-out 0s 1 w2;   
	animation: 0.30s ease-in-out 0s 1 w2;                  
}      
.resize-width-3 {      
	width: 240px;      
	-o-animation: 0.30s ease-in-out 0s 1 w3;   
	-webkit-animation: 0.30s ease-in-out 0s 1 w3;       
	-moz-animation: 0.30s ease-in-out 0s 1 w3;        
	-ms-animation: 0.30s ease-in-out 0s 1 w3;   
	animation: 0.30s ease-in-out 0s 1 w3;
} 
.resize-width-1 {
	/*width: 77px;*/  
	-o-animation: 0.30s ease-in-out 0s 1 w1; 
	-webkit-animation: 0.30s ease-in-out 0s 1 w1;
	-moz-animation: 0.30s ease-in-out 0s 1 w1;
	-ms-animation: 0.30s ease-in-out 0s 1 w1;  
	animation: 0.30s ease-in-out 0s 1 w1;  
}
 
/*************************************************************/
/**** Resizing width of sliding text 2 parent settings   ****/
/***********************************************************/

@-o-keyframes w2 { 
  from { width: 77px; }   
  to { width: 160px; }   
}  
@-webkit-keyframes w2 {   
  from { width: 77px; } 
  to { width: 160px; }  
}  
@-moz-keyframes w2 { 
  from { width: 77px; }  
  to { width: 160px; }     
}  
@-ms-keyframes w2 {   
  from { width: 77px; } 
  to { width: 160px; }   
}     
@keyframes w2 {       
  from { width: 77px; }  
  to { width: 160px; }   
}
  
/*************************************************************/
/**** Resizing width of sliding text 3 parent settings   ****/
/***********************************************************/

@-o-keyframes w3 { 
  from { width: 160px; } 
  to { width: 240px; }   
} 
@-webkit-keyframes w3 { 
  from { width: 160px; }  
  to { width: 240px; }    
} 
@-moz-keyframes w3 { 
  from { width: 160px; } 
  to { width: 240px; }  
} 
@-ms-keyframes w3 { 
  from { width: 160px; } 
  to { width: 240px; }  
} 
@keyframes w3 { 
  from { width: 160px; } 
  to { width: 240px; }  
} 


 
/*************************************************************/ 
/***** Start sliding in from top settings *******************/ 
/***********************************************************/   
@-o-keyframes getInFromTop {  
  from { -o-transform: translateY(-16px); opacity: 0; }  
  to { -o-transform: translateY(0); opacity: 1; }  
}  
@-webkit-keyframes getInFromTop { 
  from { -webkit-transform: translateY(-16px); opacity: 0; } 
  to { -webkit-transform: translateY(0); opacity: 1; }  
} 
@-moz-keyframes getInFromTop { 
  from { -moz-transform: translateY(-16px); opacity: 0; } 
  to { -moz-transform: translateY(0); opacity: 1; }   
}      
@-ms-keyframes getInFromTop {    
  from { -ms-transform: translateY(-16px); opacity: 0; }  
  to { -ms-transform: translateY(0); opacity: 1; }  
} 
@keyframes getInFromTop { 
  from { transform: translateY(-16px); opacity: 0; font-size: 0.9rem; } 
  to { transform: translateY(0); opacity: 1; font-size: 1.05rem; }    
}
 
/*************************************************************/ 
/***** Mover over settings *******************/ 
/***********************************************************/  

@keyframes moveOver1d { 
    from { right: 16px; }
    to { left: 16px; }    
}  
     
  
             

/* lg - TABLET LANDSCAPE STYLES */ 
@media (max-width: 1199px) {
  .mh-block-columns {
      flex-wrap: nowrap!important;
  	/*display: block !important;*/
  	margin: 0 auto !important;
  }
  .wp-block-column {
  	/*width: 100%;
  	min-width: auto;
  	display: block;*/
  }   
  .left-column .desktop-button__action-1 {
  	display: none;
  }
  .right-column .mobile-button__action-1 {
  	display: flex;
  }         
  .mh-heading-center, .mh-paragraph-center {
  	text-align: center;
  }
  .mh-paragraph-center p {
  	margin-right: auto !important;
  	margin-left: auto !important;
  } 
  .right-column .mobile-button__action-1 div a {   
  	padding-right: 3rem !important;   
  	padding-left: 3rem !important; 
  }                    
}

/* sm - SMARTPHONE LANDSCAPE STYLES */ 
@media (max-width: 767px) {
  .main-subgroup {
  	padding-left: 0 !important;
  	padding-right: 0 !important;
  }
  .right-column .mobile-button__action-1 {
  	margin-top: 2rem !important;
  }       
  .right-column .mobile-button__action-1 div a {
  	padding-right: 3rem !important;
  	padding-left: 3rem !important;
  }        
}

/* xs - SMARTPHONE PORTRAIT STYLES */ 
@media (max-width: 479px) {
  .left-column__text-slider {
  	margin-bottom: 0.5rem !important;
  }            
}