@import url('../lib/bootstrap/css/bootstrap.min.css');
@import url('../lib/font-awesome/font-awesome.min.css');
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");

html, body{
	margin:0;
	padding:0;
	font-size:15px;
	line-height:20px;
	background: url(../img/layout/background.jpg) center top no-repeat #1c203e;
	background-size:100%;
	color:#fff;
	overflow-x:hidden !important;
	min-height:1200px
}

a,
a:link,
a:active,
a:visited{
	color:#fff;
	transition:0.5s;
	text-decoration:none
}
a:hover{
	color:#c8a869	
}

.row-xs{height: 100% !important}
.middle-xs {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.center-xs {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;}
.right-xs {-webkit-box-pack: right;-ms-flex-pack: right;justify-content: right;text-align: right;}
.left-xs {-webkit-box-pack: left;-ms-flex-pack: left;justify-content: left;text-align: left;}
.row-centered {text-align:center;}
.col-centered {display:inline-block !important;float:none; margin-right:-4px;vertical-align:top !important;}

.webp .background-top-right-gold{
	background:url(../img/layout/background-top-right-gold.webp) right top no-repeat;
	background-size:600px auto;
	padding-top:100px
}
.no-webp .background-top-right-gold{
	background:url(../img/layout/background-top-right-gold.png) right top no-repeat;
	background-size:600px auto;
	padding-top:100px
}
@media only screen and (max-width: 600px) {
	.webp .background-top-right-gold,
	.no-webp .background-top-right-gold{
		background-size:260px auto	
	}
}

.margin-top-bottom-30{
	margin:30px 0px	
}

.margin-top-30{
	margin-top:30px
}

.margin-bottom-30{
	margin-bottom:30px
}

.h3-1{
	font-size:50px;
	text-align:left;
	font-weight:300;	
}
.h3-1 strong{
	font-weight:800;	
}
@media only screen and (max-width: 600px) {
	.h3-1{
		padding:0px 30px;
		font-size:40px;
		text-align:center
	}
}

.h3-2{
	font-size:25px;
	text-align:center;
	font-weight:500;	
}
@media only screen and (max-width: 600px) {
	.h3-2{
		text-align:left;
	}
}

.h3-3{
	font-size:52px;
	line-height:58px;
	color:#c8a869;
	text-align:left;
	font-weight:300;	
}
.h3-3 strong{
	font-weight:800;	
}
@media only screen and (max-width: 600px) {
	.h3-3{
		font-size:40px;
		text-align:center
	}
}

.whatsapp-icon{
	font-size:38px;
	color:#fff	
}
@media only screen and (max-width: 600px) {
	.whatsapp-icon{
		text-align:center;
		margin-bottom:10px
	}
}

.h3-4{
	font-size:22px;
	color:#fff;
	text-align:right;
	font-weight:300;	
}
.h3-4 strong{
	font-size:30px;
	line-height:32px;
	font-weight:800;	
}
@media only screen and (max-width: 600px) {
	.h3-4{
		text-align:center
	}
	.h3-4 strong{
		font-size:35px;	
	}
}

.h3-5{
	font-size:16px;
	color:#fff;
	text-align:center;
	font-weight:800;
	background:#c8a869;
	padding:5px 25px;
	border-radius:20px;
	margin-top:5px	
}

.h3-5 a,
.h3-5 a:link,
.h3-5 a:active,
.h3-5 a:visited{
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	transition:0.5s
}
.h3-5 a:hover{
	color:#00113c;
}

.webp .background-bottom-right-gold{
	background:url(../img/layout/background-bottom-right-gold.webp) right top no-repeat;
	background-size:100% auto;
	padding-top:0px;
	padding-bottom:50px
}
.no-webp .background-bottom-right-gold{
	background:url(../img/layout/background-bottom-right-gold.png) right top no-repeat;
	background-size:100% auto;
	padding-top:0px;
	padding-bottom:50px
}
@media only screen and (max-width: 600px) {
	.webp .background-bottom-right-gold,
	.no-webp .background-bottom-right-gold{
		background-size:100% auto;
		padding-top:5px;
		background-position:right bottom;	
	}
}

.menu-social-bottom{
	list-style:none;
	padding:0;
	margin:0;
	padding-top:30px
}
.menu-social-bottom > li{
	display:inline-table	
}
.menu-social-bottom > li > a,
.menu-social-bottom > li > a:link,
.menu-social-bottom > li > a:active,
.menu-social-bottom > li > a:visited,
.menu-social-bottom > li > a:focus{
	display:block;
	color:#00113c;
	background:#c8a869;
	border-radius:5px;
	font-size:22px;
	line-height:35px;
	width:35px;
	height:35px;
	margin:3px 5px;
	cursor:pointer;
	transition:0.5s
}
.menu-social-bottom > li > a:hover{
	background:#fff;
}

@media only screen and (max-width: 600px) {
	.menu-social-bottom{
		margin-left:auto;
		margin-right:auto;
		width:100%;
		margin-bottom:0px;
		text-align:center;
		padding-top:0px;
		padding-bottom:20px
	}
	.menu-social-bottom > li{
		display:inline-table;
		margin-left:0px;
		margin-right:0px;
	}
}