/*----------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------ CONTACT US ------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/
/************************************
				BANNER
************************************/
.s-promo-block-v4.contact-banner:before {
    background-image: linear-gradient(to bottom, rgba(34, 35, 36, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%) !important;
}
.contact-banner .g-padding-y-150--xs{
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.contact-banner .g-font-size-60--md{
    font-size: 5rem !important;
    font-weight: 600;
}
.contact-banner h1{
    font-weight: 600;
}
/************************************
				CONTENT
************************************/
.contact .row {
    display: flex !important;
}

/*
.contact .g-bg-color--white{
    width: 100%;
}
*/

.contact .col-md-8,
.contact .col-md-4 {
	display: flex !important;
    flex-direction: column !important;
}
.contact .js__form-eqaul-height-v1 {
    flex-grow: 1 !important;
}
.dummy{
	background: #9ACD32;
	height: 100%;
}
.contact .col-md-8.js__form-eqaul-height-v1{
	height: 100% !important;
}
.contact .col-md-4.js__form-eqaul-height-v1{
	height: 100% !important;
}

.contact .g-margin-b-50--md{
	margin-bottom: 1.5rem;
}
.contact h2.g-color--primary {
    color: #393939!important;
}
.contact h2.g-margin-b-50--xs {
    margin-bottom: .5rem;
}

.contact .dummy h2.g-margin-b-50--xs {
    margin-bottom: 2.5rem;
}
.contact .dummy .g-margin-b-40--xs {
    margin-bottom: 1.5rem;
}

.contact .dummy .g-overflow--hidden.g-padding-x-40--xs.g-padding-y-50--xs{
	text-align: center;
}
.contact .dummy .g-media{
	display: block;
	width: 100%;
}
.contact .dummy .g-media__body{
	display: block;
	width: 100%;
}

.contact .g-font-size-15--sm {
    margin-bottom: 1.5rem;
}
.contact h2{
	font-weight: 600;
}
.contact .s-form-v4__input{
	text-transform: none;
    height: 2.5rem;
	border: 0.0625rem solid;
	border-radius: .3rem;
}
.contact .container .js__form-eqaul-height-v1 .s-form-v4__input{
    border-color: initial;
    border-style: solid;
    border-width: 0.0625rem;
}
.contact .container .g-width-100--xs{
    width: 30%;
    padding-bottom: 4rem;
}
.contact .g-padding-l-0--xs{
    padding-left: .7rem;
}
.contact textarea.form-control{
    height: auto;
	padding-top: .5rem;
}
.contact .g-color--white-opacity-light{
	color: rgba(255, 255, 255, 0.9) !important;
}
/*BUTTON*/
.contact .s-btn--md {
    font-size: 1rem;
    font-weight: 600;
    padding: .6rem 1.5rem;
}
.contact .s-btn--md:hover{
    background: transparent;
    color: #9ACD32;
}
.contact .g-radius--50 {
    border-radius: .9rem !important;
}

@media (max-width: 990px) {
	/************************************
					CONTENT
	************************************/
	.contact .row {
		display: block !important;
	}	
}

@media (min-width: 820px) and (min-height: 1180px) {
    /*----------------------------------
    PROMOBLOCK SECTION
    ------------------------------------*/
    .js__parallax-window.contact-banner{
        background-size: 160% !important;
        background-position-y: -70px !important;
    }
}

@media (min-width: 768px) and (min-height: 1024px) {
    /*----------------------------------
    PROMOBLOCK SECTION
    ------------------------------------*/
    .js__parallax-window.contact-banner{
        background-size: 160% !important;
        background-position-y: -30px !important;
    }
	.contact-banner .g-font-size-60--md {
		font-size: 4.2rem !important;
	}
}

@media (max-width: 767px) {
	/************************************
					CONTENT
	************************************/
	.contact .g-margin-b-30--xs.g-margin-b-50--md{
		margin-bottom: 0rem;
	}
	.contact .g-margin-b-50--xs.g-margin-b-50--md {
		margin-bottom: 0rem;
	}
	.contact .g-padding-x-40--xs{
		padding-left: .5rem;
    	padding-right: .5rem;
	}
	.g-padding-y-80--xs.contact{
		padding-top: 0rem;
    	padding-bottom: 0rem;
	}
}

@media (max-width: 540px) {
    /************************************
					BANNER
	************************************/
    .contact-banner .g-padding-y-150--xs{
        padding-top: 5rem;
        padding-bottom: 3.575rem;
    }
    .js__parallax-window.contact-banner{
        background-size: 140% !important;
        background-position-y: -10px !important;
    }
    .contact-banner .g-font-size-60--md{
        font-size: 3rem !important;
    }
    .contact-banner .g-margin-b-25--xs{
		margin-bottom: .7rem;
	}
	/************************************
					CONTENT
	************************************/
	.g-padding-y-80--xs.contact h2{
		display: none;
	}
	.contact .g-padding-y-50--xs{
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
}

@media (max-width: 414px) {
    /************************************
					BANNER
	************************************/
	.contact-banner .g-padding-y-150--xs{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .js__parallax-window.contact-banner{
        background-size: 150% !important;
        background-position-y: -10px !important;
        background-position-x: -130px !important;
    }
    .contact-banner .g-font-size-60--md {
		font-size: 2.5rem !important;
	}
    .contact-banner .g-font-size-14--xs{
        font-size: 0.75rem !important;
    }
	/************************************
					CONTENT
	************************************/
	.contact .list-unstyled .g-font-size-20--xs {
		font-size: 1.5rem !important;
	}
	.contact p{
		font-size: 0.8375rem;
		line-height: 1.4;
	}
}

@media (max-width: 395px) {
	/************************************
					BANNER
	************************************/
	.contact-banner .g-font-size-60--md {
		font-size: 2rem !important;
	}
	.contact-banner .g-font-size-14--xs {
		font-size: 0.6rem !important;
	}
}

@media (max-width: 375px) {
    /************************************
					BANNER
	************************************/
	.js__parallax-window.contact-banner{
        background-position-x: -100px !important;
    }
	.contact-banner .g-font-size-60--md {
		font-size: 2rem !important;
	}
	.contact-banner h1{
		margin-bottom: 0rem;
	}
	.contact-banner .g-font-size-14--xs {
		font-size: 0.6rem !important;
	}
    /************************************
					CONTENT
	************************************/
	.contact p{
		font-size: 0.75rem;
		line-height: 1.4;
	}
	
}

@media (max-width: 280px) {
    /*----------------------------------
    PROMOBLOCK SECTION
    ------------------------------------*/
    .js__parallax-window.contact-banner{
        background-size: 180% !important;
        background-position-y: 10px !important;
		background-position-x: -150px !important;
    }
    .contact-banner .g-font-size-60--md{
        font-size: 1.2rem !important;
    }
    .contact-banner .g-font-size-14--xs{
        font-size: 0.5rem !important;
    }
}


/* Extra small devices (phones, less than 576px) */
@media screen and (max-width: 364.98px) {
    /* Styles for extra small devices */
}


/* Extra small devices (phones, less than 576px) */
@media screen and (min-width: 365px) and (max-width: 575.98px) {
    /* Styles for extra small devices */
}

/* Small devices (phones, 576px and up) */
@media screen and (min-width: 576px) and (max-width: 767.98px) {
    /* Styles for small devices */
}

/* Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) and (max-width: 991.98px) {
    /* Styles for medium devices */
}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
    /* Styles for large devices */
}

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) and (max-width: 1399.98px) {
    /* Styles for extra large devices */
}

/* Extra extra large devices (larger desktops, 1400px and up) */
@media screen and (min-width: 1400px) {
    /* Styles for extra extra large devices */
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------- END CONTACT US ----------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/