html {font-family:robotoregular; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
body {margin:0; padding:0; font-family:robotoregular; font-weight:normal; color:#24272c; font-size:14px;}
*, :after, :before {box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
table {border-collapse: collapse; border-spacing: 0; width:100%;}
td,th {padding: 0;}
h1, h2, h3, h4{margin:0 0 10px 0; padding:0px; line-height:1.5; color:#24272c; font-weight:500; font-family:robotomedium;}
a {color:#2176ae; text-decoration: none; cursor:pointer; background-color:transparent; -webkit-tap-highlight-color: transparent; outline:none;}
ul,p {padding: 0;margin: 0;}
li {list-style-type: none;}
p{line-height:1.7; font-size:14px; color:rgba(36,39,44,.7);}
.clearfix {clear: both; display: block; overflow:hidden;}
*:focus, a:active, a:hover, a:focus {outline:none;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
hr {margin:20px 0; border:0; border-top:solid 1px rgba(36,39,44,.07);}
img {border:0; max-width:100%; height:auto;}
input, textarea, select{width:100%; background:#fff; height:48px; line-height:47px; border:1px solid rgba(36,39,44,.15); padding:0 16px; font-size:16px; color:#24272c; border-radius:2px; -webkit-border-radius:2px; margin-bottom:12px; display:block; transition:all 0.2s; -webkit-transition:all 0.2s; font-family:robotoregular;}
select, textarea{-webkit-appearance:none;}
textarea{resize:none; height:100px; vertical-align:top; line-height:1.5;}
::-webkit-input-placeholder {color:rgba(36,39,44,.5);}
::-moz-placeholder {color:rgba(36,39,44,.5);}
:-ms-input-placeholder {color:rgba(36,39,44,.5);}
:-moz-placeholder {color:rgba(36,39,44,.5);}
/*::-webkit-scrollbar{display: none;}*/
/************** Font Family **************/
@font-face {
    font-family:robotolight;
    src: url('../fonts/roboto-light.eot');
    src: url('../fonts/roboto-light.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-light.woff2') format('woff2'), url('../fonts/roboto-light.woff') format('woff'), url('../fonts/roboto-light.ttf') format('truetype'), url('../fonts/roboto-light.svg#robotolight') format('svg'); 
    font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
    font-family:robotoregular;
    src: url('../fonts/roboto-regular.eot'); src: url('../fonts/roboto-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-regular.woff2') format('woff2'), url('../fonts/roboto-regular.woff') format('woff'), url('../fonts/roboto-regular.ttf') format('truetype'), url('../fonts/roboto-regular.svg#robotoregular') format('svg');
    font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
    font-family:robotomedium;
    src: url('../fonts/roboto-medium.eot');
    src: url('../fonts/roboto-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-medium.woff2') format('woff2'), url('../fonts/roboto-medium.woff') format('woff'), url('../fonts/roboto-medium.ttf') format('truetype'), url('../fonts/roboto-medium.svg#robotomedium') format('svg'); 
    font-weight: normal; font-style: normal; font-display: swap;

}
.padd24{padding:24px;}
.margnT56{margin-top:56px;}
.margnT20{margin-top:20px;}
.margnB20{margin-bottom:20px;}
.txtcenter{text-align:center;}
.hide{display:none;}