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

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

body,.Normal{font-family: 'Nunito', sans-serif; font-size: 16px;}/* Default font and colour. Use long form CSS */
h1{font-family: 'Roboto', sans-serif;color: #00526E;text-transform: uppercase;font-size: 36px;line-height: 42px;}
h2{font-family: 'Roboto', sans-serif;font-weight: 400;}
h3{font-family: 'Roboto', sans-serif;}
h4{}
h5{}
h6{}
hr{}
pre{}
blockquote{font-family: 'Nunito', 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{color:#002050;}
a:active,a:hover{color:#12356b;}
.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{}
.FooterLinks a span:hover,.FooterLinks a:active,.FooterLinks a:hover{}
.StandardButton,a.StandardButton,a.StandardButton:link{}
.StandardButton:hover,a.StandardButton:hover{}

/* Structure and content */
.Outer{}
.PageID{}
.Page{background: #fff;padding: 0;}/* Website background */
.Above{height: 200px;position: absolute;background: #00526E;}
.Paper{box-shadow: none; border: none;display: inherit;}/* Wraps Header and Contents sections. Set display:inherit to disable rubber-banding */
.Header{display: inherit;}/* 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 #00526E;background-size:cover}
.LogoLink{}
.Logo{}
.BelowLogo{}
.MenuBar{background: transparent;}/* Menu wrapper includes SigninPane */
.MenuPane{float:right;width:100%;margin-top:-60px;}/* Menu column */
.MenuPaneInner{float:right;clear:right;}
.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{}/* Breadcrumbs column */
.BreadCrumbSeparator:after{}
.SearchBar{display: none;}/* Search column */
.SearchWrapper{}/* Padding and margins */
.SearchPane{display: none;height: 0;}/* Use height:px to set SearchBar height */
.SearchInput{}
a.SearchIcon{}
a.SearchIcon:hover{}
.SearchIcon .far{}
.ContentPane{min-height:420px !important;}
.ContentLeft{}/* Move this min-height into the primary content panel */
.ContentLeftDown{}
.ContentRight{}
.ContentRightUp{}
.Foot{}
.Footer{}/* Wraps all footer rows */
.FooterLinks{}
.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{text-transform: uppercase;font-size: 18px;font-weight: 400;font-family: 'Roboto', sans-serif;}
.MenuBar ul.Menu .sub a{}

/* Menu item borders and separators. Set border:none; to remove defaults */
.MenuBar ul.Menu a.first{border: none;}
.MenuBar ul.Menu a{border: none;}
.MenuBar ul.Menu a.last{border: none;}
.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{color: #fff; background: transparent;}/* Menu */
.MenuBar ul.Menu a.branch{color: #fff; background: transparent;}/* Branch */
.MenuBar ul.Menu a.current,.MenuBar ul.Menu a.breadcrumb{color: #fefefe; background: transparent;}/* Active */
.MenuBar ul.Menu a:hover,.MenuBar ul.Menu a:focus{color: #fefefe; background: transparent;}/* 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 #00526E}/* 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{}/* 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 */

/*Basic Styles*/
.BelowMenuRow .Span {width: 100%;}
.Trailer{color: #FFCC00}
.SideH2{color: #00526E;font-weight: 700;font-size: 36px;text-transform: capitalize;}
.LogoLink {z-index: 9999;position: relative;max-width: 450px;} /* Turn Off when site is not live  */

/*Footer Styles*/
.Footer3Column {background: #00526E;}
.SocialIcons {padding: 8% 0;color: rgb(255, 255, 255);font-size: 14px;text-align: left;position: absolute;top: 50%;transform: translateY(-50%); right: 0;left: 0;line-height: 1.5em;}
.SocialIcons a {font-size: 18px;color: rgb(255, 255, 255);}
#dnn_ctr18693_HtmlModule_lblContent {position: relative;height: 30vh;}
#dnn_Footer3B {width: 0;}
#dnn_Footer3C {width: 66%;}


/*Home*/
a.ContactButton {border: 2px solid rgb(0, 32, 80);padding: 1% 6%;margin: 1% 0;display: inline-block;text-transform: uppercase;font-weight: 700;}
.Page8339 .Middle2Column  {border-top: 1px solid #ccc;padding-top: 5%;padding-bottom: 5%;}
.Page8339 .ContentPane {min-height: 100% !important;}


/*Banner*/
.chameleon_slider.callisto .scrollable_box {background: none;}
.chameleon_slider .scrollable_box .scrollbar {display: none !important;}
.BannerText {text-align: center;}
.BannerText h2 {color: rgb(255, 255, 255) !important;text-transform: uppercase;font-size: 42px !important;font-family: 'Maven Pro', sans-serif !important;text-shadow: 2px 2px 4px #222;padding-bottom: 2% !important;}
.scrollable_box.item_info {width: 1170px !important;margin: auto !important;left: unset !important;right: unset;position: relative;}

/*Trailer*/
.Page8340 .Middle2Column  {border-top: 1px solid #ccc;padding-top: 5%;padding-bottom: 5%;}
.Page8340 .ContentPane {min-height: 100% !important;}
.TrailerList h2 {display: inline-block;color: #00526E;font-weight: 700;font-size: 36px;max-width: 225px;	text-transform: capitalize;}
.TrailerList sup {font-size: 35%;text-transform: lowercase;color: rgb(255, 204, 0);margin-left:3%;top: -1.5em;}
.TrailerList br {margin-bottom: 3%;}
.TrailerList .Trailer {font-size: 42px;}
.PriceTable td {padding: 5px;}


/*Contact*/
.Page8341 .ContentRightRow {border-top: 1px solid #ccc;padding-top: 5%;padding-bottom: 5%;}
.Page8341 .ContentPane {min-height: 100% !important;}

/* Radial In */
.hvr-radial-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; background: #FFCC00; -webkit-transition-property: color;  transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.hvr-radial-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #fff; border-radius: 100%;  -webkit-transform: scale(2); transform: scale(2);  -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active { color: rgb(0, 32, 80)}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before { -webkit-transform: scale(0); transform: scale(0);}

/*Maps*/
.edMaps_mapWrapper.edMaps_theme__default-Venture .edMaps_markerList {max-height: initial !important;}
.edMaps_mapWrapper.edMaps_theme__default-Venture .edMaps_markerList > div > p{font-size: 16px;}
.edMaps_mapWrapper.edMaps_theme__default-Venture .edMaps_markerList > div > div.edMaps_html {font-size: 16px;line-height: 24px;}


/* Phone and Tablet */
@media (min-width: 0) and (max-width:991px) {

.BannerText h2 {font-size: 30px !important;padding-bottom: 0 !important;}
.scrollable_box.item_info { width: 100% !important;}
.chameleon_slider.callisto .scrollable_box {width: 100% !important;top: 35% !important;}
.viewport.scrollable {max-height: 100% !important;}
.scrollable_box.item_info {height: 100% !important; max-height: 100% !important;}

.TrailerList h2 {max-width: 175px;}

}

/* Phone */
@media (min-width: 0) and (max-width: 767px) {

.chameleon_slider.callisto .scrollable_box {width: 100% !important;top: 25% !important;}
.viewport.scrollable {max-height: 100% !important;}
.scrollable_box.item_info {height: 100% !important; max-height: 100% !important;}
.BannerText h2 {font-size: 18px !important;padding-bottom: 0 !important;}
.BannerButton {font-size: 13px;}

.SocialIcons {padding-top: 0;text-align: center;}
#dnn_Footer3B, #dnn_Footer3C {width: 100%;}

.TrailerList h2 {display: block;max-width: 100%;text-align: center;margin-bottom: 10%;}

}

/* Desktop */
@media (min-width: 992px) and (max-width: 1199px) { 
#dnn_Middle2B {padding-left: 3%;}
.TrailerList h2 {max-width: 200px;}

}

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

#dnn_Middle2B {padding-left: 3%;}

}