@charset "utf-8";
/***!  /media/mod_j51layerslideshow/css/style.css  !***/

.layerslideshow *,.layerslideshow *:before,.layerslideshow *:after{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:1px 1px 1px rgba(0,0,0,0.04)}.layerslideshow{margin-bottom:-10px}.layerslideshow .blocks-box,.layerslideshow .slick-slider{margin:0;padding:0!important}.layerslideshow .slick-slide{float:left;padding:0}.layerslideshow .img-fill{width:100%;display:block;overflow:hidden;position:relative}.layerslideshow .img-fill img{min-height:100%;min-width:100%;position:relative;display:inline-block;max-width:100%}.layerslideshow .info{display:flex;flex-direction:column;justify-content:center;position:absolute !important;top:0;left:0;right:0;bottom:0}.layerslideshow .info-wrapper{display:flex;flex-direction:column;padding:30px}.layerslideshow-prev,.layerslideshow-next{position:absolute;top:50%;margin:-9px 0 0;display:block;opacity:.7;padding:0 10px;z-index:1;background-color:transparent;cursor:pointer}.layerslideshow-prev svg path,.layerslideshow-next svg path{fill:rgba(200,200,200,.8)}.layerslideshow-prev:hover,.layerslideshow-next:hover{opacity:1}.layerslideshow-prev{left:5px}.layerslideshow-next{right:12px}.layerslideshow-prev svg,.layerslideshow-next svg{fill:white;width:18px}.layerslideshow .j51-nav-dots{display:flex;position:absolute;bottom:20px;right:10px}.layerslideshow button.j51-nav-dot{height:8px;width:25px;background:white;border-radius:4px;border-radius:var(--j51-border-radius-sm);opacity:.5;margin:3px;cursor:pointer;user-select:none;color:inherit;border:none;padding:0;font:inherit}.layerslideshow button.j51-nav-dot.active{opacity:.9;background-color:var(--primary);width:8px}.layerslideshow .owl-carousel .j51-nav-dot:focus{outline:0}.layerslideshow-title{color:#FFF}.layerslideshow-caption{position:relative;z-index:0;margin-bottom:0}.layerslideshow .item-align-center .info{align-items:center}.layerslideshow .item-align-center .info-wrapper{text-align:center}.layerslideshow .item-align-right .info{align-items:flex-end}.layerslideshow .item-align-right .info-wrapper{text-align:right}.layerslideshow .owl-video-wrapper{position:absolute !important;top:0;left:0;right:0;bottom:0;background-color:transparent !important}.layerslideshow .owl-video-wrapper:before{position:absolute;top:0;left:0;right:0;bottom:0;content:'';background-image:radial-gradient(circle,rgba(0,0,0,0.7) 60%,rgba(0,0,0,.3) 100%);transition:all 1s ease;opacity:0}.layerslideshow .owl-video-wrapper iframe{position:relative;padding:50px 40px 60px;z-index:1}.layerslideshow .owl-video-playing .owl-video-wrapper:before{opacity:1}.owl-carousel .owl-video-play-icon{background-image:url(https://mail.surfacedressingsurrey.co.uk/media/mod_j51layerslideshow/images/play.svg) !important;opacity:.7}#container_slideshow .wrapper960{width:100% !important;position:relative}@media only screen and (max-width:767px){.layerslideshow .item h2{font-size:24px}.layerslideshow-prev,.layerslideshow-next{margin-top:-1em !important}}.active .layerslideshow-title,.active .layerslideshow-caption{animation-duration:1.5s;animation-fill-mode:both}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.active .bounce{animation-name:bounce}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.active .flash{animation-name:flash}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.active .pulse{animation-name:pulse}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.active .shake{animation-name:shake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.active .swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.active .tada{-webkit-animation-name:tada;animation-name:tada}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}.active .wobble{animation-name:wobble}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.active .bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}.active .bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}100%{transform:translateX(0)}}.active .bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}.active .bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY(0)}}.active .bounceInUp{animation-name:bounceInUp}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.active .fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.active .fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}.active .fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-60px)}100%{opacity:1;transform:translateX(0)}}.active .fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}}.active .fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translateX(60px)}100%{opacity:1;transform:translateX(0)}}.active .fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}.active .fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px)}100%{opacity:1;transform:translateY(0)}}.active .fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}.active .fadeInUpBig{animation-name:fadeInUpBig}@keyframes flip{0%{transform:perspective(400px) translateZ(0) rotateY(0) scale(1);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.active .95);animation-timing-function:ease-in}100%{transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);animation-timing-function:ease-in}}.active .flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.active .flipInX{backface-visibility:visible !important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.active .flipInY{backface-visibility:visible !important;animation-name:flipInY}@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.active .lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.active .rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.active .rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.active .rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.active .rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.active .rotateInUpRight{animation-name:rotateInUpRight}@keyframes slideInUp{0%{opacity:0;transform:translateY(1000px)}100%{transform:translateY(0)}}.active .slideInUp{animation-name:slideInUp}@keyframes slideInDown{0%{opacity:0;transform:translateY(-1000px)}100%{transform:translateY(0)}}.active .slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-2000px)}100%{transform:translateX(0)}}.active .slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{opacity:0;transform:translateX(2000px)}100%{transform:translateX(0)}}.active .slideInRight{animation-name:slideInRight}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.active .rollIn{animation-name:rollIn}@keyframes zoomIn{from{opacity:0;transform:scale3d(0.8,0.8,0.8)}50%{opacity:1}}.active .zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(0.475,0.475,0.475) translate3d(0,-100%,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}50%{opacity:1;transform:scale3d(0.75,0.75,0.75) translate3d(0,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}.active .zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(0.475,0.475,0.475) translate3d(50%,0,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}50%{opacity:1;transform:scale3d(0.75,0.75,0.75) translate3d(0,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}.active .zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(0.475,0.475,0.475) translate3d(-50%,0,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}50%{opacity:1;transform:scale3d(0.75,0.75,0.75) translate3d(0,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}.active .zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(0.475,0.475,0.475) translate3d(0,100%,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}50%{opacity:1;transform:scale3d(0.75,0.75,0.75) translate3d(0,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}.active .zoomInUp{animation-name:zoomInUp}

/***!  style declaration  !***/

:root{--primary:#702312;--secondary:;--primary-color:#702312;--secondary-color:;--base-color:#262626;--button-color:#702312;--hornav_font_color:#fff;--mobile-menu-bg:#141414;--mobile-menu-toggle:#fff}.layerslideshow{overflow:visible}body,.hornav ul ul,.hornav ul ul a{color:#262626}body,.hornav ul ul,.hornav ul ul a{font-family:Lato,Arial,Verdana,sans-serif;font-size:15px}a{color:#702312}h1{color:#404040;font-family:Montserrat,Arial,Verdana,sans-serif}h2,h2 a:link,h2 a:visited{color:#404040;font-family:Montserrat,Arial,Verdana,sans-serif}h3,.module h3,.module_menu h3,.btn,button{color:#d60000;font-family:Montserrat,Arial,Verdana,sans-serif}h4{font-family:Montserrat,Arial,Verdana,sans-serif;color:#702312}.hornav,.btn,.button,button{font-family:Montserrat}.wrapper960{width:1180px}.logo{top:0px;left:0px}.logo-text,.logo-text a{color:#fff;font-family:Montserrat;font-size:36px}.logo p.site-slogan{color:#fff;font-size:10px}.hornav ul li a,.hornav ul li span,.hornav ul li a:not([href]):not([class]),.hornav>ul>.parent::after,.hornav .menu li [class^="fa-"]::before,.hornav .menu li [class*=" fa-"]::before{color:#fff}.hornav ul ul li a{color:#2e2e2e}.hornav ul ul{background-color:#f5f5f5}.hornav ul ul:before{border-color:transparent transparent #f5f5f5 transparent}.sidecol_a{width:25%}.sidecol_b{width:32%}.owl-theme .owl-nav [class*="owl-"],.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span,ul.dot li::before,.text-primary,#container_base h3{color:#702312}.j51news .hover-overlay,.background-primary{background-color:#702312}.blog-alternative .item-image::after{border-color:#702312}.btn,button,.btn-group.open .btn.dropdown-toggle,.pager.pagenav a,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled],.btn:hover,.slidesjs-next.slidesjs-navigation,.slidesjs-previous.slidesjs-navigation,.search .icon-search,.dropdown-toggle,.label-info[href],.badge-info[href],.tagspopular a:hover,.module .module_header h3::after,.module_menu .module_header h3::after{background-color:#702312;color:#fff}.btn,.button,button{background-color:#702312}.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled],.readmore .btn:hover,.dropdown-toggle:hover,.search .icon-search:hover,.search .button:hover,.owl-theme .owl-nav [class*="owl-"]:hover{background-color:#3d140b !important;color:#fff !important}.nav-tabs>.active>a,.nav-tabs>.active>a:hover,.nav-tabs>.active>a:focus{border-bottom-color:#702312}blockquote{border-color:#702312}.btn:hover,.button:hover,button:hover{border-color:#3d140b}.owl-theme .owl-controls .owl-buttons div{background-color:#702312 !important}.tags .label-info[href]{background-color:transparent;color:#702312}.owl-theme .owl-controls .owl-buttons div{background-color:#702312 !important}body{background-color:#fff}.showcase_seperator svg{fill:}.slicknav_menu,.slideout-menu{background:#141414}.slideout-toggle-open .fa-bars::before{color:#fff !important}#container_main,.item-image.pull-none+.item-content{background-color:#fff}#container_footer{background-color:#000}

/***!  style declaration  !***/

#container_header,.header_top,.is-sticky .header_top{background-color:#f00}.logo{background-color:#f00}.hornav,#container_showcase1_modules{background-color:#f00}

/***!  style declaration  !***/



/***!  style declaration  !***/

@media only screen and (max-width:959px){.primary-logo-image{display:none}.mobile-logo-image{display:inline-block}}

/***!  style declaration  !***/

@media only screen and (max-width:1180px){.module_block,.wrapper960{width:100% !important}.content_main{border-radius:0}}@media only screen and (max-width:1140px){.hornav{display:none !important}.slicknav_menu,.slideout-toggle-open{display:block}#container_header .wrapper960{flex-wrap:wrap}#socialmedia{position:static;align-self:center;transform:none}.header_nav{display:flex}.header-1 .module,.header-2 .module{display:flex;align-items:center}}

/***!  style declaration  !***/

@media only screen and ( max-width:767px ){.showcase{display:none}.mobile_showcase{display:inline}}

/***!  style declaration  !***/

.bottom-2b .module_header h3,.bottom-2b h1,.bottom-2b h2,.bottom-2b h3,.bottom-2b h4,.bottom-2b h5,.bottom-2b h6{color:#fff !important}

/***!  style declaration  !***/

.bottom-2c .module_header h3,.bottom-2c h1,.bottom-2c h2,.bottom-2c h3,.bottom-2c h4,.bottom-2c h5,.bottom-2c h6{color:#fff !important}

/***!  style declaration  !***/

.bottom-2d .module_header h3,.bottom-2d h1,.bottom-2d h2,.bottom-2d h3,.bottom-2d h4,.bottom-2d h5,.bottom-2d h6{color:#fff !important}

/***!  style declaration  !***/

.sidecol-2a .module_surround{background-color:rgba(255,0,0,1)}

/***!  style declaration  !***/

h1{font-size:2.2em;font-weight:700}.maincontent{padding:30px 45px}.sidecol-a:first-of-type .module:first-of-type .module_surround,.sidecol-b:first-of-type .module:first-of-type .module_surround{padding-top:30px}.logo{position:relative;display:inline-flex;align-items:center;padding:15px 10px;box-shadow:0 0 30px rgba(0,0,0,0.5);z-index:1;transition:all 300ms ease}

/***!  style declaration  !***/



/***!  style declaration  !***/



/***!  style declaration  !***/



/***!  style declaration  !***/

@media only screen and (max-width:767px){.sidecol_a,.sidecol_b{order:1 !important}}

/***!  style declaration  !***/

#socialmedia ul li a [class^="fa-"]::before,#socialmedia ul li a [class*=" fa-"]::before{color:#fff}

/***!  style declaration  !***/

#container_showcase1_modules{background-color:}

/***!  style declaration  !***/

#container_showcase1_modules>.wrapper960{width:100%}#showcase1_modules.block_holder{padding:0}

/***!  style declaration  !***/

#showcase1_modules.block_holder,#showcase1_modules .module_surround,#showcase1_modules .module_content{padding:0}

/***!  style declaration  !***/

#container_top2_modules{background-color:#1f0600}

/***!  style declaration  !***/

#container_top2_modules>.wrapper960{width:100%}#top2_modules.block_holder{padding:0}

/***!  style declaration  !***/

#top2_modules.block_holder,#top2_modules .module_surround,#top2_modules .module_content{padding:0}

/***!  style declaration  !***/

#content_remainder{width:68%}

/***!  style declaration  !***/

#container_bottom1_modules{background-color:#f3f3f3}

/***!  style declaration  !***/

#container_bottom1_modules>.wrapper960{width:100%}#bottom1_modules.block_holder{padding:0}

/***!  style declaration  !***/

#bottom1_modules.block_holder,#bottom1_modules .module_surround,#bottom1_modules .module_content{padding:0}

/***!  style declaration  !***/

#container_bottom2_modules{background-color:#ff0303}

/***!  style declaration  !***/

#container_bottom3_modules{background-color:#700707}

/***!  style declaration  !***/

.layerslideshow105 .layerslideshow-title{color:#fff}.layerslideshow105 .layerslideshow-caption{color:#fff}.layerslideshow105,.layerslideshow .img-fill{max-height:600px}.layerslideshow105 .info-wrapper,.layerslideshow .NextArrow,.layerslideshow .PrevArrow{background-color:}.layerslideshow105 .active .layerslideshow-title,.layerslideshow105 .active .layerslideshow-caption{-webkit-animation-duration:1500ms;animation-duration:1500ms}.layerslideshow105 .active .layerslideshow-title{-webkit-animation-delay:0ms;animation-delay:0ms}.layerslideshow105 .active .layerslideshow-caption{-webkit-animation-delay:500ms;animation-delay:500ms}@media only screen and (max-width:600px){.layerslideshow105 .layerslideshow-title{display:none}}@media only screen and (max-width:600px){.layerslideshow105 .layerslideshow-caption{display:none}}@media only screen and (max-width:600px){.layerslideshow105 .info-wrapper{display:none}}