@CHARSET "UTF-8";
@font-face{
    font-family: OpenSans-Semibold;
    src: url('../fonts/OpenSans-Semibold.ttf');
}
@font-face{
    font-family: helveticaneue;
    src: url('../fonts/HelveticaNeue.otf');
}
@font-face{
    font-family: OpenSans-Bold;
    src: url('../fonts/OpenSans-Bold.ttf');
}
@font-face{
    font-family: OpenSans-ExtraBold;
    src: url('../fonts/OpenSans-ExtraBold.ttf');
}
@font-face{
    font-family: RobotoCondensed-Bold;
    src: url('../fonts/RobotoCondensed-Bold.ttf');
}
@font-face{
    font-family: RobotoCondensed-Regular;
    src: url('../fonts/RobotoCondensed-Regular.ttf');
}
@font-face{
    font-family: RobotoCondensed-Light;
    src: url('../fonts/RobotoCondensed-Light.ttf');
}
@font-face{
    font-family: UVNVan;
    src: url('../fonts/UVNVan.TTF');
}
@font-face{
    font-family: OpenSans-BoldItalic;
    src: url('../fonts/OpenSans-BoldItalic.ttf');
}
@font-face{
    font-family: OpenSans-Regular;
    src: url('../fonts/OpenSans-Regular.ttf');
}
@font-face{
    font-family: MyriadPro-Regular;
    src: url('../fonts/MyriadPro-Regular.ttf');
}
@font-face{
    font-family: MonteCarlo;
    src: url('../fonts/MonteCarlo-Regular.ttf');
}


::-webkit-scrollbar
{
    width: 10px;  /* for vertical scrollbars */
    height: 12px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track
{
    background: #ecf8ef;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb
{
    background: #f8c600;
    border-radius: 10px;
}
body{
        overflow-x: hidden;
}
#key_word{
    font-family: OpenSans-Regular !important;
}
.my-fadein{
    opacity:0;
}
.my-fadeleft{
    opacity:0;
    position: relative;
    right:100px;
}
.my-faderight{
    opacity:0;
    position: relative;
    left:100px;
}

.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-white{
    color: #FFF;
}

.text-blue{
    color: #0A1455;
}

.text-bold{
    font-weight: bold;
}
.padding-0{
    padding : 0
}

.padding-top-0{
    padding-top: 0px;
}
.padding-top-10{
    padding-top: 10px;
}

.padding-top-20{
    padding-top: 20px;
}
.padding-top-30{
    padding-top: 30px;
}
.padding-top-40{
    padding-top: 40px;
}
.padding-top-50{
    padding-top: 50px;
}
.padding-top-60{
    padding-top: 60px;
}
.padding-top-70{
    padding-top: 70px;
}
.padding-top-80{
    padding-top: 80px;
}
.padding-top-90{
    padding-top: 90px;
}
.padding-top-100{
    padding-top: 100px;
}

.padding-right-0{
    padding-right: 0
}
.padding-right-10{
    padding-right: 10px;
}
.padding-right-15{
    padding-right: 15px;
}
.padding-right-20{
    padding-right: 20px;
}


.padding-left-0{
    padding-left: 0;
}
.padding-left-10{
    padding-left: 10px;
}
.padding-left-15{
    padding-left: 15px;
}
.padding-left-20{
    padding-left: 20px;
}

.padding-bottom-0{
    padding-bottom: 0px;
}
.padding-bottom-10{
    padding-bottom: 10px;
}
.padding-bottom-20{
    padding-bottom: 20px;
}
.padding-bottom-30{
    padding-bottom: 30px;
}
.padding-bottom-40{
    padding-bottom: 40px;
}
.padding-bottom-50{
    padding-bottom: 50px;
}
.padding-bottom-60{
    padding-bottom: 60px;
}
.padding-bottom-70{
    padding-bottom: 70px;
}
.padding-bottom-80{
    padding-bottom: 80px;
}
.padding-bottom-90{
    padding-bottom: 90px;
}
.padding-bottom-100{
    padding-bottom: 100px;
}





.margin-bottom-5{
    margin-bottom: 5px
}
.margin-bottom-10{
    margin-bottom: 10px
}

.margin-bottom-15{
    margin-bottom: 15px;
}
.margin-bottom-20{
    margin-bottom: 20px
}

.margin-bottom-25{
    margin-bottom: 25px;
}
.margin-bottom-40{
    margin-bottom: 40px
}
.margin-top-20{
    margin-top: 20px;
}
.margin-top-30{
    margin-top: 30px;
}
.margin-top-40{
    margin-top: 40px;
}

.margin-left-10{
    margin-left: 10px;
}
.margin-left-20{
    margin-left: 20px;
}

.position-relative{
    position: relative
}
.position-absolute{
    position: absolute
}