@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,800,900&display=swap');
* {
	margin: 0;
	padding: 0;
}

body {
	background-image: url(../img/bg.jpg);
	background-size: 100% 100vh;
	font-family: Montserrat, sans-serif;
	height:100%;
}

::-webkit-input-placeholder {
	color: #fff!important;
}

::-moz-placeholder {
	color: #fff!important;
}

:-ms-input-placeholder {
	color: #fff!important;
}

:-moz-placeholder {
	color: #fff!important;
}

.logo {

	padding-top: 80px;
	cursor: pointer;
}

.inner {
	margin-left: 40%;
	margin-top: 45%
}

.img-download-left{
	display:inline-block;
	width:200px;
}
.img-download-right{
	display:inline-block;
	width:200px;
}
.img-download{
	width: 100%;
	text-align: center!important;
	right: 0px;
	left:0px;
	margin-left:auto;
	margin-right:auto;
	line-height:67px;
}
.inner h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	color: #fff
}

.inner h1 span {
	font-weight: 400;
	color: #ffff00
}

.inner p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 17px;
	color: #fff;
}

.top-image {

	margin-right: 10%;
	float: right;
}

.form-control {
	margin-top: 40px;
	border-radius: 30px;
	width: 100%;
	height: 50px;
	background: rgb(255, 255, 255, 0.2);
	border: none;
	padding-left: 60px;
	font-size: 13px
}

.form-group p {
	color: rgb(255, 255, 255, 0.7);
	font-size: 11px;
	margin-top: 10px;
	margin-left: 53px
}

.submit-btn {
	border-radius: 50px;
	padding: 15px 18px;
	background: #c74848;
	color: #fff;
	margin-top: -30px
}

.submit-btn:hover {
	transition: .8s;
	background: #b13a3a;
	color: #fff;
}

.btn-send {
	float: right;
	margin-top: -50px;
	font-size: 15px!important;
	position: relative;
	z-index: 1;
	color: #fff;
	margin-left: 100px
}

.span-ico {
	float: left;
	margin-top: -35px;
	margin-left: 30px;
	font-size: 15px!important;
	position: relative;
	z-index: 1;
	color: #fff
}

.footer-text {
	color: #fff
}

.footer-text a {
	color: #ffff00
}
ul {
    padding:0;
    list-style: none;
}
.footer-social-icons {
    display:block;
    margin: 0 auto;
	float:right
}
.social-icon {
    color: #fff;
}
ul.social-icons {
    margin-top: 10px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
	font-size: 17px;
	margin-left: 20px
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}

.fab {
	opacity: 0.7
}

.fab:hover {
    opacity: 1;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
}

.flash{
  color:#f2f;
	-webkit-animation: flash linear 1s infinite;
	animation: flash linear 1s infinite;
}
@-webkit-keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
.phone{
	margin-top:0px;
}
.footer-tw{
	width:100%;
}
@media (min-width:1024px){
	.page-left{
		width:65%;
	}
	.page-right{
		width:35%;
	}
	.inner{
		margin-top:250px;
		margin-left:200px;
		width:450px;
	}
	.container{
		width:100%;
		max-width:1280px;
	}
	.top-image{

	}
}
@media (min-width:768px){
	.footer-tw{
		position:inline-block;
		left:0px;
		right:0px;
	}
}
@media (max-width:500px) {

	.logo {
		padding-top: 35px;
	}
	.inner {
		margin-left: 0!important;
	}
	h1{
		font-size: 8vw;
	}
	.footer-text {
		float: none;
		text-align: center
	}	
	.footer-social-icons {
		float: none;
		text-align: center
	}
}

@media (max-width:1024px) {

	.logo {
		padding-top: 35px;
	}
	.inner {
		margin-left: 0;
		text-align: left;
	}
	.footer-text {
		float: none;
		text-align: center
	}	
	.footer-social-icons {
		float: none;
		text-align: center
	}
	
}
@media (max-width:767px){
	.logo{
		width:95%;
		text-align:center;
	}
	.top-image {
	width: 100%;
	text-align: center!important;
	right: 0px;
	left:0px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	}
	.phone {
	display: inline-block;	
	}
	.inner {
	margin-top:130px;
	}
}