:root
{   
	--Black: #000000;
    --Disabled: #CCCCCC;
    --Green: #00D5AA;
    --Primary: #003B5C;
	--NeutralsDark: #001A29;
	--White:#FFFDFD;
    --minWidthLandscape: 1024px;
    --maxWidthLandscape: 1400px;
    --minHeightLandscape: 610px;
    --maxHeightLandscape: 992px;
}

.fondo-image {
    /* background-color: #5ABD1E;     */    
	background-image: url(/images/landing/top.png);
    background-size: 100% 100%;
	
}

.back-image {
    /* background-color: #5ABD1E;     */    
	background-image: url(/images/general/background.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: inherit;
	
}

.main-background
{
    padding-left: 50px;
    padding-right: 50px;
	padding-top: 40px;
}

.img-top{
	display:block;
	margin:auto;
	width: 70%;
}

.questions-landing{

	font-size: 26px;
	font-weight: 600;
	line-height: 31px;
	letter-spacing: 0em;
	text-align: left;
	color:var(--Primary)!important;
	font-family: 'Montserrat-Subtitulo-Ch' !important;
}

.text-questions{
	
	font-size: 18px;
	font-weight: 500;
	line-height: 25px;
	letter-spacing: 0em;
	text-align: left;
	color:var(--NeutralsDark)!important;
	font-family: 'Montserrat-Regular' !important;
}

.text-regular{
	font-family: 'Inter-Regular'!important;
}


#bayer-logo
{	
	height: 90px;
	object-fit: contain;
}
#date-event-span
{
	color: var(--Primary);
	font-family: 'Myriat-Pro-Bold';
	font-size: 28px;
	font-style: normal;
	line-height: 30px;
	text-align: center;
}
#doctor-image
{
	object-fit: contain;
	margin-bottom: 56px;
	margin-top: 56px;
	max-width: 303px;
	width: 100%;
}
#eye-image
{
	max-width: 527px;
	width: 100%;
}
#legend-span
{
	font-family: 'Myriat-Pro-Regular';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 19px;
}
#name-doctor-span
{
	color: var(--Primary);
	font-family: 'Myriat-Pro-Bold';
	font-size: 40px;
	font-style: normal;
	line-height: 54px;
	margin-bottom: 8px;
}
#policy-title-modal-span
{
	font-family: 'Myriat-Pro-Regular';
	font-size: 20px;
}
#redirect-game-button
{
	background-color: var(--White);
	color: var(--Primary);
}
#redirect-game-button svg path
{
	stroke: var(--Primary);
}
#retina-logo
{
	max-width: 415px;
	width: 100%;
}
#session-date-span
{
	color: var(--Primary);
	font-family: 'Myriat-Pro-Bold';
	font-size: 28px;
	font-style: normal;
	line-height: 38px;
	margin-bottom: 16px;
}
#setion-2-image-1
{	
	margin-top: 50px;
	max-height: 180px;
	max-width: 180px;

}
#setion-2-image-2
{
	margin-top: 50px;
	max-height: 180px;
	max-width: 180px;
}
#top-image-1
{
	background-position:top;
	
	
}
.img-hover img {
	-webkit-transition:all .9s ease; /* Safari y Chrome */
	-moz-transition:all .9s ease; /* Firefox */
	-o-transition:all .9s ease; /* IE 9 */
	-ms-transition:all .9s ease; /* Opera */
}
.img-hover:hover img {
	-webkit-transform:scale(1.25);
	-moz-transform:scale(1.25);
	-ms-transform:scale(1.25);
	-o-transform:scale(1.25);
	transform:scale(1.25);
	}
#middle-image-1
{
	margin-top: 50px;
	max-height: 80px;
	/* max-width: 309px; */
}
.middle-image-2:hover {

	transform:scale(1.5);
}
#middle-image-2
{
	margin-top: 50px;
	max-height: 59px;

	/* max-width: 421px; */
}

#setion-2-image-3
{
	margin-top: 50px;
	max-height: 180px;
	max-width: 180px;
}
#section-2-title-1
{
	margin-top: 35px;
}
#section-2-title-2
{
	margin-top: 36px;
}
#section-2-title-3
{
	margin-top: 38px;
}
#sponsored-by-span
{
	font-family: 'Myriat-Pro-Regular';
}
#time-event-span{
	color: var(--Primary);
	font-family: 'Myriat-Pro-Bold';
	font-size: 28px;
	font-style: normal;
	line-height: 30px;
	text-align: center;
}
#title-doctor-span
{
	color: var(--Primary);
	font-family: 'Myriat-Pro-Regular';
	font-size: 28px;
	font-style: normal;
	line-height: 38px;
}
#woman-image
{
	/* bottom: 0; */
	height: 93%;
	max-height: 452px;
	max-width: 300px;
	/* position: absolute; */
	object-fit: contain;
	/* right: -4%; */
	width: 40%;
	z-index: 1;
}
.bgd-green
{
	background-color: var(--Green);
}
.circle-container
{
	background-color: var(--Primary);
	border-radius: 50%;
	height: 109px;
	width: 109px;
}
.cookies-table th
{	
	text-align: center;
	white-space: nowrap;
}
.form-check-input 
{
	border-color: var(--Primary);
}
.form-check-input[type="checkbox"]
{
	border-radius: 0px;
}
.links-footer-span
{
	color: var(--Primary);
	cursor: pointer;
	font-family: 'Myriat-Pro-Regular';
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 38px;
	text-decoration-line: underline;
}
.number-span
{
	color: var(--White);
	font-family: 'Myriat-Pro-Bold';
	font-size: 56px;
	font-style: normal;
	font-weight: 800;
	line-height: 76px;
	text-align: center;
}
.policy-title{
	font-weight: bold;
}
.section-2-title
{	
	color: var(--White);
	font-family: 'Myriat-Pro-Bold';
	font-style: normal;
	font-size: 24px;
	line-height: 34px;
}
.step-description-p
{
	color: var(--Black);
	font-family: 'Myriat-Pro-Bold';
	font-style: normal;
	font-size: 32px;
	line-height: 44px;
	margin-left: 47px;
	text-align: center;
}
.top-container{
	overflow: hidden;
}
.form-check-input
{
	min-width: 16px;
}
.form-check-input:checked
{
  background-color: var(--Primary);
  border-color: var(--Primary);
}
.form-check-input:focus 
{
  border-color: var(--Primary);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(27, 69, 103, 0.25);
}
.form-control::placeholder
{	
    color: #CCCCCC;
}
.form-control {
	border: 1px solid var(--Primary);
  	font-family: 'Myriat-Pro-Regular';
  	font-style: normal;
  	font-size: 18px;
  	line-height: 24px;
  	padding: 4px 4px;
}
.form-label {
  font-family: 'Myriat-Pro-Bold';
  font-size: 14px;
  font-style: normal;
  line-height: 14px;
  text-align: left;
  color: var(--Primary);
}
.form-terms-conditions
{
	color: #C4C4C4 !important;
	font-family: 'Myriat-Pro-Regular';
	font-style: normal;
	font-weight: 500;
	font-size: 9px;
	line-height: 12px;
}
.form-terms-conditions a
{
	color: var(--Disabled);
}
.input-error-message
{
	font-family: 'Myriat-Pro-Bold';
	font-style: normal;
	font-size: 14px;
	color: var(--Primary);
	padding-top: 10px !important;
}

