@font-face {
  font-family:'utm_avobold';
  src:url('../../fonts/utm-avobold.eot');
  src:url('../../fonts/utm-avobold.woff') format('woff'),url('../../fonts/utm-avobold.ttf') format('truetype'),url('../../fonts/utm-avobold.svg') format('svg');
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:'utm_avobolditalic';
  src:url('../../fonts/utm-avobold-italic.eot');
  src:url('../../fonts/utm-avobold-italic.woff') format('woff'),url('../../fonts/utm-avobold-italic.ttf') format('truetype'),url('../../fonts/utm-avobold-italic.svg') format('svg');
  font-weight:normal;
  font-style:normal;
}

body {
  font-family:'utm_avoregular',sans-serif;
  font-size:13px;
}

p {
  font-size:16px;
  font-weight:300;
}

ul {
  font-size:16px;
}

strong {
  font-family:'utm_avobold',sans-serif;
}

.bg-green {
  background:rgb(119,190,28);
  background:-moz-linear-gradient(left,rgba(119,190,28,1) 0%,rgba(177,235,102,1) 30%,rgba(195,248,124,1) 50%,rgba(177,235,102,1) 69%,rgba(119,190,28,1) 99%);
  background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(119,190,28,1)),color-stop(30%,rgba(177,235,102,1)),color-stop(50%,rgba(195,248,124,1)),color-stop(69%,rgba(177,235,102,1)),color-stop(99%,rgba(119,190,28,1)));
  background:-webkit-linear-gradient(left,rgba(119,190,28,1) 0%,rgba(177,235,102,1) 30%,rgba(195,248,124,1) 50%,rgba(177,235,102,1) 69%,rgba(119,190,28,1) 99%);
  background:-o-linear-gradient(left,rgba(119,190,28,1) 0%,rgba(177,235,102,1) 30%,rgba(195,248,124,1) 50%,rgba(177,235,102,1) 69%,rgba(119,190,28,1) 99%);
  background:-ms-linear-gradient(left,rgba(119,190,28,1) 0%,rgba(177,235,102,1) 30%,rgba(195,248,124,1) 50%,rgba(177,235,102,1) 69%,rgba(119,190,28,1) 99%);
  background:linear-gradient(to right,rgba(119,190,28,1) 0%,rgba(177,235,102,1) 30%,rgba(195,248,124,1) 50%,rgba(177,235,102,1) 69%,rgba(119,190,28,1) 99%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77be1c',endColorstr='#77be1c',GradientType=1);
}

.form {
  max-width:600px;
  margin:0 auto;
  background:rgba(255,255,255,.9);
  padding:5px 15px 30px;
  border:10px double #000;
  margin-top:30px;
}

.form .form-inner {
  max-width:550px;
  margin:10px auto;
}

.form .form-inner h1 {
  text-align:center;
  color:#2F3131;
}

.form .form-inner p {
  color:#2F3131;
  font-size:16px;
}

.form .input-group {
  width:100%;
  font-size:16px;
  margin:20px 0;
}

.form .input-group label {
  color:#2F3131;
  font-weight:300;
  margin-right:10px;
}

.form .input-group input:not([type="submit"]),
.form .input-group select {
  width:100%;
  height:28px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -ms-border-radius:10px;
  border-radius:10px;
  border:none;
  outline:none;
  text-indent:10px;
  border:1px solid #999;
  -webkit-transition:.3s all ease;
  -moz-transition:.3s all ease;
  -o-transition:.3s all ease;
  -ms-transition:.3s all ease;
  transition:.3s all ease;
  background:transparent;
  color:#2F3131;
}

.form .input-group select option {
  background:#fff;
  padding:3px 0;
}

.form .input-group input:not([type="submit"]):hover,
.form .input-group input:not([type="submit"]):focus,
.form .input-group select:hover,
.form .input-group select:focus {
  border:1px solid #000;
  box-shadow:0 0 5px #000;
}

.form .input-group select {
  height:31px;
}

.form .input-group input[type="submit"] {
  width:100%;
  height:36px;
  margin:0 auto;
  background:#B88328;
  outline:none;
  border:none;
  color:#fff;
  font-size:16px;
  -webkit-border-radius:18px;
  -moz-border-radius:18px;
  -ms-border-radius:18px;
  border-radius:18px;
  margin-top:15px;
  font-family:'utm_avobold',sans-serif;
  -webkit-transition:.3s all ease;
  -moz-transition:.3s all ease;
  -o-transition:.3s all ease;
  -ms-transition:.3s all ease;
  transition:.3s all ease;
}

