button.btn-home:focus{box-shadow:none;}
.jarallax,.jarallax-keep-img-bottom{position:relative;z-index:0}.jarallax-keep-img-bottom .jarallax-img,.jarallax .jarallax-img{position:absolute;object-fit:cover;font-family:'object-fit: cover;';top:0;left:0;width:100%;height:100%;z-index:-1}
html,
body {
   background: rgba(9,47,89,1);
background: -moz-linear-gradient(45deg, rgba(9,47,89,1) 0%, rgba(20,74,145,1) 38%, rgba(20,74,145,1) 59%, rgba(9,47,89,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(9,47,89,1)), color-stop(38%, rgba(20,74,145,1)), color-stop(59%, rgba(20,74,145,1)), color-stop(100%, rgba(9,47,89,1)));
background: -webkit-linear-gradient(45deg, rgba(9,47,89,1) 0%, rgba(20,74,145,1) 38%, rgba(20,74,145,1) 59%, rgba(9,47,89,1) 100%);
background: -o-linear-gradient(45deg, rgba(9,47,89,1) 0%, rgba(20,74,145,1) 38%, rgba(20,74,145,1) 59%, rgba(9,47,89,1) 100%);
background: -ms-linear-gradient(45deg, rgba(9,47,89,1) 0%, rgba(20,74,145,1) 38%, rgba(20,74,145,1) 59%, rgba(9,47,89,1) 100%);
background: linear-gradient(45deg, rgba(9,47,89,1) 0%, rgba(20,74,145,1) 38%, rgba(20,74,145,1) 59%, rgba(9,47,89,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#092f59', endColorstr='#092f59', GradientType=1 );
min-height:100%;
}

.home_page {
    background: #13488E;
}
.home_page:before{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.2);
	background: rgba(28,132,186,0.15);
	background: -moz-radial-gradient(center, ellipse cover, rgba(28,132,186,0.15) 0%, rgba(22,66,121,0.2) 53%, rgba(22,66,121,0.2) 54%, rgba(22,66,121,0.3) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(28,132,186,0.15)), color-stop(53%, rgba(22,66,121,0.2)), color-stop(54%, rgba(22,66,121,0.2)), color-stop(100%, rgba(22,66,121,0.3)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(28,132,186,0.15) 0%, rgba(22,66,121,0.2) 53%, rgba(22,66,121,0.2) 54%, rgba(22,66,121,0.3) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(28,132,186,0.15) 0%, rgba(22,66,121,0.2) 53%, rgba(22,66,121,0.2) 54%, rgba(22,66,121,0.3) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(28,132,186,0.15) 0%, rgba(22,66,121,0.2) 53%, rgba(22,66,121,0.2) 54%, rgba(22,66,121,0.3) 100%);
	background: radial-gradient(ellipse at center, rgba(28,132,186,0.15) 0%, rgba(22,66,121,0.2) 53%, rgba(22,66,121,0.2) 54%, rgba(22,66,121,0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c84ba', endColorstr='#164279', GradientType=1 );
	left: 0;
    top: 0;
	z-index:-1;
}
body {
    font-family: "Arial", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #ffffff;
    overflow-X: hidden;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover {
    text-decoration: none;
}

i,
span,
a {
    display: inline-block;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #ffffff;
    margin: 0px;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
}
h2.title_quet {
    font-size: 52px;
    line-height: 1.3em;
    text-shadow: 0px 2px 2px rgb(0 0 0 / 50%);
}
h2.title_quet span{
	color:#FFF200;
	max-width:100%;
}
@media(max-width:767px){
	h2.title_quet{
		font-size:22px;
	}	
}
h3 {
    font-size: 28px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #ffffff;
    margin: 0px;
}

@font-face {
    font-family: 'SVN-Amperzand';
    src: url('../fonts/SVN-Amperzand.eot');
    src: url('../fonts/SVN-Amperzand.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SVN-Amperzand.woff2') format('woff2'),
        url('../fonts/SVN-Amperzand.woff') format('woff'),
        url('../fonts/SVN-Amperzand.ttf') format('truetype'),
        url('../fonts/SVN-Amperzand.svg#SVN-Amperzand') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial-ItalicMT.eot');
    src: url('../fonts/Arial-ItalicMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Arial-ItalicMT.woff2') format('woff2'),
        url('../fonts/Arial-ItalicMT.woff') format('woff'),
        url('../fonts/Arial-ItalicMT.ttf') format('truetype'),
        url('../fonts/Arial-ItalicMT.svg#Arial-ItalicMT') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial-BoldMT.eot');
    src: url('../fonts/Arial-BoldMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Arial-BoldMT.woff2') format('woff2'),
        url('../fonts/Arial-BoldMT.woff') format('woff'),
        url('../fonts/Arial-BoldMT.ttf') format('truetype'),
        url('../fonts/Arial-BoldMT.svg#Arial-BoldMT') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: url('../fonts/ArialMT.eot');
    src: url('../fonts/ArialMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArialMT.woff2') format('woff2'),
        url('../fonts/ArialMT.woff') format('woff'),
        url('../fonts/ArialMT.ttf') format('truetype'),
        url('../fonts/ArialMT.svg#ArialMT') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial-BoldItalicMT.eot');
    src: url('../fonts/Arial-BoldItalicMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Arial-BoldItalicMT.woff2') format('woff2'),
        url('../fonts/Arial-BoldItalicMT.woff') format('woff'),
        url('../fonts/Arial-BoldItalicMT.ttf') format('truetype'),
        url('../fonts/Arial-BoldItalicMT.svg#Arial-BoldItalicMT') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url(../fonts/'MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff'),
        url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
        url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*--------------------------------------------------------------
4. Preloader
----------------------------------------------------------------*/
@-webkit-keyframes animateGradient{0%{background-position:left bottom}50%{background-position:right top}100%{background-position:left bottom}}@keyframes animateGradient{0%{background-position:left bottom}50%{background-position:right top}100%{background-position:left bottom}}
.preloader{
position:fixed;top:0;width:100vw;height:100vh;z-index:20000;-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-transition-delay:1s;transition-delay:1s;

background:#1758a6;
background:linear-gradient(45deg, #86b2d9 0%, #5184c1 50%, #1684e3 100%);

background-size:200% 200%;background-position:left bottom;-webkit-animation-name:animateGradient;animation-name:animateGradient;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}

.preloader img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}

body.loaded .preloader{-webkit-transform:translateY(-100%);transform:translateY(-100%)}

.preloader img{width:300px; max-width:100%;}
@media(max-width:992px){
	.preloader img{width:200px; max-width:100%;}
}
/*--------------------------------------------------------------
END Preloader
----------------------------------------------------------------*/
.bg_cover {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.btn-close {
    background: transparent;
    background: red;
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    opacity: 1;
    border-radius: 0;
    z-index: 1000;
    color: #fff;
    font-size: 30px;
    padding: 0;
}
.btn-close:focus{
	outline:none;
	box-shadow:none;
}
.btn-close:hover{
	color:#f1f1f1;
	opacity:1;
}
button.btn-link-image {
    background: transparent;
    border: 0;
	padding:0;
}

@media only screen and (min-width: 1400px) {
    .custom-container {
        max-width: 1590px;
    }
}

/*===== All Button Style =====*/

.btn-link-page {
    background-size: 100%;
    background-position: center; 
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #FFF23A;
	outline:none;
	box-shadow:none;
		font-family: "UTM Cafeta", sans-serif;
    font-weight: normal;
    font-style: normal;
    padding: 5px 20px 10px 20px;
    font-size: 35px;
    border-radius: 10px;
    line-height: 1em;
    width: auto;
	border: 2px solid #FFF23A;
    background: rgba(26,152,198,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(26,152,198,1) 0%, rgba(24,104,174,1) 88%, rgba(23,92,169,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(26,152,198,1)), color-stop(88%, rgba(24,104,174,1)), color-stop(100%, rgba(23,92,169,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(26,152,198,1) 0%, rgba(24,104,174,1) 88%, rgba(23,92,169,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(26,152,198,1) 0%, rgba(24,104,174,1) 88%, rgba(23,92,169,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(26,152,198,1) 0%, rgba(24,104,174,1) 88%, rgba(23,92,169,1) 100%);
    background: radial-gradient(ellipse at center, rgba(26,152,198,1) 0%, rgba(24,104,174,1) 88%, rgba(23,92,169,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a98c6', endColorstr='#175ca9', GradientType=1 );
}
.btn-link-page span{
    background: linear-gradient(to right, #FFF23A 0%, #F2A01E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.3em;
}
.btn-link-page:hover{
	color:#fff;
}
.btn-link-page:focus,.btn-link-page:active{
	outline:none;
	box-shadow:none;
}
.main-btn {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    padding: 0 30px;
    font-size: 14px;
    height: 54px;
    line-height: 54px;
    border-radius: 4px;
    color: #2e3d62;
    cursor: pointer;
    z-index: 5;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 5;
    overflow: hidden;
}
.main-btn.main-btn-2,.main-btn.main-btn-close{
    width: 300px;
    height: 75px;
    border-radius: 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: 0 auto;
    font-family: "SVN-Amperzand";
    color: #fbebc5;
    font-size: 1.6rem;
    line-height: 1.5em;
    font-weight: normal;
	position:relative;

}
.main-btn.main-btn-close.btn-close-fancybox {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1000;
    width: 40px;
    height: 40px;
    font-size: 1.5rem;
    background: red;
    color: #fff;
    border: 0;
    padding: 0;
    line-height: 1em;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 50%);
    border-radius: 50%;
}
.main-btn.main-btn-close:after{
	background:red;
	background-size: 100% 100%;
}

.main-btn.main-btn-2>span,.main-btn.main-btn-close>span {
    line-height: 1.5em;
    font-size: 1.7rem;
    display: block;
    position: relative;
    top: -4px;
	color: #fae9c4;
}
.main-btn.main-btn-close>span {font-style:inherit;top:0;width:100%; height:100%;}
.main-btn.main-btn-close>span>i{color:#ffffff; font-size:1rem;}
.main-btn.main-btn-2>span>i{color:#fae9c4;}
div#modal_frame.modal_frame.fancybox-content {
	position:relative;
	 background: rgb(190,79,117);
    background: -moz-linear-gradient(0deg, rgba(190,79,117,0.9472163865546218) 42%, rgba(206,122,138,0.9472163865546218) 100%);
    background: -webkit-linear-gradient(0deg, rgba(190,79,117,0.9472163865546218) 42%, rgba(206,122,138,0.9472163865546218) 100%);
    background: linear-gradient(0deg, rgba(190,79,117,0.9472163865546218) 42%, rgba(206,122,138,0.9472163865546218) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#be4f75",endColorstr="#ce7a8a",GradientType=1);
}
/*===== All Section Title Style =====*/
.section-title .sub-title {
    color: #666e82;
    position: relative;
    color: #fee701;
    font-size: 2rem;
	line-height:1.5em;
}

.section-title .title {
    font-size: 46px;
    font-weight: 500;
    color: #2e3d62;
    margin-top: 5px;
    letter-spacing: -2px;
}
.section-title .title-big,.section-title .title-small,.section-title .title-success{
    font-size: 8rem;
    line-height: 1.3em;
    color: rgb(255,242,58);
    font-family: "UTM Azuki", sans-serif;
    font-weight: normal;
    font-style: normal;
	background: linear-gradient(to right, #FFF23A 0%, #F2A01E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section-title .title-small{font-size:5.5rem;}
.section-title .title-big span {
    line-height: .9em;
}
.section-title .title-big.text-shadow{
	 text-shadow:4px 3px 0 #000000;
	 line-height: 1.3em;
	 font-weight: normal;
}
.section-title .title img{width:600px; max-width:100%;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title .title {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .section-title .title {
        font-size: 30px;
        letter-spacing: 0;
    }
}

.section-title.text-center .sub-title::before {
    left: 50%;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -moz-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    -o-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
    top: 9px;
}

/*===========================
       02.Header css 
===========================*/
/*===========================
       02.Header css 
===========================*/

.navbar {
  padding: 0; }
  .navbar-brand img{width:114px;}
  .navbar .container {
    padding-left: 15px;
    padding-right: 15px; }
  .navbar .navbar-toggler {
    padding: 0; }
    .navbar .navbar-toggler .toggler-icon {
      width: 30px;
      height: 2px;
      background-color: #b13c89;
      display: block;
      margin: 5px 0;
      position: relative;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear; }
    .navbar .navbar-toggler.active .toggler-icon:nth-of-type(1) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 7px; }
    .navbar .navbar-toggler.active .toggler-icon:nth-of-type(2) {
      opacity: 0; }
    .navbar .navbar-toggler.active .toggler-icon:nth-of-type(3) {
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg);
      top: -7px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .navbar .navbar-collapse {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      background-color: rgb(255 255 255 / 90%);
      z-index: 9;
      -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
      padding: 12px;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear;
      margin-top: 23px; } }
  @media (max-width: 767px) {
    .navbar .navbar-collapse {
      position: absolute;
      top: 100%;
      left: auto;
      width: 100%;
      background-color: #fff;
      z-index: 9;
      -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
      padding: 12px;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear;
      margin-top: 23px; } }
  .navbar .navbar-nav li {
    margin-right: 30px;
    position: relative;
    padding: 15px 0; }
	.navbar .navbar-nav li:last-child{margin-right:0;}
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .navbar .navbar-nav li {
        margin-right: 40px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .navbar .navbar-nav li {
        padding: 0;
        margin-right: 0; } }
    @media (max-width: 767px) {
      .navbar .navbar-nav li {
        padding: 0;
        margin-right: 0; } }
    .navbar .navbar-nav li a {
      font-size: 1.2rem;
      font-weight: 600;
      position: relative;
      color: #fff33a;
	  position:relative;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear; text-transform:uppercase;text-shadow:0px 2px 1px rgba(0,0,0,0.5);line-height: 1.15em;text-decoration:none;}
.navbar .navbar-nav li:last-child a:after{display:none;}
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .navbar .navbar-nav li a {
          color: #f5d137;
          display: block;
          padding: 5px 10px;line-height:1.3em; }
	}
      @media (max-width: 992px) {
        .navbar .navbar-nav li a {
          color: #333333;
          display: block;
          padding: 10px 10px; text-shadow: inherit; } .navbar .navbar-nav li.active a{color: #b13b89;} }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .navbar .navbar-nav li a::before {
            display: none; } }
        @media (max-width: 767px) {
          .navbar .navbar-nav li a::before {
            display: none; } }
      .navbar .navbar-nav li a .sub-nav-toggler {
        display: none; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .navbar .navbar-nav li a .sub-nav-toggler {
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            background: none;
            color: #666e82;
            font-size: 16px;
            border: 0;
            width: 35px;
            height: 35px; } }
        @media (max-width: 767px) {
          .navbar .navbar-nav li a .sub-nav-toggler {
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            background: none;
            color: #666e82;
            font-size: 16px;
            border: 0;
            width: 35px;
            height: 35px; } }
        .navbar .navbar-nav li a .sub-nav-toggler span {
          width: 8px;
          height: 8px;
          border-left: 1px solid #222;
          border-bottom: 1px solid #222;
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
          position: relative;
          top: -5px; }
    .navbar .navbar-nav li .sub-menu {
      position: absolute;
      top: 120%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 190px;
      background-color: #fff;
      border-top: 2px solid #2e3d62;
      -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
      box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear;
      padding: 10px 0;
      opacity: 0;
      visibility: hidden; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .navbar .navbar-nav li .sub-menu {
          position: relative;
          width: 100%;
          top: 0;
          left: 0;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          display: none;
          opacity: 1;
          visibility: visible;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
          -webkit-transition: all 0s linear;
          -moz-transition: all 0s linear;
          -ms-transition: all 0s linear;
          -o-transition: all 0s linear;
          transition: all 0s linear;
          border-top: 0;
          padding: 0 10px; } }
      @media (max-width: 767px) {
        .navbar .navbar-nav li .sub-menu {
          position: relative;
          width: 100%;
          top: 0;
          left: 0;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          display: none;
          opacity: 1;
          visibility: visible;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
          -webkit-transition: all 0s linear;
          -moz-transition: all 0s linear;
          -ms-transition: all 0s linear;
          -o-transition: all 0s linear;
          transition: all 0s linear;
          border-top: 0;
          padding: 0 10px; } }
      .navbar .navbar-nav li .sub-menu li {
        padding: 0;
        margin-right: 0; }
        .navbar .navbar-nav li .sub-menu li a {
          color: #2e3d62;
          padding: 6px 20px;
          font-size: 14px;
          display: block; }
          .navbar .navbar-nav li .sub-menu li a::before {
            display: none; }
        .navbar .navbar-nav li .sub-menu li:hover > a {
          padding-left: 23px;
          color: #ff8257; }
    .navbar .navbar-nav li:hover .sub-menu {
      top: 100%;
      opacity: 1;
      visibility: visible; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .navbar .navbar-nav li:hover .sub-menu {
          top: 0;
          left: 0; } }
      @media (max-width: 767px) {
        .navbar .navbar-nav li:hover .sub-menu {
          top: 0;
          left: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .navbar .navbar-btn {
      padding-top: 10px; } }
  @media (max-width: 767px) {
    .navbar .navbar-btn {
      padding-top: 10px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .navbar .navbar-btn .main-btn {
      display: block; } }
  @media (max-width: 767px) {
    .navbar .navbar-btn .main-btn {
      display: block; } }

/*===========================
        14.Footer css 
===========================*/
.footer-copyright {
    padding: 10px 0;
}

.footer-copyright p {
    font-size: 13px;
    line-height: 1.5em;
    color: #8e9ab6;
    font-weight: 500;
}

.footer-copyright p a {
    color: #8e9ab6;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.footer-copyright p a:hover {
    color: #ff8257;
}

/*===== Back To Top =====*/
.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 27px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    z-index: 99;
    text-align: center;
    display: none;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(156, 156, 156, 0.25);
    -moz-box-shadow: 0px 0px 30px 0px rgba(156, 156, 156, 0.25);
    box-shadow: 0px 0px 30px 0px rgba(156, 156, 156, 0.25);
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    color: #fff;
    background-color: #2e3d62;
	background: rgb(229, 183, 169);
    background: -moz-linear-gradient(180deg, rgba(229, 183, 169, 1) 0%, rgba(188, 74, 115, 1) 46%, rgba(9, 74, 119, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(229, 183, 169, 1) 0%, rgba(188, 74, 115, 1) 46%, rgba(9, 74, 119, 1) 100%);
    background: linear-gradient(180deg, rgb(229 183 169 / 1) 0%, rgb(188 74 115 / 1) 46%, rgb(9 74 119 / 1) 100%);
}
.back-to-top:hover {
	color: #fff;
	background: rgb(251,235,198);
	background: -moz-linear-gradient(0deg, rgba(251,235,198,1) 0%, rgba(186,72,114,1) 40%, rgba(15,74,120,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(251,235,198,1) 0%, rgba(186,72,114,1) 40%, rgba(15,74,120,1) 100%);
	background: linear-gradient(0deg, rgba(251,235,198,1) 0%, rgba(186,72,114,1) 40%, rgba(15,74,120,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbebc6",endColorstr="#0f4a78",GradientType=1);
}
/*--------------------------------------------------------------
# Css more
--------------------------------------------------------------*/
.time_competition p,.time_competition {
    color: #fff33a;
    text-shadow:0px 2px 3px rgba(0,0,0,0.5);
    font-size: 1.2rem;
    line-height: 1.5em;
    font-weight: 600;
}
.title_lanterns {
    color: #ffffff;
    font-family: "UTM Aristote";
    font-size: 2.6rem;
    font-weight: normal;
	padding:0 6rem;
}
.title_lanterns:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 115px;
    height: 200px;
    background: url(../img/den-phai.png) no-repeat;
    background-size: 100% 100%;
		    -webkit-animation: tesiMoven linear infinite 4s;
    -moz-animation: tesiMoven linear infinite 4s;
    -o-animation: tesiMoven linear infinite 4s;
    animation: tesiMoven linear infinite 4s;
}
.title_lanterns:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 115px;
    height: 200px;
    background: url(../img/den-trai.png) no-repeat;
     background-size: 100% 100%;
	    -webkit-animation: tesiMove linear infinite 3s;
    -moz-animation: tesiMove linear infinite 3s;
    -o-animation: tesiMove linear infinite 3s;
    animation: tesiMove linear infinite 3s;
}
.utm-aristote{
	font-family: "UTM Aristote";
	font-weight: normal;
}
.content-utm-aristote{font-size:16px;}
@media(max-width:767px){
	.content-utm-aristote{font-size:13px;}
}
.title_lanterns span {
    line-height: 1.3em;
    max-width: 100%;
    position: relative;
    z-index: 1000;
}
.section-title .title {
    font-family: "SVN-Amperzand";
    font-size: 2rem;
    background: -webkit-linear-gradient(45deg, #fee933, #f5a61d 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    display: inline-block;
    padding-right: 18px;
}
ul.content-list {
    padding-left: 30px;
}
.content-list li{color:#ffffff;}
p.sub-title{
	    font-family: "SVN-Amperzand";
    font-size: 2rem;
	color:#fee701;
}
.swiper-pagination {
  position: relative;
  margin-top: 45px;
  text-align: center; }
  .swiper-pagination .swiper-pagination-bullet {
    background: #2e3d62;
    margin: 0 5px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #ff8257;
      -webkit-transform: scale(1.7);
      -moz-transform: scale(1.7);
      -ms-transform: scale(1.7);
      -o-transform: scale(1.7);
      transform: scale(1.7); }
.swiper-button-next, .swiper-button-prev {
    background: rgba(255,255,255,1);
    padding: 10px;
    width: auto;
    height: auto;
    color: #333;
    box-shadow: 0px 4px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 4px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.3);
}
.swiper-button-next{right:0;border-radius: 10px 0 0 10px;}
.swiper-button-prev{left:0;border-radius: 0 10px 10px 0;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 20px !important;
}
.gallery-image {
    padding:2.5rem 3.2rem 4rem 3.2rem;
    position: relative;
    border: 3px solid #f6c33a;
    border-radius: 35px;
    margin-top: 20px;
    font-size: 16px;
    background: rgb(24,103,174,0.5);
    box-shadow: 0 0px 30px 20px rgb(246 186 39 / 20%);
}
.ImgBounce1{
      -webkit-animation: ImgBounce1 1.5s ease-in-out infinite alternate;
      -moz-animation: ImgBounce1 1.5s ease-in-out infinite alternate;
      -o-animation: ImgBounce1 1.5s ease-in-out infinite alternate;
      animation: ImgBounce1 1.5s ease-in-out infinite alternate; }

@-webkit-keyframes ImgBounce1{
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); } }
@keyframes ImgBounce {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); } }
	
	
	
    .shape-2 {
		position: absolute;
      top: 30px;
      right: 3%;
	  max-width:300px;
      -webkit-animation: rotated 15s infinite linear;
      -moz-animation: rotated 15s infinite linear;
      -o-animation: rotated 15s infinite linear;
      animation: rotated 15s infinite linear; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .shape-2 {
          width: 150px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .shape-2 {
          width: 200px; } }
      @media (max-width: 767px) {
        .shape-2 {
          width: 150px; } }
@-webkit-keyframes rotated {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotated {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
	.tesiMove{
    -webkit-animation: tesiMove linear infinite 5s;
    -moz-animation: tesiMove linear infinite 5s;
    -o-animation: tesiMove linear infinite 5s;
    animation: tesiMove linear infinite 5s;
}
@keyframes tesiMove {
  0% {
    transform: rotate(0deg); }
  15% {
    transform: rotate(2deg); }
  33% {
    transform: rotate(4deg); }
  66% {
    transform: rotate(2deg); }
  100% {
    transform: rotate(0deg); } }
	
	
@-webkit-keyframes tesiMove {
  0% {
    transform: rotate(0deg); }
  15% {
    transform: rotate(2deg); }
  33% {
    transform: rotate(4deg); }
  66% {
    transform: rotate(2deg); }
  100% {
    transform: rotate(0deg); } }
	
@keyframes tesiMoven{
  0% {
    transform: rotate(0deg); }
  15% {
    transform: rotate(-2deg); }
  33% {
    transform: rotate(-4deg); }
  66% {
    transform: rotate(-2deg); }
  100% {
    transform: rotate(0deg); } }
	
	
@-webkit-keyframes tesiMoven {
  0% {
    transform: rotate(0deg); }
  15% {
    transform: rotate(-2deg); }
  33% {
    transform: rotate(-4deg); }
  66% {
    transform: rotate(-2deg); }
  100% {
    transform: rotate(0deg); } }
div#header-area-sticky-wrapper{
	z-index:1000;
	position:relative;
}

div#header-area-sticky-wrapper.is-sticky #header-area {
    width: 100%;
    z-index: 100;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	background:rgba(255,255,255,.9)
}
/***************************/
#preview {
    position: relative;
    display: block;
    height: 793px;
    width: 670px;
	margin: 0 auto;
}
.class-swiper-frame{
	width: 670px;
}
#crop-area {
    height: 100%;
    width: 100%;
	display: flex;
    align-items: center;
}

#profile-pic,
#fg {
    width: 100%;
	display:block;
}
#fg {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    pointer-events: none;
}
#crop-img {
    max-width: 100%;
    max-height: 100%
}

#fb-set-pic {
    display: table;
    margin: 20px auto
}

#afterActions {
    display: none
}

#fb-set-pic {
    background-color: #4267b2;
    border-color: #4267b2;
    color: #fff;
    font-size: 1em;
    border-radius: 10px;
    outline: none;
    padding: 10px 20px
}

#download[disabled],
#fb-set-pic[disabled] {
    background: #ccc;
    color: #eee;
    border: none
}

.design {
    border: 5px dashed #ccc;
    cursor: pointer;
	transition:all 0.3s ease-in-out;
}
.design.active {
    border: 5px dashed #f6c33a;
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 0 10px 3px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 0 10px 3px rgb(0 0 0 / 30%);
}
@media screen and (max-width:1400px) {
	#preview{
		  height: 592px;
		width: 500px;
	}
	.class-swiper-frame{
		width: 500px;
	}
}
@media screen and (max-width:1200px) {
	#preview{
		  height: 592px;
		width: 500px;
	}
	.class-swiper-frame{
		width: 500px;
	}
}
@media screen and (max-width:767px) {
    #preview {
        height: 473px;
        width: 400px
    }
	.class-swiper-frame{
		width: 400px;
	}
}
@media screen and (max-width:500px){
    #preview {
        height: 432px;
        width: 365px
    }
	.class-swiper-frame{
		width: 365px;
	}
}

@media screen and (max-width:450px){
    #preview {
        height: 379px;
        width: 320px
    }
	.class-swiper-frame{
		width: 320px;
	}
}

@media screen and (max-width:400px){
    #preview {
        height: 355px;
        width: 300px
    }
	.class-swiper-frame{
		width: 300px;
	}
}

@media screen and (max-width:380px) {
    #preview {
        height: 331px;
        width: 280px
    }
	.class-swiper-frame{
		width: 280px;
	}
}

