@charset "utf-8";
/* CSS Document */

:root {
  --body-color: #242424;
  --bg-color: #04174d;
  --accent-color: #eda424;
  --dark-color: #0e2b7c;
  --darker-color: #04174d;
  --lt-color: #eda424;
  --shade-color: #e8effa;
  --link-color: #0e2b7c;
  --hover-color: #eda424;
  --heading-color: #001924;
  --serif-font: "Playfair Display";
  --sansserif-font: "Manrope";
  --cond-font: "Manrope";
  --border-color: rgba(14,43,124,.25);
}

/* ====================
   Body
==================== */
body{font-family: var(--sansserif-font), Sans-Serif; font-size: 16px; line-height: 1.5em; color: var(--body-color); margin: 0 !important; background-color: var(--bg-color); font-weight:400; letter-spacing:.5px; }
a {color:var(--link-color)}
a:hover, a:focus {color:var(--hover-color)}
a.color-white:hover {color:var(--link-color)}
.grid-container {max-width:1400px}

/* Content Background */
header, footer {background-color:#ffffff}

/* ====================
   Headings
==================== */
h1, h2, h3, h4, h5, h6 {font-family: var(--sansserif-font), Sans-Serif; color:var(--heading-color); line-height:1.05; margin:.5em 0 .5em 0;}
h1 {font-size:50px; color#ffffff; text-transform:uppercase; letter-spacing:2px; font-weight:700; color:var(--dark-color)}
#home h1 {color:#ffffff; font-size:50px; letter-spacing:0; font-weight:black; margin-bottom:9px}
h2 {font-family:var(--serif-font); font-size:30px}
.darkmaster h2 {color:#ffffff; }
h3 {text-transform:uppercase; font-weight:normal; letter-spacing:.1em; font-size:26px}
.darkmaster h3 {color:#ffffff; }
h4 {font-style:italic; font-weight:normal; font-family:var(--serif-font); margin-top:1.1em}
.subtitle {font-size:.8em}
.script {font-family:var(--sansserif-font), serif; font-style:italic;}
h3.script, h3.serif {font-family:'playfair-display', serif; font-style:italic; letter-spacing:0; text-transform:none}
.sansserif, .sanserif {font-family:var(--sansserif-font);}
.cond, .cond-font {font-family:var(--cond-font);}
.serif {font-family:var(--serif-font);}
.fontsize-15 {font-size:15px}
.fontsize-16 {font-size:16px}
.fontsize-20 {font-size:20px}
.fontsize-30 {font-size:30px}
.fontsize-40 {font-size:40px}
.fontsize-50 {font-size:50px}
.fontsize-60 {font-size:60px}
.fontsize-70 {font-size:70px}
.fontsize-80 {font-size:80px}
.fontstyle-normal {font-style:normal}
.bold {font-weight:bold}

.predash::before {content:" ";padding-right:.7em; width:26px; border-top:1px solid var(--accent-color); height:.4em; margin-right:10px; display:inline-block}
.darkmaster .predash::before { width:26px; border-top:1px solid #ffffff; }
#home .predash::before {border-top:1px solid #ffffff;}
.preline::before {border-top:3px solid var(--dark-color); width: 50px; content:""; display:block; left:-60px; position:absolute; margin-top:11px}
.preline {margin-left:60px; position:relative; margin-bottom:10px}


/* ====================
   Buttons
==================== */
.button, .button a, a.button, input[type="submit"] { background-color:var(--link-color); border:none; padding:.5em 1.2em; color:#ffffff; outline:0; font-size:16px; line-height:1.2em}
.button:focus, .button:hover, .button:focus a, input:hover[type="submit"]{background-color: var(--hover-color); }
.button.circle {border-radius:50%}
.button.alt {background-color:rgba(6,37,69,.4); padding:20px; border:1px solid #ffffff; font-family:var(--serif-font); text-transform:uppercase; font-weight:bold}
.button.alt:hover {background-color:var(--darker-color)}


/* ===================
Header
==================== */
.behind-header {position:absolute; top:0; z-index:0; width:100%}
.header-bg-wrap {position:relative}
.header-bg-wrap header {margin-bottom:550px}
.header-bg-wrap header a {color:#ffffff}
header {z-index:10; position:relative}

#offcanvas-open-button-right {position: absolute; right: 32px; top: 32px; width: 32px; height: 32px; opacity: 0.8;}
#offcanvas-open-button-right:hover {opacity: 1;}
#offcanvas-open-button-right:before {position: absolute; left: 15px; content: ' '; height: 33px; width: 9px; border-left:2px solid #ffffff; border-right:2px solid #ffffff} 
#offcanvas-open-button-right:after {position: absolute; left: 19px; content: ' '; height: 33px; width: 2px; background-color: #ffffff;}
#offcanvas-open-button-right:before {transform: rotate(90deg); top:-5px;}
#offcanvas-open-button-right:after {transform: rotate(90deg); top:6px;}
.is-open-right #offcanvas-open-button-right:before {transform: rotate(45deg); top:0; border-right:0 solid transparent; width:2px; left:18px}
.is-open-right #offcanvas-open-button-right:after {transform: rotate(-45deg); top:0;}

/* ===================
Page Content 
==================== */
.content-wrap {padding:0; }

/* ====================
   HOME
==================== */
.container {width: 1170px;}
.background-image {height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

#header { position:fixed; z-index:155; width:100%; -webkit-transform: translateZ(0); background:#fff; }
#content { width:100%; position:relative; height:auto; padding-top:10px;}


/* --------------------------------------------------------------------------------------------------------*/
#wrap img { width:100%; display: block; max-width: 100%; z-index:9; -webkit-box-shadow:#fff 0 0 0; box-shadow: #fff 0 0 0;  }
.round img, .avatar img { border:0 none; border-radius:50%; }
.col1-1 .avatar img { width:80px; height:80px; display:inline-block; margin-bottom:20px; }
.sidebar .avatar { margin-top:10px; }
.col1-2 .avatar img, .col2-2 .avatar img, .col3 .avatar img { width:110px; height:110px; }
.col3 .avatar { float:left; margin-right:30px; }
.images { display:block; position:relative; opacity:1; }
a:hover .images { opacity:0.6; }
.images.alignleft { width:40%; margin:7px 30px 17px 0; z-index:1; position:relative }
.covering-image { position:absolute; left:0; top:0; width:100%; height:100%; border:0; z-index:19; display:block; padding:11%; }
.info-box-content { height:100%; width:100%; }
.info-box-content .parent { height:100%; width:100%; }
.info-box-content .child { vertical-align:middle;}
.child {display: table-cell; vertical-align: middle; padding: 0;}
.parent {display: table;}
.parent {width: 230px; margin: 0px auto; position: relative; height: 220px;	z-index: 11;}
.covering-image p, .covering-image h3, .covering-image h2, .covering-image h4  { color:#fff !important; border-bottom:0px solid rgba(255,255,255,1); margin:4px; opacity:0; }
.covering-image h4 .underline { background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);
 -webkit-background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);
  -o-background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);
   -ms-background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);
background-size:.05em 1px,.05em 1px,1px 1px;background-repeat:no-repeat,no-repeat,repeat-x;background-position:0 90%,90% 90%,0 90% }
.covering-image p.small { border:0; }
a:hover .covering-image h4 { opacity:1; }
a:hover .covering-image p { opacity:1 !important; }
.left-corner { width:13px; height:13px; position:absolute; left:35px; top:35px; border-left:2px solid rgba(255,255,255,0.7); border-top:2px solid rgba(255,255,255,0.7); display:block; opacity:0; }
.right-corner { width:13px; height:13px; position:absolute; right:35px; top:35px; border-right:2px solid rgba(255,255,255,0.7); border-top:2px solid rgba(255,255,255,0.7); display:block; opacity:0; }
.left-corner.bottom { bottom:35px; top:auto; border-bottom:2px solid rgba(255,255,255,0.7); border-top:0; opacity:0; }
.right-corner.bottom { bottom:35px; top:auto; border-bottom:2px solid rgba(255,255,255,0.7); border-top:0; opacity:0; }
a:hover .left-corner, a:hover .right-corner, a:hover .left-corner.bottom, a:hover .right-corner.bottom { opacity:1; }
.hidden-content { opacity:0; }
a:hover .hidden-content { opacity:1; }
.child h1 { line-height:1; margin-top:0; }
.image-caption { position:absolute; right:35px; top:35px; background:#fff; z-index:99; padding:7px 10px; font-family:"Oswald", Arial, Helvetica, sans-serif; color:#2b2b2b; font-size:12px; }
.image-caption i.fa {position:relative; top:-1px }
.box-parent {position: relative; height: 100%; width: 100%;	display: table;	z-index: 11;}
.box-parent h4 {font-size:16px; font-family:var(--serif-font); font-style:italic; font-weight:normal; text-decoration:underline; margin-bottom:0; color:#ffffff}
.info-box-content h4 {font-size:16px; font-family:var(--serif-font); font-style:italic; font-weight:normal; text-decoration:underline;margin-bottom:0;}
.covering-image p.small {font-family:var(--sansserif-font); font-weight:bold; margin-bottom:8px; line-height:1.2; text-transform:uppercase}
.box-parent p.small {font-family:var(--sansserif-font); font-weight:bold; margin-bottom:8px; line-height:1.2;  text-transform:uppercase}
.box-parent p.small a {color: #ffffff}
.box-parent p.small a:hover, .box-parent h4:hover {color:var(--accent-color)}
.lineheight-2 {line-height:2}
.border-fat-top-bottom {border-top: 4px solid; border-bottom: 4px solid ; border-image-source: linear-gradient(to right, var(--darker-color)50%, transparent 50%);border-image-slice: 1; border-width: 5px; padding-top:30px; padding-bottom:30px}
.border-barely-right {border-right:1px solid rgba(120,156,72,.1)}
.border-barely-bottom {border-bottom:1px solid rgba(120,156,72,.1)}
.border-fat-bottom {border-bottom: 2px solid ; border-image-source: linear-gradient(to right, var(--dark-color)30%, transparent 30%);border-image-slice: 1; border-width: 5px; padding-top:10px; padding-bottom:20px}

/* Create the custom underline */
.cool-link::after { content: ''; position: absolute; width: 100%; height: 2px; bottom: -4px; left: 0; background-color: #0076ff; transform: scaleX(0); transform-origin: bottom left; transition: transform 0.3s ease-out; }
.cool-link:hover::after { transform: scaleX(1); }
/* Span underline */
.cool-underline { position: relative; display: inline-block; cursor: pointer; }
.cool-underline::after { content: ''; position: absolute; width: 100%; height: 2px; bottom: -2px; left: 0; background-color: #3b82f6; transform: scaleX(0); transform-origin: bottom left; transition: transform 0.3s ease-out; }
.cool-underline:hover::after { transform: scaleX(1); }
/* underlineme */
.parent-div .underlineme > span { position: relative; display: inline-block; }
.parent-div .underlineme > span::after { content: ''; position: absolute; width: 100%; height: 2px; bottom: -2px; left: 0; background-color: var(--accent-color); transform: scaleX(0); transform-origin: bottom left; transition: transform 0.3s ease-out; }
.parent-div:hover .underlineme > span::after { transform: scaleX(1); }
.parent-div .underlineme > span:nth-child(1)::after { transition-delay: 0s; }
.parent-div .underlineme > span:nth-child(2)::after { transition-delay: 0.3s; }
.parent-div .underlineme > span:nth-child(3)::after { transition-delay: 0.6s; }
.parent-div .underlineme > span:nth-child(4)::after { transition-delay: 0.9s; }
.parent-div .underlineme > span:nth-child(5)::after { transition-delay: 1.2s; }

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 480px) {
	.col1-1.rectangle, .col1-2.rectangle, .col-half.rectangle { width:100%; }
	.col2-2.rectangle, .col2-1.rectangle, .col3.rectangle, .col4.rectangle { width:100%; }

}

/* =======================
Pages
======================= */
/* Home */
.home-hover .cell {transition: all 1s ease;}
.hover-arrow {visibility:hidden}
.home-hover .cell:hover .hover-arrow {visibility:visible}
/* more styles in the CM layout */


/** Flipbox **/
.flipbox img {width: 100%;}
.flipbox.block {transition: all .3s;}
.flipbox p {color:#fff!important; text-align: center;}
.flipbox .block:hover .overlay{opacity: 1;}
.flipbox .overlay {top:0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); opacity: 0; transition: all .3s}
x.flipbox .inner {display: flex; width: 100%; height: 100%; align-items: center;}

/* =======================
Menus
======================= */
/* MAIN MENU */
.sylvester_menu .dropdown a {padding: .4rem .8rem; color:#ffffff; font-weight:bold; }
.sylvester_menu > .menu > li > a {text-transform: uppercase}
.sylvester_menu a {width:100%; font-weight:500; letter-spacing:.08em}
.sylvester_menu .submenu a {color:#04174d; letter-spacing:0; }
.sylvester_menu .submenu a:hover {background:rgba(0,0,0,.03)}
/* Padding & Spacing & Width */
.sylvester_menu .dropdown > li.opens-right > .is-dropdown-submenu, .sylvester_menu .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {padding:8px}

.default-header .sylvester_menu .dropdown a {color:var(--dark-color); }
.dropdown.menu > li.is-active > a {color:var(--hover-color);}
.sylvester_menu.projects .dropdown.menu > li > a {color:var(--lt-color)}
.sylvester_menu .dropdown a:hover {color:var(--hover-color)}
.sylvester_menu .dropdown ul a {padding: .4rem 1rem; text-transform:capitalize; text-align:left;}
.sylvester_menu .is-dropdown-submenu {min-width: 260px;}
/* If the Header Photos are Behind the Main Menu - Can be Deleted if Menu Has Solid Color Background */
.header-bg-wrap .sylvester_menu > .dropdown > li > a {color:#ffffff}
.header-bg-wrap .sylvester_menu > .dropdown > li > a:hover {color:var(--hover-color)}
/* Dropdown - Arrow after menu item */
.sylvester_menu .dropdown > li.is-dropdown-submenu-parent > a::after {display:none;}
.sylvester_menu .dropdown.align-right .is-dropdown-submenu.first-sub {left:0;}
.sylvester_menu .dropdown > li.is-dropdown-submenu-parent > a:hover::after  {border-left-color:var(--hover-color); border-top-color:var(--hover-color)}
.sylvester_menu .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {height: .5em; width: .5em; border-top-width:.15em; border-top-style:solid; border-left-style:solid; border-left-width:.15em; border-left-color:var(--shade-color); border-top-color:var(--shade-color); border-right-style:solid; border-right-width:0; border-bottom-style:solid; border-bottom-width:0; transform: rotate(135deg); top:1em; right: 0.55em;}
.sylvester_menu .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:hover::after {border-left-color:var(--hover-color); border-top-color:var(--hover-color)}
/* Dropdown - Menu slide up */
.sylvester_menu .dropdown > li > .is-dropdown-submenu { margin-top:10px;  transform: translateY(30px); display:block; visibility: hidden; opacity:0; transition: all 0.2s ease 0s; }
.sylvester_menu .dropdown > li > .js-dropdown-active {transform: translateY(0); opacity:100; visibility: visible;}
/* Use .top-align-right to only align the top level right */
.top-align-right {-ms-flex-pack: end; justify-content: flex-end;}
.top-align-right li {display: -ms-flexbox;	display: flex;	-ms-flex-pack: end;	justify-content: flex-end;}


/* UTILITY MENU */
.utility_menu a {width:100%}
.utility_menu .submenu a:hover {background:rgba(0,0,0,.03)}
/* Padding & Spacing & Width */
.utility_menu .dropdown > li.opens-right > .is-dropdown-submenu {padding:8px}
.utility_menu .dropdown a {padding: .4rem .8rem; color:#ffffff; font-weight:bold; text-transform: uppercase; background-color:var(--accent-color); font-size:.8em}
.utility_menu .dropdown a:hover {background-color:var(--link-color)}
.utility_menu .dropdown ul a {padding: .4rem 1rem; text-transform:capitalize; text-align:left;}
.utility_menu .is-dropdown-submenu {min-width: 230px;}
/* Dropdown - Arrow after menu item */
.utility_menu .dropdown > li.is-dropdown-submenu-parent > a::after {height: .5em; width: .5em; border-top-width:.15em; border-top-style:solid; border-left-style:solid; border-left-width:.15em; border-left-color:var(--shade-color); border-top-color:var(--shade-color); border-right-style:solid; border-right-width:0;transform: rotate(-135deg); top:.5em; right: 0.55em;}
.utility_menu .dropdown.align-right .first-sub {left:0;}
.utility_menu .dropdown > li.is-dropdown-submenu-parent > a:hover::after  {border-left-color:var(--hover-color); border-top-color:var(--hover-color)}
/* Dropdown - Menu slide up */
.utility_menu .dropdown > li > ul.is-dropdown-submenu { margin-top:10px;  transform: translateY(30px); display:block; visibility: hidden; opacity:0; transition: all 0.2s ease 0s; }
.utility_menu .dropdown > li > ul.is-dropdown-submenu.js-dropdown-active {transform: translateY(0); opacity:100; visibility: visible;}


/* SOCIAL MENU */
.utility_menu .dropdown .social a {background:transparent; color:var(--accent-color); font-size: 1.3em; padding:.4rem .4rem;}
.utility_menu .dropdown li:last-of-type a {padding-right:0}
.utility_menu .dropdown .social:first-child {padding-left:30px}

/* SMALL MENU */
.off-canvas {background: var(--dark-color); color:#ffffff}
.small_menu {padding:30px 0 0 20px;}
.small_menu li {border-bottom:1px solid rgba(255,255,255,.1)}
.small_menu .menu a {font-weight:bold; color:#ffffff}
.submenu-toggle {background-color:transparent}
.small_menu .menu a:hover {color:var(--accent-color)}
.submenu-toggle:after {border-color:var(--accent-color) transparent transparent; }
.small_menu .submenu a {text-transform:capitalize}
.small_menu .submenu {background-color:rgba(255,255,255,.1)}
.small_menu .nested {font-size:15px; text-transform:capitalize; letter-spacing:0}

.pagination a{color:var(--dark-color); border:1px solid transparent}
.darkmaster .pagination a{color:#ffffff;}
.pagination a:hover{background-color:var(--shade-color)}
.darkmaster .pagination a:hover{color:#ffffff;background-color:rgba(0,0,0,.7); border:1px solid var(--accent-color)}
.pagination .active a {border:1px solid #ffffff;	}

/* *************************** */
/* C U S T O M   M O D U L E S */
/* *************************** */

/* Services */
.services-cell {background: linear-gradient(90deg, rgba(255,255,255,.01) 3px, transparent 1%) center, linear-gradient(rgba(255,255,255,.01) 3px, transparent 1%) center, rgba(255,255,255,.1);  background-size:4px 4px;color:#ffffff}
.services-detail ul {margin-left:1.7rem}
.services-detail ul li::before { font-family:"Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; padding-right:.7em; color:#c8d7e2;}
.services-detail ul li {  text-indent:-1.7em; list-style:none;width:100%; line-height:1.2; margin-bottom:.6em; margin-top:.2em}




/* ======================
Foundation Overrides
======================= */
/* Accordion styling */
.accordion-title {text-align:left; font-size: 1.5rem; color: var(--link-color); border-left:none; border-right:none}
.accordion-content { border-left:none; border-right:none}
.accordion-title:focus, .accordion-title:hover {background-color: var(--lt-shade-color);}

/* Forms */
.darkmaster [type="color"], .darkmaster [type="date"],.darkmaster [type="datetime-local"],.darkmaster [type="datetime"],.darkmaster [type="email"],.darkmaster [type="month"],.darkmaster [type="number"],.darkmaster [type="password"],.darkmaster [type="search"],.darkmaster [type="tel"],.darkmaster [type="text"],.darkmaster [type="time"],.darkmaster [type="url"],.darkmaster [type="week"],.darkmaster textarea {background-color:rgba(255,255,255,.1); border-top:none; border-left:none; border-right:none; border-bottom:none; box-shadow:none; color:#ffffff; padding:15px}

.darkmaster [type="color"]:focus,.darkmaster [type="date"]:focus,.darkmaster [type="datetime-local"]:focus,.darkmaster [type="datetime"]:focus,.darkmaster [type="email"]:focus,.darkmaster [type="month"]:focus,.darkmaster [type="number"]:focus,.darkmaster [type="password"]:focus,.darkmaster [type="search"]:focus,.darkmaster [type="tel"]:focus,.darkmaster [type="text"]:focus,.darkmaster [type="time"]:focus,.darkmaster [type="url"]:focus,.darkmaster [type="week"]:focus,.darkmaster textarea:focus {	outline: 0;	border: none;	background-color:rgba(255,255,255,.2); color:#ffffff; box-shadow:none;  border-top:none; border-left:none; border-right:none; border-bottom:1px solid rgba(255,255,255,.8); }
.darkmaster [type="color"]::placeholder,.darkmaster [type="date"]::placeholder,.darkmaster [type="datetime-local"]::placeholder,.darkmaster [type="datetime"]::placeholder,.darkmaster [type="email"]::placeholder,.darkmaster [type="month"]::placeholder,.darkmaster [type="number"]::placeholder,.darkmaster [type="password"]::placeholder,.darkmaster [type="search"]::placeholder,.darkmaster [type="tel"]::placeholder,.darkmaster [type="text"]::placeholder,.darkmaster [type="time"]::placeholder,.darkmaster [type="url"]::placeholder,.darkmaster [type="week"]::placeholder,.darkmaster textarea::placeholder {text-transform:uppercase; font-weight:bold; letter-spacing:2px;}

.callout {position: relative; margin: 0 0 1rem 0; padding: 1rem 1rem 1rem 1.5rem; border: none; margin-left:70px; background-color: #fff; color: #0a0a0a; color:var(--dark-color);
	line-height:1.5; font-size:1.3em}
	.callout::before {font-family: 'Font Awesome 5 Free';font-weight: 900;content: "\f075";font-style: normal;	font-variant: normal;text-rendering: auto;padding-right: 5px; position:absolute; font-size:3em; left:-1em; color:var(--shade-color)}

/* ====================
   Utilities
==================== */
.color-white, .white {color:#ffffff}
.color-accent {color: var(--accent-color)}
.color-light {color:var(--lt-color)}
.color-dark {color:var(--dark-color)}
.color-darkest {color:var(--darkest-color)}
.bg-white {background-color:#ffffff}
.bg-dark {background-color:var(--dark-color)}
.bg-darker {background-color:var(--darker-color)}
.bg-darkest {background-color:var(--darkest-color)}
.bg-light {background-color:var(--lt-color)}
.bg-ltshade {background-color:var(--lt-shade-color)}
.shade {background-color:var(--shade-color)}
.grid-container-xl {max-width: 1920px; margin-left:auto; margin-right:auto}
.goback {font-weight:bold; text-transform:uppercase; letter-spacing:1px; font-size:14px}
.goback a::before {font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f30a";font-style: normal; font-variant: normal; text-rendering: auto; padding-right:5px}
.width-1000 {max-width:1000px; margin-left:auto; margin-right:auto}
/* Font Awesome Icon Button */
.bg-circle {border:.5em solid var(--accent-color); border-radius:50%; color:#ffffff; background-color:var(--accent-color); height:2.2em; width: 2.2em; text-align:center; padding-top:.1em}
.bg-circle:hover {border-color:var(--link-color); background-color:var(--link-color);}
.circle {border-radius:50%; }
.background-cover {background-size:cover; background-position:center center}
.overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.accent {border-color:var(--accent-color); max-width:240px; margin-left:auto; margin-right:auto; border-width:2px}
.neg-margin-top-large {margin-top:-60px}
.angled-bottom-dark { width: 0; height: 0; border-style: solid; border-width: 20px 400px 0 0; border-color: var(--dark-color) transparent transparent transparent;}
.angled-bottom-darker {float:right; width: 0; height: 0; border-style: solid; border-width: 20px 0 0 400px; border-color: var(--darker-color) transparent transparent transparent;}
.control-nobg {background-color:transparent}
.baseline {vertical-align: baseline;}
.bg-overlay {background-color:rgba(0,0,0,.2)}
.overflow-hidden {overflow:hidden}
.italic {font-style:italic}
.fontweight-normal {font-weight:normal}
.fontstyle-normal, .notitalic {font-style:normal}
.goback {font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-size: 14px;}
.goback a::before {font-family: 'Font Awesome 5 Free';font-weight: 900;content: "\f30a";font-style: normal;	font-variant: normal;text-rendering: auto;padding-right: 5px;}
.expanded {letter-spacing:.05em}
.subtext {font-size:.75em}
.uppercase {text-transform:uppercase !important}
.rounded {border-radius:9px}
.margin-top-80 {margin-top:80px}
.margin-top-160 {margin-top:160px}
hr.green {margin-left:auto; margin-right:auto; border-bottom:2px solid green; max-width:300px}
.highlight {background-color: var(--shade-color);padding: 0 5px; font-weight: 600;}
.darkmaster .highlight {background-color: rgba(255,255,255,.07);padding: 5px 8px;	font-weight: 600;}
.neg-margin-740 {margin-top:-740px; position:relative; z-index:2; margin-bottom:82px}
.width-500-center {max-width:500px; margin-left:auto; margin-right:auto}
.width-1000-center {max-width:1000px; margin-left:auto; margin-right:auto}


/* =======================
Footer
======================= */
.footer {}
.copyright-div {color:rgba(255,255,255,.7); letter-spacing:3px; text-transform:uppercase; font-weight:bold}
.copyright-div a, .copyright-wrap .sylvester_menu .dropdown a {color:rgba(255,255,255,.7); }
.copyright-div a:hover, .copyright-wrap .sylvester_menu .dropdown a:hover {color:rgba(255,255,255,1)}


/* ======================
Lists
====================== */
.no-bullets {margin:0 !important;}
.no-bullets li {list-style:none; text-transform:capitalize;}

/* =======================
Positioning
======================= */
.relative {position:relative}
.absolute {position:absolute}
.block {display:block}
.inline-block {display:inline-block}
.left {float:left;}
.right {float:right}

/* Bullets */
ul.fa-bullets, ul.fa-bullet {margin-left:1.7rem; }
ul.fa-bullet li, ul.fa-bullets li {text-indent:-1.7em; list-style:none;width:100%; line-height:1.2; margin-bottom:.6em; margin-top:.2em}
ul.checkmarks li::before { font-family:"Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; padding-right:.7em; color:#c8d7e2}
ul.playcircle li::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f144'; padding-right:.7em; color:#c8d7e2}


/* =======================
Spacing & Borders
======================= */
hr {border-color: var(--shade-color); border-image: none; border-style: solid; border-width: 1px 0 0; clear: both; height: 0; margin: 1.25rem 0 1.1875rem; max-width:100%;}
hr.accent {border-top-width:2px; border-top-color:var(--accent-color); max-width:200px}
hr.small {border-top-width:2px; border-top-color:var(--accent-color); max-width:110px; margin:9px auto}

div.div-500 {max-width:500px; margin-left:auto; margin-right:auto}
.line-1-5 {line-height:1.5}
.line-2 {line-height:2}

.padding{padding:30px}.padding-top{padding-top:30px}.padding-right{padding-right:30px}.padding-bottom{padding-bottom:30px}.padding-left{padding-left:30px}.padding-top-bottom{padding-top:30px;padding-bottom:30px}.padding-left-right{padding-left:30px;padding-right:30px}.padding-none{padding:0}.padding-tiny{padding:6px}.padding-top-tiny{padding-top:6px}.padding-right-tiny{padding-right:6px}.padding-bottom-tiny{padding-bottom:6px}.padding-left-tiny{padding-left:6px}.padding-top-bottom-tiny{padding-top:6px;padding-bottom:6px}.padding-left-right-tiny{padding-left:6px;padding-right:6px}.padding-small{padding:15px}.padding-top-small{padding-top:15px}.padding-right-small{padding-right:15px}.padding-bottom-small{padding-bottom:15px}.padding-left-small{padding-left:15px}.padding-top-bottom-small{padding-top:15px;padding-bottom:15px}.padding-left-right-small{padding-left:15px;padding-right:15px}.padding-large{padding:60px}.padding-top-large{padding-top:60px}.padding-right-large{padding-right:60px}.padding-bottom-large{padding-bottom:60px}.padding-left-large{padding-left:60px}.padding-top-bottom-large{padding-top:60px;padding-bottom:60px}.padding-left-right-large{padding-left:60px;padding-right:60px}.padding-mini{padding:3px}.padding-top-mini{padding-top:3px}.padding-right-mini{padding-right:3px}.padding-bottom-mini{padding-bottom:3px}.padding-left-mini{padding-left:3px}.padding-top-bottom-mini{padding-top:3px;padding-bottom:3px}.padding-left-right-mini{padding-left:3px;padding-right:3px}.padding-none{padding:0}.padding-top-none{padding-top:0}.padding-right-none{padding-right:0}.padding-bottom-none{padding-bottom:0}.padding-left-none{padding-left:0}.padding-top-bottom-none{padding-top:0;padding-bottom:0}.padding-left-right-none{padding-left:0;padding-right:0}.margin{margin:30px}.margin-top{margin-top:30px}.margin-right{margin-right:30px}.margin-bottom{margin-bottom:30px}.margin-left{margin-left:30px}.margin-top-bottom{margin-top:30px;margin-bottom:30px}.margin-left-right{margin-left:30px;margin-right:30px}.margin-tiny{margin:3px}.margin-top-tiny{margin-top:3px}.margin-right-tiny{margin-right:3px}.margin-bottom-tiny{margin-bottom:3px}.margin-left-tiny{margin-left:3px}.margin-top-bottom-tiny{margin-top:3px;margin-bottom:3px}.margin-left-right-tiny{margin-left:3px;margin-right:3px}.margin-small{margin:15px}.margin-top-small{margin-top:15px}.margin-right-small{margin-right:15px}.margin-bottom-small{margin-bottom:15px}.margin-left-small{margin-left:15px}.margin-top-bottom-small{margin-top:15px;margin-bottom:15px}.margin-left-right-small{margin-left:15px;margin-right:15px}.margin-large{margin:60px}.margin-top-large{margin-top:60px}.margin-right-large{margin-right:60px}.margin-bottom-large{margin-bottom:60px}.margin-left-large{margin-left:60px}.margin-top-bottom-large{margin-top:60px;margin-bottom:60px}.margin-left-right-large{margin-left:60px;margin-right:60px}.margin-mini{margin:3px}.margin-top-mini{margin-top:3px}.margin-right-mini{margin-right:3px}.margin-bottom-mini{margin-bottom:3px}.margin-left-mini{margin-left:3px}.margin-top-bottom-mini{margin-top:3px;margin-bottom:3px}.margin-left-right-mini{margin-left:3px;margin-right:3px}.margin-none{margin:0}.margin-top-none{margin-top:0}.margin-right-none{margin-right:0}.margin-bottom-none{margin-bottom:0}.margin-left-none{margin-left:0}.margin-top-bottom-none{margin-top:0;margin-bottom:0}.margin-left-right-none{margin-left:0;margin-right:0}.border{border:1px solid var(--border-color) }.border-top{border-top:1px solid var(--border-color) }.border-left{border-left:1px solid var(--border-color) }.border-right{border-right:1px solid var(--border-color) }.border-bottom{border-bottom:1px solid var(--border-color) }.border-none{border:none}

.border-top-barely {border-top:1px solid rgba(120,156,72,.1)}

/* =======================
Preventing FUOC
======================== */
.hide-on-load{
  display:none;
}
/* =======================
Small Screens
======================== */
@media only screen and (max-width: 1920px) {
    .grid-container, .grid-container-xl {max-width: 1400px; margin:auto;}
}
@media only screen and (max-width: 1300px) {
    .dropdown.menu > li > a {padding: .7rem .5rem; font-size:15px}
    .sylvester_menu .dropdown > li.is-dropdown-submenu-parent > a::after {border:none;}
    .dropdown.menu > li.is-dropdown-submenu-parent > a {padding-right: .5rem;}
}
@media only screen and (max-width: 1024px) {
    
    .small-margin-top {margin-top:30px}
    .small-margin-bottom {margin-bottom:30px}
    .small-margin-left {margin-left:30px}
    .small-margin-right {margin-right:30px}
    .small-margin-right-none {margin-right:0}
    .small-margin {margin:30px;}
    .small-padding {padding:30px;}
    .small-padding-top {padding-top:30px;}
    .small-padding-top-large {padding-top:60px;}
    .small-padding-right {padding-right:30px;}
    .small-padding-bottom {padding-bottom:30px;}
    .small-padding-left {padding-left:30px;}
    .small-text-center {text-align:center}
    .small-neg-margin {margin-top:-30px}
    #home h1 {font-size:7vw}
    .border-fat-top-bottom {border-image-source: linear-gradient(to right,  transparent 33%, var(--darker-color)33%, var(--darker-color)66%, transparent 66%, transparent 100%);}
}

@media only screen and (max-width: 768px) {
   .small-home-margin-top {margin-top:130px}
    .padding-right-large {padding-right:30px }
    .padding-left-large {padding-left:30px }
    #home h1 {font-size:9vw}
}

.playfair-display-r {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.manrope-r {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}