@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:#901416;
    border: 1px solid #ccc;
    /* Tạo đường viền xung quanh khung */
    margin: 0 auto;
    /* Để căn giữa khung trên trang */

    box-shadow: inset #9d1518 0 0 0 5px, inset #b4181b 0 0 1px, inset #ca1c1e 0 0 0 10px, inset #e01f22 0 0 0 11px, inset #e33538 0 0 0 16px !important;
}

.tabcontent:after {
    position: absolute;
}

.btn-2 {
    width: auto;
}

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

/* Style each tab content individually */

/* #London {
    background-image: url(../images/333-Tiki_background.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    ;
  }

  #Paris {
    background-image: url(../images/333-Tiki_background.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #Tokyo {
    background-image: url(../images/333-Tiki_background.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #Oslo {
    background-image: url(../images/333-Tiki_background.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #Sibuya {
    background-image:
    url(../images/333-Tiki_background.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
    #Saitama {
      background-image: url(../images/333-Tiki_background.gif);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    #Osaka {
      background-image: url(../images/333-Tiki_background.gif);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    } */

.demo {}

.panel {
    /* background: linear-gradient(to right, #cc0325, #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%;
    }
}

/* $primary_color: #109bce;
    $secondary_color: #07526e;
    $bg_body:#d4d4d4;
    $white: #fff;
    $#5c4436;: #000;
    $grey_1:#f1f1f1;
    $grey_2:#f9f9f9;
    $grey_3:#ccc;
    $grey_4:#999;
    $grey_5:#555;
    @function bg_rgba($a:1) {
      @return rgba(0, 0, 0, $a);
    }
    @function bg_rgba_w($a:1) {
      @return rgba(255, 255, 255, $a);
    }
    @mixin border-radius($radius) {
      -webkit-border-radius: $radius;
      border-radius: $radius;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */

/* }
    @mixin abs-pos ($top: auto, $right: auto, $bottom: auto, $left: auto) {
      top: $top;
      right: $right;
      bottom: $bottom;
      left: $left;
      position: absolute;
    } */

@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;
    /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); */
    /* @include border-radius(4px);
      overflow: hidden;
      margin: 20px 0;
      transition: all .4s;
      vertical-align: middle;
      position: relative;
      z-index: 1;
      padding: 0;
      align-self: center;
      &.isOpenIng {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -100%);
        opacity: 0;
        z-index: 100000 !important;
      }
      &.isOpen {
        transform-origin: center top;
        transform: translate(-50%, -50%);
        box-shadow: 0px 0 40px bg_rgba(.3)!important;
        opacity: 1;
      }
      &::before {
        content: '';
        @include abs-pos(0, auto, auto, 50%);
        width: 0;
        height: 2px;
        background-color: $white;
        z-index: 1111;
        transition: all .4s;
      } */
}

.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;
}

/* @keyframes loading {
      from {
        left: 50%;
        width: 0;
        z-index: 100;
      }
      33.3333% {
        left: 0;
        width: 100%;
        z-index: 10;
      }
      to {
        left: 0;
        width: 100%;
      }
    } */

.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;
    /* &::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 10px;
        margin: 0px 0 0 -5px;
        height: 10px;
        transform-origin: center;
        background: rgba(255, 255, 255, 0.97);
        transition: all 1s;
        z-index: 1;
        border-radius: 50%;
      }
      &.isOpen {
        width: 100%;
        height: 100%;
        opacity: 1;
        left: 0;
        transform: translate(0, 0);
        &::after {
          width: 1000px;
          height: 1000px;
          left: 50%;
          margin: -500px 0 0 -500px;
        }
      } */
}

.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;
    /* &::after {
        content: '';
        position: absolute;
        bottom: -12px;
        left: -2%;
        width: 104%;
        height: 30px;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 1220;
        transform: skew(0, -3deg);
        transition: all .6s;
      }
      &::before {
        content: '';
        position: absolute;
        bottom: -12px;
        left: -2%;
        width: 104%;
        height: 30px;
        background-color: $grey_2;
        box-shadow: 0 0 2px rgba(0, 0, 0, .5);
        z-index: 1221;
        transform: skew(0, 2deg);
        transition: all .6s;
      } */
}

.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;
    /* &::after {
        content: '';
        position: absolute;
        top: -20%;
        left: -20%;
        width: 140%;
        height: 140%;
        background: rgba(0, 0, 0, 1);
        transform: skew(0, 2deg);
        transition: .4s;
        opacity: 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;
    /* @include border-radius(50%);
      top: 10px;
      left: 10px;
      transform-origin: center center;
      transform: translate(0, 0) scale(1, 1);
      overflow: hidden;
      background-size: cover !important;
      &.isOpen {
        /*box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.5);
        */
    /*//top: 40%;
        //transform: translate(0,0) scale(0.6, 0.6);
        //left: 90%;
        box-shadow: 0 0 0 800px rgba(255, 255, 255, .6);
        transform: translate(-140%, 0) scale(1, 1);
        -webkit-transform: translate(-140%, 0) scale(1, 1);
        -moz-transform: translate(-140%, 0) scale(1, 1);
        -ms-transform: translate(-140%, 0) scale(1, 1);
        -o-transform: translate(-140%, 0) scale(1, 1);
  } */
}

