﻿/* WebmontonMedia Responsive v9 Copyright 2019 Webmonton Ltd. */

/* ------------------------------------------- */
/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Archivo+Narrow:400,700|Raleway:200,400,600|Roboto+Condensed:400,700');

/*#region Define Basic Elements */

html,body {height:100%;font-family:'Raleway';font-weight:400; background-color:#ffffff;font-size:16px;}

/* Headings, element and class */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Archivo Narrow'; color: #204499; font-style:normal;font-weight:400;}
h3, h4, .h3, .h4 {color:#f15b2a;}
h5, h6, .h5, .h6 {color:#444444;}

/* All images responsive */
img { height: auto; min-width: 0px; max-width: 100%; }

/* Anchors */
a, a:link, a:visited, a:active { color: #f15b2a; text-decoration: none; }
a:hover { color:#204499; text-decoration:underline; }

/* Light on Dark */
.wlightondark, .wlightondark div, .wlightondark p, .wlightondark h1, .wlightondark h2, .wlightondark h3, .wlightondark h4 {color:#ffffff;}
.wlightondark a, .wlightondark a:link, .wlightondark a:visited, .wlightondark a:active { color: #fff; text-decoration: underline; }
.wlightondark a:hover { color:#d8d8d8; text-decoration:none; }

/* Accent Font */
em {}

/* Page Padding */
.wpagepadding {padding:0 0rem;}

/* layout gutters, where page padding is used (note difference/similarity/crossover between pane gutter here and container margin in container.css.) */
main .wpagepadding > .row > div[class*="col-"] {padding:.5rem;}

/* ------------------------------------------- */
/* Main Elements */
header { height: auto; margin: 0; padding: 0; background: #fff; position:relative; margin-top: 0px; z-index:3;}

main { 
height: 100%; 
margin: 0; 
padding: 0; 
background: #fff url(../img/wpageshadowbottom01.png) repeat-x center top; 
position:relative;
transition:all .4s ease 0s;
margin-top: 0px;
z-index:2;}

.wfooter { height: 100%; margin: 0; padding: 0 0 20px 0; position:relative; z-index:1;}

/* Enable for fixed footer */
/*main {margin-bottom:50%;}
.wfooter { height: auto; width:100%; position:fixed; bottom:0px;}
.wsectionrow6 {margin-bottom: -95px;}*/

/* ------------------------------------------- */
/* For hero image fade up - available */
/*.wherofade {position:absolute;bottom:0px;z-index:1000; background:url(../img/wfadeup01.png) repeat-x left bottom;  height:50px;width:100%;}*/

/*#endregion */

/*#region Define Top Band */
/* ------------------------------------------- */
.wpagetop {display:none; padding: 0.1rem 0.5rem; background: #444; height:auto; position: relative;z-index:1000; font-size:.9rem; text-transform:uppercase; }
.wpagetop .row { position: relative; }
/* layout gutters */
.wpagetopleft {padding-top: 0.25rem;}
.wpagetopright {text-align: right; }

.wpagetop .SkinObject { color: #999; }
.wpagetop, .wpagetop a, .wpagetop .SkinObject, .wpagetop a.SkinObject, .wpagetop a.SkinObject:link, .wpagetop a.SkinObject:visited { color: #999;}
.wpagetop a:hover, .wpagetop a.SkinObject:hover { color: #fff; text-decoration:none; }
/*#endregion */

/*#region Define Header Items */
/* ------------------------------------------- */
/* Bootstrap Navbar */
#navbar {position:fixed; width:100%; border-bottom:0rem solid #f15b2a;padding: 0; transition:all 0.5s ease; background:rgba(32, 68, 153, 0);}
#navbar .container {position:relative; z-index:1; padding:0; transition:all .4s ease 0s;}

/* Enable for fixed top navbar */
/*.navbar {position: fixed; top: 0px; width: 100%; background: #fff;}*/

/* Logo */
.navbar-brand {padding:0;margin:0; margin-left:1.5rem; transition:all .4s ease 0s; position:relative;}
.navbar-brand img {/*max-height:60px;*/ transition:all .4s ease 0s;/*max-width: 275px;*/position:absolute;top:0;}

/* Menu Toggler button and icon (mobile) */
.navbar-toggler { border: 1px solid #ffffff;padding: 0.4rem 0.4rem; border-radius: 0rem; margin:.8rem 1rem .8rem;}
.navbar-toggler span { color: #ffffff; font-size: 1.7rem; }

/* Other header content */
.wheader2 { display:inline-block; height:50px; transition: all 0.4s ease; position:absolute;top:134px;right:10px;}
.wheader2 a i {top: 5px;position: relative;font-size: 28px;}
.wheader2 a:hover i {}

.wheader3 { position:absolute;top:92px;right:10px;width:40%;height:30px; text-align:right;}
.wheader3 a i {top: 7px;position: relative;font-size: 28px;}
.wheader3 a:hover i {}

/* Home Icon/Link space */
.wpagetopleft i {margin-right:1rem;}

/* Login/User space */
.wlogin {display:inline-block; position: relative; vertical-align: top; padding-top: 0.25rem;}
.wlogin .wloginlink {margin-right: .5rem;}
.wlogin .wuserlink {margin-right: .5rem;}

/* Social space */
.wsocial {display:inline-block;}
.wsocial .fab {font-size:1.75rem;}

/* Search space */
.wsearch { display:inline-block;vertical-align: top;margin-right: .5rem;}
.wsearch a.SkinObject:link, .wsearch a.SkinObject:visited, .wsearch a.SkinObject:active { margin-left: 0.5rem; }
.wsearch a.SkinObject:hover {}

/* Search box */
#dnn_dnnSearch_txtSearch { color: #b4b4b4; }
.wsearch input[type="text"] { margin: 0.1rem 0 0; padding: .1rem; border-radius:4px; background: #f7f7f7; border: 1px solid #999; }

/* Search Icon*/
.wsearch i {font-size:1.4rem; margin-top: 0.2rem; vertical-align: top;} 

/* The sticky class reaches its scroll position */
#navbar.sticky {position: fixed; top: 0; width: 100%; border-bottom:10px solid #f15b2a; 
background: rgb(6,31,102);
background: -moz-linear-gradient(left,  rgba(6,31,102,1) 0%, rgba(32,68,153,1) 100%);
background: -webkit-linear-gradient(left,  rgba(6,31,102,1) 0%,rgba(32,68,153,1) 100%);
background: linear-gradient(to right,  rgba(6,31,102,1) 0%,rgba(32,68,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061f66', endColorstr='#204499',GradientType=1 );
}
#navbar.sticky .navbar-brand {padding: 40px 90px 0px 0;margin:0; margin-left:1.8rem; background: url(../img/shoLogo-white-h40.png) no-repeat left top;}
#navbar.sticky .navbar-brand img {max-height:40px;position:relative;top:0; display:none;}

/* Add some top padding */
/*#main.sticky {margin-top: 150px;}*/

/* Move pagettop to footer fixed, sticky */
/*#pagetop {position:fixed; bottom:0; width:100%; transition: all 1s ease;}*/
/*#pagetop.sticky {bottom:-120px;}*/

/*#endregion */

/*#region Define Footer */
/* ------------------------------------------- */

.wfooter {padding:0; padding-top: 1rem; background:#204499; border-top:10px solid #f15b2a;
background: rgb(6,31,102);
background: -moz-linear-gradient(left,  rgba(6,31,102,1) 0%, rgba(32,68,153,1) 100%);
background: -webkit-linear-gradient(left,  rgba(6,31,102,1) 0%,rgba(32,68,153,1) 100%);
background: linear-gradient(to right,  rgba(6,31,102,1) 0%,rgba(32,68,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061f66', endColorstr='#204499',GradientType=1 );
}
.wfooter, .wfooter p, .wfooter li, .wfooter .Normal, .wfooter .normal {font-size:.9rem; color:rgba(256,256,246,0.6);}
.wfooter, .wfooter p, .wfooter li {}
.wfooter a, .wfooter a:link, .wfooter a:visited {color:rgba(256,256,246,0.6);}
.wfooter a:hover {color:rgba(256,256,246,1);}
.wfooter ul { margin: 0px; }

.wfooter a i {color:rgba(256,256,256,0.6)}
.wfooter a:hover i  {color:rgba(256,256,246,1)}

.wfootertop {/*background:#444444;*/}
.wfooterbottom {/*background:#444444;*/}

.wfooterbottom h4 {font-size:1rem;color:rgba(256,256,256,0.6);}
.wfooterbottom, .wfooterbottom p, .wfooterbottom li {font-size:.9rem;}

/* Footer style, container  */
.wfooter-container h2.wtitle{color:rgba(256,256,246,0.3);}
.wfooter-container i {top:-1px;}

/* ------------------------------------------- */
/* Define Legal */
.wlegal { position: relative; background:#111111;padding:.5rem; }
.wlegal .wpanes { padding: 0px 0px 20px 0px; }

.wlegal1 { margin-top: 8px;}
.wlegal1 a i {color:#777;}
.wlegal1 a:hover i  {color:#00b1b0;}

.wlegal2 {width:100%;}
.wlegal2 { color: rgb(131, 131, 131);line-height: 1.5rem; }
.wlegal2, .wlegal2 p, .wlegal2 li { color: rgb(131, 131, 131); font-size: .8rem;}
.wlegal2 a, .wlegal2 a:link { color: rgb(131, 131, 131); text-decoration: none;}
.wlegal2 a:hover { color: #fff; }
.wlegal2 .SkinObject { /*font-weight: normal !important;*/ }

.wlegalleft {padding:1rem;flex-basis:49%;}
.wlegalright {padding:1rem;text-align:right;flex-basis:49%;}

/* off set to match SVG if needed */
/*.wlegalbox {padding-left:42%;}
.wfootericons {padding-left:42%;}*/

/*#endregion */

/*#region Define Menu */
/* ------------------------------------------- */
/* Webmo Bootstrap SmartMenu */
/* ------------------------------------------- */
/* 1st Tier Defaults (Desktop) */

#navbarNav > ul {
margin-left:0;
margin-right:1%;
/*position:absolute;*/
flex-wrap:wrap;
}

#navbarNav > ul > li > a.nav-link {
color:#ffffff; 
background:transparent;
font-family:'Archivo Narrow';
font-weight:700;
font-size:1.2rem;
font-style:normal;
letter-spacing:.1rem;
text-transform:uppercase;
white-space:nowrap;
padding:12px 10px;
margin:0px 0 0 0;
border-radius:0px;
border: 0px solid rgba(255,255,255,0.3);
transition:all .4s ease 0s;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

/* Top Level Hover (excludes with children?) */
#navbarNav > ul > li > a.nav-link:hover {
color:#ffffff;
background:#f15b2a;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
}

/* Top Level Active (excludes with children?) */
#navbarNav > ul > li.active > a.nav-link {
background:transparent;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
}

/* Hide or Show Top Level submenu pointer (desktop) */
#navbarNav > ul > li > a.nav-link span.sub-arrow {
/*display:none;*/
}

/* Top Level hover chain. Keeps BG color of UL group on Top Level > Submenu hover, and changes button edge to flow */
#navbarNav > ul > li.dropdown:hover > a.nav-link {
color:#ffffff;
background:#f15b2a;
}

/* Default Sub menus */

/* BG color of all submenu panels */
#navbarNav ul ul {
width:auto;
min-width:10rem;
max-width:25rem !important;
background:#f15b2a;
border:0px solid rgba(255,255,255,0.2);
margin-left:0px;
transition:all .4s ease 0s;
} 

/* Submenu nav-link Default Style */
#navbarNav > ul ul a.nav-link {
color:#ffffff; 
background-color:transparent;
font-size:1rem;
font-family:'Archivo Narrow';
padding:.5rem 1rem .5rem .5rem;
margin:0px;
border-radius:0px;
border-top:1px solid rgba(255,255,255,0.3);
border-right:0px solid rgba(255,255,255,0.3);
border-bottom:0px solid rgba(255,255,255,0.3);
border-left:0px solid rgba(255,255,255,0.3);
}

/* Default Style Active */
#navbarNav > ul ul > li.active > a.nav-link {
color:#ffffff;
background-color:rgba(255,255,255,0.2);
}

/* Default Style Hover */
#navbarNav > ul ul a.nav-link:hover {
color:#ffffff;
background-color:rgba(255,255,255,0.3);
}

/* 1st Tier Mobile */

/* Change navbar Top Level ul for mobile*/
#navbarNav.collapsing, 
#navbarNav.show {
margin-top:17%;
background-color:#f15b2a; /* BG color of panel */

background: rgb(6,31,102);
background: -moz-linear-gradient(left,  rgba(6,31,102,1) 0%, rgba(32,68,153,1) 100%);
background: -webkit-linear-gradient(left,  rgba(6,31,102,1) 0%,rgba(32,68,153,1) 100%);
background: linear-gradient(to right,  rgba(6,31,102,1) 0%,rgba(32,68,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061f66', endColorstr='#204499',GradientType=1 );

}

#navbarNav.collapsing > ul, 
#navbarNav.show > ul {
margin:0 1%; /* acts like padding on ul, can provide color accents*/
}

/* Change Top Level color for mobile*/
#navbarNav.collapsing > ul > li > a.nav-link, 
#navbarNav.show > ul > li > a.nav-link {
color:#ffffff;
font-size:1.2rem;
padding:1rem 0 1rem 1.5rem; /* padding here can provide animated push effect on open */
margin:0px;
border-top:1px solid rgba(255,255,255,0.3);
}

/* Change Top Level Hover color for mobile  */
#navbarNav.collapsing > ul > li > a.nav-link:hover,
#navbarNav.show > ul > li > a.nav-link:hover {    
color:#ffffff; 
background:transparent;
background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);
}

/* Change Top Level Active color for mobile  */
#navbarNav.collapsing > ul > li.active > a.nav-link,
#navbarNav.show > ul > li.active > a.nav-link {     
color:#ffffff; 
background:transparent;
background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);
}

/* ----------------- */
/* Special Style When Mobile */
#navbarNav.collapsing > ul > li:hover > ul.subLevel > li, 
#navbarNav.show > ul > li:hover > ul.subLevel > li {flex-basis:100%;}

#navbarNav.collapsing > ul > li:hover > ul, 
#navbarNav.show > ul > li:hover > ul {display:none;}

/*#region Menu Menutia */

/* 1st Tier Mobile */

/* For indent effect on mobile */
#navbar #navbarNav.collapsing > ul > li > a.nav-link/*,
#navbar.sticky #navbarNav.collapsing > ul > li > a.nav-link*/ {
padding-top:1rem; 
padding-bottom:1rem;
padding-left: .5rem;
}




/* Submenu ul */
#navbarNav ul.dropdown-menu {    
padding: 1px;
border-radius: 0px;
/*top:2.60rem !important;*/
box-sizing:border-box;
}

/* Submenu ul different top margin on first submenu */
#navbarNav > ul > li > ul.dropdown-menu {
margin-top: 0; 
/*top: auto !important;*/
}

/* Hide top border on first item */
#navbarNav > ul ul li:first-child a.nav-link {
border-top:0px solid transparent;
}    

/* Prevent wrap */
#navbarNav > ul ul a.nav-link {
white-space: nowrap;
}



/* Sub Menus Mobile */

/* Show top border on first item mobile */
#navbarNav.collapsing > ul ul li:first-child a.nav-link,
#navbarNav.show > ul ul li:first-child a.nav-link {
border-top:1px solid rgba(255,255,255,0.3);
}

/* Submenu links on Mobile */
#navbarNav.collapsing > ul ul a.nav-link,
#navbarNav.show > ul ul a.nav-link {
font-size:1.2rem;
padding-top:1rem;
padding-bottom:1rem;
}

/* Submenus hover chain for mobile. */
#navbarNav.collapsing > ul > li.dropdown:hover > a.nav-link,
#navbarNav.show > ul > li.dropdown:hover > a.nav-link {
border-top:1px solid rgba(255,255,255,0.3);
}

/* Indent submenus when mobile */
#navbarNav.collapsing > ul ul a.nav-link,
#navbarNav.show > ul ul a.nav-link {padding-left:2.5rem;}
#navbarNav.collapsing > ul ul ul a.nav-link,
#navbarNav.show > ul ul ul a.nav-link {padding-left:3.5rem;}
#navbarNav.collapsing > ul ul ul ul a.nav-link,
#navbarNav.show > ul ul ul ul a.nav-link {padding-left:4.5rem;}

/* Submenu for mobile */
#navbarNav.collapsing > ul ul,
#navbarNav.show > ul ul {margin:0px; background-color:transparent;}

/*---------------------------*/

/* Overide smart menu */
a.text-dark:focus, a.text-dark:hover {color:#fff !important;}
a.bg-light:focus, a.bg-light:hover {background-color:rgba(255,255,255,0.3) !important;}

/* Restyle (Desktop) submenu arrows to point as desired (desktop > right)  */
#navbar #navbarNav:not(.show):not(.collapsing) ul ul a.nav-link .sub-arrow {
vertical-align: 0;
border-top: .3em solid transparent;
border-right: 0;
border-bottom: .3em solid transparent;
border-left: .3em solid;
top: 0px;
}

/*#endregion */


/*---------------------------*/

/* Menu on Sticky */

/* Top Level */
#navbar.sticky #navbarNav:not(.show):not(.collapsing) > ul.navbar-nav > li.nav-item > a.nav-link {
/*padding-right: .6rem;
padding-left: .6rem;
padding-bottom:.6rem;
padding-top:.6rem;
margin-top:1px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
border-top:2px solid transparent;
border-right:0px solid rgba(255,255,255,0.3);
border-bottom:0px solid rgba(255,255,255,0.3);
border-left:0px solid rgba(255,255,255,0.3);
border-radius:0px;*/
font-size:1rem;}

