/**************************************************************************************** fonts ****************************************************************************************/

@font-face {
    font-family: "TitilliumWeb-Black.ttf";
    src: url("font/TitilliumWeb-Black.ttf.ttf");
}

@font-face {
    font-family: "TitilliumWeb-Bold";
    src: url("font/TitilliumWeb-Bold.ttf");
}

@font-face {
    font-family: "TitilliumWeb-BoldItalic";
    src: url("font/TitilliumWeb-BoldItalic.ttf");
}

@font-face {
    font-family: "TitilliumWeb-ExtraLight";
    src: url("font/TitilliumWeb-ExtraLight.ttf");
}

@font-face {
    font-family: "TitilliumWeb-ExtraLightItalic";
    src: url("font/TitilliumWeb-ExtraLightItalic.ttf");
}

@font-face {
    font-family: "TitilliumWeb-Italic";
    src: url("font/TitilliumWeb-Italic.ttf");
}

@font-face {
    font-family: "TitilliumWeb-Light";
    src: url("font/TitilliumWeb-Light.ttf");
}

@font-face {
    font-family: "TitilliumWeb-LightItalic";
    src: url("font/TitilliumWeb-LightItalic.ttf");
}

@font-face {
    font-family: "TitilliumWeb-Regular";
    src: url("font/TitilliumWeb-Regular.ttf");
}

@font-face {
    font-family: "TitilliumWeb-SemiBold";
    src: url("font/TitilliumWeb-SemiBold.ttf");
}

@font-face {
    font-family: "TitilliumWeb-SemiBoldItalic";
    src: url("font/TitilliumWeb-SemiBoldItalic.ttf");
}


/**************************************************************************************** general ****************************************************************************************/

b, strong{
	font-family: "TitilliumWeb-SemiBold";
}

body {
    color: black;
    font-family: "TitilliumWeb-Regular";
/*  max-width: 1900px;
    margin: auto;
*/
}

.content {
    background-color: #FBF9F9;
    /*background-color: red;*/
    /*background-color: #aaaaaa;*/
}

.banner-container {
    position: relative;
}

