@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i'); /* font-family: 'Lato', sans-serif; */
@import url("https://use.typekit.net/glb3gmd.css"); /* font-family: courier-std, monospace; */
/* font-family: 'Recoleta'; font-family: Helvetica, 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: 'Helvetica', Sans-Serif; min-width: 350px; background-color: #deded7; color: #121f11;}

.th-custom-design-title-intro {font-size: 150px; font-weight: 600;}
.th-custom-design-title {}
.th-custom-design-title-underline {}
.th-custom-design-title-subtitle {font-size: 25px; font-weight: 600;}

.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-radius: 50px; padding: 30px 50px; color: #fff; background-color: #121f11; font-weight: 600; display: inline-block;}
a.th-custom-design-button:hover {background-color: #192a17; 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 */
/* =========================================================================================================================== */


/* Progress circle */
/* =========================================================================================================================== */
/* =========================================================================================================================== */


.circle_percent {font-size:450px; width: 100%; /* height:1em; */ height: 150px; position: relative; background: #deded7; /* border-radius:50%; */ overflow:hidden; display:inline-block;}

/* 
.circle_inner {position: absolute; left: 0; top: 0; width: 1em; height: 1em; clip:rect(0 1em 1em .5em);}
.round_per {position: absolute; left: 0; top: 0; width: 1em; height: 1em; background: #121f11; clip:rect(0 1em 1em .5em); transform:rotate(180deg); transition:1.05s;}
.percent_more .circle_inner {clip:rect(0 .5em 1em 0em);}
.percent_more:after {position: absolute; left: .5em; top:0em; right: 0; bottom: 0; background: #121f11; content:'';}
.circle_inbox {position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; background: #deded7; z-index:3; border-radius: 50%;}
*/

.percent_text {position: absolute; font-size: 160px; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3;}

/* Financing */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

.th-financing {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.th-financing .th-financing-grid {display: grid; grid-template-columns: 50% 50%; min-width: 100%; min-width: 100%; height: 100vh;}
.th-financing .th-financing-grid .th-info-container {display: flex; align-items: center; justify-content: center; width: 100%; text-align: center;}
.th-financing .th-financing-grid .th-info-container .th-btn-container {padding: 20px 0;}
.th-financing .th-financing-grid .th-info-container .th-logos-container {padding: 20px 0;}
.th-financing .th-financing-grid .th-info-container .th-logos-container img {width: 250px;}
.th-financing .th-financing-grid .th-img-container {width: 100%; display: flex; align-items: center; justify-content: center;}
.th-financing .th-financing-grid .th-img-container img {width: 100%; max-width: 400px;}


@media (max-width : 1199px) {
    .th-financing .th-financing-grid .th-info-container {min-width: inherit;}
    .th-financing .th-financing-grid .th-img-container {min-width: inherit;}
    .th-financing .th-financing-grid .th-img-container img {max-width: 250px;}
}

@media (max-width : 767px) {
    .th-financing {position: inherit;}
    .th-financing .th-financing-grid {grid-template-columns: 100%; height: inherit;}
    .th-financing .th-financing-grid .th-info-container {padding: 100px 0;}
    .th-financing .th-financing-grid .th-img-container img {max-width: 180px;}
}

/* Contact */
/* =========================================================================================================================== */

.th-contact {}
.th-contact .th-logo-container {text-align: center; padding: 30px 0;}
.th-contact .th-logo-container img {width: 100%; max-width: 100px;}

.th-contact-form-t1b form#contact-form .form-control {
  background-color: #f2f2ee;
  border: none;
  border-radius: 10px;
}

.th-contact-form-t1b form#contact-form .th-form-button-container .form-button {border: 1px solid #121f11; border-radius: 50px; padding: 30px 50px; color: #fff; background-color: #121f11; font-weight: 600; display: inline-block;}

.th-contact-form-t1b form#contact-form .th-form-button-container .form-button:hover {color: #fff; background-color: #192a17; border: 1px solid #192a17;}

/* Footer */
/* =========================================================================================================================== */

.th-footer {text-align: center; padding: 20px; z-index: 10; font-size: 12px;}
.th-footer .th-logo-box {text-align: center; padding: 20px;}
.th-footer a {color: #121f11;}
.th-footer img {max-width: 30px;}