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

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

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

@font-face {
    font-family: 'myriadpro-cond';
    src: url('../fonts/MyriadPro-Cond.eot');
    src: url('../fonts/MyriadPro-Cond.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Cond.woff2') format('woff2'),
        url('../fonts/MyriadPro-Cond.woff') format('woff'),
        url('../fonts/MyriadPro-Cond.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BloggerSans-Medium';
    src: local('Blogger Sans Medium'), local('BloggerSans-Medium'), url('../fonts/Bloggersansmedium.woff2') format('woff2'), url('../fonts/Bloggersansmedium.woff') format('woff'), url('../fonts/Bloggersansmedium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BloggerSans-Bold';
    src: local('Blogger Sans Bold'), local('BloggerSans-Bold'), url('../fonts/Bloggersansbold.woff2') format('woff2'), url('../fonts/Bloggersansbold.woff') format('woff'), url('../fonts/Bloggersansbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
.pfd {font-family: 'PFDinDisplayPro-Regular';}
.pfd-b {font-family: 'PFDinDisplayPro-Bold';}
.pfd-med {font-family: 'PFDinDisplayPro-Medium';}
.bl-b {font-family: 'BloggerSans-Bold';}
.bl-m {font-family: 'BloggerSans-Medium';}


html, body {height: 100%;}
fieldset {border: none; margin: 0; padding: 0;}

/* Text & font style */
.nowrap {white-space: nowrap}
b,.bold {font-weight: normal; font-family: 'PFDinDisplayPro-Bold';}
.italic {font-style: italic;}
.center {text-align: center;}
.alleft {text-align: left;}
.alright {text-align: right;}
.upp {text-transform: uppercase;}
.under {text-decoration: underline;}
.line-th {text-decoration: line-through;}
.block {display: block;}
.inline {display: inline-block;}
.w100 {max-width: 100%;}
h1,h2,h3 {font-weight: 400;}
.lh120 {line-height: 120%;}
.lh140 {line-height: 140%;}
.lh160 {line-height: 160%;}
.lh180 {line-height: 180%;}

/* Positon's style */
.rel {position: relative;}
.abs {position: absolute;}

.white {color:  #fff;}

.px10 {font-size: 10px;}
.px12 {font-size: 12px;}
.px13 {font-size: 13px;}
.px14 {font-size: 14px;}
.px16 {font-size: 16px;}
.px18 {font-size: 18px;}
.px20 {font-size: 20px;}
.px22 {font-size: 22px;}
.px23 {font-size: 23px;}
.px24 {font-size: 24px;}
.px25 {font-size: 25px;}
.px26 {font-size: 26px;}
.px27 {font-size: 27px;}

.px28 {font-size: 28px;}
.px30 {font-size: 30px;}
.px32 {font-size: 32px;}
.px34 {font-size: 34px;}
.px35 {font-size: 35px;}
.px36 {font-size: 36px;}
.px40 {font-size: 40px;}
.px42 {font-size: 42px;}
.px44 {font-size: 44px;}
.px45 {font-size: 45px;}
.px48 {font-size: 48px;}
.px50 {font-size: 50px;}
.px53 {font-size: 53px;}
.px55 {font-size: 55px;}

.px60 {font-size: 60px;}
.px64 {font-size: 64px;}
.px74 {font-size: 74px;}
.px80 {font-size: 80px;}
.px87 {font-size: 87px;}
.px132 {font-size: 132px;}


.flex {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
.flex-between {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.flex-around {-ms-flex-pack:distribute;justify-content:space-around;}
.flex-center {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.flex-left {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.flex-right {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.flex-evenly {justify-content:space-evenly; -webkit-box-pack:space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack:space-evenly;}

.flex-top {-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.flex-mid {-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.flex-bot {-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;}
.flex-stretch {-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
.flex-wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flex-reverse {-ms-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;}

.flex-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}

/* placeholder style */
::-webkit-input-placeholder {color: #858585; font-size: 16px;}
:-moz-placeholder {color: #858585; font-size: 16px;}
::-moz-placeholder {color: #858585; font-size: 16px;} 
:-ms-input-placeholder {color: #858585; font-size: 16px;}

:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}

/* Form button & custom button style */
button {background: none; outline: none; border: none;}