/*
Site Name: Singtel
Author: Tran Kien
Description: This is login landing page HTML css
Version: 1.0
License: 
Tags: black, red, white, light, dark, responsive-layout
*/ 
@font-face {
    font-family: 'AvenirBlack';
    src: url('/Common/landing/fonts/AvenirBlack.eot');
    src: url('/Common/landing/fonts/AvenirBlack.eot') format('embedded-opentype'),
         url('/Common/landing/fonts/AvenirBlack.woff2') format('woff2'),
         url('/Common/landing/fonts/AvenirBlack.woff') format('woff'),
         url('/Common/landing/fonts/AvenirBlack.ttf') format('truetype'),
         url('/Common/landing/fonts/AvenirBlack.svg#AvenirBlack') format('svg');
}
@font-face {
    font-family: 'AvenirRoman';
    src: url('/Common/landing/fonts/AvenirRoman.eot');
    src: url('/Common/landing/fonts/AvenirRoman.eot') format('embedded-opentype'),
         url('/Common/landing/fonts/AvenirRoman.woff2') format('woff2'),
         url('/Common/landing/fonts/AvenirRoman.woff') format('woff'),
         url('/Common/landing/fonts/AvenirRoman.ttf') format('truetype'),
         url('/Common/landing/fonts/AvenirRoman.svg#AvenirRoman') format('svg');
}
@font-face {
    font-family: 'AvenirBook';
    src: url('/Common/landing/fonts/AvenirBook.eot');
    src: url('/Common/landing/fonts/AvenirBook.eot') format('embedded-opentype'),
         url('/Common/landing/fonts/AvenirBook.woff2') format('woff2'),
         url('/Common/landing/fonts/AvenirBook.woff') format('woff'),
         url('/Common/landing/fonts/AvenirBook.ttf') format('truetype'),
         url('/Common/landing/fonts/AvenirBook.svg#AvenirBook') format('svg');
}
@font-face {
    font-family: 'AvenirHeavy';
    src: url('/Common/landing/fonts/AvenirHeavy.eot');
    src: url('/Common/landing/fonts/AvenirHeavy.eot') format('embedded-opentype'),
         url('/Common/landing/fonts/AvenirHeavy.woff2') format('woff2'),
         url('/Common/landing/fonts/AvenirHeavy.woff') format('woff'),
         url('/Common/landing/fonts/AvenirHeavy.ttf') format('truetype'),
         url('/Common/landing/fonts/AvenirHeavy.svg#AvenirHeavy') format('svg');
}
@font-face {
    font-family: 'AvenirNextBold';
    src: url('/Common/landing/fonts/AvenirNextBold.eot');
    src: url('/Common/landing/fonts/AvenirNextBold.eot') format('embedded-opentype'),
         url('/Common/landing/fonts/AvenirNextBold.woff2') format('woff2'),
         url('/Common/landing/fonts/AvenirNextBold.woff') format('woff'),
         url('/Common/landing/fonts/AvenirNextBold.ttf') format('truetype'),
         url('/Common/landing/fonts/AvenirNextBold.svg#AvenirNextBold') format('svg');
}
/* ---css reset--- */
html, body{margin: 0;padding: 0;font-family: 'AvenirBook', arial, sans-serif;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
a{text-decoration: none;}
p{margin: 0 0 20px 0;}
/* ---Style for desktop--- */
.wraps{background: url('/Common/landing/images/body_bg.jpg') no-repeat center top;max-width: 100%;margin: 0 auto;position: relative;background-size: cover;}
.wraps .wrap_form{max-width: 525px;margin: 0 auto;padding-top: 102px;position: relative;}
.wraps .singtel_logo{position: absolute; top: 59px;right: 55px;}
.wraps .singtel_logo img{max-width: 154px;}
.wraps .form_image{max-width: 115px;}
.wrap_form .top_form{text-align: center;color: #fff;line-height: 38px;background: #ec1a3c;font-family: 'AvenirBlack', arial, sans-serif;font-size: 20px;padding-top: 1px;border-radius: 13px 13px 0 0;}
.wrap_form .form_content{background: url('/Common/landing/images/box_bg.png') repeat top left;text-align: center;padding: 14px 0 30px 0;border-radius: 0 0 13px 13px;}
.wraps .wrap_form .bottom_form{width: 100%;height: 53px;box-sizing: border-box;text-align: right;padding-right: 65px;}
.ip_field{clear: both;width: 290px;height: 45px;border: none;background: #e6e7e8;margin-top: 15px;padding-left: 15px;font-family: 'AvenirRoman', arial, sans-serif;font-size: 16px;color: #000000;box-sizing: border-box;}
.content_landing{margin-bottom: 50px;}
.ip_field::-webkit-input-placeholder{color: #000000;}
/* Firefox 18- */
.ip_field:-moz-placeholder{color: #000000;}
/* Firefox 19+ */
.ip_field::-moz-placeholder{color: #000000;}
.ip_field:-ms-input-placeholder{color: #000000;}
.fg_textsb{max-width: 290px;margin: 0 auto;font-family: 'AvenirHeavy', arial, sans-serif;font-size: 15px;color: #fff;line-height: 39px;padding-top: 14px;}
.sb_form{float: right;width: 154px;height: 39px;line-height: 39px;background: #ec1a3c;border-radius: 20px;font-size: 15px;text-align: center;color: #fff;}
.footer_text{background: url('/Common/landing/images/box_bg.png') repeat top left;color: #fff;}
.wrap_footer{max-width: 834px;margin: 0 auto;padding: 40px 0 36px 0;}
.footer_left{padding-right: 83px;background: url('/Common/landing/images/arrow.png') no-repeat top right;min-height: 51px;font-family: 'AvenirNextBold', arial, sans-serif;font-size: 26px;padding-top: 13px;background-size: 63px;}
.footer_right{max-width: 528px;font-size: 19px;padding-top: 9px;}
.wraps .wrap_form .bottom_form img{max-width: 52px;}
/* Responsive Styles Smartphone Portrait */
@media all and (max-width: 1200px) {
    .wraps .singtel_logo{top: 30px;right: 20px;}
}
@media all and (max-width: 980px) {
    .wraps .singtel_logo{position: relative;width: 100%;text-align: center;right: 0;top: 0;padding-top: 35px;}
    .wraps .wrap_form{padding-top: 30px;}
    .wrap_footer{padding: 30px 20px;text-align: center;}
    .wrap_footer .footer_left,.wrap_footer .footer_right{display: table;margin: 0 auto;float: none;}
}
@media all and (max-width: 600px) {
    .wraps .wrap_form{max-width:400px;}    
}
@media all and (max-width: 440px) {
    .wraps .wrap_form{max-width:300px;}  
    .ip_field,.fg_textsb{width: 250px;}
    .bottom_form{display: none;}
}