.banner{
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.segment {
    float:none;
    margin: 0 auto;
    margin-left: 13%;
    margin-right: 13%;
    /*border:1px solid gray;*/
}

.page-title-container {
    width: 50%;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 100px;
    /*border:1px solid red;*/
}

@media screen and (max-width: 1331px) and (min-width: 751px) {
    .page-title-container {
        width: 75%;
        padding-top: 40px;
        padding-bottom: 75px;
    }
}

@media screen and (max-width: 750px) and (min-width: 0px) {
    .page-title-container {
        width: 100%;
        padding-top: 40px;
        padding-bottom: 55px;
    }
}

.page-title-text {
    text-align: center;
    color: #000000;
    font-family: "TitilliumWeb-Regular";
    font-size: 34px;
    padding-bottom: 35px;
}

.page-title-subtext {
    text-align: center;
    color: #4b4b4c;
    font-family: "TitilliumWeb-Light";
    font-size: 30px;
}

@media screen and (max-width: 1331px) and (min-width: 751px) {
    .page-title-text {
        font-size: 29px;
    }

    .page-title-subtext {
        font-size: 20px;
    }
}

@media screen and (max-width: 750px) and (min-width: 0px) {
    .page-title-text {
        font-size: 36px;
    }

    .page-title-subtext {
        font-size: 24px;
    }
}

.segment-synopsis-container {
    width: 50%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 75px;
    /*border:1px solid red;*/
}

@media screen and (max-width: 1331px) and (min-width: 751px) {
    .segment-synopsis-container {
        width: 75%;
        padding-top: 40px;
        padding-bottom: 75px;
     }
}

@media screen and (max-width: 750px) and (min-width: 0px) {
    .segment-synopsis-container {
        width: 100%;
        padding-top: 40px;
        padding-bottom: 55px;
    }
}

.segment-synopsis-header {
    text-align: center;
    color: #231f20;
    font-family: "TitilliumWeb-SemiBold";
    font-size: 24px;
    padding-bottom: 25px;
}

.segment-synopsis-subtext {
    text-align: center;
    color: #231f20;
    font-family: "TitilliumWeb-Regular";
    font-size: 24px;
}

@media screen and (max-width: 1331px) and (min-width: 751px) {
    .segment-synopsis-header {
        font-size: 24px;
    }

    .segment-synopsis-subtext {
        font-size: 24px;
    }
}

@media screen and (max-width: 750px) and (min-width: 0px) {
    .segment-synopsis-header {
        font-size: 24px;
    }

    .segment-synopsis-subtext {
        font-size: 22px;
    }
}

.segment-paragraph-header {
    color: black;
    font-family: "TitilliumWeb-Regular";
    font-size: 29px;
    padding-bottom: 20px;
}

.segment-paragraph {
    color: #565454;
    font-family: "TitilliumWeb-Regular";
    font-size: 20px;
}

.segment-quote {
    color: #6a6969;
    font-family: "TitilliumWeb-LightItalic";
    font-size: 24px;
    padding-bottom: 30px;
}

@media screen and (max-width: 1331px) and (min-width: 751px) {
    .segment-paragraph-header
    {
        font-size: 24px;
    }

    .segment-paragraph {
        font-size: 18px;
    }

    .segment-quote {
        font-size: 20px;
    }
}

@media screen and (max-width: 750px) and (min-width: 0px) {
    .segment-paragraph-header
    {
        font-size: 34px;
    }

    .segment-paragraph {
        font-size: 16px;
    }

    .segment-quote {
        font-size: 22px;
    }
}

.segment-quote-hr {
    color: #6a6969;
    background-color: #6a6969;
    height: 1px;
}

@media screen and (min-width: 768px) {
    .segment-quote-hr {
        clear: both;
        visibility: hidden;
    }
}

.single-quote-container {
    max-width: 400px;
    margin: 0 auto;
    overflow: hidden;
}

.segment-quote-profile-container-right {
    position: relative;
    float:right;
    /*width:20px;*/
    height:60px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    /*border:1px solid red;*/
}

.segment-quote-profile-container-left {
    position: relative;
    float:left;
    /*width:20px;*/
    height:60px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    /*border:1px solid red;*/
}

.segment-quote-profile-text-container {
    float:left;
    width: auto;
    margin-right: 80px;
    line-height: 1.2;
    /*background-color: green;*/
}

.segment-quote-profile-text-name {
    text-align: left;
    color: #6a6969;
    font-family: "TitilliumWeb-LightItalic";
    font-size: 24px;
}

.segment-quote-profile-text-title {
    text-align: left;
    color: #6a6969;
    font-family: "TitilliumWeb-LightItalic";
    font-size: 20px;
}

@media screen and (max-width: 1331px) and (min-width: 751px) {
    .segment-quote-profile-text-name {
        font-size: 20px;
    }

    .segment-quote-profile-text-title {
        font-size: 12px;
    }
}

@media screen and (max-width: 750px) and (min-width: 0px) {
    .segment-quote-profile-text-name {
        font-size: 22px;
    }

    .segment-quote-profile-text-title {
        font-size: 16px;
    }
}


.segment-quote-profile-image {
    position: absolute;
    top: 0;
    right: 0;
}

/* misc */

.separator-100-60-60 {
    padding: 50px 0px;
}

@media screen and (max-width: 750px) and (min-width: 0px) {
    .separator-100-60-60 {
        padding: 30px 0px;
    }
}

@media screen and (max-width: 1331px) and (min-width: 751px) {
    .separator-100-60-60 {
        padding: 30px 0px;
    }
}

.padding-0 {
    padding-right:0px;
    padding-left:0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.padding-55 {
    padding-right:55px;
    padding-left:55px;
    padding-bottom: 55px;
    padding-top: 55px;
}

.padding-55-55-0 {
    padding-right:55px;
    padding-left:55px;
    padding-bottom: 55px;
    padding-top: 55px;
}

@media screen and (max-width: 750px) and (min-width: 0px) {
    .padding-55-55-0 {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 55px;
        padding-bottom: 55px;
    }
}

.margin-55 {
    margin-right:55px;
    margin-left:55px;
    margin-bottom: 55px;
    margin-top: 55px;
}

.img-circle {
    border-radius: 50%;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

/**************************************************************************************** header ****************************************************************************************/

header {
    background-color: white;
    height: 100px;
    /*visibility: hidden;*/
    /*display: none;*/
    /*display: none !important;*/
}

.header-logo {
    position: absolute;
    top: 40px;
    left: 40px;
    width: auto;
    height: 45px;
}

@media screen and (max-width: 1331px) and (min-width: 751px) {

    .header-logo {
        height: 40px;
    }
}

@media screen and (max-width: 750px) and (min-width: 0px) {

    .header-logo {
        height: 35px;
    }
}

.header-menu-icon {
    color: navy;
    fill: #828282;
    position: absolute;
    right: 40px;
    top: 50px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

@media screen and (max-width: 1331px) and (min-width: 751px) {

    .header-menu-icon {
    /*    top: 50px;
    */    height: 27px;
    }
}

@media screen and (max-width: 750px) and (min-width: 0px) {

    .header-menu-icon {
    /*    top: 50px;
    */    height: 24px;
    }
}

#Layer_1 {
    fill: #828282;
}

.header-menu {
    /*visibility: hidden;*/
    background-color: #fff;
    /*position: absolute;*/
    position: fixed;
    width: 430px;
    /*border: 25px solid green;*/
    padding: 40px;
    margin: 0px;
    right: 0px;
    top: 100px;
    margin-top: 0px;
    /*display: ;*/
    z-index: 100;

/*  color: #0ff;
    background-color: #f00;
    width: 100;
    height: 100;
*//*    position: absolute;
    right: 0px;
    top: 10px;
*/}

@media screen and (max-width: 750px) and (min-width: 0px) {
    .header-menu {
        width: 100%;
    }
}

.header-menu-section-header-text {
    text-align: left;
    color: #f00;
    font-family: "TitilliumWeb-Regular";
    font-size: 16px;
    padding-top: 30px;
    /*padding-bottom: 35px;*/
}

.header-menu-section-element-text {
    text-align: left;
    color: #000;
    font-family: "TitilliumWeb-Regular";
    font-size: 24px;
    padding-bottom: 5px;
}

@media screen and (max-width: 1331px) and (min-width: 751px) {

}

@media screen and (max-width: 750px) and (min-width: 0px) {

    .header-menu-section-header-text {
        font-size: 15px;
    }

    .header-menu-section-element-text {
        font-size: 22px;
    }
}

.header-menu-section-element-text a:link {
    color: #000;
}

.header-menu-section-element-text a:visited {
    color: #000;
}

.header-menu-section-element-text a:hover {
    color: #000;
}

.header-menu-section-element-text a:active {
    color: #000;
}


/**************************************************************************************** footer ****************************************************************************************/

footer {
    position: relative;
    height: 214px;
    margin-top: 30px;
    margin-left: 40px;
    margin-right: 53px;
}

@media screen and (max-width: 750px) and (min-width: 0px) {

    footer {
        height: 400px;
    }
}

@media screen and (max-width: 1331px) and (min-width: 751px) {

    footer {
        height: 214px;
    }
}

.footer-content-container
{
    /*background-color: #aa0055;*/
/*  padding-top: 70px;
    padding-left: 40px
*/
}

.footer-email-text {
    text-align: left;
    color: #000;
    font-family: "TitilliumWeb-Regular";
    font-size: 20px;
    text-decoration: underline;
    /*padding: 100px;*/
    /*padding-bottom: 100px;*/

}

.footer-google-maps-and-icon-container {
/*  width: 100;
    max-width: 100;
*/  
    /*border:1px solid black;*/
}

.footer-text-segment-container {
    padding-top: 0px;
}

.footer-address-text {
    text-align: left;
    color: #000;
    font-family: "TitilliumWeb-Regular";
    font-size: 20px;
    /*padding-bottom: 35px;*/
    line-height: 150%;
}

.footer-map-icon {
    float: right;
    fill: red;
    width: 20px;
    height: 20px;
    /*padding-top: 4px;*/
    margin-top: 4px
}

.footer-copyright-text {
    text-align: left;
    color: #818285;
    font-family: "TitilliumWeb-Regular";
    font-size: 20px;
    /*padding-bottom: 35px;*/
    line-height: 150%;
}

.footer-logo {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
}

@media screen and (max-width: 750px) and (min-width: 0px) {

    .footer-logo{
        display: block;
        margin: auto;
        width: 100%;
        bottom: -210px;
    }
}


/**************************************************************************************** Front page ****************************************************************************************/


/**************************************************************************************** Front page ****************************************************************************************/

.front-page-banner-container {
    position: relative;
}


.front-page-banner {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.front-page-banner-linktext-container-left {
    position: absolute;
    left: 0%;
    top: 70%;
    width: 40%;
    height: 30%;
    /*border:1px solid red;*/
}

.front-page-banner-linktext-container-right {
    position: absolute;
    right: 0%;
    top: 70%;
    width: 40%;
    height: 30%;
    /*border:1px solid red;*/
}

@media screen and (max-width: 1331px) and (min-width: 751px) {

    .front-page-banner-linktext-container-left {
        position: absolute;
        left: 0%;
        top: 70%;
        width: 50%;
        height: 30%;
        /*border:1px solid red;*/
    }

    .front-page-banner-linktext-container-right {
        position: absolute;
        right: 0%;
        top: 70%;
        width: 50%;
        height: 30%;
        /*border:1px solid red;*/
    }
}

@media screen and (max-width: 750px) and (min-width: 0px) {

    .front-page-banner-linktext-container-left {
        top: 60%;
        width: 100%;
    }

    .front-page-banner-linktext-container-right {
        top: 60%;
        width: 100%;
    }
}

.front-page-banner-text {
    opacity: 0.9;
    text-align: center;
    color: #FFF;
    font-family: "TitilliumWeb-Light";
    font-size: 30px;
    padding-bottom: 10px;
}

.front-page-banner-button {
    opacity: 0.9;
    background-color: Transparent;
    color: #FFFFFF;

    display: table;
    margin: 0 auto;
    text-align: center;

    font-family: "TitilliumWeb-Light";
    font-size: 15px;

    border: 2px solid;
    border-radius: 25px;

    padding: 5px 25px 5px 25px!important;
    cursor: pointer;
}

.front-page-banner-button:active {
    background-color: #111111;
    opacity: 1.0 !important;
  /*box-shadow: 0 3px 0 #FFFFFF;*/
  /*top: 30px;*/
    color: #FFFFFF;
}

.front-page-banner-button:focus {
  outline: 0 !important;
}

.front-page-banner-button:hover { 
    opacity: 1.0 !important;
    background-color: white;
    color: black;
    border-color: white;
  /* your css code here */ 
    /*background-color: #FFFFFF;*/
    opacity: 0.7;
    /*color: #00FF00;*/
}


/**************************************************************************************** People page ****************************************************************************************/

.people-page-keyword-container {
    width: 250px;
    /*border:1px solid red;*/
}

.people-page-keyword-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  width: 200px;
  height: 200px;
}

.people-page-keyword-header {
    text-align: center;
    color: #565454;
    font-family: "TitilliumWeb-SemiBold";
    font-size: 24px;
    padding-top: 15px;
    padding-bottom: 20px;
}

.people-page-keyword-header-subtext {
    border-style: solid;
    text-align: center;
    color: #565454;
    font-family: "TitilliumWeb-Light";
    font-size: 20px;
}

@media screen and (max-width: 1331px) and (min-width: 751px) {
    .people-page-keyword-header {
        font-size: 20px;
    }

    .people-page-keyword-header-subtext {
        font-size: 22px;
    }
}

@media screen and (max-width: 750px) and (min-width: 0px) {
    .people-page-keyword-header {
        font-size: 24px;
    }

    .people-page-keyword-header-subtext {
        font-size: 22px;
    }
}


/**************************************************************************************** purpose page ****************************************************************************************/

.purpose-page-value-container {
    width: 250px;
    /*border:1px solid red;*/
}

/*.purpose-page-value-image-container {
    position:relative;
    width: 100%;
    height: 200px;
}

.purpose-page-value-image {
    position:absolute;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
    margin:auto;
}
*/

.purpose-page-value-image-container {
    width: 100%;
    /*height: 200px;*/
    /*border:1px solid red;*/
}

.purpose-page-value-image {
    /*margin:auto;*/
    /*margin-top:30px;*/
/*    top:10px;
    padding-top: 50px;
*/
    /*border:1px solid green;*/
    border-radius: 50%;
    background-color: white;

}

.purpose-page-value-header {
    text-align: center;
    color: #565454;
    font-family: "TitilliumWeb-SemiBold";
    font-size: 20px;
    padding-top: 15px;
    padding-bottom: 20px;
}

.purpose-page-value-header-subtext {
    border-style: solid;
    text-align: center;
    color: #565454;
    font-family: "TitilliumWeb-Light";
    font-size: 14px;
}

.page-purpose-last-banner-container {
    position: relative;
}

.page-purpose-last-banner-text {
    color: #5A4F4E;
    position: absolute;
    left: 10%;
    top: 25%;
    width: 45%;
    text-align: left;
    font-size: 18px;
}

@media screen and (max-width: 1331px) and (min-width: 751px) {
    .page-purpose-last-banner-text  {
        display: block;
        top: 15%;
    }
}

@media screen and (max-width: 750px) and (min-width: 0px) {
    .page-purpose-last-banner-text  {
        display: none;
    }
}

.page-purpuse-last-banner-segment-container {
    display: none;
    width: 50%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 75px;
    /*border:1px solid red;*/
}

@media screen and (max-width: 1331px) and (min-width: 751px) {
    .page-purpuse-last-banner-segment-container {
        display: none;
    }
}

@media screen and (max-width: 750px) and (min-width: 0px) {
    .page-purpuse-last-banner-segment-container {
        display: block;
    }
}

.page-purpuse-last-banner-segment-text {
    text-align: center;
    color: #231f20;
    font-family: "TitilliumWeb-Regular";
    font-size: 20px;
}

@media screen and (max-width: 1331px) and (min-width: 751px) {
    .page-purpuse-last-banner-segment-text {
        font-size: 18;
    }
}

@media screen and (max-width: 750px) and (min-width: 0px) {
    .page-purpuse-last-banner-segment-text {
        font-size: 16px;
    }
}

/**************************************************************************************** special message page ****************************************************************************************/

.special-message-kline-logo {
    display:block;
    margin:auto;
    width: auto;
    height: 35px;
}

.page-special-message-contact-info {
    color: #ed1c24;
    font-family: "TitilliumWeb-Regular";
    font-size: 24px;
}

.page-special-message-contact-info a:link {
    color: #ed1c24;
}

@media screen and (max-width: 1331px) and (min-width: 751px) {
    .page-special-message-contact-info
    {
        font-size: 20px;
    }
}

@media screen and (max-width: 750px) and (min-width: 0px) {
    .page-special-message-contact-info
    {
        font-size: 24px;
    }
}


/**************************************************************************************** special message page ****************************************************************************************/

.page-information-section-container {
    /*background-color: #aaaaaa;*/
    width: 425px;
    height: auto;
    padding-bottom: 50px;
}

.page-information-section-header-text {
    text-align: center;
    color: #000;
    font-family: "TitilliumWeb-Regular";
    font-size: 20px;
    padding-bottom: 10px;
}

.page-information-section-header-subtext {
    text-align: center;
    color: #565454;
    font-family: "TitilliumWeb-Regular";
    font-size: 13px;
    padding-bottom: 10px;
}

.page-information-section-element-container {
    /*background-color: #aa4444;*/
    width: auto;
    height: 20px;
}

.page-information-section-element-text {
    text-align: left;
    float: left;
    color: #000;
    font-family: "TitilliumWeb-Regular";
    font-size: 13px;
    padding-bottom: 4px;
    padding-left: 4px;
}

.page-information-section-element-icon {
    float: right !important;
    /*fill: #ed1c24;*/
    width: 20px;
    height: 20px;
    margin-right: 4px;
}


/**************************************************************************************** business page ****************************************************************************************/

.page-business-domain-container
{
    /*background-color: gray;*/
    width: 250px;
    /*height: 500px; */
}

.page-business-domain-header {
    text-align: center;
    color: #000;
    font-family: "TitilliumWeb-SemiBold";
    font-size: 20px;
    padding-top: 30px;
    padding-bottom: 20px;
}

.page-business-domain-subtext {
    /*border-style: solid;*/
    text-align: center;
    /*word-wrap: break-word;*/
    /*width:300px;*/
    color: #000;
    font-family: "TitilliumWeb-Light";
    font-size: 15px;
}

.business-page-iso-container {
    width: 250px;
    /*border:1px solid red;*/
}

.business-page-iso-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.page-business-read-more-text {
    color: #000;
    text-align: center;
    font-family: "TitilliumWeb-Regular";
    font-size: 20px;
}

.page-business-read-more-link {
    text-align: center;
    font-family: "TitilliumWeb-Regular";
    font-size: 20px;
    padding-bottom: 100px;  
}

/**************************************************************************************** continuous improvements page ****************************************************************************************/

.page-continuous-improvements-image-culture {
/*    display: block;
    margin: 0 auto;
*/    
    display: block;
    margin-left: auto;
    margin-right: auto;

    max-width:100%;
    max-height:100%;
/*    width: auto;
    height: auto;
*/
}


.top-media{
    width:100%;
    height:400px;
    position:relative;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    overflow:hidden
}



 /*https://gist.github.com/PadreZippo/ab27f3f7409510f90421*/


.ratio-16-9,
.ratio-16-10,
.ratio-square {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
}

.ratio-16-9 {
    padding-top: 56.25%; /* This is your aspect-ratio */
}

.ratio-16-10 {
    padding-top: 62.5%; /* This is your aspect-ratio */
}

.ratio-square {
    padding-top: 100%; /* This is your aspect-ratio */
}

.ratio-inner {
    display: block;
    position: absolute;

    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 100%;
}

/**************************************************************************************** contact us page ****************************************************************************************/


.page-contact-us-warning-button{
    background:none;border:none;
    color: #ed1c24;
    font-family: "TitilliumWeb-Regular";
    font-size: 20px;
    outline:0 !important;
    border: 0px;
    padding: 0px;
    display: block;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 40px;
}

.page-contact-us-warning-text{
    display: none;
    padding-bottom: 50px;
}

/**************************************************************************************** Contact Form 7 ****************************************************************************************/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #818285;
    font-style: italic;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #818285;
    font-style: italic;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #818285;
    font-style: italic;
}

:-moz-placeholder { /* Firefox 18- */
    color: #818285;
    font-style: italic;
}

input:focus { 
    background-color: yellow;
}

.wpcf7
{
    /*background-color: #123456;*/
    /*background-color: #cccccc;*/
}


div.wpcf7 { 
/*background-color: #fbefde;
border: 1px solid #f28f27;
padding:20px;
*/
}

.wpcf7 select {
    width: 100%;
    font-family: "TitilliumWeb-Light";
    font-size: 15px;
    margin-top: 20px;
}

/*.wpcf7 input:focus {
    outline: none !important;
    border:1px solid red;
    box-shadow: 0 0 10px #719ECE;
}
*/
.wpcf7 label
{
    font-family: "TitilliumWeb-Light";
    font-size: 15px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"]
{
    margin-top: 20px;
    margin-bottom: 0px;
    padding-bottom: 3px;
    width: 100%;
    border: 0px solid;
    color: #000;
    font-family: "TitilliumWeb-Light";
    font-size: 15px;
    background-color: transparent;
    border-bottom: 1px solid #818285;
}

.wpcf7 input[type="tel"]
{
    margin-bottom: 10px;
}

.wpcf7 textarea {
    width: 100%;
    border: 1px solid #818285;
    color: #000;
    font-family: "TitilliumWeb-Light";
    font-size: 15px;
    background-color: transparent;
    border-radius: 4px;
    padding-top: 10px;
    padding-left: 6px;
}

.wpcf7 input[type="file"] {
    font-family: "TitilliumWeb-Light";
    font-size: 12px;
}

.wpcf7 input[type="submit"] { 
    color: #3f5782;
    float: right;
    font-family: "TitilliumWeb-Light";
    font-size: 15px;
    background-color: Transparent;
    border: 1px solid #3f5782;
    border-radius: 25px;
    padding: 5px 25px 5px 25px!important;
}

.wpcf7 input[type="submit"]:active { 
    background-color: #3f5782;
    color: #FFFFFF;
    outline:0;
}

.wpcf7 input[type="submit"]:focus { 
    outline:0;
}




.wpcf7 .radio_class_attr input[type="radio"]{ 
    opacity:0.011;
    z-index:100;
    /*visibility: hidden;*/
    display: none;
    /*margin-right: 100;*/

    margin: 0 auto;
/*    margin: 0 auto;
    background-color: red;
    color: red;
*/
    padding-top: 10px;
}



.wpcf7 .radio_class_attr input[type="radio"]:focus { 
    background-color: red;
    color: red;
}

.wpcf7 .radio_class_attr input[type="radio"]:active { 
    background-color: red;
    color: red;
}

.wpcf7 .radio_class_attr label{
    font-family: "TitilliumWeb-Light";
    font-size: 15px;
    color: #818285;

}


/*.wpcf7 p
{
    background-color: green;
    width: 100%;
}
*/


.wpcf7 .radio_class_attr
{
/*    display: block;
width: 380px;
*/
    /*background-color: red;*/
}

.wpcf7 .radio_class_attr input[type="radio"]:checked + span {
/*    opacity:0.011;
    z-index:100;
    margin: 0 auto;
    background-color: red;
    color: red;
*/
    font-size: 15px;
    color: #3f5782;
    /*text-decoration: underline;*/

    /*background-color: red;*/
    border-bottom: 2px solid #3f5782;
}

/*.wpcf7 .radio_class_attr :first-child
{
    float:left;
}


.wpcf7 .radio_class_attr :nth-child(2)
{
    align-items: center
}


.wpcf7 .radio_class_attr :last-child
{
    float:right;
    color: red;
}
*/
/*.wpcf7 .radio_class_attr
radio_class_attr
*/

/*.wpcf7 .wpcf7-list-item last
{
    background-color: black;
}
*/

span.wpcf7-list-item
{   
    margin: 0;
    margin-right: 30px;
    margin-bottom: 10px;
}

/*CT*/
.text-align-left{
    text-align: left;
}
.page-title-text-info {
    padding-bottom: 15px;
}
.page-title-text-info-subtitle{
    text-align: center;
    color: #565454;
    font-family: "TitilliumWeb-Regular";
    font-size: 20px;
    padding-bottom: 10px;
}
.page-information-section-container-info{
    width: 100%;
}
.page-information-section-header-subtext-info{
    text-align: justify;
    color: #565454;
    font-family: "TitilliumWeb-Regular";
    font-size: 13px;
    padding-bottom: 10px;
}
/*Temp*/
@media screen and (min-width: 750px){

.information .col-md-12{
    max-width: 50%;
    margin-left: 25%;
    }
}
/*Form condition*/
#wpcf7-f34-p35-o1 .condition{
    display: flex;
    background-color: #FFFFCC;
    margin-bottom: 10px;
}
#wpcf7-f34-p35-o1 .condition .condition-10{
    width: 10%;
}
#wpcf7-f34-p35-o1 .condition .condition-10 .wpcf7-list-item{
    padding: 15px;
    margin: 0 !important;
}
#wpcf7-f34-p35-o1 .condition .condition-90{
    width: 90%;
}
#wpcf7-f34-p35-o1 .condition .condition-90 label{
	padding: 5px 5px 0 0;
}
#wpcf7-f34-p35-o1 .condition .wpcf7-list-item{	
	display: flex;
	align-items: center;
}
#wpcf7-f34-p35-o1 .condition .wpcf7-list-item input[type=checkbox]{
	cursor: pointer;
}
/*Conditions of Purchase*/

