
/*  Template Overwrites  */

.ip-banner {
    display: none;
}

div#inner-page-wrapper > .container {
    width: 100%;
    padding: 0;
}

div#inner-page-wrapper{
    margin: 0;
}

#content-sidebar, #content-full {
    margin: 0;
}

.footer-achievement{
	display: none;
}


/* template Styles */

.contact-page {
    position: relative;
    display: block;
    z-index: 1;
    background-color: #151515;
    overflow: hidden;
}

	.contact-page:before {
	    content: '';
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    display: block;
	    position: absolute;
	    background-image: url(../../images/contact-page/contact-pagebg.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position: center;
	    opacity: .10;
	}

.contact-page-wrap {
    padding: 210px 0 120px;
    position: relative;
}

	.contact-page .contact-page-left{
		padding: 0 60px 0 35px;
		position: relative;
		width: 40%;}

	.contact-page .contact-page-left:before{
		content: '';
		position: absolute;
		bottom: -125px;
		right: 0;
		height: 2000px;
		background-color: #fff;
		opacity: .25;
		width: 1px;
	}

	.contact-page .contact-page-right{
		padding: 0 35px 0 80px;
		width: 60%;
		position: relative;
	}



.ip-page-title{
	margin-bottom: 60px;
}

	#content .ip-page-title h2{
		font-family: 'Roboto', Sans-seri;
	    letter-spacing: 0;
	    line-height: 1.02;
	    color: #fff;
	    text-transform: uppercase;
	    font-size: 5.625vw;
	    font-weight: 700;
	    margin: 0;
	}

	#content .ip-page-title h3{
		font-family: 'Roboto', Sans-serif;
	    letter-spacing: .040em;
	    line-height: 1.02;
	    color: #fff;
	    text-transform: uppercase;
	    font-size: 2vw;
	    font-weight: 700;
	    margin: 0;
	}

	.ip-page-title h2 span{
	    font-size:inherit;
	    font-family: 'Roboto', Sans-serif;
	    font-weight: 900;
	    display: block;
	    letter-spacing: .04em;

	    -webkit-text-stroke-width: 2px;
	    -webkit-text-fill-color: hsla(0,0%,100%,0);
	    -webkit-text-stroke-color: #fff;
	}

	.ip-page-title h3 span{
		font-size:inherit;
	    font-family: 'Roboto', Sans-serif;
	    font-weight: 900;
	    display: block;
	    letter-spacing: .04em;

		-webkit-text-stroke-width: 1px;
	    -webkit-text-fill-color: hsla(0,0%,100%,0);
	    -webkit-text-stroke-color: #fff;
	}


.contact-info-wrap {
    max-width: 535px;
    margin-left: auto;
    width: 100%;
}

	.contact-info-wrap .address-text{
		font-size: 16px;
		color: #fff;
		line-height: 28px;
		text-transform: uppercase;
		margin-bottom: 40px;
	}

	.contact-info-wrap .address-text .area-location-text{
		color: #b7a47e;
		text-transform: uppercase;
		letter-spacing: 0;
		font-weight: 600;
		font-size: 25px;
		display: block;
		margin-bottom: 20px;
	}

	#content .contact-info-wrap ul.c-info{
		margin: 0 0 18px;
	}

	.contact-info-wrap ul.c-info li{
		display: block;
	}

	.contact-info-wrap ul.c-info li:not(:last-child){
		margin-bottom: 10px;
	}

	.contact-info-wrap ul.c-info em,
	.contact-info-wrap ul.c-info a{
		display: block;
		font-size: 16px;
		color: #fff;
		line-height: 1;
		text-transform: uppercase;
		transition: 400ms ease;
		-webkit-transition: 400ms ease;
	}

	.contact-info-wrap ul.c-info a:hover{
		color: #b7a47e;
	}

	#content .contact-info-wrap ul.smi-links{
		margin: 0;
	}

	.contact-info-wrap ul.smi-links li {
	    display: inline-block;
	    vertical-align: middle;
	}

	.contact-info-wrap ul.smi-links li:not(:last-child){
		margin-right: 25px;
	}

	.contact-info-wrap ul.smi-links a {
	    font-size: 25px;
	    color: #fff;
	    display: block;

	    transition: 400ms ease;
	    -webkit-transition: 400ms ease;
	}

	.contact-info-wrap ul.smi-links a:hover{
		color: #b7a47e;;
	}


.contact-page-right .ip-page-title {
    margin-bottom: 30px;
}
	
	.contact-page .contact-page-right:before {
	    content: '';
	    position: absolute;
	    bottom: -125px;
	    right: 20px;
	    height: 2000px;
	    background-color: #fff;
	    opacity: .25;
	    width: 1px;
	}

