@charset "UTF-8";
/* CSS Document */

html { height: 100%; } 
body { width:100%; font-family: 'Montserrat', sans-serif; -webkit-text-size-adjust:100%; overflow-x:hidden; color:#262626; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
/*sub{vertical-align:text-bottom}*/
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
legend {color:#000}
a {text-decoration:none; cursor:pointer;}
a[href^="tel"]{ color:inherit;text-decoration:none;}
*:focus { outline: 0; }
a:hover { transition: color 0.45s ease 0s; }
.clear {float:none;}
.mobile {display:none !important;}
.desktop {display:block !important;}
.menu-mob {display: none; }
.mobile-br {display:none;}
.clear {clear:both;}
.max-width img {margin:0 auto; width:100%; display:block;}

/* Grids */
.col-1  { width: 8.33%; }
.col-2  { width: 16.66%; }
.col-3  { width: 25%; }
.col-4  { width: 33.33%; }
.col-5  { width: 41.66%; }
.col-6  { width: 50%; }
.col-7  { width: 58.33%; }
.col-8  { width: 66.66%; }
.col-9  { width: 75%; }
.col-10 { width: 83.33%; }
.col-11 { width: 91.66%; }
.col-12 { width: 100%; }
[class*="col-"] { float: left; }
.row:after{content:"";clear:both;display:block;}
*, *:before, *:after{box-sizing:border-box;}

p {font-family: 'Montserrat', sans-serif; line-height:24px; font-size:15px; font-weight:300; color:#262626; margin-bottom:15px;}
h1 {font-family: 'Playfair Display', serif; font-size:45px; text-transform:uppercase; color:#FFFFFF;text-shadow: 2px 5px 6px rgba(0, 0, 0, 1);}
h1 span {font-size:23px;color:#FFFFFF; display:block;text-shadow: 1px 1px 10px rgba(0, 0, 0, 1);}
h2 {font-family: 'Playfair Display', serif; font-size:36px; margin:0 auto; text-transform:uppercase; text-align:center; padding:80px 0;}
h3 {font-family: 'Montserrat', sans-serif; font-size:15px; color:#712077; text-transform:uppercase;letter-spacing: 1px; font-weight:500;padding-bottom:15px;}
h4 {font-family: 'Montserrat', sans-serif; font-size:15px; color:#af9807;letter-spacing: 1px; margin-bottom:15px;font-weight:400;}
hr { border: none;height: 3px;/* Set the hr color */color: #af9807; /* old IE */ background-color: #af9807; /* Modern Browsers */width:50px;}
.m-t { margin-top: 20px; }
.m-b { margin-bottom: 20px; }
.mooncake-photo {
  object-fit: cover;
  width: 245px;
  height: 200px;
}
h4.photo-label{ background: #fff; padding: 5px 10px; border-radius: 4px; }
.btn {
    color: #ffffff;
    background:transparent;
    padding: 12px 35px;
    margin: 25px 0px;
    font-family: 'Montserrat', sans-serif;
	font-weight:300;
    border: 1px solid #af9807;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #af9807;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}
.btn:hover {color: #FFF;background:#af9807;}
.black-font {color:#000000 !important;}
.btn:hover.black-font { color: #FFF !important;}
#back-top {background: #000 none repeat scroll 0 0;bottom: 20px;color: #fff;cursor: pointer; display: none;font-size: 25px;padding: 15px;position: fixed; z-index: 2;right:30px;}
#back-top::after {display: inline-block;height: 15px;margin: 0 0 0 5px;width: 22px;}
#container { max-width:100%; margin:0 auto;text-rendering: optimizelegibility; overflow:hidden;-webkit-font-smoothing:antialiased;} 
#container .header {position:absolute; width:100%; background:url(../images/header-black-overlay.png) repeat-x; z-index:3;}
#container .header .logo  { float:left;margin-left:3%;}
#container .header nav.menu {float:right;margin-right:1%; width:850px;}
#container .header nav.menu ul {overflow: hidden; margin-top: 2%;}
.menu-fixed ,menu-mob-fixed { top: 0; z-index: 100 !important; position: fixed; width: 100% !important; }

.menu-fixed-bg {background:rgba(0,0,0,0.8); width:100%;position: fixed;}
.menu-mob-bg {background:rgba(0,0,0,0.8); width:100%;position: fixed; height:60px !important;}
.menu-fixed ul {margin: 1% 1% 1% 0 !important; width:850px; float:right; }

#container .header nav.menu li {display: block; width: 80px; display: inline; }
#container .header nav.menu li a {font-family: 'Playfair Display', serif; padding:1%; font-size:16px; color:#FFFFFF;color: #ffffff;opacity: 0.8;transition: opacity 0.2s linear 0s, color 0.2s linear 0s;}
#container .header nav.menu li a:hover {color:#FFFFFF; opacity:1;}
.wrapper { max-width:1170px; margin:0 auto;}
.vbox-content {padding-bottom: 115px !important; padding-top: 115px !important;}
.vbox-close {font-size:60px!important; height:70px !important;background-color:transparent !important;}	


#wanglai-mooncakes {position:relative;}
#wanglai-mooncakes p {color:#FFFFFF; text-shadow: 2px 4px 3px rgba(0, 0, 0, 1); width:60%; margin:0 auto; padding:15px 0;}
#wanglai-mooncakes .welcome-note {position:absolute; margin:0 auto; text-align:center; width:60%; left:0; right:0; top:50%; left:50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);z-index:1;}
#wanglai-mooncakes .terms {position:absolute; margin:0 auto;bottom:0; text-align:center; right:0; left:0;z-index:2;}
#wanglai-mooncakes .terms p {font-size:11px !important; line-height:14px;text-shadow: 1px 1px 10px rgba(0, 0, 0, 1);width: 90%;}
#wanglai-mooncakes .slick-list, #wanglai-mooncakes .slick-slider, #wanglai-mooncakes .slick-track { height: 100vh !important;}

#wanglai-mooncakes .slick-slider {margin-bottom: 0 !important;}
.slick-prev::before, .slick-next::before {
    -moz-osx-font-smoothing: grayscale;
    color: white;
    font-family: "FontAwesome" !important;
    font-size: 40px !important;
    line-height: 1;
    opacity: 0.75;
	z-index:2!important;
}
#wanglai-mooncakes .slider-banner .slick-prev {left:50px !important; z-index:2!important;}
#wanglai-mooncakes .slider-banner .slick-next {right:50px !important; z-index:2 !important;}
#wanglai-mooncakes .slider-banner .slick-next::before {content: "\f105" !important;z-index:2 !important;}
#wanglai-mooncakes .slider-banner .slick-prev::before {content: "\f104"!important;z-index:2 !important;}
#wanglai-mooncakes .slider-banner .slick-prev, .slick-next {height: 40px !important;z-index:2 !important;}
#the-selection {position:relative;}
#the-selection .selection {width:100%;}
#the-selection .selection ul {list-style-type: none; margin: 0; padding: 0;}
#the-selection .selection ul li {display: inline;}
#the-selection .selection ul li h3 {text-align:center; margin-top: 30px;}
#the-selection.parallax {
    /* The image used */
    background-image: url("../images/the-selection-bg.jpg");

    /* Set a specific height */
    height: 700px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



.view {
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
	margin:0 3%;
}

.view .mask, .view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view img {
    display: block;
    position: relative
}
.view h4 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 15px;
    padding: 15%;
    margin: 20px 0 0 0
}
.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.view-first img { 
    transition: all 0.2s linear;
}
.view-first .mask {
    opacity: 0;
   background-color: rgba(0, 0, 0, 0.4); 
    transition: all 0.5s ease-in-out;
}

.view-first .mask .btn {
	bottom: 10%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    padding:12px;
	width:65%;
	}

.view-first h4 {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.view-first p { 
    transform: translateY(100px);
    opacity: 0;
	transition: all 0.2s linear;
}
.view-first a.info{
    opacity: 0;
	transition: all 0.2s ease-in-out;
}

.view-first:hover img { 
	transform: scale(1.1);
} 
.view-first:hover .mask { 
	opacity: 1;
}
.view-first:hover h4,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.view-first:hover p {
    transition-delay: 0.1s;
}
.view-first:hover a.info {transition-delay: 0.2s;}
 
.button-wrap {width: 100%; display: flex;align-items: center;justify-content: center;text-align: center;}
.popup-desc {text-align:center; background: rgb(110, 72, 130); /* Fall-back for browsers that don't support rgba */ background: rgba(110, 72, 130, 0.8); height:100%; padding:5%; overflow:scroll;}
.popup-desc .popup-title {font-size:20px;font-family: 'Montserrat', sans-serif;  text-transform:uppercase;letter-spacing: 1px; font-weight:300; padding-bottom:15px; color:#FFFFFF;}
.popup-desc p {color:#FFFFFF; padding-top:15px;line-height:26px;}
.popup-desc p span {font-weight:500;}
.mooncake-title p {color: #ffffff;
    line-height: 20px;
    width: 85%;
	text-shadow: 1px 1px 10px rgba(0, 0, 0, 1);font-weight:500;
	}

#promotions {z-index:2;}
#promotions.parallax {
    /* The image used */
    background-image: url("../images/bg.jpg");

    /* Set a specific height */
    height: 2300px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#promotions .tabs {margin:0 auto;}
#promotions .tabs ul.slider-nav {list-style-type: none; margin: 0; padding: 0; text-align:center;}
#promotions .tabs ul.slider-nav li {display:inline-block; width:33.33% !important;}
#promotions .tabs ul.slider-nav li h3 {text-align:center; cursor:pointer;}
#promotions .promo-box {margin: 20px auto;width: 95%; }
#promotions .promo-box .uob-box {border:1px solid #af9807; margin-bottom:15px; padding:20px;}
#promotions .promo-box .uob-box p {margin-bottom:0 !important;}
#promotions .slick-slide {text-align:center !important;}
#promotions .slick-slider .slick-list, .slick-slider .slick-track {margin: 0 auto !important;}
#promotions .slick-list {width:90%;}
#promotions .slide h4 {font-size:1em;}
#promotions .slide span.lg-text {font-size:17px;}

#promotions .slider-nav .slick-slide {
opacity:0.5;
position:relative;
 transition: all .3s ease;
cursor:pointer!important;
}

#promotions .slider-nav .slick-slide.slick-current, #promotions .slider-nav .slick-slide:hover {opacity:1; }
#promotions .slider-nav .slick-slide {position:relative;}
#promotions .slider-nav .slick-slide.slick-current:before, #promotions .slider-nav .slick-slide:hover:before {content:'';position:absolute; bottom:0; width:50px; height:3px; left:50%; margin-left:-25px;background-color: #af9807;}
#promotions .slick-slide .desc-wrap{text-align: center;margin: 30px;}
#promotions .slick-slide .desc-wrap:before {
  content: '\200B';
/*   content: '';
  margin-left: -0.25em; */
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
}

#promotions .slick-slide .desc {display: inline-block;vertical-align: middle;width: 65%;}
#promotions .slick-slider {margin-bottom:0;}
#promotions .promo-box ul.fa-ul { margin-left: 1.5em !important; margin-bottom:15px;}
#promotions .promo-box ul.fa-ul li {font-family: 'Montserrat', sans-serif; line-height:24px; font-size:15px; font-weight:300; color:#262626; }
#promotions .promo-box ul.fa-ul .fa-li {top: 0.4em !important;}
#promotions .promo-box ul.fa-ul .fa {color: #af9807 !important;}

#brochure.parallax {
	 /* The image used */
    background-image: url("../images/brochure-bg.jpg");

    /* Set a specific height */
    height: 650px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	}
	
#brochure {display: table;width: 100%;}	
#brochure h2 {color:#FFFFFF;  text-align:left; padding:0;}
#brochure .wrapper {text-align:left; display: table-cell;vertical-align: middle;}
#brochure .wrapper .brochure-cont {padding-left:10%;}
#brochure .wrapper .brochure-cont .btn {margin:30px 0 !important;}

#delivery-collection {posiiton:relative;}
#delivery-collection .delivery-collection-cont { width: 100%;height: 100%;display:table-row;}
#delivery-collection .delivery-collection-cont .col-4 {display: table-cell; vertical-align: middle;}
#delivery-collection .delivery-collection-cont .col-4 .desc {padding:0 8%; padding-bottom:15px;}
#delivery-collection .delivery-collection-cont .col-4 img {padding:0 8%;}
#delivery-collection .delivery-collection-cont ul.fa-ul { margin-left: 1.5em !important; margin-bottom:15px;}
#delivery-collection .delivery-collection-cont ul.fa-ul li {font-family: 'Montserrat', sans-serif; line-height:32px; font-size:16px; font-weight:300; color:#262626; }
#delivery-collection .delivery-collection-cont ul.fa-ul .fa-li {top: 0.4em !important;}
#delivery-collection .delivery-collection-cont ul.fa-ul .fa {color: #af9807 !important;}

#contact-us.parallax, #delivery-collection.parallax  {
	 /* The image used */background-image: url("../images/contact-us-bg.jpg");
	/* Set a specific height */ height: 550px;
    /* Create the parallax scrolling effect */background-attachment: fixed; background-position: center;background-repeat: no-repeat;background-size: cover;
	}
	
#contact-us .contact-us-cont {width:75%; margin:0 auto;}
#contact-us .contact-us-cont ul.fa-ul { margin-left: 1.5em !important; margin-bottom:15px;}
#contact-us .contact-us-cont ul.fa-ul li {font-family: 'Montserrat', sans-serif; line-height:24px; font-size:15px; font-weight:300; color:#262626; }
#contact-us .contact-us-cont ul.fa-ul .fa-li {top: 0.31em !important;}
#contact-us .contact-us-cont ul.fa-ul .fa {color: #af9807 !important;}
#contact-us .contact-us-cont .col-4 {display: table-cell; vertical-align: middle;}
#contact-us .contact-us-cont .col-4 .desc {padding:0 8%; padding-bottom:15px;}
#contact-us .contact-us-contt .col-4 img {padding:0 8%;}
/* mobile menu */
.menu-mob .hamburger {font-size:40px;color: #ffffff;cursor:pointer; position:absolute; right:5%; top:0px;;}
.overlay { height: 0%;width: 100%; position: fixed; z-index: 1; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9);overflow-y: hidden;transition: 0.5s;}
.overlay-content {position: relative;top: 10%; width: 100%; text-align: center;margin-top: 30px;}
.overlay a {padding: 8px;text-decoration: none;font-size: 25px; color: #ffffff;opacity: 0.75;display: block;transition: 0.3s; font-family: "Playfair Display",serif;}
.overlay a:hover, .overlay a:focus { color: #ffffff;opacity:1;}
.overlay .closebtn { position: absolute; top: 0%;right: 3%; font-size: 70px;}

/* footer */
#footer {width:100%; margin:0 auto;text-align:center; border-top: solid 1px #f4f4f4; margin-bottom:5%;}
#footer .row-1 a, #footer .row-2 a, #footer .row-3 a  {font-size:0.8em; color:#88898b;font-family: 'Montserrat', sans-serif; }
#footer a:hover {color:#262626;}
#footer ul.row-1 {display:block;padding-top:3%; margin:0 auto; width: 82%; }
#footer ul.row-2 {display:block;padding-top:1%; }
#footer ul.row-3 {display:block;padding-bottom:5%;}
#footer ul.social-icons {display:block;padding:4% 0; }
#footer ul li {display:inline;}
#footer .navSeparated li a {border-left: 1px solid #858585;margin-left: 6px;padding-left: 6px;}
#footer .navSeparated li:first-child a {border-left: medium none; margin-left: 0;padding-left: 0;}
#footer .frhi-logo {text-align:center; padding-bottom: 3%;}
#footer .social-icons li {padding:0 1%;}
#footer .social-icons a {color:#88898b;font-size: 1.4em; }
#footer .social-icons a:hover {color:#262626;}
#footer .copyright-2, #footer .copyright-1 {font-size:0.8em; color:#88898b; font-family: 'Montserrat', sans-serif; }

/* font awesome */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont3e6e.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont3e6e.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont3e6e.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont3e6e.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont3e6e.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



@media only screen and (max-width:1280px) {
#container .header nav.menu li a {font-size:15px;}
#container .header nav.menu {float:right;margin-right:1%; width:800px;}
.menu-fixed ul {margin:1% 0 !important; margin-right:1% !important; width:800px; float:right;}
#delivery-collection .delivery-collection-cont .col-4 img {margin-bottom: 40px;}
#contact-us .contact-us-cont { margin: 0 auto;width: 90%;}
.vbox-inline.figlio {height:100% !important;}
}


@media only screen and (max-width:1200px) {
.menu-mob { display: block !important; }
.menu {display:none;}
.view-first .mask .btn { padding: 12px;width: 80%;}
.view h4 {
    color: #fff;
    font-size: 12px;
    margin: 30px 0 0;
    padding:0%;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
#the-selection .selection ul li h3 {
    font-size: 12px;}
#the-selection.parallax, #brochure.parallax, #promotions.parallax, #delivery-collection.parallax #contact-us.parallax {background-attachment: scroll;}	
#promotions .slick-slide .desc {width:100%;}	
#wanglai-mooncakes .welcome-note {width: 95% !important;}
#promotions .slider-nav .slick-list .slick-track {width: 100% !important;}
}

@media (max-width: 767px){
.label-div { width: 100%; }
h4.photo-label{ background: transparent; height: 10px;}
.menu-mob { display: block !important; }
.menu { display: none !important; }
.mobile-br {display:block;}
.border-none a {border-left:none !important;}
.mobile {display:block !important;}
.desktop {display:none !important;}
#container .header {background:none;}
p {font-family: 'Montserrat', sans-serif; line-height:20px; font-size:16px; font-weight:300; color:#262626; margin-bottom:15px;}
h1 {font-size:35px; line-height:35px;}
h1 span {font-size:16px;}
h2 {font-size:38px; padding: 60px 0;}
h3 {font-family: 'Montserrat', sans-serif; font-size:16px; color:#712077; text-transform:uppercase;letter-spacing: 1px; font-weight:500; padding-bottom:15px;}
h4 {font-family: 'Montserrat', sans-serif; font-size:16px; color:#af9807;letter-spacing: 1px; margin-bottom:15px;font-weight:400;}

#wanglai-mooncakes .welcome-note {width:90%;top:50%;}
#wanglai-mooncakes p { line-height:18px; font-size:16px; }
#wanglai-mooncakes .terms p {font-size:8px;width:90%;}
#the-selection.parallax {height:700px !important;background-attachment: scroll;background-image: url("../images/the-selection-bg-mob.jpg");}
.selection-slider {margin:0 auto;}
.selection-slider .slide img {margin:0 auto;}
.selection-slider .slide h3 {margin-top: 30px;text-align: center}
 .view h4 {margin: 80px 0 0;padding: 5%;}
.popup-desc.col-6 {width:100% !important;}
.popup-desc {background: rgba(110, 72, 130, 0.8) none repeat scroll 0 0;}

#promotions .slick-list {width:100% !important;}
#promotions .slick-slide .desc { width: 100%;}
#promotions .slick-slide .desc-wrap {height:550px;}
#promotions.parallax {background-image: url("../images/bg.jpg"); height: 2650px !important;background-attachment: scroll;}
#brochure .wrapper .brochure-cont {text-align:center; padding:0;}
#brochure h2 {text-align:center;}

#delivery-collection {margin-bottom:50px;}
#delivery-collection .delivery-collection-cont .col-4 {width:60%;}
#delivery-collection.parallax  {height:990px !important;background-attachment: scroll;}
#contact-us .contact-us-cont .col-4 {width:100%;}
#contact-us .contact-us-cont .col-4 {width:100%; padding-bottom:30px;}
#contact-us.parallax  {height:790px !important;background-attachment: scroll;}
#brochure.parallax {background-image: url("../images/brochure-bg-mob.jpg");background-attachment: scroll;}
#the-selection .slick-slide {
    padding: 0 10px;}
.vbox-inline.figlio {height:100% !important;}
#contact-us .contact-us-cont { margin: 0 auto;width: 85%;}
}

@media (max-width: 430px){
.label-div { width: 100%; }
h4.photo-label{ background: transparent; height: 10px;}
.overlay {overflow-y: auto;}
.mobile {display:block !important;}
.desktop {display:none !important;}
.mobile-br {display:block;}
.slick-prev, .slick-next {display:none !important;}
.popup-desc.col-6 {width:100% !important;}
.popup-desc p {font-size:15px; line-height:17px;}
#wanglai-mooncakes p {width:90%;}
#wanglai-mooncakes .terms p {font-size:7px!important; line-height:8px;}
#wanglai-mooncakes .welcome-note {top:60%;}
#promotions .slick-slide .desc-wrap {height:650px;}
#promotions.parallax {height: 2650px !important;}
#promotions .slider-nav .slick-list .slick-track {width: 100% !important;}
#footer ul.social-icons {padding:10% 0; }
#footer .social-icons li {padding:0 3%;}
#the-selection .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    max-width: 310px;
    padding: 0 10px;}
#the-selection .selection-slider .slide img { width:100%; }
#contact-us .contact-us-cont ul.fa-ul li {font-size:15px !important;}
#contact-us .contact-us-cont p {font-size:15px !important;}
#back-top {right:15px !important;}
}