@font-face {
    font-family: 'futura-vh';
    src: url('fonts/icomoon/fonts/SFUFuturaBook.TTF');
}

.tablink {
    background-color: transparent;
    color: #ffffff;
    width: auto;
    text-align: center;
    position: relative;
    top: -6px;
    border: 0;
    transition: all 40ms linear;
    margin-top: 10px;
    margin-bottom: 10px;

    margin-right: 2px;
    box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.1);
}

/* Change background color of buttons on hover */

.tablink:hover {
    background-color: #FFE4B5;
}

/* Set default styles for tab content */

.tabcontent {
    color: #fff;
    margin-top: -31px;
    /* display: none; */
    padding: 50px;
    text-align: center;
    width: 100%;
    height: 835px;
    overflow: hidden;
    /* background-color:rgb(5, 102, 53); */
    /* background-color: rgba(5, 102, 53, 0.6); */
    /* border: 1px solid #4cab60; */
    /* Tạo đường viền xung quanh khung */
    margin: 0 auto;
    /* Để căn giữa khung trên trang */

    /* box-shadow: inset #0adb73 0 0 0 5px, inset #0bf480 0 0 1px, inset #24f58c 0 0 0 10px, inset #3cf699 0 0 0 11px, inset #55f7a6 0 0 0 16px !important; */
}

.tabcontent:after {
    position: absolute;
}

.btn-2 {
    width: auto;
}

.top-desktop {
    margin-top: -16%;
}

.demo {}

.panel {
    /* background: linear-gradient(to right, #fff, #cc0328); */
    /* background-image: url(../images/footerbg.jpg); */
    padding: 0;
    border-radius: 10px;
    border: none;
    margin-top: -53px;
}

.panel .panel-heading {
    padding: 0px 0px;
    border-radius: 10px 10px 0 0;
    margin: 0;
}

.panel .panel-heading .title {
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 40px;
    margin: 0;
}

.panel .panel-heading .btn {
    color: rgba(255, 255, 255, 0.5);
    background: transparent;
    font-size: 16px;
    text-transform: capitalize;
    border: 2px solid #fff;
    border-radius: 25px;
    transition: all 0.3s ease 0s;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}

.panel .panel-heading .btn:hover {
    color: #fff;
    text-shadow: 3px 3px rgba(255, 255, 255, 0.2);
}

.panel .panel-heading .form-control {
    color: #ffffff;
    background-color: transparent;
    width: 78%;
    height: 40px;
    border: 2px solid #ffffff;
    border-radius: 20px;
    display: inline-block;
    transition: all 0.3s ease 0s;
    margin-left: -8px;
}

.panel .panel-heading .form-control:focus {
    background-color: rgba(255, 255, 255, 0.2);
    box-shadow: none;
    outline: none;
}

.panel .panel-heading .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5);
    font-size: 15px;
    font-weight: 500;
}

.panel .panel-body {
    padding: 0;
}

.panel .panel-body .table thead tr th {
    /* color: white; */
    background-color: rgba(24, 13, 13, 0.2);
    font-size: 12px;
    font-weight: 400;
    /* text-transform: lowercase; */
    padding: 12px;
}

.panel .panel-body .table tbody tr td {
    color: white;
    font-size: 13px;
    padding: 10px 12px;
    vertical-align: middle;
}

.panel .panel-body .table tbody tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.05);
}

.panel .panel-body .table tbody .action-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.panel .panel-body .table tbody .action-list li {
    display: inline-block;
    margin: 0 5px;
}

.panel .panel-body .table tbody .action-list li a {
    color: white;
    font-size: 15px;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

.panel .panel-body .table tbody .action-list li a:hover {
    text-shadow: 3px 3px 0 rgba(255, 255, 255, 0.3);
}

.panel .panel-body .table tbody .action-list li a:before,
.panel .panel-body .table tbody .action-list li a:after {
    content: attr(data-tip);
    color: white;
    font-size: 13px;
    padding: 5px 7px;
    border-radius: 4px;
    text-transform: capitalize;
    display: none;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: -32px;
    transition: all 0.3s ease 0s;
}

.panel .panel-body .table tbody .action-list li a:after {
    height: 15px;
    width: 15px;
    padding: 0;
    border-radius: 0;
    transform: translateX(-50%) rotate(45deg);
    top: -18px;
    z-index: -1;
}

.panel .panel-body .table tbody .action-list li a:hover:before,
.panel .panel-body .table tbody .action-list li a:hover:after {
    display: block;
}

.panel .panel-footer {
    color: white;
    background-color: transparent;
    padding: 15px;
    border: none;
}

.panel .panel-footer .col {
    line-height: 35px;
}

.pagination {
    margin: 0;
}

.pagination li a {
    color: white;
    background-color: transparent;
    border: 2px solid transparent;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    line-height: 31px;
    width: 35px;
    height: 35px;
    padding: 0;
    margin: 0 3px;
    border-radius: 50px;
    transition: all 0.3s ease 0s;
}

.pagination li a:hover {
    color: white;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
}

.pagination li a:focus,
.pagination li.active a,
.pagination li.active a:hover {
    color: white;
    background-color: transparent;
    border-color: white;
}

.pagination li:first-child a,
.pagination li:last-child a {
    border-radius: 50%;
}

@media only screen and (max-width:767px) {
    .panel .panel-heading .title {
        text-align: center;
        margin: 0 0 10px;
    }

    .panel .panel-heading .btn_group {
        text-align: center;

    }

    .btn_group {
        width: 73%;
    }
}

@import url('fonts/icomoon/fonts/futur.ttf');

*/ a {
    color: white;
    font-size: 1rem;
    text-decoration: none;
    /*text-transform: uppercase;*/
}

.a-container {
    width: 90%;
    margin: 30px auto;
    padding: 20px 0;
}

.o-card_container {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}

.o-card {
    width: 100%;
    min-width: 300px;
    background: transparent;

}

.a-loader {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 12000000;
    margin: 0;
    width: 100%;
    height: 6px;
    background-color: #fdba2c;
    display: none;
}

.a-loader__bar {
    content: "";
    display: inline;
    position: absolute;
    width: 0;
    height: 100%;
    left: 50%;
    text-align: center;
}

.a-loader__bar:nth-child(1) {
    background-color: #da4733;
    animation: loading 1s linear infinite;
}

.a-loader__bar:nth-child(2) {
    background-color: #3b78e7;
    animation: loading 1s linear .3s infinite;
}

.a-loader__bar:nth-child(3) {
    background-color: #fdba2c;
    animation: loading 1s linear .6s infinite;
}



.o-modal {
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 70%);
    transition: all 1s;
    background: rgba(255, 255, 255, .99);
    z-index: 1111110;
    padding: 15px;
    opacity: 0;

}

