@charset "UTF-8";
/* CSS Document */

header { background-color: white; position: fixed; z-index: 999; width: 100%;}
.brand { text-align: center; width: 125px; margin: 0px auto; padding: 10px 0;}
.top-section, .top-section-2 { background: url("../images/bg.jpg")center center no-repeat; background-size: cover; width: 100%; height: 100vh; min-height: 500px;}
.item { background-color: white; border-radius: 12px; text-align: center;}
.item h6 {font-family: 'Noto Sans', sans-serif; font-weight: 400;}
.item .item-head { background-color: #001642; border-top-left-radius: 12px; border-top-right-radius: 12px; padding: 1rem;}
.item .item-head-2 { background-color: #ebae00; border-top-left-radius: 12px; border-top-right-radius: 12px; padding: 1rem;}
.item .item-body { padding: 1rem;}
.item .item-body h5 { font-family: 'Noto Sans', sans-serif; font-weight: 400;}
.item .item-body h5 span {font-family: 'Barlow', sans-serif; font-weight: 400;}
hr.gold { background-color: #ebae00;}
.blue-background { background-color: #001642;}
.contact { padding: 1rem; border-radius: 12px;position: fixed; z-index: 99; top: 10%; margin-right: 15px;}
.form-group label { color: #fff;}
.form-control.custom, select.form-control.custom { background-color: transparent; border: 0; border-bottom:#ebae00 1px solid; border-radius: 0; color: #ebae00; }
input span { color: #001642;}
.half { width: 49.2%; display: inline-block; vertical-align: text-top;}
.btn.btn-gold { border: #ebae00 1px solid; color: #ebae00; width: 100px;}
.contact-message { color: #fff; padding: 1rem 0; font-family: 'Noto Sans', sans-serif; font-weight: 400;}
.contact-message a { color: #ebae00; }
hr.gold-bar { background: url("../images/bar.png") center center no-repeat; height: 3px;}
.text-gold { color: #f2c75b;}

.element { position: absolute; right: -63px; top: -63px; background: #f2c75b; border:5px solid #fff; transform: rotateY(0deg) rotate(45deg); width: 125px; height: 125px; z-index: 998;}
.element-2 { position: absolute; right: -63px; top: -75px; background: #f2c75b; border:5px solid #fff; transform: rotateY(0deg) rotate(45deg); width: 125px; height: 125px; z-index: 998;}
.element-details { transform: rotate(-45deg); margin: 33px; color: #fff;}
.second-section { background-color: #f9e7bb; width: 100%; height: 100vh; min-height: 500px;}
.new-bg { background: url("../images/bg-2.jpg")center center no-repeat; background-size: cover; width: 100%; height: 100vh; display: inline-grid; align-content: center;}
.listing ul { padding: 15px;}
.listing li { line-height: 2;}
.listing span { background-color: #ebae00; padding: 5px;}

.third-section { background: url("../images/bg-3.jpg")center bottom no-repeat; background-size: cover; width: 100%; height: 100vh; min-height: 500px;}
.vertical { border-right: 1px solid #ebae00; height: 100vh;}
.content { width: 100%; height: 100vh; display: table-cell; vertical-align: middle;}

.details-wrap { width: 100%; padding-top: 1rem;}
.details { display: inline-block; flex: 0 0 32.33%; max-width: 32.33%; width: 32.33%; vertical-align: text-top; text-align: center;}
.details.gold-line { border-left: 1px solid #ebae00; border-right: 1px solid #ebae00; }
.details h4 { color: #ebae00; }

.carousel-item { height: 100vh; min-height: 350px; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.photo-gallery-section { height: 100vh; background-color: #001642} 
.photo-gallery { color:#313437;}
.photo-gallery .photos { padding-bottom:20px;}
.photo-gallery .image { padding-bottom:0px; margin: 0 -15px;}
.photo-gallery .image:first-child { margin-left: 0px;}
.facebook { max-width: 100%; width: 32px; margin: 0px auto; margin-bottom: 15px;}

.top-section-mobile, .contact-section { display: none;}

.form-control::-webkit-input-placeholder { color: #ebae00; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #ebae00; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #ebae00; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #ebae00; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #ebae00; }  /* Microsoft Edge */

.thank-you-section { background: url("../images/bg-3.jpg")center center no-repeat; background-size: cover; width: 100%; height: 100vh; min-height: 500px;}
.thank-you-section h1, .thank-you-section h5 { color: #ebae00;}


/******Mobile******/
@media (max-width: 991px) {
	.top-section-mobile, .contact-section { display: inline;}
	.top-section, .contact {display: none;}
	.element, .element-2 { right: 43%;}
	.item-wrap { margin-bottom: 100px;}
	.item .item-head { border-top-left-radius: 0px;border-top-right-radius: 0px;}
	
	.second-section { height: auto; min-height: auto;}
	.listing { padding: 2rem 0 0 0;}
	.content { height: auto;}
	
	.contact-section { background-color: #001642; width: 100%; display: inline-block; padding: 1rem;}
	.photo-gallery { padding-left: 15px;}
	.photo-gallery .image:first-child { margin-left: -15px;}
	.element-2 { top: 17px;}
	.vertical { height: auto;}
}

@media (max-width: 767px) {
	.element, .element-2 { right: 40%;}
	.element-2 { top: 3px;}
}

@media (max-width: 667px) {
}

@media (max-width: 480px) {
	.element, .element-2 { right: 35%;}
	.element-2 { top: -12px;}
}

@media (max-width: 414px) {
	.element, .element-2 { right: 35%;}
	.element-2 { top: 45px;}
	.new-bg { height: auto; padding: 40% 15px;}
	.third-section { height: auto; padding-top: 20%; padding-bottom: 20%;}
}

@media (max-width: 375px) {
	.element, .element-2 { right: 33%;}
	.element-2 { top: 35px;}
}

@media (max-width: 320px) {
	.element, .element-2 { right: 30%;}
	.element-2 { top: 25px;}
	.new-bg { height: auto; padding: 40% 15px;}
	.third-section { height: auto; padding-top: 20%; padding-bottom: 20%;}
}