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

                                       ADDITIONAL 2 STYLE --- MAIN CSS START

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

.contactWrap .textBox .elementor-widget {
    max-width: 85% !important;
}
.contactWrap .textBox p {
	font-size: 18px;
	line-height: 34px;
}
.contactWrap .textBox p:first-child {
	padding-bottom: 36px;
}
.contactWrap .positionBox h3 {
	font-size: 51px;
	line-height: 53px;
}
.contactWrap .positionBox .elementor-field-textual {
	padding: 0 0 10px 0;
	font-size: 18px;
	box-shadow: 0 0 0 !important;
	font-family: 'Manrope';
	font-weight: 600;
}
.contactWrap .positionBox .elementor-field-type-html {
	font-size: 17px;
	line-height: 28px;
	font-family: 'Poppins';
	font-weight: normal;
}
.contactWrap .positionBox .elementor-field-type-html a {
	color: #dab38d !important;
}
.contactWrap .positionBox .elementor-field-type-html a:hover {
    color: #084975 !important;
}
.contactWrap .positionBox textarea::-webkit-input-placeholder,
.contactWrap .positionBox input::-webkit-input-placeholder {
	color: #707070 !important;
	opacity: 1 !important;
}

.contactWrap .positionBox textarea:-moz-placeholder,
.contactWrap .positionBox input:-moz-placeholder { /* Firefox 18- */
	color: #707070 !important;
	opacity: 1 !important;
}

.contactWrap .positionBox textarea::-moz-placeholder,
.contactWrap .positionBox input::-moz-placeholder {  /* Firefox 19+ */
	color: #707070 !important;
	opacity: 1 !important;
}

.contactWrap .positionBox textarea:-ms-input-placeholder,
.contactWrap .positionBox input:-ms-input-placeholder {  
	color: #707070 !important;
	opacity: 1 !important;
}

.contactWrap .positionBox .elementor-field-type-textarea {
	margin-bottom: 16px !important;
}
.contactWrap .positionBox textarea {
    min-height: 112px !important;
}
.contactWrap .positionBox .dbtn {
	background-color: #dab38d !important;
    padding: 25px 40px !important;
    font-size: 22px !important;
}
.contactWrap .positionBox .elementor-message {
    color: #707070;
}

/* mapWrap */

.mapWrap:before {
	z-index: 1;  
	height: 190px !important; 
}
.mapWrap .gmpInfoWindowtitle {
	display: none;    
}
.mapWrap .egm-marker-iw {
	text-align: center;
	font-size: 14px !important;
    line-height: 20px !important;                    
} 
    

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

                                   ADDITIONAL 2 STYLE --- RESPONSIVE CSS START

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


/* Laptop screen */
@media (min-width: 1025px) and (max-width: 1440px) { 


}


/* Large desktop */
@media (min-width: 1025px) {
	
	 	
}

@media (min-width: 1200px) and (max-width: 1440px) {

	/*.contactWrap .textBox p {
	    font-size: 18px;
	    line-height: 31px;
	}*/
	.contactWrap .positionBox h3 {
		font-size: 49px;
	}
	.contactWrap .positionBox .elementor-field-textual {
		font-size: 17px;
		padding: 0 0 5px 0;
	}
	
	.contactWrap .positionBox textarea {
		min-height: 101px !important;
	}
	.contactWrap .positionBox .elementor-field-type-html {
		font-size: 16px;
		line-height: 26px;
	}
	.contactWrap .positionBox .dbtn {
		padding: 20px 35px !important;
		font-size: 19px !important;
	}


}

@media (min-width: 1025px) and (max-width: 1199px) { 

	.contactWrap .textBox p {
	    font-size: 19px;
	    line-height: 31px;
	}
	.contactWrap .textBox p:first-child {
    	padding-bottom: 20px;
	}
	.contactWrap .positionBox h3 {
		font-size: 35px;
	}
	.contactWrap .positionBox .elementor-field-textual {
		font-size: 15px;
		padding: 0;
	}
	
	.contactWrap .positionBox textarea {
		min-height: 85px !important;
	}
	.contactWrap .positionBox .elementor-field-type-html {
		font-size: 14px;
		line-height: 22px;
	}
	.contactWrap .positionBox .dbtn {
		padding: 15px 20px !important;
		font-size: 17px !important;
	}


}
   
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1024px) { 

	.contactWrap .textBox p {
	    font-size: 17px;
	    line-height: 26px;
	}
	.contactWrap .textBox p:first-child {
    	padding-bottom: 20px;
	}
	.contactWrap .positionBox h3 {
		font-size: 31px;
	}
	.contactWrap .positionBox .elementor-field-textual {
		font-size: 14px;
		padding: 0;
	}	
	.contactWrap .positionBox textarea {
		min-height: 79px !important;
	}
	.contactWrap .positionBox .elementor-field-type-html {
		font-size: 14px;
		line-height: 22px;
	}
	.contactWrap .positionBox .dbtn {
		padding: 10px 13px !important;
		font-size: 15px !important;
	}
	.mapWrap:before {
	    height: 160px !important;
	}  

}

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


	.contactWrap .textBox p {
	    font-size: 17px;
	    line-height: 26px;
	}
	.contactWrap .textBox p:first-child {
    	padding-bottom: 20px;
	}
	.contactWrap .positionBox h3 {
		font-size: 31px;
	}
	.contactWrap .positionBox .elementor-field-textual {
		font-size: 14px;
		padding: 0;
	}	
	.contactWrap .positionBox textarea {
		min-height: 79px !important;
	}
	.contactWrap .positionBox .elementor-field-type-html {
		font-size: 14px;
		line-height: 22px;
		text-align: center;
	}
	.contactWrap .positionBox .dbtn {
		padding: 10px 13px !important;
		font-size: 15px !important;
	}
	.contactWrap .imageBox:before {
        width: 510px;
        height: 450px;
        left: calc(50% - 255px);
        top: -110px !important;
    }
    .contactWrap .imageBox:after {
        width: 550px;
        height: 490px;
        left: calc(50% - 275px);
        top: -136px !important;
    }
    .mapWrap:before {
	    height: 160px !important;
	}      
	
	@media screen and (orientation: landscape) {

	}

	
	
}

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


}