/* Minification failed. Returning unminified contents.
(1993,1): run-time error CSS1019: Unexpected token, found '@import'
(1993,9): run-time error CSS1019: Unexpected token, found 'url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css)'
(3555,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3555,34): run-time error CSS1035: Expected colon, found '{'
(3556,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3556,31): run-time error CSS1035: Expected colon, found '{'
(3557,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3557,26): run-time error CSS1035: Expected colon, found '{'
(5751,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5751,34): run-time error CSS1035: Expected colon, found '{'
(5752,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(5752,31): run-time error CSS1035: Expected colon, found '{'
(5753,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5753,26): run-time error CSS1035: Expected colon, found '{'
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, input, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
input, select, textarea, button {
	font-family:inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
/*ol, ul {
	list-style: none;
}*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-spacing: 0;
}
@font-face {
	font-family: 'Simple-Line-Icons';
	src:url('fonts/Simple-Line-Icons.eot');
	src:url('fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'),
		url('fonts/Simple-Line-Icons.woff') format('woff'),
		url('fonts/Simple-Line-Icons.ttf') format('truetype'),
		url('fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'Simple-Line-Icons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-moustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-emoticon-smile, .icon-disc, .icon-cursor-move, .icon-crop, .icon-credit-card, .icon-chemistry, .icon-user, .icon-speedometer, .icon-social-youtube, .icon-social-twitter, .icon-social-tumblr, .icon-social-facebook, .icon-social-dropbox, .icon-social-dribbble, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglasses, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-map, .icon-layers, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-frame, .icon-folder-alt, .icon-film, .icon-feed, .icon-earphones-alt, .icon-earphones, .icon-drop, .icon-drawer, .icon-docs, .icon-directions, .icon-direction, .icon-diamond, .icon-cup, .icon-compass, .icon-call-out, .icon-call-in, .icon-call-end, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-music-tone-alt, .icon-music-tone, .icon-microphone, .icon-loop, .icon-logout, .icon-login, .icon-list, .icon-like, .icon-home, .icon-grid, .icon-graph, .icon-equalizer, .icon-dislike, .icon-cursor, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-calendar, .icon-bulb, .icon-bar-chart, .icon-arrow-up, .icon-arrow-right, .icon-arrow-left, .icon-arrow-down, .icon-ban, .icon-bubble, .icon-camcorder, .icon-camera, .icon-check, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-doc, .icon-envelope, .icon-eye, .icon-flag, .icon-folder, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-plus, .icon-pointer, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-users {
	font-family: 'Simple-Line-Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-user-female:before {
	content: "\e000";
}
.icon-user-follow:before {
	content: "\e002";
}
.icon-user-following:before {
	content: "\e003";
}
.icon-user-unfollow:before {
	content: "\e004";
}
.icon-trophy:before {
	content: "\e006";
}
.icon-screen-smartphone:before {
	content: "\e010";
}
.icon-screen-desktop:before {
	content: "\e011";
}
.icon-plane:before {
	content: "\e012";
}
.icon-notebook:before {
	content: "\e013";
}
.icon-moustache:before {
	content: "\e014";
}
.icon-mouse:before {
	content: "\e015";
}
.icon-magnet:before {
	content: "\e016";
}
.icon-energy:before {
	content: "\e020";
}
.icon-emoticon-smile:before {
	content: "\e021";
}
.icon-disc:before {
	content: "\e022";
}
.icon-cursor-move:before {
	content: "\e023";
}
.icon-crop:before {
	content: "\e024";
}
.icon-credit-card:before {
	content: "\e025";
}
.icon-chemistry:before {
	content: "\e026";
}
.icon-user:before {
	content: "\e005";
}
.icon-speedometer:before {
	content: "\e007";
}
.icon-social-youtube:before {
	content: "\e008";
}
.icon-social-twitter:before {
	content: "\e009";
}
.icon-social-tumblr:before {
	content: "\e00a";
}
.icon-social-facebook:before {
	content: "\e00b";
}
.icon-social-dropbox:before {
	content: "\e00c";
}
.icon-social-dribbble:before {
	content: "\e00d";
}
.icon-shield:before {
	content: "\e00e";
}
.icon-screen-tablet:before {
	content: "\e00f";
}
.icon-magic-wand:before {
	content: "\e017";
}
.icon-hourglass:before {
	content: "\e018";
}
.icon-graduation:before {
	content: "\e019";
}
.icon-ghost:before {
	content: "\e01a";
}
.icon-game-controller:before {
	content: "\e01b";
}
.icon-fire:before {
	content: "\e01c";
}
.icon-eyeglasses:before {
	content: "\e01d";
}
.icon-envelope-open:before {
	content: "\e01e";
}
.icon-envelope-letter:before {
	content: "\e01f";
}
.icon-bell:before {
	content: "\e027";
}
.icon-badge:before {
	content: "\e028";
}
.icon-anchor:before {
	content: "\e029";
}
.icon-wallet:before {
	content: "\e02a";
}
.icon-vector:before {
	content: "\e02b";
}
.icon-speech:before {
	content: "\e02c";
}
.icon-puzzle:before {
	content: "\e02d";
}
.icon-printer:before {
	content: "\e02e";
}
.icon-present:before {
	content: "\e02f";
}
.icon-playlist:before {
	content: "\e030";
}
.icon-pin:before {
	content: "\e031";
}
.icon-picture:before {
	content: "\e032";
}
.icon-map:before {
	content: "\e033";
}
.icon-layers:before {
	content: "\e034";
}
.icon-handbag:before {
	content: "\e035";
}
.icon-globe-alt:before {
	content: "\e036";
}
.icon-globe:before {
	content: "\e037";
}
.icon-frame:before {
	content: "\e038";
}
.icon-folder-alt:before {
	content: "\e039";
}
.icon-film:before {
	content: "\e03a";
}
.icon-feed:before {
	content: "\e03b";
}
.icon-earphones-alt:before {
	content: "\e03c";
}
.icon-earphones:before {
	content: "\e03d";
}
.icon-drop:before {
	content: "\e03e";
}
.icon-drawer:before {
	content: "\e03f";
}
.icon-docs:before {
	content: "\e040";
}
.icon-directions:before {
	content: "\e041";
}
.icon-direction:before {
	content: "\e042";
}
.icon-diamond:before {
	content: "\e043";
}
.icon-cup:before {
	content: "\e044";
}
.icon-compass:before {
	content: "\e045";
}
.icon-call-out:before {
	content: "\e046";
}
.icon-call-in:before {
	content: "\e047";
}
.icon-call-end:before {
	content: "\e048";
}
.icon-calculator:before {
	content: "\e049";
}
.icon-bubbles:before {
	content: "\e04a";
}
.icon-briefcase:before {
	content: "\e04b";
}
.icon-book-open:before {
	content: "\e04c";
}
.icon-basket-loaded:before {
	content: "\e04d";
}
.icon-basket:before {
	content: "\e04e";
}
.icon-bag:before {
	content: "\e04f";
}
.icon-action-undo:before {
	content: "\e050";
}
.icon-action-redo:before {
	content: "\e051";
}
.icon-wrench:before {
	content: "\e052";
}
.icon-umbrella:before {
	content: "\e053";
}
.icon-trash:before {
	content: "\e054";
}
.icon-tag:before {
	content: "\e055";
}
.icon-support:before {
	content: "\e056";
}
.icon-size-fullscreen:before {
	content: "\e057";
}
.icon-size-actual:before {
	content: "\e058";
}
.icon-shuffle:before {
	content: "\e059";
}
.icon-share-alt:before {
	content: "\e05a";
}
.icon-share:before {
	content: "\e05b";
}
.icon-rocket:before {
	content: "\e05c";
}
.icon-question:before {
	content: "\e05d";
}
.icon-pie-chart:before {
	content: "\e05e";
}
.icon-pencil:before {
	content: "\e05f";
}
.icon-note:before {
	content: "\e060";
}
.icon-music-tone-alt:before {
	content: "\e061";
}
.icon-music-tone:before {
	content: "\e062";
}
.icon-microphone:before {
	content: "\e063";
}
.icon-loop:before {
	content: "\e064";
}
.icon-logout:before {
	content: "\e065";
}
.icon-login:before {
	content: "\e066";
}
.icon-list:before {
	content: "\e067";
}
.icon-like:before {
	content: "\e068";
}
.icon-home:before {
	content: "\e069";
}
.icon-grid:before {
	content: "\e06a";
}
.icon-graph:before {
	content: "\e06b";
}
.icon-equalizer:before {
	content: "\e06c";
}
.icon-dislike:before {
	content: "\e06d";
}
.icon-cursor:before {
	content: "\e06e";
}
.icon-control-start:before {
	content: "\e06f";
}
.icon-control-rewind:before {
	content: "\e070";
}
.icon-control-play:before {
	content: "\e071";
}
.icon-control-pause:before {
	content: "\e072";
}
.icon-control-forward:before {
	content: "\e073";
}
.icon-control-end:before {
	content: "\e074";
}
.icon-calendar:before {
	content: "\e075";
}
.icon-bulb:before {
	content: "\e076";
}
.icon-bar-chart:before {
	content: "\e077";
}
.icon-arrow-up:before {
	content: "\e078";
}
.icon-arrow-right:before {
	content: "\e079";
}
.icon-arrow-left:before {
	content: "\e07a";
}
.icon-arrow-down:before {
	content: "\e07b";
}
.icon-ban:before {
	content: "\e07c";
}
.icon-bubble:before {
	content: "\e07d";
}
.icon-camcorder:before {
	content: "\e07e";
}
.icon-camera:before {
	content: "\e07f";
}
.icon-check:before {
	content: "\e080";
}
.icon-clock:before {
	content: "\e081";
}
.icon-close:before {
	content: "\e082";
}
.icon-cloud-download:before {
	content: "\e083";
}
.icon-cloud-upload:before {
	content: "\e084";
}
.icon-doc:before {
	content: "\e085";
}
.icon-envelope:before {
	content: "\e086";
}
.icon-eye:before {
	content: "\e087";
}
.icon-flag:before {
	content: "\e088";
}
.icon-folder:before {
	content: "\e089";
}
.icon-heart:before {
	content: "\e08a";
}
.icon-info:before {
	content: "\e08b";
}
.icon-key:before {
	content: "\e08c";
}
.icon-link:before {
	content: "\e08d";
}
.icon-lock:before {
	content: "\e08e";
}
.icon-lock-open:before {
	content: "\e08f";
}
.icon-magnifier:before {
	content: "\e090";
}
.icon-magnifier-add:before {
	content: "\e091";
}
.icon-magnifier-remove:before {
	content: "\e092";
}
.icon-paper-clip:before {
	content: "\e093";
}
.icon-paper-plane:before {
	content: "\e094";
}
.icon-plus:before {
	content: "\e095";
}
.icon-pointer:before {
	content: "\e096";
}
.icon-power:before {
	content: "\e097";
}
.icon-refresh:before {
	content: "\e098";
}
.icon-reload:before {
	content: "\e099";
}
.icon-settings:before {
	content: "\e09a";
}
.icon-star:before {
	content: "\e09b";
}
.icon-symbol-female:before {
	content: "\e09c";
}
.icon-symbol-male:before {
	content: "\e09d";
}
.icon-target:before {
	content: "\e09e";
}
.icon-volume-1:before {
	content: "\e09f";
}
.icon-volume-2:before {
	content: "\e0a0";
}
.icon-volume-off:before {
	content: "\e0a1";
}
.icon-users:before {
	content: "\e001";
}
.mb_modules_newsportal_categoryNewsDate
{ 
    display: none !important;
}

.mb_modules_newsportal_category {
    margin-left: 0px !important;
}

.mb_modules_newsportal_date { 
    display: none !important;
}

.mb_modules_newsportal_mainContainer {
    padding-top: 50px;
    width: 85% !important;
    top: 70px !important;
        margin-bottom: 150px !important;
}

.mb_modules_newsportal_imageContainer
{
text-align: center;
}

 
.mb_ImageUploader_SlideShowContainer {
    
    box-shadow: 0 20px 30px 0 rgba(36,50,66,.14) !important;
}


.campaign_orderForm
 
{
    background: rgba(11, 23, 37, 0.7686274509803922);
    padding: 42px;
}

#ribbon {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
}


.list-type1{
width: 100%;
    background: #f9f8f9;
    margin: 0 auto;
    padding: 1px 25px;
}

.list-type1 ol{
counter-reset: li;
list-style: none; 
 padding: 0; 
}
.list-type1 ol ol{
margin: 0 0 0 2em;
}

.list-type1 a{
position: relative;
    display: block;
    padding: 0.5em 1.5em;
    color: #1b1e25 !important;
    border-radius: 0px;
    transition: all .2s ease-in-out;
    font-family: 'Noto Sans HK', sans-serif;
    line-height: 1.6;
    margin: 3px;

}

.list-type1 a:hover{ 
     cursor: auto;
     font-size:24px;
}


.list-type1 a:before{
content: '';
    display: inline-block;
    background: rgb(50, 190, 166);
    height: 10px;
    width: 10px;
    position: absolute;
    left: 0%;
    top: 41%;
}



.list-type2{
width:100%;
margin:0 auto;
}

.list-type2 ol{
counter-reset: li;
list-style: none;
 font-size: 15px;
 padding: 0;
margin-bottom: 4em;
}
.list-type2 ol ol{
margin: 0 0 0 2em;
}

.list-type2 a{
position: relative;
    display: block;
    padding: 0em 0em .7em 1em; 
    text-decoration: none;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    border-radius: 4px;
    transition: all .2s ease-in-out;
    font-size: 105%;
    color: rgb(14, 27, 40);
    font-weight: 300 !important;
    font-family: 'Noto Sans HK', sans-serif;

}

.list-type2 a:hover{
border-right: 1px solid #d6d4d4;
  }

.list-type2 a:before{
font-family: FontAwesome;
    content: "\f20e";
position: absolute;
left: -1.3em;
top: 50%;
margin-top: -1.3em;
 height: 2em;
width: 2em;
line-height: 2em;
 text-align: center;
font-weight: bold;
-moz-border-radius: 2em;
-webkit-border-radius: 2em;
border-radius: 2em;
color: #181f27 !important;
}

 .mb_modules_contactform_form_control {
    width: 100%;
    color: #7e8ea0 !important;
    font-weight: 400 !important;
     font-family: 'Noto Sans HK', sans-serif !important;
    border: 0px solid #e8eaea;
    padding: 13px 20px;
    margin-bottom: 10px;
    border-radius: 2px;
    max-width: 600px;
}


 .mb-popups-box__button {
    
    background: #242329 !important; 
}

.articleTemplate_PushBlock { 
         border: 0px solid #00bfb2;
    margin-bottom: 80px;
     border-radius: 2px;
}

.articleTemplate_BodyText2{ 
 padding: 10% 10% 15%;
}
.simpleaccordion-heading { 
   
    font-weight: 500;
        font-size: 17px;
 }

.mb_modules_accordion_simple_collapsed { 
    background-size: 50% !important;
}
.simpleaccordion-item.expanded .simpleaccordion-item-body.simpleaccordion-border-bottom { 
    margin-bottom: 20px !important;
}

.simpleaccordion-item-content {
  font-weight: 300;
    color: #1c2734;
    font-size: 18px;
 }

.effect_fade_TextLayer:hover .btn-effect-fade-readmore {
    color: #253044; 
}


.effect_fade_header_divider {
 
    display: none;
}

.effect_fade_header {
    
    text-shadow: 0px 0px 0px rgba(0,0,0,.9);
 
}

.btn-effect-fade-readmore {
    border: 0px solid #fff;
}

.campaign_topContainer small  {
    overflow: hidden;
}

.campaign_top    {
   
      overflow: hidden;

 }

.mb_modules_contactform_form_group label {
    display: inline-block;
    margin: 10px 10px 0 0;
    width: 20%;
    vertical-align: top;
    display: none !important;
}

.mb_modules_contactform_form {
    text-align: center !important;
           padding: 40px;
    background: #070f19;
    margin-bottom: 40px;
}

.mb_modules_contactform_form_send input[type="submit"] {
    padding: 15px 30px !important;
    background: #0e1c29 !important;
    border: 0px solid #4cae4c !important;
    color: #fff !important;
    border-radius: 50px !important;
}

.mb_modules_contactform_form_send {
    text-align: center !important;
}

/* pricesnipp end styles */  
.plan-container {
  width: 100%;
  margin: 0px auto;
 background-color: #fbfbfb; 
  position: relative;
  top: 0;
  -webkit-transition: all 1s;
  transition: all 1s;  
  
}


