@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');


.mobileAppStoreIcons {
    display:none;
}

.hpContainer {
	background:#fafafa;
	padding:30px;
	height:auto;
}


.hpBox{
	max-width:935px;
	width:100%;
	margin:auto ;
}

.phoneIMG {
	max-width:300px !important;
	width:100%;
	margin:100px 0 0 150px;
	display:block;
}

.fiSignUpBox {
	border:solid 1px #ddd;
	background:#fff;
	padding:20px;
	font-family: 'Roboto', sans-serif !important;
  font-weight: 300 !important;	
	text-align:center;
	width: 100%;
max-width: 350px;
}

.fiHPLogo {
	max-width:100px;
	margin:auto;
	width:100%;
}

.fiSignUpBox form input[type=text], .fiSignUpBox form input[type=password] {
	margin:5% 0;
}

.fiSignUpBox p {
	width:70%;
	margin:auto;
}

.signUpBTN {
	background:#293587 !important;
	color:#fff !important;
	padding:5% 0;
	width:80%;
	margin:0 auto 20px;
	border:0;
	border-radius: 5px;
}

.fisignInBTN {
    background:rgb(250, 106, 35) !important;
	color:#fff !important;
	padding:5% 0;
	width:80%;
	margin:0 auto 5px;
	border:0;
	border-radius: 5px;
    
}

.fisignInBTN:hover {
    background:#cb551d! important;
    transition:background 3s ease;
}

.fbsignInBTN {
	background:#4f7dd4 !important;
	color:#fff !important;
	padding:5% 0;
	width:80%;
	margin:0 auto 5px;
	border:0;
	border-radius: 5px;
    
}

.fbsignInBTN:hover {
    background:#4061a0 !important;
    transition:background 3s ease;
    
}

.twittersignInBTN {
	background:#5bceff !important;
	color:#fff !important;
	padding:5% 0;
	width:80%;
	margin:0 auto 0;
	border:0;
	border-radius: 5px;
}

    .twittersignInBTN:hover {
        background:#3d88a8 !important;
        transition:background 3s ease-in-out;
    }

.signInModal .modal-content {
    border-radius:0 !important;
}

.signInModal .modal-title {
    text-align:left;
}

.signInModal .modal-header {
     background:#f3f3f4 !important;
}


.appIcons {
	text-align:center;
	margin:20px 0;
}



footer nav ul {
	list-style-type: none;
}

footer nav ul li{
	display:inline-block;
	margin:0 5px;
	padding:10px 0;
}

.appMobileAd {
    display:none;
}

@media screen and (max-width:990px){
    .hpBox {
        max-width: 80%;
        width: 100%;
        margin: auto;
    }

    .mobileAppStoreIcons{
          display:block;
                         }

	.phoneContainer {
		display:none !important;
	}
	.phoneIMG {
	display:none;
}
	
	.fiSignUpBox {
	border:solid 1px #ddd;
	background:#fff;
	padding:20px;
	font-family: 'Roboto', sans-serif !important;
  font-weight: 300 !important;	
	text-align:center;
	width: 100%;
max-width: 350px;
	margin:auto;
}
}

@media screen and (max-width:768px){
    .appMobileAd {
        display: block;
        position: fixed;
        z-index: 99999;
        width: 30%;
        text-align: center;
        bottom: 0px;
        border-top: solid 1px #ddd;
        background: #f3f3f4;
        padding: 15px;
        right: 0;
        border: solid 1px #ddd;
    }
        .appBtn {
      width:100% !important;
  }
}

@media screen and (max-width:575px){
	.hpBox{
	max-width:100% !important;
	margin:auto ;
	
}
}