.o-modal__close {
    position: absolute;
    top: -1500px;
    right: 5px;
    font-size: 2rem;
    color: white;
    cursor: pointer;
    z-index: 5;
    transition: all 1s;
}

.o-modal.isOpen .o-modal__close {
    top: 5px;
}

.o-modal__title {
    font-size: 1.8rem;
    background: none;
    font-weight: 600;
    display: block;
    line-height: 1;
    margin: -15px -15px 0 -15px;
    padding: 10px 15px;
    border-bottom: 1px solid;
    position: relative;
    z-index: 4;
}

.o-modal__inner {
    overflow-y: auto;
    height: calc(100% - 40px);
    opacity: 0;
    padding: 5px;
    transition: all 1.4s;
    position: relative;
    z-index: 4;
}

.o-modal.isOpen .o-modal__inner {
    opacity: 1;
    transition-delay: 1.4s;
}

.o-card_header {
    position: relative;
    width: 100%;
    height: 300px;
    background: bg_rgba(.5);
    overflow: hidden;
    transition: all .7s;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 360px;

}

.o-card_headerHeroImg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    transition: .4s;
    transform-origin: center center;
    transform: scale(1, 1);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;

}

.o-card_logo {
    position: absolute;
    z-index: 2;
    width: 80px;
    height: 80px;
    border: 1px solid #5c4436;
    ;
    box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.2);
    transition: all .5s;

}

.o-card:hover .o-card_logo {
    transform: translate(0, 0) scale(.8, .8);
}

.o-card:hover .o-card_logo.isOpen {
    transform: translate(-140%, 0) scale(1, 1);
}

.o-card-headerList {
    width: 100%;
    height: auto;
    transition: all .4s;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    border-spacing: 5px;
    list-style: none;
}

.o-card-headerList--openIcons {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 40px;
}



.o-card-headerList.isOpen .o-card-headerList--openIcons {
    width: 40px;
}



.o-card-headerList--item {
    position: absolute;
    top: 10px;
    right: 0;
    width: 40px;
    height: 40px;
    transform: scale(.15, .15);
    line-height: 40px;
    text-align: center;
    font-size: 1.5rem;
    background: rgba(255, 255, 255, .8);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    transition: all .4s;
    opacity: 1;
    margin: 0;
    padding: 0;
    z-index: 5;
}

.o-card-headerList.isOpen .o-card-headerList--item {
    opacity: 1;
    transform: scale(1, 1);
}

.o-card-headerList--item:hover {
    background: transparent;
    color: white;
}

.o-card-headerList--link {
    color: white;
    font-size: 1rem;
    transition: all .3s;
    display: block;
}

.o-card_body {
    width: 100%;
    height: auto;
    display: block;
    margin: -50px 0 0 0;
    padding: 24px 30px 30px 103px;
    position: relative;
    transition: all .3s;
}

.o-card_title,
.o-card_subTitle {
    margin: 0;
    padding: 5px 0 5px 5px;
    /* border-bottom: 1px solid ; */
    font-size: 1.4rem;
    font-weight: 400;
}

.o-card_title {
    font-size: 1.4rem;
    background: none;
    font-weight: 600;
    display: block;
}

.o-card_paragraph {
    margin: 0;
    padding: 5px;
    font-size: 1rem;
    line-height: 1.3;
    transition: all .4s;
    opacity: 1;
    position: relative;
    max-height: 3rem;
    overflow: hidden;
}

.morecontent span {
    display: none;
}

.morelink {
    display: block;
}