.plan-container:hover {
  cursor: pointer;
  position: relative;
  box-shadow: 0 4px 12px rgba(0,0,0,.25);
  transition: box-shadow .2s ease-in;
}
.plan-container .plan-header {
   padding: 35px 25px 25px;
    text-align: center;
    border-radius: 0px;
    background:#f9f8f9;
}

.plan-container .plan-header .icon-box {
  margin: 0 auto;
}
.plan-container .plan-header .icon-box .icon {
  font-size: 3.125em;
  color: #447F71;
}
.plan-container .plan-header h2 {
   font-weight: 500;
  margin: 0;
  padding-top: 0.625em;
 }
.plan-container .plan-header p {
    margin: 0;
    font-size: 128%;
    color: #1c2734;
    font-weight:bold;
    margin-top:  13px;
}
.plan-container .plan-details {
  margin: 0 auto;
  padding: 1px 25px; 
      
}
.plan-container .plan-details ul {
  padding-left: 0;
  list-style: none;
}
.plan-container .plan-details ul li {
      border-bottom: 1px solid #dfe2e4;
    padding: 10px 0;
    color: #192026;
}
.plan-container .plan-details ul li:last-child {
  border-bottom: 0px solid #e8edef;
}
.plan-container .plan-details ul li span {
  font-weight: lighter;
  color: #777777;
}
.plan-container .plan-details p {
  background-color: #f4f4f4;
  margin: 2em 0;
  padding: 1.25em;
  display: none;
  font-size: 0.75em;
  line-height: 1.8;
  color: #777777;
}
.plan-container .plan-details button {
  background-color: #50555a;
    padding: 12px 4px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    width: 100%;
    border: 0;
    display: none;
    margin: 15px 0px;
}
.plan-container .plan-details button:hover {
  background-color: #e67b33;
  display: none;
}

/* pricesnipp end styles */


.campaign_headlineLabel {

color: #fff;
    margin-bottom: 30px;
    font-size: 130%;
}
/* General styles */

* {
    box-sizing: border-box;
}

html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

body {
     
    font-weight: 300;
    letter-spacing: .01em;
    line-height: 1.6;
  font-family: 'Noto Sans HK', sans-serif;
    color: #1c2734;
  }


/* opo up start */

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
}

/* -------------------------------- 

xnugget info 

-------------------------------- */
.cd-nugget-info {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 50px;
  line-height: 50px;
  bottom: 0;
  left: 0;
}
.cd-nugget-info a {
  position: relative;
  font-size: 14px;
  color: #5e6e8d;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.no-touch .cd-nugget-info a:hover {
  opacity: .8;
}
.cd-nugget-info span {
  vertical-align: middle;
  display: inline-block;
}
.cd-nugget-info span svg {
  display: block;
}
.cd-nugget-info .cd-nugget-info-arrow {
  fill: #5e6e8d;
}

/* -------------------------------- 

Main components 

-------------------------------- */


.cd-popup-trigger {
  display: block;
  width: 170px;
  height: 50px;
  line-height: 50px;
  margin: 3em auto;
  text-align: center;
  color: #FFF;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 50em;
  background: #35a785;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (min-width: 1170px) {
  .cd-popup-trigger {
    margin: 6em auto;
  }
}
 
 /* Popup container - can be anything you want */
/* Popup box BEGIN */
.hover_bkgr_fricc{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:99000;
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 1180px;
    min-height: 100px;
    vertical-align: middle;
    width: 90%;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
}
.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
font-family: 'Noto Sans HK', sans-serif;

    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: none;
}
.popupCloseButton:hover {
    background-color: #ccc;
}
.trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    margin: 20px;
    display: inline-block;
    font-weight: bold;
}
/* Popup box BEGIN */

/* ------pop up end -------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 100%;
   margin: 0 auto;
}
.cd-container:after {
  content: "";
  display: table;
  clear: both;
}

.cd-img-replace {
  /* replace text with background images */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  
}

/* -------------------------------- 

Main components 

-------------------------------- */
 

.cd-product {
  text-align: center;
}

.cd-product-wrapper {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  width: 100%; 
}

.cd-product-wrapper > img {
display: inline-block;
   /* box-shadow: 0px 2px 16px 1px rgba(0, 0, 0, 0.64);*/ 
    max-width: 1200px; 
}

.cd-single-point {
  position: absolute;
  border-radius: 50%;
  list-style: none;
}
.cd-single-point > a {
  position: relative;
  z-index: 2;
  display: block;
  width: 35px;
  height: 35px;
  border-radius: inherit;
  background: rgb(0, 191, 178);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-single-point > a::after, .cd-single-point > a:before {
  /* rotating plus icon */
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-color: #ffffff;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.cd-single-point > a::after {
  height: 2px;
  width: 12px;
}
.cd-single-point > a::before {
  height: 12px;
  width: 2px;
}
.cd-single-point::after {
  /* this is used to create the pulse animation */
  content: '';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: inherit;
  background-color: transparent;
  -webkit-animation: cd-pulse 2s infinite;
  -moz-animation: cd-pulse 2s infinite;
  animation: cd-pulse 2s infinite;
}
.cd-single-point:nth-of-type(1) {
     bottom: 65%;
    left: 15%;
}
.cd-single-point:nth-of-type(2) {
  bottom: 72%;
  right: 49%;
}
.cd-single-point:nth-of-type(3) {
  top: 17%;
    left: 32%;
}
.cd-single-point:nth-of-type(4) {
    top: 65%;
    left: 43%;
}
.cd-single-point.is-open > a {
  background-color: #475f74;
}
.cd-single-point.is-open > a::after, .cd-single-point.is-open > a::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(135deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(135deg);
  transform: translateX(-50%) translateY(-50%) rotate(135deg);
}
.cd-single-point.is-open::after {
  /* remove pulse effect */
  display: none;
}
.cd-single-point.is-open .cd-more-info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
}
.cd-single-point.visited > a {
  background-color: #54ccb5;
}
.cd-single-point.visited::after {
  /* pulse effect no more active on visited elements */
  display: none;
}
@media only screen and (min-width: 600px) {
  .cd-single-point.is-open .cd-more-info.cd-left {
     left: 90%;
  }
  .cd-single-point.is-open .cd-more-info.cd-right {
    left: 140%;
  }
  .cd-single-point.is-open .cd-more-info.cd-top {
    bottom: 140%;
  }
  .cd-single-point.is-open .cd-more-info.cd-bottom {
    top: 140%;
  }
}

@-webkit-keyframes cd-pulse {
  0% {
    -webkit-transform: scale(1);
    box-shadow: inset 0 0 1px 1px rgba(105,199,165, 0.8);
  }
  50% {
    box-shadow: inset 0 0 1px 1px rgba(105,199,165, 0.8);
  }
  100% {
    -webkit-transform: scale(1.6);
    box-shadow: inset 0 0 1px 1px rgba(105,199,165, 0);
  }
}
@-moz-keyframes cd-pulse {
  0% {
    -moz-transform: scale(1);
    box-shadow: inset 0 0 1px 1px rgba(105,199,165, 0.8);
  }
  50% {
    box-shadow: inset 0 0 1px 1px rgba(105,199,165, 0.8);
  }
  100% {
    -moz-transform: scale(1.6);
    box-shadow: inset 0 0 1px 1px rgba(105,199,165, 0);
  }
}
@keyframes cd-pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    box-shadow: inset 0 0 1px 1px rgba(105,199,165, 0.8);
  }
  50% {
    box-shadow: inset 0 0 1px 1px rgba(105,199,165, 0.8);
  }
  100% {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    box-shadow: inset 0 0 1px 1px rgba(105,199,165, 0);
  }
}
.cd-single-point .cd-more-info {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  text-align: left;
  line-height: 1.5;
  background-color: rgba(255, 255, 255, 0.95);
  padding: 2em 1em 1em;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
}
.cd-single-point .cd-more-info::before {
  /* triangle next to the interest point description - hidden on mobile */
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  display: none;
  border: 8px solid transparent;
}
.cd-single-point .cd-more-info h2 {
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: .6em;
}
.cd-single-point .cd-more-info p {
  color: #192025;
}
@media only screen and (min-width: 600px) {
  .cd-single-point .cd-more-info {
    position: absolute;
    width: 300px;
    height: auto;
    padding: 1em;
    overflow-y: visible;
    line-height: 1.4;
    border-radius: 0.25em;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  }
  .cd-single-point .cd-more-info::before {
    display: block;
  }
  .cd-single-point .cd-more-info.cd-left, .cd-single-point .cd-more-info.cd-right {
    top: 2%;
    bottom: auto;
    -webkit-transform: translateX(-115%);
    -moz-transform: translateX(-115%);
    -ms-transform: translateX(-115%);
    -o-transform: translateX(-115%);
    transform: translateX(-115%);
  }
  .cd-single-point .cd-more-info.cd-left::before, .cd-single-point .cd-more-info.cd-right::before {
    top: 7%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    transform: rotate(180deg);
  }
  .cd-single-point .cd-more-info.cd-left {
   /* right: 160%;
    left: auto;*/
  }
  .cd-single-point .cd-more-info.cd-left::before {
    border-right-color: rgba(255, 255, 255, 0.95);
    left: 100%;
  }
  .cd-single-point .cd-more-info.cd-right {
    left: 160%;
  }
  .cd-single-point .cd-more-info.cd-right::before {
    border-right-color: rgba(255, 255, 255, 0.95);
    left: 100%;
  }
  .cd-single-point .cd-more-info.cd-top, .cd-single-point .cd-more-info.cd-bottom {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .cd-single-point .cd-more-info.cd-top::before, .cd-single-point .cd-more-info.cd-bottom::before {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .cd-single-point .cd-more-info.cd-top {
    bottom: 160%;
    top: auto;
  }
  .cd-single-point .cd-more-info.cd-top::before {
    border-top-color: rgba(255, 255, 255, 0.95);
    top: 100%;
  }
  .cd-single-point .cd-more-info.cd-bottom {
    top: 160%;
  }
  .cd-single-point .cd-more-info.cd-bottom::before {
    border-bottom-color: rgba(255, 255, 255, 0.95);
    bottom: 100%;
  }
  .cd-single-point .cd-more-info h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
     color: #192025 !important;
  }
  .cd-single-point .cd-more-info p {
    font-size: 14px;
    font-size: 1rem;
  }
}

/* close the interest point description - only on mobile */
.cd-close-info {
  position: fixed;
  top: 0;
  right: 0;
  height: 44px;
  width: 44px;
}
.cd-close-info::after, .cd-close-info:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  background-color: #475f74;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.cd-close-info::after {
  height: 2px;
  width: 16px;
}
.cd-close-info::before {
  height: 16px;
  width: 2px;
}
@media only screen and (min-width: 600px) {
  .cd-close-info {
    display: none;
  }
}

