@import url('https://fonts.googleapis.com/css?family=Raleway:400,400i,700,700i');

/* WonderWebs-Bootstrap 9.3 Responsive template - Website stylesheet - Copyright 2018 WonderWebs.com */

body,.Normal{font-family: 'Raleway', sans-serif;font-size: 15px;line-height: 21px;}/* Default font and colour. Use long form CSS */
h1{font-family: 'Raleway', sans-serif;color: #222;font-size: 30px;}
h2{font-family: 'Raleway', sans-serif;color:#333;}
h3{font-family: 'Raleway', sans-serif;}
h4{}
h5{}
h6{}
hr{border-top: 3px dashed rgb(138, 138, 138);}
pre{}
blockquote{font-family: 'Raleway', sans-serif;}
strong,b,.NormalBold{}
input[type="text"], input[type="file"], input[type="password"], input[type="date"], input[type="email"], select, textarea{}

/* Hyperlinks and buttons */
a,a:link,a:visited{}
a:active,a:hover{}
.SigninSeparator,.SigninPane a:link,.SigninPane a:visited{}
.SigninPane a:active,.SigninPane a:hover{}
.BreadCrumbSeparator,a.BreadCrumbs:link,a.BreadCrumbs:visited{}
a.BreadCrumbs:active,a.BreadCrumbs:hover{}
.FooterLinks span,.FooterSeparator,.FooterLinks a:link,.FooterLinks a:visited{color: #fff;}
.FooterLinks a span:hover,.FooterLinks a:active,.FooterLinks a:hover{color: rgb(233,233,233)}
.StandardButton,a.StandardButton,a.StandardButton:link{}
.StandardButton:hover,a.StandardButton:hover{}

/* Structure and content */
.Outer{}
.PageID{}
.Page{padding-top: 0; background: #fff;padding-bottom: 0;}/* Website background */
.Above{}
.Paper{display: inherit;border: none; box-shadow: none}/* Wraps Header and Contents sections. Set display:inherit to disable rubber-banding */
.Header{}/* Wraps AboveLogo down to BelowLogo */
.AboveLogo{}
.LogoSpan{}
.LogoWrapper{padding-top:17.094%;}/* Responsive logo height {padding-top:(height*100/width)%;} Otherwise use px */
.LogoPane{background:url("Logo-1170x200.png") no-repeat scroll 0 0 transparent;background-size:cover}
.LogoLink{}
.Logo{}
.BelowLogo{}
.MenuBar{display: none;}/* Menu wrapper includes SigninPane */
.MenuPane{}/* Menu column */
.MenuPaneInner{}
.SigninPane{display: none;}/* Signin column */
.SigninPaneInner{}
.Account{}
.SigninSeparator::after{}
.SigninTop{}
.BelowMenu{}
.Contents{}/* Main page content. Set display:inherit to disable rubber-banding */
.Contents .Span{}/* Website foreground */
.BreadCrumbBar{display: none;}
.BreadCrumbs{}/* Use line-height to set BreadCrumbBar height */
.BreadCrumbPane{display: none;}/* Breadcrumbs column */
.BreadCrumbSeparator:after{}
.SearchBar{display: none;}/* Search column */
.SearchWrapper{}/* Padding and margins */
.SearchPane{display: none;}/* Use height:px to set SearchBar height */
.SearchInput{}
a.SearchIcon{}
a.SearchIcon:hover{}
.SearchIcon .far{}
.ContentPane{min-height:100% !important;}
.ContentLeft{}/* Move this min-height into the primary content panel */
.ContentLeftDown{}
.ContentRight{}
.ContentRightUp{}
.Foot{}
.Footer{}/* Wraps all footer rows */
.FooterLinks{background: rgb(78, 78, 78);}
.SigninBottom{}
.FooterSeparator{}
.FooterSeparator:after{}
.Terms{}
.Privacy{}
.Copyright{}
.Producer{}

/* Containers */
.Container{}/* Padding and margins for all */
.Default.Container{}
.Titled.Container{}
.Featured.Container{}
.NoContainer.Container{}
.NoPadding.Container{}
.NoGaps.Container{}

/* Featured Container. Modify these to suit any container */
.Featured.Container{}
.Featured .ContainerTitle{}
.Featured .ContainerBody{}
.Featured .Normal{}
.Featured a,.Featured a:link,.Featured a:visited{}
.Featured a:active,.Featured a:hover{}

/* Menu and Submenu font. Use long form CSS */
.MenuBar ul.Menu a{}
.MenuBar ul.Menu .sub a{}

/* Menu item borders and separators. Set border:none; to remove defaults */
.MenuBar ul.Menu a.first{}
.MenuBar ul.Menu a{}
.MenuBar ul.Menu a.last{}
.MenuBar ul.Menu .sub a.first{}
.MenuBar ul.Menu .sub a{}
.MenuBar ul.Menu .sub a.last{}

/* Menu colours - Every menu item also has a unique ID */
.MenuBar ul.Menu a,.MenuBar ul.Menu a:visited{}/* Menu */
.MenuBar ul.Menu a.branch{}/* Branch */
.MenuBar ul.Menu a.current,.MenuBar ul.Menu a.breadcrumb{}/* Active */
.MenuBar ul.Menu a:hover,.MenuBar ul.Menu a:focus{}/* Hover */

/* SubMenu colours */
.MenuBar ul.Menu .sub a,.MenuBar ul.Menu .sub a:visited{}/* Sub Menu */
.MenuBar ul.Menu .sub a.branch{}/* Branch */
.MenuBar ul.Menu .sub a.current,.MenuBar ul.Menu .sub a.breadcrumb{}/* Active */
.MenuBar ul.Menu .sub a:hover,.MenuBar ul.Menu .sub a:focus{}/* Hover */

/* Menu item height and padding e.g. {height:40px;line-height:40px;} */
.MenuBar ul.Menu a{}
.MenuBar ul.Menu .sub a{}

/* Hamburger menu */
.hamburger .mean-bar,.PreloadImage{background:url("Logo-1982x180.png") no-repeat scroll 0 0 / 991px 90px transparent}/* Logo */
.hamburger a.hamburger-wrapper{}/* Use for full-screen menu */
.hamburger a.hamburger-bun{}/* Hamburger bun */
.hamburger a.hamburger-bun span{}/* Hamburger meat */
.hamburger .mean-nav{margin-top: 0;}/* Menu background */
.hamburger .mean-nav ul li a{}/* Menu items */
.hamburger .mean-nav ul li a:hover{}

/* Splash */
.SplashPage{}/* Background */
.SplashPlacement{}/* Content padding */
.SplashContent{}/* Content */

/* Custom Classes - Any uncommented classes here will appear in the word processor menu */
/* .CustomClass01{} */
/* .CustomClass02{} */
/* .CustomClass03{} */
/* .CustomClass04{} */
/* .CustomClass05{} */
/* .CustomClass06{} */
/* .StandardButton{} */

/* Other styles */

.Header {position: absolute;top: 0;left: 0;right: 0;display: inherit;}

.ThreeButtons {margin: 5% 0 10% 0;padding-left: 3%;}
.ThreeButtons .col-sm-4 {padding: 0;}
.InnerOne, .InnerTwo{padding-right: 10%;text-align: center;}
.InnerThree {padding-right: 10%;text-align: center;}
.InnerOne a, .InnerTwo a, .InnerThree a {color: #fff;font-weight: 700;text-transform: uppercase;font-size: 24px;line-height: 24px;background: rgb(252, 82, 0);display: block;padding: 3%;}
.InnerOne a:hover, .InnerTwo a:hover, .InnerThree a:hover{color: rgb(239, 239, 239);}
.PetIcon {max-width: 30px;float: left;background: #fff;border-radius: 50%;padding: 5px;border: rgb(252, 82, 0) 2px solid;transform: scale(2.5);}
.ThreeButtons a span {transform: translate(0,-3px);display: block;}



/*Home*/ 
.Page8252 .ContentPane {min-height: 100% !important;}
.Page6588 .FooterLinks {position: fixed;bottom: 0;left: 0;right: 0;}

/*Banner*/
.edsvbr__Theme1 .edsms_slideDescription {max-width: 1170px !important;margin: auto !important;background: none !important;}
.ms-layer.edsms_slideDescription.ms-hover-active {top: 30% !important;}

.WebText{width: 45%;color: #fff;padding: 2% 2%;background: rgba(42, 42, 42, 0.68); border-radius: 5px;margin-left: 5%;}
.WebText a{background: #222;color: #ccc;border-radius: 5px;padding: 2% 5%;font-size: 16px;line-height: 24px;}
.WebText a:hover{color: #fff;}
.WebButton a{color: #ccc;font-size: 16px;line-height: 24px;}
.WebButton a:hover{color: #fff;}
.WebText p {line-height: 24px;margin-top: 5px;margin-bottom: 10px;font-size: 16px;}
.WebText h1 {color: #fff;font-size: 30px;line-height: 42px;font-weight: 400;}
.WebButton .LeftCol, .WebButton .RightCol{text-align: center;padding: 3%;border-radius: 5px;background: rgba(42, 42, 42, 0.68);margin: 1% 3%;}
.WebButton {width: 45% !important;margin-left: 5%;}

/*Menu*/
.hamburger {padding-top: 0 !important;}
.mean-bar {display: block !important;z-index: inherit !important;}
.hamburger-bun {margin: 0 auto;max-width: 1170px;position: relative;width: 100%;}
.hamburger a.meanmenu-reveal span {background: rgb(255, 255, 255) none repeat scroll 0 0;height: 3px;margin-bottom: 6px;margin-top: 1px;filter: drop-shadow(0 2px 2px rgb(0, 0, 0));}
.hamburger a.meanmenu-reveal{background: none; position: absolute;top: 0;width: 65px;z-index: 1}
.meanmenu-reveal.meanclose {color: #ffffff !important;margin:25px 25px 0 0 !important;transform: rotate(0deg) !important;z-index: 9999 !important;padding:0 !important;}
.mean-bar .Menu{background:#222;height: 100%;position: fixed;padding:0;overflow-y: scroll;overflow-x: hidden;box-sizing: content-box;padding-right: 17px !important;}
.hamburger .mean-nav ul li{border:none;}
.hamburger .mean-nav ul li a {background: transparent none repeat scroll 0 0;text-align: center;font-size: 32px;padding: 10px 0;}
.hamburger .mean-nav ul li a:hover {background: transparent none repeat scroll 0 0; color: #c0c0c0;}
.hamburger .mean-nav ul li.first{margin-top:250px;}
/*.logolink {bottom: unset !important;top: 0;height: 200px !important;width: 50% !important;z-index: 1;}  remove comment when live*/
.meanclose {position: fixed !important;}
.hamburger .hamburger-wrapper {max-width: 1170px;margin: auto;position: relative;}

.PhoneContact {position: absolute;top: 30px;right: 10%;z-index: 1;}
.PhoneContact a {color: #fff;text-shadow: 2px 2px 6px #222;}

/*Services*/
.ChevButton .fas.fa-chevron-down {font-size: 42px;font-weight: 400;}
.ChevButton {background: none !important;padding: 2% 1% !important;}
.fas.fa-chevron-right {font-size: 18px;color: #333;}

@keyframes attention {
  9% {
    transform: none;
  }
  12% {
    transform: scale(1.05);
  }
  16% {
    transform: scale(0.95);
  }
  20% {
    transform: scale(1.03);
  }
  24% {
    transform: scale(1);
  }
}

/*Add This*/
.at-follow-label {
	color: #fff;
	text-shadow: 2px 2px 4px #222;
	font-size: 16px;
}



/* Phone and Tablet */
@media (min-width: 0) and (max-width:991px) {
.AboveRow.hidden-xs.hidden-sm {display: block !important;}
.hamburger .mean-bar, .PreloadImage {background: url("Logo-1982x180.png") no-repeat scroll 20px 0 / 991px 90px transparent;z-index: 1 !important;}


}

/* Phone */
@media (min-width: 0) and (max-width: 767px) {
.WebButton {width: 90% !important;}
.WebText{width: 90%;}

.ms-layer.edsms_slideDescription.ms-hover-active {top: 15% !important;}
.WebText h1 {font-size: 24px;line-height: 30px;}
.WebText p {line-height: 24px;margin-top: 0;margin-bottom: 5px;font-size: 14px;}
div.WebButton > div > div {width: 50% !important;}

.ThreeButtons .col-sm-4 {margin-bottom: 65px;}
.ThreeButtons {padding-left: 10%;}
.PetIcon {transform: scale(2.8);}

.PhoneContact{display: none}


}

@media (min-height: 0) and (max-height: 700px) {
.LowHeightHide{display: none;}
.ms-layer.edsms_slideDescription.ms-hover-active {top: 30% !important;}
.WebText h1 {font-size: 18px;line-height: 30px;text-align: center;padding-top: 3%;padding-bottom: 3%;}
.ChevButton {padding: 2% 1% !important;text-align: center;display: block;}
.ChevButton .fas.fa-chevron-down {font-size: 30px;}
.WebText.About p {text-align: center;}
	

}

/* Desktop */
@media (min-width: 992px) and (max-width: 1199px) { 
.hamburger .mean-bar, .PreloadImage {background: none;}

}

/* Widescreen */
@media (min-width: 1200px) { 

.DnnModule.DnnModule-DNN_HTML.DnnModule-18426 { padding-left: 5%;}
.hamburger .mean-bar, .PreloadImage {background: none;}

}