.register-confirmation-text
{
	font-family: 'Myriat-Pro-Regular';
}


@media only screen and ( max-width: 1200px )  
{
	#bayer-logo
	{	
		height: 65px;
	}
	#buttons-container
	{
		margin-bottom: 0px;
	}
	#retina-logo{
		margin-top: 0px;
	}
}
@media only screen and ( min-width: 1200px )  
{
	.line-container::before {    
	    content: "";
		background-image: url('/images/landing/line.png');
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: 100%;
		position: absolute;
		left: 5;
		bottom: 6.05%;
		height: 50px;
		width: 100%;
		z-index: -1;
	}
}
@media (max-width: 1280px) and (orientation: landscape){
	.img-top{
		width: 60%;
	}
}
@media only screen and (min-width: 1399px){
	#woman-image
	{
		right: -5% !important;	
	}
}


/*md*/
@media only screen and ( max-width: 1199px )
{
	#woman-image 
	{
	  	right: -7% !important;
	}
}

/*desktop*/
@media only screen and ( min-width: 992px ) 
{  
	.line-container::before {    
	    content: "";
		background-image: url('/images/landing/line.png');
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: 100%;
		position: absolute;
		left: 5;
		bottom: 4.05%;
		height: 50px;
		width: 100%;
		z-index: -1;
	}

	#woman-image 
	{
	  	right: -4% !important;
	}
}