.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;
}

/*.o-card:hover .o-card_header::before { bottom: -38px;}
  .o-card.isOpen .o-card-headerList{display: none;}
  .o-card:hover .o-card-headerList{top: 0; transition-delay: .2s;}
  .o-card.isOpen .o-card-headerList--item,
  .o-card:hover .o-card-headerList--item{padding:10px 0;}*/

/*.o-card:hover .o-card_body{ height: 300px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);}*/

/*.o-card:hover::before{height: 100%; top: 0;}*/

@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: #cc0325; */
}

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(4vw);
    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;
    background-color: #901416;
    box-shadow: inset #9d1518 0 0 0 5px, inset #b4181b 0 0 1px, inset #ca1c1e 0 0 0 10px, inset #e01f22 0 0 0 11px, inset #e33538 0 0 0 16px !important;
}

.iphoneBack .screen {
    padding: 0 0px 0px;
    height: 560px;
    background: transparent;
    overflow: hidden;
    width: 355px;
    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;
}

/* .top {
    position: absolute;
    z-index: 2;
    background: #fe5800;
    width: 92%;
    height: 10px;
    left: 4%;
    top: 12px;
}

.right {
    position: absolute;
    z-index: 2;
    background: #fe5800;
    width: 10px;
    height: 87%;
    right: 4%;
    top: 12px;
}

.bottom {
    position: absolute;
    z-index: 2;
    background: #fe5800;
    width: 92%;
    height: 10px;
    left: 4%;
    bottom: 10%;
}

.left {
    position: absolute;
    z-index: 2;
    background: #fe5800;
    width: 10px;
    height: 87%;
    left: 4%;
    top: 12px;
} */

.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;
}

/* .swiper-pagination-bullet {
    border: 2px solid white;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    border-color: transparent;
    background: #fe5800;
} */

/* .video-modal {
    width: 320px;
    height: 568px;
    position: absolute;
    overflow: hidden;
    z-index: 999;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 123px;
}

.video-modal .video {
    background: url(http://alanaceves.com/curso/wp-content/uploads/2015/08/iphone-video.jpg) no-repeat center top;
    width: 320px;
    height: 568px;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    ư
    transition: all 0.3s;
    transform: translate(0, -568px);
}

.video-modal .videoActive {
    transform: translate(0, 0);
} */








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

}

/* .social a {
    padding: 15px;
    transition:700ms;
    text-align: center;
    transform: scale(0);
    opacity: 0;
    text-decoration: none;
    -webkit-transition:700ms;
    -moz-transition:700ms;
    -ms-transition:700ms;
    -o-transition:700ms;
} */
/*
.social a:nth-child(4) {
    transition-delay: 85ms;
}

.social a:nth-child(3) {
    transition-delay: 170ms;
}

.social a:nth-child(2) {
    transition-delay: 255ms;
}

.social a:nth-child(1) {
    transition-delay: 340ms;
} */

.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;

}

/* .main:hover .social a {
    transform: scale(1);
    transition-timing-function: cubic-bezier(1, -0.03, 0, 1.85);
    opacity: 1;
}

.main:hover .btn {
    transform: translateX(-500px);
}

.social a:hover {
    color: #fb3;
    transition-timing-function: ease-in-out !important;
    transition-delay: 1ms !important;
} */

.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: #b01e21;
}

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

.pagination li:hover {
  cursor: pointer;
}
/* table tbody tr {
  display: none;
} */

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



/*firework*/

/* .zoomable-image {
    width: 100px;
    transition: transform 2s;
}

.decor {
    position: absolute;
    z-index: 2
}

.decor.d1 {
    left: 0;
    top: 40%;
    width: 50px
}

.decor.d2 {
    right: 0;
    top: 40%;
    -webkit-transform: translateX(40%);
    transform: translateX(40%);
    width: 70px
}

.decor.d3 {
    left: 10px;
    top: 50%;
    width: 40px
}

.decor.d3 img {
    -webkit-animation: blink 2s ease 1s infinite;
    animation: blink 2s ease 1s infinite;
    margin-top: -200px;
}

.decor.d4 {
    right: 10px;
    top: 75%;
    width: 30px
}

.decor.d4 img {
    -webkit-animation: blink 4s ease 2s infinite;
    animation: blink 4s ease 2s infinite
}


.decor.d3 img {
    -webkit-animation: blink 4s ease infinite;
    animation: blink 4s ease infinite
}

.decor.d4 img {
    -webkit-animation: blink 4s ease 1s infinite;
    animation: blink 4s ease 1s infinite
}

@-webkit-keyframes blink {

    0%,
    40%,
    to {
        opacity: 0
    }

    30%,
    70% {
        opacity: 1
    }
}

@keyframes blink {

    0%,
    40%,
    to {
        opacity: 0
    }

    30%,
    70% {
        opacity: 1
    }
} */