/*!
 * Theme vzr-garant
 */

/* Core Stuff */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Montserrat Thin */
@font-face {
	font-family: "Montserrat";
	font-weight: 100;
	font-style: normal;
	src: url("../fonts/montserrat/Montserrat-Thin.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Thin.woff") format("woff");
	font-display: swap;
}

/* Montserrat Thin-Italic */
@font-face {
	font-family: "Montserrat";
	font-weight: 100;
	font-style: italic;
	src: url("../fonts/montserrat/Montserrat-ThinItalic.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-ThinItalic.woff") format("woff");
	font-display: swap;
}

/* Montserrat ExtraLight */
@font-face {
	font-family: "Montserrat";
	font-weight: 200;
	font-style: normal;
	src: url("../fonts/montserrat/Montserrat-ExtraLight.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-ExtraLight.woff") format("woff");
	font-display: swap;
}

/* Montserrat ExtraLight-Italic */
@font-face {
	font-family: "Montserrat";
	font-weight: 200;
	font-style: italic;
	src: url("../fonts/montserrat/Montserrat-ExtraLightItalic.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-ExtraLightItalic.woff") format("woff");
	font-display: swap;
}

/* Montserrat Light */
@font-face {
	font-family: "Montserrat";
	font-weight: 300;
	font-style: normal;
	src: url("../fonts/montserrat/Montserrat-Light.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Light.woff") format("woff");
	font-display: swap;
}

/* Montserrat Light-Italic */
@font-face {
	font-family: "Montserrat";
	font-weight: 300;
	font-style: italic;
	src: url("../fonts/montserrat/Montserrat-LightItalic.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-LightItalic.woff") format("woff");
	font-display: swap;
}

/* Montserrat Regular */
@font-face {
	font-family: "Montserrat";
	font-weight: 400;
	font-style: normal;
	src: url("../fonts/montserrat/Montserrat-Regular.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Regular.woff") format("woff");
	font-display: swap;
}

/* Montserrat Regular-Italic */
@font-face {
	font-family: "Montserrat";
	font-weight: 400;
	font-style: italic;
	src: url("../fonts/montserrat/Montserrat-Italic.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Italic.woff") format("woff");
	font-display: swap;
}

/* Montserrat Medium */
@font-face {
	font-family: "Montserrat";
	font-weight: 500;
	font-style: normal;
	src: url("../fonts/montserrat/Montserrat-Medium.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Medium.woff") format("woff");
	font-display: swap;
}

/* Montserrat Medium-Italic */
@font-face {
	font-family: "Montserrat";
	font-weight: 500;
	font-style: italic;
	src: url("../fonts/montserrat/Montserrat-MediumItalic.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-MediumItalic.woff") format("woff");
	font-display: swap;
}

/* Montserrat SemiBold */
@font-face {
	font-family: "Montserrat";
	font-weight: 600;
	font-style: normal;
	src: url("../fonts/montserrat/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-SemiBold.woff") format("woff");
	font-display: swap;
}

/* Montserrat SemiBold-Italic */
@font-face {
	font-family: "Montserrat";
	font-weight: 600;
	font-style: italic;
	src: url("../fonts/montserrat/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-SemiBoldItalic.woff") format("woff");
	font-display: swap;
}

/* Montserrat Bold */
@font-face {
	font-family: "Montserrat";
	font-weight: 700;
	font-style: normal;
	src: url("../fonts/montserrat/Montserrat-Bold.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Bold.woff") format("woff");
	font-display: swap;
}

/* Montserrat Bold-Italic */
@font-face {
	font-family: "Montserrat";
	font-weight: 700;
	font-style: italic;
	src: url("../fonts/montserrat/Montserrat-BoldItalic.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-BoldItalic.woff") format("woff");
	font-display: swap;
}

/* Montserrat ExtraBold */
@font-face {
	font-family: "Montserrat";
	font-weight: 800;
	font-style: normal;
	src: url("../fonts/montserrat/Montserrat-ExtraBold.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-ExtraBold.woff") format("woff");
	font-display: swap;
}

/* Montserrat ExtraBold-Italic */
@font-face {
	font-family: "Montserrat";
	font-weight: 800;
	font-style: italic;
	src: url("../fonts/montserrat/Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-ExtraBoldItalic.woff") format("woff");
	font-display: swap;
}

/* Montserrat Black */
@font-face {
	font-family: "Montserrat";
	font-weight: 900;
	font-style: normal;
	src: url("../fonts/montserrat/Montserrat-Black.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Black.woff") format("woff");
	font-display: swap;
}

/* Montserrat Black-Italic */
@font-face {
	font-family: "Montserrat";
	font-weight: 900;
	font-style: italic;
	src: url("../fonts/montserrat/Montserrat-BlackItalic.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-BlackItalic.woff") format("woff");
	font-display: swap;
}

/* Defaults */
html, body {
	height: 100%;
}

body {
	padding-top: 131px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 1.0625rem;
	line-height: 1.875rem;
	color: #192a35;
}

main {
	min-height: calc(100% - 570px);
}


/*h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}*/

h1 {
	font-weight: 300;
	font-size: 2.5rem;
	line-height: 3.0625rem;
	color: #192a35;
}

h2 {
	font-weight: 300;
	font-size: 2.5rem;
	line-height: 3rem;
	color: #192a35;
}

h3 {
	font-weight: 500;
	font-size: 1.625rem;
	line-height: 3.0625rem;
	color: #192a35;
}

h4 {
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 2.25rem;
	color: #182b35;
}

a {
	color: #35cbfc;
	text-decoration: underline;
}

