/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                                       ADDITIONAL 2 STYLE --- MAIN CSS START

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

  
/* animation */  

.post-type-archive-tribe_events .tribe-events-view--month,
.wayWrap .midImg,
.title .elementor-heading-title,
.scnTitle .elementor-heading-title {
	opacity: 0;
	transition: all 1s;
}
.page-loaded.post-type-archive-tribe_events .tribe-events-view--month,    
.wayWrap .midImg.in-viewport-once,       
.title.in-viewport-once .elementor-heading-title,
.scnTitle.in-viewport-once .elementor-heading-title {    
	opacity: 1;
	transition-delay: 1s;
}
.contentWrap .topTitle,
.archiveWrap .topTitle,    
.contentWrap .topTitle .elementor-heading-title,
.archiveWrap .topTitle .elementor-heading-title,
.infoWrap .yearBox,
.wayWrap .leftImg {
	-webkit-transform: translate(-15px, 0px);
	-moz-transform: translate(-15px, 0px);
	-o-transform: translate(-15px, 0px);
	transform: translate(-15px, 0px);
	opacity: 0;   
	transition: all 1s;
}
.infoWrap .evenBox,
.wayWrap .rightImg {
	-webkit-transform: translate(15px, 0px);
	-moz-transform: translate(15px, 0px);
	-o-transform: translate(15px, 0px);
	transform: translate(15px, 0px);
	opacity: 0;
	transition: all 1s;
}
.page-loaded .contentWrap .topTitle,
.page-loaded .archiveWrap .topTitle,
.page-loaded .contentWrap .topTitle .elementor-heading-title,
.page-loaded .archiveWrap .topTitle .elementor-heading-title, 
.infoWrap .evenBox.in-viewport-once,
.infoWrap .yearBox.in-viewport-once,     
.wayWrap .leftImg.in-viewport-once, 
.wayWrap .rightImg.in-viewport-once {
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px); 
	-o-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	opacity: 1;    
	transition-delay: 1s;
}
.page-loaded .contentWrap .topTitle,
.page-loaded .archiveWrap .topTitle {
	transition-delay: .3s;
} 
.page-loaded .contentWrap .topTitle .elementor-heading-title,
.page-loaded .archiveWrap .topTitle .elementor-heading-title {
	transition-delay: .6s;          
}
.archiveGalleryWrap {    
	-webkit-transform: translate(0px, 15px);
	-moz-transform: translate(0px, 15px);
	-o-transform: translate(0px, 15px);
	transform: translate(0px, 15px);
	opacity: 0;
	transition: all 1s;
}
.archiveGalleryWrap.in-viewport-once {
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	opacity: 1;
	transition-delay: 1s;       
}
.archiveGalleryWrap .elementor-pagination a:hover {    
	background-color: #FF4B67 !important; 
}   

/* animation */ 



.contactWrap .formBox textarea,
.contactWrap .formBox input {
    font-family: 'REM';
    font-weight: 600;
    font-size: 18px;
}

.contactWrap .formBox textarea::-webkit-input-placeholder,
.contactWrap .formBox input::-webkit-input-placeholder {
    color: #000 !important;
}

.contactWrap .formBox textarea:-moz-placeholder,
.contactWrap .formBox input:-moz-placeholder { 
    color: #000 !important;
}

.contactWrap .formBox textarea::-moz-placeholder,
.contactWrap .formBox input::-moz-placeholder { 
    color: #000 !important;
}

.contactWrap .formBox textarea:-ms-input-placeholder,
.contactWrap .formBox input:-ms-input-placeholder {  
    color: #000 !important;
}

.contactWrap textarea {
    min-height: 350px !important;
}

.contactWrap .elementor-field-group {
	display: block;
}

.contactWrap .dbtn {
	width: 100%;
	padding: 13px 40px !important;
    font-size: 19px !important;
    cursor: pointer;
}

.elementor-message-success {
	text-align: center;
    color: #005aff;
}
   


/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                                   ADDITIONAL 2 STYLE --- RESPONSIVE CSS START

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
sm .container {max-width: 540px;}
md .container {max-width: 720px;} 
lg .container {max-width: 960px;} 
xl .container {max-width: 1140px;} 
xxl .container {max-width: 1320px;} 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


@media (min-width: 992px) {

 

}

/* Laptop screen */
@media (min-width: 992px) and (max-width: 1440px) { 
	.contactWrap .formBox textarea,
	.contactWrap .formBox input {
    	font-size: 17px;
	}

	.contactWrap textarea {
	    min-height: 250px !important;
	}

	
}

   
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) { 
	.contactWrap textarea {
	    min-height: 200px !important;
	}


}

     
/* Landscape phone to portrait tablet */
@media (min-width: 576px) and (max-width: 767px) { 
	
}

/* Landscape phones and down */
@media (max-width: 767px) { 
	.contactWrap .formBox textarea,
	.contactWrap .formBox input {
    	font-size: 15px;
	}

	.contactWrap .dbtn {
    	font-size: 18px !important;
	}

	.contactWrap textarea {
	    min-height: 150px !important;
	}



 

	

}
     
/* Landscape phones and down */
@media (max-width: 575px) { 

	
}