@media screen and (min-width: 1200px) {
    h1 {
        font-size: 2.5rem;
    }

    .a-container {
        width: 1170px;
    }

    .o-card {
        width: 20%;
        margin: 20px 1%;
    }

    .o-card-headerList::before {
        bottom: -15px;
        border-width: 0 0 15px 400px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    h1 {
        font-size: 2rem;
    }

    .a-container {
        width: 100%;
    }

    .o-card {
        width: 48%;
        margin: 20px 1%;
    }
}

.a-readMore {
    width: 100%;
    height: auto;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    /*text-transform: uppercase;*/
    text-align: center;
    text-shadow: 1px 1px 0px #07526e;
    padding: 15px 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    position: relative;
    cursor: pointer;
    z-index: 3;
    border: none;
    background: #109bce;
    transition: all .5s;
}

.o-wtfModal {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: -300px;
    opacity: 1;
    background: url(https://s3.eu-west-2.amazonaws.com/pirolab/images/circle.svg) no-repeat;
    background-position: center -10px;
    background-size: 300px 300px;
    opacity: .5;
    z-index: 100000;
    transition: all .5s;
    display: none;
}

@media screen and (min-width: 768px) {
    .o-wtfModal_close {
        width: 66px;
        height: 66px;
    }
}



[class^="icon-"],
[class*=" icon-"] {
    font-style: normal;
    /* font-size: 14px; */
    display: inline-block;
    width: 1.1em;
    margin-right: .1em;
    text-align: center;
}

.the-icons li {
    font-size: 14px;
    line-height: 24px;
    height: 24px;
}

.icon-note:before {
    content: "\266a";
}

/* '\266a' */

.icon-note-beamed:before {
    content: "\266b";
}

/* '\266b' */

.icon-music:before {
    content: "??";
}

/* '\1f3b5' */

.icon-search:before {
    content: "??";
}

/* '\1f50d' */

.icon-flashlight:before {
    content: "??";
}

/* '\1f526' */

.icon-mail:before {
    content: "\2709";
}

/* '\2709' */

.icon-heart:before {
    content: "\2665";
}

/* '\2665' */

.icon-heart-empty:before {
    content: "\2661";
}

/* '\2661' */

.icon-star:before {
    content: "\2605";
}

/* '\2605' */

.icon-star-empty:before {
    content: "\2606";
}

/* '\2606' */

.icon-user:before {
    content: "??";
}

/* '\1f464' */

.icon-users:before {
    content: "??";
}

/* '\1f465' */

.icon-user-add:before {
    content: "\e700";
}

/* '\e700' */

.icon-video:before {
    content: "??";
}

/* '\1f3ac' */

.icon-picture:before {
    content: "??";
}

/* '\1f304' */

.icon-camera:before {
    content: "??";
}

/* '\1f4f7' */

.icon-layout:before {
    content: "\268f";
}

/* '\268f' */

.icon-menu:before {
    content: "\2630";
}

/* '\2630' */

.icon-check:before {
    content: "\2713";
}

/* '\2713' */

.icon-cancel:before {
    content: "\2715";
}

/* '\2715' */

.icon-cancel-circled:before {
    content: "\2716";
}

/* '\2716' */

.icon-cancel-squared:before {
    content: "\274e";
}

/* '\274e' */

.icon-plus:before {
    content: "\2b";
}

/* '\2b' */

.icon-plus-circled:before {
    content: "\2795";
}

/* '\2795' */

.icon-plus-squared:before {
    content: "\229e";
}

/* '\229e' */

.icon-minus:before {
    content: "\2d";
}

/* '\2d' */

.icon-minus-circled:before {
    content: "\2796";
}

/* '\2796' */

.icon-minus-squared:before {
    content: "\229f";
}

/* '\229f' */

.icon-help:before {
    content: "\2753";
}

/* '\2753' */

.icon-help-circled:before {
    content: "\e704";
}

/* '\e704' */

.icon-info:before {
    content: "\2139";
}

/* '\2139' */

.icon-info-circled:before {
    content: "\e705";
}

/* '\e705' */

.icon-back:before {
    content: "??";
}

/* '\1f519' */

.icon-home:before {
    content: "\2302";
}

/* '\2302' */

.icon-link:before {
    content: "??";
}

/* '\1f517' */

.icon-attach:before {
    content: "??";
}

/* '\1f4ce' */

.icon-lock:before {
    content: "??";
}

/* '\1f512' */

.icon-lock-open:before {
    content: "??";
}

/* '\1f513' */

.icon-eye:before {
    content: "\e70a";
}

/* '\e70a' */

.icon-tag:before {
    content: "\e70c";
}

/* '\e70c' */

.icon-bookmark:before {
    content: "??";
}

/* '\1f516' */

.icon-bookmarks:before {
    content: "??";
}

/* '\1f4d1' */

.icon-flag:before {
    content: "\2691";
}

/* '\2691' */

.icon-thumbs-up:before {
    content: "??";
}

/* '\1f44d' */

.icon-thumbs-down:before {
    content: "??";
}

/* '\1f44e' */

.icon-download:before {
    content: "??";
}

/* '\1f4e5' */

.icon-upload:before {
    content: "??";
}

/* '\1f4e4' */

.icon-upload-cloud:before {
    content: "\e711";
}

/* '\e711' */

.icon-reply:before {
    content: "\e712";
}

/* '\e712' */

.icon-reply-all:before {
    content: "\e713";
}

/* '\e713' */

.icon-forward:before {
    content: "\27a6";
}

/* '\27a6' */

.icon-quote:before {
    content: "\275e";
}

/* '\275e' */

.icon-code:before {
    content: "\e714";
}

/* '\e714' */

.icon-export:before {
    content: "\e715";
}

/* '\e715' */

.icon-pencil:before {
    content: "\270e";
}

/* '\270e' */

.icon-feather:before {
    content: "\2712";
}

/* '\2712' */

.icon-print:before {
    content: "\e716";
}

/* '\e716' */

.icon-retweet:before {
    content: "\e717";
}

/* '\e717' */

.icon-keyboard:before {
    content: "\2328";
}

/* '\2328' */

.icon-comment:before {
    content: "\e718";
}

/* '\e718' */

.icon-chat:before {
    content: "\e720";
}

/* '\e720' */

.icon-bell:before {
    content: "??";
}

/* '\1f514' */

.icon-attention:before {
    content: "\26a0";
}

/* '\26a0' */

.icon-alert:before {
    content: "??";
}

/* '\1f4a5' */

.icon-vcard:before {
    content: "\e722";
}

/* '\e722' */

.icon-address:before {
    content: "\e723";
}

/* '\e723' */

.icon-location:before {
    content: "\e724";
}

/* '\e724' */

.icon-map:before {
    content: "\e727";
}

/* '\e727' */

.icon-direction:before {
    content: "\27a2";
}

/* '\27a2' */

.icon-compass:before {
    content: "\e728";
}

/* '\e728' */

.icon-cup:before {
    content: "\2615";
}

/* '\2615' */

.icon-trash:before {
    content: "\e729";
}

/* '\e729' */

.icon-doc:before {
    content: "\e730";
}

/* '\e730' */

.icon-docs:before {
    content: "\e736";
}

/* '\e736' */

.icon-doc-landscape:before {
    content: "\e737";
}

/* '\e737' */

.icon-doc-text:before {
    content: "??";
}

/* '\1f4c4' */

.icon-doc-text-inv:before {
    content: "\e731";
}

/* '\e731' */

.icon-newspaper:before {
    content: "??";
}

/* '\1f4f0' */

.icon-book-open:before {
    content: "??";
}

/* '\1f4d6' */

.icon-book:before {
    content: "??";
}

/* '\1f4d5' */

.icon-folder:before {
    content: "??";
}

/* '\1f4c1' */

.icon-archive:before {
    content: "\e738";
}

/* '\e738' */

.icon-box:before {
    content: "??";
}

/* '\1f4e6' */

.icon-rss:before {
    content: "\e73a";
}

/* '\e73a' */

.icon-phone:before {
    content: "??";
}

/* '\1f4de' */

.icon-cog:before {
    content: "\2699";
}

/* '\2699' */

.icon-tools:before {
    content: "\2692";
}

/* '\2692' */

.icon-share:before {
    content: "\e73c";
}

/* '\e73c' */

.icon-shareable:before {
    content: "\e73e";
}

/* '\e73e' */

.icon-basket:before {
    content: "\e73d";
}

/* '\e73d' */

.icon-bag:before {
    content: "??";
}

/* '\1f45c' */

.icon-calendar:before {
    content: "??";
}

/* '\1f4c5' */

.icon-login:before {
    content: "\e740";
}

/* '\e740' */

.icon-logout:before {
    content: "\e741";
}

/* '\e741' */

.icon-mic:before {
    content: "??";
}

/* '\1f3a4' */

.icon-mute:before {
    content: "??";
}

/* '\1f507' */

.icon-sound:before {
    content: "??";
}

/* '\1f50a' */

.icon-volume:before {
    content: "\e742";
}

/* '\e742' */

.icon-clock:before {
    content: "??";
}

/* '\1f554' */

.icon-hourglass:before {
    content: "\23f3";
}

/* '\23f3' */

.icon-lamp:before {
    content: "??";
}

/* '\1f4a1' */

.icon-light-down:before {
    content: "??";
}

/* '\1f505' */

.icon-light-up:before {
    content: "??";
}

/* '\1f506' */

.icon-adjust:before {
    content: "\25d1";
}

/* '\25d1' */

.icon-block:before {
    content: "??";
}

/* '\1f6ab' */

.icon-resize-full:before {
    content: "\e744";
}

/* '\e744' */

.icon-resize-small:before {
    content: "\e746";
}

/* '\e746' */

.icon-popup:before {
    content: "\e74c";
}

/* '\e74c' */

.icon-publish:before {
    content: "\e74d";
}

/* '\e74d' */

.icon-window:before {
    content: "\e74e";
}

/* '\e74e' */

.icon-arrow-combo:before {
    content: "\e74f";
}

/* '\e74f' */

.icon-down-circled:before {
    content: "\e758";
}

/* '\e758' */

.icon-left-circled:before {
    content: "\e759";
}

/* '\e759' */

.icon-right-circled:before {
    content: "\e75a";
}

/* '\e75a' */

.icon-up-circled:before {
    content: "\e75b";
}

/* '\e75b' */

.icon-down-open:before {
    content: "\e75c";
}

/* '\e75c' */

.icon-left-open:before {
    content: "\e75d";
}

/* '\e75d' */

.icon-right-open:before {
    content: "\e75e";
}

/* '\e75e' */

.icon-up-open:before {
    content: "\e75f";
}

/* '\e75f' */

.icon-down-open-mini:before {
    content: "\e760";
}

/* '\e760' */

.icon-left-open-mini:before {
    content: "\e761";
}

/* '\e761' */

.icon-right-open-mini:before {
    content: "\e762";
}

/* '\e762' */

.icon-up-open-mini:before {
    content: "\e763";
}

/* '\e763' */

.icon-down-open-big:before {
    content: "\e764";
}

/* '\e764' */

.icon-left-open-big:before {
    content: "\e765";
}

/* '\e765' */

.icon-right-open-big:before {
    content: "\e766";
}

/* '\e766' */

.icon-up-open-big:before {
    content: "\e767";
}

/* '\e767' */

.icon-down:before {
    content: "\2b07";
}

/* '\2b07' */

.icon-left:before {
    content: "\2b05";
}

/* '\2b05' */

.icon-right:before {
    content: "\27a1";
}

/* '\27a1' */

.icon-up:before {
    content: "\2b06";
}

/* '\2b06' */

.icon-down-dir:before {
    content: "\25be";
}

/* '\25be' */

.icon-left-dir:before {
    content: "\25c2";
}

/* '\25c2' */

.icon-right-dir:before {
    content: "\25b8";
}

/* '\25b8' */

.icon-up-dir:before {
    content: "\25b4";
}

/* '\25b4' */

.icon-down-bold:before {
    content: "\e4b0";
}

/* '\e4b0' */

.icon-left-bold:before {
    content: "\e4ad";
}

/* '\e4ad' */

.icon-right-bold:before {
    content: "\e4ae";
}

/* '\e4ae' */

.icon-up-bold:before {
    content: "\e4af";
}

/* '\e4af' */

.icon-down-thin:before {
    content: "\2193";
}

/* '\2193' */

.icon-left-thin:before {
    content: "\2190";
}

/* '\2190' */

.icon-right-thin:before {
    content: "\2192";
}

/* '\2192' */

.icon-up-thin:before {
    content: "\2191";
}

/* '\2191' */

.icon-ccw:before {
    content: "\27f2";
}

/* '\27f2' */

.icon-cw:before {
    content: "\27f3";
}

/* '\27f3' */

.icon-arrows-ccw:before {
    content: "??";
}

/* '\1f504' */

.icon-level-down:before {
    content: "\21b3";
}

/* '\21b3' */

.icon-level-up:before {
    content: "\21b0";
}

/* '\21b0' */

.icon-shuffle:before {
    content: "??";
}

/* '\1f500' */

.icon-loop:before {
    content: "??";
}

/* '\1f501' */

.icon-switch:before {
    content: "\21c6";
}

/* '\21c6' */

.icon-play:before {
    content: "\25b6";
}

/* '\25b6' */

.icon-stop:before {
    content: "\25a0";
}

/* '\25a0' */

.icon-pause:before {
    content: "\2389";
}

/* '\2389' */

.icon-record:before {
    content: "\26ab";
}

/* '\26ab' */

.icon-to-end:before {
    content: "\23ed";
}

/* '\23ed' */

.icon-to-start:before {
    content: "\23ee";
}

/* '\23ee' */

.icon-fast-forward:before {
    content: "\23e9";
}

/* '\23e9' */

.icon-fast-backward:before {
    content: "\23ea";
}

/* '\23ea' */

.icon-progress-0:before {
    content: "\e768";
}

/* '\e768' */

.icon-progress-1:before {
    content: "\e769";
}

/* '\e769' */

.icon-progress-2:before {
    content: "\e76a";
}

/* '\e76a' */

.icon-progress-3:before {
    content: "\e76b";
}

/* '\e76b' */

.icon-target:before {
    content: "??";
}

/* '\1f3af' */

.icon-palette:before {
    content: "??";
}

/* '\1f3a8' */

.icon-list:before {
    content: "\e005";
}

/* '\e005' */

.icon-list-add:before {
    content: "\e003";
}

/* '\e003' */

.icon-signal:before {
    content: "??";
}

/* '\1f4f6' */

.icon-trophy:before {
    content: "??";
}

/* '\1f3c6' */

.icon-battery:before {
    content: "??";
}

/* '\1f50b' */

.icon-back-in-time:before {
    content: "\e771";
}

/* '\e771' */

.icon-monitor:before {
    content: "??";
}

/* '\1f4bb' */

.icon-mobile:before {
    content: "??";
}

/* '\1f4f1' */

.icon-network:before {
    content: "\e776";
}

/* '\e776' */

.icon-cd:before {
    content: "??";
}

/* '\1f4bf' */

.icon-inbox:before {
    content: "\e777";
}

/* '\e777' */

.icon-install:before {
    content: "\e778";
}

/* '\e778' */

.icon-globe:before {
    content: "??";
}

/* '\1f30e' */

.icon-cloud:before {
    content: "\2601";
}

/* '\2601' */

.icon-cloud-thunder:before {
    content: "\26c8";
}

/* '\26c8' */

.icon-flash:before {
    content: "\26a1";
}

/* '\26a1' */

.icon-moon:before {
    content: "\263d";
}

/* '\263d' */

.icon-flight:before {
    content: "\2708";
}

/* '\2708' */

.icon-paper-plane:before {
    content: "\e79b";
}

/* '\e79b' */

.icon-leaf:before {
    content: "??";
}

/* '\1f342' */

.icon-lifebuoy:before {
    content: "\e788";
}

/* '\e788' */

.icon-mouse:before {
    content: "\e789";
}

/* '\e789' */

.icon-briefcase:before {
    content: "??";
}

/* '\1f4bc' */

.icon-suitcase:before {
    content: "\e78e";
}

/* '\e78e' */

.icon-dot:before {
    content: "\e78b";
}

/* '\e78b' */

.icon-dot-2:before {
    content: "\e78c";
}

/* '\e78c' */

.icon-dot-3:before {
    content: "\e78d";
}

/* '\e78d' */

.icon-brush:before {
    content: "\e79a";
}

/* '\e79a' */

.icon-magnet:before {
    content: "\e7a1";
}

/* '\e7a1' */

.icon-infinity:before {
    content: "\221e";
}

/* '\221e' */

.icon-erase:before {
    content: "\232b";
}

/* '\232b' */

.icon-chart-pie:before {
    content: "\e751";
}

/* '\e751' */

.icon-chart-line:before {
    content: "??";
}

/* '\1f4c8' */

.icon-chart-bar:before {
    content: "??";
}

/* '\1f4ca' */

.icon-chart-area:before {
    content: "??";
}

/* '\1f53e' */

.icon-tape:before {
    content: "\2707";
}

/* '\2707' */

.icon-graduation-cap:before {
    content: "??";
}

/* '\1f393' */

.icon-language:before {
    content: "\e752";
}

/* '\e752' */

.icon-ticket:before {
    content: "??";
}

/* '\1f3ab' */

.icon-water:before {
    content: "??";
}

/* '\1f4a6' */

.icon-droplet:before {
    content: "??";
}

/* '\1f4a7' */

.icon-air:before {
    content: "\e753";
}

/* '\e753' */

.icon-credit-card:before {
    content: "??";
}

/* '\1f4b3' */

.icon-floppy:before {
    content: "??";
}

/* '\1f4be' */

.icon-clipboard:before {
    content: "??";
}

/* '\1f4cb' */

.icon-megaphone:before {
    content: "??";
}

/* '\1f4e3' */

.icon-database:before {
    content: "\e754";
}

/* '\e754' */

.icon-drive:before {
    content: "\e755";
}

/* '\e755' */

.icon-bucket:before {
    content: "\e756";
}

/* '\e756' */

.icon-thermometer:before {
    content: "\e757";
}

/* '\e757' */

.icon-key:before {
    content: "??";
}

/* '\1f511' */

.icon-flow-cascade:before {
    content: "\e790";
}

/* '\e790' */

.icon-flow-branch:before {
    content: "\e791";
}

/* '\e791' */

.icon-flow-tree:before {
    content: "\e792";
}

/* '\e792' */

.icon-flow-line:before {
    content: "\e793";
}

/* '\e793' */

.icon-flow-parallel:before {
    content: "\e794";
}

/* '\e794' */

.icon-rocket:before {
    content: "??";
}

/* '\1f680' */

.icon-gauge:before {
    content: "\e7a2";
}

/* '\e7a2' */

.icon-traffic-cone:before {
    content: "\e7a3";
}

/* '\e7a3' */

.icon-cc:before {
    content: "\e7a5";
}

/* '\e7a5' */

.icon-cc-by:before {
    content: "\e7a6";
}

/* '\e7a6' */

.icon-cc-nc:before {
    content: "\e7a7";
}

/* '\e7a7' */

.icon-cc-nc-eu:before {
    content: "\e7a8";
}

/* '\e7a8' */

.icon-cc-nc-jp:before {
    content: "\e7a9";
}

/* '\e7a9' */

.icon-cc-sa:before {
    content: "\e7aa";
}

/* '\e7aa' */

.icon-cc-nd:before {
    content: "\e7ab";
}

/* '\e7ab' */

.icon-cc-pd:before {
    content: "\e7ac";
}

/* '\e7ac' */

.icon-cc-zero:before {
    content: "\e7ad";
}

/* '\e7ad' */

.icon-cc-share:before {
    content: "\e7ae";
}

/* '\e7ae' */

.icon-cc-remix:before {
    content: "\e7af";
}

/* '\e7af' */

.icon-github:before {
    content: "\f300";
}

/* '\f300' */

.icon-github-circled:before {
    content: "\f301";
}

/* '\f301' */

.icon-flickr:before {
    content: "\f303";
}

/* '\f303' */

.icon-flickr-circled:before {
    content: "\f304";
}

/* '\f304' */

.icon-vimeo:before {
    content: "\f306";
}

/* '\f306' */

.icon-vimeo-circled:before {
    content: "\f307";
}

/* '\f307' */

.icon-twitter:before {
    content: "\f309";
}

/* '\f309' */

.icon-twitter-circled:before {
    content: "\f30a";
}

/* '\f30a' */

.icon-facebook:before {
    content: "\f30c";
}

/* '\f30c' */

.icon-facebook-circled:before {
    content: "\f30d";
}

/* '\f30d' */

.icon-facebook-squared:before {
    content: "\f30e";
}

/* '\f30e' */

.icon-gplus:before {
    content: "\f30f";
}

/* '\f30f' */

.icon-gplus-circled:before {
    content: "\f310";
}

/* '\f310' */

.icon-pinterest:before {
    content: "\f312";
}

/* '\f312' */

.icon-pinterest-circled:before {
    content: "\f313";
}

/* '\f313' */

.icon-tumblr:before {
    content: "\f315";
}

/* '\f315' */

.icon-tumblr-circled:before {
    content: "\f316";
}

/* '\f316' */

.icon-linkedin:before {
    content: "\f318";
}

/* '\f318' */

.icon-linkedin-circled:before {
    content: "\f319";
}

/* '\f319' */

.icon-dribbble:before {
    content: "\f31b";
}

/* '\f31b' */

.icon-dribbble-circled:before {
    content: "\f31c";
}

/* '\f31c' */

.icon-stumbleupon:before {
    content: "\f31e";
}

/* '\f31e' */

.icon-stumbleupon-circled:before {
    content: "\f31f";
}

/* '\f31f' */

.icon-lastfm:before {
    content: "\f321";
}

/* '\f321' */

.icon-lastfm-circled:before {
    content: "\f322";
}

/* '\f322' */

.icon-rdio:before {
    content: "\f324";
}

/* '\f324' */

.icon-rdio-circled:before {
    content: "\f325";
}

/* '\f325' */

.icon-spotify:before {
    content: "\f327";
}

/* '\f327' */

.icon-spotify-circled:before {
    content: "\f328";
}

/* '\f328' */

.icon-qq:before {
    content: "\f32a";
}

/* '\f32a' */

.icon-instagrem:before {
    content: "\f32d";
}

/* '\f32d' */

.icon-dropbox:before {
    content: "\f330";
}

/* '\f330' */

.icon-evernote:before {
    content: "\f333";
}

/* '\f333' */

.icon-flattr:before {
    content: "\f336";
}

/* '\f336' */

.icon-skype:before {
    content: "\f339";
}

/* '\f339' */

.icon-skype-circled:before {
    content: "\f33a";
}

/* '\f33a' */

.icon-renren:before {
    content: "\f33c";
}

/* '\f33c' */

.icon-sina-weibo:before {
    content: "\f33f";
}

/* '\f33f' */

.icon-paypal:before {
    content: "\f342";
}

/* '\f342' */

.icon-picasa:before {
    content: "\f345";
}

/* '\f345' */

.icon-soundcloud:before {
    content: "\f348";
}

/* '\f348' */

.icon-mixi:before {
    content: "\f34b";
}

/* '\f34b' */

.icon-behance:before {
    content: "\f34e";
}

/* '\f34e' */

.icon-google-circles:before {
    content: "\f351";
}

/* '\f351' */

.icon-vkontakte:before {
    content: "\f354";
}

/* '\f354' */

.icon-smashing:before {
    content: "\f357";
}

/* '\f357' */

.icon-sweden:before {
    content: "\f601";
}

/* '\f601' */

.icon-db-shape:before {
    content: "\f600";
}

/* '\f600' */

.icon-logo-db:before {
    content: "\f603";
}

/* '\f603' */

label.radio {
    cursor: pointer;
    width: 100%
}

label.radio input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    pointer-events: none
}

label.radio span {
    padding: 7px 14px;
    border: 2px solid #eee;
    display: inline-block;
    color: #039be5;
    border-radius: 10px;
    width: 100%;
    height: 48px;
    line-height: 27px
}

label.radio input:checked+span {
    border-color: #039BE5;
    background-color: #81D4FA;
    color: #fff;
    border-radius: 9px;
    height: 48px;
    line-height: 27px
}

.form-control {
    margin-top: 10px;
    height: 48px;
    border: 2px solid #eee;
    border-radius: 10px
}

.form-control:focus {
    box-shadow: none;
    border: 2px solid #039BE5
}

.agree-text {
    font-size: 12px
}

.terms {
    font-size: 12px;
    text-decoration: none;
    color: #039BE5
}

.confirm-button {
    height: 50px;
    border-radius: 10px
}

.search {
    top: 6px;
    left: 10px
}

.form-control {
    padding-left: 32px
}

.form-control:focus {
    box-shadow: none
}

.green {
    color: green
}

main {
    margin: 0 auto;
    max-width: 60rem;
    padding-left: 1rem;
    padding-right: 1rem;
    color: #000;
}

main p {
    color: #000;
}

.title {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: .5rem;
    padding-top: 3rem;
}

.title {
    font-size: 1.5rem;
    font-weight: 200;
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: .5rem;
    padding-top: 3rem;
}

.blockquote-custom {
    position: relative;
    font-size: 1.1rem;
}

.blockquote-custom-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -25px;
    left: 50px;
}