.conditions-of-purchase h1{
    font-weight: bolder;
    padding: 15px 0;
}
.conditions-of-purchase h3{
    font-size: 18px;
    font-weight: bolder;
}
.conditions-of-purchase p{
    font-size: 16px;
    text-align: justify;
}
@media screen and (min-width: 750px){

.conditions-of-purchase .col-md-12{
    max-width: 70%;
    margin-left: 15%;
    }
}
/*Privacy Policy*/
.privacy-policy h1{
    font-weight: bolder;
    padding: 15px 0;
}
.privacy-policy h3{
    font-size: 18px;
    font-weight: bolder;
}
.privacy-policy p{
    font-size: 16px;
    text-align: justify;
}
.privacy-policy ul li{
    font-size: 16px;
}
.privacy-policy ul{
    padding-left: 3%;
}
.privacy-policy ul li::before {
    content: "•"; 
    color: #000;
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
}
@media screen and (min-width: 750px){

.privacy-policy .col-md-12{
    max-width: 70%;
    margin-left: 15%;
    }
}
.privacy-policy .left-padd{
    padding-left: 3%;    
    margin-top: -1rem;    
}
/*footer*/
.footer-terms{
    font-size: 16px;
    text-align: center;
    margin-top: 25px;
}



header{
	padding: 0 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

header .menu-desc .header-menu-section-element-text{
	display: flex;
	gap: 40px;
	margin-bottom: 0;
}

header .menu-desc .header-menu-section-element-text a{
	font-size: 18px;
}

header .header-logo{
	position: relative;
	top: auto;
	left: auto;
}

header .header-menu-icon{
	display: none;
}

.header-menu-icon{
	position: relative;
	top: auto;
	right: auto;
}

@media screen and (max-width: 1100px){
	header{
		padding: 0 20px;
	}
}

@media screen and (max-width: 1023px){
	header .header-menu-icon{
		display: block;
	}
	
	header .menu-desc {
		display: none;
	}
}