.form .input-group input[type="submit"]:hover {
  color:#fff !important;
  -webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
  -moz-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
  -ms-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
  box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}

.form input:-webkit-autofill,
.form textarea:-webkit-autofill,
.form select:-webkit-autofill {
  background-color:transparent;
  color:#2F3131;
}

a.condition {
  font-size:14px;
  display:block;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  width:240px;
  float:right;
  text-align:center;
  padding:5px;
  margin-top:-18px;
  color:#2F3131;
}

a.condition:hover,
a.condition:active {
  color:#000;
}

#conditions p {
  font-size:14px;
  line-height:1.4em;
  margin-top:10px;
  text-align:justify;
  clear:both;
  display:block;
}

.scroll-down img {
  margin-top:10px;
  opacity:.3;
}

.scroll-down img:hover {
  opacity:1;
}

@media (max-width:500px) {
  .form {
    margin-left:15px;
    margin-right:15px;
  }
  .form .input-group {
    margin:10px 0;
  }
  .form .input-group .col-sm-6 {
    padding:0;
  }
  .form .input-group input:not([type="submit"]),
  .form .input-group select {
    margin-bottom:15px;
  }
  .form .input-group .btn-center {
    text-align:center;
  }
  a.condition {
    width:100%;
    text-align:center;
    float:none;
  }
}

.form button.close {
  color:#000;
  opacity:1;
}

.red {
  color:#f10912;
}

.cta {
  color:#fff;
  border:none;
  margin:20px 0;
  border-top:none;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -ms-border-radius:5px;
  font-size:1.5em;
  font-family:'utm_avobold',sans-serif;
  outline:none;
  text-transform:uppercase;
  padding:15px 25px;
  background-size:200% 100%;
  background-position:right bottom;
  -webkit-transition:all 0.4s;
  -moz-transition:all 0.4s;
  transition:all 0.4s;
  cursor:pointer;
}

.cta:hover {
  background-position:left bottom;
  color:#fff;
  -webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
  -moz-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
  box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
  -ms-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline:none;
  color:#fff;
}

.space {
  margin:30px 0;
}

.nopadding {
  padding:0;
}

.mtop20px {
  margin-top:20px;
}

.mtop50px {
  margin-top:50px;
}

strong,
b {
  font-family:'utm_avobold',sans-serif;
}

h3.title-top {
  color:#da2028;
  text-transform:uppercase;
  margin-bottom:30px;
  font-size:2.2em;
  text-align:center;
}

.container-page {
  padding-left:15px;
  padding-right:15px;
  max-width:1200px;
  margin:0 auto;
}

.wrapper {
  max-width:2000px;
  margin:0 auto;
}

#back-to-top {
  display:none;
  position:fixed;
  z-index:99;
  bottom:50px;
  right:20px;
  opacity:0.5;
}

#back-to-top:hover {
  opacity:0.8;
}

.whitebg {
  background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 7%,rgba(255,255,255,0.8) 16%,rgba(255,255,255,0.9) 30%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.99) 51%,rgba(255,255,255,0.9) 69%,rgba(255,255,255,0.8) 85%,rgba(255,255,255,0.3) 94%,rgba(255,255,255,0) 100%);
  background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(7%,rgba(255,255,255,0.3)),color-stop(16%,rgba(255,255,255,0.8)),color-stop(30%,rgba(255,255,255,0.9)),color-stop(50%,rgba(255,255,255,1)),color-stop(51%,rgba(255,255,255,0.99)),color-stop(69%,rgba(255,255,255,0.9)),color-stop(85%,rgba(255,255,255,0.8)),color-stop(94%,rgba(255,255,255,0.3)),color-stop(100%,rgba(255,255,255,0)));
  background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 7%,rgba(255,255,255,0.8) 16%,rgba(255,255,255,0.9) 30%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.99) 51%,rgba(255,255,255,0.9) 69%,rgba(255,255,255,0.8) 85%,rgba(255,255,255,0.3) 94%,rgba(255,255,255,0) 100%);
  background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 7%,rgba(255,255,255,0.8) 16%,rgba(255,255,255,0.9) 30%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.99) 51%,rgba(255,255,255,0.9) 69%,rgba(255,255,255,0.8) 85%,rgba(255,255,255,0.3) 94%,rgba(255,255,255,0) 100%);
  background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 7%,rgba(255,255,255,0.8) 16%,rgba(255,255,255,0.9) 30%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.99) 51%,rgba(255,255,255,0.9) 69%,rgba(255,255,255,0.8) 85%,rgba(255,255,255,0.3) 94%,rgba(255,255,255,0) 100%);
  background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 7%,rgba(255,255,255,0.8) 16%,rgba(255,255,255,0.9) 30%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.99) 51%,rgba(255,255,255,0.9) 69%,rgba(255,255,255,0.8) 85%,rgba(255,255,255,0.3) 94%,rgba(255,255,255,0) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);
}

