/*
Theme Name: 1st Care at Home
Author: Bold Consultancy
*/
*{margin:0; padding: 0; font-size:10px; color:#2d2d2d; font-family: 'Montserrat', sans-serif; }
body html { background:#FFF; margin:0; padding:0; }


p { font-size:30px; color:#FFF; }

br { line-height:1em; }

#wrapper { 
width:100%;
max-width:1200px;
min-height:100vh;
margin:0px auto;
padding:0px;
}

#videoDiv {width: 100%; height: auto; position: relative; z-index:-10; display:inline-block; overflow:hidden; }
#videoBlock { width: 100%; height: 100%;  display: flex;  justify-content: center; align-items: center; }

#videoBlock img { width:100%!important; height:auto; }

#videoMessageBox {
    position: absolute;  top: 0;  left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction:column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height:100%;
    background:rgba(0,0,0,0);
}

#videoMessageBox2 {
    position: absolute;  top: 0;  left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction:column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height:100%;
    background:rgba(0,0,0,0);
}

#videoMessage { flex: 2.2; width: 100%; }
#videoMessage h1 { font-family: 'Alex Brush', cursive; font-size: 3em; line-height:1em; font-weight:300; color:#ffffff; text-align:center; width:80%; margin:0 10%;}

.logoOverlay { flex: 1.8; width: 100%; background:rgba(0,0,0,0); display:flex; flex-direction:column; }

 
/*----- Menu -----*/

 
header{position:relative; height:90px; width:100%; background:#FFF; z-index:999 !important;}
.logo{position:relative;z-index:123;padding:0px;float:left;width:10%; height:90px; text-align:left; background-color:#FFF;}
.logo a{color:#6DDB07;}
.logo img { float:left; height:80px; max-width:300px; margin:5px 0 0 20px; }
nav{position:relative;width:100%; height:90px; margin:0 auto; padding:0; max-width:1142px;}
nav.scroll{ height:66px; }
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #lang-select{ height:10px; text-align:right; padding-top:10px; margin: 0px 15px 0px 0px; color:#491469; font-size:17px; font-family: 'Montserrat', sans-serif; font-weight:400; letter-spacing:0.2px; }
#cssmenu #lang-select a { color:#491469; text-decoration:none; font-size:17px; }
#cssmenu #lang-select a:visited { color:#491469; }
#cssmenu #lang-select a:hover { color:#491469; }
#cssmenu #lang-select img { vertical-align:middle; margin-left:20px; height:32px; }
#cssmenu #lang-select strong { font-weight:700; color:#2d2d2d; }
#cssmenu ul { float:right; margin-right:0px; }
#cssmenu > ul > li{float:left;}
#cssmenu > ul > li > a { padding:17px 15px; font-size:12px; letter-spacing:0.2px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#491469;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#FFF;}
#cssmenu > ul > li:hover{background:#491469!important;}
#cssmenu > ul > #cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{ background:#491469!important;}
#cssmenu > ul > li.has-sub > a{padding-right:30px;}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#8acfff;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#8acfff;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#3A3A3A;transition:all .25s ease;}
#cssmenu ul ul li:hover{ background-color:#2a2a2a; color:#FFF;}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a { border-bottom:1px solid #333; padding:11px 15px;width:237px; font-size:12px; letter-spacing:0.2px; text-transform:uppercase; text-decoration:none; color:#FFF; text-align:left; }
#cssmenu ul li.active ul li.active a{color:#FFF;}
#cssmenu ul li.active ul li a{color:#FFF;}
#cssmenu ul li.active ul li a:hover{color:#FFF; background:#8628bf;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#8acfff;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#8acfff;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{}
#cssmenu ul > li > ul {  -webkit-box-shadow: 0px 10px 9px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 10px 9px 0px rgba(0,0,0,0.3);
box-shadow: 0px 10px 9px 0px rgba(0,0,0,0.3); }

.padbump { margin-top:24px; padding-top:0px; }

.mobileonly { display:none!important; }

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(187, 141, 11, 0.8) url(images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}

/* All Tablets and Phones */
@media only screen and (max-width: 1219px) {
.headerBox{
	width:100%;
}

.menuBox{
display:none;}
}


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

.homemenu {	display:none!important; }

}
/*----- Responsive -----*/
@media screen and (max-width: 1024px) {
header{ height:90px; }

.padbump { padding-top:70px; margin-top:0px; }
.logo{position:absolute;top:20px;left: 0;width:100%;height:60px;text-align:center;padding:0px; text-align:left; z-index:10;}
.logo img { max-width:250px; width:auto; margin:30px 0 0 20px; }
nav{width:100%; float:left;}
nav.scroll{ height:40px; }
.homemenu {	display:inline-block; } 

#cssmenu{ width:100%; height:auto; display:inline-block; width:100%; position:absolute; top:0; left:0; float:left; }
#cssmenu #lang-select{ position:absolute; top:0; left:0; width:100%; height:30px; text-align:center; margin-top:0px; background:#FFF; z-index:20; }

#cssmenu ul{ width:100%; margin-top:20px; display:none; margin-right:0px; float:none;cursor:pointer; }

#cssmenu ul li{width:100%;border-top:1px solid #333; background: #3A3A3A; }
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%; border-bottom:0; text-align:left; color:#FFF;}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px; color:#FFF;}
#cssmenu ul ul li{background:#000!important;}
#cssmenu ul ul li:hover{background:#2a2a2a!important; color:#FFF;}
#cssmenu ul ul li.active:hover{background:#8acfff!important; color:#FFF;}
#cssmenu ul ul ul li a{padding-left:35px;}
#cssmenu ul ul li a{color:#FFF!important;background:none;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff;}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
.button{width:55px;height:46px;margin-top:45px; position:absolute; right:0; top:0; cursor:pointer; z-index: 12399994;}
.buttonsmall{ height:40px; margin-top:-3px; top:0; }
.button:after{position:absolute;top:22px;right:13px;display:block;height:4px;width:20px;border-top:2px solid #491469;border-bottom:2px solid #491469;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:13px;display:block;height:2px;width:20px;background:#491469;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#491469;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#491469;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px; background-color:#2a2a2a;}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
#cssmenu > ul > li:last-of-type { border-bottom:1px solid #444;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(77,104,123,0.4);
	-moz-box-shadow: 0px 5px 10px 0px rgba(77,104,123,0.4);
	box-shadow: 0px 5px 10px 0px rgba(77,104,123,0.4);	 }
#cssmenu > ul > li > ul > li:last-of-type { border-bottom:1px solid #444;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(77,104,123,0.4);
	-moz-box-shadow: 0px 5px 10px 0px rgba(77,104,123,0.4);
	box-shadow: 0px 5px 10px 0px rgba(77,104,123,0.4);	 }


.headerboost {
	margin-top:130px;
	margin-bottom:100px;
}

.pagePush { margin-top:50px; }

#wrapper { 
width:98%;
}
}