@media only screen and (max-width: 640px) {

  .cd-product {
    
  }

  .cd-item-info {
    padding: 0 10% 10%;
  }

  .cd-content .button {
    display: block;
    margin: 0 !important;
  }

  .cd-content .button + .button {
    margin-top: 10px !important;
  }

  .spotlight .content header.major,
  .spotlight .content header.major + p {
    width: 100% !important;
    padding: 0 !important;
  }

  #branding {
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .cd-box img {
    height: auto !important;
  }

  .toggle {
    top: 5px;
  }

  .info {
    padding: 3em 20px !important;
  }
}

@media only screen and (max-width: 400px) {
  .cd-box {
    width: 70% !important;
  }
}

/* Animate Headline start 
.cd-title {
  position: relative;
  height: 80px;
  line-height: 80px;
  text-align: center;
}
.cd-title h1 {
  font-size: 1.4rem;
}

.cd-filter, .cd-intro {
  width: 100%;
  text-align: center;
}

.cd-intro {
  margin: 2em 0em 0em 0em;
}

.cd-filter {
  margin: 0 auto;
  text-align: center;
}
.cd-filter li {
  position: relative;
  display: inline-block;
  margin: 0;
}
.cd-filter input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.cd-filter input:checked + label {
  border-color: #e6d925;
  color: rgba(255, 255, 255, 1);
}
.cd-filter label {
  border-color: #e10e49;
  border-style: solid;
  border-width: 0 0 2px;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: 0.4em 0.6em;
}
.cd-filter label:hover {
  border-color: rgba(255, 255, 255, 0.7);
}

.cd-headline {
  font-size:3rem;
  font-weight: 100;
  line-height: 1;
  color: #0e1a27;
}

.cd-words-wrapper {
  display: inline-block;
  position: relative;
 }
.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.cd-words-wrapper b.is-visible {
  position: relative;
}


Filmcontainer  start 

.homepage-hero-module {
                border-right: none;
                border-left: none;
                position: relative;
                height: 600px !important;
            }

            .no-video .video-container video,
            .touch .video-container video {
                display: none;
            }

            .no-video .video-container .poster,
            .touch .video-container .poster {
                display: block !important;
            }

            .video-container {
                position: relative;
                bottom: 0%;
                left: 0%;
                height: 100%;
                width: 100%;
                overflow: hidden;
            }

                .video-container .poster img {
                    width: 100%;
                    bottom: 0;
                    position: absolute;
                }

                .video-container .filter {
                    z-index: 100;
                    position: absolute;
                    background: rgba(0, 0, 0, 0.4);
                    width: 100%;
                }

                .video-container video {
                    position: absolute;
                    z-index: 0;
                    bottom: 0;
                    -webkit-filter: opacity(.5);
                }

                    .video-container video.fillWidth {
                        width: 100%;
                    }

            #iphoneContainer {
                position: relative;
    padding-top: 5px;
    padding-bottom: 55%;
    height: 0;
    width: 70%;
    margin-left: 56px;
    margin-bottom: 50px;
            }

                #iphoneContainer #iphoneVideo {
                    box-sizing: border-box;
                    background: url(/images/flatphone-screen-trans.png) center center no-repeat;
                    background-size: contain;
                        padding: 11%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
   height: 100%;
                 
                }
                /* End */
  /* 

.cd-box  {
  filter: grayscale(0.8);
}

.cd-box:hover  {
  filter: grayscale(0);
}

/* -------------------------------- 

xrotate-1 

--------------------------------  
.cd-headline.rotate-1 .cd-words-wrapper {
  perspective: 300px;
      text-align: center;
}
.cd-headline.rotate-1 b {
  opacity: 0;
  transform-origin: 50% 100%;
  transform: rotateX(180deg);
}
.cd-headline.rotate-1 b.is-visible {
  opacity: 1;
  transform: rotateX(0deg);
  animation: cd-rotate-1-in 1.2s;
}
.cd-headline.rotate-1 b.is-hidden {
  transform: rotateX(180deg);
  animation: cd-rotate-1-out 1.2s;
}
@keyframes cd-rotate-1-in {
  0% {
    transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    transform: rotateX(360deg);
    opacity: 1;
  }
}
@keyframes cd-rotate-1-out {
  0% {
    transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    transform: rotateX(180deg);
    opacity: 0;
  }
}

/* -------------------------------- 

xrotate-2 

--------------------------------  
.cd-headline.rotate-2 .cd-words-wrapper {
  perspective: 300px;
}
.cd-headline.rotate-2 i, .cd-headline.rotate-2 em {
  display: inline-block;
  backface-visibility: hidden;
}
.cd-headline.rotate-2 i {
  transform-style: preserve-3d;
  transform: translateZ(-20px) rotateX(90deg);
  opacity: 0;
}
.is-visible .cd-headline.rotate-2 i {
  opacity: 1;
}
.cd-headline.rotate-2 i.in {
  animation: cd-rotate-2-in 0.4s forwards;
}
.cd-headline.rotate-2 i.out {
  animation: cd-rotate-2-out 0.4s forwards;
}
.cd-headline.rotate-2 em {
  transform: translateZ(20px);
}

.no-csstransitions .cd-headline.rotate-2 i {
  transform: rotateX(0deg);
  opacity: 0;
}
.no-csstransitions .cd-headline.rotate-2 i em {
  transform: scale(1);
}

.no-csstransitions .cd-headline.rotate-2 .is-visible i {
  opacity: 1;
}

@keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    transform: translateZ(-20px) rotateX(0deg);
  }
}

@keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    transform: translateZ(-20px) rotateX(-90deg);
  }
}

/* -------------------------------- 

xloading-bar 

--------------------------------  
.cd-headline.loading-bar span {
  display: inline-block;
  padding: .2em 0;
}
.cd-headline.loading-bar .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.loading-bar .cd-words-wrapper::after {
  /* loading bar 
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #E6D925;
  z-index: 2;
  transition: width 0.3s -0.1s;
}
.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
  width: 100%;
  transition: width 3s;
}
.cd-headline.loading-bar b {
  top: .2em;
  opacity: 0;
  transition: opacity 0.3s;
}
.cd-headline.loading-bar b.is-visible {
  opacity: 1;
  top: 0;
}

/* -------------------------------- 

xslide 

--------------------------------  
.cd-headline.slide span {
  display: inline-block;
  padding: .2em 0 .3em;
}
.cd-headline.slide .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.slide b {
  opacity: 0;
  top: .2em;
}
.cd-headline.slide b.is-visible {
  top: 0;
  opacity: 1;
  animation: slide-in 0.6s;
}
.cd-headline.slide b.is-hidden {
  animation: slide-out 0.6s;
}

@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  60% {
    opacity: 0;
    transform: translateY(120%);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}

/* -------------------------------- 

xscale 

--------------------------------  
.cd-headline.scale i {
  display: inline-block;
  opacity: 0;
  transform: scale(0);
}
.is-visible .cd-headline.scale i {
  opacity: 1;
}
.cd-headline.scale i.in {
  animation: scale-up 0.6s forwards;
}
.cd-headline.scale i.out {
  animation: scale-down 0.6s forwards;
}

.no-csstransitions .cd-headline.scale i {
  transform: scale(1);
  opacity: 0;
}

.no-csstransitions .cd-headline.scale .is-visible i {
  opacity: 1;
}

@keyframes scale-up {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  60% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-down {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  60% {
    transform: scale(0);
    opacity: 0;
  }
}


/* Animate Headline end */


/* testimonials start */
.articleTemplate_ImageBlock_White:hover {
     box-shadow: 0 4px 12px rgba(0,0,0,.25);
    transition: box-shadow .2s ease-in;}


@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
figure.snip1157 {
  position: relative;
  float: left;
  overflow: hidden;
   
  width: 100%;
   text-align: left;
  box-shadow: none !important;
  
}
figure.snip1157 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
figure.snip1157 img {
      max-width: 100%;
    vertical-align: middle;
    margin: 30px 70px;
     


}
figure.snip1157 blockquote {
       display: block;
    position: relative;
        padding: 0px;
    margin: 0;
    color: #1c2734;
    text-align: left;
   }

figure.snip1157 blockquote:before,
figure.snip1157 blockquote:after {
  font-family: 'FontAwesome';
    content: "\f10e";
    position: absolute;
    font-size: 107px;
    color: rgba(63, 181, 232, 0.12156862745098039);
    font-style: normal;
}
figure.snip1157 blockquote:before {
    top: -35px;
    left: 20px;
}
figure.snip1157 blockquote:after {
  content: "\f10e";
  right: 20px;
  bottom: 0;
  display: none;
}
figure.snip1157 .arrow {
  top: 100%;
  width: 0;
  height: 0;
  margin: 0;
  position: absolute;
}
figure.snip1157 .author {
  position: relative;
  padding: 0px 70px 0px 70px;
  margin: 0;
  text-transform: uppercase;
  color: #999;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  text-align: left;
}
figure.snip1157 .author h5 {
  font-weight: 600;
  font-size: 85%;
    text-transform: none;
     color: #253044;
}
figure.snip1157 .author h5 span {
  font-weight: 400;
  text-transform: none;
 
}

 


/* BILDER LOGO */

.snip1380 {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px;
  width: 100%;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
  text-transform: uppercase;
  box-shadow: none !important;
 }

.snip1380 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1380:first-of-type {
  margin-left: 10px;
}
.snip1380 .image {
  padding: 0px 0;
  height:100px;
}

