/* ----------------
	Custom Style
-------------------*/

/* ----------------
	Custom Style
-------------------*/



/** Global **/
:root {
	--orange: #cc6f60;
	--white: #fff;
	--white-1: #fffefd;
	--gray: #3b3b3b;
	--gray-darker: #2f2f2f;
	--yellow: #e8c22a;
	--red: #8f200e;

	--font-h1: 46px;
	--font-h2: 42px;
	--font-h3: 32px;
	--font-lg: 37px;
	--font-h4: 30px;
	--font-h5: 28px;
	--font-h6: 24px;
	--font-btn: 27px;
	--font-primary: 20px;
	--font-sm: 18px;
	--font-xs: 14px;
	--font-xxs: 12px;

	--font-libre: 'Libre Baskerville', Helvetica, sans-serif;
	--font-crimson: 'Crimson Text', Helvetica, sans-serif;
	--font-lora: 'Lora', Helvetica, sans-serif;
	--font-opensans: 'Open Sans', Helvetica, sans-serif;
}

html, body { margin: 0; padding: 0; }
body {
	font-family: var(--font-crimson);
	font-size: var(--font-primary);
	line-height: normal;
	color: var(--gray-darker);
}
h1 { font-size: var(--font-h1); }
h2 { font-size: var(--font-h2); }
h3 { font-size: var(--font-h3); }
h4 { font-size: var(--font-h4); }
h5 { font-size: var(--font-h5); }
h6 { font-size: var(--font-h6); }
p { margin-bottom: 1em; }
a { color: var(--yellow); }
img { max-width: 100%; }
img.round { border-radius: 50%; }
img.border-1 { border: 3px solid rgba(0,0,0,0.7); }
img.border-2 { border: 3px solid #FFF; }
img.shadow { box-shadow: 0 2px 5px 2px rgba(0,0,0,0.3); }
img.shadow-2 { box-shadow: 0 1px 5px rgba(0,0,0,0.2); }
hr { border-bottom: 1px solid rgba(47, 47, 47, 0.21); border-top: 0; }

header { background: url(../img/iStock-659220970.jpg) no-repeat top center / cover; }
header hr { width: 50%; margin: 1rem auto; }
footer { background: var(--gray-darker); color: var(--white); font-size: 14px; }


.btn {
	background-image: linear-gradient(to bottom, rgb(204, 111, 96) 0%, #c25341 100%); 
	font-size: var(--font-btn);
	box-shadow: 0 1px 5px rgba(0,0,0,0.2),inset 0 0 0 2px rgba(255,255,255,0.2);
	border: 1px solid rgba(0,0,0,0.1);
	font-family: var(--font-lora);
	padding: 13px 35px;
	border-radius: 0;
}
.btn span {  color: var(--white-1); }
.btn .main { background: url(../img/arrow-right.svg) no-repeat left center / 25px; padding-left: 35px; font-weight: 600; }
.btn .sub { font-size: var(--font-sm); display: block; }
.btn:hover {  background-image: linear-gradient(to bottom, rgb(204, 111, 96) 100%, #c25341 0%); }

.font-libre { font-family: var(--font-libre); }
.font-lora { font-family: var(--font-lora); }
.font-opensans { font-family: var(--font-opensans); }

.font-sm { font-size: var(--font-sm); }
.font-xs { font-size: var(--font-xs); }
.font-xxs { font-size: var(--font-xxs); }
.font-xl { font-size: var(--font-h5); }
.font-lg { font-size: var(--font-lg); }

.font-black { color: var(--gray-darker); }
.font-gray { color: var(--gray); }
.font-white { color: var(--white); }
.font-red { color: var(--red); }
.font-orange { color: var(--orange); }
.text-shadow { text-shadow: 1px 1px 1px rgba(0,0,0,0.2); }

.box-1 { background: rgba(204, 111, 96, 0.07); border: 3px solid rgba(204, 111, 96, 0.06); box-shadow: 0 1px 5px rgba(0,0,0,0.1); }
.box-yellow { border: 3px solid rgba(20, 20, 20, 0.137); background: #efc665; }
.box-2 { background: var(--white); border-color: 1px solid rgba(0, 0, 0, 0.21); box-shadow: 0 1px 5px rgba(0,0,0,0.1); }
.box-3 { background: #f1f4ee; box-shadow: 0 1px 5px rgba(0,0,0,0.1) inset; }
.box-4 { background: #f4f3ee; box-shadow: 0 1px 5px rgba(0,0,0,0.1) inset; }
.box-5 { background: #fff; border-bottom: 3px solid rgba(0, 0, 0, 0.098); border-radius: 5px; overflow: hidden; }
.box-5 .box-title { background: var(--gray); border-bottom: 3px solid #E5E5E5; color: var(--white); }
.box-6 { background: rgba(239, 198, 101, 0.53); box-shadow: 0 1px 5px rgba(0,0,0,0.2) inset; }
.box-7 { background: var(--white); box-shadow: 0 1px 5px rgba(0,0,0,0.1) inset; }
.box-8 { background: rgba(214, 87, 70, 0.89); border-bottom: 1px solid rgb(215, 211, 209); box-shadow: 0 1px 5px rgba(0,0,0,0.2) inset; }
.box-9 { background: url(../img/Garden-Tomb---Inside.jpg) no-repeat center / cover fixed; }
.box-10 { opacity: .5; background: black; color: #fff; border-radius: 5px; }
.border-1 { border: 2px solid rgba(0, 0, 0, 0.27); border-radius: 10px; box-shadow: 0 1px 5px rgba(0,0,0,0.1); }

.experts { color: #dcae4c; }
.experts img, img.graysacle { filter: grayscale(1); transition: .3s ease-in-out; }
.experts img:hover, img.graysacle:hover { filter: none; }
.video-wrapper { width: 100%; padding-top: 56.25%; position: relative; }
.video-wrapper-vertical { width: 100%; padding-top: 177.25%; position: relative; }
.video-wrapper iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.video-wrapper-vertical iframe {display: block; max-width: 100%}
.form-control { border-radius: 5px; border: 1px solid rgba(0,0,0,0.2); padding: 12px 18px; box-shadow: inset 0 1px 2px rgba(130,137,150,0.23),0 1px 0 rgba(255,255,255,0.95) !important; height: auto; }

@keyframes progress-bar-stripes {
	0% { background-position: 0 0; }
	100% { background-position: 40px 0; }
}

@media only screen and (max-width: 1199.9px) {
	:root {
		--font-h1: 42px;
		--font-h2: 38px;
		--font-h3: 30px;
		--font-lg: 33px;
		--font-h4: 26px;
		--font-h5: 25px;
		--font-h6: 22px;
		--font-btn: 23px;
		--font-primary: 19px;
		--font-sm: 17px;
	}
}

@media only screen and (max-width: 767.9px) {
	:root {
		--font-h1: 38px;
		--font-h2: 35px;
		--font-h3: 24px;
		--font-lg: 30px;
		--font-h4: 24px;
		--font-h5: 23px;
		--font-h6: 22px;
		--font-btn: 22px;
		--font-primary: 18px;
		--font-sm: 16px;
	}
	.btn .main { background-size: 20px; padding-left: 30px; }
	.modal h1 { font-size: 36px; }
}

/* Modal */
.modal-content {
	border-radius: 10px;
	border: 5px solid #080808;
}

.progress { line-height: 36px; height: 35px; font-size: 14px; box-shadow: 0 1px 5px rgba(0,0,0,0.2); color: #fff; }
.progress-bar { background-size: 40px 40px; background-color: #cc6f60; }
.progress-bar-animated { animation: progress-bar-stripes 2s linear infinite; }

.modal .btn .main { background: url(../img/check.svg) no-repeat left center / 25px; }
.modal .helper { position: relative; padding-left: 20px; display: inline-block; }
.modal .helper:before { content: ''; display: inline-block; width: 20px; background: url(../img/lock.svg) no-repeat left center / 12px; height: 100%; position: absolute; left: 0; }
.modal .form-control { box-shadow: 0 0 0 3px rgba(0,0,0,0.05) !important; background: #fff; font-size: 21px; }
.modal .form-control.name { background: url(../img/name2.png) no-repeat center right 10px / 24px auto #fff; }
.modal .form-control.email { background: url(../img/email2.png) no-repeat center right 10px / 24px auto #fff; }

.modal button.close {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 27px;
	color: #fff;
	background: black;
	width: 30px;
	border-radius: 50%;
	height: 30px;
	opacity: 1;
	border: 2px solid #fff;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.6);
	transform: translate(50%, -50%);
}