.banner-popup {
  position:absolute;
  width:760px;
  height:460px;
  top:50%;
  left:50%;
  z-index:8011;
  -moz-transform:translate3d(-50%,-50%,0);
  -o-transform:translate3d(-50%,-50%,0);
  -webkit-transform:translate3d(-50%,-50%,0);
  transform:translate3d(-50%,-50%,0);
  border:10px solid #fff;
  border-radius:10px;
  -o-border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);
  -moz-box-shadow:0 10px 25px rgba(0,0,0,.5);
  -ms-box-shadow:0 10px 25px rgba(0,0,0,.5);
  -o-box-shadow:0 10px 25px rgba(0,0,0,.5);
  box-shadow:0 10px 25px rgba(0,0,0,.5);
}

.banner-popup a.button-close {
  position:absolute;
  top:-18px;
  right:-18px;
  width:36px;
  height:36px;
  cursor:pointer;
  z-index:8040;
  background:url();
}

.banner-popup .banner {
  background:url() no-repeat;
  background-size:100%;
  width:100%;
  height:100%;
  display:inline-block;
}

.banner-popup a.stay {
  position:absolute;
  width:150px;
  height:40px;
  left:110px;
  bottom:113px;
}

.banner-popup a.leave {
  position:absolute;
  width:150px;
  height:30px;
  left:110px;
  bottom:75px;
}

@media (max-width:767px) {
  .banner-popup {
    border:5px solid #fff;
    max-width:410px;
    max-height:410px;
  }
  .banner-popup .banner {
    background:url(https://api.cfyc.com.vn/pages/lose-weight2015/img/m-banner-popup.jpg) no-repeat;
    background-size:100%;
  }
  .banner-popup a.stay {
    height:27px;
    left:60px;
    bottom:117px;
    width:115px;
  }
  .banner-popup a.leave {
    height:20px;
    left:60px;
    bottom:87px;
    width:115px;
  }
}

@media (max-width:450px) {
  .banner-popup {
    width:280px;
    height:280px;
  }
  .banner-popup a.stay {
    height:20px;
    left:40px;
    bottom:80px;
    width:80px;
  }
  .banner-popup a.leave {
    height:15px;
    left:40px;
    bottom:56px;
    width:80px;
  }
}

.male #header {
  background:url(https://api.cfyc.com.vn/pages/lose-weight2015/img/male-bg-header.jpg) center top no-repeat;
  background-size:cover;
}

#header,
.b4after #header {
  min-height:200px;
  text-align:center;
  color:#000;
  position:relative;
}

#header img.logo-landingpage {
  width:370px;
  margin:20px auto;
}

#header .top-headline {
  text-transform:uppercase;
}

#header .top-headline h1.headline {
  margin-bottom:0;
  line-height:1.4em;
  font-size:2.5em;
  text-align:right;
  display:inline-block;
  vertical-align:middle;
  margin:0;
  margin-right:10px;
}

#header .top-headline .borderleft {
  border-left:2px solid #000;
}

#header .top-headline h3.sub-headline {
  font-size:2.7em;
  text-align:left;
  color:#ff0000;
  margin-top:0;
  margin-left:10px;
  text-align:left;
}

#header .top-headline h3.sub-headline strong {
  font-size:1.7em;
  display:block;
  margin-top:20px;
}

#header fieldset.wrap-pr {
  border:1px solid #000;
  margin:0 auto;
  margin-top:30px;
  padding-bottom:10px;
  padding-right:30px;
  max-width:80%;
}

#header fieldset.wrap-pr legend {
  width:inherit;
  padding:0 15px;
  margin:0 auto 0 auto;
  border-bottom:0;
  text-align:center;
  max-width:100%;
}

#header fieldset.wrap-pr p.price {
  text-transform:lowercase;
  color:#ff0000;
  font-family:'utm_avobold',sans-serif;
  display:inline-block;
  font-size:3.8em;
  margin:0;
  position:relative;
}

#header fieldset.wrap-pr p.price span {
  font-size:.6em;
  position:absolute;
  top:-5px;
}

#header .text-box {
  margin-top:30px;
  margin-bottom:20px;
}

#header .text-box ul {
  text-align:center;
  list-style:none;
  padding-left:15px;
}

#header .text-box ul li {
  padding:5px 0;
  position:relative;
  display:inline-block;
}