.contact-form-wrap {
    position: relative;
    display: block;
    max-width: 824px;
    margin-right: auto;
    font-size: 0;
}

	#content .contact-form-wrap form {
    	margin: 0 -12px;
	}

	.contact-form-wrap .ipcf-col-md {
	    display: inline-block;
	    vertical-align: middle;
	    width: 50%;
	    margin-bottom: 18px;
	    padding: 0 12px;
	}

	.contact-form-wrap .ipcf-col-lg{
		display: block;
		width: 100%;
		padding: 0 12px;
	}

	.contact-form-wrap label {
    	display: block;
	}

	.contact-form-wrap span.wpcf7-form-control-wrap{
		display: block;
	}

	.contact-form-wrap .ipcf-form-control {
	    width: 100%;
	    background-color: transparent;
	    border: 1px solid #e8e2d2;
	    outline: none;
	    height: 50px;
	    font-size: 11px;
	    color: #e8e2d2;
	    letter-spacing: .050em;
	    line-height: 1;
	    font-weight: 400;
	    padding: 0 20px;
	}

	.contact-form-wrap .ipcf-form-control::placeholder{
		text-transform: uppercase;
	}

	.contact-form-wrap textarea.ipcf-form-control {
	    height: 90px;
	    padding-top: 15px;
	    resize: none;
	}

	.contact-form-wrap .ipcf-btn {
	    padding-left: 12px;
	    margin-top: 25px;
	    display: block;
	    position: relative;
	    max-width: 195px;
	}

	.contact-form-wrap .ipcf-btn .wpcf7-submit{
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    text-align: center;
	    font-family: 'Poppins', Sans-serif;
	    font-weight: 700;
	    font-size: 12px;
	    letter-spacing: .3em;
	    line-height: 1.2;
	    color: #fff;
	    background: transparent;
	    border: 2px solid #fff;
	    outline: none;
	    transition: background .5s ease 0s, color .5s ease 0s, border .5s ease 0s;
	    width: 100%;
	    height: 62px;
	    text-transform: uppercase;
	    box-sizing: border-box;
	}

	.contact-form-wrap .ipcf-btn .wpcf7-submit:hover{
		color: #000;
		background: #fff;
		border-color: #fff;
	}

	.contact-form-wrap .ipcf-btn span.ajax-loader {
	    position: absolute;
	    left: 100%;
	    bottom: 0;
	}

	.contact-form-wrap .wpcf7-response-output {
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    width: calc(100% - 200px);
	    font-size: 14px;
	    color: #fff;
	    text-align: center;
	    margin: 0!important;
	}

	.contact-form-wrap span.wpcf7-not-valid-tip{
		font-size: 13px;
	}

/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/

@media only screen and (min-width: 1600px) {
	#content .ip-page-title h2{
		font-size: 90px;
	}

	#content .ip-page-title h3{
		font-size: 32px;
	}
} 

@media only screen and (max-width: 1440px) {
	.contact-page .contact-page-left:before {
		right: 70px;
	}
}

@media only screen and (max-width: 1366px) {

	.contact-page .contact-page-left {
    	padding: 0 30px;
	}

	.contact-page .contact-page-right {
    	padding: 0 100px 0 50px;
	}

	.contact-page .contact-page-right:before{
		right: 30px;
	}
} 

@media only screen and (max-width: 1199px) {

	.contact-info-wrap .address-text .area-location-text {
    	font-size: 20px;
	}

	.ip-page-title {
    	margin-bottom: 30px;
	}

	.contact-info-wrap .address-text {
    	font-size: 14px;
    	line-height: 1.5;
    	margin-bottom: 20px;
	}

	#content .ip-page-title h3 {
    	font-size: 2.5vw;
	}

	.contact-page .contact-page-left:before {
		right: 20px;
	}
} 

@media only screen and (max-width: 991px) {
	.contact-page .contact-page-left:before,
	.contact-page .contact-page-right:before{
		display:  none;
	}

	.contact-page-wrap {
	    padding: 140px 0 30px;
	    display: block;
	}

	.contact-page .contact-page-left {
	    padding: 0 15px;
	    width: 100%;
	    text-align: center;
	    margin-bottom: 30px;
	}

	.contact-info-wrap {
	    max-width: 420px;
	    margin: 0 auto;
	}

	#content .ip-page-title h2 {
	    font-size: 50px;
	}

	#content .ip-page-title h3 {
    	font-size: 25px;
	}

	.contact-page .contact-page-right {
    	width: 100%;
    	padding: 0 15px;
	}

	.contact-form-wrap {
	    max-width: 420px;
	    margin: 0 auto;
	    display: block;
	    padding-bottom: 60px;
	}

	.contact-form-wrap .ipcf-btn {
	    padding: 0;
	    margin: 20px auto 0;
	}

	.contact-form-wrap .wpcf7-response-output {
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    line-height: 1.3;
	    font-size: 13px;
	    left: 0;
	}
} 

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 480px) {
	#content .ip-page-title h2{
		font-size: 40px;
	}

	.contact-form-wrap .ipcf-col-md {
	    width: 100%;
	    margin-bottom: 7px;
	}

	.contact-form-wrap .ipcf-form-control {
    	height: 40px;
    	padding: 0 10px;
	}
}

 
