@charset "utf-8";

/* CSS Document */

@media screen {
	
	div.sLayer-back {z-index:0;}
	div.sLayer-mid {z-index:5;position:absolute;top:0}
	div.sLayer-top {z-index:10;position:absolute;top:0}
	
	
	/* logohead */	
	
	.logohead {width:auto}
	.logo img {height:70px;margin: 21px 0 -10px 2px !important;}
	.logo img:hover {opacity:0.8}
	div.logo {margin:15px 0 10px -70px;float:left}
	
	.logo.img {background-image:url(/DeRoyalcom_2018/design_master/img/deroyal-logo-wtagline-white.png) !important;height:80px !important}
.loading {background-image:url(/DeRoyalcom_2018/design_master/img/GettyImages-917522766.jpg) !important}
	
	.k-popup .k-item.k-first {
    display: none;
}
	
	/* MAIN NAV */

	div.head-hold {position:relative;height:148px}

	div.head {position:fixed;z-index:8010;box-shadow:0px 2px 10px 0px rgb(0 0 0 /50%)}
	ul.sf-autocomplete {
		position: fixed;}
	
	
		.sfPublicWrapper, .sfNavHorizontalDropDown, .mainnav, .k-item, .k-state-default, .k-first {background-color:transparent;margin:0;padding:0;}
	div.mainnav-holder {width:auto;position:relative;display:block}
	div.mainnav-menu {vertical-align: bottom;position:absolute;height:auto; width:auto;right:5px;display: flex;}
	
	.sfPublicWrapper {overflow:hidden}
	
	div.mannav {float:right;}
	

	.navbar {margin:0 ;border-bottom:3px solid #0058a4;padding:9px 0 15px;top:20px;background-image: url('../img/head-bkd2022.png');background-size:cover;}
	.wrap_slogan {top:0;}
	.wrap_slogan, .navbar {width:100%}
	
	.sfNavWrp .sfNavHorizontalDropDownWrp .mainnav {z-index:8001;margin-bottom:160px !important}
	ul.sf-autocomplete {z-index:8005}
	
	/* main menu, unselected, affects dropdown links too */
a.mainnav.k-link, .sfNavHorizontalDropDown .k-item > a.k-link, .sfNavWrp.mainnav .sfNavSelect, .sfNavWrp.mainnav .sfNavSelect option {text-transform:uppercase;background-color:transparent !important;font-weight:500;font-size:12px;font-family: 'Poppins', sans-serif !important;letter-spacing:1px !important;line-height:16px !important;height:auto;}
	
	a.mainnav.k-link, .sfNavHorizontalDropDown .k-item > a.k-link {color:#002d5b !important;font-weight:bold}
	.sfNavHorizontalDropDown .k-group .k-item > a.k-link {color:white !important}
	

	a.mainnav.k-link, .sfNavHorizontalDropDown .k-item > a.k-link, .sfNavWrp.mainnav select.sfNavSelect {padding:0;}
	
	.sfNavVertical a {padding:0 !important}
	
	
	/* upper nav menu links */

	a.mainnav.k-link, .sfNavHorizontalDropDown .k-item > a.k-link, .sfNavWrp.mainnav .sfNavSelect {margin:32px 0px 0px 30px;}
	a.mainnav.k-link:hover, li.ui-menu-item:hover { transition-duration: 0.2s ease-in;background:none;color:#80cecf;border:none;border-color:transparent;}
	.sfNavHorizontalDropDown li {border:none;border-color:transparent;cursor:pointer;}
	
		.k-state-hover:hover, .k-autocomplete, .k-draghandle, .k-dropdown-wrap, .k-grid-header, .k-grouping-header, .k-header, .k-numeric-wrap, .k-pager-wrap, .k-panelbar .k-tabstrip-items .k-item, .k-picker-wrap, .k-progressbar, .k-state-highlight, .k-tabstrip-items .k-item, .k-textbox, .k-toolbar, .km-pane-wrapper > .km-pane > .km-view > .km-content, .k-grid td.k-state-selected:hover,.k-grid tr:hover, .k-grid td.k-state-focused, a.mainnav.k-link.k-state-active.k-state-border-down, .k-menu .k-item {background-image:none !important; border-color:transparent;}
	
	div.k-animation-container, ul.k-group.k-menu-group.k-popup.k-reset.k-state-border-up, .sfNavWrp.mainnav.sfNavSelect option {background-color:#002d5b !important;border:0px 0px auto 0px !important;border-radius:0px !important;margin-left:10px;box-shadow:0 1px 8px 1px rgba(0,0,0,0.2)}
	
	.k-menu .k-animation-container, .k-menu-scroll-wrapper .k-animation-container, .k-popup .k-animation-container, .k-popups-wrapper .k-animation-container {transition:all 0.2s ease-in 0s;padding-left:0;z-index:10000000}
	
	
	
	/* up arrow on top */
	
	div.k-animation-container:before {    content:"";
    position: absolute;
    left: 37px;
    top: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
  border-color: transparent transparent #002d5b transparent;
    z-index:9999; }
	
	div.k-animation-container:after {content:"";
    position: absolute;
    left: 35px;
    top: -9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent white transparent;
    z-index:9998;}
	
/* drop down */


	.sfNavHorizontalDropDown .k-group .k-item > a.k-link {margin:0;text-align:left;background-color:transparent;border:0px;padding:10px !important}
	.sfNavHorizontalDropDown .k-group .k-item > a.k-link:hover {background-color:#80cecf !important;margin:0;color:#002d5b !important;font-weight:bold !important;}
	
.k-popup:not(.k-ct-popup), .k-menu-popup .kpopup {width:auto !important;min-width: auto !important;}
div.k-child-animation-container {width:auto !important;min-width: 225px !important;}
	.k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link, .k-menu-scroll-wrapper .k-menu-group .k-item > .k-link, .k-popups-wrapper.vertical > .k-item > .k-link {padding-left:0}

	.k-icon::before {content:none;}
	
	
	
	/* social links in header */	
	
	.social img:hover {opacity:0.8;}
	.social img {padding:0;margin:22px 2px 0;height:15px;width:auto;}
	.social a:hover {display:inline-block}
	
	
	
	/* uppernav / web tools */	
	
	
	
	.search, .uppermenu, .social {font-size:12px !important;width:auto;float:right;font-family: 'Poppins', sans-serif;letter-spacing:1px;font-weight:500;}
	div.search .ui-autocomplete-input {background-color:#e8ecf4 !important}
		.wrap_search {text-align:right;}	
	.sfsearchBox, .search {padding:5px 5px;margin-top:11px;border:0;}
	.sfsearchBox .sfsearchTxt, .ui-autocomplete-input, .k-widget .k-autocomplete .k-header .sfsearchTxt .k-autocomplete-clearable .k-state-default {width:340px;height:17px;padding:6px 10px 4px 10px;border:0;color:#002d5b;text-transform:uppercase;font-weight:500;font-family: 'Poppins', sans-serif;letter-spacing:1px;opacity:1.0}
	
	.search button:hover, .sfsearchSubmit:hover {background-image:url('../img/search-d.png');}
	
	.search button, .sfsearchSubmit {background-image:url('../img/search-7545.png');background-repeat:no-repeat;background-color:transparent;color:transparent !important;border:0;cursor:pointer;display:block;float:right;font-size:12px;margin-top:1px;height:20px;width:20px;background-size: cover;margin: 2px -20px 0px 4px;}
	
	ul.sf-autocomplete {position: absolute;padding:3px 8px !important;background: #70cacb !important;border: 1px solid white;list-style: none;color: white !important;cursor: pointer;font-weight: 500;font-family: 'Poppins', sans-serif;font-size: 12px;letter-spacing:1px;z-index:10000000020}
	
	ul.sf-autocomplete:hover, li.ui-menu-item-wrapper a:hover {background:#0058a4 !important;color:white !important;}
	
	input#T70643D0A003$ctl00$ctl00$topSearchBox$ctl00$ctl00$searchButton.sfsearchSubmit {background:none}
	
.uppermenu {padding-top:21px;text-align:right;width:auto;text-transform:uppercase;}
.uppernav:hover {color:#0058a4}
	

.webtools:hover, .webtools a:hover {background-color:#80cecf;opacity:1.0;border-color: #80cecf ;color:#002d5b  !important;font-weight:bold;}	
.webtools, a.webtools {color:#92b7d8 !important;border:1px #92b7d8 solid;padding:4px 5px 3px 6px !important;opacity:1.0;margin:6px 8px 0 15px;font-size:12px !important}



/* v15 upper nav fixes */

div.k-child-animation-container {height:auto !important}

.k-widget.k-menu-horizontal > .k-item {
    position: relative;
    float: left;
    border-style: solid;
    border-width: 0 1px 0 0;
    vertical-align: top;
}

.k-menu-expand-arrow {
    width: 1em;
    height: 1em;
    display: block;
    font-size: 16px;
    text-indent: -9999px;
    overflow: hidden;
}

ul.k-group.k-menu-group {
    background-color: #002D5B;
    border-radius: 0px;
    box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.2);
}	
}