/* by-pass */

.rr-rcio-ds .compaign-by-pass{
	display: flex;
	flex-direction: row;
	font-size: 1em;
	height: 966px;
}
.rr-rcio-ds .campaign-by-pass-left{
	position: relative;
}
.rr-rcio-ds .compaign-by-pass-logo {
	height: 48px;
	width: 48.26px;
	margin-left: 50px;
	margin-top: 54px;
	position: absolute;
	z-index: 1;
}
.rr-rcio-ds .campaign-by-pass-image{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.rr-rcio-ds .by-pass-img-text {
	bottom: 0px;
	position: absolute;
	margin: 10% 5%;
}
.rr-rcio-ds .line {
	border: 3px solid #FFFFFF;
}
.rr-rcio-ds .by-pass-img-text h1{
	color: #FFFFFF;
	font-family: "GiorgioSans";
	font-size: 2.8em;
	font-weight: bold;
	letter-spacing: -0.28px;
	line-height: 40px;
	text-transform: uppercase;
}


.rr-rcio-ds .by-pass-img-text h1 sup{

	font-size: 0.62em;
	letter-spacing: 0.07px;
	line-height: 16px;
}

/* right-side */
.rr-rcio-ds .by-pass-section-right{
display: flex;
flex-direction: column;
}
.rr-rcio-ds .by-pass-header{
	float: right;
	margin-right: 50px;
	margin-top: 54px;
}
.rr-rcio-ds .by-pass-content{
	display: flex;
	height: 100%;
	position: relative;
	overflow: hidden;
	flex-direction: row;
}
.rr-rcio-ds .by-pass-body{
	align-self: center;
		width: 100%;
	display: flex;
	justify-content: center;
}
.rr-rcio-ds .by-pass-semi-circle{
	position: absolute;
	vertical-align: middle;
	height: 750px;
	background: #FAB97C;
	width: 400px;
	border-top-right-radius: 400px;
	border-bottom-right-radius: 400px;
	top: 20%;
	margin-top: -130px;
	margin-left: -238px;
}

/* outage */
.rr-rcio-ds .by-pass-outage-content{
	align-self: center;
	width: 100%;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: -0.24px;
	line-height: 40px;
	max-width: 456px;
}
.rr-rcio-ds .by-pass-outage-content-tab{
	display: none;
}

/* promo1 */
.rr-rcio-ds .by-pass-sign-in-section{
	width: 450px;
}
.rr-rcio-ds .by-pass-sign-in-section .form-group{
	margin-bottom: 16px;

}

.rr-rcio-ds .by-pass-promo-one {
	background-color: #D5EDE6;
	width: 100%;
	padding: 24px;
  }
  .rr-rcio-ds .by-pass-next-vacation {
	font-family: "GiorgioSans";
	font-size: 2.3em;
	font-weight: bold;
	letter-spacing: -0.25px;
	padding-bottom: 24px;
  }
  .rr-rcio-ds .by-pass-next-book {
	font-size: 16px;
	letter-spacing: 0.4px;
	line-height: 16px;
  }
  .rr-rcio-ds .by-pass-border{
	margin-bottom: 32px;
	margin-top: 32px;
  }
 
/* promo 4 */
.rr-rcio-ds .by-pass-circle-position div{
	margin-top: 8px;
	height: 178px;
	width: 180px;
	background: #ff6a6a;
	border-radius: 50%;
}

.rr-rcio-ds .by-pass-circle-position{
display: flex;
justify-content: center;
}

/* sign in */

.rr-rcio-ds .account-promo{
margin-bottom: 32px;
font-size: 1.4em;
font-weight: bold;
letter-spacing: 0;
line-height: 24px;
}
.rr-rcio-ds .account-promo-responsive{
  display: none;
}
.rr-rcio-ds .form-group a {
font-size: 1em;
font-weight: 600;
letter-spacing: 0.67px;
line-height: 24px;
margin-bottom: 24px;
}

.rr-rcio-ds .responsive-section-by-pass{
display: none;
}

.rr-rcio-ds .form-group .username{
height: 56px;
width: 100%;
color: #7C7C7E;
font-size: 0.87em;
letter-spacing: 0.4px;
border: 1px solid #ADADAF;
border-radius: 4px;
}

.rr-rcio-ds input[type=text]:focus, input[type=password]:focus {
background-color: #ddd;
outline: none;
}

.rr-rcio-ds button:hover {
opacity:1;
}


.rr-rcio-ds .clearfix::after {
content: "";
clear: both;
display: table;
}

@media (max-width: 991px) {
.rr-rcio-ds .campaign-by-pass-left{
	  display: none;
  }

  .rr-rcio-ds .by-pass-body{
   align-self: auto;
   padding-top: 24px;
  }
  .rr-rcio-ds .by-pass-sign-in-section{
	  text-align: center;
	  width: 100%;
		max-width: 597px;
  }
  .rr-rcio-ds .compaign-by-pass-logo-responsive{
	height: 36px;
	width: 36px;
	margin-bottom: 56px;
  }
  .rr-rcio-ds .by-pass-promo-one {
	padding-top: 32px;
	padding-bottom: 32px;
  }

 .rr-rcio-ds .label-copy{
	 display: none;
 }

 .rr-rcio-ds .responsive-section-by-pass{
	 display: block;
 }


.rr-rcio-ds .by-pass-outage-content{
	display: none;
}
.rr-rcio-ds .sign-in-or-register {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -0.18px;
	line-height: 32px;
	align-self: center;
}
.rr-rcio-ds .by-pass-outage-content-tab {
	height: 141px;
	border-radius: 4px;
	background-color: #E4E4E4;
	display: flex;
	padding-left: 24px;
	padding-right: 24px;
}
.rr-rcio-ds .semi-circle-block{
	display: none;
}

/* promo */
.rr-rcio-ds .by-pass-border {
	margin-bottom: 0px;
	margin-top: 48px;
}
.rr-rcio-ds .promo-sign-in{
	display: none;
}
.rr-rcio-ds .account-promo-responsive{
	display: block;
	font-size: 1.13em;
	letter-spacing: 0.12px;
	line-height: 24px;
	text-align: center;
	padding-bottom: 16px;
}
.rr-rcio-ds .promo-retrive{
	display: block;
	text-align: center;
}
.rr-rcio-ds .by-pass-header{
	display: none;
}
.rr-rcio-ds .form-group .bypass-signupbtn{
	width: 100%;
}
}


@media (max-width: 576px) {
	.rr-rcio-ds .by-pass-border {
		margin-bottom: 0px;
		margin-top: 16px;
	}
	.rr-rcio-ds .checkbox-desk{
		display: none;
	}
	.rr-rcio-ds .label-copy{
		display: block;
	}
	.rr-rcio-ds .label-copy-responsive{
		display: none;
	}
	.rr-rcio-ds .form-group .bypass-signupbtn{
		margin-bottom: 56px;
	}
	.rr-rcio-ds .by-pass-sign-in-section {
		max-width: 271px;
	}
}

.rr-rcio-ds .error-text{
    border-radius: 4px;
    font-size: 0.875em;
    letter-spacing: 0.43px;
    line-height: 16px;
    text-align: center;
    padding: 16px 24px;
    margin-bottom: 16px;
}