label {
    color: #ffff;
    display: block;
    width: 150px;
    float: left;
    margin-top: 5%;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    /* background-color: #fff; */
}

ul li p {
    text-align: left;
    margin-left: -6px;
    width: 100%;
    height: auto;
}

ul li {
    text-align: left;
}

.space {
    /* line-height: 24px; */
}

.space-1 {
    line-height: 18px;
}

.untree_co-section .site-section {
    padding: 0px 0;
}

.site-section {
    padding: 64px 0;
}

.untree_co-section {
    padding: 0px 0;
}

.untree_co-redeem-section {
    padding: 54px 0;
    margin-top: 5%;
}

th {
    text-align: center;
}

td {
    text-align: center;
}

h1 {
    color: #ffffff;

}

h2 {
    color: #ffffff;

}

h3 {
    color: #ffffff;

}

h4 {
    color: #fff;

}



.input-name {
    width: 120%;
}

.input-edit {
    color: #ffffff;
    text-align: center;
    background-color: transparent;
    width: 20%;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 20px;
    display: inline-block;
    transition: all 0.3s ease 0s;
}

.header-contact-info-title {
    position: absolute;
    bottom: 70px;
    left: calc(80vw);
    color: #FFFFFF;
    font-size: 10px;
}

/*phone*/