@media only screen and ( max-width: 991px )  
{  
	#date-event-span
	{
		font-size: 22px;
		line-height: 26px;
	}
	#doctor-image 
	{
		max-width: 221px;
		margin-bottom: 24px;
	}
	#eye-image 
	{
		margin-left: 56%;
	  	max-width: 360px;
	}
	#name-doctor-span
	{
		font-size: 32px;
		line-height: 42px;
		margin-bottom: 42px;
	}
	#retina-logo 
	{
	  max-width: 314.5px;
	}
	#session-date-span 
	{
		font-size: 22px;
		line-height: 28px;
	}
	#setion-2-image-1 
	{
	  	max-width: 111.98px;
	}
	#setion-2-image-2 
	{
	  	max-width: 111.98px;
	}
	#setion-2-image-3 
	{
	  	max-width: 111.98px;
	}
	#time-event-span{
		font-size: 22px;
		line-height: 26px;
	}
	#title-doctor-span
	{
		font-size: 22px;
		line-height: 32px;
		margin-bottom: 80px;
	}
	#woman-image 
	{
	  	height: 80%;
	  	right: -6% !important;
	}
	.base-button.small 
	{
	  	height: 53px;
	}
	.links-footer-span
	{
		font-size: 17px;
		line-height: 27px;
	}
	.section-2-title 
	{
	  	font-size: 22px;
	  	line-height: 27px;
	}
	.step-description-p
	{	
		font-size: 26px;
		line-height: 36px;
		margin-left: 0px;
	}
}

@media only screen and (min-width: 1399px){
	#woman-image
	{
		right: -5% !important;	
	}
}

@media only screen and ( min-width: 767px ) 
{ 
	#buttons-container
	{
		margin-bottom: 16px;
	}
	#retina-logo{
		margin-top: 48px;
	}
	#woman-image
	{
		bottom: 0;
		height: 100%;
		max-height: none;
		max-width: none;
		position: absolute;
		object-fit: contain;
		right: -5%;
		width: 48%;
		z-index: 1;
	}
}
@media only screen and ( max-width: 767px ) 
{ 
	#eye-image 
	{
		margin-left: 56%;
	  	max-width: 360px;
	}
	#woman-image 
	{
	  	height: 46%;
		right: -4% !important;
	}
}

/*small*/
@media only screen and ( max-width: 575px ) 
{ 
	#date-event-span
	{
		font-size: 16px;
		line-height: 22px;
	}
	#doctor-image 
	{
		max-width: 139px;
		margin-bottom: 24px;
	}
	#eye-image 
	{
		margin-left: 56%;
	  	max-width: 193px;
	}
	#legend-span
	{
		font-size: 8px;
	}
	#name-doctor-span
	{
		font-size: 24px;
		line-height: 33px;
		margin-bottom: 42px;
	}
	#retina-logo 
	{
	  	max-width: 214px;
	}
	#session-date-span 
	{
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 24px;
	}
	#setion-2-image-1 
	{
	  	max-width: 111.98px;
	}
	#setion-2-image-2 
	{
	  	max-width: 111.98px;
	}
	#setion-2-image-3 
	{
	  	max-width: 111.98px;
	}
	#section-2-title-1 
	{
	  margin-top: 22px;
	}
	#sponsored-by-span
	{
		font-size: 12px;
		line-height: 38px;
	}
	#time-event-span
	{
		font-size: 16px;
		line-height: 22px;
	}
	#title-doctor-span
	{
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 24px;
	}
	#woman-image 
	{
	  	height: 33%;
	  	right: -6%;
	  	right: -10%;
	 
	}
	.base-button.small 
	{
	  	height: 48px;
	}.circle-container
	{
		height: 80px;
		width: 80px;
	}
	.links-footer-span
	{
		font-size: 14px;
		line-height: 19px;
	}
	.number-span
	{
		font-size: 40px;
		line-height: 54px;
	}
	.section-2-title 
	{
	  	font-size: 20px;
	  	line-height: 27px;
	}
	.step-description-p
	{
		font-size: 20px;
		line-height: 27px;
	}
}