html, body {
    height: 100%;
    width: 100%;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -font-smoothing: antialiased;
}

a {
    transition: all 0.35s ease 0s;
    -webkit-transition: -webkit-transform 0.35s ease-out;
    cursor: pointer;
}

a:hover, a:focus {
    outline: 0 none;
}


.padding0 {
    padding: 0 !important;
}
.margin0{
    margin: 0px !important;
}
.margin1{
    margin-top: 1px !important;
}
.margin2{
    margin-top: 2px !important;
}
.margin3{
    margin-top: 3px !important;
}
.margin4{
    margin-top: 4px !important;
}
.margin5{
    margin-top: 5px !important;
}
.margin6{
    margin-top: 6px !important;
}
.margin7{
    margin-top: 7px !important;
}
.margin8{
    margin-top: 8px !important;
}
.margin9{
    margin-top: 9px !important;
}
.margin10{
    margin-top: 10px !important;
}
.margin11{
    margin-top: 11px !important;
}
.margin12{
    margin-top: 12px !important;
}
.margin13{
    margin-top: 13px !important;
}
.margin14{
    margin-top: 14px !important;
}
.margin15{
    margin-top: 15px !important;
}
.margin16{
    margin-top: 16px !important;
}
.margin17{
    margin-top: 17px !important;
}
.margin18{
    margin-top: 18px !important;
}
.margin19{
    margin-top: 19px !important;
}
.margin20{
    margin-top: 20px !important;
}
.margin21{
    margin-top: 21px !important;
}
.margin22{
    margin-top: 22px !important;
}
.margin23{
    margin-top: 23px !important;
}
.margin24{
    margin-top: 24px !important;
}
.margin25{
    margin-top: 25px !important;
}
.margin26{
    margin-top: 26px !important;
}
.margin27{
    margin-top: 27px !important;
}
.margin28{
    margin-top: 28px !important;
}
.margin29{
    margin-top: 29px !important;
}
.margin30{
    margin-top: 30px !important;
}
.margin31{
    margin-top: 31px !important;
}
.margin32{
    margin-top: 32px !important;
}
.margin33{
    margin-top: 33px !important;
}
.margin34{
    margin-top: 34px !important;
}
.margin35{
    margin-top: 35px !important;
}
.margin36{
    margin-top: 36px !important;
}
.margin37{
    margin-top: 37px !important;
}
.margin38{
    margin-top: 38px !important;
}
.margin39{
    margin-top: 39px !important;
}
.margin40{
    margin-top: 40px !important;
}
.justify {
    text-align: justify !important;
}
.font10{
    font-size: 10px !important;
}
.font11{
    font-size: 11px !important;
}
.font12{
    font-size: 12px !important;
}
.font13{
    font-size: 13px !important;
}
.font14{
    font-size: 14px !important;
}
.font15{
    font-size: 15px !important;
}
.font16{
    font-size: 16px !important;
}
.font17{
    font-size: 17px !important;
}
.font18{
    font-size: 18px !important;
}
.font19{
    font-size: 19px !important;
}
.font20{
    font-size: 20px !important;
}
.font21{
    font-size: 21px !important;
}
.font22{
    font-size: 22px !important;
}
.font23{
    font-size: 23px !important;
}
.font24{
    font-size: 24px !important;
}
.font25{
    font-size: 25px !important;
}
.font26{
    font-size: 26px !important;
}
.font27{
    font-size: 27px !important;
}
.font28{
    font-size: 28px !important;
}
.font29{
    font-size: 29px !important;
}
.font30{
    font-size: 30px !important;
}
.font31{
    font-size: 31px !important;
}
.font32{
    font-size: 32px !important;
}
.font33{
    font-size: 33px !important;
}
.font34{
    font-size: 34px !important;
}
.font35{
    font-size: 35px !important;
}
.font36{
    font-size: 36px !important;
}
.bold{
    font-weight: bold;
}
.white_color{
    color: #fff !important;
}
.color1{
    color: #636262 !important;
}

/*
.color2{
    color: #344d86 !important;
}
.color3{
    color: #d6201f !important;
}
.color4{
    color: #f2f2f2 !important;
}
.color5{
    color: #ccc !important;
}
*/
.absolute{
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    float: none !important;
     margin: auto !important;
}

.vertical_align_table   {
    display: table !important;
    width: 100% !important;
    height: 100% !important;
    float: none !important;
}
.vertical_align_table_inner {
    display: table-cell !important;
    vertical-align: middle !important;
    float: none !important;
}

@media only screen and (min-width: 768px)  {

.vertical-align {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
   display: -webkit-box;    
    flex-direction: row;
    justify-content: center;
}
    
  
    
}

.transform  {
-ms-transform: matrix(1, 0, 0, 1, -213, 0);
        -webkit-transform: matrix(1, 0, 0, 1, -213, 0);
        -moz-transform: matrix(1, 0, 0, 1, -213, 0);
        -o-transform: matrix(1, 0, 0, 1, -213, 0);
}

/*Hack css for IE*/
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
    
}

/*Hack css for IE*/



/*Hack css for Safari Only*/

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    .myClass {
     color:red;
    }

    /* Safari only override */
    ::i-block-chrome,.myClass {
     color:blue;
    }
}

/*Hack css for Safari Only*/


/*Hack css for Chrome and Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    
}

/*Hack css for Chrome and Safari */