@font-face {
  font-family: 'Andada-Regular';
  src: url('../fonts/Andada-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato-Regular';
  src: url('../fonts/Lato-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
body {font-family: 'Lato-Regular'; font-size: 14px;}
.header { background: #acacac; padding: 12px 15px;}
.container-fluid{max-width:1280px;}
.banner { padding: 0;position: relative;}
.banner .logo_sec{ position:absolute; left:0; bottom:0; background:rgba(255,255,255,.5); display:table-cell; text-align:center; vertical-align:middle; width:100%;}
.banner .logo_sec p{font-family: 'Andada-Regular'; font-size: 36px; color: #004a8f; padding: 10px 0 10px 0; margin:0; font-weight:bold;}
.banner img { max-width: 1366px;}
.details {text-align: center;}
.details p {font-family: 'Andada-Regular'; font-size: 22px; color: #000; margin: 35px 0 25px 0;}

.details .continue {margin-bottom: 20px;font-size: 18px;}
.details .continue a {color: #004a8f;}
.row{clear:both}
.offer figure { display: block; padding-bottom: 10px; border-bottom: dashed 1px #004a8f;  position:relative; }
.offer figure span{display: table-cell; position:relative;}

.offer figure .logo_sec{ position:absolute; left:0; bottom:0; background:rgba(255,255,255,.5); display:table-cell; text-align:center; vertical-align:middle; width:100%;}

.offer a { display:inline-block ; background:#004a8f; border-radius: 4px; margin-top: 10px; line-height: 38px; color: #FFF;width:45%; }
.offer a:hover, .offer a:focus { text-decoration: none; opacity: .8;}
.offer p.space{width:8%;display:inline-block;margin:10px 0 0 0;}

.copyright {text-align: center; font-size: 12px; color: #000; margin: 40px 0;}
.popupLinks {position: absolute; top: 50%; right: 0; width: 225px; margin-top: -150px;}
.popupLinks ul li { margin: 5px 0; }
.popupLinks ul li a {display: block; background:#004a8f; border-radius:4px 0 0 4px; padding: 5px 15px; text-align: center; font-size: 16px; color: #FFF; line-height: 34px; text-transform: uppercase;}
.popupLinks ul li a:hover, .popupLinks ul li a:focus {text-decoration: none; opacity: .8;}
.popupLinks ul li:nth-child(2) a { line-height: 20px; padding: 10px 15px;}

#loginForm label.tnc{color:#3c3c3c;font-size:13px;line-height:20px;float:left;width:auto;  font-family:'Andada-Regular'; font-weight:normal}
#loginForm .text_box{padding:5px 0;float:left;width:100%}
#loginForm .text_box input{border-color: #858585 #EAE1E1 #E4E1E1 #858585;border-style: solid;border-width: 1px;float: left;height: 40px;width:99%; font-size:18px; line-height:22px; font-family:'Andada-Regular'; font-weight:normal; padding:5px 10px;}
#loginForm .text_box input.tnc{width:auto;height:auto;margin-right:10px;}
.modal-dialog.login{max-width:400px;}







@media (min-width: 1200px) {
    .container {
        width: 1250px;
    }
   
}
@media (max-width: 800px) {
    .popupLinks {margin-top: -130px;}
	 .offer { margin-bottom: 15px;clear:both }
}
@media (max-width: 767px) {

    .offer { margin-bottom: 15px;clear:both }
    .popupLinks {margin-top: 0; display: block; position: inherit; top: inherit; right: inherit; width: 100%; margin-top: 15px;}
    .popupLinks ul li{ margin: 2px 0; padding: 0 15px;}
    .popupLinks ul li a{ border-radius: 0;}
    .header .pull-left, .header .pull-right { width: 100%; text-align: center;}
    .header .pull-left img { height: 30px; }
    .header .pull-right img { height: 40px; }
	.offer  p.space{display:none;width:0}
	.offer a{width:100%;}
	
}