@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Gilroy';
    src: url('Gilroy-Regular.woff2') format('woff2'),
        url('Gilroy-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: url('Gilroy-Medium.woff2') format('woff2'),
        url('Gilroy-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Recoleta DEMO';
    src: url('Recoleta-RegularDEMO.woff2') format('woff2'),
        url('Recoleta-RegularDEMO.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'HK Grotesk';
    src: url('HKGrotesk-Regular.woff2') format('woff2'),
        url('HKGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'HK Grotesk';
    src: url('HKGrotesk-Medium.woff2') format('woff2'),
        url('HKGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'HK Grotesk';
    src: url('HKGrotesk-Bold.woff2') format('woff2'),
        url('HKGrotesk-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/*-------------Buttons---------------*/
.bnrbtnbx, .s2btnbx, .s1btnbx{
	width:302px;
	margin:60px 0 0 0;
}
.s2btnbx{margin:50px 0 0 0;}
.s1btnbx{margin:30px auto 0 auto;}
a.bnrbtn, a.s2btn{
	height:70px;
	width:100%;
	border:none;
	background:#2c9dd2;
	border-radius:40px;	
	font-weight:bold;
	font-size:20px;
	line-height:70px;
	color:#fff;
	text-align:center;
	margin:0 auto;
	display:block;
	outline:none;
	cursor:pointer;	
}
.bnrbtntxt{
	font-weight:500;
	font-size:14px;
	line-height:18px;
	text-align:center;
	margin:12px 0 0 0;
}
@media only screen and (max-width: 767px){
.bnrbtnbx, .s2btnbx{margin:30px auto 0 auto;}
.bnrbtntxt{margin:6px 0 0 0;}
}
@media only screen and (max-width: 359px){
.bnrbtnbx, .s2btnbx{width:94%;}
}
/*=========================
CSS FOR ELEMEMT SHOW HIDE
===========================*/
.hide-desk, .show-479, .show-tab, .show-767, .show-400, .show-340, .show-359{display:none;}
@media only screen and (max-width: 1190px){
.show-desk{display:block;}
.show-hide{display:none;}
}
@media only screen and (max-width: 1020px){
.show-tab{display:block;}
.hide-tab{display:none;}
}
@media only screen and (max-width: 767px){
.hide-767, .hide-desk{display:none;}
.show-767{display:block;}
}
@media only screen and (max-width: 570px){
.hide-570{display:none;}
}
@media only screen and (max-width: 479px){
.show-479{display:block;}
.hide-479{display:none;}
}
@media only screen and (max-width: 400px){
.show-400{display:block;}
.hide-400{display:none;}
}
@media only screen and (max-width: 359px){
.show-359{display:block;}
.hide-359{display:none;}
}
@media only screen and (max-width: 340px){
.show-340{display:block;}
}