* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

html {

  scroll-behavior: smooth;

}

::-webkit-scrollbar {

  width: 0px;

  height: 0px;

}





body {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    font-family: 'UTM Aptima';

    font-size: 15px;

    font-weight: 400;

}



@font-face {

    font-family: 'UTM Aptima';

    src: url('../fonts/UTMAptimaBold.eot');

    src: url('../fonts/UTMAptimaBold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/UTMAptimaBold.woff2') format('woff2'),

        url('../fonts/UTMAptimaBold.woff') format('woff'),

        url('../fonts/UTMAptimaBold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'UTM Aptima';

    src: url('../fonts/UTMAptima.eot');

    src: url('../fonts/UTMAptima.eot?#iefix') format('embedded-opentype'),

        url('../fonts/UTMAptima.woff2') format('woff2'),

        url('../fonts/UTMAptima.woff') format('woff'),

        url('../fonts/UTMAptima.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'UTM Aptima';

    src: url('../fonts/UTMAptima-BoldItalic.eot');

    src: url('../fonts/UTMAptima-BoldItalic.eot?#iefix') format('embedded-opentype'),

        url('../fonts/UTMAptima-BoldItalic.woff2') format('woff2'),

        url('../fonts/UTMAptima-BoldItalic.woff') format('woff'),

        url('../fonts/UTMAptima-BoldItalic.ttf') format('truetype');

    font-weight: bold;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'UTM Aptima';

    src: url('../fonts/UTMAptima-Italic.eot');

    src: url('../fonts/UTMAptima-Italic.eot?#iefix') format('embedded-opentype'),

        url('../fonts/UTMAptima-Italic.woff2') format('woff2'),

        url('../fonts/UTMAptima-Italic.woff') format('woff'),

        url('../fonts/UTMAptima-Italic.ttf') format('truetype');

    font-weight: normal;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'SVN-Gotham Book';

    src: url('../fonts/SVN-GothamBook.eot');

    src: url('../fonts/SVN-GothamBook.eot?#iefix') format('embedded-opentype'),

        url('../fonts/SVN-GothamBook.woff2') format('woff2'),

        url('../fonts/SVN-GothamBook.woff') format('woff'),

        url('../fonts/SVN-GothamBook.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'SVN-Gotham';

    src: url('../fonts/SVN-GothamBold.eot');

    src: url('../fonts/SVN-GothamBold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/SVN-GothamBold.woff2') format('woff2'),

        url('../fonts/SVN-GothamBold.woff') format('woff'),

        url('../fonts/SVN-GothamBold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'SVN-Gotham';

    src: url('SVN-GothamBlack.eot');

    src: url('SVN-GothamBlack.eot?#iefix') format('embedded-opentype'),

        url('SVN-GothamBlack.woff2') format('woff2'),

        url('SVN-GothamBlack.woff') format('woff'),

        url('SVN-GothamBlack.ttf') format('truetype');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'SVN-Gotham';

    src: url('SVN-GothamBlackItalic.eot');

    src: url('SVN-GothamBlackItalic.eot?#iefix') format('embedded-opentype'),

        url('SVN-GothamBlackItalic.woff2') format('woff2'),

        url('SVN-GothamBlackItalic.woff') format('woff'),

        url('SVN-GothamBlackItalic.ttf') format('truetype');

    font-weight: 900;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'SVN-Gotham';

    src: url('../fonts/SVN-GothamBoldItalic.eot');

    src: url('../fonts/SVN-GothamBoldItalic.eot?#iefix') format('embedded-opentype'),

        url('../fonts/SVN-GothamBoldItalic.woff2') format('woff2'),

        url('../fonts/SVN-GothamBoldItalic.woff') format('woff'),

        url('../fonts/SVN-GothamBoldItalic.ttf') format('truetype');

    font-weight: bold;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'SVN-Gotham Book';

    src: url('../fonts/SVN-GothamBookItalic.eot');

    src: url('../fonts/SVN-GothamBookItalic.eot?#iefix') format('embedded-opentype'),

        url('../fonts/SVN-GothamBookItalic.woff2') format('woff2'),

        url('../fonts/SVN-GothamBookItalic.woff') format('woff'),

        url('../fonts/SVN-GothamBookItalic.ttf') format('truetype');

    font-weight: normal;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'SVN-Gotham';

    src: url('../fonts/SVN-GothamBold_1.eot');

    src: url('../fonts/SVN-GothamBold_1.eot?#iefix') format('embedded-opentype'),

        url('../fonts/SVN-GothamBold_1.woff2') format('woff2'),

        url('../fonts/SVN-GothamBold_1.woff') format('woff'),

        url('../fonts/SVN-GothamBold_1.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'SVN-Gotham';

    src: url('../fonts/SVN-GothamItalic.eot');

    src: url('../fonts/SVN-GothamItalic.eot?#iefix') format('embedded-opentype'),

        url('../fonts/SVN-GothamItalic.woff2') format('woff2'),

        url('../fonts/SVN-GothamItalic.woff') format('woff'),

        url('../fonts/SVN-GothamItalic.ttf') format('truetype');

    font-weight: 500;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'SVN-Gotham';

    src: url('../fonts/SVN-GothamThin.eot');

    src: url('../fonts/SVN-GothamThin.eot?#iefix') format('embedded-opentype'),

        url('../fonts/SVN-GothamThin.woff2') format('woff2'),

        url('../fonts/SVN-GothamThin.woff') format('woff'),

        url('../fonts/SVN-GothamThin.ttf') format('truetype');

    font-weight: 100;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'SVN-Gotham';

    src: url('SVN-GothamLight.eot');

    src: url('SVN-GothamLight.eot?#iefix') format('embedded-opentype'),

        url('SVN-GothamLight.woff2') format('woff2'),

        url('SVN-GothamLight.woff') format('woff'),

        url('SVN-GothamLight.ttf') format('truetype');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'SVN-Gotham Ultra';

    src: url('SVN-GothamUltra.eot');

    src: url('SVN-GothamUltra.eot?#iefix') format('embedded-opentype'),

        url('SVN-GothamUltra.woff2') format('woff2'),

        url('SVN-GothamUltra.woff') format('woff'),

        url('SVN-GothamUltra.ttf') format('truetype');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'SVN-Gotham';

    src: url('SVN-GothamLightItalic.eot');

    src: url('SVN-GothamLightItalic.eot?#iefix') format('embedded-opentype'),

        url('SVN-GothamLightItalic.woff2') format('woff2'),

        url('SVN-GothamLightItalic.woff') format('woff'),

        url('SVN-GothamLightItalic.ttf') format('truetype');

    font-weight: 300;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'SVN-Gotham';

    src: url('../fonts/SVN-GothamThinItalic.eot');

    src: url('../fonts/SVN-GothamThinItalic.eot?#iefix') format('embedded-opentype'),

        url('../fonts/SVN-GothamThinItalic.woff2') format('woff2'),

        url('../fonts/SVN-GothamThinItalic.woff') format('woff'),

        url('../fonts/SVN-GothamThinItalic.ttf') format('truetype');

    font-weight: 100;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'SVN-Gotham';

    src: url('../fonts/SVN-Gotham.eot');

    src: url('../fonts/SVN-Gotham.eot?#iefix') format('embedded-opentype'),

        url('../fonts/SVN-Gotham.woff2') format('woff2'),

        url('../fonts/SVN-Gotham.woff') format('woff'),

        url('../fonts/SVN-Gotham.ttf') format('truetype');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'SVN-Gotham Ultra';

    src: url('../fonts/SVN-GothamUltraItalic.eot');

    src: url('../fonts/SVN-GothamUltraItalic.eot?#iefix') format('embedded-opentype'),

        url('../fonts/SVN-GothamUltraItalic.woff2') format('woff2'),

        url('../fonts/SVN-GothamUltraItalic.woff') format('woff'),

        url('../fonts/SVN-GothamUltraItalic.ttf') format('truetype');

    font-weight: 900;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'SVN-Gotham';

    src: url('../fonts/SVN-GothamLight_1.eot');

    src: url('../fonts/SVN-GothamLight_1.eot?#iefix') format('embedded-opentype'),

        url('../fonts/SVN-GothamLight_1.woff2') format('woff2'),

        url('../fonts/SVN-GothamLight_1.woff') format('woff'),

        url('../fonts/SVN-GothamLight_1.ttf') format('truetype');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}







.font-gotham{

    font-family: 'SVN-Gotham';

}

.font-utm{

    font-family: 'UTM Aptima';

}





.bg-grad {

    background:  linear-gradient(80deg, #E7DDCE 1.56%, #FFE8C5 101.51%);

}



.title{

    font-size: 50px;

}

.custom-btn a {

    background: transparent;

    border-radius: 67px;

    display: inline-block;

    cursor: pointer;

    border: 1px solid #080C18;

    padding: 5px;

    box-shadow: 0px 0px 20px 0px #00000040;

    min-width: 230px;

}

.custom-btn a .btn-new{

    background: #080C18; 

    border-radius: 67px;

    display: inline-block;

    font-family: 'UTM Aptima';

    font-style: normal;

    font-weight: bold;

    font-size: 15px;

    line-height: 1.5;

    text-align: center;

    text-transform: uppercase;

    padding: 10px 60px;

    cursor: pointer;

    border: 1px solid #080C18;

    box-shadow: 0px 0px 20px 0px #00000040;



}



.mirror-animate .thumb::before {

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);

    content: "";

    display: block;

    height: 100%;

    left: -75%;

    position: absolute;

    top: 0;

    transform: skewX(-25deg);

    width: 50%;

    z-index: 1;

}

.mirror-animate:hover .thumb::before {

    animation: new_shine 1s;

}



.mirror-animate .thumb img {

    transition: all 300ms ease-in-out;

}

.mirror-animate:hover .thumb img {

    transition: all 300ms ease-in-out;

    transform: scale(1.1);

}

.mirror-animate:hover h3.title{

    color: #E8C981;

}

@keyframes new_shine{

    100% {

        left: 125%;

    }

}



.aligncenter {

    margin: 0 auto;

}

.custom-btn a span {

    color: #fff;

}



/*button ripped*/



.c-ripple {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

  background: transparent;

  border-radius: 53px;

  

}



.c-ripple__circle {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  opacity: 0;

  width: 0;

  height: 0;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.25);

}

.c-ripple.is-active .c-ripple__circle {

  -webkit-animation: a-ripple 0.4s ease-in;

          animation: a-ripple 0.4s ease-in;

}



@keyframes a-ripple {

  0% {

    opacity: 0;

  }

  25% {

    opacity: 1;

  }

  100% {

    width: 200%;

    padding-bottom: 200%;

    opacity: 0;

  }

}

.desscription p:not(:last-child){

    margin-bottom: 12px;

}

.row-dang-ky:before{

    content: ' ';

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    position: absolute;

    /*    background-image:url(../img/Background1.png);*/

    background-image: url(../img/line.gif);

    opacity: 0.1;

    background-size: cover;

    background-repeat: no-repeat;

    z-index: 1;

}

.row-dang-ky.active:before{

    background-image: url(../img/line.gif);

    opacity: 0.1;

}

.loading {



    width: 100%;



    height: 100%;



    position: fixed;



    z-index: 999;



    background: rgba(0, 0, 0, 0.6);



    display: flex;



    align-items: center;



    justify-content: center;



    top: 0;



    left: 0;



  }



.loading .loader {



    border: 16px solid #f3f3f3;



    border-top: 16px solid #02531d;



    border-radius: 50%;



    width: 120px;



    height: 120px;



    animation: spin 2s linear infinite;



  }



@keyframes spin {



    0% {



      transform: rotate(0deg);



    }



    100% {



      transform: rotate(360deg);



    }



  }



@-moz-keyframes bounce {

  0%,

  20%,

  50%,

  80%,

  100% {

    -moz-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -moz-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  60% {

    -moz-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}

@-webkit-keyframes bounce {

  0%,

  20%,

  50%,

  80%,

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  60% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}

@keyframes bounce {

  0%,

  20%,

  50%,

  80%,

  100% {

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -moz-transform: translateY(-30px);

    -ms-transform: translateY(-30px);

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  60% {

    -moz-transform: translateY(-15px);

    -ms-transform: translateY(-15px);

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}

@media(max-width:1680px){

    .title{

        font-size: 45px;

    }



}

@media(max-width:1459px){

    .title{

        font-size: 40px;

    }



}

@media(max-width:1366px){

    .title{

        font-size: 35px;

    }



}

@media(max-width:1280px){

    .title{

        font-size: 30px;

    }



}

@media(max-width:1024px){

    body{

        font-size: 13px;

    }

    .title{

        font-size: 30px;

    }

    





}