@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: 'neue-haas-grotesk-text', 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: 'neue-haas-grotesk-text', sans-serif; min-width: 350px;}

.th-title-group i {font-size: 15px; padding-right: 10px; color: #494949;}

.th-custom-design-title-intro {}
.th-custom-design-title {font-weight: 900; font-size: 25px; padding-left: 20px; padding-bottom: 5px;}
.th-custom-design-title-underline {}
.th-custom-design-title-subtitle {font-family: 'Lato', sans-serif; letter-spacing: -1px; font-weight: 300; font-size: 22px; padding-left: 20px;}

.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 {}

.th-custom-design-button {}

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

.th-header {background-image: url(/_custom_content/img/header.jpg); background-position: center center; background-size: cover; height: 600px; position: relative; background-attachment: fixed;}
.th-header .th-opacity {background-color: rgba(0, 0, 0, 0.5); height: 600px;}
.th-header .th-header-title-group {display: flex; align-items: center; justify-content: center; padding: 200px 0;}
.th-header .th-header-title-group .th-title {font-weight: 800; font-size: 50px; color: #fff; text-align: center; padding-bottom: 5px;}
.th-header .th-header-title-group .th-subtitle {font-weight: 300; font-size: 18px; color: #fff; text-align: center; padding: 10px 0; font-style: italic;}
.th-header .th-header-title-group .th-btn-container {text-align: center;}
.th-header .th-header-title-group .th-btn-container a.th-header-btn {background-color: #fff; padding: 8px 18px; border-radius: 50px; font-weight: 700; font-size: 14px; text-align: right; display: inline-block; margin: 20px 0; color: #000;}
.th-header .th-header-title-group .th-btn-container a.th-header-btn:hover {color: #fff; background-color: #000; text-decoration: none;}


@media (max-width : 500px) {
    .th-header {background-attachment: inherit;}
    .th-header .th-header-title-group .th-title {font-size: 30px;}
    .th-header .th-header-title-group .th-subtitle {font-size: 15px;}
}

/* ------------------------------------------------------------------------------------- */

.th-services {padding: 30px 0; background-color: #fff;}
.th-services .th-title-group {padding-bottom: 30px;}
.th-services .th-title-group i {color: #3a7af4; font-size: 13px;}
.th-services .th-services-grid {display: grid; grid-template-columns: 50% 50%;}
.th-services .th-services-grid .th-services-container {padding-right: 100px; padding-left: 20px; margin: 20px;}
.th-services .th-services-grid .th-services-container .th-services-box {background-color: #fff; box-shadow: 0px 20px 20px 0 rgba(0, 0, 0, 0.1); min-height: 400px; border-radius: 20px; overflow: hidden;}
.th-services .th-services-grid .th-services-container .th-services-box .th-img-container {}
.th-services .th-services-grid .th-services-container .th-services-box .th-img-container img {width: 100%;}
.th-services .th-services-grid .th-services-container .th-services-box .th-txt-group {padding: 30px;}
.th-services .th-services-grid .th-services-container .th-services-box .th-txt-group .th-title-intro {font-size: 14px; font-weight: 900;}
.th-services .th-services-grid .th-services-container .th-services-box .th-txt-group .th-title {font-size: 22px; font-weight: 900; padding-bottom: 10px;}
.th-services .th-services-grid .th-services-container .th-services-box .th-txt-group .th-txt {font-family: 'Lato', sans-serif; font-weight: 300; font-size: 15px;}

.th-services .th-services-grid .th-info-services-container {margin: 20px;}
.th-services .th-services-grid .th-info-services-container .th-title {font-size: 30px; font-weight: 300; padding-bottom: 15px; font-family: 'Lato', sans-serif; letter-spacing: -1px;}
.th-services .th-services-grid .th-info-services-container .th-subtitle {font-size: 17px; font-weight: 700; color: #77838f; padding-bottom: 10px;}
.th-services .th-services-grid .th-info-services-container .th-advantages-grid {display: grid; grid-template-columns: 30px auto; padding: 20px;}
.th-services .th-services-grid .th-info-services-container .th-advantages-grid .th-check-box {}
.th-services .th-services-grid .th-info-services-container .th-advantages-grid .th-check-box i {color: #4cb377; padding-right: 10px;}
.th-services .th-services-grid .th-info-services-container .th-advantages-grid .th-line-box {font-family: 'Lato', sans-serif; color: #77838f; font-weight: 300; letter-spacing: -1px; padding-bottom: 10px; font-size: 18px;}
.th-services .th-services-grid .th-info-services-container a.th-btn-container {background-color: #4cb377; border-radius: 8px; font-weight: 700; color: #fff; padding: 15px 30px; display: inline-block;}
.th-services .th-services-grid .th-info-services-container a.th-btn-container:hover {text-decoration: none; background-color: #34be6e;}


@media (max-width : 991px) {
    .th-services .th-services-grid .th-services-container {padding: 5px;}
    .th-services .th-services-grid .th-services-container .th-services-box {min-height: 400px;}
}

@media (max-width : 767px) {
    .th-services .th-services-grid {display: grid; grid-template-columns: 100%;}
    .th-services .th-services-grid .th-services-container {padding: 5px;}
    .th-services .th-services-grid .th-services-container .th-services-box {min-height: 400px;}
    .th-services .th-services-grid .th-info-services-container {text-align: center;}
    .th-services .th-services-grid .th-info-services-container .th-advantages-grid .th-line-box {text-align: left;}
}

@media (max-width : 500px) {
    .th-services .th-services-grid {display: grid; grid-template-columns: 100%;}
    .th-services .th-services-grid .th-services-container {padding: 10px;}
}

/* ------------------------------------------------------------------------------------- */

.th-pricing {background-color: #4cb377; padding: 60px 0;}
.th-pricing .th-title-group {text-align: center; color: #fff; padding-bottom: 20px;}
.th-pricing .th-grid-container {display: grid; grid-template-columns: 33.33% 33.34% 33.33%;}
.th-pricing .th-grid-container .th-box-container {padding: 40px 0; border: 2px solid #fff; text-align: center; margin: 10px 3px; border-radius: 15px;}
.th-pricing .th-grid-container .th-box-container .th-box-title {font-size: 22px; font-weight: 900; color: #fff;}
.th-pricing .th-grid-container .th-box-container .th-box-subtitle {font-size: 22px; font-weight: 300; color: #fff;}

@media (max-width : 767px) {
    .th-pricing .th-grid-container {grid-template-columns: 50% 50%;}
}

@media (max-width : 500px) {
    .th-pricing .th-grid-container {grid-template-columns: 100%;}
}

/* ------------------------------------------------------------------------------------- */

.th-features {padding: 60px 0;}
.th-features .th-title-group {text-align: center;}
.th-features .th-grid-container {display: grid; grid-template-columns: 50% 50%; padding: 70px 0;}
.th-features .th-grid-container .th-box-container {padding: 20px;}
.th-features .th-grid-container .th-box-container .th-th-box-grid {display: grid; grid-template-columns: 70px auto;}
.th-features .th-grid-container .th-box-container .th-th-box-grid .th-icon-container {font-size: 30px;}
.th-features .th-grid-container .th-box-container .th-th-box-grid .th-txt-container {}
.th-features .th-grid-container .th-box-container .th-th-box-grid .th-txt-container .th-title {text-transform: uppercase; font-weight: 700; padding: 10px 0; font-size: 18px;}
.th-features .th-grid-container .th-box-container .th-th-box-grid .th-txt-container .th-description {color: #939393;}

@media (max-width : 767px) {
    .th-features .th-grid-container {grid-template-columns: 100%;}
}

/* ------------------------------------------------------------------------------------- */

.th-orgabroc {background-color: #f4f8fb; padding: 50px 0;}
.th-orgabroc .th-box-grid-container {display: grid; grid-template-columns: 50% 50%; border-radius: 20px; overflow: hidden; box-shadow: 0px 20px 20px 0 rgba(0, 0, 0, 0.1);}
.th-orgabroc .th-box-grid-container .th-img-container {background-image: url(/_custom_design/img/orgabroc.jpg); background-position: center center; background-size: cover; padding: 20px; display: flex; align-items: flex-end;}
.th-orgabroc .th-box-grid-container .th-img-container a.th-txt-container {}
.th-orgabroc .th-box-grid-container .th-img-container a.th-txt-container:hover {text-decoration: underline; color: #000;}
.th-orgabroc .th-box-grid-container .th-img-container a.th-txt-container .th-intro-title {font-size: 30px; font-weight: 300; color: #fff;}
.th-orgabroc .th-box-grid-container .th-img-container a.th-txt-container .th-intro-title:hover {text-decoration: underline;}
.th-orgabroc .th-box-grid-container .th-img-container a.th-txt-container .th-title {font-size: 15px; font-weight: 700; color: #fff;}
.th-orgabroc .th-box-grid-container .th-content-container {background-color: #fff;}
.th-orgabroc .th-box-grid-container .th-content-container .th-txt-container {padding: 40px;}
.th-orgabroc .th-box-grid-container .th-content-container .th-txt-container .th-intro-title {font-size: 26px; font-weight: 300; padding-bottom: 15px; font-family: 'Lato', sans-serif; letter-spacing: -1px;}
.th-orgabroc .th-box-grid-container .th-content-container .th-txt-container .th-title {font-size: 15px; font-weight: 700; color: #77838f; padding-bottom: 10px;}
.th-orgabroc .th-box-grid-container .th-content-container .th-txt-container .th-txt {font-family: 'Lato', sans-serif; color: #77838f; font-weight: 300; letter-spacing: -1px; padding-bottom: 10px; font-size: 18px;}
.th-orgabroc .th-box-grid-container .th-content-container .th-txt-container .th-btn-container {border: 2px solid #000; border-radius: 50px; font-weight: 700; color: #000; padding: 3px 8px; display: inline-block; margin-top: 20px;}
.th-orgabroc .th-box-grid-container .th-content-container .th-txt-container .th-btn-container:hover {background-color: #000; border: 2px solid #000; border-radius: 50px; font-weight: 700; color: #fff; padding: 3px 8px; display: inline-block; margin-top: 20px; text-decoration: none;}


@media (max-width : 500px) {
    .th-orgabroc .th-box-grid-container {display: grid; grid-template-columns: 100%;}
}

.th-contact {padding: 30px;  background-color: #131313;}
.th-contact .th-title-group {color: #fff;}

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

#th-footer {background-color: #141414; color: #fff; padding: 40px 60px;}
#th-footer .th-col-2 .th-divider {border-left: 1px solid #4e4e4e;}
#th-footer .th-col-2 p.th-title {font-size: 15px; text-transform: uppercase; font-weight: 300;}
#th-footer .th-col-2 .th-about {text-align: left; color: #4e4e4e; font-size: 12px; padding-right: 20px;}
#th-footer .th-col-2 p.th-menu {font-size: 10px; text-transform: uppercase; font-weight: 600; text-align: center;}
#th-footer .th-col-2 .th-plan-site {text-align: center; font-size: 12px; color: #4e4e4e;}
#th-footer .th-col-2 .th-socials {color: #4e4e4e; font-size: 12px; text-align: right;}
#th-footer .th-col-2 .th-socials p.th-copyright {padding-top: 20px; font-size: 12px;}

@media (max-width : 991px) {
    #th-footer .th-col-2 p.th-title {text-align: center;}
    #th-footer .th-col-2 .th-about {text-align: center; padding-bottom: 15px;}
    #th-footer .th-col-2 .th-socials {text-align: center; padding-top: 15px;}
    #th-footer .th-col-2 .th-divider {border-left: 1px solid #212121;}
}