@media screen and (max-width:350px) {
    #preview {
        height: 308px;
        width: 260px
    }
	.class-swiper-frame{
		width: 260px;
	}
}

@media screen and (max-width:340px) {
    #preview {
        height: 308px;
        width: 260px
    }
	.class-swiper-frame{
		width: 260px;
	}
}

@media screen and (max-width:320px) {
    #preview {
        height: 296px;
        width: 250px
    }
	.class-swiper-frame{
		width: 250px;
	}
}

@media screen and (max-width:319px) {
    #preview {
        height: 272px;
        width: 230px
    }
	.class-swiper-frame{
		width: 230px;
	}
}

@media screen and (max-width:200px) {
    #preview {
        height: 178px;
        width: 150px
    }
	.class-swiper-frame{
		width: 150px;
	}
}
.loading-overlay {
    z-index: 100 !important;
}
button.btn.btn-danger.btn-close {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 30px;
    height: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border-radius: 50%;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 50%);
}
.button_share_view {

}
.button_share_view .btn_frame {
    display: inline-flex;
    height: 37px;
    border: 0;
    /*background: transparent;*/
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
	color:#ffffff;
}
.button_share_view .btn_frame i{color:#ffffff;margin-right:5px;}
/***************************/
.fancybox-content *{
    color: #000000;
}
.fancybox-content .btn-link-page span,.fancybox-content .btn-link-page span i{color:#fff;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:0;}
.pagination>a {
    position: relative;
    display: block;
    padding: .5rem 0;
    line-height: 1.25;
    background-color: #ffffff;
    border: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 0 2px;
    text-align: center;
    color: #b94a73;
    display: flex;
	-ms-flex-align: center;
    align-items: center;
	-ms-flex-pack: center;
    justify-content: center;
}
.pagination>a:hover{
	color: #ffffff;
    background-color: #f56e9d;
}
.pagination>a.active{
	color: #ffffff;
    background-color: #bd4c74;
}

.content_frame.position-relative.section-title {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-title .title-success {
    font-size: 3rem;
    text-align: center;
    text-shadow: none;
}
.modal_frame_share_success{background:transparent; padding:0;}
.btn-close-fancybox.main-btn.main-btn-close.btn_close_success{
    position: relative;
    width: 80px;
    height: 80px;
    font-size: 11rem;
}
.btn-close-fancybox.main-btn.main-btn-close.btn_close_success>span>i, button.btn-close-fancybox.main-btn.main-btn-close.btn_close_success_pharse_one>span>i{
    font-size: 2rem;
}
.html_id{text-align:center;}
.html_id>span.code {
    display: inline-block;
    padding: 1px 10px;
    min-width: 125px;
    font-size: 28px;
    background: #1868ae;
    border: 1px solid #4397e1;
    border-radius: 10px;
    margin-top: 10px;
    box-shadow: 0 0 2px 2px rgb(0 0 0 / 20%);
}
button.btn-close-fancybox.main-btn.main-btn-close.btn_close_success_pharse_one {
    width: 80px;
    height: 80px;
	top: 8%;
}
@media(min-width:992px){
	.title_lanterns{font-size:2.85rem;padding: 0 4.5rem;}
	.navbar .navbar-nav li a{font-size:1.2rem;}
	.navbar .navbar-nav li a:after {
		position: absolute;
		right: -16px;
		top: 0;
		content: "";
		width: 1px;
		height: 100%;
		background: #fff23b;
	}
	div#header-area-sticky-wrapper.is-sticky #header-area {
		width: 100%;
		z-index: 1000;
		background: rgb(206,122,138);
		background: -moz-linear-gradient(90deg, rgba(206,122,138,0.9472163865546218) 43%, rgba(190,79,117,0.9472163865546218) 100%);
		background: -webkit-linear-gradient(90deg, rgba(206,122,138,0.9472163865546218) 43%, rgba(190,79,117,0.9472163865546218) 100%);
		background: linear-gradient(90deg, rgba(206,122,138,0.9472163865546218) 43%, rgba(190,79,117,0.9472163865546218) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ce7a8a",endColorstr="#be4f75",GradientType=1);
	}
}
@media(min-width:1300px){
	.title_lanterns {
		font-size: 2.5rem;
		padding: 0 6rem;
	}
}
@media(max-width:1200px){
	.section-title .title-big{font-size:8.5rem;}
	.section-title .title-small{font-size:5.5rem;}
	.section-title .sub-title{font-size:2.3rem;}
	.title_lanterns:after {
		width: 55px;
		height: 104px;
	}
	.title_lanterns:before {
		width: 70px;
		height: 106px;
	}
}
@media(max-width:992px){
	.title_lanterns{font-size:1.95rem;padding: 0 4.5rem;}
	.navbar .navbar-nav li a {
		font-size: 1rem;
		font-weight: bold;
	}
	.title_lanterns:after {
		width: 45px;
		height: 85px;
	}
	.title_lanterns:before {
		width: 60px;
		height: 91px;
	}
	.section-title .title-big{font-size: 7rem;}
	.section-title .title-small{font-size:4.5rem;}
	.section-title .sub-title {
		font-size: 2rem;
	}
	.main-btn.main-btn-2{width:240px; height:61px;}
	.main-btn.main-btn-2>span{font-size:1.4rem;}
	.navbar-brand{padding:0;}
	.gallery-image{padding:3rem;}
	.btn-close-fancybox.main-btn.main-btn-close.btn_close_success{width:60px; height:60px;}
	.btn-close-fancybox.main-btn.main-btn-close.btn_close_success>span>i, button.btn-close-fancybox.main-btn.main-btn-close.btn_close_success_pharse_one>span>i{font-size: 1.8rem;}
}
@media(max-width:767px){
	.title_lanterns{font-size:2.4rem;}
	.time_competition p,.time_competition{font-size:1.4rem;}
	.section-title .title-big{font-size:6.5rem;}
	.section-title .title-small{font-size:4.5rem;}
	.section-title .sub-title{font-size:2.4rem}
	.main-btn.main-btn-2{width:240px; height:61px;}
	.main-btn.main-btn-2>span{font-size:1.4rem;}
	.gallery-image{padding:2rem 2rem;}
	.swiper-button-next, .swiper-button-prev{width:30px; height:30px; margin: 0;transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .swiper-button-next:after, .swiper-button-prev:after{font-size:1.1rem !important;}
	.navbar-brand img{width:100px;}
	.pagination>a{width: 35px;height: 35px;}
}

@media(max-width:550px){
	.section-title .title-big{font-size:4.5rem;}
	.section-title .title-small{font-size:3rem;}
	.section-title .sub-title{font-size:1.2rem}
	.title_lanterns{font-size:1.6rem; padding:0 1rem;}
	.time_competition p,.time_competition{font-size:1rem;}
	.title_lanterns span {
		line-height: 1.2em;
	}
	.title_lanterns:after {
		width: 40px;
		height: 76px;
	}
	.title_lanterns:before {
		width: 45px;
		height: 68px;
	}
	.section-title .sub-title {
		font-size: 1.5rem;
		line-height: 1.2em;
	}
	.main-btn.main-btn-2{width:200px; height:50px;}
	.main-btn.main-btn-2>span{font-size:1.2rem;}
	.btn-close-fancybox.main-btn.main-btn-close.btn_close_success,button.btn-close-fancybox.main-btn.main-btn-close.btn_close_success_pharse_one{width:50px; height:50px;}
	.btn-close-fancybox.main-btn.main-btn-close.btn_close_success>span>i, button.btn-close-fancybox.main-btn.main-btn-close.btn_close_success_pharse_one>span>i{font-size: 1.6rem;}
}

@media(max-width:380px){
	.title_lanterns{font-size:1.5rem;}
	.section-title .title-big{font-size:4rem;}
	.section-title .title-small{font-size:3rem;}
	.btn-close-fancybox.main-btn.main-btn-close.btn_close_success,button.btn-close-fancybox.main-btn.main-btn-close.btn_close_success_pharse_one{width:40px; height:40px;}
	.btn-close-fancybox.main-btn.main-btn-close.btn_close_success>span>i, button.btn-close-fancybox.main-btn.main-btn-close.btn_close_success_pharse_one>span>i{font-size: 1.2rem;}
}

@media(max-width:350px){
	.time_competition p,.time_competition {
		font-size: .9rem;
	}
	.section-title .title-big{font-size:3.5rem;}
	.section-title .title-small{font-size:2.5rem;}
	.title_lanterns{font-size:1.3rem;}
}