#header .text-box ul li:before {
  font-family:'Glyphicons Halflings';
  content:"\e095";
  position:absolute;
  left:-20px;
  color:#ff0000;
  -moz-transform:scaleY(-1);
  -o-transform:scaleY(-1);
  -webkit-transform:scaleY(1);
  transform:scaleY(-1);
  filter:FlipV;
  -ms-filter:“FlipV”;
}

#header .cta-box {
  text-align:center;
}

#header img.arrow-cta {
  margin:20px auto 0;
}

#header .cta-box p {
  font-size:1.15em;
}

#header .cta-box button.cta {
  margin-bottom:7px;
}

#header .rightside img.right {
  margin-top:50px;
}

.hanoi .container-page-top {
  max-width:1200px;
  padding-left:15px;
  padding-right:15px;
}

@media min-width:1600px) {
  p {
    font-size:18px;
  }
}

@media (min-width:1700px) {
  .club-slide .smbox {
    width:25%;
  }
  .club-slide .moreleft {
    width:16.66666667%;
  }
}

@media (max-width:1366px) {
  #header .top-headline h3.sub-headline {
    font-size:2.7vw;
  }
  .testimonial .tmn-content span {
    font-size:2vw;
    text-align:center;
  }
  #header fieldset.wrap-pr p.price,
  .footer fieldset.wrap-pr p.price {
    font-size:3.8vw;
  }
}

@media (max-width:1320px) {
  .club-slide h2 {
    font-size:1.8em;
  }
  .service-slide .carousel-control .glyphicon-chevron-right {
    right:30px;
  }
  .service-slide .carousel-control .glyphicon-chevron-left {
    left:30px;
  }
  .service-slide .carousel-control.right {
    background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);
    background-repeat:repeat-x;
  }
  .service-slide .carousel-control.left {
    background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);
    background-repeat:repeat-x;
  }
}

@media (max-width:1170px) {
  .footer {
    background-position:70%;
  }
}

@media (max-width:1024px) {
  #header .top-headline h1.headline {
    font-size:2.5vw;
  }
  .testimonial h3 {
    font-size:1.9em;
  }
  h3.title-top {
    font-size:1.7em;
  }
  .club-slide h2 {
    margin-top:20px;
    font-size:1.7em;
  }
  .bg-title h3.title-top {
    font-size:1.6em;
  }
  .footer h1.headline {
    font-size:2em;
  }
}

@media (max-width:991px) {
  #header {
    background-size:cover;
    padding-bottom:40px;
  }
  #header .top-headline h3.sub-headline {
    font-size:2.7vw;
  }
  #header .top-headline h3.sub-headline strong {
    margin-top:10px;
  }
  .testimonial h3 {
    font-size:2em;
  }
  .testimonial .tmn-content {
    position:relative;
  }
  #header fieldset.wrap-pr {
    margin:20px auto 10px;
    padding-right:20px;
  }
  #header fieldset.wrap-pr p.price,
  .footer fieldset.wrap-pr p.price {
    font-size:4.8vw;
  }
}

@media (min-width:992px) {
  #header .bx-pr .col-md-6.col-md-offset-3 {
    width:60%;
    margin-left:20%;
  }
}

@media (min-width:768px) and (max-width:991px) {
  #header .bx-pr .col-md-6.col-md-offset-3 {
    width:70%;
    margin-left:15%;
  }
}

