@font-face {
    font-family: 'Segoe UI Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Regular'), url('Segoe UI.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Segoe UI Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Italic'), url('Segoe UI Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Segoe UI Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold'), url('Segoe UI Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Segoe UI Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold Italic'), url('Segoe UI Bold Italic.woff') format('woff');
    }

/**/

#sec_one{
	height: 700px;
	position: relative;
	padding: 10vh 0vh 40vh 0vh;
}

#bed_text{
	font-family: 'Segoe UI Regular';
	color: #2765A4;
}

#bed_text_bold{
	font-family: 'Segoe UI Bold';
	color: #2765A4;
	font-size: 48px;
}

#p_text_secOne{
	font-family: 'Segoe UI Regular';
	color: #2765A4;
	padding: 20px 0px 20px 0px;
}

#DISCOVER_btn{
	padding: 10px 30px 10px 30px;
	border: 2px solid #2765A4;
	background-color: #2765A4;
	color: white;
	font-family: 'Segoe UI Regular';
	font-size: 12px;
	border-radius: 20px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

#DISCOVER_btn:hover{
	border: 2px solid #2765A4;
	background-color: transparent;
	color: #2765A4;
}

#hi_leo_bed{
	position: absolute;
	right: 0px;
	bottom: 20vh;
	background-color: #2765A4;
	width: 24%;
}
#hi_leo_bed h2{
	color: white;
	font-family: 'Segoe UI Bold';
	padding: 30px 30px 0px 30px;
}
#hi_leo_bed h4{
	color: white;
	font-family: 'Segoe UI Bold';
	padding: 0px 30px 10px 30px;
}
#hi_leo_bed p{
	color: white;
	font-family: 'Segoe UI Regular';
	padding: 0px 30px 50px 30px;
}
#div3_line{
	position: absolute;
	right: 0px;
	bottom: 0vh;
	width: 2px;
}

#div3_react{
	position: absolute;
	right: 0px;
	bottom: 4vh;
	width: 10px;
}




#jupiter_chairs{
	position: absolute;
	right: 28%;
	bottom: 0vh;
	background-color: #23A1D1;
	width: 24%;
}

#jupiter_chairs h2{
	color: white;
	font-family: 'Segoe UI Bold';
	padding: 30px 30px 0px 30px;
}
#jupiter_chairs h4{
	color: white;
	font-family: 'Segoe UI Bold';
	padding: 0px 30px 10px 30px;
}
#jupiter_chairs p{
	color: white;
	font-family: 'Segoe UI Regular';
	padding: 0px 30px 50px 30px;
}
#div2_line{
	position: absolute;
	right: 28%;
	bottom: 25vh;
	width: 2px;
}

#div2_react{
	position: absolute;
	right: 28%;
	bottom: 85vh;
	width: 10px;
}


#black_chair{
	position: absolute;
	right: 56%;
	bottom: 0vh;
	background-color: rgba(39,101,164, 0.7);
	width: 24%;
	padding: 10px 0px 10px 0px;
}
#div1_line{
	position: absolute;
	right: 56%;
	bottom: 20vh;
	width: 2px;
}

#div1_react{
	position: absolute;
	right: 56%;
	bottom: 50vh;
	width: 10px;
}

#scroll_btn_sec_one{
	position: absolute;
	right: 80%;
	bottom: 5vh;
	width: 27%;
	padding: 10px 0px 10px 0px;
	text-align: center;
}
#scroll_btn_sec_one img{
	width: 20%;
}

#sec_one_hidden{
	display: none;
}

.slider_elemet_bs{
	background-color: #2765A4;
	padding: 10px 0px 10px 0px;
	margin-bottom: 10px;
}

.slider_elemet_bs h2{
	color: white;
	font-family: 'Segoe UI Bold';
	text-align: center;
	font-size: 24px;
}
.slider_elemet_bs h4{
	color: white;
	font-family: 'Segoe UI Bold';
	text-align: center;
	font-size: 20px;
}
.slider_elemet_bs p{
	color: white;
	font-family: 'Segoe UI Regular';
	text-align: center;
	font-size: 12px;
}

@media screen and (min-width: 1000px) and (max-width: 2800px){
	#sec_one{
	height: 800px !important;
	position: relative;
	padding: 10vh 0vh 40vh 0vh;
}
#hi_leo_bed{
	bottom: 250px !important;
}
#div1_line{
	bottom: 100px !important;
}
#div1_react{
	bottom: 300px !important;
}
#div2_react{
	bottom: 600px !important;
}
#div2_line{
	bottom: 400px !important;
}
#div3_react{
	bottom: 100px !important;
}
}


@media screen and (max-width: 1000px){
	#sec_one{
	height: auto !important;
	position: relative;
	padding: 50px 0px 50px 0px;
}
#hi_leo_bed{
	display: none !important;
}

#div3_line{
	display: none !important;
}

#div3_react{
	display: none !important;
}




#jupiter_chairs{
	display: none !important;
}

#div2_line{
	display: none !important;
}

#div2_react{
	display: none !important;
}


#black_chair{
	display: none !important;
}
#div1_line{
	display: none !important;
}

#div1_react{
	display: none !important;
}

#scroll_btn_sec_one{
	display: none !important;
}
#scroll_btn_sec_one img{
	display: none;
}

}


@media screen and (max-width: 575px){
	#bed_text{
	font-size: 17px;
	padding: 0px 20px 0px 20px !important;
	text-align: center;
}

#bed_text_bold{
	font-size: 20px;
}

#p_text_secOne{
	font-size: 12px;
	padding: 20px 20px 20px 20px !important;
	text-align: center;
}

#DISCOVER_btn{
	font-size: 10px !important;
}
#btn_dis{
	justify-content: center;
}
#sec_one_hidden{
	display: block !important;
	margin-top: -40px;
}
}