.homeHalves { width:100%; height:auto; margin:10px 0 20px 0; vertical-align:top; }
.homeHalf1 {width:49.9%; height:auto; min-height:100px; margin:0 0.1% 4px 0; background:#491469; color:#FFF; display:inline-block; float:left; font-size:2em; }
.homeHalf2 {width:49.9%; height:auto; min-height:100px; margin:0 0 4px 0.1%; background:#491469; color:#FFF; display:inline-block; float:left; font-size:2em; } 

.homeHalfContent { width:100%; height:100%; text-align:center; float:left; vertical-align:top; clear:both; }
.homeHalfContent h3 { color:#FFF; font-size:2em; margin:10px auto 5px auto; }
.homeHalfContent p { color:#FFF; font-size:1.5em; margin:0 auto 15px auto; }
.homeHalfContent a { color:#491469; background:#FFF; padding: 5px 20px; text-decoration:none; }
.homeHalfContent a:visited { color:#491469; background:#FFF; padding: 5px 20px; text-decoration:none; }
.homeHalfContent a:hover { color:#FFF; background:#491469; padding: 5px 20px; text-decoration:none; }


.clear-fix { content: ""; display: table; clear: both; }

.carouselPanel { width:100%; display:inline-block; height:700px; background:#FFF; vertical-align:top; float:left; }
.panelImage { width:40%; height:100%; margin-left:15%; display:inline-block; float:left; }
.panelContent { width:40%; height:100%; margin-right:5%; display:inline-block; float:left; }
.panelTitle { width:100%; height:auto; margin:35% 0% 0 0; padding:10% 0 0 0; font-size:4em; line-height:1em; text-transform:uppercase; }
.panelText { width:70%; height:auto; margin:0 30% 0 0; padding:0; font-size:1.5em; margin-bottom:40px; }
.panelText p { width:100%; height:auto; margin:0 0 0 0; padding:0; font-size:1em; color:#2d2d2d; }
.panelText p strong { font-weight:300; font-size:1em; color:#491469; }
.panelButtons { width:100%; height:auto; }
.buttonLink { width:auto; height:auto; font-size:1.2em; padding:10px 20px; color:#491469; text-decoration:none; text-transform:uppercase; border:2px solid #491469; border-radius:4px; transition:1s; }
.buttonFill { background:#491469; color:#FFF; transition:1s; }
.buttonLink:hover { background:#491469; color:#FFF; transition:1s; }
.buttonFill:hover { background:none; color:#491469; transition:1s; }

.bumpRight { margin-right:20px; }

.rootsPrevBtn { width:40px; height:40px; background:url('images/Arrow1.png'); }
.rootsNextBtn { width:40px; height:40px; background:url('images/Arrow2.png'); }


/* Default hide the video on all devices */
#video{display:none}
/* Default display the image to replace the video on all devices */
#videosubstitute{display:block;width:100%;height:auto;max-width:100%}

.storyBox { width:100%; height:auto; background-size:cover!important; float:left; }
.storyInnerBox { width:60%; height:auto; margin:160px 20%; background-color:#FFF; float:left; }
.storyInnerBox h2 { width:100%; color:#491469; font-size:5em; font-weight:300; line-height:1em; text-align:center; margin-top:30px; text-transform:uppercase; }
.storyInnerBox p { font-size:1.5em; text-align:center; width:80%; margin:10px 10% 30px 10%; color:#2d2d2d; }
.storyInnerBox p strong { font-weight:700; font-size:1em; color:#491469; }
.storyInnerBox ul { width:80%; margin:0 auto 40px auto; vertical-align:top; }
.storyInnerBox li { width:33%; display:inline-block; font-size:1.2em; }
.storyInnerBox > .storyButton { width:100%; height:auto; text-align:center; margin-bottom:50px; }

.splitPanelBox { width:80%; height:auto; float:left; background:#FFF; padding:5em 10% 1em 10%; }
.splitPanelBox h2 { width:100%; color:#491469; font-size:5em; font-weight:300; line-height:1em; text-align:center; margin-bottom:1em; text-transform:uppercase; }
.splitPanel { width:45%; height:auto; margin:0 5% 0 0; float:left; }
.splitPanel:nth-of-type(2) { margin:0 0 0 5%; }
.splitPanel img { width:100%; height:auto; }
.splitPanel h3 { width:100%; color:#2d2d2d; font-size:2em; font-weight:300; line-height:1em; text-align:center; margin:1em auto; text-transform:uppercase;  }
.splitPanel p { width:80%; height:auto; margin:0 10% 2em 10%; text-align:center; font-size:1.5em; color:#2d2d2d; float:left; }
.splitPanel p strong { font-weight:300; font-size:1em; color:#491469; }
.splitButtons { width:100%; height:auto; float:left; }
.splitButtons > .splitButton { width:45%; height:auto; text-align:center; margin:0 5% 30px 0; float:left; }
.splitButtons > .splitButton:nth-of-type(2) { margin:0 0 30px 5%; }

.clearBox { width:100%; height:auto; float:left; background-color:#FFF; }
.clearInnerBox { width:90%; height:auto; margin:4em 5%; background-color:#FFF; float:left; text-align:center; }
.clearInnerBox h2 { width:100%; color:#491469; font-size:5em; font-weight:300; line-height:1em; margin-top:30px; text-transform:uppercase; }
.clearInnerBox img { margin:3em auto 0em auto; max-width:90%; }
.clearInnerBox p { font-size:1.5em; width:80%; margin:2em 10% 0 10%; color:#2d2d2d; }
.clearInnerBox p:last-of-type { margin:2em 10% 50px 10%; }
.clearInnerBox p strong { font-weight:700; font-size:1em; color:#491469; }
.clearInnerBox p a { font-size:1em; color:#491469; text-decoration:none; }
.clearInnerBox p a:visited { color:#491469; text-decoration:none; }
.clearInnerBox p a:hover { color:#2d2d2d; text-decoration:none; }
.clearInnerBox > .storyButton { width:100%; height:auto; text-align:center; margin-bottom:50px; }

.halfPanelBox { width:100%; height:auto; display:table; vertical-align:top; }
.halfPanelBox.yellowSplash { background-image:url('images/yellowsplash.png'); background-position:top center; background-repeat:no-repeat; background-size:auto 100%; }
.halfPanelBox.ginger { background-image:url('images/ginger.png'); background-position:bottom center; background-repeat:no-repeat; background-size:auto; }

.halfPanelLeft { width:50%; height:auto; display:table-cell; vertical-align:middle; }
.halfPanelRight { width:50%; height:auto; display:table-cell; vertical-align:middle; }

.halfPanelImage { text-align:center; }
.halfPanelImage img { max-width:96%; max-height:96%; margin:2%; }
.halfPanelImage img.orangeSplash { max-width:50%!important; max-height:50%!important; background:url('images/honeypaint.png'); background-position:bottom right; background-repeat:no-repeat; background-size:50% auto; padding-bottom:10%; padding-right:20%; }

.halfPanelContent { width:60%; height:auto; text-align:left; padding:3em 0 3em 0; margin:0 30% 0 10%; }
.flipped { margin:0 10% 0 30%; }
.halfPanelContent h2 { color:#491469; font-size:3em; font-weight:300; line-height:1em; text-align:left; margin:30px 0 1em 0; text-transform:uppercase; }
.halfPanelContent h3 { color:#491469; font-size:1.5em; font-weight:700; line-height:1em; text-align:left; margin:30px 0 1em 0;}
.halfPanelContent p { font-size:1.5em; line-height:1.4em; font-weight:300; text-align:left; margin:0 0% 1em 0%; color:#2d2d2d; }
.halfPanelContent p strong { font-weight:700; font-size:1em; color:#491469; }
.halfPanelContent p a { text-decoration:underline; color:#491469; font-size:1em; }
.halfPanelContent p a:visited { color:#491469; }
.halfPanelContent p a:hover { color:#2d2d2d; }
.halfPanelContent ul { margin:0em 0% 1em 2em; color:#2d2d2d; display:inline-block; }
.halfPanelContent li { font-size:1.5em; margin:0 0% 0 0%; line-height:1.4em; }
.halfPanelContent li strong { font-weight:700; color:#491469; }


.introBox { width:100%; height:auto; float:left; background-color:#FFF; }
.introInnerBox { width:70%; height:auto; margin:4em 15% 0em 15%; background-color:#FFF; float:left; text-align:center; }
.introInnerBox h2 { width:100%; color:#491469; font-size:5em; font-weight:300; line-height:1em; margin-top:30px; text-transform:uppercase; }
.introInnerBox img { margin:3em auto 0em auto; max-width:90%; }
.introInnerBox p { font-size:1.5em; width:80%; margin:2em 10% 0 10%; color:#2d2d2d; }
.introInnerBox p strong { font-weight:300; font-size:1em; color:#491469; }

.cocktailBox { width:100%; height:auto; float:left; background-color:#FFF; }
.cocktailInnerBox { width:40%; height:auto; margin:0em 20% 4em 20%; padding:4em 10% 4em 10%; float:left; text-align:center; background-color:#FFF; background-image:url('images/greysplashwhite.jpg'); background-position:top right; background-repeat:no-repeat; }
.carouselPanel2 { width:100%; display:inline-block; height:auto; background:#FFF; vertical-align:top; float:left; }
.cocktailContent { width:90%; margin:0 5%; display:inline-block; text-align:center; height:auto; float:left; }
.cocktailContent h3 { width:100%; font-weight:300; font-size:3em; line-height:1em; color:#2d2d2d; margin:0.5em auto; }
.cocktailContent img { max-width:80%; margin:0 auto; }
.cocktailMedia { position:relative; width:80%; float:left; margin:0 10%; padding:0; text-align:center; }
.cocktailMedia:before{ content: ""; display:block; padding-top: 56.25%; }
.cocktailMediaInner{ position:  absolute; top: 0; left: 0; bottom: 0; right: 0; }
.cocktailText { width:100%; height:auto; margin:1em auto 40px auto; padding:0; font-size:1.2em; float:left; }
.cocktailText p { font-size:1em; width:80%; margin:1em 10% 0 10%; color:#2d2d2d; }
.cocktailText p:last-of-type { margin:1em 10% 1em 10%; }
.cocktailText p strong { font-weight:300; font-size:1em; color:#491469; }

.cocktailButtons { width:100%; height:auto; display:inline-block; float:left; margin-bottom:30px; }

.cocktailBase1 { width:25%; height:0.75em; background-color:#FFF; border-bottom:0.75em solid #FFF; display:inline-block; float:left; }
.cocktailBase2 { width:50%; height:1.5em; background-color:#491469; display:inline-block; float:left; }

.greySplash { background-image:url('images/greysplash.png'); background-position:top left; background-repeat:no-repeat; background-size:contain; }


.contactIntroBox { width:100%; height:auto; float:left; background-color:#FFF; }
.contactIntroInnerBox { width:70%; height:auto; margin:6em 15%; background-color:#FFF; float:left; text-align:center; }
.contactIntroInnerBox p { font-size:2em; width:80%; margin:0 10% 2em 10%; color:#2d2d2d; }
.contactIntroInnerBox p:last-of-type { margin-bottom:0em; }

.termsBox { width:100%; height:auto; float:left; background-color:#FFF; }
.termsInnerBox { width:70%; height:auto; margin:8em 15%; background-color:#FFF; float:left; text-align:center; }
.termsInnerBox h2 { width:100%; color:#491469; font-size:5em; font-weight:300; line-height:1em; margin-top:30px; text-transform:uppercase; }
.termsInnerBox p { font-size:1.4em; width:80%; margin:2em 10% 0 10%; color:#2d2d2d; text-align:left; font-weight:300; }
.termsInnerBox p strong { font-weight:700; font-size:1em; color:#491469; }
.termsInnerBox ul { display:inline-block; text-align:left; margin:2em 10% 0 10%; }
.termsInnerBox li { font-size:1.5em; margin:0 0% 0 0%; line-height:1.4em; }
.termsInnerBox li strong { font-weight:700; color:#491469; }
.termsInnerBox p:last-of-type { margin:2em 10% 50px 10%; }

.contactBox { width:100%; height:auto; float:left; background-color:#FFF; margin-bottom:4em; }
.contactPanel { width:25%; height:auto; margin:0 3% 0 22%; float:left; display:inline-block; }
.rightContact { margin:0 22% 0 3%; }
.contactPanel h2 { color:#491469; font-size:1.5em; font-weight:300; line-height:1em; text-align:left; margin:0px 0 1em 0; text-transform:uppercase; }
.contactPanel p { font-size:1.5em; width:100%; margin:0 0% 1.5em 0%; color:#2d2d2d; }
.contactPanel p strong { font-size:1em; font-weight:700; }
.contactPanel p span { width:12px; height:12px; display:inline-block; margin-right:10px; }
.contactPanel p a { text-decoration:none; color:#2d2d2d; font-size:1em; }
.contactPanel p a:visited { color:#2d2d2d; }
.contactPanel p a:hover { color:#491469; }
.underLink { text-decoration:underline!important; }

#map { width:100%; height:400px; float:left; }

/* Form additional styles */
body .gform_wrapper .gform_body .gform_fields .gfield input { width:100%; border:1px solid #eaeaea; color:#2d2d2d; font-size:1.2em; padding:10px!important; }
body .gform_wrapper .gform_body .gform_fields .gfield textarea { width:100%; border:1px solid #eaeaea; color:#2d2d2d; font-size:1em; padding:10px; line-height:1em; max-height:8em; }
body .gform_wrapper .gform_footer { text-align:right; }
body .gform_wrapper .gform_footer input[type=submit] { background:#491469; color:#FFF; padding:0.4em 2.5em; border:2px solid #491469; ; border-radius:2px; font-size:1.4em; font-weight:300; transition:1s; position:relative!important; }
body .gform_wrapper .gform_footer input[type=submit]:hover { background:none; color:#491469; transition:1s; }

body .gform_wrapper .gform_body .gform_fields .gfield input::-webkit-input-placeholder, body .gform_wrapper .gform_body .gform_fields .gfield textarea::-webkit-input-placeholder { /* Chrome */ color: #2d2d2d; }
body .gform_wrapper .gform_body .gform_fields .gfield input:-ms-input-placeholder, body .gform_wrapper .gform_body .gform_fields .gfield textarea:-ms-input-placeholder { /* IE 10+ */ color: #2d2d2d; }
body .gform_wrapper .gform_body .gform_fields .gfield input::-moz-placeholder, body .gform_wrapper .gform_body .gform_fields .gfield textarea::-moz-placeholder { /* Firefox 19+ */ color: #2d2d2d; opacity: 1; }
body .gform_wrapper .gform_body .gform_fields .gfield input:-moz-placeholder, body .gform_wrapper .gform_body .gform_fields .gfield textarea:-moz-placeholder { /* Firefox 4 - 18 */ color: #2d2d2d; opacity: 1; }


.footerLine { width:100%; height:1px; background:#e3e1d9; float:left; }
.footerIntro { width:100%; height:auto; background:#FFF; text-align:center; float:left; }
.footerIntro h4 { font-size:2em; font-weight:300; line-height:1em; margin:1em auto; color:#2d2d2d; }
.footerIntro h4 strong { font-weight:300; font-size:1em; }

.instaBox { background:#383838; height:auto; margin:0; padding:0; float:left; width:100%; }

.footerBox { width:100%; height:auto; background:#383838; float:left; color:#491469; }

.footerPanel1 { width:22%; height:auto; margin:30px 2% 30px 4%; display:inline-block; vertical-align:top; float:left; }
.footerPanel2 { width:20%; height:auto; margin:30px 2%; display:inline-block; vertical-align:top; float:left; }
.footerPanel3 { width:44%; height:auto; margin:30px 2%; display:inline-block; vertical-align:top; float:left; text-align:right; }
.footerPanel3 img { max-height:53px; width:auto; margin-left:10px; }

.footerBox h5 { display:block; float:left; width:100%; font-weight:300; font-size:1.8em; color:#FFF; margin-bottom:15px; }
.footerBox p { font-size:1.4em; line-height:24px; display:block; float:left; width:100%; color:#FFF; }
.footerPanel1 p:nth-of-type(2) { font-size:0.7em; margin-top:30px; line-height:1em; font-size:1.1em; }
.footerPanel2 p:nth-of-type(2) { font-size:0.7em; margin-top:54px; line-height:1em; font-size:1.1em; }
.footerPanel2 p:nth-of-type(2) a { font-size:1em; }
.footerPanel2 p:nth-of-type(2) a:nth-of-type(2) { margin-left:20px; }
.footerBox p a { text-decoration:none; color:#dab2f2; font-size:1em; }
.footerBox p a:visited { color:#dab2f2; }
.footerBox p a:hover { color:#8628bf; }


.footerBox span { width:12px; height:12px; display:inline-block; margin-right:10px; }
span.facebookIcon { background:url('images/i-facebook.png'); background-size:cover; }
span.twitterIcon { background:url('images/i-twitter.png'); background-size:cover; }
span.instagramIcon { background:url('images/i-instagram.png'); background-size:cover; }
span.youtubeIcon { background:url('images/i-youtube.png'); background-size:cover; }

.greybk { background-color:#FFF; }

/* Mail Chimp CSS */

#mc_embed_signup { clear:left; }
#mc_embed_signup form { margin:0!important; padding:0!important; }
#mc_embed_signup .mc-field-group input { color:#491469; padding: 0!important; text-indent:0!important; background:#383838; width:98%!important; height:2em!important; display:inline-block!important; border:none; float:left!important; }

#mc_embed_signup .mc-field-group input.chimpSubmit { width:100%!important; margin:0!important; padding:0!important; height:2em!important; display:inline-block!important; float:right!important; background-image:url('images/button.png'); background-repeat:no-repeat; background-position:center; }

#mc_embed_signup .mc-field-group input.chimpSubmit:hover { background-color:none!important; }

.chimpWrap { width:100%; height:auto; display:inline-block; float:left; border-bottom:1px solid #491469!important; }
.chimpBox1 { width:95%; height:auto; float:left; display:inline-block; margin-bottom:8px!important; text-align:left; }
.chimpBox2 { width:5%; height:auto; float:left; display:inline-block; margin-bottom:8px!important; text-align:right; }

#mc_embed_signup .mc-field-group input::-webkit-input-placeholder { /* Chrome */ color: #491469; }
#mc_embed_signup .mc-field-group input:-ms-input-placeholder { /* IE 10+ */ color: #491469; }
#mc_embed_signup .mc-field-group input::-moz-placeholder { /* Firefox 19+ */ color: #491469; opacity: 1; }
#mc_embed_signup .mc-field-group input:-moz-placeholder { /* Firefox 4 - 18 */ color: #491469; opacity: 1; }

@media only screen and (max-width : 1200px) {
.halfPanelContent { width:80%; margin:0 10%; padding:5em 0 5em 0; }
.flipped { margin:0 10%; }

.cocktailInnerBox { width:60%; margin:0em 10% 4em 10%; padding:4em 10% 4em 10%; }
}

@media only screen and (max-width : 960px) {
.halfPanelContent { padding:2em 0 2em 0; margin:0 20% 0 10%; }

.contactPanel { width:40%; height:auto; margin:0 3% 0 7%; float:left; display:inline-block; }
.rightContact { margin:0 7% 0 3%; }
}

@media only screen and (max-width : 920px) { 
.footerPanel1 { width:42%; margin:30px 4% 20px; }
.footerPanel2 { width:42%; margin:30px 4% 20px;}
.footerPanel3 { width:92%; margin:20px 3% 30px 4%; }
}

@media only screen and (max-width : 1060px) { 
#videoMessage h1 { width:80%; margin:0 10%;}   

.panelTitle { margin:45% 0% 0% 0; }
}

@media only screen and (max-width : 1020px) { 
.navigation ul { display:none; }   
}

@media only screen and (min-width : 992px) {
#video{display:block; }
#videosubstitute{display:none}
#videoMessageBox { background:rgba(0,0,0,0.5); }
#videoMessage h1 { font-size:5em; width:70%; margin:0 15%;} 
}

@media only screen and (max-width : 900px) { 
#videoMessage h1 { font-size:3em; width:60%; margin:1em 20% 0; }  

.carouselPanel { height:600px;  }
.panelImage { width:45%; margin-left:10%; }
.panelContent { width:35%; margin-right:10%; }
.panelTitle { width:100%; font-size:4em; margin:40% 0% 0% 0; }
.panelText { width:100%; margin:0 0% 0 0; font-size:1.5em; margin-bottom:40px; }
.panelText strong { font-size:1em; }
.panelButtons { width:100%; }
.buttonLink { font-size:1em; padding:5px 10px; } 
}

@media only screen and (max-width : 800px) { 
.panelTitle { font-size:3em; margin:55% 0% 5% 0; padding:20% 0 0 0; }
.panelText { font-size:1.2em; }
.panelText strong { font-size:1em; }
.storyInnerBox h2 { font-size:3em; }
.clearInnerBox h2 { font-size:3em; }
.introInnerBox h2 { font-size:3em; }

.halfPanelLeft { width:40%; height:auto; display:table-cell; vertical-align:middle; }
.halfPanelRight { width:60%; height:auto; display:table-cell; vertical-align:middle; }


.introInnerBox { width:100%; margin:4em 0% 0em 0%; }
.cocktailInnerBox { width:80%; margin:0em 0% 4em 0%; padding:4em 10% 4em 10%; }
.contactIntroInnerBox { width:100%; height:auto; margin:3em 0%; background-color:#FFF; float:left; text-align:center; }


.homeHalf1 {width:100%; height:100px; margin:0 0 4px 0; background:#491469; color:#FFF; display:inline-block; float:left; font-size:2em; }
.homeHalf2 {width:100%; height:100px; margin:0 0 4px 0%; background:#491469; color:#FFF; display:inline-block; float:left; font-size:2em; } 
}

@media only screen and (max-width : 700px) {
.splitPanel h3 { font-size:1.8em;  }
.splitPanel p { font-size:1.2em; }    
}

@media only screen and (max-width : 680px) { 
#videoMessage h1 { font-size:2em; width:60%; margin:1em 20% 0; }  


.carouselPanel { height:auto;  }
.panelImage { width:80%; margin-left:10%; margin-right:10%; display:block; float:left; height:300px; }
.panelContent { width:80%; margin-left:10%; margin-right:10%; }
.panelTitle { width:100%; font-size:3.5em; margin:0% 0% 0% 0; padding:10% 0 10px 0; }
.panelText { width:100%; margin:0 0% 0 0; font-size:1.5em; margin-bottom:40px; }
.panelText strong { font-size:1em; }
.panelButtons { width:100%; margin-bottom:40px; }
.buttonLink { font-size:1em; padding:5px 10px; } 


.storyInnerBox { width:80%; height:auto; margin:80px 10%; background-color:#FFF; float:left; background-image:url('images/gingerbk1.png'), url('images/gingerbk2.png'); background-position:right bottom, left top; background-repeat:no-repeat no-repeat; }
.storyInnerBox h2 { margin-top:20px; }
.storyInnerBox p { margin:10px 10% 30px 10%; }
.storyInnerBox > .storyButton { margin-bottom:30px; }


.clearInnerBox { width:90%; height:auto; margin:80px 5%; background-color:#FFF; float:left; }
.clearInnerBox h2 { margin-top:20px; }
.clearInnerBox p { width:100%; margin:1em 0% 0 0%; }
.clearInnerBox p:last-of-type { margin:1em 0% 30px 0%; }

.halfPanelBox { border-bottom:1px #e3e1d9 solid; }
.halfPanelBox:last-of-type { border-bottom:0px; }


.halfPanelLeft { width:100%; height:auto; display:inline-block; }
.halfPanelImage img { max-width:70%; max-height:70%; margin:5% 15%; vertical-align:top; }
.halfPanelImage img.orangeSplash { max-width:70%!important; max-height:70%!important; background-size:50% auto; padding:0 15% 15% 15%; margin:5% 0% 0% 0%; }

.halfPanelRight { width:100%; height:auto; display:inline-block; }
.halfPanelContent { width:90%; padding:2em 0 2em 0; margin:0 5% 0 5%; }

.halfPanelContent h2 { text-align:center; }
.halfPanelContent h3 { text-align:center; }

.introInnerBox { width:100%; margin:2em 0% 0em 0%; }
.cocktailInnerBox { width:96%; margin:0em 0% 2em 0%; padding:4em 2% 4em 2%; }
.cocktailContent { width:84%; margin:0 8%; }

.contactBox { background:none; }
.contactIntroInnerBox { width:90%; height:auto; margin:80px 5%; background-color:#FFF; float:left; }
.contactIntroInnerBox p { width:100%; margin:1em 0% 0 0%; }

.contactPanel { width:80%; height:auto; margin:0 10% 0 10%; float:left; display:inline-block; }
.rightContact { margin:0 10% 0 10%; }


.termsInnerBox { width:90%; height:auto; margin:8em 5%; }
}

@media only screen and (max-width : 480px) { 
#videoMessage h1 { font-size:1.5em; width:60%; margin:1em 20% 0; }  

}

@media only screen and (max-width : 460px) { 
.footerPanel1 { width:54%; margin:30px 2% 0px; }
.footerPanel2 { width:38%; margin:30px 2% 0px;}
.footerPanel3 { width:96%; margin:20px 2% 30px; text-align:center; }
.footerPanel3 img { max-height:53px; width:auto; margin-left:5px; margin-right:5px; }
}

@media only screen and (max-width:500px) {
#cssmenu #lang-select{ height:30px; padding-top:8px;  }
#cssmenu #lang-select{ font-size:11px; line-height:25px; }
#cssmenu #lang-select a { font-size:11px; line-height:25px; }
#cssmenu #lang-select img { height:25px; }

}


@media only screen and (max-width:320px) {
#cssmenu #lang-select{ height:24px; padding-top:4px;  }
#cssmenu #lang-select{ font-size:11px; line-height:24px; }
#cssmenu #lang-select a { font-size:11px; line-height:24px; }
#cssmenu #lang-select img { height:20px; vertical-align:top; }
}