@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600');
body { font-family: 'Poppins', sans-serif;}
h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px;}
p { padding: 0px; margin: 0px; }
ol, ul { margin-bottom: 0px; }
a { text-decoration: none !important; outline: none; }
a:focus{ outline:none !important;}

::-webkit-input-placeholder {
 opacity:1; text-transform:uppercase;
}
:-moz-placeholder { /* Firefox 18- */
 opacity:1; text-transform:uppercase;
}
::-moz-placeholder {  /* Firefox 19+ */
 opacity:1; text-transform:uppercase;
}
:-ms-input-placeholder {
 opacity:1; text-transform:uppercase;
}

.bg{ background:url(../images/bg.jpg) no-repeat center top / cover fixed;}
.site-wrapper{ width:100%; height:100%;}
.header{ display:block; padding-top:30px; padding-bottom:30px;}
a.contact{ display:block; float:right; margin-top:10px; padding:12px 40px; border:2px #fff solid; background:rgba(0, 0, 0, 0.3); border-radius:25px; font-size:16px; font-weight:500; color:#fff; transition: all 0.3s ease 0s;}
a.contact.mobile{ display:inline-block; float:none;}
a.contact:hover{ background:rgba(0, 0, 0, 0.6);}
.banner{ display:block; padding-top:200px;}
.banner h1{ padding-top:60px; font-size:70px; color:#fff; line-height:110px;}
.banner h1 span{ display:block; font-size:140px;}
.inner-banner{ display:block; height:350px; background:url(../images/inner-bg.jpg) no-repeat center top / cover;}
.inner-banner h1{ display:block; padding:60px 0 0 0; font-size:60px; font-weight:500; color:#fff;}
.middle-outer{ display:block; padding:90px 0;}
.middle-outer h2{ display:block; padding-bottom:70px; font-size:36px; color:#44423f; text-align:center;}
.middle-outer .input-row { display: block; }
.middle-outer .row .col-sm-6{ margin-bottom:40px;}
.middle-outer input { width: 100%; padding: 0 22px; height: 46px; border: none; border-bottom: 1px #dae4e8 solid; border-left: 1px #dae4e8 solid; font-size: 12px; font-weight:500; color: #858788; }
.submit-now{ padding:14px 50px; margin-top:30px; border-radius:30px; border:none; background:#0087d8; font-size:18px; font-weight:500; color:#fff; transition: all 0.3s ease 0s;}
.submit-now:hover{ background:#17a43b;}
.footer{ display:block; padding:40px 0; background:#244c64; text-align:center;}
.footer p{ display:block; font-size:12px; font-weight:500; color:#fff;}
.error{ margin:8px 0 0 0; font-size:13px; color:#cb0101;}
.msg{ display:none;}
.msg-error{ display:block; padding:6px 20px; margin:30px 0 0 0; font-size:13px; color:#fff; background:#c70202; border-radius:4px;}
.msg-error:after{ display:inline-block; vertical-align:middle; font-family:'FontAwesome'; content:"\f071"; float:right;}
.msg-success{ display:block; padding:6px 20px; margin:30px 0 0 0; font-size:13px; color:#fff; background:#17a43b; border-radius:4px;}
.msg-success:after{ display:inline-block; vertical-align:middle; font-family:'FontAwesome'; content:"\f00c"; float:right;}

@media (min-width: 992px) and (max-width:1024px) {
		
	.banner h1{ padding-top:100px; font-size:60px; line-height:90px;}
	.banner h1 span{ font-size:130px;}

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

	.banner img{ margin:0 auto;}	
	.banner h1{ padding-top:80px; font-size:40px; line-height:80px; text-align:center;}
	.banner h1 span{ font-size:110px;}
	a.contact{ padding:10px 40px;}

}
     
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
	a.logo{ display:block; width:200px;}
	.banner{ padding-top:30px;}	
	.banner img{ margin:0 auto;}	
	.banner h1{ padding:0 0 60px 0; font-size:50px; line-height:85px; text-align:center;}
	.banner h1 span{ font-size:110px;}
	a.contact{ padding:8px 30px; font-size:14px;}
	a.contact.mobile{ margin:40px 0;}
	.middle-outer{ padding:40px 0px;}
	.middle-outer .row .col-sm-6{ margin-bottom:20px;}
	.inner-banner{ height:250px;}
	.inner-banner h1{ font-size:40px; padding-top:20px;}
	.submit-now{ padding:10px 30px;}


}
	 
/* Landscape phones and down */
@media (max-width: 480px) {
	
	.banner h1{ padding:0 0 40px 0; font-size:32px; line-height:56px;}
	.banner h1 span{ font-size:70px;}
	.middle-outer h2{ padding-bottom:40px; font-size:30px;}
	.inner-banner{ height:200px;}
	.inner-banner h1{ font-size:36px;}
}