/* Hover when Sticky Wide
#navbar.sticky #navbarNav:not(.show) > ul.navbar-nav > li.nav-item > a.nav-link:hover {
border-top:2px solid #281d44;}*/


/* Quick General */


/*#endregion */

/*#region Define Buttons */
/* ------------------------------------------- */
.btn-primary,
a.btn-primary,
a.btn-primary:link,
a.btn-primary:visited,
.dnnPrimaryAction, 
a.dnnPrimaryAction, 
a.dnnPrimaryAction:link, 
a.dnnPrimaryAction:visited, 
input[type="submit"],
.dnnFormItem input[type="submit"] {
border-width: 2px; 
border-radius: 30px;
border-color: #204499;
border-style:solid;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
padding: .5rem 1rem; 
font-family: 'Archivo Narrow', Arial, Helvetica, sans-serif; 
font-size: 1.2rem; 
font-weight:400; 
color: #204499;  
text-decoration: none; 
text-shadow:none;
transition: all 0.4s ease; 
background: #ffffff;
}

.btn-primary:hover,
a.btn-primary:hover,
.dnnPrimaryAction:hover, 
a.dnnPrimaryAction:hover, 
input[type="submit"]:hover,
.dnnFormItem input[type="submit"]:hover { 
border-color: #204499;
color: #ffffff;
background: #204499; }

.btn-primary:active,
a.btn-primary:active,
.dnnPrimaryAction:active, 
a.dnnPrimaryAction:active, 
input[type="submit"]:active,
.dnnFormItem input[type="submit"]:active
/*input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.dnnFormItem input[type="button"]:focus,
.dnnFormItem input[type="reset"]:focus,
.dnnFormItem input[type="submit"]:focus */ { 
border-color: #f15b2a;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
color: #f15b2a; 
text-decoration: none;
text-shadow:none;
background: #ffffff;
}


/* ------------------------------------------- */
/* Secondary Action */
input[type="button"],
input[type="reset"],
.dnnFormItem button, 
.dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnSecondaryAction, 
a.dnnSecondaryAction, 
ul.dnnAdminTabNav li a, 
.dnnLogin .LoginTabGroup span {
border-width: 2px; 
border-radius: 30px;
border-color: #c0c0c0;
border-style:solid;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
padding: .5rem 1rem; 
font-family: 'Archivo Narrow', Lato, Arial, Helvetica, sans-serif; 
font-size: 1.2rem; 
font-weight:400; 
color: #c0c0c0;  
text-decoration: none; 
text-shadow:none;
transition: all 0.4s ease;
background:transparent;
}

input[type="button"]:hover,
input[type="reset"]:hover,
.dnnFormItem button:hover, 
.dnnFormItem input[type="button"]:hover, 
.dnnFormItem input[type="reset"]:hover, 
.dnnSecondaryAction:hover, 
a.dnnSecondaryAction:hover, 
ul.dnnAdminTabNav li a:hover, 
.dnnLogin .LoginTabGroup span:hover { 
border-color:#777777;
text-decoration: none; 
background:#f0f0f0; 
color:#777777; }

input[type="button"]:active,
input[type="reset"]:active,
.dnnFormItem button:active, 
.dnnFormItem input[type="button"]:active, 
.dnnFormItem input[type="reset"]:active, 
.dnnFormItem input[type="reset"]:active, 
.dnnSecondaryAction:active, 
a.dnnSecondaryAction:active, 
ul.dnnAdminTabNav li a:active { 
text-decoration: none; }

/* Light on Dark Buttons */
.wlightondark .btn-primary,
.wlightondark a.btn-primary,
.wlightondark a.btn-primary:link,
.wlightondark a.btn-primary:visited,
.wlightondark .dnnPrimaryAction, 
.wlightondark a.dnnPrimaryAction, 
.wlightondark a.dnnPrimaryAction:link, 
.wlightondark a.dnnPrimaryAction:visited, 
.wlightondark input[type="submit"],
.wlightondark .dnnFormItem input[type="submit"] {
border-color: #ffffff;
color: #ffffff;  
text-decoration: none; 
text-shadow:none;
transition: all 0.4s ease; 
background: #f15b2a;
} 

.wlightondark .btn-primary:hover,
.wlightondark a.btn-primary:hover,
.wlightondark .dnnPrimaryAction:hover, 
.wlightondark a.dnnPrimaryAction:hover, 
.wlightondark input[type="submit"]:hover,
.wlightondark .dnnFormItem input[type="submit"]:hover { 
border-color: #f15b2a;
color: #f15b2a;
background: #ffffff; }

.wlightondark .btn-primary:active,
.wlightondark a.btn-primary:active,
.wlightondark .dnnPrimaryAction:active, 
.wlightondark a.dnnPrimaryAction:active, 
.wlightondark input[type="submit"]:active,
.wlightondark .dnnFormItem input[type="submit"]:active
/*input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.dnnFormItem input[type="button"]:focus,
.dnnFormItem input[type="reset"]:focus,
.dnnFormItem input[type="submit"]:focus */ { 
border-color: #f15b2a;
color: #f15b2a;
background: #ffffff; 
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
text-decoration: none;
text-shadow:none;}

/*#endregion */

/*#region Bullets */

/* Bullets */
/*ul { padding-left: 20px; }
ul { list-style: disc; }
ul li { margin-top: 10px; }*/

ol {}
ol li{margin-top: 1rem;}

/* Image Bullets */
ul.wimagebullets { list-style-image:url(../img/arrow-right.png); }
ul.wimagebullets > li { margin-top: 1rem; }

/* Font Awesome Bullets */
ul.wfabullets { padding-left:0rem; list-style:none; }
ul.wfabullets li { margin-bottom:.3rem; }
ul.wfabullets li:before { font-family: 'Font Awesome 5 Free'; content: '\f058'; margin:0 .8rem 0 0; color:#73B249;}

/* Sample Font Awesome Page */
ul.wfa {list-style-type:none;}
ul.wfa li {display:inline-block;width:325px;text-align:left;font-size:2rem;padding:10px;margin:5px;border:1px solid #f7f7f7;color:#02741a;}
ul.wfa li:hover {color:#ffffff;background:#5532a6;}
ul.wfa li span {display:inline-block;font-size:.8rem;color:#a9a9a9;padding-left:5px;}
ul.wfa li:hover span {color:#ffffff;}

/*#endregion */

/*#region Horizontal Rules */

/* Hr thick */
hr.whr {
border: 0;
height: 4px; 
border-top: solid #f15b2a; 
color: #f15b2a;}

/* Hr thick */
hr.whrdots {
border: 0;
height: 3px; 
border-top: dotted #5532a6; 
color: #5532a6;}

/* Hr with fading edges */
hr.whrfade {
border: 0;
height: 3px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #5532a6, rgba(0, 0, 0, 0));}

hr.whrfadelight {
border: 0;
height: 3px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));}

/* Hr with center icon */
hr.whricon { 
padding: 0;
border: none; 
border-top: solid #5532a6; 
color: #5532a6; 
text-align: center; }

hr.whricon:after {
content: "\f0aa";
display: inline-block;
position: relative;
top: -1rem;
font-size: 1.2rem;
font-weight: 900;
font-family:'Font Awesome 5 Free';
padding: 0 0.2rem;
background: transparent;}

/* Hr with center icon dots */
hr.whricondots { 
padding: 0;
border: none; 
border-top: dotted #5532a6; 
color: #5532a6; 
text-align: center; }

hr.whricondots:after {
content: "\f0aa";
display: inline-block;
position: relative;
top: -1rem;
font-size: 1.2rem;
font-weight: 900;
font-family:'Font Awesome 5 Free';
padding: 0 0.2rem;
background: transparent;}

/* Hr with center image, requires BG fill */ /* LIST IN SKIN */
hr.wimagestyle {
padding: 0;
border: none;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(251, 186, 0, 0.8), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(251, 186, 0, 0.8), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(251, 186, 0, 0.8), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(251, 186, 0, 0.8), rgba(0,0,0,0));
color: #333;
text-align: center;}

hr.wimagestyle::after {
content: " ";
display: inline-block;
position: relative;
top: -12px;
font-size: 1.5em;
padding: 6px 18px;
background: #f7f7f7 url(../img/icon-sm.png) no-repeat scroll center;
background-size: auto auto;
background-size: 24px 24px;
height: 24px;}

/*#endregion*/

/*#region Pane Backgrounds */
/* ------------------------------------------- */
.wbannerrow {}
.whighlightrow {background: rgb(6,31,102);
background: -moz-linear-gradient(left,  rgba(6,31,102,1) 0%, rgba(32,68,153,1) 100%);
background: -webkit-linear-gradient(left,  rgba(6,31,102,1) 0%,rgba(32,68,153,1) 100%);
background: linear-gradient(to right,  rgba(6,31,102,1) 0%,rgba(32,68,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061f66', endColorstr='#204499',GradientType=1 );}
.wcontentrow1 {}
.wsectionrow1 {}
.wcontentrow2 {background: rgb(6,31,102);
background: -moz-linear-gradient(left,  rgba(6,31,102,1) 0%, rgba(32,68,153,1) 100%);
background: -webkit-linear-gradient(left,  rgba(6,31,102,1) 0%,rgba(32,68,153,1) 100%);
background: linear-gradient(to right,  rgba(6,31,102,1) 0%,rgba(32,68,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061f66', endColorstr='#204499',GradientType=1 );
}
.wsectionrow2 {}
.wcontentrow3 {background: rgb(6,31,102);
background: -moz-linear-gradient(left,  rgba(6,31,102,1) 0%, rgba(32,68,153,1) 100%);
background: -webkit-linear-gradient(left,  rgba(6,31,102,1) 0%,rgba(32,68,153,1) 100%);
background: linear-gradient(to right,  rgba(6,31,102,1) 0%,rgba(32,68,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061f66', endColorstr='#204499',GradientType=1 );
}
.wsectionrow3 {}
.wcontentrow4 {background: rgb(6,31,102);
background: -moz-linear-gradient(left,  rgba(6,31,102,1) 0%, rgba(32,68,153,1) 100%);
background: -webkit-linear-gradient(left,  rgba(6,31,102,1) 0%,rgba(32,68,153,1) 100%);
background: linear-gradient(to right,  rgba(6,31,102,1) 0%,rgba(32,68,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061f66', endColorstr='#204499',GradientType=1 );
}
.wsectionrow4 {}

/*#endregion */

/*#region SVG separators */
/* ------------------------------------------- */
.wTriangleDown {position: relative; background:transparent;top:-1px;width:100%;}
.wTriangleDown path {fill: #fff;stroke-width:0;}
.wTriangleDownInverse {background: transparent;top: 6px;position: relative;width:100%;}
.wTriangleDownInverse path {fill:#fff;stroke-width:0;}

.wTriangleUp {position: relative; background:transparent;top:6px;width:100%;}
.wTriangleUp path {fill: #fff;stroke-width:0;}
.wTriangleUpInverse {background: transparent;top: -6px;position: relative;width:100%;}
.wTriangleUpInverse path {fill:#fff;stroke-width:0;}

.wPointerDown {position: relative; background:transparent;top:-6px;width:100%;}
.wPointerDown path {fill: #fff;stroke-width:0;}
.wPointerDownInverse {background: transparent;top: 6px;position: relative;width:100%;}
.wPointerDownInverse path {fill:#fff;stroke-width:0;}

.wSmoothCurveDown {position: relative; background:transparent;top:-1px;width:100%;}
.wSmoothCurveDown path {fill: #fff;stroke-width:0;}
.wSmoothCurveDownInverse {background: transparent;top: 6px;position: relative;width:100%;}
.wSmoothCurveDownInverse path {fill:#fff;stroke-width:0;}

.wSmoothCurveUp {position: relative; background:transparent;top:0px;width:100%;}
.wSmoothCurveUp path {fill: #fff;stroke-width:0;}
.wSmoothCurveUpInverse {background: transparent;top: 0px;position: relative;width:100%;}
.wSmoothCurveUpInverse path {fill:#fff;stroke-width:0;}

.wWaveAbove {background: transparent;top: -1px;position: relative;width:100%;}
.wWaveAbove path {fill:#fff;stroke-width:0;}
.wWaveBelow {background: transparent;top: 6px;position: relative;width:100%;}
.wWaveBelow path {fill:#fff;stroke-width:0;}

/* Show/Hide SVG by Group */
.wTriangleDown, .wTriangleDownInverse, .wTriangleUp, .wTriangleUpInverse {display:none;}
.wPointerDown, .wPointerDownInverse {display:none;} 
.wSmoothCurveDown, .wSmoothCurveDownInverse, .wSmoothCurveUp, .wSmoothCurveUpInverse {display:none;}
.wWaveAbove, .wWaveBelow {display:none;} 

/*#endregion */

/*#region Site Specific */

/* Use within HTML editor for large padded panels */
.wbannerpadding {padding:130px 0px;}

/* Used to provide banner padding if no banner image (JS Reference)*/
.waddpad {height:124px;padding-top:36px;} 

/* Accomodates SVG overlap for some layouts */
/*.BannerPane {margin-bottom:-80px;}*/ 

/* ---------------------------- */

.wfooter h4 {color:rgba(255,255,255,0.6);}
.wfooter .col-md-3 {padding-left:2rem;border-left:1px solid rgba(255,255,255,0.3);}
.wfooter div.row .col-md-3:first-child {border-left:0px solid rgba(255,255,255,0.3);}

/* DNN FnL better layout */
.dnnFormItem .dnnLabel {float:none; text-align:left; width:100%; }
.dnnFormItem .dnnLabel label {margin-bottom:0; margin-right:.5rem;}
.dnnFormItem .dnnLabel .dnnFormHelp {text-align:left; position:relative;}
.dnnFormItem .dnnLabel .dnnTooltip {right:unset;left:0;}

.dnnFormItem input {float:none; text-align:left; width:100%; }
.dnnFormItem input[type="text"], 
.dnnFormItem input[type="password"], 
.dnnFormItem input[type="email"], 
.dnnFormItem input[type="tel"], 
.dnnFormItem select, 
.dnnFormItem textarea { width: 70%; max-width: 400px; margin-bottom: 5px; padding: 6px;}

@media screen and (max-width:799px) {
.wfooter .col-md-3 {border-left:0px solid rgba(255,255,255,0.3);}
}

/*#endregion */

/*#region Misc */




/* Home Boxes */

.w3box {justify-content:space-between;flex-wrap:wrap;}
.w3box > div {text-align:center;padding:3rem .5rem 2rem;border:0px solid #f2f2f2;}
.w3box .col-md-4:nth-child(1) {background:rgba(11,101,124,0) url(../img/flyup-office-3x.jpg);}
.w3box .col-md-4:nth-child(2) {background:rgba(11,72,124,0) url(../img/flyup-buildings-2x.jpg);}
.w3box .col-md-4:nth-child(3) {background:rgba(59,11,124,0) url(../img/flyup-abstractx.jpg);}
.w3box .col-md-4 {background-size:cover;background-position:0 -400px;background-repeat: no-repeat;transition: all 0.75s ease;}


/*.w3box .col-md-4:hover {background-position:0 0;}*/
.w3box .col-md-4:hover h3, .w3box .col-md-4:hover li, .w3box .col-md-4:hover ul.wfabullets li::before {color:#ffffff;transition: all 0.75s ease;}
.w3box .col-md-4:nth-child(1):hover {background:rgba(11,101,124,1);}
.w3box .col-md-4:nth-child(2):hover {background:rgba(11,72,124,1) url(../img/flyup-buildings-2x.jpg);}
.w3box .col-md-4:nth-child(3):hover {background:rgba(59,11,124,1) url(../img/flyup-abstractx.jpg);}




.w3box i {display:none;}

.w3box a.dnnPrimaryAction {border-radius: 30px;background:transparent; color: #5532a6;padding: .5rem 1.2rem;border: 2px solid #5532a6;}

.w3box .col-md-4:hover a.dnnPrimaryAction {color: #ffffff;border-color:#ffffff;}



/* Cool Time Button */
.wbutton1 {
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	padding-right:50px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

.wbutton1:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.wbutton1::before {
	background-color:#2591b4;
	background-image:url(../images/right_arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}

.wbutton1:active::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}

.wbutton2 {
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	padding-right:50px;
	background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

.wbutton2:active {
	top:3px;
	background: #e5e5e5;
background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.wbutton2::before {
	background-color:#2591b4;
	background-image:url(../images/right_arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}

.wbutton2:active::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}
	
/*#endregion */