.iphoneBack {
    /* background: url(https://s-media-cache-ak0.pinimg.com/originals/0d/0a/b6/0d0ab6064fc16ace7f1b419cff6346ed.png) no-repeat center top;
    height: 812px;
    position: relative; */

    /* background: url(../images/iphone.png) no-repeat center top; */
    /* height: 606px;
    position: relative;
    top: -55px;
    margin-bottom: -40px;
    border-radius: 10px; */



    height: 130vh;
    position: relative;
    top: 40px;
    width: 100vw;
    margin-left: -15px;
    margin-bottom: -40px;
    background-color: #fff7ec;
    border-radius: 10px;


    /* box-shadow: inset #0adb73 0 0 0 5px, inset #0bf480 0 0 1px, inset #24f58c 0 0 0 10px, inset #3cf699 0 0 0 11px, inset #55f7a6 0 0 0 16px !important; */
}

.iphoneBack .screen {
    padding: 0 0px 0px;
    /* height: 560px; */
    /* background-color: #fff7ec !important; */
    background: transparent;
    overflow: hidden;
    /* width: 95vw; */
    margin: 0 auto 0;
    position: relative;
    top: 25px;
}

.swiper-container {
    width: 355px;
    overflow: hidden;
}

.swiper-container h2 {
    text-align: center;
    color: white;
    font-size: 2em;
    z-index: 2;
    position: relative;
    font-weight: 300;
    display: block;
    margin: 60px auto 20px;
    width: 80%;
}

