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



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


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

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


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


/*#topImg{ background: url(../img/slider-img-10.jpg) no-repeat top center;position: relative;
    min-height: 50vh;}*/

#topImg{ background: linear-gradient(135deg,rgb(2,3,129) 1%,rgb(40,116,252) 100%) no-repeat top center;position: relative;
    min-height: 50vh;}

.lines {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0 !important;
    max-height: 50vh;
    overflow: hidden;
}

/* .lines div:first-child {
    background: rgba(0,116,255,0.53);
}
.lines div:nth-child(2) {
    background: rgba(42,88,235,0.50);
}
.lines div:nth-child(3) {
    background: rgba(44,167,38,0.28);
}
.lines div:last-child {
    background: rgba(184,4,135,0.29);
}
.borLeft {
    border-left: rgba(255,255,255,.3) 1px solid;
    min-height: 50vh;
}*/

.gray01,.gray02,.gray03{ min-height: 41vh;}
.gray01{ background: #fbfaff}
.gray02{ background: #f5f4f9}
.gray03{ background: #f1f0f6}

.newsSlider {
    position: relative;
}
.brandix {
    position: absolute;
    margin-bottom: 2rem;
    background: #fff;
    width: 100%;
    top: -230px;
    text-align: center;
    padding: 2rem 3rem 0 3rem;
}
.newsSlider h1 {
	margin-top: 4rem;
    color: #00247d;
    font-family: 'LemonMilk';
    margin-bottom: .5rem;
    background: #fff;
    text-align: left;
    font-size: 2.6rem;
}
#slideCont {
   padding: 1rem 3rem 0 3rem;
}
.postBlogDiv h2 {
    font-size: 1.2rem;
    line-height: 1.2;
    overflow: hidden;
    margin-top: 20px;
    font-family: 'LemonMilk';
    color: #4f5053;
    position: relative;
}
.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}
.payment img{ max-height: 25px; }
.allRights {
    background: url(../img/companieshouse.png) scroll 10% 1rem no-repeat;
    background-size: 7%;
    text-align: center;
    padding: 1rem;
	font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif"
}

#ix_topsq{ position: relative}
#loginForm {
    position: absolute;
    width: 29%;
    background: #fff;
    left: 48%;
    top: -80%;
    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: 20px; border-bottom:1px solid #f1f0f6}
.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: #9a9a9a;
    left: 3%;
    top: 30%;
}
.loginFormUL input {
    border-radius: 5px;
    background: #f2f2f2;
    width: 100%;
    padding-left: 9%;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9a9a9a; font-size: .8rem;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: #9a9a9a; font-size: .8rem;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: #9a9a9a; font-size: .8rem;
}
input:-moz-placeholder { /* Firefox 18- */
  color: #9a9a9a; font-size: .8rem;
}
.subMe { text-align: center; margin-bottom: 1rem; margin-top: 2rem}
.subMe button{ border-radius: 5px; text-transform: uppercase; background-color: #020381;}
.comodo {
    text-align: center;
    padding: 55% 2rem 1rem 2rem;
}
.comodo img {
    max-width: 25%;
    margin: 0 0 0.5rem 0;
}
.comodo p{
     margin-bottom: 0;
    line-height: 1;
    font-size: .7rem;
}


@media screen and (max-width: 39.9375em) {
	#loginForm {
    position: absolute;
    width: 90%;
    background: #fff;
    left: 5%;
    top: -90%;
    border-radius: 5px;
    box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.17);
    padding: 1rem 1.5rem;
    }
	.comodo {
    text-align: center;
    padding: 39% 2rem 1rem 2rem;
    }
	.newsSlider,.gray01,.gray03{display: none;}
	.socialUl {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    }
	.socialUl li {
    display: inline-block;
    padding: .5rem;
    }
	.allRights {
    background: url(../img/companieshouse.png) scroll 28% 1rem no-repeat;
    background-size: 5%;
    text-align: center;
    padding: 1rem 1rem 1rem 3rem;
    font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";
}
}