@font-face{
    font-family:museo300;
    src:url(https://s3-ap-southeast-2.amazonaws.com/ht-webfonts/fonts/widget_fonts/MuseoSans-300.eot);
}
@font-face{
    font-family:museo300;
    src:url(https://s3-ap-southeast-2.amazonaws.com/ht-webfonts/fonts/widget_fonts/MuseoSans-300.otf);
}
@font-face{
    font-family:museo300;
    src:url(https://s3-ap-southeast-2.amazonaws.com/ht-webfonts/fonts/widget_fonts/MuseoSans-300.woff);
}
@font-face{
    font-family:museo300;
    src:url(https://s3-ap-southeast-2.amazonaws.com/ht-webfonts/fonts/widget_fonts/MuseoSans-300.ttf);
}
@font-face{
    font-family:museo500;
    src:url(https://s3-ap-southeast-2.amazonaws.com/ht-webfonts/fonts/widget_fonts/MuseoSans-500.eot);
}
@font-face{
    font-family:museo500;
    src:url(https://s3-ap-southeast-2.amazonaws.com/ht-webfonts/fonts/widget_fonts/MuseoSans-500.otf);
}
@font-face{
    font-family:museo500;
    src:url(https://s3-ap-southeast-2.amazonaws.com/ht-webfonts/fonts/widget_fonts/MuseoSans-500.woff);
}
@font-face{
    font-family:museo500;
    src:url(https://s3-ap-southeast-2.amazonaws.com/ht-webfonts/fonts/widget_fonts/MuseoSans-500.ttf);
}

html, body
{
    height: 100%;
}

.museo300
{
    font-family: museo300;
}

.museo500
{
    font-family: museo500;
}

.text-left
{
    text-align: left !important;
}

.text-center
{
    text-align: center !important;
}
.text-right
{
    text-align: right !important;
}

.display-inline-block
{
    display: inline-block;
}

.color-white
{
    color: white;
}

body, html
{
    width: 100%;
}

.widget-container
{
    max-width: 620px;
    margin: 0px auto;
}

#content{
  overflow-x: hidden;
}
.small-screen-row_div{
  position: relative !important;
}
.sidenews{
  min-height: 0px !important;
  padding-left: 10px;
  padding-right: 10px;
}

.widget
{
    max-width: 620px;
    min-height: 432px;
    padding: 35px;
    background-color: rgb(77,52,95);
}

.widget-logo-holder
{
    background-color: rgb(77,52,95);
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 35px;
}

.title-holder
{
    padding-bottom: 15px;
}

.title
{
    color: rgb(234,12,137);
    font-size: 25px;
}

.sub-title
{
    color: white;
    font-size: 14px;
}

.footer-icons-text
{
    padding-left: 8px;
}

.footer-icons
{
    position: relative;
    margin-top: -2px;
}

.footer-text
{
    margin: 0px;
    padding: 0px;
    padding-top: 3px;
}

.widget-footer
{
    padding: 15px 35px 15px 35px;
    max-width: 620px;
    background-color: rgb(243,243,245);
    position: relative;
}

.footer-icons-column .list-inline
{
    margin: 0px;
    padding: 0px;
    padding-top: 3px;
}

.footer-icons-column .list-inline li
{
    padding-left: 0px;
    padding-right: 2px;
}

.footer-icons-column .list-inline li a, .footer-icons-column .list-inline li a:hover
{
    text-decoration: none;
    cursor: pointer;
    color: rgb(35,31,32);
}

.pink-color
{
    color: rgb(226,28,142);
}

.footer-icons-column .list-inline li:not(:first-child)
{
    margin-left: 5px;
}

.common-form-container input[type="text"], .common-form-container input[type="email"]
{
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border: 0;
    padding: 7px 12px 7px 12px;
    width: 100%;
    margin-bottom: 13px;
    line-height: normal;
}

.common-form-container button, .common-form-container button:hover, .common-form-container button:focus
{
    width: 100%;
    text-align: left;
    background-color: rgb(234,10,136);
    color: white;

    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.arrow
{
    border-left: 70px solid transparent;

    border-right: 13px solid transparent;

    border-bottom: 43px solid rgb(95,180,228);

    transform: rotateZ(407deg);

    -webkit-transform: rotateZ(407deg);

    -moz-transform: rotateZ(407deg);

    -ms-transform: rotateZ(407deg);
}

.arrow-holder
{
    position: absolute;
    left: -38px;
    top: 50px;
}

.rounded-div
{
    margin: 0px auto;
    width: 250px;
    height: 250px;
    background-color: rgb(95,180,228);
    padding: 0px 28px;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.rounded-div p
{
    position: relative;
    top: 50%;

    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);

    font-size: 24px;
    color: white;
}

.table-responsive
{
    border: 0px !important;
    margin-bottom: 0px !important;
}

/*.table-responsive th
{
    border: 1px solid rgba(255,255,255,0.2) !important;
    color: white;
}*/

/*.table-responsive tbody
{
    border-color: rgba(255,255,255, 0.2);
}*/

.table
{
    margin-bottom: 0px;
}

table td:hover
{
    background-color: rgb(147,149,152);
    color: white;
}

.table-header
{
    background-color: rgb(95,180,228);
    padding: 8px;
}

.table-header span
{
    color: white;
    font-size: 14px;
    line-height: 1.42857143;
}

.table-responsive
{
    max-height: 222px;
}

.table-responsive tbody td
{
    border-top: 1px solid rgb(208,209,211) !important;
    cursor: pointer;
}

.table-responsive tbody td p
{
    margin: 0px;
    padding: 0;
}

.common-list-lightgrey-background
{
    background-color: rgb(243,243,245);
}

.common-list-darkgrey-background
{
    background-color: rgb(147,149,152);
    color: white;
}

.footer-social-section, .small-footer-social-section
{
    overflow: hidden;
}

.footer-social-section .list-inline
{
    margin: 0px;
    float: right;
}

.small-footer-social-section .list-inline
{
    margin: 0px;
}

.footer-social-section .list-inline>li, .small-footer-social-section .list-inline>li
{
    margin: 0px;
    padding: 0;
}

.footer-social-section ul li a, .small-footer-social-section ul li a
{
    background: url(../../images/widget_images/social-icons.png) no-repeat;
    display: block;
    text-indent: -9999px;
    color: rgb(35,31,32);
    width: 25px;
    height: 25px;
}

.footer-social-section ul li.facebook a, .small-footer-social-section ul li.facebook a
{
    background-position: 0 0;
}

.footer-social-section ul li.twitter a, .small-footer-social-section ul li.twitter a
{
    background-position: -28px 0;
}

.footer-social-section ul li.linked-in a, .small-footer-social-section ul li.linked-in a
{
    background-position: -55px 0;
}

.footer-social-section ul li.google-plus a, .small-footer-social-section ul li.google-plus a
{
    background-position: -82px 0;
}

.footer-social-section ul li.envelope a, .small-footer-social-section ul li.envelope a
{
    background-position: -109px 0;
}

.footer-social-section ul li.unknown a, .small-footer-social-section ul li.unknown a
{
    background-position: -136px 0;
}

.logo-column
{
    display: table;
    width: 100%;
    table-layout: fixed
}

.logo-column .left-side-logo, .logo-column .right-side-logo
{
    display: table-cell;
}

.logo-column .right-side-logo
{
    text-align: right;
}

.hide
{
    display: none;
}

.show
{
    display: block;
}

.footer-text-column:not(.hide), .footer-social-section.show
{
    display: block;
}

/*#third-screen-form input[type="text"]:not(:last-child)
{
    margin-bottom: 15px;
}*/

.fifth-screen-title
{
    color: rgb(98,180,229);
    font-size: 14px;
}

.fifth-screen-content
{
    color: white;
    font-size: 42px;
}

.fifth-screen-footer
{
    color: white;
    font-size: 12px;
}

.fifth-form-button
{
    padding: 9px 12px;
}

.fifth-form-button img
{
    margin-top: -3px;
    margin-right: 10px;
}

button, input[type="text"], input[type="email"]
{
    height: 40px;
}

.en-level
{
    font-size: 19px;
    color: white;
}

#fifth-screen-form
{
    margin-top: 13px;
}

#fifth-screen-form .form-group
{
    padding-right: 114px;
    position: relative;
}

.form-group
{
    margin-bottom: 0px;
}
/* HTML OVERLAY FUCTIONALITY */
.overlay-bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  /*  height: 100%;
    width: 100%;
    cursor: pointer;*/
    z-index: 9999;
/* high z-index */
    background: #000;
/* fallback */
    background: rgba(0,0,0,0.75);
}

.common-list-container .responsive-button-holder
{
    padding-top: 15px;
    display: none;
}

@media screen and (max-width: 620px)
{
    .common-form-container, .common-list-container
    {
        width: 100%;
    }

    .arrow
    {
        transform: rotateZ(426deg);
        -webkit-transform: rotateZ(415deg);
        -moz-transform: rotateZ(415deg);
        -ms-transform: rotateZ(415deg);
    }

    .fifth-form-button
    {
        margin-top: 18px;
    }

    #fifth-screen-form
    {
        margin-top: 31px;
    }

    .grade-textbox:not(.show), .experience-textbox:not(.show)
    {
        display: none;
    }

    .common-button-1
    {
        display: none !important;
    }

    .common-list-container .responsive-button-holder
    {
        display: block;
    }
}

@media screen and (max-width: 580px)
{
    .footer-icons-column
    {
        width: 100%;
        text-align: center;
    }

    .footer-text-column:not(.hide), .footer-social-section.show
    {
        display: none !important;
    }
}

@media screen and (max-width: 520px)
{
    .logo-column .left-side-logo, .logo-column .right-side-logo
    {
        display: block;
    }

    .logo-column .right-side-logo
    {
        margin-top: 20px;
    }

    .fifth-screen-content
    {
        font-size: 26px;
    }

    .en-level
    {
        font-size: 14px;
    }
}

@media screen and (max-width: 415px)
{
    .rounded-div
    {
        width: 200px;
        height: 200px;
    }

    .rounded-div p
    {
        font-size: 18px;
    }

    .arrow-holder
    {
        left: -13px;
        top: 25px;
    }

    .arrow
    {
        border-left: 50px solid transparent;

        border-right: 11px solid transparent;

        border-bottom: 28px solid rgb(95,180,228);
    }

    .widget
    {
        padding: 20px 20px;
    }

    .widget-logo-holder
    {
        padding: 0px 20px 20px;
    }

    .widget-footer
    {
        padding-left: 20px;
        padding-right: 20px;
    }

    .footer-icons-column .list-inline>li:not(:first-child)
    {
        padding-left: 0px !important;
    }

    .footer-icons-column .list-inline>li:not(:last-child)
    {
        padding-right: 2px !important;
    }

    .footer-icons-column .list-inline li:not(:first-child)
    {
        margin-left: 2px;
    }

    #fifth-screen-form .form-group
    {
        padding-right: 0px;
    }

    #fifth-screen-form input[type="email"]
    {
        padding-right: 103px;
    }
}

@media screen and (max-width: 325px)
{
    .footer-icons-text
    {
        font-size: 12px;
    }

    .title
    {
        font-size: 22px;
    }

    .sub-title
    {
        margin-bottom: 23px;
    }

    .fifth-screen-content
    {
        font-size: 20px;
    }
}

@media screen and (max-width: 300px)
{
    .fifth-form-button img
    {
        height: 18px;
        width: 18px;
    }

    .fifth-form-button span
    {
        font-size: 12px;
    }

    .table-responsive
    {
        max-height: 148px;
    }

    .left-side-logo img
    {
        width: 95%;
    }
    .widget
    {
        min-height: 510px;
    }

    .ps-container > .ps-scrollbar-y-rail
    {
        right: 12px !important;
    }
}