.swiper-container a {
    position: relative;
    display: block;
    z-index: 2;
    /* color: #fe5800; */
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.7em;
    /* width: 175px; */
    /* background: #fe5800; */
    padding: 15px 0;
    /* text-align: center; */
    margin: 15px auto;
    padding-top: 480px;
}

.center-left-mobile {
    float: left;
    margin-top: 50%;
}

.center-right-mobile {
    float: right;
    margin-top: 50%;
}

.swiper-container:after {
    content: "";
    width: 100%;
    display: table;
    float: none;
    clear: both;
}


.slide1 {
    /* background: url(http://www.bergoiata.org/fe/mountains/Mt.%20Whitney.jpg) center; */
    background-size: cover;
    position: relative;
    z-index: 0;
    padding-bottom: 4em;
}

.slide1:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    z-index: 1;
}

.slide2 {
    /* background: url(http://travellerguidance.com/wp-content/uploads/2013/10/mountains.jpg) center; */
    background-size: cover;
}

.slide3 {
    /* background: url(http://el-buskador.com/galeria/descarga/60-wallpapers_city_of_twilight_tampa_florida_usa) center; */
    background-size: cover;
}

.tab {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 20px;
    color: white;
    position: relative;
    width: 87%;
    margin: 2px auto;
    font-size: 0.85em;
    z-index: 2;
    line-height: 1.5em;
}

