.text-uppercase{text-transform: uppercase}
.text-center,.align-center{text-align: center;}
.mgt10{margin-top: 10px !important;}
.mgt20{margin-top: 20px !important;}
.mgl10{margin-left: 10px !important;}
.mgl20{margin-left: 20px !important;}
.mgl30{margin-left: 30px !important;}
.mgr10{margin-right: 10px !important;}
.mgr20{margin-right: 20px !important;}
.mgb10{margin-bottom: 10px !important;}
.mgb20{margin-bottom: 20px !important;}
.bdr20{border-radius: 20px !important;}
.over-hidden{overflow: hidden !important;}

@font-face {
    font-family: Nabila;
    src: url(Nabila.ttf);
}
.wl100
{
    float: left;
    width: 100%;
}
*{
    margin: 0;
    padding: 0;
}
.detail-content h2,.detail-content h3,.detail-content h4,.detail-content h1,.detail-content p,.detail-content ul
{
    margin-bottom: 15px;
}
* {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}
a {
    text-decoration: none
}
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0
}

.clearfix {
    display: block
}

* html .clearfix {
    height: 1%
}

ul {
    list-style: none
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

figure {
    margin: 10px 0;
    font-style: italic
}

.btn_button, .btn_buy, .btn_choose, .btn_contact, .btn_login, .btn_register {
    padding: 15px 20px;
    color: #fff!important;
    text-decoration: none;
    font-weight: 700;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer
}

.btn_button {
    background: #F90000
}

.btn_buy {
    background: #ffa627
}

.btn_choose {
    background: #00468f
}

.btn_register {
    background: #0071db
}

.btn_login {
    background: #34c444
}

.btn_contact {
    background: #227f2c
}

.btn_button:hover, .btn_buy:hover, .btn_choose:hover, .btn_contact:hover, .btn_login:hover, .btn_register:hover {
    background: #F99500;
    text-decoration: none!important
}

.hide {
    display: none
}
.nabila
{
    font-family: Nabila;
}
/*------------------------------------------End Fix------------------------------------------------*/

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    background: url(../images/bg.png) no-repeat top right;
    background-size: contain;
    font-style: normal;
    width: 100%;
}

.container {
    width: 100%;
    float: left
}
.container>div
{
    width: 1024px;
    margin:auto calc((100% - 1024px)/2);
    float: left;
}

.container-header {
    float: left;
    padding: 20px 0;
    text-align: center;
}

.logo_pc {
    display: block
}

.logo_m {
    display: none
}
/*-------------------------------------------Menu----------------------------------------*/
.menu {
    background: #3A8BDA;
    position: relative;
    z-index: 1000;
}

.list_menu {
    float: left;
    width: 100%;
    box-shadow: 1px 1px 2px #bbb6b6;
}

