@font-face {
  font-family: 'fontawesome';
  src: url('../fonts/fontawesome-webfont.ttf?#iefix') format('embedded-opentype'),  url('../fonts/fontawesome-webfont.ttf')  format('opentype'),
	     url('../fonts/fontawesome-webfont.ttf') format('woff'), url('../fonts/fontawesome-webfont.ttf')  format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesome-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}


@keyframes gradient {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}

#body{ background: linear-gradient(135deg,#fff 25%,#ff6600 80%) no-repeat top center; min-height: 100vh; background-size: 400% 400%; animation: gradient 15s linear infinite;}

#body{ background: linear-gradient(135deg,#fff 25%,#ff6600 80%) no-repeat top center; min-height: 100vh;}

html {
      min-height:100%;
      background:linear-gradient(135deg,rgb(255, 255, 255, 0.4) 15%,#166155 90%), url("../img/Data-Road2.jpeg");
      background-size:cover;
    }

.ix_footer {background: #fff; min-height: 10vh; position:absolute; width: 100%; bottom: 0px;}

.button:hover, .button:focus {
	background-color: #00247d;
	color: #fff;
}
.newsSlider {
    position: absolute;
	top:7%;
	float: left !important;
}
.encryption{text-align: center; color:#00aeff; font-size: .8rem;}

.brandix {text-align: center;}

.newsSlider h1 {

    color: #00247d;
    font-family: 'fontawesome-webfont';
    background: #fff;
    text-align: left;
    font-size: 2.6rem;
	
}

.postBlogDiv h3 {
	font-size: 1.1rem;
    line-height: 1.2;
    overflow: hidden;
	font-family: 'fontawesome-webfont';
    color: #000;
    position: relative;
	margin-left: 10px;
	margin-top: 10px;
	font-weight: bold;
	text-shadow: 2px 2px 8px #ffffff;
}

.more-link {
	color: #000;
	font-size: 1.1rem;
    line-height: 5;
	margin-left: 10px;
	margin-top: 10px;
	font-weight: bold;

}

#slideCont {
   padding: 0rem 3rem 0 3rem;
   margin-top: 10px;
}

.postBlogDiv p{ font-size: .8rem}
.socialUl {
   margin:0; padding:0; list-style: none; text-align: center;
}
.socialUl li{ display: inline-block; padding: .7rem}
.socialUl li a{ font-size: 1.8rem; }
.socialUl li:first-child a{color: #3b5998 !important;}
.socialUl li:nth-child(2) a{color: #1da1f2 !important;}
.socialUl li:nth-child(3) a{color: #c13584!important;}
.socialUl li:nth-child(4) a{color: #0077b5 !important;}
.socialUl li:nth-child(5) a{color: #dd4b39 !important;}
.socialUl li:last-child a{color: #cd201f !important;}

.payment{ text-align: center; padding: 1rem}



.copy_rights {
   margin:0; padding:0; list-style: none; text-align: center;
}
.copy_rights li{ display: inline-block; padding: .7rem}
.copy_rights li a{ font-size: .7rem; }
.copy_rights li:first-child a{color: #000 !important;}
.copy_rights li:nth-child(2) a{color: #1da1f2 !important;}
.copy_rights li:nth-child(3) a{color: #c13584!important;}
.copy_rights li:nth-child(4) a{color: #0077b5 !important;}
.copy_rights li:nth-child(5) a{color: #dd4b39 !important;}
.copy_rights li:last-child a{color: #000 !important;}

.allRights {
    text-align: center;
    padding: 0rem;
	font-family: 'fontawesome-webfont';
}

#ix_topsq{ position: relative}
#loginForm {
    position: absolute;
    width: 29%;
    background: #fff;
    left: 50%;
    top: 7%;
    border-radius: 5px;
    box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.17);
    padding: 1rem 3rem;
}
.appLogo{ text-align: center; padding-bottom: 10px; margin-bottom: 10px;}
.appLogo img{ max-width: 60%;}
.loginFormUL,.loginQuestUL{margin: 0; padding: 0; list-style: none}
.loginQuestUL li{ display: inline-block; width: 49%;}
.loginQuestUL li:last-child{ text-align: right}
.noAccount{ font-size: .7rem; color: orange}
.forgtPas{ font-size: .7rem; text-transform: uppercase}
.loginFormUL li{ position: relative}
.loginFormUL li i {
    position: absolute;
    color: #cf142b;
    left: 3%;
    top: 30%;
}
.loginFormUL input {
    border-radius: 5px;
    background: #f2f2f2;
    width: 100%;
    padding-left: 9%;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #cf142b; font-size: .8rem;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: #cf142b; font-size: .8rem;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: #cf142b; font-size: .8rem;
}
input:-moz-placeholder { /* Firefox 18- */
  color: #cf142b; font-size: .8rem;
}
.subMe { text-align: center; margin-bottom: 1rem; margin-top: 2rem}
.subMe button{ border-radius: 5px; text-transform: uppercase; background-color: #cf142b;}
a.button{ border-radius: 5px; text-transform: uppercase; background-color: #166155;}
.brandix-mobile{display:none;}

@media only screen and (max-width: 912px) {
	html {
      min-height:100%;
      background:linear-gradient(0deg,rgb(255, 255, 255, 0.4) 25%,#00247d 80%), url("../img/Data-Road2.jpeg");
      background-size:cover;
    }
	
	#topImg{min-height: 40vh;}
	#loginForm {
    position: absolute;
    width: 90%;
    background: #fff;
    left: 5%;
    top: 5%;
    border-radius: 5px;
    box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.17);
    padding: 1rem 1.5rem;
    }
	.payment{padding: 0rem;}

	.newsSlider{display: none;}
	.ix_footer {display: none;}
	.socialUl {display: none;}
	.allRights {display: none;}
	.appLogo img {max-width: 30%;}
	.subMe {margin-bottom: 0rem; margin-top: 1rem;}
	.brandix-mobile{display: block; margin: auto; width: 30%;}
}