.tab span {
    float: left;
    display: block;
    width: 85%;
}

.tab i {
    float: right;
    width: 15%;
    text-align: right;
}

.tab i.linkIndicator:after {
    content: ">";
    border: #fe5800 1px solid;
    border-radius: 500px;
    width: 20px;
    display: block;
    height: 20px;
    color: #fe5800;
    margin: 0 auto;
    position: absolute;
    right: 10px;
    top: 30%;
    text-align: center;
}

.tab:after {
    content: "";
    width: 100%;
    display: table;
    float: none;
    clear: both;
}

.social {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-left: 0px;
    width: 100%;

}


.main {
    width: 188px;
    height: 50px;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    position: absolute;
    left: 13%;
    top: 29%;
    transform: translate(-50%, -50%);
    background: #eddbab;
    border-radius: 60px;
    text-align: center;
    font-weight: bold;
    overflow: hidden;
    color: #252525;
    box-shadow: 0 0 10px rgba(0, 0, 0, 1);
}




.main .btn {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: 188px;
    height: 50px;
    position: absolute;
    top: 0em;
    left: 0em;
    background: #dd1345;
    border-radius: 60px;
    color: #fff;
    /* transition: 950ms cubic-bezier(0.89, 0.03, 0.06, 1.5); */

}


.main .btn_2 {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: 188px;
    height: 50px;
    position: absolute;
    top: 0em;
    left: 0em;
    background: #252122;
    border-radius: 60px;
    color: #fff;
    /* transition: 950ms cubic-bezier(0.89, 0.03, 0.06, 1.5); */

}


