@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i'); /* font-family: 'Lato', sans-serif; */

/* _custom_design/main.css v.2.0.0 - last modified 24.07.2018 (see config/version_history.php for details)*/
/* =========================================================================================================================== */
/* =========================================================================================================================== */
/* Main options */

html {min-width: 350px;}
body {font-family: "Lato",sans-serif; min-width: 350px;}

.th-custom-design-title-intro {}
.th-custom-design-title {}
.th-custom-design-title-underline {}
.th-custom-design-title-subtitle {}

.th-custom-design-paragraph-title-intro {}
.th-custom-design-paragraph-title {}
.th-custom-design-paragraph-title-underline {}
.th-custom-design-paragraph-subtitle {}
.th-custom-design-paragraph-text {}

a.th-custom-design-button {border: 1px solid #000; padding: 10px 20px; color: #000;}
a.th-custom-design-button:hover {background-color: #000; color: #fff; text-decoration: none;}

.th-custom-class-1 {font-size: 22px;}
.th-custom-class-2 {font-size: 20px;}
.th-custom-class-3 {font-size: 18px;}
.th-custom-class-4 {font-size: 16px;}
.th-custom-class-5 {font-size: 10px;}

.th-custom-color-class-1 {color: #b90000;}
.th-custom-color-class-2 {color: #00b900;}
.th-custom-color-class-3 {color: #0095b9;}
.th-custom-color-class-4 {color: #0032b9;}
.th-custom-color-class-5 {color: #b900b9;}

/* ------------------------------------------------------------------------------------- */
/* * Media Queries                                                                       */
/* standard "@media (max-width : px) {}": 1199px (col-md) | 991px (col-sm) | 767px (col-xs) | 500px | 400px */



/* * Media Queries                                                                       */
/* ------------------------------------------------------------------------------------- */

/* Main options */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

/* =========================================================================================================================== */
/* =========================================================================================================================== */
/* Section # */

/* Section # */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

.th-index {height: 100%; width: 100%; display: grid; grid-template-columns: 100%;}
.th-index .th-left-column {background-color: #ba352c; display: none;}
.th-index .th-left-column .th-top-image {height: calc(100% - 150px) /*substract height of ".th-index .th-left-column .th-logo-image" */; position: relative;}
.th-index .th-left-column .th-top-image .th-img-container {position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 20px; display: flex; justify-content: center; align-items: center;}
.th-index .th-left-column .th-top-image .th-img-container img {max-height: 100%; max-width: 100%; height: auto; width: auto;}
.th-index .th-left-column .th-logo-image {height: 150px; display: flex; justify-content: center; align-items: center;}
.th-index .th-left-column .th-logo-image img {height: 100px; width: auto;}
.th-index .th-right-column {overflow-y: scroll;}
.th-index .th-right-column .th-top-row {height: calc(100% - 150px) /*substract height of ".th-index .th-right-column .th-bottom-row" */;}
.th-index .th-right-column .th-top-row .th-top-img {text-align: center; padding: 50px;}
.th-index .th-right-column .th-top-row .th-top-img img {width: 600px; max-width: 100%;}
.th-index .th-right-column .th-top-row .th-links-container {}
.th-index .th-right-column .th-top-row .th-links-container .th-link-container {display: flex; justify-content: center;}
.th-index .th-right-column .th-top-row .th-links-container .th-link-container .th-link {display: flex; justify-content: center; margin: 5px;}
.th-index .th-right-column .th-top-row .th-links-container .th-link-container .th-link .th-icon {border-radius: 50%; background-color: #ba352c; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; color: #fff;}
.th-index .th-right-column .th-top-row .th-links-container .th-link-container .th-link .th-icon i {font-size: 20px;}
.th-index .th-right-column .th-top-row .th-links-container .th-link-container .th-link .th-txt {margin-left: 30px; width: 250px; background-color: #ba352c; padding-left: 30px; display: flex; justify-content: left; align-items: center;}
.th-index .th-right-column .th-top-row .th-links-container .th-link-container .th-link .th-txt a {font-size: 18px; font-weight: bold; color: #fff;}
.th-index .th-right-column .th-bottom-row {height: 150px; display: flex; justify-content: center; align-items: center;}
.th-index .th-right-column .th-bottom-row img {margin: 20px; width: 100px;}

/* ------------------------------------------------------------------------------------- */
/* * Media Queries                                                                       */
/* standard "@media (max-width : px) {}": 1199px (col-md) | 991px (col-sm) | 767px (col-xs) | 500px | 400px */

@media (max-width : 767px) {
	.th-index {grid-template-columns: 100%;}
	.th-index .th-left-column .th-top-image {height: 100vw;}
}

/* * Media Queries                                                                       */
/* ------------------------------------------------------------------------------------- */