.snip1380 img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
  position: relative;
  opacity: 0.7;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.snip1380 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.snip1380 i {
  position: absolute;
  margin: 0;
  font-size: 90px;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.snip1380 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.snip1380:hover img,
.snip1380.hover img {
 /* -webkit-transform: scale(1.2);
  transform: scale(1.2);*/
  opacity: 1;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.snip1380:hover i,
.snip1380.hover i {
  opacity: 1;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

/* BILDER LOGO END*/

a:link,
a:visited {
    color: #6197c1;
    text-decoration: none;
 }

a:hover,
a:active {
    text-decoration: none;

}

/* Clearfix */

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/* General elements */

.btn,
.articleTemplate_ProductLink > a,
.review_link a,
.tag-tray-page-more-link {
    /*  background: -webkit-linear-gradient(left, #31415d, #455c9a);   For Safari 5.1 to 6.0 */
   /* background: -o-linear-gradient(right, #31415d, #455c9a); /* For Opera 11.1 to 12.0 */
 /*   background: -moz-linear-gradient(right, #31415d, #455c9a); /* For Firefox 3.6 to 15 */
   /* background: linear-gradient(to right, #31415d, #455c9a); /* Standard syntax (must be last) */
    color: #fff;
    font-size: 100%;
    padding: 15px 30px;
    display: inline-block;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
 }

.btn a,
.btn a:link,
.btn a:visited,
.btn a:hover,
.btn a:active,
a.btn:link,
a.btn:visited,
a.btn:hover,
a.btn:active,
.review_link a:hover,
.review_link a:active,
.tag-tray-page-more-link:link,
.tag-tray-page-more-link:visited {
     
    text-decoration: none;
    font-weight: 400;
    

 }
/*
 .btn a:hover {

      background: #59a1ea;
    color: #dcdcdc;}*/

.btn:hover,
.btn:active,
.articleTemplate_ProductLink > a:hover {
    text-decoration: none;
    background: rgb(25, 32, 38) !important;
    color: #fff !important;
       
}

.blackBtn,
.review_link a,
.tag-tray-page-more-link {
    border-bottom: 2px solid #59a1ea;
    transition: background 0.3s;
}

.blackBtn:hover,
.blackBtn:active,
.review_link a:hover,
.review_link a:active,
.tag-tray-page-more-link:hover,
.tag-tray-page-more-link:active {
       background: #dfeaf5;
    color: #fff;
}

/* Temporary fix to colorize Edit mode links in admin. Otherwise it inherit the white color of the .btn class*/
.btn a.reMode_design:link,
.btn a.reMode_html:link {
    color: #000;
}

input, select, textarea, button {
    font-weight: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
}

/* Text */

.articleTemplate_Headline h2 {
    color: #1c2734;
        margin-left: auto;
        font-size: 91%;
      font-weight: 600;
}

h1, h2, h3, h4, h5, h6 {
     
    font-weight: 300;
  
}

h1 {
       font-size: 190%;
    text-align: left;
    font-weight: 900;

}

h2 { 
         font-weight: 600;
    }

h3 {
    display: inline-block;
    font-weight: 300;
    font-family: 'Noto Sans HK', sans-serif;
  }

h4 {
    padding-top: 10px;
    line-height: inherit;
    margin-left: auto;
    margin-right: auto;
    font-size: 91%;
     font-weight: 600;
  }

h5 { 
         font-weight: 600;
       font-size: 12px;
    color: #36414c;
    }
b, strong { 
    font-weight: 400; 
}

/* Body */

.logo{ 
    text-align: left;
}




.container { 
     margin: 0 auto;
    position: relative;
}

.centerContainer.col-8:only-child {
    max-width: 780px;
    margin: 0 auto;

}

.contentSection {
 /*    margin-top: 120px;
    margin-top: 74px;*/
    margin-top: 0px;

}

.contentSection.contentSectionTopMargin {
    margin-top: 133px;
}

.mb_wysiwygView .contentSection {
    margin: 0;
}

body:not(.mb_wysiwygView) .minifiedHeader + .contentSection {
    margin-top: 0px;
}

#fullStretchBg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

#fullStretchBg body {
    background: none;
    margin-bottom: 90px;
}

/* Header */

.topHeader {
    position: fixed;
    background: none;
    top: 0px;
    height: 85px;
    left: 0;
    z-index: 99999;
    width: 100%;
  /*  border-bottom: 1px solid #efefef;
    background: linear-gradient(#ffffff,#eff2f5);*/
 transition-duration: .4s;
     padding-top: 35px
      
}
 

.mb_wysiwygView .topHeader {
    position: static;
}

.topHeader > .container {
  
    width: 85%;
 }

 .minifiedHeader  {

    background:#f9f8f9;
    padding-top: 12px;
    height: 60px;
        transition-duration: .4s;
}

 .minifiedHeader img {

    width: 100px; 
}

 .minifiedHeader .mainmenu-dropdown a   {

     
}

 .minifiedHeader .mainmenu-dropdown .more  {

    
    border: none;
}

 .minifiedHeader  .mainmenu-dropdown > li a  {

  border: none; }

 .minifiedHeader .siteLogo{

     top: 0px;
   background-image: url(/files/images/png/hynnelogo-white1.png) !important; 
       background-repeat: no-repeat;

}

 .minifiedHeader .toggleMenu span  {

    background: #191f26;

}

.topHeader .siteLogo {
    display: inline-block;
    vertical-align: middle;
    margin: 8px 0px;
    line-height: 0;
    background-image: url(/files/images/png/hynnelogo-black1.png);
    background-repeat: no-repeat;
    width: 201px;
    height: 30px;

}

.topHeader .siteLogo img {
    width: 160px;
}

.topHeader .siteLogo:hover {
    text-decoration: none;
}

/* Minified header */

.minifiedHeader .topHeader .siteLogo {
    padding: 20px 10px;
         width: 201px;
    height: 30px;
}


.minifiedHeader .siteLogo img {
     width: 201px;
    height: 30px;
    background-image: url(/files/images/png/hynnelogo-white1.png);
 }

.contentSection,
.topHeader .siteLogo,
.topHeader .siteLogo img,
.topHeader .siteLogo .logo {
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    
}

/* Navigation */

.mainMenu {
    display: inline-block;
    text-align: left;
float: right;
    font-size: 85%;
  }

.mainSubMenu {
    margin-top: 93px;
}

.toggleMenu {
    display: none;
}

.toggleMenu {
    width: 30px;
    height: 22px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    float: right;
    top: 14px;
    z-index: 100;
}

.toggleMenu span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #191f26;
    border-radius: 5px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.toggleMenu span:nth-child(1) {
    top: 0px;
}

.toggleMenu span:nth-child(2),.toggleMenu span:nth-child(3) {
    top: 9px;
}

.toggleMenu span:nth-child(4) {
    top: 18px;
}

.toggleMenu.toggleMenuActive span:nth-child(1),
.toggleMenu.toggleMenuActive span:nth-child(4) {
    top: 9px;
    width: 0%;
    left: 50%;
}

.toggleMenu.toggleMenuActive span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.toggleMenu.toggleMenuActive span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.topHeader .senses_memberButton {
padding: 12px 20px;
    color: #ffffff;
    border-radius: 4px;
    background: #1a1f25;
    text-transform: uppercase;
    border: 0px solid;
}

.senses_memberButton { 
     color: #fff;
    border-radius: 4px;
    background: rgb(0, 191, 178); 
    font-size: 80%; 
}

.mainmenu-dropdown {
    display: inline-block;
    list-style: none;
    *zoom: 1;
}

.mainmenu-dropdown:before,
.mainmenu-dropdown:after {
    content: " "; 
    display: table; 
}

.mainmenu-dropdown:after {
    clear: both;
}

.mainmenu-dropdown ul,
.page-menu {
    list-style: none;
}

.mainmenu-dropdown li {
    position: relative;
}

.mainmenu-dropdown > li,
.page-menu > li {
    display: inline-block;
}

.mainmenu-dropdown li ul {
       position: absolute;
    left: -9999px;
    z-index: 9999;
    border-radius: 0px;
    text-align: left;
    max-width: 100%;
    min-width: 204px;
    background: #fff;
}

.mainmenu-dropdown > li.hover > ul {
    left: 0;
}

.mainmenu-dropdown li li.hover ul {
    left: 100%;
    top: 0;
}

.mainmenu-dropdown a {
  border-radius: 30px;
    padding: 5px 15px;
    text-decoration: none;
    display: inline-block;
    color: #1c2734;
    font-weight: 400;
    outline: none;
  }

.mainmenu-dropdown a:hover,
.mainmenu-dropdown .hover > a,
.mainmenu-dropdown .menu_ActiveLink,
.mainmenu-dropdown .menu_ActiveParent > a {
    text-decoration: none;
     border-radius: 4px;
 }

 .mainmenu-dropdown .menu_ActiveLink  {
    font-weight: bold;
 }

.mainmenu-dropdown > li > .parent:after {
    font-family: 'Simple-Line-Icons';
    content: "\e604";
    font-size: 80%;
    display: inline-block;
    margin-left: 7px;
    position: relative;
    top: -1px;
}

/* Second level links */

.mainmenu-submenu {
    text-decoration: none;
    color: #2ea7cb;
}

.mainmenu-submenu > li > .parent:after {
    font-family: 'Simple-Line-Icons';
    content: "\e604";
    font-size: 80%;
    margin-left: 7px;
    position: absolute;
    right: 10px;
    top: 12px;
}

.mainmenu-dropdown li li a {
    position: relative;
    z-index: 100;
    padding: 10px 10px 10px 10px;
    border-bottom:0px solid #efefef;
    margin: 0 10px;
    color: #0e1a27 !important;
}

.mainmenu-dropdown li li:last-child > a {
    border-bottom: none;
}

/* Third level links */

.mainmenu-dropdown li li li a {
    z-index: 200;
}

.page-menu > li {
    padding: 0 15px;
}

/* Search */

.searchBoxIcon {
    font-size: 120%;
    position: absolute;
    top: 20px;
    /*top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);*/
        right: -40px;
    cursor: pointer;
    line-height: 0;
        font-style: normal;
        font-weight: bold;
            color: #000;
}

#MBSearchResults .searchBoxIcon {
    position: static;
    font-size: inherit;
    font-weight: 400;
}

.searchTextbox_Container {
   position: absolute;
    right: 40%;
    height: 50px;
    text-align: center;
    font-size: 120%;
}

.minifiedHeader .searchTextbox_Container {
    left: 230px;
    width: calc(100% - 230px);
    font-size: 100%;
    height: 65px;
}

.searchbox > .searchTextbox_Container {
    top: -240%;
}

.mainMenu,
.searchbox > .searchTextbox_Container {
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.searchTextbox_Container.open {
    top: 120%;
     background: rgba(0, 0, 0, 0.43137254901960786);
         border-radius: 3px;
}

.searchTextbox_Container:after {
    font-family: 'Simple-Line-Icons';
    content: "\e090";
    color: #ccc;
    display: inline-block;
    position: absolute;
    left: 87%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.icon-search:before  {
    font-family: 'Simple-Line-Icons';
    content: "\e090";
    font-size: 80%;
    display: inline-block;
}
 
.icon-cancel:before   {
    font-family: 'Simple-Line-Icons';
    content: "\e082";
    font-size: 80%;
    display: inline-block;
}

.searchTextbox_Container:hover:after {
    color: #000;
}

.searchTextbox {
    font-family: 'Noto Sans HK', sans-serif;
    font-weight: 400;
    padding: 15px 20px;
    border-bottom: 0px solid #efefef;
    background: rgb(255, 255, 255);
    border-radius: 3px;
}

.searchButton {
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

/* Hide nav when searchbox is visible */
.searchbox ~ .mainMenu {
    position: relative;
    top: 0;
}

.searchbox-open ~ .mainMenu {
    top: -100px;
}

/* Footer */

.footer_memberButton {
     
    text-align: left;
    font-style: normal;
    margin-top: 40px;
    margin-right: auto;
    display: inline-block;
}

.footer_memberButton .senses_memberButton { 
    position: relative;
    font-size: 100%;
    color: #af5050;
    border-bottom: 2px solid;
}

.footer_memberButton .senses_memberButton:after {
    font-family: 'Simple-Line-Icons';
    content: "\e606";
    font-size: 80%;
    display: inline-block;
    margin-left: -7px;
    opacity: 0;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    top: -1px;
}

.footer_memberButton .senses_memberButton:hover:after {
    opacity: .7;
    margin-left: 15px;
}

.mainFooter {
  background: #0e1a25;
   padding-top: 2px;
    text-align: left;
     color: #fff;
 }

 .mainFooter a  {
    color: #aab1b7;
    font-size: 15px;
 
}

.socialContainer + .mainFooter {
    margin-top: 0;
}

.mainFooter .footerInfo {
    display: block;
    width: 70%;
    margin: 35px auto 0;
    text-align: center;
    font-weight: 100;
    font-size: 15px;
    color: #6e8094;
        border-top: 1px solid #bbbbbb;
    padding: 40px;
}

.mainFooter ul {
    display: inline-block;
    list-style: none;
    margin-left: 55px;
    vertical-align: top;
    text-align: left;
}

.mainFooter .contactAddress li:first-child {
    text-transform: uppercase;
}

.footerCompanyLogos {
    background: #0e1a25;
    text-align: center;
    padding: 50px 0;
    margin-top: 5px;
}

.footerCompanyLogos img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
 }

.mainFooter .socialIcons {
    margin-bottom: 35px;
}

.mainFooter .socialIcons a {
    display: inline-block;
    font-size: 200%;
    margin: 0 5px;
    color: #505050;
    transition: color .3s ease-in-out;
}

.mainFooter .socialIcons a:hover {
    color: #000;
}

/* Article templates */


.mb_contentitem_container {
    width: 100%; 
    position: relative;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.articleTemplate_Container {
    max-width: 85%; 
     margin: 65px auto 0;
    position: relative;
    
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.mb_modules_accordion_simpleaccordion {
  
    padding: 20px;
}

/*
.mb_contentitem_container.htmlarticle_headline + .htmlarticle_text {
    margin-top: 60px; 
     padding-top: 5px;
    padding-bottom: 40px;
 
}
*/
.mb_contentitem_container.fullWidth {
    width: 100%;
}

.contentSection > .mb_contentitem_container:not(.fullWidth):not(.mb_contentitem_container_imagesliderpro):first-child {
        margin-top: 0px;
} 

.contentSection > .mb_contentitem_container.fullWidth:first-child,
.contentSection > .mb_contentitem_container_imagesliderpro:first-child {
    margin-top: 0;
}

.articleTemplate_Block,
.articleTemplate_Column,
.articleTemplate_Image {
    display: inline-block;
    vertical-align: top;  
}

.articleTemplate_Container > .col-8:only-child {
    margin-left: 17.1779141%;
}

.articleTemplate_Container ul,
.articleTemplate_Container ol {
    padding: 0 0 0 0px;
    margin: 15px 0;
}

.articleTemplate_Container ul {
    list-style-type: none;
}

.articleTemplate_Container img {
    max-width: 100%;
    height: auto;

}

.articleTemplate_Image {
    width: 100%;
}

.articleTemplate_Image img {
    vertical-align: top;
    width: 100%;
    box-shadow: 0 20px 30px 0 rgba(36,50,66,.14);
    border-radius: 3px;

}

.articleTemplate_Image + .articleTemplate_BlockContent {
    padding-top: 30px;
}

.articleTemplate_BlockContent {
    text-align: left;
}

.articleTemplate_BlockContent.cf {
    position: relative;
    padding: 20px;
}

.articleTemplate_Header + .articleTemplate_BodyText {
    margin-top: 18px; 
     color: #36414c;
         font-size: 92%;
 }

.articleTemplate_Header + .articleTemplate_BodyText:empty {
    display: none;
}

.articleTemplate_BlockContent .readMoreBtn,
.articleTemplate_BodyText + .readMoreBtn {
    margin-top: 30px;
}

.articleTemplate_BlockContent.cf .readMoreBtn {
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
}

.articleTemplate_ImageCaption {
    margin: 5px 0 0 0;
    font-size: 12px;
    color: #666;
}

.mb_contentitem_container_imagesliderpro {
    width: 100%;
}

/* Equal height blocks */

@media screen and (min-width: 641px) {
    .articleTemplate_Container.equalHeight {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }


    .articleTemplate_Container   {
        padding: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    }

    .articleTemplate_Container.equalHeight .articleTemplate_Block {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .articleTemplate_Container.equalHeight .articleTemplate_Image {
        min-height: 1px; /* Reqired due to IE11 bug. This container will otherwise calculate wrong height */
    }

    .articleTemplate_Container.equalHeight .articleTemplate_BlockContent {
        -webkit-flex: 1 auto;
        flex: 1 auto;
    }

    .articleTemplate_Container.equalHeaderHeight .articleTemplate_Header {
        height: 61px;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
    }
}

/* Image Slideshow - Temporary fix to hide navigation icons if slideshow only contains one image */
.hideNavigations .navigation {
    display: none;
}

/* Article template - Image block */

.articleTemplate_ImageBlock > div[class*="col-"] {
 }

.articleTemplate_ImageBlock > .col-3 {
    width: 25%;
}


.articleTemplate_ImageBlock .mb_modules_HtmlArticle_TextSpanContainer {
    display: inline;
    height: 100% !important;
}

.articleTemplate_ImageBlock .mb_modules_HtmlArticle_TextSpan {
        position: relative; 
     font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .05em;
    white-space: nowrap;
    transition: all .3s ease-in-out;
    text-align: center;
    top: 30%;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding-left: 50px;
}

.articleTemplate_ImageBlock .articleTemplate_Image:hover .mb_modules_HtmlArticle_TextSpan {
    padding-bottom: 35px;
}

.articleTemplate_ImageBlock .mb_modules_HtmlArticle_TextSpan:after {
    font-family: 'Simple-Line-Icons';
    content: "\e606";
    font-size: 80%;
    display: inline-block;
    margin-left: 0;
    opacity: 0;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    top: -1px;
 }

  .articleTemplate_ImageBlock_White {
 padding:0px !important;
background: #fff;
 }
/* Article template - Senses banner - Member button   
 

 .campaign_productInfoContainer    {
    float: right;
    padding: 5%;
    width: 100%;
    background: url(/files/images/png/bg-pattern.png), linear-gradient(to left, rgb(255, 255, 255), #ffffff);
    border-bottom: 1px solid #f5f5f5;

 }*/
.campaign_productInfoAwards  {
        background: none;
 }

.campaign_topContainer small  {
    overflow: hidden;
}

.campaign_top    {
       background: url(/images/layout/header-bg.jpg?=1) bottom fixed no-repeat ;
    padding: 12% 25% 12% 20%;
    background-size: 100%;
        background-size: cover;
        margin-bottom: -25px;
            margin-top: 0;
 }

.campaign_topImage {
   
 }

.campaign_orderInfo    {
       font-size: 17px;
    color: #d0d0d0;
     font-weight: 500;
    margin-top: 20px;
    text-align: left;
    
 }

 .campaign_orderLink  {
      line-height: 1.8em;
    text-align: left;
    color: #fff;
  
 }

.campaign_productName  {
         color: #fff;
     text-align: left; 
        line-height: 1.5;
  
 }  

.campaign_blockContainer {
        position: relative;
  
background: rgba(228, 227, 228, 0.23921568627450981); 
 
     }

.campaign_blockContainer_startsida {
    position: relative;

background:url(/images/layout/header-bg.jpg?=1) bottom fixed no-repeat; 
    
    background-position: center;
     margin-top: 107px;
    padding: 12%;    color: #fff;
  }     

.campaign_textBlock_headline2 {
    line-height: 1.2;
    margin-bottom: 25px;
    color: #fff;
    font-size: 290%;
    margin-top: 0em;
    text-align:center;
}

.campaign_textBlock_bodyText2
 { 
    text-align:center;
}

.articleTemplate_memberButtonContainer {
    position: relative;
    text-align: center;
    padding-bottom: 60px;
}

.articleTemplate_memberButtonContainer .senses_memberButton {
  font-family: 'Noto Sans HK', sans-serif;


    font-weight: 400;
 }

.articleTemplate_memberButtonContainer .senses_memberButton a {
    border: 1px solid #00bfb2;
    padding: 14px 20px;
    display: inline-block;
     border-radius: 4px;
     background: rgb(0, 191, 178);
    color: #fff;
}

.articleTemplate_memberButtonContainer .senses_memberButton a:hover {
    text-decoration: none;
         background: #00bfb2;
    color: #fff;
}

.articleTemplate_memberButtonContainer .senses_memberButton a:after {
    font-family: 'Simple-Line-Icons';
    content: "\e606";
    font-size: 80%;
    display: inline-block;
    margin-left: -7px;
    opacity: 0;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    top: -1px;
}

.articleTemplate_memberButtonContainer .senses_memberButton a:hover:after {
    opacity: .7;
    margin-left: 15px;
}

body:not(.mb_wysiwygView) .articleTemplate_memberButtonContainer .senses_memberButton {
    position: absolute;
    left: 50%;
    top: -35px;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

body:not(.mb_wysiwygView) .mb_contentitem_container_htmlarticle:not(.fullWidth) + .mb_contentitem_container_htmlarticle .senses_memberButton {
    position: static;
}

.mb_contentitem_container.memberButtonMargin {
    margin-top: 0;
}

/* Article template - Product view */

.articleTemplate_ProductContainer h2 {
     font-family: 'Noto Sans HK', sans-serif;


    text-transform: uppercase;
     font-weight: 300;
    margin-top: 10px;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
}

.articleTemplate_ProductContainer .articleTemplate_Image {
    text-align: center;
}

.articleTemplate_ProductLink {
    text-align: center;
    margin-top: 30px;
}

.articleTemplate_ProductText,
.articleTemplate_ProductIcons,
.articleTemplate_ProductInfo {
    margin-top: 30px;
}

.articleTemplate_ProductText {
    font-size: 130%;
}

.articleTemplate_ProductIcons img {
    display: inline-block;
    margin-right: 20px;
    width: 45px;
}

/* Article template - Reviews */

.articleTemplate_productReview .articleTemplate_Column {
    position: relative;
}

.articleTemplate_productReview .articleTemplate_Column:nth-child(2):before,
.articleTemplate_productReview .articleTemplate_Column:nth-child(2):after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    border-right: 1px solid #e1e1e1;
}

.articleTemplate_productReview .articleTemplate_Column:nth-child(2):after {
    right: 0;
}

.articleTemplate_productReview .articleTemplate_Column:nth-child(2):before {
    left: -31px;
}

.review_productName {
    margin: 20px 0 0 0;
    width: 80%;
}

.articleTemplate_Content .review_productName:first-child {
    margin: 0;
}

.review_text {
    font-family: 'Noto Sans HK', sans-serif;


    font-weight: 400;
    color: #ba2451;
    margin: 2px 0;
}

.review_source {
    font-size: 90%;
    color: #777;
}

.review_link {
    font-size: 90%;
    margin-top: 10px;
}

.review_link a {
    font-size: 80%;
    padding: 12px 20px;
}

/* Article template: Kampanj - Textblock + bild */
.campaign_textBlock,
.campaign_skewImageContainer {
    display: inline-block;
    vertical-align: middle;
}

.campaign_textBlock {
        padding: 2% 4% 0% 12%;

}

.campaign_textBlock_headline {
line-height: 1.2;
    margin-bottom: 25px;
    color: #1c2734;
    font-size: 290%;
    margin-top: 0em;

 
 
}

.campaign_textBlock_bodyText {
    color: #1c2734;
    font-weight: 300;
    font-family: 'Noto Sans HK', sans-serif;
    text-align: left;
             font-size:125%;
 }

.campaign_skewImageContainer {
        height: auto;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 700px) {
    .campaign_blockContainer {
        position: relative;
     }

    .campaign_textBlock.w50,
    .campaign_skewImageContainer.w50 {
        width: 100%;
    }

    .campaign_skewImageContainer {
        height: auto;
    }

    .campaign_textBlock {
        padding: 10%;
        z-index: 3;
    }

    .campaign_skewImageContainer .mb_modules_HtmlArticle_UploadImage {
        max-width: 100%;
    }
}

@media screen and (min-width: 701px) {
   /* .campaign_skewImageContainer:before {
        background: #0e1a27;
        content: "";
        position: absolute;
        top: 0;
        left: -75px;
        width: 150px;
        height: 100%;
        z-index: 2;
        -ms-transform: skew(-16deg);
        -webkit-transform: skew(-16deg);
        transform: skew(-16deg);
    }
*/
    .campaign_skewImageContainer .mb_Modules_HtmlArticle_ArticleImageContainer {
        position: absolute;
        top: 78%;
        left: 5%;  
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
         min-height: 100%;
    }

    .campaign_skewImageContainer .mb_modules_HtmlArticle_UploadImage {
        min-width: 100%;
       position: absolute;
    }
}

.w50 {
    width: 50%;
    padding: 8% 1% 5% 12%;
}

.w51 {
    width: 50%;
    padding: 6% 0% 0% 2%;
}
/* Article template: Kampanj - Textblock + bild - END */

/* Hero Video */

.videoFullwidthContainer,
.videoFullwidthContainer video {
    width: 100%;
}

.videoFullwidthContainer {
    max-height: 90vh;
    overflow: hidden;
    line-height: 0;
    position: relative;
}

video::-webkit-media-controls {
    display:none !important;
}
 

/* Hero Image */

.imageFullwidthContainer,
.imageFullwidthContainer img {
    width: 100%;
}

.imageFullwidthContainer {
    max-height: 90vh;
    overflow: hidden;
    line-height: 0;
    position: relative;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.videoOverlayText,
.imageOverlayText {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: 'Noto Sans HK', sans-serif;

    font-weight: 400;
    font-size: 260%;
    line-height: 1.4;
    width: 70%;
    opacity:0;
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.imageOverlayText {
    z-index: 2;
}

.imageOverlay:after {
    content: "";
    background: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,.5));
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.overlayBoxed .imageOverlayText {
    background: rgba(0,0,0,.1);
    left: 5%;
    padding: 60px 45px;
    text-align: left;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: auto;
}

.overlayBoxed .imageOverlayText span {
    display: block;
}

.overlayBoxed .imageOverlayLink {
    border: 1px solid #fff;
    border-radius: 1px;
    display: inline-block;
    font-size: 40%;
    margin-top: 30px;
    padding: 13px 18px;
}

.overlayBoxed .imageOverlayLink:link,
.overlayBoxed .imageOverlayLink:visited {
    color: #fff;
}

.overlayBoxed .imageOverlayLink:hover,
.overlayBoxed .imageOverlayLink:active {
    text-decoration: none;
}

video::-webkit-media-controls {
    z-index: 9999;
}

.leftColorBox,
.rightColorBox {
    color: #fff;
    font-size: 130%;
    font-weight: 400;
    padding: 40px;
    position: relative;
}

.leftColorBox {
    background: #00bfb2;
    float: left;
    margin: 50px 50px 50px 0 !important;
}

.rightColorBox {
    background: #ba2451;
    float: right;
    margin: 50px 0px 50px 50px !important;
}

.leftColorBox:before,
.rightColorBox:before {
    content: "";
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border: 1px solid #fff;
    top: 10px;
    left: 10px;
}

.articleTemplate_BodyBlockImage {
    position: relative;
}

span + .articleTemplate_BodyBlockImage,
.articleTemplate_BodyBlockImage + span {
    margin-top: 40px;
}

.articleTemplate_BodyBlockImage + span {
    display: block;
}

.articleTemplate_BodyBlockImage + span:empty {
    display: none !important;
}

.articleTemplate_BodyBlockImage > .articleTemplate_BodyBlock,
.articleTemplate_BodyBlockImage > .articleTemplate_Image {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    width: 50%;
}

.articleTemplate_BodyBlockImage.colorBox-1 > .articleTemplate_BodyBlock,
.articleTemplate_BodyBlockImage.colorBox-2 > .articleTemplate_BodyBlock {
    color: #fff;
    font-size: 130%;
    font-weight: 400;
    padding: 20px 20px 20px 40px;
    position: relative;
}

.articleTemplate_BodyBlockImage:before {
    content: "";
    position: absolute;
    width: calc(50% - 20px);
    height: calc(100% - 20px);
    border: 1px solid #fff;
    top: 10px;
    left: 10px;
}

.articleTemplate_BodyBlockImage.colorBox-1:before {
    left: auto;
    right: 10px;
}

.articleTemplate_BodyBlockImage.colorBox-1 {
    background: #ba2451;
}

.articleTemplate_BodyBlockImage.colorBox-2 {
    background: #00bfb2;
}

/* Instagram feed */

.socialContainer {
    position: relative;
    width: 100%;
    text-align: left;
    margin: 0 auto;
}

#instaContainer {
    display: inline-block;
    vertical-align: top;
    line-height: 0;
    position: relative;
    z-index: 4;
}

.instaCol {
    float: left;
    overflow: hidden;
}

.instaCol img {
    transform: scale(1.01);
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    max-width: 100%;
}

.instaCol:hover img {
    transform: scale(1.1);
}

.openMore {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: #45985d;
    background: #4ea768;
    background: #000;
}

.openMore:after {
    content: "";
    background: url(/images/layout/open-more-bg.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    opacity: .5;
}

.openMore:before {
    content: "";
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    opacity: .1;
}

.openMore .openMoreText,
.openMore .closeMoreText {
    font-size: 140%;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .05em;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    opacity: .8;
}

.openMore:hover .openMoreText,
.openMore .closeMoreText {
    opacity: 1;
}

.openMore .closeMoreText,
.socialContainer.open .openMore .openMoreText {
    display: none;
}

.socialContainer.open .openMore .closeMoreText {
    display: block;
}

/* Search results and Sitemap */

#MBSearchResults > span:first-child,
.sitemapIntro {
    display: block;
    margin: 20px 0;
}

#MBSearchResults > a:before {
    font-family: 'Simple-Line-Icons';
    content: "\e090";
    color: #000;
    display: inline-block;
    margin-right: 10px;
    font-size: 60%;
    position: relative;
    top: -2px;
}

/* Sitemap */

.sitemapHeader {
    margin: 30px 0 10px 0;
}

#sidetree {
    line-height: 1;
}

 

/* Module - Image slideshow */

#container2,
#img_1,
#slide_1,
.holder,
.pauses1 {
    width: 100% !important;
    -moz-transition: height .3s ease-in-out;
    -o-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out;
}

.holder {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-behavior: url(/css/htc/backgroundsize/backgroundsize.min.htc); /* Fix to make background-size:cover; work in IE<9*/
}

.nexts1 {
    position: absolute !important;
}

#nexts_sub,
#backs_sub {
    z-index: 850;
}
 

/* Page template - Food and Wine */

.articleTemplate_campaignLayout h1 {
    font-size: 300%;
}

.articleTemplate_campaignLayout .articleTemplate_Column {
    background: #fff;
    background: rgba(255,255,255,.85);
    padding: 15px;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeHeader {
    background: #CF2659;
    background: rgba(208,38,89,.90);
    color: #fff;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineHeader {
    background: #00bfb2;
    background: rgba(0,191,178,.90);
    color: #fff;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeContent,
.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeHeader,
.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineHeader,
.templateWine .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips {
    vertical-align: middle;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeContent {
    background: url(/images/layout/bg-blackboard-wide.jpg?v=2) repeat;
    color: #fff;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeContent .articleTemplate_BodyText {
    max-height: 250px;
    overflow-y: scroll;
}

@media (min-width: 800px) {
    .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeContent:first-child .articleTemplate_BodyText {
        max-height: 350px;
    }

    .articleTemplate_campaignLayout .articleTemplate_recipeContent + .articleTemplate_instructionsContent .articleTemplate_Content .articleTemplate_BodyText {
        min-height: 370px;
        max-height: 370px;
        overflow-y: scroll;
    }
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeContent .articleTemplate_Content {
    position: relative;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeContent .articleTemplate_Content:after {
    content: "";
    position: absolute; 
    bottom: 0;
    left: 0;
    height: 30px;
    width: 100%;
    background: -webkit-linear-gradient(
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, .5) 100%
    ); 
    background-image: -moz-linear-gradient(
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, .5) 100%
    );
    background-image: -o-linear-gradient(
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, .5) 100%
    );
    background-image: linear-gradient(
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, .5) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, .5) 100%
    );
}

.articleTemplate_campaignLayout .articleTemplate_Column .articleTemplate_Content {
    border: 1px solid #000;
}

.articleTemplate_campaignLayout .articleTemplate_Column .articleTemplate_Content .articleTemplate_Header {
    border-bottom: 1px solid #000;
    padding: 25px 20px;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeHeader .articleTemplate_Content .articleTemplate_Header,
.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineHeader .articleTemplate_Content .articleTemplate_Header {
    padding: 35px 20px;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeHeader .articleTemplate_Content,
.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeHeader .articleTemplate_Header,
.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineHeader .articleTemplate_Content,
.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeContent .articleTemplate_Content,
.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeContent .articleTemplate_Content .articleTemplate_Header {
    border-color: #fff;
}

.articleTemplate_campaignLayout .articleTemplate_Column .articleTemplate_Content .articleTemplate_BodyText {
    padding: 5px 20px 25px;
}

.articleTemplate_campaignLayout .articleTemplate_wineHeader .articleTemplate_ContentFooter {
    border-top: 1px solid #fff;
}

.articleTemplate_campaignLayout .articleTemplate_recipeHeader .articleTemplate_ContentFooter > div,
.articleTemplate_campaignLayout .articleTemplate_wineHeader .articleTemplate_ContentFooter > div {
    display: inline-block;
    font-weight: 600;
    width: 50%;
    vertical-align: top;
    padding: 15px 20px;
}

.articleTemplate_campaignLayout .articleTemplate_recipeHeader .articleTemplate_ContentFooter .articleTemplate_recipeTime {
    position: relative;
    padding-left: 45px;
}

.articleTemplate_campaignLayout .articleTemplate_recipeHeader .articleTemplate_ContentFooter .articleTemplate_recipeTime:before {
    content: '\e872';
    font-family: 'Simple-Line-Icons';
    position: absolute;
    left: 20px;
}

.articleTemplate_campaignLayout .articleTemplate_recipeHeader .articleTemplate_ContentFooter .articleTemplate_recipePrice,
.articleTemplate_campaignLayout .articleTemplate_wineHeader .articleTemplate_ContentFooter .articleTemplate_wineExtras:last-child {
    text-align: right;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips {
    background: #fff;
    text-align: center;
    float: right;
}

.templateFood .articleTemplate_campaignLayout .articleTemplate_recipeHeader + .articleTemplate_Column.articleTemplate_wineTips {
    float: none
}

.templateWine .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips {
    float: none;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips .articleTemplate_Content {
    padding: 25px 0;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips .articleTemplate_Content > .articleTemplate_Column {
    vertical-align: middle;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips .articleTemplate_Content > .articleTemplate_Column:last-child {
    text-align: left;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips .articleTemplate_Content .articleTemplate_Header,
.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineHeader .articleTemplate_Header {
    border: none;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips .articleTemplate_Content .articleTemplate_Header,
.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips .articleTemplate_Content > .articleTemplate_Column:last-child .articleTemplate_BodyText {
    padding: 0 20px 0 0;
}

.articleTemplate_campaignLayout .articleTemplate_recipeHeader + .articleTemplate_Column.articleTemplate_wineTips .articleTemplate_Content .articleTemplate_Header {
    padding: 20px 20px 0;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips .readMoreBtn {
    margin-top: 10px;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineHeader .articleTemplate_Header:first-child {
    padding-bottom: 10px;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineHeader .articleTemplate_Header + .articleTemplate_Header {
    padding-top: 0;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineHeader .articleTemplate_Header + .articleTemplate_Header h4 {
   font-family: 'Noto Sans HK', sans-serif;

    font-weight: 400;
    font-size: 140%;
    text-transform: uppercase;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineAroma {
    float: right;
}

.articleTemplate_campaignLayout .articleTemplate_instructionsContent .articleTemplate_Content .articleTemplate_BodyText {
    display: inline-block;
    vertical-align: top;
    padding-top: 25px;
}

.articleTemplate_campaignLayout .articleTemplate_instructionsContent .articleTemplate_BodyTextContainer {
    position: relative;
}

.articleTemplate_campaignLayout .articleTemplate_instructionsContent .articleTemplate_BodyTextContainer:after {
    content: "";
    background: #000;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
}

.articleTemplate_campaignLayout .articleTemplate_recipeContent + .articleTemplate_instructionsContent .articleTemplate_BodyTextContainer:after {
    display: none;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeTips {
    text-align: center;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeTips h3 {
    font-size: 120%;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeTips .articleTemplate_Content .articleTemplate_Header {
    border: none;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeTips .readMoreBtn {
    margin-bottom: 25px;
}

/* Tag tray - Instagram feed */

.tagtray-gallery {
    margin-top: 50px;
}

.TagTrayPaginationSection {
    text-align: center;
}

/* Flexible container */
.flexibleContainer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.flexibleContainer iframe,
.flexibleContainer object,
.flexibleContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Grid system */

.col-1 {
    width: 5.5214724%;
}
.col-2 {
    width: 14.1104294%;
}
.col-3 {
    width: 22.6993865%;
}

.col-4 {
    width: 31.2883436%;
}
.col-5 {
    width: 47.877301%; /*39.8773006*/
}
.col-6 {
    width: 48.4662577%;
}
.col-7 {
    width: 56.0552147%;
}
.col-8 {
    width: 65.6441718%;
}
.col-9 {
    width: 74.2331288%;
}
.col-10 {
    width: 82.8220859%;
}
.col-11 {
    width: 91.4110429%;
}
.col-12 {
    width: 100%;    
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 { 
    margin-left: 3.0674847%;
}

.col-1:first-child,
.col-2:first-child,
.col-3:first-child,
.col-4:first-child,
.col-5:first-child,
.col-6:first-child,
.col-7:first-child,
.col-8:first-child,
.col-9:first-child,
.col-10:first-child,
.col-11:first-child,
.col-12:first-child,
.noLeftMargin {
    margin-left: 0;
}

@media (max-width: 1550px) {
    .topHeader .siteLogo {
        padding: 15px 0;
    }
    

    .w50 {
    width: 50%;
    padding:19% 4% 20% 12%;
}


    .mainMenu,
    .topHeader .senses_memberButton {
        margin-left: 30px;
    }
    
    .mainmenu-dropdown {
     }
}

@media (max-width: 1250px) {
    .container,
    .mb_contentitem_container:not(.mb_contentitem_container_imagesliderpro):not(.fullWidth) {
        width: 100%;
    }

    .w50 {
    width: 50%;
    padding: 18% 4% 18% 8%;
}

.topHeader > .container {
    width: 96%;
  }

    .mb_contentitem_container  {
       padding: 0px;
    }

    .searchBoxIcon{
   
        right: 20px;}
}

@media (min-width: 1050px) {
    .minifiedHeader .mainmenu-dropdown a {
                 color: #191f26;
     }

     .topHeader > .container {
    top: 0;
    border-bottom: 0px solid;
    padding-bottom: 18px;
}

  
}

/*@media (max-width: 1050px) {*/
@media (max-width: 1165px) {

    /* Navigation */

    .w50 {
    width: 100%;
    padding:16% 4% 1% 8%;
}

.w51 {
    width: 100%;
    padding: 10% 4% 10% 8%;
}

    .topHeader .senses_memberButton {
        margin: 15px;
     }

    .searchbox > .searchTextbox_Container {
        top: 0;
        display: none;
    }

    .searchTextbox_Container.open{
        display: block;
    }

    .toggleMenu {
        display: inline-block;
    }

    .mainMenu {
        display: none;
        margin: 0 auto;
        text-align: left;
        width: 100%;
    }

    .toggleMenuActive + .mainMenu {
        display: grid;
        padding-bottom: 20px;
        background: #efefef;
            margin-top: 15px;
    } 

    .mainmenu-dropdown {
        display: block;
        float: none;
        margin: 0;
    }

    .mainmenu-dropdown li {
        text-align: left;
    }

    .mainmenu-dropdown > li {
        display: block;
        padding: 0;
    }

    .mainmenu-dropdown > li a {
             display: block;
    margin: 0px;
    border-top: none;
    padding: 20px 18px 0px;
    font-size: 120%;
 
    }

    .mainmenu-dropdown a.parent:after {
        display: none;
    }

    .mainmenu-dropdown .more {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        padding: 0 30px;
        font-size: 140%;
        border-left: 1px solid #efefef;
        z-index: 999;
     }

    .mainmenu-dropdown .more:after {
        font-family: 'Simple-Line-Icons';
        content: "\e095";
        position: absolute;
        top: 5px;
        left: 50%;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .mainmenu-dropdown .hover > .more:after {
        content: "\e615" !important;
        color: #999;
    }

    .mainmenu-dropdown li ul {
        display: none;
        position: static;
        padding: 0;
    }

    .mainmenu-dropdown li.hover > ul {
        display: block;
    }

    .mainmenu-dropdown li li a {
        padding: 8px 15px;
    }

    .mainmenu-dropdown li li li a {
        padding: 8px 30px;
    }

    .mainmenu-submenu {
        margin: 10px 0;
    }

    .mainmenu-submenu .mainmenu-submenu {
        padding: 0;
    }

    .searchBoxIcon {
        font-size: 160%;
        top: 26px;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        margin-right: 60px;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }

    .searchbox-open ~ .mainMenu {
        top: 0;
    }

    .minifiedHeader .searchBoxIcon {
        top: 16px;
    }

    .minifiedHeader .toggleMenu {
        top: 8px;
    }

    .minifiedHeader .logo
{
        top: 8px;
    }
    .ageControlContent {
        width: 80%;
    }

    .newsletterRegFormIframe {
        height: 700px;
    }

    .articleTemplate_fullwidthColorbox > *[class*="col-"].articleTemplate_Column {
        width: 100%;
        margin: 0;
    }

    .articleTemplate_fullwidthColorbox .articleTemplate_Header,
    .articleTemplate_fullwidthColorbox .articleTemplate_BodyText > span {
        width: 65.6441718%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .articleTemplate_BodyBlockImage.colorBox-1 > .articleTemplate_BodyBlock,
    .articleTemplate_BodyBlockImage.colorBox-2 > .articleTemplate_BodyBlock {
        padding-right: 40px;
    } 
}

@media (max-width: 1024px) {
    .videoFullwidthContainer {
        background:transparent url('/video/senses-poster.jpg') no-repeat 0 0; 
        -webkit-background-size:cover; 
        -moz-background-size:cover; 
        -o-background-size:cover; 
        background-size:cover;
        padding-top: 56.25%;
    }

    .campaign_blockContainer_startsida {
     background: url(/images/layout/header-bg.jpg?=1) bottom no-repeat;
  }

  .articleTemplate_Container {
    max-width: 92%;
 }

    .videoFullwidthContainer video {
        display: none;
    }

    /* Article templates */

    .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips:first-child .articleTemplate_Content {
        padding: 0;
    }

    .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips .articleTemplate_Content > .articleTemplate_Column {
        display: block;
        width: 100%;
        margin: 0;
    }

    .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips .articleTemplate_Header {
        text-align: center;
    }

    .articleTemplate_campaignLayout h1 {
        font-size: 260%;
    }

    .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips .articleTemplate_Content > .articleTemplate_Column .articleTemplate_Image {
        width: 70%;
    }
}

@media (max-width: 950px) {

 
.campaign_top {
     padding: 10% 5% 10% 5%;
 }

.col-7
{
        width: 100%;
        margin-left: 0%;
    }

.col-5
    {
        width: 100%;
        margin-left: 0%;
    }

    .col-4
    {
        width: 100%;
        margin-left: 0%;
    }

.col-6
    {
        width: 100%;
        margin-left: 0%;
    }

.articleTemplate_Container {
    max-width: 92%;
  }

    .contentSection {
        margin-top:0px;
    }

    .contentSection.contentSectionTopMargin {
        margin-top: 118px;
    }

    .topHeader .siteLogo img {
        width: 180px;
    }

    .searchBoxIcon {
        top: 22px;
        right: 13px;
            display: none;
    }

    .searchTextbox_Container {
        left: 230px;
        width: 100%;
        height: 65px;
    }

    .toggleMenu {
        top: 8px;
    }

    .videoOverlayText,
    .imageOverlayText {
        font-size: 230%;
    }

    .articleTemplate_ImageBlock > .col-3 {
        width: 50%;
        margin: 0;
    }

    .articleTemplate_campaignLayout h1 {
        font-size: 220%;
    }

    .articleTemplate_campaignLayout h2 {
        font-size: 140%;
    }

    .articleTemplate_campaignLayout .articleTemplate_Column .articleTemplate_Content .articleTemplate_Header {
        padding: 20px;
    }

    html:not(.templateWine) .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips:first-child,
    .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTaste,
    .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineAroma {
        width: 48.4662577%;
    }
}

@media (max-width: 950px) and (min-width: 640px) {
    .articleTemplate_fullwidthColorbox .articleTemplate_BodyBlockImage,
    .articleTemplate_fullwidthColorbox .articleTemplate_BodyBlockImage .articleTemplate_Image {
        height: 425px;
    }

    .articleTemplate_fullwidthColorbox .articleTemplate_BodyBlockImage .articleTemplate_Image {
        position: relative;
        overflow: hidden;
    }

    .articleTemplate_fullwidthColorbox .articleTemplate_BodyBlockImage .articleTemplate_Image > .mb_Modules_HtmlArticle_ArticleImageContainer {
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .articleTemplate_fullwidthColorbox .articleTemplate_BodyBlockImage .articleTemplate_Image .mb_modules_HtmlArticle_UploadImage {
        height: 100%;
        width: auto;
        max-width: none;
    }

    .articleTemplate_BodyBlockImage.colorBox-1 > .articleTemplate_BodyBlock,
    .articleTemplate_BodyBlockImage.colorBox-2 > .articleTemplate_BodyBlock {
        font-size: 120%;
    }

 
}

@media (max-width : 800px) {

    .campaign_blockContainer_startsida{
        padding: 10% 5%;
            font-size: 105%;
    }
    .searchTextbox_Container {
        left: 0;
        width: 100%;
    }

    .templateFood .mb_contentitem_container {
        margin-top: 20px;
    }

    .articleTemplate_campaignLayout *[class*="col-"].articleTemplate_Column.articleTemplate_recipeHeader,
    .articleTemplate_campaignLayout *[class*="col-"].articleTemplate_Column.articleTemplate_recipeContent {
        display: block;
        width: 100%;
    }

    .templateFood .articleTemplate_campaignLayout .articleTemplate_recipeHeader + .articleTemplate_Column.articleTemplate_wineTips {
        width: 50% !important;
        margin: 20px 0 0 0 !important;
        float: right;
    }

    .articleTemplate_campaignLayout .articleTemplate_recipeContent + .articleTemplate_Column.articleTemplate_instructionsContent {
        margin: 20px 0 0 0;
        width: 100%;
    }

    .articleTemplate_campaignLayout *[class*="col-"].articleTemplate_Column.articleTemplate_recipeContent {
        margin: 20px 0 0 0;
    }

         
}

@media (max-width : 768px) {


  .campaign_blockContainer_startsida{
        padding:  10% 5%;
     }
    .videoOverlayText,
    .imageOverlayText {
        font-size: 200%;
    }

    .overlayBoxed .imageOverlayLink {
        margin-top: 20px;
        padding: 10px 16px;
    }

    .articleTemplate_memberButtonContainer .senses_memberButton a {
        font-size: 90%;
        padding: 15px 25px;
    }

    /* Image slideshow */

    #container2,
    #img_1,
    #slide_1,
    .holder,
    .pauses1,
    #backs,
    #nexts {
        height: 274px !important;
    }

}

@media (max-width : 640px) {

    html {
        -webkit-text-size-adjust: none;
    }

    h1 {
        font-size: 200%;
    }

    h2 {
        font-size: 120%;
        font-weight: 600;
         
    }

    h3 {
        font-size: 120%;
        font-weight: 600;

    }

    .cd-single-point {
    
    display: none; 
}


    .articleTemplate_BodyText2

{
            padding: 2% 1% 2%;
                width: 100%;

    }

.articleTemplate_Container {
    max-width: 96%; 
     margin: 35px auto 0; 
}

    figure.snip1157  {
        padding: 8px;
        margin: 0px !important;
    }

    figure.snip1157 blockquote 

     {
        padding:28px 0 0;
            font-size: 1.2em;
    }

    figure.snip1157 blockquote:before  {
        left: 2px;
    }
 
 .minifiedHeader{
     
    padding-bottom: 10px;
}

.mainmenu-dropdown {
 
    font-size: 110%;
}

.topHeader .senses_memberButton {
     font-size: 110%;
     border: 2px solid; 
}
 
 .w51{
     
    width: 100%;
    padding: 5% 0% 0% 2%;
}
 
.w50{
     
     padding: 30% 8% 4% 5%;
}

    .logoslide  
    {
    
    filter: none !important;
    background: #ffffff !important;
    margin-right: auto;
    margin-left: auto;
    width: 100% !important;
 
    }

    .gallery .overlay-container  {
    background: none !important;
    box-shadow: none !important;
    padding: 2px !important;
    }

    .mainFooter   {
        padding: 0px;
        padding-top: 4px;
            font-size: 14px
    }

    


    .articleTemplate_BlockContent.cf
    {
        padding: 0px !important;
    }


    .gallery .item img  {
        width:  auto !important;
    }

    .cd-intro  {
        margin: 0em 0em 0em 0em;
        display: none;
    }
 

    /* Header */
 

    .topHeader {
           position: fixed;
    top: 0;
    height: 85px;
        padding-top: 25px;
 
    }

    .topHeader > .container {
      width: 96%;
    }

    .minifiedHeader + .sectionContainer {
        margin-top: 0;
    }

    .sectionContainer,
    .minifiedHeader + .sectionContainer,
    .topHeader .siteLogo,
    .topHeader .siteLogo img,
    .mainMenu,
    .minifiedHeader .siteLogo img,
    .minifiedHeader .siteLogo,
    .minifiedHeader .mainMenu {
        transition: none;
        -webkit-transition: none; /* Safari */
 
    }

    .topHeader .siteLogo {
        padding-left: 0;
     display: inline-block;
    vertical-align: middle;
    margin: 8px 0px;
    line-height: 0;
    background-image: url(/files/images/png/hynnelogo-black1.png);
    background-repeat: no-repeat;
    width: 201px;
    height: 30px;
    }

    /* Body */

    .mb_contentitem_container  {
       padding: 0px;
    }

    .sectionContainer {
        margin-top: 0;
    }

    .videoOverlayText,
    .imageOverlayText {
        font-size: 160%;
    }

    .overlayBoxed .imageOverlayText {
        padding: 40px 30px;
    }

    .overlayBoxed .imageOverlayLink {
        font-size: 50%;
        padding: 8px 12px;
    }

    .articleTemplate_memberButtonContainer .senses_memberButton a {
        font-size: 90%;
        padding: 15px 25px;
    }

    /* Article templates */

    .articleTemplate_BodyBlockImage > .articleTemplate_BodyBlock,
    .articleTemplate_BodyBlockImage > .articleTemplate_Image {
        display: block;
        width: 100%;
    }

    .articleTemplate_BodyBlockImage.colorBox-1 > .articleTemplate_BodyBlock,
    .articleTemplate_BodyBlockImage.colorBox-2 > .articleTemplate_BodyBlock {
        padding: 40px;
        margin-bottom: 0;
    }

    .articleTemplate_BodyBlockImage.colorBox-1 > .articleTemplate_Image {
        margin-bottom: 0;
    }

    .articleTemplate_BodyBlockImage:before {
        display: none;
    }

    .articleTemplate_BodyBlockImage > .articleTemplate_BodyBlock:before {
        content: "";
        position: absolute;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        border: 1px solid #fff;
        top: 10px;
        left: 10px;
    }

    .articleTemplate_fullwidthColorbox .articleTemplate_Header,
    .articleTemplate_fullwidthColorbox .articleTemplate_BodyText > span {
        width: 100%;
    }

    /* Footer */

    #instaContainer {
        width: 90%;
    }

    .openMore {
        width: 10%;
    }

    .instaCol {
        width: 20%;
    }

    .instaCol:not(:nth-child(-n+5)) { /* Hide all columns except the first five */
        display: none;
    }

    .socialContainer.open .instaCol:not(:nth-child(-n+5)) { /* Display all columns*/
        display: inline;
    }

    .instaCol:nth-child(5n+1) { /* Break every 6th column so it starts on a new row*/
        clear: left;
    }

    .mainFooter .footerInfo {
        width: 80%;
    }

    .mainFooter ul {
        display: block;
        margin: 50px 0 0 0;
        text-align: center;
    }

    .mainFooter .contactInfo {
        margin: 10px 0 0 0;
    }

    .footerCompanyLogos {
        padding: 30px 0;
    }
    
    .footerCompanyLogos img {
        margin: 20px;
    }

    .ageControlContent {
        width: 90%;
        font-size: 90%;
        text-align: center;
    }

    .ageControlText {
        text-align: left;
    }

    .ageControlConfirm {
        float: none;
    }

    /* Article templates */

    .contentSection > .mb_contentitem_container:not(.fullWidth):not(.mb_contentitem_container_imagesliderpro):first-child {
        margin-top: 0px;
    }

    .mb_contentitem_container {
        margin-top: 50px;
    }

    .articleTemplate_BlockContent.cf {
        position: relative;
        padding-bottom: 0;
    }

    .articleTemplate_BlockContent.cf .readMoreBtn {
        position: static;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }

    .articleTemplate_ProductContainer .articleTemplate_Image img {
        width: 50%;
    }

    .articleTemplate_ProductContainer h1 {
        font-size: 160%;
    }

    .articleTemplate_ProductContainer h2,
    .articleTemplate_ProductText {
        font-size: 110%;
    }

    .articleTemplate_ProductLink > a {
        font-size: 90%;
    }

    .footer_memberButton {
        margin-top: 50px;
    }

    .templateFood .mb_contentitem_container,
    .templateWine .mb_contentitem_container {
        margin-top: 20px;
    }

    .articleTemplate_campaignLayout h1 {
        font-size: 160%;
    }

    .articleTemplate_campaignLayout h2 {
        font-size: 120%;
    }

    .articleTemplate_campaignLayout h3 {
        font-size: 120%;
    }

    .articleTemplate_campaignLayout .articleTemplate_Column .articleTemplate_Content .articleTemplate_Header {
        padding: 15px;
    }

    .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeContent .articleTemplate_BodyText {
        max-height: none;
        overflow-y: visible;
    }

    .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips,
    html:not(.templateWine) .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips,
    .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTaste,
    .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineAroma {
        width: 100%;
    }

    .templateFood .articleTemplate_campaignLayout .articleTemplate_recipeHeader + .articleTemplate_Column.articleTemplate_wineTips {
        margin-top: -10px !important;
    }

    .articleTemplate_campaignLayout .articleTemplate_instructionsContent .articleTemplate_Content .articleTemplate_BodyText {
        margin: 0;
    }

    .articleTemplate_campaignLayout .articleTemplate_instructionsContent:first-child .articleTemplate_Content .articleTemplate_BodyText:first-child {
        padding-bottom: 0;
    }

    .articleTemplate_campaignLayout .articleTemplate_instructionsContent .articleTemplate_BodyTextContainer:after {
        display: none;
    }

    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
    .articleTemplate_Container > .col-8:only-child, .memberFormContainer.col-8:only-child { 
        margin-left: 0;
    }

    .col-1 {
        width: 5.5214724%;
    }
    
    .col-2 {
        width: 14.1104294%;
    }
    
    .col-3 {
        width: 48%;
        margin-bottom: 30px;
    }
    
    .col-3:last-child {
        margin-bottom: 0;
    }
    
    .col-4 {
        width: 100%;
        margin-bottom: 25px;
    
    }
    
    .col-4:last-child {
        margin-bottom: 0;
    }
    
    .col-5 {
        width: 100%;
    }
    
    .col-6 {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .col-6:last-child {
        margin-bottom: 0;
    }
    
    .col-7 {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .col-7:last-child {
        margin-bottom: 0;
    }
    
    .col-8 {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .col-8:last-child {
        margin-bottom: 0;
    }
    
    .col-9 {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .col-9:last-child {
        margin-bottom: 0;
    }
    
    .col-10 {
        width: 82.8220859%;
    }
    
    .col-11 {
        width: 91.4110429%;
    }
    
    .col-12 {
        width: 100%;    
    }

    .centerContainer.col-8:only-child {
        width: 90%;
    }

}
@media (max-width : 600px) {

.campaign_textBlock_headline2 {
 text-align: left ;
    font-size: 240%; 
}

.campaign_textBlock_bodyText2
 {
   
    text-align:left;
}

 
  .campaign_blockContainer {
    background: none;
}

  .campaign_textBlock_headline {
 
        font-size: 240%;
}
    .templateFood .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips:only-child {
        width: 100% !important;
    }

    .templateFood .articleTemplate_campaignLayout .articleTemplate_recipeHeader + .articleTemplate_Column.articleTemplate_wineTips {
        width: 100% !important;
        float: none;
    }
    .campaign_blockContainer_startsida{
        padding: 10% 5%;
  background:url(/images/layout/header-bg.jpg?=1) bottom no-repeat;  
     margin-top: 85px;
    }

    .mb_modules_accordion_simpleaccordion {
  
     font-size: 90%;
}
}

@media (max-width : 500px) {
    body:not(.mb_wysiwygView) .articleTemplate_memberButtonContainer .senses_memberButton {
        width: 100%;
        top: -20px;
    }

    .articleTemplate_campaignLayout .articleTemplate_recipeHeader .articleTemplate_ContentFooter > div {
        display: block;
        font-size: 90%;
        text-align: center;
        width: 100%;
    }

    .articleTemplate_Headline h2
{
     width: 100%;
   
}

.campaign_orderForm
 
{
    background: none;
    padding: 0px;
}

.campaign_top {
    padding: 6%;
    background: url(/images/layout/header-bg.jpg?=1) bottom no-repeat;
      border-bottom: 3px solid #f5f5f5;
       font-size: 160%;
       margin-bottom: -78px;
     
}

.campaign_top h1 { 
       font-size: 90%;
     
}

.campaign_orderLink{ 
       font-size: 70%;
     
}

.toggleMenu{ 
    margin-right: 18px;
}

.logo img{ 
    margin-left: 18px;
}

    .cd-headline {
  font-size: 1.9rem;
  font-weight: 100;
  line-height: 1.4;
 
      text-align: center;
}

    .articleTemplate_campaignLayout .articleTemplate_recipeHeader .articleTemplate_ContentFooter .articleTemplate_recipeTime {
        padding: 15px 20px 10px;
    }

    .articleTemplate_campaignLayout .articleTemplate_recipeHeader .articleTemplate_ContentFooter .articleTemplate_recipeTime:before {
        position: static;
        margin-right: 10px;
    }

    .articleTemplate_campaignLayout .articleTemplate_recipeHeader .articleTemplate_ContentFooter .articleTemplate_recipePrice {
        padding-top: 0;
        text-align: center;
    }

    .newsletterRegFormIframe {
        height: 900px;
    }

    .memberFormContainer .form-group-checkboxes .form-group-inline:first-child {
        margin: 0 0 20px 0;
    }

    .memberFormContainer .form-group-inline {
        display: block;
    }
}

@media (max-width : 400px) {
    .videoOverlayText,
    .imageOverlayText {
        font-size: 130%;
    }

    .overlayBoxed .imageOverlayText {
        width: 90%;
        padding: 20px;
    }

    .overlayBoxed .imageOverlayText span {
        line-height: 1.3;
    }

    .overlayBoxed .imageOverlayLink {
        font-size: 60%;
        margin-top: 10px;
    }

    .searchBoxIcon {
        margin-right: 45px;
     }

    .articleTemplate_ImageBlock > .col-3 {
        width: 100%;
    }

    .articleTemplate_Container{
        margin: 20px;
    }
    .campaign_blockContainer_startsida{
        padding: 10% 5%;
        text-align:left;
     }



}

@media (max-width : 320px) {

    /* Header */

    .topHeader .siteLogo img {
        max-width: 100%;
    }

}

@media (min-width: 951px) {

    #instaContainer {
        width: 93%;
    }

    .openMore {
        width: 7%;
    }

    .instaCol {
        width: 10%;
    }

    .instaCol:not(:nth-child(-n+10)) { /* Hide all columns except the first five */
        display: none;
    }

    .socialContainer.open .instaCol:not(:nth-child(-n+10)) { /* Display all columns*/
        display: inline;
    }

    .instaCol:nth-child(10n+1) { /* Break every 6th column so it starts on a new row*/
        clear: left;
    }

}

@media (max-width: 950px) and (min-width: 641px) {

    #instaContainer {
        width: 90%;
    }

    .openMore {
        width: 10%;
    }

    .instaCol {
        width: 12.5%;
    }

    .instaCol:not(:nth-child(-n+8)) { /* Hide all columns except the first five */
        display: none;
    }

    .socialContainer.open .instaCol:not(:nth-child(-n+8)) { /* Display all columns*/
        display: inline;
    }

    .instaCol:nth-child(8n+1) { /* Break every 6th column so it starts on a new row*/
        clear: left;
    }

   .articleTemplate_Content   {
        padding: 15px;
    } 

}

@media (max-width: 500px) and (min-width: 401px) {

    .articleTemplate_ImageBlock .mb_modules_HtmlArticle_TextSpan {
        padding: 20px;
    }

     .articleTemplate_Content   {
        padding: 15px;
    } 

}


@media only screen and (min-width: 1530px) {

    .w50 {
    width: 50%;
    padding: 16% 3% 18% 17%;
}

.w51 {
    width: 50%;
    padding: 8% 0% 0% 2%;
}

}
.mb_contentitem_container--full-width .articleTemplate_Container {
width: 100%;
max-width: unset;
}
.mb_contentitem_container--fixed-style .articleTemplate_Container {
margin: 0 auto;
}
.mb_contentitem_container--fixed-style {
padding-top: 3%;
padding-bottom: 3%;
}
@media all and (max-width: 600px){
.mb_contentitem_container--full-width {
padding-left: 5% !important;
padding-right: 5% !important;
}
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Dots */

.slick-dots
{
    position: absolute;
    bottom: 10px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    background: #fff;
    border-radius: 50%;

    position: absolute;
    top: 0;
    left: 0;

    width: 10px;
    height: 10px;

    content: '';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.gallery {
  position: relative;
  max-height: 90vh;
}

.gallery .item {
  max-height: 90vh;
  line-height: 0;
  overflow: hidden;
  text-align: center;
  background: #fff;
}

.logoslide {
 -webkit-filter: grayscale(1);
    filter: grayscale(1);
   position: relative;
    padding: 35px;
    border: 0px solid #f3f3f3;
    background: none;
    margin-right: auto;
    margin-left: auto;
    width: 100%;

}

.logoslide .item {
  max-height: 90vh;
  line-height: 0;
  overflow: hidden;
  text-align: center;
  background: none;
}

 
/*
  Custom specific styles
*/

.gallery .item:after {
  content: "";
  /*background: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,.5));*/
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.gallery .item img {
  width: 100%;
}

.logoslide .item img {
  width: 100%;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.gallery .overlay-container {
  background: rgba(0,0,0,.1);
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 100%;
  color: #000;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-weight: 400;
  font-size: 260%;
  line-height: 1.4;
  max-width: 1080px;
  opacity:0;
  -webkit-animation: fadeIn ease-in 1;
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
  z-index: 2;

}

.overlay-container1 {
  background: rgba(0,0,0,.1);
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 50%;
  color: #fff;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-weight: 400;
  font-size: 260%;
  line-height: 1.4;
  max-width: 1080px;
  opacity:0;
  -webkit-animation: fadeIn ease-in 1;
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
  z-index: 2;

}

.gallery .overlay-text {
  display: block;
}

.gallery .overlay-link {
  border: 1px solid #fff;
  border-radius: 1px;
  display: inline-block;
  font-size: 40%;
  margin-top: 30px;
  padding: 13px 18px;
}

.gallery .overlay-link:link,
.gallery .overlay-link:visited {
  color: #fff;
}

.gallery .overlay-link:hover,
.gallery .overlay-link:active {
  text-decoration: none;
}

@media (max-width : 768px) {
  .gallery .overlay-container {
    font-size: 200%;
  }

  .gallery .overlay-link {
    margin-top: 20px;
    padding: 10px 16px;
  }
}

@media (max-width : 640px) {
  .gallery .overlay-container {
    font-size: 160%;
  }

  .gallery .overlay-container {
    padding: 40px 30px;
  }

  .gallery .overlay-link {
    font-size: 50%;
    padding: 8px 12px;
  }
}

@media (max-width : 400px) {
  .gallery .overlay-container {
    font-size: 130%;
  }

  .gallery .overlay-container {
    width: 90%;
    padding: 20px;
  }

  .gallery .overlay-text {
    line-height: 1.3;
  }

  .gallery .overlay-link {
    font-size: 60%;
    margin-top: 10px;
  }
}
#jquery-script-menu {
position: fixed;
height: 90px;
width: 100%;
top: 0;
left: 0;
border-top: 5px solid #316594;
 -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
z-index: 999999;
padding: 10px 0;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

.jquery-script-center {
width: 960px;
margin: 0 auto;
}
.jquery-script-center ul {
width: 212px;
float:left;
line-height:45px;
margin:0;
padding:0;
list-style:none;
}
.jquery-script-center a {
	text-decoration:none;
}
.jquery-script-ads {
width: 728px;
height:90px;
float:right;
}
.jquery-script-clear {
clear:both;
height:0;
}