.main .btn a {
    transform: scale(1);
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    opacity: 1;
    padding: 0;
    margin: auto;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    margin-left: 40px;
    margin-top: 7px;

}


.main .btn_2 a {
    transform: scale(1);
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    opacity: 1;
    padding: 0;
    margin: auto;
    color: #fff;
    font-size: 12px;
    margin-left: 40px;
    margin-top: 7px;

}


.image-zalo {
    margin-top: 10px;
    margin-left: 10%;
}





@keyframes moveRightRow {
    0% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }

    25% {
        transform: translateX(500px) translateY(0);
    }

    50% {
        transform: translateX(500px) translateY(0);
        -webkit-transform: translateX(500px) translateY(0);
        -moz-transform: translateX(500px) translateY(0);
        -ms-transform: translateX(500px) translateY(0);
        -o-transform: translateX(500px) translateY(0);
}

    75% {
        transform: translateX(0) translateY(500px);
        -webkit-transform: translateX(0) translateY(500px);
        -moz-transform: translateX(0) translateY(500px);
        -ms-transform: translateX(0) translateY(500px);
        -o-transform: translateX(0) translateY(500px);
}

    100% {
        transform: translateX(500px);
        -webkit-transform: translateX(500px);
        -moz-transform: translateX(500px);
        -ms-transform: translateX(500px);
        -o-transform: translateX(500px);
    }
}


.main .row {
    width: 190px;
    margin-top: -5px;
    margin-right: -15px;
    background: #eddbab;
    animation: moveRightRow 20s cubic-bezier(0.89, 0.03, 0.06, 1.5) infinite;
    animation-delay: 2s;
    animation-direction: alternate;
    animation-fill-mode: both;
    -webkit-animation: moveRightRow 20s cubic-bezier(0.89, 0.03, 0.06, 1.5) infinite;
}

.main .btn_2 {
    width: 190px;
    margin-top: 0px;
    margin-right: -10px;
    background: #eddbab;
    animation: moveRightRow 20s cubic-bezier(0.89, 0.03, 0.06, 1.5) infinite;
    animation-direction: alternate;
    animation-delay: 3s;
    animation-fill-mode: both;
}

.main .btn {
    width: 190px;
    margin-right: -10px;
    animation: moveRightRow cubic-bezier(0.89, 0.03, 0.06, 1.5) infinite;
    animation-direction: alternate;
    animation-delay: 25s;
    animation-fill-mode: both;
    -webkit-animation: moveRightRow cubic-bezier(0.89, 0.03, 0.06, 1.5) infinite;
}

.img-mobile{
    margin-left: 6%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.img-mobile-desktop{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}



/*test*/
table th,
table td {
  text-align: center;
}

table tr {
  background-color: #056635;
}

table tr td{
    background-color: #056635;
  }

.pagination li:hover {
  cursor: pointer;
}

.pagination li{
    margin-left: 10px;
}