@charset "UTF-8";
html {
	height: 100%;
	overflow: auto;
	box-sizing: border-box;
	scroll-behavior: smooth;
	overscroll-behavior: none;
}
*,*:before,*:after {
  	box-sizing: inherit;
}
body {
	font-family: "Montserrat", sans-serif;
	font-weight: normal;
	overflow-x: hidden;
	background-color:#ffffff;
	color:#000000;
	margin:0;
	
}

main { margin-top:69px !important; }
@media all and (max-width:767px) { .container { padding:0 10px; } }

/* COLORS */
.yellow { color:#ffdd15; }
.black { color:#000000; }
.white { color:#ffffff; }
.darkgray { color:#444444; }
.gray { color:#999999; }
.lightgray { color:#cccccc; }
.blue { color:#04D1EE; }
.green { color:#05D89F; }
.orange{ color:#ffc324; }
.red { color:#FF2477; }
.purple { color:#CE2EAF; }
.ryder-red { color:#ce1126; }
.yellow-bg { background-color:#ffdd15; }
.black-bg { background-color:#000000; }
.white-bg { background-color:#ffffff; }
.darkgray-bg { background-color:#666666; }
.gray-bg { background-color:#999999; }
.lightgray-bg { background-color:#ececec; }
.offwhite-bg { background-color: #F5F5F5; }
.blue-bg { background-color:#04D1EE; }
.green-bg { background-color:#05D89F; }
.orange-bg { background-color:#ffc324;}
.red-bg { background-color:#FF2477; }
.purple-bg { background-color:#CE2EAF; }
.ryder-red-bg { background-color:#ce1126; }
.lightblue-bg { background-color:rgba(4,209,238,0.05) }	
.lightgreen-bg { background-color:rgba(5,216,159,0.05) }
.lightorange-bg { background-color:rgba(255,195,36,0.05) }
.lightred-bg { background-color:rgba(255,36,119,0.05) }
.lightpurple-bg { background-color:rgba(206,46,175,0.05) }

/* TEXT */
h1 { font-size: 10em;
	font-family: "Bebas Neue", sans-serif;
  	font-weight: 400;
  	font-style: normal;
	text-transform: uppercase;
	margin:-20px 0 -20px 0;}
h2 { font-size: 4em;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 300; 
	font-style: normal;
	text-transform: uppercase;
	margin: 0 0 12px 0; }
h3 { font-size: 2em;
	font-family: "Montserrat", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 500;
  	font-style: normal;
	margin: 0 0 12px 0; }
h4 { font-size: 1.5em;
	font-family: "Montserrat", sans-serif;
  	font-optical-sizing: auto; 
  	font-weight: 500;
  	font-style: normal;
	margin: 0 0 15px 0;}
h5, small { font-size: 0.8em; margin:0; font-family: "Montserrat", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 400;
  	font-style: normal; }
p, li { font-size:1em;
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight:normal;
	line-height: 1.75em;
	margin-bottom:15px;}

a {
	font-optical-sizing: auto;
	cursor: pointer;
	text-decoration: underline;
	transition: all 0.2s ease-out 0s;
}
a:hover { color:#ffdd15 !important; }
a:visited { color: none; }
.disabled-link { pointer-events: none; color:#999999 !important; }

.anchor {
    display:block;
    padding-top:0px;
    margin-top:-32px;
 }	
.quote { font-weight: 500 !important;}
.elevate { text-shadow: 0 1px 2px rgba(0,0,0,1.0); color:white; }
.tabtext { font-size: 2em; font-family: "Bebas Neue", sans-serif;
	font-weight: 300; color:white; margin:0 0 -3px 0; }
.final-link {font-size:3em;}

@media all and (min-width:992px) and (max-width:1199px) {
	h1 { font-size:6em; margin:20px 0 5px 0 !important; }
	h2 { font-size:3em; }
	h3 { font-size:2em; }
	h4 { font-size:1.25em; } 
	p, li { font-size: 1em; }
}
@media all and (min-width:768px) and (max-width:991px) {
	h1 { font-size:5em; margin:15px 0 0 0 !important; }
	h2 { font-size:3em; }
	h3 { font-size:1.5em; }
	h4 { font-size:1.5em; } 
	p, li { font-size: 1em; }
}
@media all and (max-width:767px) {
	h1 { font-size:3em; margin:15px 0 5px 0 !important; }
	h2 { font-size:2.25em; }
	h3 { font-size:1.5em; }
	h4 { font-size:1.2em; } 
	p, li { font-size: 0.9em; }
}

/* LISTS */
.container ul, ol { margin-left:-20px; line-height:1.2em; }
.container li { margin-bottom:10px; }
.container li:last-child { margin-bottom:0; }

/* TOP NAV */
nav {
	position: fixed;
	top:0;
    -js-display: flex;
    display:flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
	width:100%;
	padding:15px 30px;
	background-color:black;
	z-index: 3;
}
nav	ul li {
	display:inline;
	margin-left: 60px;
	font-size: 1.25em;
	font-weight:bold;
	}	
nav ul li a {
	color:black;
	text-decoration: none;
	}
#logo { display:block; }	
#logo img { width:auto; height:30px; }	
#hamburger img { width: auto; height: 30px;}
#email img { width: auto; height:35px; } 
@media all and (max-width:991px) {
	nav { padding:15px; }
}	

/* BREADCRUMBS */
.breadcrumbs {color:white; padding:20px 0;}
@media all and (max-width:480px) { .breadcrumbs { padding:10px; } }


/* SIDE NAVIGATION */	
#sideNav {
    position:fixed;
	background-color:#000000;
    top:0;
    bottom:0;
    left: -320px;
	font-size: 2em;
	padding: 15px 20px;
	width: 320px;
	transition: all 0.3s ease-out;
	z-index:4;
}	
#sideNav ul { padding: 0; margin: 0; list-style-type: none; }
#sideNav li { margin: 15px 0; line-height: 1.5em; }
#sideNav li:first-child { margin: 0;}	
#sideNav ul li a, #close {
    color:white;
	font-weight: 400;
	font-family: "Bebas Neue", sans-serif;
    text-decoration: none;
	transition: all 0.2s ease-out 0s;
	cursor:pointer;
}	
.home-box { width: 30px; height:30px; }
.close-box {
    position: absolute;
    top:0;
    right:0;
    font-size: 48px;
    line-height:1.3em;
    padding:0 15px;
}	


/* SUBNAV */
#subnav {
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content:space-between;
    text-align: center;
    width:100%;
	border-top: solid thin black;
	border-bottom: solid thin black;
	z-index:3;
}
#subnav a { 
	font-size: 2em;
    text-decoration: none;
    color:white;
	width:20%;
    padding: 10px 0;
	/*text-shadow: 0 0 2px rgba(0,0,0,1.0);*/
	font-family: "Bebas Neue", sans-serif;
	font-weight: 300; 
}
#subnav a:hover {
	text-shadow: none;
}

@media all and (max-width:767px){ 
	#subnav a { font-size: 0.8em;}
}	

/* STICKY HEADER FIX */	
.sticky {
  	position: fixed;
  	top: 65px;
  	width: 100%;
	box-shadow: 0 1px 12px 1px rgba(0,0,0,0.5);
	z-index: 3;
}


/* BOTTOM NAV */
#bottomNav {
    position:fixed;
    display:flex;
    align-items: center;
    justify-content:space-between;
    background: rgb(255,255,255);
    background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    padding:10px;
    width:100%;
    left:0;
    right:0;			
    bottom:0;
}

.bottomPad { height:90px; }


/* ALIGN TWO ELEMENTS */
.align-title { -js-display: flex; display: flex; align-items:center; margin-bottom:10px; }

.stat{
	display:flex;
	align-items:center;
	vertical-align:middle;
	margin:15px auto;
}

/* HERO IMAGE */
.hero-image {
    height:30em;
    background-color: #ececec;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
@media all and (max-width:767px) {
	.hero-image { height:20em; }
}
.hero-rydergyde { background-image: url("../rydergyde/images/rydergydehero.webp"); }
.hero-mayfair { background-image: url("../mayfair/images/mayfairhero.webp"); }
.hero-prophet { background-image: url("../prophet/images/prophethero.webp"); }
.hero-risk { background-image: url("../risk/images/riskhero.webp"); }
.hero-about { background-image: url("../about/images/abouthero.webp"); }



@media only screen and (-moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	.hero-rydergyde { background-image: url("../rydergyde/images/rydergydehero@2x.webp"); }
	.hero-mayfair { background-image: url("../mayfair/images/mayfairhero@2x.webp"); }
	.hero-prophet { background-image: url("../prophet/images/prophethero@2x.webp"); }
	.hero-risk { background-image: url("../risk/images/riskhero@2x.webp"); }
	.hero-about { background-image: url("../about/images/abouthero.webp");}
}


.big-title { padding: 1.5em 0 1.5em 0; }
.big-title h1 { margin:0 0 -20px 0;}
.big-title h3 { margin:0 0 -10px 0;}
.big-title p { margin:0; line-height: 1.5em;}
@media all and (max-width:767px) { 
	.big-title { padding: 1.5em 0; }
}

/* JOURNEY MAP */
.userjourney {
    position: relative;
    width:100%;
    height:310px;
}	
.sliderLeft, .map, .sliderRight {
	width: 100%;
  	height: 100%;
  	position: absolute;
}
.sliderRight, .sliderLeft {
	display: flex;
	justify-content:center;
	align-items: center;
	color:white;
	background:rgba(0,0,0,0.5);
	text-align: center;
	vertical-align: middle;
	width:50px;
	height:300px;
  	z-index: 2;
	font-size: 2.5em;
	font-weight:100;
	cursor: pointer;
}		
.sliderLeft { left:0; display:none; }	
.sliderRight {right:0;}
	
.map { overflow: auto; }	
.map img { width:auto; height:300px;}

@media all and (max-width:767px) {
	.userjourney { height:210px;}
	.sliderLeft {height:200px;}
	.sliderRight {height:200px;}
	.map img { width:auto; height:200px; }
	}	

/* BIG ROW BOX */
.big-box { color:white; border-radius: 16px; padding:10px 20px; }
.big-box h2, .big-box h3, .big-box h4, .big-box p {padding:0px; margin:0;}
.big-box .row { padding:0; margin:0; }
.big-box .row > div {padding:10px 20px 20px 20px; margin:0; }

/* BOX WITH ROUNDED TOP  */
.box-top { color:white; border-radius: 16px 16px 0 0; }
.box-top h3 { padding:20px; margin:0; }
.box-top hr { background-color: white; }
.box-top ul { padding: 5px 15px 15px 35px; margin: 0; }

/* BOX WITH ROUNDED BOTTOM */
.box-bottom { color:white; border-radius: 0 0 16px 16px; }
.box-bottom h3 { padding:20px; margin:0;}
.box-bottom hr { background-color: white; }
.box-bottom ul { padding: 5px 15px 15px 35px; margin: 0; }

/* INNER PADDING ON ROW */
.padsqueeze { padding:0 15px; }
@media all and (max-width:481px) { .padsqueeze { padding:0 0 0 15px; margin:0; } }


/* TILES */
.tile-body { display:flex; flex-wrap: wrap; }

.tile {
	display:grid;
	width:50%;
	height: 25em;
	align-items:center;
	padding: 60px;	
	border: solid 1px black;
}

.tilefull {
	display:grid;
	width:100%;
	height: 15em;
	align-items:center;
	padding: 60px;	
	border: solid 1px black;
	text-align:center;
}	


#tile1, #tile2, #tile3, #tile4 {
    cursor: pointer;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
}	

#tile5 {
    cursor: pointer;
    background-repeat: repeat;
    position: relative;
    background-size:auto;
    background-position: 50% 50%;
}	
	
#tile1 div, #tile2 div, #tile3 div, #tile4 div, #tile5 div {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	transition: 0.15s;
}

@media all and (max-width:767px) {
	.tile, .tilefull { width:100%; height:15em; padding: 15px; }
}	

#tile3 div { background-color:rgba(255,36,119,0.75); }
#tile3 div:hover { background-color:rgba(255,36,119,0.95); }
#tile4 div { background-color:rgba(4,209,238,0.75); }
#tile4 div:hover { background-color:rgba(4,209,238,0.95); }
#tile1 div { background-color:rgba(255,195,36,0.75); }
#tile1 div:hover { background-color:rgba(255,195,36,0.95); }
#tile5 div { background-color:rgba(5,216,159,0.75); }
#tile5 div:hover { background-color:rgba(5,216,159,0.95); }
#tile2 div { background-color:rgba(206,46,175,0.75); }
#tile2 div:hover { background-color:rgba(206,46,175,0.95); }	



/* FOOTER */
footer {
	padding:15px 10px;
  	text-align: center;
	width:100%;
	color:white;
	background-color:black;
}
footer ul { padding:0; }	
footer ul li {
    display:inline;
    margin-right: 40px;
    font-size: 2em;
    font-weight:400;
	font-family: "Bebas Neue", sans-serif;
}
footer ul li:last-child { margin-right: 0; }
footer ul li a {
	color:white;
	text-decoration: none;
}
@media all and (max-width:767px) {
	footer { padding:15px 10px; margin:0; flex-direction:column; text-align:center;}
}

/* RESPONSIVE CLASSES */
.img-responsive { width: 100%; height: auto; }
@media all and (max-width:480px) { .xs-img-responsive { width: 100%; height:auto; } }

.video-responsive {
    position: relative;
    padding-bottom: 75%; /* 4:3 */
    height: 0;
}
.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.iframe-container {
  overflow: hidden;
  /* 16:9 aspect ratio */
  padding-top: 56.25%;
  position: relative;
}
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

/* BUTTONS */	
button {
	margin: 10px 0;
    padding:15px 40px;
    border-radius: 8px;
    font-weight:bold;
	font-size:1.2em;
    transition: all 0.15s ease-out 0s;
    cursor: pointer;
}
button:hover { box-shadow: 0 0; background-color:#EDCA00; }		
.button-yellow {
	border: solid 2px black;
	color:black;
	background-color:#EDCA00;
	transition: all 0.15s ease-out 0s;
	}

.button-clear {
	border: solid 4px white;
	color:white;
	background-color:rgba(0,0,0,0.2);
	}	
@media all and (max-width:767px) {
	button {
		margin: 10px 0;
    	padding:15px 40px;
    	font-weight:bold;
		font-size:1em;
		}
	}

#contact button {
	height:40px;
	width:200px;
	padding:0;
}

/* HR */
hr { 
	padding:0; 
	height:1px; 
	background-color:#999999;
	color:#999999; 
	border:none; 
	margin: 20px 0 30px 0;
}

/* COMMON CLASSES */
.text-center { text-align:center; }
.text-right { text-align:right; }
.hide { display: none !important;}
.pad5 {padding:5px;}
.pad10 {padding:10px;}
.pad15 {padding:15px;}
.pad20 {padding:20px;}
.padbottom15 { padding-bottom: 15px;}
.padleft10 { padding-left:10px; }
.padleft20 { padding-left:20px; }
.padright10 {  padding-right:10px; }
.padright20 {  padding-right:20px; }
.colrightshiv { padding-right:15px;}
.nopad { padding:0 !important; }
.nomargin { margin:0;}
.block {display:block;}
.width100 {width:100%;}
.mobile-only { display:none !important; }
.bold {font-weight:900;}
.underline { text-decoration: underline;}
.uppercase {text-transform: uppercase;}
.marginbottom0 {margin-bottom:0px;}
.marginbottom10 {margin-bottom:10px;}
.marginbottom15 {margin-bottom:15px;}
.marginbottom25 {margin-bottom:2em;}
.border { border: solid thin; }
.border-blue { border: solid thin #04D1EE; }
.border-green { border: solid thin #05D89F; }
.border-orange{ border: solid thin #ffc324; }
.border-red { border: solid thin #FF2477; }
.border-purple { border: solid thin #CE2EAF; }
.absolute { position:absolute; }
.small-hide {display:block;}
.personashiv { padding: 0 15px;}

@media all and (max-width:991px) { 
	.small-hide { display:none;} 
}

@media all and (max-width:767px) {
	.mobile-only { display:block !important;}
	.mobile-hide { display:none;}	
	.mobile-pad15 {padding:15px;}
	.mobile-center {text-align:center !important;}
	.mobile-nopad { padding:0; }
	.colrightshiv { padding-right:0;}
	.mobile-width100 {width:100% !important;}
	.final-link {font-size:2em;}
}

@media all and (max-width:480px) {
	.personashiv { padding: 10px 0 0 0;}
}