a:hover, a:focus {
	color: #545454; 
	text-decoration: underline;
}


/* Animation */
@keyframes fadeIn {
	0% {
		opacity: 0;
		visibility: hidden;
	}
	100% {
		opacity: 1;
		visibility: visible;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
		visibility: visible;
	}
	100% {
		opacity: 0;
		visibility: hidden;
	}
}

.fade-in-500 {
	animation: fadeIn 500ms;
	animation-fill-mode: forwards;
}

.fade-in-delay-500 {
	animation: fadeIn 500ms;
	animation-delay: 500ms;
	animation-fill-mode: forwards;
}

.fade-out-500 {
	animation: fadeOut 500ms;
	animation-fill-mode: forwards;
}

.fade-out-delay-500 {
	animation: fadeOut 500ms;
	animation-delay: 500ms;
	animation-fill-mode: forwards;
}

/* Buttons */
.btn {
	border-radius: 4px;
}

.btn small {
	display: block;
	font-weight: 500;
	font-size: .875rem;
	/*line-height: .9375rem;*/
}

.btn-primary {
	padding: 9px 16px 9px 16px;
	border: 0;
	background-color: #f6ab8c;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1rem;
	color: #fff;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #f29672;
}

.btn-secondary {
	padding: 9px 16px 9px 16px;
	border: 0;
	background-color: #35cbfc;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1rem;
	color: #fff;
}

.btn-secondary:hover,
.btn-secondary:focus {
	background-color: #009de2;
}

.btn-info {
	padding: 7px 20px 9px 20px;
	border: 0;
	background-color: #35cbfc;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1rem;
	color: #fff;
}

.btn-info:hover, .btn-info:focus {
	background-color: #00b3f0 !important;
	color: #fff !important;
}

.btn-success {
	padding: 7px 20px 9px 20px;
	border: 0;
	background-color: #f6ab8c;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1rem;
	color: #fff;
}

.btn-success:hover, .btn-success:focus {
	background-color: #f29170 !important;
	color: #fff !important;
}

/* Popover */
.popover-header {
	border-bottom: 0;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.6875rem;
	color: #fff;
}

.bs-popover-auto[data-popper-placement^="bottom"] .popover-header:before, .bs-popover-bottom .popover-header:before {
	border-bottom: 0;
}

.popover-success .popover-header {
	background-color: #198754;
}

.popover-success[data-popper-placement="top"] .popover-arrow:after {
	border-top-color: #198754;
}

.popover-success[data-popper-placement="right"] .popover-arrow:after {
	border-right-color: #198754;
}

.popover-success[data-popper-placement="bottom"] .popover-arrow:after {
	border-bottom-color: #198754;
}

.popover-success[data-popper-placement="left"] .popover-arrow:after {
	border-left-color: #198754;
}

.popover-error .popover-header {
	background-color: #dc3545;
}

.popover-error[data-popper-placement="top"] .popover-arrow:after {
	border-top-color: #dc3545;
}

.popover-error[data-popper-placement="right"] .popover-arrow:after {
	border-right-color: #dc3545;
}

.popover-error[data-popper-placement="bottom"] .popover-arrow:after {
	border-bottom-color: #dc3545;
}

.popover-error[data-popper-placement="left"] .popover-arrow:after {
	border-left-color: #dc3545;
}







/* Responsive tablet */
@media (max-width: 992px) {
	
	/* Defaults */
	body {
		padding-top: 106px;
		font-size: .875rem;
		line-height: 1.5rem;
	}
	
	h1 {
		font-size: 2.1875rem;
		line-height: 2.75rem;
	}

	h2 {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}

	h3 {
		font-size: 1.375rem;
		line-height: 1.625rem;
	}

	/*h4 {
		font-weight: 400;
		font-size: 1.5rem;
		line-height: 2.25rem;
		color: #182b35;
	}*/
	
	
	
	
	
	
	/* Buttons */
	.btn {
		border-radius: 3px;
	}

	.btn small {
		/*display: block;
		font-weight: 500;
		font-size: .875rem;
		line-height: .9375rem;*/
	}

	.btn-primary {
		/*padding: 9px 16px 9px 16px;
		border: 0;
		background-color: #f6ab8c;
		font-weight: 700;
		font-size: 1rem;
		line-height: 1rem;
		color: #fff;*/
	}

	.btn-primary:hover, .btn-primary:focus {
		/*background-color: #f29672;*/
	}

	.btn-secondary {
		/*padding: 9px 16px 9px 16px;
		border: 0;
		background-color: #35cbfc;
		font-weight: 700;
		font-size: 1rem;
		line-height: 1rem;
		color: #fff;*/
	}

	.btn-secondary:hover, .btn-secondary:focus {
		/*background-color: #00b3f0;*/
	}

	.btn-info {
		/*padding: 7px 20px 9px 20px;
		border: 0;
		background-color: #35cbfc;
		font-weight: 700;
		font-size: 1rem;
		line-height: 1rem;
		color: #fff;*/
	}

	.btn-info:hover, .btn-info:focus {
		/*background-color: #00b3f0 !important;
		color: #fff !important;*/
	}
}




/* Responsive phone */
@media (max-width: 576px) {
	
	/* Defaults */
	body {
		padding-top: 120px;
		/*font-size: .875rem;
		line-height: 1.5rem;*/
	}
	
	h1 {
		font-size: 1.875rem;
		line-height: 2.5rem;
	}

	/*h2 {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}

	h3 {
		font-size: 1.375rem;
		line-height: 1.625rem;
	}*/
}