.list_menu>li {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.list_menu>li>a {
    color: #fff;
    float: left;
    padding:10px 8px;
    font-size: 13px;
    font-weight: 500;
    border-top: 3px solid #3A8BDA;
    line-height: 27px;
    text-transform: uppercase;
}
.list_menu>li>a.active, .list_menu>li>a:hover {
    border-top: 3px solid #F9FF38;
    color: #042891;
}

.child_menu {
    position: absolute;
    float: left;
    width: 250px;
    clear: both;
    background: #3A8BDA;
    top: 50px;
    display: none;
    box-shadow: 1px 1px 2px #bbb6b6;
}
.child_menu>li>a{
    float: left;
    padding: 10px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    border-bottom: 1px dotted #cdcdcd;
    width: 227px;
    border-left: 3px solid #3A8BDA;
}
.child_menu>li>a:hover{
    border-left: 3px solid #F9FF38;
    color: #042891;
}

.child_menu:hover, .sub_menu:hover .child_menu {
    display: block;
}


.sub_menu_reg
{
    background: #F9FF38;
    text-align: center;
    float: right !important;
}
.list_menu>li.sub_menu_reg>a,.list_menu>li.sub_menu_reg>a:hover
{
    color: #042891;
    height: 30px;
    border: none !important;
    line-height: 14px;
}

.left-menu li
{
    float: left;
    padding: 10px 0 10px 30px;
    width: calc(100% - 30px);
    border-bottom: 1px solid #cdcdcd;
}
.left-menu li:last-child
{
    border-bottom: none;
}
.left-menu li:hover,.left-menu li.active
{
    background: url(../images/bg_left_menu.png) no-repeat center left;
}
.left-menu li:hover a,.left-menu li.active a
{
    color: #0241B9;
}
.left-menu li a
{
    float: left;
    width: 100%;
    color: #111;
    font-size: 16px;
}
/*-----------------------------------------Slide-------------------------------*/
.box_slide>div{
    margin-top: 20px;
    box-shadow: 1px 1px 2px #bbb6b6;
}
.slide-home
{
    width: 670px;
    float: left;
}
.highlights
{
    width: 330px;
    float: right;
    background: #42A4FF;
}
.highlights>p
{
    width: 100%;
    padding: 5px 5px 0;
    float: left;
    border-bottom: 1px dashed #fff;
}
.highlights>p:last-child
{
    border-bottom: none;
}
.highlights>p>*
{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}
.highlights>p>img
{
    width: 138px;
}

.highlights>p>span,.highlights>p>strong
{
    text-shadow: 1px 1px 2px #28659c;
}

/*--------------------------Notify----------------------*/
.container>.notify
{
    margin-top: 20px;
    box-shadow: 0px 3px 3px #cdcdcd;
    border-top: 7px solid #004A8E;
    padding: 10px 0;
}
.notify-info
{
    width: 430px;
    float: left;
    padding: 10px 20px;
    color: #004A8E;
    text-align: justify;
    line-height: 20px;
}
.notify-info>h3
{
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 20px;
}
.notify-info >h1
{
    line-height: 30px;
}
.notify-info h2
{
    line-height: 28px;
}
.notify-content
{
    width: 510px;
    float: left;
    padding: 10px 20px;
    color: #004A8E;
    text-align: justify;
    line-height: 25px;
}
.notify-link
{
    float: left;
    width: 285px;
    height: 50px;
    background: url('../images/button.png') no-repeat top left;
    line-height: 50px;
    font-weight: 500;
    text-align: center;
    color: #004A8E;
    margin: 10px calc((100% - 285px)/2);
}
.notify-link:hover
{
   transform: scale(1.2,1.2);
}
/*-------------------Home list Category--------------------*/
.box_title
{
    float: left;
    width: 100%;
    color: #2A2A2A;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 10px;
}
.box_title p
{
    font-weight: normal;
    font-size: 15px;
    margin-top: 5px;
    text-transform: capitalize;
    line-height: 26px;
}
.home-list-cat
{
    width:100%;
    float: left;
}

.cat-detail
{
    float: left;
    width: calc(50% - 35px);
    border: 2px solid #1C5087;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 20px;
}
.cat-detail:nth-child(2n)
{
    float: right;
}
.cat-detail:last-child
{
    float: right;
    margin-right: 0;
}
.cat-detail-preview
{
    background: #fff;
    float: left;
    width: 100%;
}
.cat-detail-preview img
{
    float: left;
    width: 225px !important;
    height: 225px !important;
}
.cat-detail-preview>h4,.cat-detail-preview>h3
{
    color: #1C5087;
    text-shadow: 4px 0 0 #fff, -4px 0 0 #fff, 0 4px 0 #e0e0e0, 0 -4px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
    text-transform: uppercase;
    font-size: 20px;
    padding:0 5px;
    width: calc(100% - 235px);
    float: left;
}
.cat-detail-preview>h4>*,.cat-detail-preview>h3>*
{
    display: inline-block;
    vertical-align: bottom;
}
.cat-detail-preview .border-cat-title
{
    width: 50px;
    position: relative;
    top: -6px;
    left: 4px;
}
.border-cat-title
{
    border-bottom: 1px solid #1C5087;
    padding-bottom: 2px;
}
.border-cat-title>*
{
    border-bottom: 1px solid #1C5087;
    float: left;
    width: 80%;
}
.cat-detail-preview>p
{
    width: calc(100% - 235px);
    float: left;
    padding:0 5px;
    line-height: 23px;
    font-size: 13px;
}
.cat-detail-preview>a:last-child
{
    width: calc(100% - 250px);
    float: left;
    padding: 10px;
    margin-left: 5px;
    background: #ffc600;
    color: #1C5087;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
}
.cat-detail-preview>a:last-child:hover
{
    background: #FFE500;
    color:#004B8F;
}
.home-cat-list-news
{
    float: left;
    width: 100%;
    margin-top: 20px;
}
.home-cat-list-news>li
{
    list-style-type: square;
    float: left;
    width: calc(100% - 20px);
    margin-left: 15px;
    color: #004B8F;
    min-height: 44px;
}
.home-cat-list-news a
{
    width: 100%;
    float: left;
    color: #3b3b3b;
}
.home-cat-list-news a:hover
{
    color: #004B8F;
    text-decoration: underline;
}

.home-cat-list-news>a>span
{
    float: right;
    width: calc(65% - 10px);
    color: #3b3b3b;
    line-height: 25px;
    padding: 0px;
    border-bottom: none;
}

/*------------------------------------Home Left - Right Box---------------------------*/
.home-left-box
{
    width: 65%;
    float: left;
}

.list-news-4-square
{
    float: left;
    width: calc(100% - 40px);
    padding: 20px;
    background: #f9f9f9;
    box-shadow: 0px 3px 3px #cdcdcd;
}
.list-news-4-square>a
{
    float: left;
    width: calc(50% - 10px);
    color: #3b3b3b;
    margin-bottom: 10px;
}
.list-news-4-square>a:nth-child(2n) {
    float: right;
}
.list-news-4-square>a>img
{
    float: left;
    border-radius: 5px;
    width: calc(100% - 2px);
    height: 180px;
}
.list-news-4-square>a>span
{
    padding: 5px;
    font-size: 14px;
    float: left;
    font-weight: 500;
    line-height: 25px;
    height: 65px;
    overflow: hidden;
}
.list-news-4-square>a:hover>span
{
    color: #033c7d;
}
.list-news-more
{
    background: #E3E3E3;
    width: 100%;
    float: left;
    text-align: center;
    color: #3b3b3b;
    padding: 10px 0;
    box-shadow: 0px 3px 3px #cdcdcd;
}
.list-news-more:hover
{
    background: #164D6B;
    color: #fff;
}

.home-right-box
{
    width: calc(35% - 25px);
    float: right;
}
.list-news-vertical
{
    float: left;
    width: calc(100% - 40px);
    padding: 20px;
    box-shadow: 0px 3px 3px #cdcdcd;
}
.list-news-vertical>a
{
    float: left;
    width: 100%;
    color: #3b3b3b;
    padding: 7px 0 7.5px;
    border-bottom: 1px dashed #3b3b3b;
}
.list-news-vertical>a:last-child,.list-news-vertical>a:hover:last-child
{
    border-bottom: none;
}
.list-news-vertical>a>i
{
    float: left;
    color: #0241B9;
    width: 10px;
    margin-right: 5px;
    margin-top: 3px;
}
.list-news-vertical>a>span
{
    float: left;
    line-height: 24px;
    width: calc(100% - 20px);
}
.list-news-vertical>a:hover
{
    border-bottom: 1px dashed #0241B9;
}
.list-news-vertical>a:hover>span
{
    color: #0241B9;
}

.home-right-box .list-news-more
{
    background: #164D6B;
    color: #fff;
}
.home-right-box .list-news-more:hover
{
    background: #FFE500;
    color: #004B8F;
}

.link_special
{
    font-size: 25px;
    font-weight: 500;
    float: left;
    width: 100%;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 10px;
    min-height: 60px;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    text-transform: uppercase;
    background-image: linear-gradient(to top,#23a93a,#30dc45);
    padding: 10px 0;
}
.link_special:hover
{
    transform: scale(1.1);
    box-shadow: 3px 3px 5px #333;
}

.link_special:first-child
{
    background-image: linear-gradient(to top,#024D91,#3381CC);
    line-height: 60px;
}
.link_special:nth-child(2)
{
    background-image: linear-gradient(to top,#D04352,#F4566D);
    line-height: 60px;
}
.link_special:nth-child(3)
{
    background-image: linear-gradient(to top,#E2AD4E,#F9CE7F);
}

/*-----------------------------Home Story--------------------------*/
.home-story
{
    float: left;
    width: 100%;
    border-top: 3px solid #033B6C;
    margin-top: 40px;
}
.home-story>h3
{
    position: relative;
    width: 50%;
    text-align: center;
    padding: 10px;
    background: #fff;
    color: #033B6C;
    font-size: 20px;
    top: -25px;
    left: calc(25% - 20px);
    text-transform: uppercase;
}
.home-story-text
{
    width: 100%;
    float: left;
}
.home-story-text>h4
{
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 20px;
}
.home-story-text>h4>span
{
    font-size: 40px;
    font-weight: 500;
}
.home-story-text>p
{
    margin-bottom: 20px;
    line-height: 25px;
    font-size: 16px;
}
.home-story-text .nabila
{
    color: #C4021F;
    text-align: center;
    font-size: 25px;
    margin-bottom: 20px;
}
.home-story-text .disc
{
    width: 10px;
    height: 10px;
    float: left;
    background: #C4021F;
    transform: rotate(45deg);
    margin-right: 20px;
    margin-top: 5px;
}

.home-story-text>p>i.fas
{
    color: #40A4FF;
    margin: 0 1px;
}
.home-story-video
{
    width: calc(60% - 20px);
    float: right;
    opacity: 0.5;
}
/*--------------------------------Pham Chat-----------------------------*/
.title-phamchat
{
    color: #00498E;
    font-size: 20px;
    margin-bottom: 80px;
    padding-left: 30px;
    float: left;
    width: 100%;
}
.title-phamchat>span
{
    color: #fff;
    text-shadow: 2px 0 0 #00498E, -2px 0 0 #00498E, 0 2px 0 #00498E, 0 -2px 0 #00498E, 1px 1px #00498E, -1px -1px 0 #00498E, 1px -1px 0 #00498E, -1px 1px 0 #00498E;
    font-size: 50px;
}
.phamchat
{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 70px;
}
.phamchat:last-child
{
    margin-bottom: 30px;
}
.phamchat>img
{
    position: absolute;
    top:-50px;
    left: 20px;
}
.phamchat>span
{
    float: left;
    width: calc(100% - 554px);
    padding: 10px 20px 10px 534px;
    background: #42A4FF;
    border-radius: 60px;
    color: #fff;
    font-style: italic;
    line-height: 25px;
}

/*----------------------------List Hình Ảnh---------------------*/
.home-list-img
{
    float: left;
    width: 100%;
}
.home-list-img img:hover
{
    transform: scale(1.2);
}
.home-list-img-top>div:nth-child(1),.home-list-img-top>div:nth-child(2)
{
    width: calc(25% - 20px);
    height: 236px;
    float: left;
    margin-right: 20px;
    background: green;
    overflow: hidden;
}
.home-list-img-top>div:nth-child(3)
{
    width: 50%;
    float: right;
    height: 236px;
    background: red;
    overflow: hidden;
}
.home-list-img-top img
{
    height: 100%;
    width: 100%;
}


.home-list-img-left
{
    width: calc(65% - 20px);
    float: left;
}

.home-list-img-left img
{
    width: 100%;
}
.home-list-img-left>div:first-child
{
    margin-bottom: 20px;
}

.home-list-img-right
{
    width: 35%;
    float: right;
}


.home-list-img-right img
{
    width: 100%;
}
.home-list-img-right>div
{
    margin-bottom: 20px;
}

.home-list-img-left>div,.home-list-img-right>div
{
    overflow: hidden;
}
/*--------------------------------------List Đối Tác------------------------------*/
.list-doitac
{
    width: calc(100% - 40px);
    float: left;
    padding: 20px;
    background: #E6E6E6;
    border-bottom: 7px solid #004A8E;
    margin-bottom: 50px;
    text-align: center;
}
.list-doitac>a
{
    padding: 0 10px;
    display: inline-block;
}
/*--------------------------Site Chi tiết bài viết-------------------------------*/
.breadcrumbs-detail
{
    width: 100%;
    float: left;
}
.breadcrumbs-detail>li
{
    list-style-type: none;
    float: left;
    margin: 0 2px;
}
.breadcrumbs-detail>li>a,.breadcrumbs-detail>li>i
{
    color: gray;
}
.breadcrumbs-detail>li.current>a
{
    color: #3A8BDA;
}

.detail_title
{
    color: #014991;
    font-size: 21px;
    text-align: justify;
    line-height: 32px;
    width: 100%;
    float: left;
    margin-top: 20px;
    text-transform: uppercase;
    padding-bottom: 12px;
}
.detail_title.text-center{
    text-align: center;
}
.detail-interview
{
    color: gray;
    font-size: 13px;
    padding-bottom: 10px;
    border-bottom: 1px dashed gray;
}
.detail-content
{
    color: #111;
    font-size: 15px;
    line-height: 25px;
    text-align: justify;
}
.detail-content h2
{
    color: #014991;
}
.detail-content table
{
    width:100%;
    max-width:100%;
}
.detail-content>ul
{
    list-style: unset;
}
.detail-content>ul>li
{
    margin-left: 20px;
}
.detail-content>p
{
    margin-bottom: 20px;
}
.detail-content img
{
    max-width: 100%;
    width: 100%;
    height: auto;
}
.detail-content table img
{
    width: auto !important;
}
.detail-content-item figure {
    padding: 5px;
    background: #fff;
}

.detail-list-3-news
{
    float: left;
    width: calc(100% - 40px);
    padding: 20px;
    background: #33526F;
}
.detail-list-3-news>a
{
    float: left;
    width: calc((100% - 40px)/3);
    margin-bottom: 20px;
    margin-right: 20px;
}
.detail-list-3-news>a:nth-child(3n) {
    margin-right: 0px;
}
.detail-list-3-news>a>img {
    width: 100%;
    float: left;
}
.detail-list-3-news>a>b,.detail-list-3-news>a>strong,.detail-list-3-news>a>h3
{
    color: #fff;
    font-weight: 500;
    margin-top: 10px;
    float: left;
    margin-bottom: 10px;
    line-height: 25px;
    max-height: 50px;
    overflow: hidden;
    font-size: 15px;
}
.detail-list-3-news>a:hover>b,.detail-list-3-news>a:hover>strong {
    color: #FFF400;
}
.detail-list-3-news>a>span
{
    color: #fff;
    font-weight: 500;
    margin-top: 5px;
    float: left;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
}
.detail-content table>tr,.detail-content table>th,.detail-content table tr>td
{
    border-color: gray;
    border-collapse: collapse;
    text-align: left;
    padding-left: 5px;
    border:1px solid gray;
}
.detail-content table tr>td
{
    /*padding: 5px;*/
}
.detail-content table tr,.detail-content table th,.detail-content table tr td,.detail-content table
{
    border-spacing: 0px;
}
.detail-content table tr p,.detail-content table th p,.detail-content table tr td p,.detail-content table
{
    margin-bottom: 0px;
}
/*------------------------------------Ban Tin Truong-------------------------------------*/
.box-tin-truong,.box-tin-truong h2
{
    float: left;
    width: calc(100% - 40px);
    color: #014B8C;
    font-size: 20px;
    text-transform: uppercase;
    padding: 10px 20px;
    font-weight: 500;
    background: #B6DDEC;

}
.list-news-4-square-truong>a>span
{
    color: #fff;
}
.list-news-4-square-truong>a:hover>span
{
    color: #FFF400;
}

.list-news-truong
{
    box-shadow: 3px 3px 3px #cdcdcd;
    width: calc(100% - 40px);
    padding: 20px;
    float: left;
}

.list-news-truong>a {
    width: 100%;
    float: left;
    color: #3b3b3b;
    border-bottom: 1px dashed #5A748B;
    padding: 10px 0;
}

.list-news-truong>a:nth-last-child(2)
{
    border: none;
}
.list-news-truong>a>img
{
    float: left;
    width: 45%;
    border-radius: 5px;
    height: 150px;
}
.list-news-truong>a>b
{
    float: right;
    width: calc(55% - 10px);
    color: #262626;
    line-height: 25px;
    padding: 0px;

}
.list-news-truong>a:hover>b {
    color: #014B8C;
}
.list-news-truong>a>span
{
    float: right;
    width: calc(55% - 10px);
    color: gray;
    line-height: 25px;
    font-size: 12px;
    padding: 0px;
}
.list-news-truong>a>p
{
    float: right;
    width: calc(55% - 10px);
    color: #252525;
    font-size: 13px;
    line-height: 22px;
}
.phantrang>a
{
    color: gray;
    padding: 5px;
}
.phantrang>a:hover
{
    color: #262626;
}
/*---------------------------------------Giới thiệu----------------------------------*/
.gt-thong-diep
{
    box-shadow: 2px 2px 3px #cdcdcd;
    padding: 20px 0;

}
.gt-content
{
    color: #222;
    line-height: 25px;
    float: left;
    width: calc(100% - 40px);
    padding: 20px;
}
.gt-content>p
{
    margin-bottom: 10px;
}
.title-background
{
    color: #054993;
    text-transform: uppercase;
    display: inline-block;
    padding-bottom: 15px;
    border-bottom: 1px solid #054993;
    position: relative;

}
.title-background>span,.title-background>b,.title-background>strong
{
    padding-bottom: 12px;
    border-bottom: 1px solid #054993;
    margin: 0 20px;
}
.title-background img
{
    padding: 2px 0 2px 3px;
    background: #fff;
    position: absolute;
    bottom: -15px;
    left: calc(50% - 15px);
}
.cat-detail-preview-gioithieu:hover
{
    transform: scale(1.1);
}
.cat-detail-preview-gioithieu>h4
{
    font-size: 15px;
    position: relative;
}
.cat-detail-preview-gioithieu .border-cat-title
{
    width: 40px;
    position: absolute;
    right: -33px;
    bottom: 15px;
    top: unset;
    left: unset;
}
.about-story
{
    background: #fff;
    padding: 20px;
    float: left;
    width: calc(100% - 40px);
}
.about-story-text
{
    color: #262626;
    width: 40%;
    float: left;
}
.about-story-text>h4
{
    color: #0B4E94;
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 20px;
}
.about-story-text>h4>span
{
    font-size: 40px;
    font-weight: 500;
}
.about-story-text>p
{
    margin-bottom: 20px;
    line-height: 20px;
    font-size: 13px;
}

.about-story-text>p>i.fas
{
    color: #40A4FF;
    margin: 0 1px;
}
.about-story-video
{
    width: calc(60% - 20px);
    float: right;
    background: url(../images/bg_span_gt.png) no-repeat bottom left;
    background-size: contain;
}
.about-story-video>iframe
{
    opacity: 0.7;
}
.about-story-video>span
{
    padding: 10px 0 5px;
    background: #fff;
    font-weight: 500;
    margin-bottom: 15px;
    color: #0B4E94;
}
/*---------------------------Ngành----------------------------------*/
.detail-nganh
{
    float: left;
    width: 100%;
    box-shadow: 3px 3px 3px #cdcdcd;
}
.preview-nganh
{
    position: relative;
    background: #fff;
    padding-top:150px;
}
.preview-nganh>*
{
    position: relative;
    z-index: 1;
}
.preview-nganh>img:first-child
{
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 0;
    left: 0;
}
.title-nganh
{
    color: #135CA1;
    text-shadow: 4px 0 0 #fff, -4px 0 0 #fff, 0 4px 0 #e0e0e0, 0 -4px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
    text-transform: uppercase;
    font-size: 35px;
    margin-top: -100px;
    font-weight: 700;
    line-height: 50px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    width: calc(100% - 40px);
    float: left;
}
.preview-nganh-info1
{
    color: #135CA1;
    float: left;
    padding: 20px;
    line-height: 30px;
    font-size: 15px;
}
.preview-nganh-link-reg
{
    width: 188px;
    height: 37px;
    float: left;
    text-transform: uppercase;
    color: #fff !important;
    font-size: 17px;
    text-align: center;
    margin: 0 20px;
    clear: both;
    text-shadow: 1px 1px 1px #333;
    line-height: 35px;
    background: url(../images/btn_reg.png) no-repeat center;
}
.preview-nganh-link-reg:hover
{
    transform: scale(1.1);
}
.preview-nganh-info2
{
    float: left;
    padding: 20px;
    width: calc(100% - 40px);
    line-height: 20px;
    text-shadow: 1px 1px 1px #fff;
    font-size: 14px;
    font-weight: 500;
}
.preview-nganh-info2>p
{
    margin-bottom: 10px;
    line-height: 28px;
}


.content-nganh
{
    float: left;
    width: calc(100% - 40px);
    padding: 20px;
    line-height: 25px;
}
.content-nganh>*
{
    float: left;
    margin-bottom: 10px;
}
.content-nganh-title
{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.content-nganh-title strong
{
    border-bottom: 2px solid #388DDC;
    color: #388DDC;
    padding-bottom: 2px;
    line-height: 35px;
    top: -5px;
    position: relative;
    font-weight: normal;
}

.content-nganh-link50>a
{
    float: left;
    width: calc(50% - 10px);
    color: #135CA1;
    font-weight: 700;
}
.content-nganh-link50>a:nth-child(2n)
{
    float: right;
}
.list-style1 .fas
{
    color: #135CA1;
    margin: 0 1px;
}

.list-style1>li
{
    font-weight: 700;
    font-style: italic;
}
.star-title
{
    color: #B51D22;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 0;
}
.star-title>strong
{
    float: left;
    width: 30px;
    height: 26px;
    background: url(../images/icon_star.png) no-repeat top left;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 11px;
}

.special-title
{
    background-color: #135CA1;
    border-radius: 30px 0 0 0;
    color: #fff;
    font-weight: 500;
    text-shadow: 1px 1px 1px #6d6d6d;
    font-size: 15px;
    box-shadow: 2px 2px 3px #949494;
    margin-top: 20px;
}

.special-title>strong
{
    color: #135CA1;
    text-shadow: 4px 0 0 #fff, -4px 0 0 #fff, 0 4px 0 #e0e0e0, 0 -4px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
    font-size: 50px;
    font-weight: 700;
    display: inline-block;
    margin-left: -5px;
    margin-top: -10px;
    margin-right: 10px;
}
.special-title>span
{
    background: url(../images/bg_title.png) no-repeat top right;
    margin-right: -16px;
    display: inline-block;
    line-height: 33px;
    padding-right: 20px;
    min-width: 400px;
}


.info-tuyensinh
{
    float: left;
    width: calc(100% - 40px);
    padding: 20px;
    border-radius: 20px;
    box-shadow: 3px 3px 3px #cdcdcd;
    line-height: 25px;
}
.info-tuyensinh-title
{
    background: #135CA1;
    float: left;
    padding: 10px 20px;
    width: 100%;
    margin: -20px 0 0px -20px;
    border-radius: 20px 20px 0 0;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    border-bottom: 7px solid #3C97F0;
}

.info-tuyensinh-content
{
    color: #063572;
    line-height: 25px;
}
.info-tuyensinh-content>p
{
    margin-bottom: 10px;
}
.info-tuyensinh-content a{
    color: #063572;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}
.info-tuyensinh-content .fas, .info-tuyensinh-content .far{
    width: 16px; display: inline;
}
.info-tuyensinh-content .fa-tags {
    color: #08903d;
}
.info-tuyensinh-content .fa-building{
    color: #ff580e;
}
.info-tuyensinh-content .fa-list {
    color: #063572;
}
.info-tuyensinh-content .fa-globe {
    color: #063572;
}
.info-tuyensinh-content .fa-map-marker-alt {
    color: #e72a57;
}
.info-tuyensinh-content .fa-mobile-alt {
    color: #ff0000;
}


.info-tuyensinh-detail>.content-nganh-title
{
    background: none;
    padding-left: 0;
    width: 100%;
    margin: 20px 0;
    font-size: 20px;
}

.info-tuyensinh-detail>.content-nganh-title .fa-edit
{
    color: #388DDC;
    line-height: 27px;
    font-size: 27px;
}
.info-tuyensinh-detail>.content-nganh-title>span
{
    padding-bottom:4px;
}
.info-tuyensinh-detail>.content-nganh-title>span>strong
{
    vertical-align: top;
    color: #388DDC;
}
.info-tuyensinh-detail p
{
    margin-bottom: 10px;
    line-height: 28px;
    font-weight: normal;
}
.info-tuyensinh-detail .fa-caret-left, .info-tuyensinh-detail .fa-caret-right {
    color: #135CA1;
    margin: 0 1px;
}
.info-tuyensinh-detail .preview-nganh-link-reg
{
    clear: unset;
    float: unset;
    display: inline-block;
}

.tbl-tuyensinh
{
    border-collapse: collapse;
    width: 100%;
    float: left;
    text-align: center;
    font-weight: 500;

}
.tbl-tuyensinh td,.tbl-tuyensinh tr
{
    border-left: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    padding: 10px 0;
}
.tbl-tuyensinh tr:first-child
{
    background: #42A4FF;
    color: #fff;
    font-size: 18px;
}


.tuyensinh-table
{
    border-collapse: collapse;
    width: calc(100% - 2px);
    float: left;
    text-align: center;
    margin-top: 20px;
    font-weight: 500;
    text-shadow: none;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    margin-bottom: 20px;

}
.tuyensinh-table td,.tuyensinh-table tr
{
    border: 1px solid #063572;
    padding: 10px 5px;
}
.tuyensinh-table tr:first-child
{
    background: #A60000;
    color: #fff;
    font-size: 16px;
}
.tuyensinh-table tr:nth-child(2)
{
    background: #063572;
    color: #fff;
}
.tuyensinh-table tr:nth-child(2) td:first-child
{
    border-right: 1px solid #fff;
}


.detail-desc
{
    box-shadow: 1px 1px 3px #3b3b3b;
    text-align: justify;
}
.detail-desc .content-nganh-title
{
    margin-top: 20px;
    text-transform: uppercase;
}
.detail-desc .content-nganh-title>strong
{
    color: #333;
    border-bottom: 2px solid #333;
    font-weight: bold;
    top:-10px;
}
.title-detail-desc
{
    text-transform: uppercase;
    float: left;
    width: calc(100% - 40px);
    padding: 20px;
    background: #A60000;
    color: #fff;
    text-align: center;
}
.content-detail-desc
{
    float: left;
    width: calc(100% - 40px);
    padding: 20px;
    line-height: 25px;
}
.content-detail-desc .preview-nganh-link-reg
{
    float: unset;
    display: inline-block;
}
.content-detail-desc>p
{
    margin-bottom: 10px;
}
.note-desc
{
    color: #063572;
    padding: 15px 0;
    background: #DCE3ED;
    border-radius: 5px;
    width: 100%;
    float: left;
    text-align: center;
    font-size: 17px;
}
.content-detail-desc ul
{
    list-style: none;
    width: 100%;
    float: left;
}
.content-detail-desc ul li
{
    width: calc(100% - 20px);
    padding-left: 20px;
    background: url("../images/icon_list.png") no-repeat top 7px left;
    margin-bottom: 10px;
}
/*------------------------------Footer-------------------*/
.container>.contact {
    margin: 20px 0 0 0;
    background: #003975;
    color: #fff;
    font-size: 15px;
    padding: 10px calc((100% - 1024px)/2);
}
.info-contact {
    float: left;
    width: 100%;
}
.contact a {
    color: #f1f1f1;
}

.contact_logo {
    display: block;
    width: 100%;
    text-align: center;
}
.contact_logo img
{
    width: 30%;
}

.hr_left {
    float: left;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 20px;
}
.left_info_footer {

    float: left;
    width: 45%;
    margin-right: 5%;
}
.text_head_coso {
    padding: 5px;
}
.text_head_coso {
    float: left;
    width: 100%;
    text-align: left;
    color: #fff000;
    text-transform: uppercase;
    font-size: 15px;
}
.text_bottom_footer {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 25px;
}
.text_bottom_footer img {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}
.right_info_footer {
    float: left;
    width: 45%;
    margin-left: 5%;
}
.note_website {
    float: left;
    width: 100%;
    margin-top: 5px;
}
.social {
    float: left;
    margin-right: 5px;
    padding: 5px;
    font-size: 35px;
    margin-bottom: 30px;
}
.detail-content ul {
    margin: 5px 5px 5px 5px;
    padding: 0;
    list-style: none;
}
.detail-content ul li::before {
    content: "✓ ";
    color: #004A8F;
    font-weight: 700;
}
.detail-content ol {
    margin: 5px 5px 5px 5px;
    padding: 0;
    list-style: none;
}
.detail-content ol li::before {
    content: "✓ ";
    color: #004A8F;
    font-weight: 700;
}
.preview-nganh-info2 ul, .preview-nganh-info2 ol
{
    margin: 5px 5px 5px 5px;
    padding: 0;
    list-style: none;
}
.preview-nganh-info2 ol li,.preview-nganh-info2 ul li
{
    line-height: 28px;
}
.preview-nganh-info2 ol li::before,.preview-nganh-info2 ul li::before {
    content: "✓ ";
    color: #004A8F;
    font-weight: 700;
}

.readmore_content_exists:before {
    content: "";
    position: absolute;
    bottom: 100%;
    height: 200px;
    left: 0;
    background-image: linear-gradient(
            180deg
            ,transparent,#fff);
    width: 100%;
}
.readmore_content_exists {
    text-align: center;
    position: relative;
}
.readmore_content_exists button {
    color: rgba(51,51,51,.5);
    text-align: center;
    margin: 0 5px 20px;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    display: inline-block;
    border: none;
    font-size: 19px;

    background-color: transparent;
    background-size: 26px 17px;
    padding-bottom: 0;
    padding-top: 40px;
}
.readmore_content_exists button span,.readmore_content_exists button span span {
    display: block;
    right: 0;
    left: 0;
    margin: auto;
    position: absolute;
}
.readmore_content_exists button .arrow:before {
    animation: animate-arrow-3 1s ease-in-out infinite .2s;
}
.readmore_content_exists button span.arrow:before {
    content: "";
    background: url(../images/arrdown.png);
    display: block;
    width: 25px;
    right: 0;
    left: 0;
    top: -5px;
    margin: auto;
    position: absolute;
    opacity: 1;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}
.readmore_content_exists button span span {
    background: url(../images/arrdown.png);
    width: 25px;
    top: 9px;
    height: 15px;
    opacity: .3;
    background-size: contain;
    background-repeat: no-repeat;
}
.readmore_content_exists button .arrow span {
    animation: animate-arrow-1 1s ease-in-out infinite;
}
.readmore_content_exists button .arrow:after {
    animation: animate-arrow-2 1s ease-in-out infinite .1s;
}
.readmore_content_exists button span.arrow:after {
    content: "";
    background: url(../images/arrdown.png);
    display: block;
    width: 25px;
    top: 2px;
    right: 0;
    left: 0;
    margin: auto;
    position: absolute;
    opacity: .5;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}
.readmore_content_exists button span.arrow {
    top: 22px;
}
.hidden_btn,.readmore_content_text
{
    display: none;
}
blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
blockquote p {
    display: inline;
}

#toc {
    border: 1px solid #bba;
    background-color: #f7f8ff;
    padding: 1em;
    width: 97%;
    margin-bottom: 10px;
}
#toc-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    font-size: 100%;
    font-weight: 700;
}
#toc ol {
    counter-reset: item;
}
#toc li {
    display: block;
}
#toc li:before {
    content: counters(item, ".") ". ";
    counter-increment: item;
}

.dvJMXm[data-size="sm"] {
    font-size: 14px;
    font-weight: var(--font-weight-sm);
    line-height: 22px;
}

.dvJMXm {
    display: block;
    --font-weight-lg: 700;
    --font-weight-md: 600;
    --font-weight-sm: 400;
}
.fySMda {
    margin-bottom: 0.5rem;
    cursor: pointer;
}
.jsvVvp {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    --font-weight-lg: 700;
    --font-weight-md: 400;
    --font-weight-sm: 400;
}
.fySMda .indexstyled__StyledIconText-sc-1sjhw2i-1 {
    color: rgb(89, 89, 89);
    font-weight: bold;
    line-height: 1.5;
}
.jsvVvp[data-icon-position="left"] > :first-child {
    margin-right: 8px;
}
.jsvVvp[data-icon-position="left"] > :last-child {
    width: calc(100% - 24px);
}
.fySMda .indexstyled__StyledIconText-sc-1sjhw2i-1 .source-icon {
    width: 1rem;
}
.jIVuQy {
    overflow: hidden;

    transition: height 0.4s ease 0s;
}
#content_show
{
    display:none;
}
.jIVuQy .source-wrapper {
    padding: 1rem;
    background: rgb(248, 249, 252);
    border-radius: 6px;
}
.jIVuQy .source-wrapper * {
    max-width: 100%;
}
.jIVuQy .source-wrapper > p {
    word-break: break-all;
}
.jIVuQy .source-wrapper > p:not(:last-child) {
    margin-bottom: 1rem;
}
.jIVuQy .source-wrapper a {
    display: inline-block;
    color: rgb(45, 135, 243);
    font-weight: normal;
    text-decoration: none;
    word-break: break-word;
}
:root {
    --cd-color-1: hsl(53, 29%, 95%);
    --cd-color-1-h: 53;
    --cd-color-1-s: 29%;
    --cd-color-1-l: 95%;
    --cd-color-2: hsl(330, 13%, 42%);
    --cd-color-2-h: 330;
    --cd-color-2-s: 13%;
    --cd-color-2-l: 42%;
    --cd-color-3: hsl(5, 76%, 62%);
    --cd-color-3-h: 5;
    --cd-color-3-s: 76%;
    --cd-color-3-l: 62%;
    --cd-back-to-top-size: 40px;
    --cd-back-to-top-margin: 40px;
    --font-primary: "Bitter", sans-serif;
    --font-secondary: "Open Sans", sans-serif;
}
@supports (--css: variables) {
    @media (min-width: 64rem) {
        :root {
            --cd-back-to-top-size: 60px;
            --cd-back-to-top-margin: 60px;
        }
    }
}
.text-replace {
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
}
.cd-top {
    position: fixed;
    bottom: 103px;

    right: 32px;

    display: inline-block;
    height: 60px;

    width: 60px;

    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    background: url(../images/cd-top-arrow.svg) no-repeat center 50%;
    background-color: hsla(5, 76%, 62%, 0.8);
    background-color: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.8);
}
.js-cd-top {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s, visibility .3s, background-color .3s;
}
.cd-top--is-visible {
    visibility: visible;
    opacity: 1;
}
.cd-top--fade-out {
    opacity: .5;
}

    .coccoc-alo-phone {
        position: fixed;
        visibility: hidden;
        background-color: transparent;
        width: 200px;
        height: 200px;
        cursor: pointer;
        z-index: 16000001 !important;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        -webkit-transition: visibility 0.5s;
        -moz-transition: visibility 0.5s;
        -o-transition: visibility 0.5s;
        transition: visibility 0.5s;
        left: -55px;
        bottom: -58px;
        top:400px !important;
    }
    .coccoc-alo-phone.coccoc-alo-show {
        visibility: visible;
    }
    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    @-webkit-keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    @-webkit-keyframes fadeOutRight {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
    }
    .coccoc-alo-ph-circle,
    .coccoc-alo-ph-circle-fill {
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -moz-transform-origin: 50% 50%;
        position: absolute;
    }
    .fadeOutRight {
        -webkit-animation-name: fadeOutRight;
        animation-name: fadeOutRight;
    }
    .coccoc-alo-phone.coccoc-alo-static {
        opacity: 0.6;
    }
    .coccoc-alo-phone.coccoc-alo-hover,
    .coccoc-alo-phone:hover {
        opacity: 1;
    }
    .coccoc-alo-ph-circle {
        width: 160px;
        height: 160px;
        top: 20px;
        left: 20px;
        background-color: transparent;
        border-radius: 100%;
        border: 2px solid #bfebfc;
        opacity: 0.1;
        -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
        -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
        -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
        -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
        animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    .coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle {
        -webkit-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
        -moz-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
        -ms-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
        -o-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
        animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
    }
    .coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle {
        -webkit-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
        -moz-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
        -ms-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
        -o-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
        animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
    }
    .coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle,
    .coccoc-alo-phone:hover .coccoc-alo-ph-circle {
        border-color: #00aff2;
        opacity: 0.5;
    }
    .coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,
    .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle {
        border-color: #75eb50;
        border-color: #baf5a7 9;
        opacity: 0.5;
    }
    .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {
        border-color: #f20000;
        border-color: #bfebfc 9;
        opacity: 0.5;
    }
    .coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle,
    .coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle {
        border-color: #ccc;
        opacity: 0.5;
    }
    .coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle {
        border-color: #75eb50;
        opacity: 0.5;
    }
    .coccoc-alo-ph-circle-fill {
        width: 100px;
        height: 100px;
        top: 50px;
        left: 50px;
        background-color: #000;
        border-radius: 100%;
        border: 2px solid transparent;
        opacity: 0.1;
        -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
        -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
        -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
        -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
        animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    .coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle-fill {
        -webkit-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
        -moz-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
        -ms-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
        -o-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
        animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
    }
    .coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle-fill {
        -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
        -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
        -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
        -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
        animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
        opacity: 0 !important;
    }
    .coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill,
    .coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill {
        background-color: #00aff2 9;
        opacity: 0.75 !important;
    }
    .coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,
    .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill {
        background-color: #baf5a7 9;
        opacity: 0.75 !important;
    }
    .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {
        background-color: #a6e3fa 9;
        opacity: 0.75 !important;
    }
    .coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle-fill,
    .coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle-fill {
        background-color: #ccc 9;
        opacity: 0.75 !important;
    }
    .coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle-fill {
        background-color: rgba(117, 235, 80, 0.5);
        opacity: 0.75 !important;
    }
    .coccoc-alo-ph-img-circle {
        width: 60px;
        height: 60px;
        top: 70px;
        left: 70px;
        position: absolute;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==)
        center center no-repeat rgba(30, 30, 30, 0.1);
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid transparent;
        opacity: 0.7;
        -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
        -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
        -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
        -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
        animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    .coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-img-circle {
        -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
        -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
        -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
        -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
        animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
    }
    .coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-img-circle {
        -webkit-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
        -moz-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
        -ms-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
        -o-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
        animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
    }
    .coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle,
    .coccoc-alo-phone:hover .coccoc-alo-ph-img-circle {
        background-color: #00aff2;
    }
    .coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,
    .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle {
        background-color: #75eb50 9;
    }
    .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {
        background-color: #f20000;
    }
    .coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-img-circle,
    .coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-img-circle {
        background-color: #ccc;
    }
    .coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-img-circle {
        background-color: #75eb50;
    }
    @-moz-keyframes coccoc-alo-circle-anim {
        0% {
            -moz-transform: rotate(0) scale(0.5) skew(1deg);
            opacity: 0.1;
            -moz-opacity: 0.1;
            -webkit-opacity: 0.1;
            -o-opacity: 0.1;
        }
        30% {
            -moz-transform: rotate(0) scale(0.7) skew(1deg);
            opacity: 0.5;
            -moz-opacity: 0.5;
            -webkit-opacity: 0.5;
            -o-opacity: 0.5;
        }
        100% {
            -moz-transform: rotate(0) scale(1) skew(1deg);
            opacity: 0.6;
            -moz-opacity: 0.6;
            -webkit-opacity: 0.6;
            -o-opacity: 0.1;
        }
    }
    @-webkit-keyframes coccoc-alo-circle-anim {
        0% {
            -webkit-transform: rotate(0) scale(0.5) skew(1deg);
            -webkit-opacity: 0.1;
        }
        30% {
            -webkit-transform: rotate(0) scale(0.7) skew(1deg);
            -webkit-opacity: 0.5;
        }
        100% {
            -webkit-transform: rotate(0) scale(1) skew(1deg);
            -webkit-opacity: 0.1;
        }
    }
    @-o-keyframes coccoc-alo-circle-anim {
        0% {
            -o-transform: rotate(0) kscale(0.5) skew(1deg);
            -o-opacity: 0.1;
        }
        30% {
            -o-transform: rotate(0) scale(0.7) skew(1deg);
            -o-opacity: 0.5;
        }
        100% {
            -o-transform: rotate(0) scale(1) skew(1deg);
            -o-opacity: 0.1;
        }
    }
    @-moz-keyframes coccoc-alo-circle-fill-anim {
        0%,
        100% {
            -moz-transform: rotate(0) scale(0.7) skew(1deg);
            opacity: 0.2;
        }
        50% {
            -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
            opacity: 0.2;
        }
    }
    @-webkit-keyframes coccoc-alo-circle-fill-anim {
        0%,
        100% {
            -webkit-transform: rotate(0) scale(0.7) skew(1deg);
            opacity: 0.2;
        }
        50% {
            -webkit-transform: rotate(0) scale(1) skew(1deg);
            opacity: 0.2;
        }
    }
    @-o-keyframes coccoc-alo-circle-fill-anim {
        0%,
        100% {
            -o-transform: rotate(0) scale(0.7) skew(1deg);
            opacity: 0.2;
        }
        50% {
            -o-transform: rotate(0) scale(1) skew(1deg);
            opacity: 0.2;
        }
    }
    @-moz-keyframes coccoc-alo-circle-img-anim {
        0% {
            transform: rotate(0) scale(1) skew(1deg);
        }
        10%,
        30% {
            -moz-transform: rotate(-25deg) scale(1) skew(1deg);
        }
        20%,
        40% {
            -moz-transform: rotate(25deg) scale(1) skew(1deg);
        }
        100%,
        50% {
            -moz-transform: rotate(0) scale(1) skew(1deg);
        }
    }
    @-webkit-keyframes coccoc-alo-circle-img-anim {
        0%,
        100%,
        50% {
            -webkit-transform: rotate(0) scale(1) skew(1deg);
        }
        10%,
        30% {
            -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        }
        20%,
        40% {
            -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        }
    }
    @-o-keyframes coccoc-alo-circle-img-anim {
        0%,
        100%,
        50% {
            -o-transform: rotate(0) scale(1) skew(1deg);
        }
        10%,
        30% {
            -o-transform: rotate(-25deg) scale(1) skew(1deg);
        }
        20%,
        40% {
            -o-transform: rotate(25deg) scale(1) skew(1deg);
        }
    }
    @-moz-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            -ms-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }
    }
    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            -ms-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }
    }
    @-o-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            -ms-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }
    }
    @keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            -ms-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }
    }
    @-moz-keyframes fadeOutRight {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            -ms-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
    }
    @-webkit-keyframes fadeOutRight {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            -ms-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
    }
    @-o-keyframes fadeOutRight {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            -ms-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
    }
    @keyframes fadeOutRight {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            -ms-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
    }
    @-moz-keyframes coccoc-alo-circle-anim {
        0% {
            transform: rotate(0) scale(0.5) skew(1deg);
            opacity: 0.1;
        }
        30% {
            transform: rotate(0) scale(0.7) skew(1deg);
            opacity: 0.5;
        }
        100% {
            transform: rotate(0) scale(1) skew(1deg);
            opacity: 0.1;
        }
    }
    @-webkit-keyframes coccoc-alo-circle-anim {
        0% {
            transform: rotate(0) scale(0.5) skew(1deg);
            opacity: 0.1;
        }
        30% {
            transform: rotate(0) scale(0.7) skew(1deg);
            opacity: 0.5;
        }
        100% {
            transform: rotate(0) scale(1) skew(1deg);
            opacity: 0.1;
        }
    }
    @-o-keyframes coccoc-alo-circle-anim {
        0% {
            transform: rotate(0) scale(0.5) skew(1deg);
            opacity: 0.1;
        }
        30% {
            transform: rotate(0) scale(0.7) skew(1deg);
            opacity: 0.5;
        }
        100% {
            transform: rotate(0) scale(1) skew(1deg);
            opacity: 0.1;
        }
    }
    @keyframes coccoc-alo-circle-anim {
        0% {
            transform: rotate(0) scale(0.5) skew(1deg);
            opacity: 0.1;
        }
        30% {
            transform: rotate(0) scale(0.7) skew(1deg);
            opacity: 0.5;
        }
        100% {
            transform: rotate(0) scale(1) skew(1deg);
            opacity: 0.1;
        }
    }
    @-moz-keyframes coccoc-alo-circle-fill-anim {
        0%,
        100% {
            transform: rotate(0) scale(0.7) skew(1deg);
            opacity: 0.2;
        }
        50% {
            transform: rotate(0) scale(1) skew(1deg);
            opacity: 0.2;
        }
    }
    @-webkit-keyframes coccoc-alo-circle-fill-anim {
        0%,
        100% {
            transform: rotate(0) scale(0.7) skew(1deg);
            opacity: 0.2;
        }
        50% {
            transform: rotate(0) scale(1) skew(1deg);
            opacity: 0.2;
        }
    }
    @-o-keyframes coccoc-alo-circle-fill-anim {
        0%,
        100% {
            transform: rotate(0) scale(0.7) skew(1deg);
            opacity: 0.2;
        }
        50% {
            transform: rotate(0) scale(1) skew(1deg);
            opacity: 0.2;
        }
    }
    @keyframes coccoc-alo-circle-fill-anim {
        0%,
        100% {
            transform: rotate(0) scale(0.7) skew(1deg);
            opacity: 0.2;
        }
        50% {
            transform: rotate(0) scale(1) skew(1deg);
            opacity: 0.2;
        }
    }
    @-moz-keyframes coccoc-alo-circle-img-anim {
        0%,
        100%,
        50% {
            transform: rotate(0) scale(1) skew(1deg);
        }
        10%,
        30% {
            transform: rotate(-25deg) scale(1) skew(1deg);
        }
        20%,
        40% {
            transform: rotate(25deg) scale(1) skew(1deg);
        }
    }
    @-webkit-keyframes coccoc-alo-circle-img-anim {
        0%,
        100%,
        50% {
            transform: rotate(0) scale(1) skew(1deg);
        }
        10%,
        30% {
            transform: rotate(-25deg) scale(1) skew(1deg);
        }
        20%,
        40% {
            transform: rotate(25deg) scale(1) skew(1deg);
        }
    }
    @-o-keyframes coccoc-alo-circle-img-anim {
        0%,
        100%,
        50% {
            transform: rotate(0) scale(1) skew(1deg);
        }
        10%,
        30% {
            transform: rotate(-25deg) scale(1) skew(1deg);
        }
        20%,
        40% {
            transform: rotate(25deg) scale(1) skew(1deg);
        }
    }
    @keyframes coccoc-alo-circle-img-anim {
        0%,
        100%,
        50% {
            transform: rotate(0) scale(1) skew(1deg);
        }
        10%,
        30% {
            transform: rotate(-25deg) scale(1) skew(1deg);
        }
        20%,
        40% {
            transform: rotate(25deg) scale(1) skew(1deg);
        }
    }
    #coccoc-alo-wrapper {
        position: fixed;
        width: 100%;
        bottom: 0;
        top: 0;
        left: 0;
        z-index: 2000000;
        overflow: visible;
        display: none;
        color: #383838;
    }
    #coccoc-alo-wrapper.night-mode {
        color: #fff;
    }
    .coccoc-alo-popup-close {
        -webkit-border-radius: 2px !important;
        -moz-border-radius: 2px !important;
        border-radius: 2px;
        position: absolute !important;
        right: -15px !important;
        top: -15px !important;
        height: 30px !important;
        width: 30px !important;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGMTI2QTcxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRGMTI2QTYxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iCEbHAAABl0lEQVR42sSXS07DMBCGnSKyDorEAVjACTgCIEVlXU5R9QjlCk3VAzTrLhMJ2NIVJ2DDuo9EsKUszEw0kaIQbI+bxy/9UhRP5pMcjz12pJTCQKfgO/AN+Bp8AfZo7Av8AX4Dv4CfwD/ajAhW2ANPwTtprj1946lyq6AP4I2014ZyGINPwAvZnBaUUwnGgJVsXqsqvAoOZXua/wceyfY1KngOlROWxjv4XLSrHfgKS3BALyYdQAUxJkUdu7o6jeNYZlmmnUeMwViNkOUieKiLTNNURlGkhOPYcrnMYw00RPDMJFIFZ0JRIYJfTaPr4BZQ1Fow9+EcgCAEWkLz/4zl9A1rzOUsTQCKJEny5yAIhO/73NV9GNjUhOM4tc8scae6PL3laedONYLXNtC6f85dXDNb6BHw0GgDKaCqxEz4fbFlpk1smQjnbJmCeqSuNO3jWNyDL8vHIrao4w6OxTGx/rQ+8z5an16bvd7a22pDvz0CuOU29NUrzKOuzqvlTN8orzAO89J2W7q0ndHYZ+nS9kw+6BL+CjAAEvDTBJC9qhAAAAAASUVORK5CYII=);
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer !important;
        -webkit-transition: 0.3s ease-out !important;
        -moz-transition: 0.3s ease-out !important;
        -o-transition: 0.3s ease-out !important;
        transition: 0.3s ease-out !important;
    }
    #coccoc-alo-wrapper.night-mode .coccoc-alo-popup-close {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY2REUyNDQxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY2REUyNDMxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56uyuzAAABfUlEQVR42sSXvU7DMBDHYxCdw8IDMMCWTDwCdClznLcJr9BUfYs+ALDSqXMisTD3S4K1MBx3kS1ZVuqvNslf+kuRfL5f5OTsMwOAyEFX6DH6Ef2AvkXHYuwH/YVeod/Rr+g/a0YCGxyjC/QW3LUTc2JTbhOUo9cQrrXI4Qy+RM/hfJqLnEYwBSzg/FrocB1cQneaHQNn0L0yyWOinKg0PtE3Ubfaou+bEhRvUEB/KuRSj2x1muc51HVtzUgxnHNbGLFGBJ7YIquqgjRNjXAaS5KkiXXQhMBTl0gT3BNKKgn84RrdBg+AkpaR5z7cAAhEwEBo850JfPCdJeGBUNLhIqQYGWOtz17yXWp1edVlD1nqZQi07Zv7/lzTUOgJ8NJpA5FQU2JP+LPcMvfGIyXLnBISnGJdt8xBDom+j8Ud+k49FvtqBPix1mc2ROszaLM3WHurN/SbE4Ab34Zev8K82Opc017MMV5hmOel7Um5tF2LsW/l0vYm/GtL+C/AAAHy+OD95QLeAAAAAElFTkSuQmCC);
    }
    #coccoc-alo-wrapper .coccoc-alo-popup-close:hover {
        opacity: 0.6 !important;
    }
    .coccoc-alo-popup {
        display: inline-block;
        position: relative;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyIUPNCUUwAAAA1JREFUCNdj+P///2cACe8D8SyfS4EAAAAASUVORK5CYII=);
        -webkit-transition: 0.6s ease-out;
        -moz-transition: 0.6s ease-out;
        -o-transition: 0.6s ease-out;
        transition: 0.6s ease-out;
        margin: 0 auto;
        z-index: 200001;
        text-align: center;
        padding: 60px 75px;
    }
    #coccoc-alo-wrapper.night-mode .coccoc-alo-popup {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=);
    }
    #coccoc-alo-wrapper .coccoc-alo-overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=);
        top: 0;
        left: 0;
        z-index: 200000;
    }
    .coccoc-alo-popup h3 {
        font-size: 24px;
        margin: 0 0 40px;
        font-family: "Open Sans";
        font-weight: 300;
        white-space: nowrap;
    }
    .night-mode .coccoc-alo-popup h3 {
        font-size: 23px;
    }
    .night-mode .coccoc-alo-message {
        padding-bottom: 0;
    }
    .coccoc-alo-message {
        height: 32px;
        padding: 18px 0 13px;
        text-align: center;
        clear: both;
        font-size: 14px;
    }
    #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label,
    #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label + .input {
        float: left;
        width: 49%;
    }
    #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .input {
        padding: 0 13px;
    }
    #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper label {
        color: #616161;
        font-size: 18px;
        height: 28px;
        line-height: 28px;
        padding-right: 15px;
    }
    .coccoc-alo-number {
        color: #00bed5;
        font-size: 28px;
        font-family: Montserrat, "Lucida Console", Monaco, monospace, sans-serif;
        font-weight: 400;
        background-color: transparent;
        border: none;
        border-width: 0;
        display: inline-block;
        border-bottom: #00bed5 solid 1px;
        padding-bottom: 10px;
        margin: 0 auto;
        width: 221px;
    }
    #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit,
    #coccoc-countdown,
    .coccoc-alo-request-time {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
    }
    coccoc-alo-number::-ms-clear {
        display: none;
        width: 0;
        height: 0;
    }
    .night-mode .coccoc-alo-number {
        border: 1px solid #00bed5;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 13px 31px;
    }
    #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"].valid-invalid {
        color: #ff496b;
    }
    #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]:focus {
        outline: 0;
    }
    #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder {
        color: #d1d1d1;
    }
    #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder {
        color: #d1d1d1;
    }
    #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder {
        color: #d1d1d1;
    }
    #coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder {
        color: #60615f;
    }
    #coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder {
        color: #60615f;
    }
    #coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder {
        color: #60615f;
    }
    #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit {
        border: none;
        border-width: 0;
        padding: 20px 40px;
        background-color: #333;
        -webkit-border-radius: 68px;
        -moz-border-radius: 68px;
        border-radius: 68px;
        font-size: 20px;
        color: #fff;
        cursor: pointer;
        outline: 0 !important;
    }
    #coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-submit {
        background-color: #00bed5;
    }
    #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitavtive,
    #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitvisited {
        outline: 0 !important;
    }
    #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit-moz-focus-inner {
        border: 0;
    }
    #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit:hover {
        background-color: #00aff2;
    }
    .coccoc-alo-blur {
        -webkit-filter: blur(3px);
        -ms-filter: blur(3px);
        -moz-filter: blur(3px);
        -o-filter: blur(3px);
        filter: blur(3px);
        filter: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48L2ZpbHRlcj48L3N2Zz4jYmx1cg==#blur);
    }
    #coccoc-countdown {
        padding-top: 20px;
        font-size: 28px;
        font-weight: 300;
    }
    .coccoc-alo-request-time {
        padding: 6px 12px;
        font-size: 18px;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }
    #coccoc-alo-wrapper.night-mode .coccoc-alo-request-time {
        color: #fff;
        background-color: #515350;
        border: 1px solid #606260;
    }
    #coccoc-alo-wrapper.night-mode .coccoc-alo-popup h3 {
        margin-bottom: 15px;
    }
    #coccoc-alo-wrapper.night-mode .coccoc-alo-form .coccoc-alo-select-wrapper {
        margin-bottom: 35px;
    }
    .coccoc-alo-table {
        display: table;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
    .coccoc-alo-cell {
        display: table-cell;
        text-align: center;
    }
    .valid-invalid-message {
        font-size: 13px;
        color: #ff496b;
    }
    .valid-invalid-message:before {
        content: "* ";
    }
    #M_Hotline {
        padding: 8px 15px;
        position: fixed;
        top:480px !important;
        left: 82px;
        z-index: 16000001;
        color: #fff;
        font-size: 16px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        border-radius: 40px;
        background-color: #da360f;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#ea0000), to(#da360f));
        background: -webkit-linear-gradient(top, #da360f, #ea0000);
        background: -moz-linear-gradient(top, #da360f, #ea0000);
        background: -ms-linear-gradient(top, #da360f, #ea0000);
        background: -o-linear-gradient(top, #da360f, #ea0000);
    }
    #M_Hotline .fa {
        font-size: 20px;
        color: #ffe603;
    }
    #M_Hotline a {
        color: #fff;
        font-size: 20px;
        cursor: pointer;
        text-shadow: 0 0 1px #111;
    }
    #getresponse .nav a,
    .box-register-categories .nav a {
        text-transform: uppercase;
        text-shadow: 1px 1px 2px #111;
        font-weight: 700;
        cursor: pointer;
    }
    #M_Hotline:hover {
        background-color: #ffa922;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffcc41), to(#ffa922));
        background: -webkit-linear-gradient(top, #ffa922, #ffcc41);
        background: -moz-linear-gradient(top, #ffa922, #ffcc41);
        background: -ms-linear-gradient(top, #ffa922, #ffcc41);
        background: -o-linear-gradient(top, #ffa922, #ffcc41);
    }