html{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
body{background-color:#77adb3;display:block;transition:background-color 1s ease}
body, html{color:#434343;font:400 16px/23px 'Raleway', sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
i, cite, em, var, address, dfn{font-style:normal}

#frame{border-left:12px solid white;border-right:12px solid white}
#frame-top{width:100%;height:12px;background:white;position:fixed;top:0;z-index:99;display:block}
#frame-bottom{width:100%;height:12px;background:white;position:fixed;bottom:0;z-index:99;display:block}
.push-right{margin:10% 0 0 -8%}
.push-left{margin:0 0 0 4%}

#brand{position:fixed;top:0;left:0;width:170px;background:white;padding:25px 30px;z-index:100;}
#brand a{display:block}

#content.blackout{background:black;}
#content.blackout #offer p,
#content.blackout #offer h1,
#content.blackout #offer h2,
#content.blackout #offer h3{color:white}

.overlay{position:absolute;top:14%;right:10%;color:white;font-weight:700;background:#77adb3;background:rgba(119,173,179, .9);padding:30px 40px;-webkit-border-radius:180px;-moz-border-radius:180px;border-radius:180px;text-align:center;width:300px;height:300px;box-sizing:border-box}
.overlay h1{color:white;text-transform:none;margin:0 0 6px}
.overlay h1 span{display:block;font-weight:900}
.overlay a{background:white;margin:10px auto 0}

.overlay2 {
    position: absolute;
    top: 10%;
    left: 10%;
    color: white;
    font-weight: 700;
    padding: 30px 40px;
    max-width: 40%;
    background: rgba(0,0,0,.45);
    border-radius: 4px;
}

.overlay2 h1{color:white;text-transform:none;color:white;margin:0 0 6px}

.overlay3{position: absolute;top: 25%;left:4%;color: white;font-weight: 700;padding: 30px 40px;max-width: 40%;}
.overlay4 h1{text-transform:none;font-size: 250%;line-height: 1.2;}
.overlay4 {
    position: absolute;
    bottom: 0%;
    left: 4%;
    width: 46%;
    background: white;
    padding: 4%;
    font-size: 105%;
    line-height: 1.5;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
#footer{font-size:75%;text-transform:uppercase;text-align:center}

#hero{overflow:hidden;position:relative}
#hero img{width:100%;height:auto;max-height:620px;object-fit:cover;object-position:center center;-webkit-animation:fadein 3s;-moz-animation:fadein 3s;-ms-animation:fadein 3s;-o-animation:fadein 3s;animation:fadein 3s}

@keyframes fadein{
from{opacity:0;}
to{opacity:1;}
0%{transform:scale(1.02)}
100%{transform:scale(1)}    
}
@-moz-keyframes fadein{
from{opacity:0;}
to{opacity:1;}
0%{transform:scale(1.02)}
100%{transform:scale(1)}    
}
@-webkit-keyframes fadein{
from{opacity:0;}
to{opacity:1;}
0%{transform:scale(1.02)}
100%{transform:scale(1)}
}

/* Internet Explorer */
@-ms-keyframes fadein{
from{opacity:0;}
to{opacity:1;}
0%{transform:scale(1.02)}
100%{transform:scale(1)}    
}
@-o-keyframes fadein{
from{opacity:0;}
to{opacity:1;}
0%{transform:scale(1.02)}
100%{transform:scale(1)}
}

#contact-form{top:-120px;z-index:999;position:relative;background:white}
#contact-form button{height:auto;min-height:36px;padding:10px 24px}
input,textarea{background:none;border:1px solid #ddd;padding:10px;font-size:120%;width:100%;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
textarea{height:50px}
#service, #offer{top:-80px}
.big-text{font-size:8.5vw;font-weight:700;letter-spacing:30px;line-height:1;margin:0;text-transform:uppercase}
#service .right .service-heading{text-align:center;background:#434343;margin:0 0 2px 0;padding:2%;color:white;text-transform:uppercase;font-size:130%}
#service .service-hint{text-align:center;text-transform:uppercase;letter-spacing:1px;font-size:75%;font-weight:700;color:#777;margin:10px 8px 6px}
#service .right > a{text-decoration:none;background:white;display:block;margin:2px;padding:1.5em 5% 1.2em;border:1px solid transparent;cursor:pointer;-webkit-transition:all 200ms ease-in;-ms-transition:all 200ms ease-in;-moz-transition:all 200ms ease-in;transition:all 200ms ease-in}
#service .right > a:hover,#service .right > a:focus{border-color:#E56399;box-shadow:0 0 24px -4px rgba(0, 0, 0, 0.18);color:inherit}
#service .learn-more{display:inline-block;color:#E56399;font-size:80%;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:.25em}
#service .learn-more:after{content:" \2192";}
#service .right > a:hover .learn-more{text-decoration:underline}
#service a{text-decoration:none;background:white;display:block;margin:2px;padding:2em 5% 1em;-webkit-transition:all 200ms ease-in;-webkit-transform:scale(1);-ms-transition:all 200ms ease-in;-ms-transform:scale(1);-moz-transition:all 200ms ease-in;-moz-transform:scale(1);transition:all 200ms ease-in;transform:scale(1)}
#service a:hover{-webkit-box-shadow:0 0 60px -4px rgba(0, 0, 0, 0.2);-ms-box-shadow:0 0 60px -4px rgba(0, 37, 97, 0.39);-moz-box-shadow:0 0 60px -4px rgba(0, 37, 97, 0.39);box-shadow:0 0 60px -4px rgba(0, 0, 0, 0.2);z-index:2;-webkit-transition:all 200ms ease-in;-webkit-transform:scale(1.5);-ms-transition:all 200ms ease-in;-ms-transform:scale(1.5);-moz-transition:all 200ms ease-in;-moz-transform:scale(1);transition:all 200ms ease-in;transform:scale(1)}
#service .gallery a:hover{transform:scale(1);-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0.2);-ms-box-shadow:0 0 0 0 rgba(0, 37, 97, 0.39);-moz-box-shadow:0 0 0 0 rgba(0, 37, 97, 0.39);box-shadow:0 0 0 0 rgba(0, 0, 0, 0.2)}
#service strong{text-transform:uppercase;font-size:150%;font-weight:normal;letter-spacing:2px;display:block;position:relative;margin-bottom:60px}
#service strong:after{content:"";position:absolute;bottom:-40px;left:0;right:0;height:5px;border-top:4px solid #434343;z-index:-1;width:25%}

img{width:100%;height:auto;display:block}

div{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.text-s{font-size:80%}
.fade{color:#888}
.icon-button{display:-ms-inline-flexbox;display:inline-flex;width:44px;height:44px;padding:0;line-height:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;color:inherit}
.icon-button.border{border:1px solid #ddd}
.round-xl{border-radius:24px}
.wckd-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0}
.wckd-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;fill:none}
.phone{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}
.phone .icon-button{margin-right:10px;-ms-flex-negative:0;flex-shrink:0}
.phone .text-s{margin-top:0;line-height:1.2}
.social-links{margin-top:1.2em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.social-links a{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:44px;height:44px;margin-right:10px;color:#434343;border:1px solid #ddd;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.social-links a:hover{color:#E56399;border-color:#E56399}
.social-links svg{width:20px;height:20px;display:block;fill:currentColor}
.content{position:relative;overflow:hidden}

h1,h2,h3,h4{margin:0 0 .5em;font:34px/38px 'Raleway', sans-serif;font-weight:700;text-overflow:ellipsis;color:#434343}
h1{letter-spacing:-.01em;text-transform:uppercase}
h2{font-size:130%;line-height:1.1}
h3{font-size:130%;line-height:1.1}
h4{font-size:130%;text-transform:uppercase;line-height:1.2}
p{margin:0 0 1em}

.enlarge h2{font-size:180%}

.gallery{margin:0;padding:0;overflow:hidden;clear:both}
.gallery li{margin:0;padding:0;width:20%;float:left;list-style:none}
#service .gallery a{padding:0;margin:0;width:100%;height:auto}

a{color:inherit;cursor:pointer;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
a:hover{color:black}

button, .button{font-size:85%;font-weight:700;text-decoration:none;text-transform:uppercase;padding:0 30px;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:64px;height:36px;border:none;outline:none;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:hidden;vertical-align:middle;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}

button,
.button:hover,
.button.solid:hover{cursor:pointer;background:#E56399;color:white!important;text-decoration:none}
.button.inline{text-transform:none}
.button.raised{background:white;color:#E56399}
.button:hover.raised{background:#E56399}
.button.solid{background:#E56399;color:white;width:100%;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.button.outlined{background:none;color:#E56399;border:2px solid #E56399}
.red .button.outlined{background:none;color:white;border:2px solid white}
.button:hover.outlined{background:#E56399;color:white}

.paralaxed {
height: 600px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
display: table;
width: 100%;
}
.paralax-image{display: table-cell;text-align: center;vertical-align: middle;}
.paralaxed blockquote{max-width:800px;padding:0 4%;margin:0 auto;color:white;font-size:180%;line-height:1.3;font-weight:bold}


.middle-outter{display: table;width: 100%;}
.middle-inner{display: table-cell;vertical-align: middle;}
.icon{max-width: 128px;margin:2em auto;}
.pad3{padding:40px 4% 0 6%;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.row{position:relative;width:84%;margin:0 auto;z-index:2}
.row:after{content:"";display:table;clear:both}
.row.full{width:100%;padding:0;margin:0;overflow:hidden}
.c12 .pad{padding:50px 14%}
.pad{padding:50px 5%;position:relative;overflow:hidden}
.pad2{padding:10% 0}

.white{background:white}
.dark{background:#333;color:#fcfcfc}
.dark h2,.dark h3{color:white}
.dark a, .red h1, .red h2, .red h3, .red a{color:#fcfcfc}

.fill{background:white}
.light{background:#f7f7f7}
.center{text-align:center}
.text-right{text-align:right}
.left{float:left!important}
.right{float:right!important}
.error{display: inline;text-transform: uppercase;font-size: 80%;color: red;font-weight: bold;}

.shadow{z-index:100;position:relative;box-shadow:0 0 4px rgba(0,0,0,.10), 0 4px 8px rgba(0,0,0,.10)}
.shadow2{-webkit-box-shadow:0px 30px 70px -4px rgba(0, 0, 0, 0.2);-ms-box-shadow:0px 30px 70px -4px rgba(0, 37, 97, 0.39);-moz-box-shadow:0px 30px 70px -4px rgba(0, 37, 97, 0.39);box-shadow:0px 30px 70px -4px rgba(0, 0, 0, 0.2)}

.narrow{max-width:70%;margin:0 auto;display:block}

#testimonial{padding:0 0 5%}
#testimonial h2{transform:rotate(90deg);transform-origin:left top 0;text-transform:uppercase;font-weight:bold;font-size:150%;position:absolute;top:40px;left:10%;margin:0;color:#777}
#testimonial .slick-prev{left:0}
#testimonial .slick-next{right:0}
#testimonial h3{font-size:100%;text-transform:uppercase;margin:20px 0 5%}
#testimonial .light .pad{padding:20px 10% 20px 20%}
#testimonial .slick-list{margin-bottom:44px}
.quote{position:absolute;width:140px;height:140px;right:10px;bottom:-15px;z-index:100}

.map{max-width:1054px}
#suppliers{margin-bottom:5%}

.c14{width:25%;float:left}
.c4{width:40%;float:left}
.c12{width:50%;float:left;position:relative}
.c13{width:33.3%;float:left}
.c23{width:66.6%;float:left}
.c34{width:75%;float:left}
.max-width{max-width:1100px}
ul.two{overflow:hidden;padding:0 1.1em 1em;margin:0}
ul.two li{width:50%;float:left;padding:0;margin:0}

.grid{margin:0;padding:0;overflow:hidden}
.grid li{margin:0;padding:0;list-style:none;float:left;width:20%}
.grid img{padding:10px 4px;width:80%;margin:0 auto;height:auto}

.slick-slider{position:relative;overflow:hidden;outline:none;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;z-index:2}
.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;margin-left:auto;margin-right:auto}
.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}
.slick-prev, .slick-next{font-size:0;font-weight:bold;line-height:0;position:absolute;bottom:0;display:block;font-weight:bold;width:20px;height:20px;padding:0;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);cursor:pointer;color:transparent;border:none;outline:none;background:#77adb3;z-index:999}
.slick-prev{left:10px}
.slick-prev:hover,
.slick-next:hover{color:transparent;outline:none;background:#ddd}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before,
.slick-next:before{font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
[dir='rtl'] .slick-prev{right:0;left:auto}
.slick-prev:before{content:'←'}
[dir='rtl'] .slick-prev:before{content:'→'}
.slick-next{right:10px}
[dir='rtl'] .slick-next{right:auto;left:-25px}
.slick-next:before{content:'→'}
[dir='rtl'] .slick-next:before{content:'←'}
.slick-dots{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{color:white;font-size:36px;line-height:20px;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{color:white;opacity:.75}

dt{font-weight:bold}

.accordion {
  cursor: pointer;
  width: 100%;
  transition: 0.4s;
  display:flex;
  margin:20px 0;
}

.accordion:after {
    content: '';
    border-top: 1px solid;
    margin: 11px 0 0 20px;
    flex: 4 0 20px;
}

.active, .accordion:hover {
}
.pad4{padding: 50px 0 0 10%;}

.panel {
  display: none;
  overflow: hidden;
}
.panel.show{display:block}

section{background:#eee;max-width:600px;margin:0 auto;padding:20px;overflow:hidden}

.come-in{transform:translateY(150px);animation:come-in 0.9s ease forwards}
.already-visible{transform:translateY(0);animation:none}
@keyframes come-in{
to{transform:translateY(0)}
}

.model-content{display:none}
html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#77adb3}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{max-width:1000px;position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:0;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:10px;display:block;right:10px;line-height:25px;width:25px!important;cursor:pointer;text-align:center!important;font-family:Arial,sans-serif;background:#77adb3;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:2%;margin-right:2%;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}
@media print{html.with-featherlight>*>:not(.featherlight){display:none}}


@media (max-width:1050px){
.row{width:95%}
.overlay{
top: 4%;
right: 4%;
}
}

@media (max-width:900px){
#service{top:0;position: relative;margin-top: 3%;}
h1{font-size: 4vw;}
.c12 .c12{width:100%;float:none;}
}
@media (max-width:780px){
#brand{width: 150px;}
.row{width:100%}
#service,#suppliers{margin:0}
.quote{width: 100px;height: 100px;}

#testimonial {padding: 5% 0;}
.white.shadow2{-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0 0 0 rgba(0, 37, 97, 0.39);
-moz-box-shadow: 0 0 0 0 rgba(0, 37, 97, 0.39);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);}
.overlay{
position: relative;
text-align: center;
width: 100%;
height: auto;
right: auto;
top: auto;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0 0 0 rgba(0, 37, 97, 0.39);
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
}

}

@media (max-width:600px){
.c12{width:100%;float:none}
.push-left{display:none}
.push-right{margin:0}
#testimonial{padding: 0;}
#contact-form{    top: 0;
margin-bottom: 3em;}
}