@media (max-width:767px) {
  .male #header {
    background-position:top left;
  }
  #header img.logo-landingpage {
    margin-top:10px;
  }
  #header .top-headline {
    margin-top:0;
  }
  #header .top-headline h1.headline {
    font-size:5.5vw;
    margin-right:0;
  }
  #header .top-headline h3.sub-headline {
    font-size:5.8vw;
    margin-left:0;
  }
  #header img.m-bgheader,
  .footer img.m-bgfooter {
    margin:0 auto;
  }
  .testimonial {
    margin-top:20px;
  }
  .benefits {
    margin:20px 0;
  }
  .testimonial .tmn-content p {
    text-align:center;
  }
  .testimonial .desc-tmn {
    margin-bottom:0;
    z-index:0;
  }
  .testimonial .tmn-content {
    margin-top:30px;
    clear:both;
    bottom:0;
  }
  .testimonial .tmn-content span {
    font-size:4.5vw;
  }
  h3.title-top,
  .benefits h3.title-top {
    text-align:center;
  }
  .club-slide p {
    margin-bottom:20px;
    text-align:justify;
  }
  .club-slide h2 {
    text-align:center;
    display:block;
  }
  .club-slide2 h2 {
    margin-top:30px;
  }
  .testimonial .carousel-control.right,
  .testimonial .carousel-control.left,
  .bnf-gallery .carousel-control.right,
  .bnf-gallery .carousel-control.left {
    background:none;
  }
  .testimonial .carousel-control,
  .bnf-gallery .carousel-control {
    opacity:1;
    color:#ff0000;
  }
  .service-slide {
    margin-top:0;
    margin-bottom:0;
  }
  .service-slide .carousel-control span.glyphicon {
    border:none;
  }
  .service-slide .slide-inner {
    margin-bottom:0;
  }
  .footer,
  .male .footer {
    background:url(https://api.cfyc.com.vn/pages/lose-weight2015/img/m-bg-header.jpg) center top no-repeat;
    background-size:cover;
  }
  .footer h1.headline {
    font-size:6vw;
    margin:30px 0 10px;
  }
  #header .text-box {
    margin-top:-30px;
  }
  #header fieldset.wrap-pr,
  .footer fieldset.wrap-pr {
    max-width:90%;
  }
  #header fieldset.wrap-pr {
    margin:20px auto 0;
  }
  .footer fieldset.wrap-pr {
    margin:-40px auto 0;
  }
  .b4after #header .text-box {
    margin-top:10px;
  }
  .b4after #header .text-box hr {
    height:2px;
    background:#ff0000;
    border:none;
    width:50%;
    margin:0 auto 20px;
  }
  #header fieldset.wrap-pr p.price,
  .footer fieldset.wrap-pr p.price {
    font-size:16vw;
  }
}

@media (max-width:500px) {
  .about .bnf-gallery .slide-inner h4 {
    min-height:70px;
  }
  .club-slide h2 {
    font-size:1.9em;
  }
}

@media (max-width:375px) {
  .club-slide h2 {
    font-size:1.7em;
  }
}

@media (max-width:326px) {
  .club-slide h2 {
    font-size:1.5em;
  }
}

.hanoi #header {
  background:url(https://api.cfyc.com.vn/pages/lose-weight2015/img/bg-header-hn.jpg) center top no-repeat;
  background-size:cover;
  min-height:700px;
}

.hanoi.club #header {
  background:url(https://api.cfyc.com.vn/pages/lose-weight2015/img/bg-header-hn-club.jpg) center top no-repeat;
  background-size:cover;
  min-height:700px;
}

.hanoi #header .top-headline h1.headline,
.hanoi #header .top-headline h3.sub-headline,
.hanoi #header fieldset.wrap-pr p.price,
.hanoi #header fieldset.wrap-pr legend,
.hanoi #header .text-box ul,
.hanoi #header .text-box ul li:before {
  color:#fff;
}

.hanoi #header .top-headline .borderleft,
.hanoi #header fieldset.wrap-pr {
  border-color:#fff;
}

.hanoi #header .cta-box button.cta {
  background:linear-gradient(to right,#2D2C2C 50%,#000 50%);
  background-size:200% 100%;
  background-position:right bottom;
  -webkit-transition:all 0.4s;
  -moz-transition:all 0.4s;
  transition:all 0.4s;
}

.hanoi #header .cta-box button.cta:hover {
  background-position:left bottom;
}

.hanoi.club .container-page-top .row >.col-sm-6 {
  width:55%;
}

@media (min-width:1600px) {
  .hanoi .container-page-top .row >.col-sm-6 {
    left:16.66666667%;
  }
}

@media (max-width:1024px) {
  .hanoi #header {
    background-position:65%;
  }
}

@media (max-width:767px) {
  .hanoi.club .container-page-top .row >.col-sm-6 {
    width:100%;
  }
  .hanoi.club #header .top-headline h1.headline {
    font-size:4.9vw;
  }
  .hanoi #header,
  .hanoi.club #header {
    background:#fff;
    min-height:auto;
  }
  .hanoi #header .text-box,
  .hanoi #header .cta-box {
    margin-top:20px;
  }
  .hanoi #header .top-headline h1.headline,
  .hanoi #header fieldset.wrap-pr legend,
  .hanoi #header .text-box ul {
    color:#000;
  }
  .hanoi #header .top-headline h3.sub-headline,
  .hanoi #header fieldset.wrap-pr p.price,
  .hanoi #header .text-box ul li:before {
    color:#ff0000;
  }
  .hanoi #header .top-headline .borderleft,
  .hanoi #header fieldset.wrap-pr {
    border-color:#000;
  }
  .hanoi #header fieldset.wrap-pr {
    margin-bottom:20px;
  }
  .hanoi #header .cta-box button.cta {
    background:linear-gradient(to right,#ff0606 50%,#e60303 50%);
    background-size:200% 100%;
  }
}