/*RESET NORMALIZE*/
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Semi+Expanded:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
    font-family: 'Encode Sans Semi Expanded', sans-serif;
}


/* REFATORAÇÃO DO CSS - 11 AGO 23 */
/* MAIN HEADER */
.main_header{
    width: 100%;
    background-color: #0B0D14;
}

.main_header .main_header_content{
    max-width: 1300px;
    padding: 16px 20px 16px 20px;
    margin: 0 auto;
    display: flex;
}

.main_header .main_header_content .logo_title{
    max-width: 25%;
    margin: 0 auto;
    display: flex;
}

.main_header .main_header_content .logo_title a{
    text-decoration: none;
}

.main_header .main_header_content .logo_title .logo{
    width: 60px;
    max-width: 60px;    
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.main_header .main_header_content .logo_title .site_name{
    max-width: 160px;
    width: 160px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 1.7em;
    color: #EBEBEB;
    font-weight: 500;
    letter-spacing: 5px;
}

.main_header .main_header_content .logo_title .site_name:hover{
    color: #D36833;
}

.main_header .main_header_content .logo_title a{
    color: #D36833;
}

.main_header .main_header_content .logo_title a:hover{
    color: #EBEBEB;
}

/** MENU NAV **/
.main_header .main_header_content .main_header_content_menu{
    flex-basis: calc(100% - 255px);
    display: flex;
    justify-content: flex-end;
}

.main_header_content_menu ul{
    display: flex;
    align-items: stretch;
}

.main_header_content_menu ul li{
    list-style: none;
    display: flex;
    align-items: center;
    font-size: 1.1em;
}

.main_header_content_menu ul li a{
    padding: 20px 25px;
    display: flex;
    align-items: center;
    height: 25%;
    color: #D36833;
    text-decoration: none;
}

.main_header_content_menu ul li a:hover{
    color: #FFF;
}

/** MENU MOBILE **/
.main_header_content_menu_mobile{
    flex-basis: calc(100% - 320px);
    display: none;
    justify-content: flex-end;
}

.main_header_content_menu_mobile ul{
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.main_header_content_menu_mobile ul li{
    display: flex;
    align-items: center;
    list-style: none;
    position: relative;
}

.main_header_content_menu_mobile_obj{
    display: flex;
    align-items: center;
    padding: 20px;
    font-size: 1.3em;
    color: #FFF;
    z-index: 9999;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}

.main_header_content_menu_mobile_obj:hover, .main_header_content_menu_mobile_obj_active{
    cursor: pointer;
    background-color: #FFF;
    color: #D36833;
}

.main_header_nav_mobile_close{
    display: none;
    align-items: center;
    padding: 20px;
    font-size: 1.3em;
    color: #FFF;
    z-index: 9999;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}

.main_header_nav_mobile_close:hover{
    cursor: pointer;
    background-color: #FFF;
    color: var(--hover-color-red);
}

.main_header_content_menu_mobile_sub{
    min-width: 200px;
    background-color: #FFF;
    border-radius: 3px 0 3px 3px;
    -moz-border-radius: 3px 0 3px 3px;
    -webkit-border-radius: 3px 0 3px 3px;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    position: absolute;
    top: 100%;
    right: -20px;
}

.main_header_content_menu_mobile_sub li{
    flex-basis: 100%;
}

.main_header_content_menu_mobile_sub li a{
    width: 100%;
    text-align: center;
    color: #D36833;
    padding: 6px 0;
    text-decoration: none;
}

.main_header_content_menu_mobile_sub li a:hover{
    background-color: #D36833;
    color: #FFF;
}

/** MAIN CTA **/
.main_cta{
    width: 100%;
    background-image: url("../../assets/images/bg_main_cond_home.png");
    background-color: #2D3142;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.main_cta .main_cta_content{
    max-width: 1300px;
    margin: 0 auto;
    padding: 40px 20;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.main_cta .main_cta_content .main_cta_content_spacer{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 120px 0px;
}

.main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_logo{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_logo img{
    width: 40px;
    margin-right: 5px;
}

.main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_name_company{
    max-width: 100%;
    font-size: 1.8em;
    font-weight: 500;
    color: #C0C0C0;
    margin: 0;
}

.main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_title{
    font-size: 3.4em;
    color: #C0C0C0;
    font-weight: 700;
    text-align: center;
}

.main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_desc{
    font-size: 1.8em;
    color: #C0C0C0;
    font-weight: 300;
    text-align: center;
    margin: 20px 0;
}

.main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_btn{
    flex-basis: 1300px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

/* OPTIN */
.main_optin{
    width: 100%;
    background-color: #0B0D14;
    margin: 1px 0 2px 0;
}

.main_optin .main_optin_content{
    max-width: 1300px;
    margin: 0 auto;
    padding: 40px 20px;
    display: flex;
    justify-content: space-between;
}

.main_optin .main_optin_content header{
    flex-basis: 50%;
    margin-right: 20px;
}

.main_optin .main_optin_content header p{
    margin: 0;
}

.main_optin .main_optin_content header span{
    color: #C0C0C0;
    margin: 0;
    font-size: 1.5em;    
    font-weight: 500;
}

.main_optin .main_optin_content header div{
    width: 520px;
    color: #C0C0C0;
    margin: 0;
    text-align: center;
    font-weight: 300;
    font-size: 0.9em;
}

.main_optin .main_optin_content article{
    flex-basis: 850px;
    display: flex;    
    justify-content: space-between;
    align-items: center;
}

.main_optin .main_optin_content article form{
    display: flex;
    justify-content: space-between;
}

.main_optin .main_optin_content article form input[type=text], .main_optin .main_optin_content article form input[type=email]{
    width: 290px;    
    border: none;
    padding: 10px 10px;
    color: #D36833;    
    margin-right: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.main_curse{
    width: 100%;
}

.main_curse .main_curse_header{
    max-width: 780px;
    padding: 0 20px;
    margin: 0 auto 40px;
    text-align: center;
    color: #333;
}

.main_curse .main_curse_header img{
    margin-bottom: 20px;
}

.main_curse .main_curse_header h1{
    font-size: 3em;
    margin-bottom: 10px;
}

.main_course_content{
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 40px;
}

.main_course_content article{
    flex-basis: calc(50% - 40px);
    margin: 20px 0;
    background-color: #EBEBEB;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -weblit-border-radius: 5px;
    padding: 20px;
}

.main_course_content article h2{
    font-size: 1.3em;
    color: #333;
    margin-bottom: 4px;
}

.main_course_content article p{
    font-size: 0.9em;
    color: #333;
}

/* MAIN REVIEW */
.main_course_fullwidth{
    width: 100%;
    background-color: #D36833;
    padding: 40px 0;
}

.main_course_rating_content{
    max-width: 1300px;
    padding: 0 20px;
    margin: 0 auto;
}

.main_course_rating_content_title{
    color: #FFF;
    text-align: center;
}

.main_course_rating_content_title h2{
    font-size: 2.0em;
    margin-bottom: 20px;
}

.main_course_rating_content_comment{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main_course_rating_content_comment > header{
    flex-basis: 100%;
    color: #FFF;
    text-align: center;
    margin: 20px;
    font-size: 1.5em;
}

.main_course_rating_content_comment > article {
    flex-basis: calc(50% - 20px);
    margin: 20px 0;
    background-color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -weblit-border-radius: 5px;
    padding: 20px;
    color: #333;
}

.main_course_rating_content_comment > article h3{
    font-size: 1.2em;
    margin-bottom: 4px;
}

.main_course_rating_content_comment > article img{
    width: 15px;
    margin-top: 5px;
    margin-bottom: 2px;
}

/* MAIN_ABOUT */
.about_page{
    width: 100%;
}

.about_page .about_page_content{    
    padding: 20px;
}

.about_page .about_page_content .about_header{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.about_page .about_page_content .about_header div{
    width: 100%;
    margin-bottom: 30px;
    padding: 0 20px;
    font-size: 2em;
    font-weight: 500;
}

.about_page .about_page_content .about_header p{
    width: 60%;
    padding: 0 20px;
    font-size: 1.3em;
    font-weight: 300;
}

/* about - steps */
.about_page .about_page_content .about_page_steps{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.about_page .about_page_content .about_page_steps{
    margin-bottom: 30px;
}

.about_page .about_page_content .about_page_steps .icon{
    padding: 15px 20px;
    font-size: 2em;
}

.about_page .about_page_content .about_page_steps .steps_title{
    font-size: 1.5em;
    font-weight: 600;
}

.about_page .about_page_content .about_page_steps .steps_text{
    font-size: 1.1em;
}

.about_page .about_page_content .about_page_steps article{
    width: 33,33%;
}

/* about - CTA */
.about_page .about_page_content .about_page_cta{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.about_page .about_page_cta .about_page_cta_content{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.about_page .about_page_cta .about_page_cta_content div{
    width: 100%;
    margin-bottom: 00px;
    padding: 0 20px;
    font-size: 2em;
    font-weight: 600;
}

.about_page .about_page_cta .about_page_cta_content p{
    width: 80%;
    padding: 0 20px;
    font-size: 1.3em;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 1px;
}

.about_page .about_page_cta .about_page_cta_content .about_cta_slogan{
    margin-top: 20px;
    font-weight: 500;
}

/* MAIN_FOOTER */
.main_footer{
    width: 100%;    
    background-color: #F3F3F3;
}

.main_footer .main_footer_content{
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 40px 20px;
    color: #333;
}

.main_footer .main_footer_content .main_footer_our_pages{
    width: 25%;
    display: flex;
    flex-wrap: wrap;
}

.main_footer_our_pages .our_pages_container .main_footer_title_our_pages{
    font-size: 1.2em;
    font-weight: 500;
    margin-bottom: 30px;
}

.main_footer .main_footer_content .main_footer_our_pages .our_pages_container div{
    width: 327px;
    display: flex;
    flex-wrap: wrap;
}

.main_footer .main_footer_content .main_footer_our_pages .our_pages_container div a{
    color: #333333;
    text-decoration: none;
}

.main_footer .main_footer_content .main_footer_our_pages .our_pages_container div a:hover{
    text-decoration: underline;
}

.our_pages_container .our_pages_link_home,
.our_pages_container .our_pages_link_about,
.our_pages_container .our_pages_link_contact,
.our_pages_container .our_pages_link_home_enter {
    width: 327px;
    margin-bottom: 10px;
}

.main_footer .main_footer_content .main_footer_links{
    width: 25%;
    display: flex;
    flex-wrap: wrap;
}

.main_footer_links .links_container .main_footer_title_links{
    font-size: 1.2em;
    font-weight: 500;
    margin-bottom: 30px;
}

.main_footer .main_footer_content .main_footer_links .links_container div{
    width: 327px;
    display: flex;
    flex-wrap: wrap;
}

.main_footer .main_footer_content .main_footer_links .links_container div a{
    color: #333333;
    text-decoration: none;
}

.main_footer .main_footer_content .main_footer_links .links_container div a:hover{
    text-decoration: underline;
}

.links_container .links_privacy_policy,
.links_container .links_disclaimer,
.links_container .links_terms_use {
    width: 327px;
    margin-bottom: 10px;
}

.main_footer .main_footer_content .main_footer_about{
    width: 50%;
    display: flex;
    flex-wrap: wrap; 
}

.main_footer_about .about_container .main_footer_title_about{
    font-size: 1.2em;
    font-weight: 500;
    margin-bottom: 30px;
}

.main_footer .main_footer_content .main_footer_about .about_container div{
    width: 650px;
    display: flex;
    flex-wrap: wrap;
}

.about_container .about_description {
    width: 650px;
    text-align: justify;
}

.main_footer_copy_right{
    width: 100%;
    background-color: #0B0D14;
}

.main_footer_copy_right_content{
    max-width: 1300px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 auto;
    padding: 0 20px;
    padding-bottom: 20px;
    border-top: 1px solid #D36833;
    background-color: #0B0D14;
    font-size: 1em;
    font-weight: 300;
    color: #888888;
}


/*AUTH IN*/
/* .auth{ */
    /* width: calc(100% - 40px); */
    /* margin: 50px 20px 60px 20px; */
/* } */

/* .auth .auth_content { */
    /* max-width: 1300px; */
    /* margin: 0 auto; */
    /* color: #555555; */
/* } */

/* .auth_content_header h1{ */
    /* font-size: 2.2em; */
    /* font-weight: 300; */
    /* text-align: center; */
    /* color: #666666; */
/* } */

/* .auth .auth_content .auth_content_header p{ */
    /* font-size: 1.1em; */
    /* font-weight: 300; */
    /* text-align: center; */
    /* color: #777777; */
    /* margin-bottom: 20px; */
/* } */

/* .auth .auth_content .auth_content_header p a{ */
    /* color: #D36833; */
    /* font-weight: bold; */
/* } */

/* .auth_form { */
    /* width: 500px; */
    /* max-width: 100%; */
    /* margin: 30px auto; */
/* } */

/* .auth_form label{ */
    /* display: flex; */
    /* display: block; */
    /* margin-top: 15px */
/* } */

/* .auth_form_label label{ */
    /* width: calc(50% - 10px); */
/* } */

/* .auth_form_label label:last-of-type{ */
    /* margin-left: 20px; */
/* } */

/* .auth_form label div{ */
    /* display: flex; */
    /* align-items: center; */
    /* margin-bottom: 5px; */
    /* font-size: 0.9em; */
    /* font-weight: bold; */
/* } */

/* .auth_form .label_forget{ */
    /* width: 100%; */
    /* display: flex; */
    /* justify-content: space-between; */
/* } */

/* .auth_form .label_forget a{ */
    /* color: #D36833; */
    /* font-weight: bold; */
/* } */

/* .auth_form .label-align-inline{ */
    /* position: relative; */
    /* top: 50%; */
/* } */

/* .auth_form label input { */
    /* color: #555555; */
    /* display: block; */
    /* width: 100%; */
    /* font-size: var(--font-normal); */
    /* padding: 15px 10px; */
    /* outline: none; */
    /* border: 1px solid #cccccc; */
    /* border-radius: 5px; */
    /* -webkit-border-radius: 5px; */
    /* -moz-border-radius: 5px; */
/* } */

/* .auth_form label select { */
    /* color: #555555; */
    /* display: block; */
    /* width: 100%; */
    /* font-size: var(--font-normal); */
    /* padding: 15px 10px; */
    /* outline: none; */
    /* border: 1px solid #cccccc; */
    /* border-radius: 10px; */
    /* -webkit-border-radius: 10px; */
    /* -moz-border-radius: 10px; */
/* } */

/* .auth_form .check { */
    /* cursor: pointer; */
    /* display: flex; */
    /* align-items: center; */
    /* margin: 20px 0 30px 0; */
    /* font-size: 0.8; */
    /* color: #a0a0a0; */
    /* font-weight: 300; */
/* } */

/* .auth_form .check:hover { */
    /* color: #555555; */
/* } */

/* .auth_form .check input { */
    /* width: auto; */
    /* font-size: var(--font-large); */
    /* margin-right: 10px; */
    /* display: inline-block; */
/* } */

/* .auth_form_btn { */
    /* background-color: #D36833; */
    /* display: block; */
    /* width: 100%; */
    /* border: none; */
    /* padding: 15px; */
    /* font-size: 1.3em; */
    /* color: #F3F3F3; */
    /* font-weight: 500; */
    /* cursor: pointer; */
    /* border-radius: 5px; */
    /* -webkit-border-radius: 5px; */
    /* -moz-border-radius: 5px; */
    /* border: #D36833; */
    /* margin-top: 30px; */
/* } */

/* .auth_form_btn:hover{ */
    /* background-color: #FF6630; */
    /* color: #FFFFFF; */
/* } */


/* .auth { */
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* padding: var(--space-lg); */
    /* min-height: 100vh; */
    /* background: var(--color-bg-light, var(--color-whitesmoke)); */
/* } */

/* .auth_container { */
    /* background: var(--color-white); */
    /* padding: var(--space-lg); */
    /* border-radius: var(--radius-regular); */
    /* max-width: 400px; */
    /* width: 100%; */
    /* box-shadow: 0 0 20px rgba(0,0,0,0.05); */
/* } */

/* .auth_header { */
    /* text-align: center; */
    /* margin-bottom: var(--space-md); */
/* } */

/* .auth_title { */
    /* font-size: var(--font-giant:); */
    /* margin-bottom: var(--space-xs); */
/* } */

/* .auth_text { */
    /* font-size: var(--font-normal); */
    /* color: var(--color-gray); */
/* } */

/* .auth_link { */
    /* color: var(--color-primary, var(--color-orange)); */
    /* text-decoration: none; */
    /* font-weight: bold; */
/* } */

/* .auth_form { */
    /* display: flex; */
    /* flex-direction: column; */
    /* gap: var(--space-sm); */
/* } */

/* .auth_field label { */
    /* display: block; */
    /* margin-bottom: 0.4rem; */
    /* font-weight: var(--weight-medium); */
/* } */

/* .auth_label-row { */
    /* display: flex; */
    /* justify-content: space-between; */
    /* align-items: center; */
/* } */

/* .auth_forgot { */
    /* font-size: var(--font-mini); */
    /* color: var(--color-primary); */
    /* text-decoration: none; */
/* } */

/* .auth_form input[type="email"], */
/* .auth_form input[type="password"] { */
    /* width: 100%; */
    /* padding: 0.6rem 0.8rem; */
    /* border: 1px solid var(--color-border-input); */
    /* border-radius: var(--radius-light); */
    /* font-size: 1rem; */
/* } */

/* .auth_checkbox { */
    /* display: flex; */
    /* align-items: center; */
    /* gap: 0.5rem; */
    /* font-size: var(--font-small); */
/* } */

/* .auth_btn { */
    /* margin-top: var(--space-sm); */
    /* padding: 0.8rem; */
    /* background-color: var(--color-primary, var(--color-orange)); */
    /* color: var(--color-white); */
    /* border: none; */
    /* border-radius: var(--radius-light); */
    /* font-size: 1rem; */
    /* cursor: pointer; */
    /* transition: background 0.3s ease; */
/* } */

/* .auth_btn:hover { */
    /* background-color: var(--color-secondary, var(--color-black-orange)); */
	/* transition: background-color 0.3s ease, color 0.3s ease; */
/* } */

/* @media (max-width: 480px) { */
    /* .auth__container { */
        /* padding: var(--space-md); */
        /* border-radius: var(--radius-light); */
    /* } */

    /* .auth__title { */
        /* font-size: 1.5rem; */
    /* } */

    /* .auth__btn { */
        /* font-size: 0.95rem; */
    /* } */
/* } */








/**   DIVERSOS   **/

/* radius */
.radius{
    -webkit-border-radius:var(--radius-normal);
    -moz-border-radius:var(--radius-normal);
    border-radius:var(--radius-normal)
}

/** botões **/
.btn {
    display: inline-block;
    padding: 8px 40px;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: 600;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.btn_azul {
    background-color: #333646;
    border: #333646;
    color: #F3F3F3;
}

.btn_azul:hover {
    background-color: #0B0C14;
    border: #0B0C14;
    color: #FFFFFF;
}

.btn_laranja {
    background-color: #D36833;
    border: #D36833;
    color: #F3F3F3;
}

.btn_laranja:hover {
    background-color: #FF6630;
    border: #FF6630;
    color: #FFFFFF;
}

/*default paginator*/
.paginator {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}

.paginator a, .paginator span {
    display: inline-block;
    padding: 8px 16px;
    border: 1px solid #cccccc;
    border-right: 0;
    color: #555555;
    font-weight: var(--weight-bold);
    text-decoration: none;
    transition-duration: 0.2s;
}

/*social share*/
.social_share {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
    padding: 30px;
    background: #FBFBFB;
    -webkit-border-radius: var(--radius-medium);
    -moz-border-radius: var(--radius-medium);
    border-radius: var(--radius-medium);
    border-bottom: 3px solid var(--color-green);
}

.social_share_title {
    font-size: var(--font-normal);
    font-weight: var(--weight-normal);
}

.social_share_medias {
    display: flex;
}

.social_share_medias div {
    margin-right: 10px;
}

/*empty content*/
.empty_content {
    width: 800px;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    color: var(--color-default);
}

.empty_content_cover {
    width: 500px;
}

.empty_content_title {
    font-size: 2em;
    font-weight: var(--weight-bold);
}

.empty_content_desc {
    font-size: 1.1em;
    margin: 10px 0 40px 0;
}

.title_image {
    width: 300px;
    max-width: 100%;
    margin: 0 auto 30px auto;
}

.empty_content_btn {
    display: inline-block;
    padding: 20px 40px;
    font-weight: var(--weight-bold);
    color: #ffffff;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-size: 1.4em;
}

/*blog*/
.blog_content {
    padding-bottom: 0;
}

.blog_header {
    text-align: center;
    margin-bottom: 30px;
    color: #555555;
}

.blog_header h2 {
    font-size: 2em;
    font-weight: var(--weight-light);
}

.blog_header p {
    margin-top: 10px;
}

.blog_articles {
    display: flex;
    flex-wrap: wrap;
}

.blog_article {
    flex-basis: calc(33.33% - 40px);
    margin: 20px;
    color: #555555;
}

.blog_article img {
    -webkit-border-radius: var(--radius-medium);
    -moz-border-radius: var(--radius-medium);
    border-radius: var(--radius-medium);
    border-bottom: 3px solid #E9E9E9;
}

.blog_article:hover img {
    border-color: var(--color-green);
}

.blog_article h2 {
    font-size: var(--font-medium);
    font-weight: var(--weight-bold);
}

.blog_article .meta {
    font-size: var(--font-small);
    font-weight: var(--weight-light);
}

.blog_article p {
    font-size: var(--font-small);
    margin: 20px 0;
}

.blog_article a {
    text-decoration: none;
    color: #555555;
}

.blog_article a:hover {
    text-decoration: underline;
}

/*video*/
.home_video {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
}

.home_video:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url("../images/home-featured.jpg") top center;
    background-size: cover;
    background-attachment: fixed;
    z-index: var(--index-back);
}

.home_video_content {
    color: #ffffff;
    text-align: center;
    padding: 80px 0;
}

.home_video_content h2 {
    font-weight: var(--weight-light);
    font-size: 2em;
}

.home_video_content span {
    cursor: pointer;
    font-size: 6em;
    margin-top: 15px;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.8);
}

.home_video_content span:hover {
    color: var(--hover-color-green);
}

.home_video_modal {
    position: fixed;
    display: none;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: var(--index-modal);
}

.home_video_modal_box {
    margin: auto;
    width: 800px;
    max-width: 90%;
}

/*opt out*/
.footer_optout {
    background: url("../images/footer-bg.jpg") top center no-repeat;
    background-size: cover;
    padding-top: 20px;
    margin-top: 40px;
}

.footer_optout_content {
    text-align: center;
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}

.footer_optout .icon {
    font-size: 5em;
    color: #555555;
}

.footer_optout h2 {
    font-size: 2em;
    font-weight: var(--weight-black);
    color: #555555;
}

.footer_optout p {
    margin: 20px 0 40px;
}

.footer_optout_btn {
    display: inline-block;
    cursor: pointer;
    padding: 15px 40px;
    font-size: var(--font-medium);
    color: #ffffff;
    font-weight: var(--weight-black);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    text-decoration: none;
}

/*not found page 404*/
.not_found {
    background-color: #D36833;
    text-align: center;
    color: #F3F3F3;
    font-size: 1.3em;
    padding: 40px 0;
}

.not_found .error {
    font-size: 4em;
    font-weight: 300;
    color: #CCCCCC;
    margin-bottom: 40px;
}

.not_found_header_title{
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 20px;
}

.not_found_header_msg{
    font-size: 0.850em;
    font-weight: 300;
    margin-bottom: 30px;
}

.not_found_header {
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
}

.not_found p a {
    color: var(--color-green);
    text-decoration: none;
    font-weight: var(--weight-bold);
}

.not_found p a:hover {
    text-decoration: underline;
}

.not_found_btn {
    display: inline-block;
    margin-top: 60px;
    padding: 20px 40px;
    color: #ffffff;
    text-decoration: none;
    font-weight: var(--weight-bold);
}

/*about page*/
.about_header {
    width: 800px;
    max-width: 100%;
    margin: 40px auto 40px auto;
    text-align: center;
    color: #555555;
}

.about_header span {
    font-size: 2.5em;
    font-weight: var(--weight-light);
}

.about_header p {
    font-size: 1.2em;
    font-weight: var(--weight-light);
}

.about_page_steps {
    display: flex;
    justify-content: center;
}

.about_page_steps article {
    flex-basis: 33.33%;
    margin: 20px;
    text-align: center;
    padding: 30px;
    color: #555555;
}

.about_page_steps article .icon {
    display: inline-block;
    padding: 15px 20px;
    background: var(--gradient-blue-sindico);
    font-size: 2em;
    color: #ffffff;
    -webkit-border-radius: var(--radius-medium);
    -moz-border-radius: var(--radius-medium);
    border-radius: var(--radius-medium);
    background-size: 200%;
}

.about_page_steps article h3 {
    margin: 20px 0 0 0;
    font-size: var(--font-medium);
    font-weight: var(--weight-normal);
}

.about_page_steps article p {
    line-height: 1.4;
    margin-top: 15px;
}

/*media*/
.about_page_media {
    position: relative;
}

.about_page_media:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: var(--gradient-green);
    background-size: 200%;
    z-index: var(--index-back);
}

.about_media_video {
    width: 860px;
    max-width: 90%;
    margin: 0 auto;
    -webkit-border-radius: var(--radius-medium);
    -moz-border-radius: var(--radius-medium);
    border-radius: var(--radius-medium);
    overflow: hidden;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

/*cta*/
.about_page_cta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    background: var(--gradient-orange-sindico);
    background-size: 200%;
    text-align: center;
}

.about_page_cta_content {
    width: 78%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding: 40px;
}

.about_page_cta_content h2 {
    font-size: 2.5em;    
}

.about_page_cta_content p {    
    font-size: 1.3em; 
}

.about_page_cta_btn {
    display: inline-block;
    padding: 20px 40px;
    background: var(--hover-color-green);
    cursor: pointer;
    font-size: var(--font-medium);
    font-weight: var(--weight-black);
    color: #ffffff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    margin-top: 20px;
    text-decoration: none;
}

.about_page_cta_btn:hover {
    background: var(--color-green);
}

/*faq*/
.faq_header {
    text-align: center;
    margin-bottom: 30px;
}

.faq_header h3 {
    font-size: 2em;
    font-weight: var(--weight-light);
    margin-bottom: 20px;
}

.faq_asks {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}

.faq_ask {
    flex-basis: calc(50% - 30px);
    cursor: pointer;
    padding: 20px;
    margin: 15px;
    border: 1px solid #cccccc;
    border-bottom: 3px solid var(--color-green);
    color: var(--color-default);
    -webkit-border-radius: var(--radius-medium);
    -moz-border-radius: var(--radius-medium);
    border-radius: var(--radius-medium);
}

.faq_ask h4 {
    font-size: var(--font-medium);
    font-weight: var(--weight-bold);
}

.faq_ask p {
    font-size: var(--font-small);
}

.faq_ask a {
    color: var(--color-green);
    font-weight: var(--weight-bold);
    text-decoration: none;
}

.faq_ask a:hover {
    text-decoration: underline;
}

.faq_ask_coll {
    display: none;
}

/*blog page*/
.blog_page_header {
    text-align: center;
    padding: 40px;
    background: var(--gradient-green);
    background-size: 200%;
}

.blog_page_header h1 {
    font-size: 3em;
    color: rgba(0, 0, 0, 0.4);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.2);
}

.blog_page_header p {
    width: 700px;
    max-width: 100%;
    margin: 20px auto 30px auto;
}

.blog_page_header form {
    display: inline-block;
    width: 400px;
    max-width: 100%;
}

.blog_page_header form label {
    display: flex;
    align-items: center;
    background: #ffffff;
    justify-content: center;
    -webkit-border-radius: var(--radius-large);
    -moz-border-radius: var(--radius-large);
    border-radius: var(--radius-large);
    overflow: hidden;
}

.blog_page_header form input {
    flex-basis: 100%;
    padding: 12px 12px 12px 20px;
    font-size: var(--font-normal);
    border: none;
    background: #ffffff;
    outline: none;
    color: #555555;
}

.blog_page_header form button {
    padding: 0 20px 0 0;
    font-size: var(--font-medium);
    border: none;
    cursor: pointer;
    outline: none;
    color: #555555;
}

/*post page*/
.post_page_hero {
    width: 860px;
    max-width: 90%;
    margin: 0 auto;
    padding: 40px 0;
}

.post_page_header {
    position: relative;
    text-align: center;
}

.post_page_header h1 {
    font-size: 2.4em;
    font-weight: var(--weight-normal);
    margin: 30px 0;
    color: #FBFBFB;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.post_page_header:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 70%;
    background: var(--gradient-green);
    background-size: 200%;
    z-index: var(--index-back);
}

.post_page_cover {
    -webkit-border-radius: var(--radius-medium);
    -moz-border-radius: var(--radius-medium);
    border-radius: var(--radius-medium);
    border-bottom: 3px solid var(--color-green);
}

.post_page_content {
    width: 860px;
    max-width: 90%;
    margin: 0 auto;
}

.post_page_meta {
    display: flex;
    align-items: center;
    margin-top: 20px;
    justify-content: space-between;
    color: #555555;
}

.post_page_meta .author {
    display: flex;
    align-items: center;
}

.post_page_meta .author .name {
    padding-left: 10px;
}

.post_page_meta .author img {
    width: 40px;
    -webkit-border-radius: var(--radius-round);
    -moz-border-radius: var(--radius-round);
    border-radius: var(--radius-round);
}

.post_page_related.content {
    padding-bottom: 0;
}

.post_page_related_header {
    text-align: center;
    color: #555555;
    margin-bottom: 30px;
}

.post_page_related header h4 {
    font-size: 3em;
    font-weight: var(--weight-light);
}

.post_page_related header p {
    margin-top: 10px;
    font-size: var(--font-small);
}

/*terms page*/
.terms_page_header {
    text-align: center;
    padding: 50px 40px;
    background: var(--gradient-green);
    background-size: 200%;
    color: #ffffff;
}

.terms_page_header h1 {
    font-size: 2em;
    font-weight: var(--weight-bold);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}

.terms_page_header p {
    margin-top: 10px;
    font-weight: var(--weight-black);
    color: rgba(0, 0, 0, 0.4);
}

.terms_page_content {
    width: 800px;
    margin: 0 auto;
    padding: 60px 0 0 0;
}

/*optin pages*/
.optin_page_content {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    color: var(--color-default);
    text-align: center;
}

.optin_page_content img {
    width: 400px;
    max-width: 100%;
}

.optin_page_content h1 {
    font-size: 2.3em;
    font-weight: var(--weight-bold);
}

.optin_page_content p {
    margin: 20px 0;
    font-size: 1.1em;
}

.optin_page_btn {
    display: inline-block;
    padding: 20px 40px;
    margin-top: 20px;
    color: #ffffff;
    font-weight: var(--weight-bold);
    text-decoration: none;
    font-size: 1.4em;
}

/* footer */
.main_optin_footer{
    width: 100%;
    background-color: #F7F7F7;
}

.main_optin_footer_content{
    max-width: 1300px;
    padding: 40px 20px;
    text-align: center;
    color: #333;
    margin: 0 auto;
}

.main_optin_footer_content h1{
    font-size: 1.6em;
    margin-bottom: 40px;
}

.main_optin_footer_content .btn{
    color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -weblit-border-radius: 5px;
    background-color: #D36833;
    font-size: 1.2em;
    padding: 10px 40px;
}


/* MEDIAS THEMES  */

/*********** FTEWB ***********/
/* ftweb - theme */

/* header */
/** 1200px **/
@media (max-width: 75em) {

    /* main - header */
    .main_header{
        width: 100%;
    }

    .main_header .main_header_content{
        max-width: 100%;
        padding: 20px 30px;
    }

    .main_header .main_header_content .logo_title{
        max-width: 40%;
    }

    .main_header .main_header_content .logo_title .logo{
        width: 80px;
        margin-right: 50px;
    }

    .main_header .main_header_content .logo_title .logo img{
        width: 80px;
    }

    .main_header .main_header_content .logo_title .site_name{
        max-width: 60px;
        width: 60px;
        font-size: 1.4em;
        letter-spacing: 3px;
    }

    /* main - header  menu - mobile */
    .main_header_content_menu {
        display: none !important;
    }

    .main_header_content_menu_mobile {
        flex-basis: 100%;
        display: flex;
    }

    .j_menu_mobile_tab{
        display: none;
    }

    .main_header_content_menu_mobile_sub{
        padding: 5px;
    }

    .main_header_content_menu_mobile_sub li{
        font-size: 1em;
    }

    .j_menu_mobile_close {
        display: none;
    }

    .main_header_nav_mobile_close{
        font-size: 1em;
        padding: 10px;
    }

}

/** 1024px **/
@media (max-width: 64em) {
    
    /* main - header */
    .main_header{
        width: 100%;
    }
    
    .main_header .main_header_content{
        max-width: 100%;
        padding: 20px 30px;
    }

    .main_header .main_header_content .logo_title{
        max-width: 40%;
    }
    
    .main_header .main_header_content .logo_title .logo{
        width: 70px;
        margin-right: 30px;
    }

    .main_header .main_header_content .logo_title .logo img{
        width: 60px;
    }
    
    .main_header .main_header_content .logo_title .site_name{
        max-width: 60px;
        width: 60px;
        font-size: 1.3em;
        letter-spacing: 3px;
    }

    /* main - header  menu - mobile */
    .main_header_content_menu {
        display: none !important;
    }

    .main_header_content_menu_mobile {
        flex-basis: 100%;
        display: flex;
    }

    .j_menu_mobile_tab{
        display: none;
    }

    .main_header_content_menu_mobile_sub{
        padding: 5px;
    }

    .main_header_content_menu_mobile_sub li{
        font-size: 1em;
    }

    .j_menu_mobile_close {
        display: none;
    }

    .main_header_nav_mobile_close{
        font-size: 1em;
        padding: 10px;
    }
}

/** 900px **/
@media (max-width: 56.25em) {
    
    /* main - header */
    .main_header{
        width: 100%;
    }
    
    .main_header .main_header_content{
        max-width: 100%;
        padding: 15px 30px;
    }

    .main_header .main_header_content .logo_title{
        max-width: 40%;
    }
    
    .main_header .main_header_content .logo_title .logo{
        width: 60px;
        margin-right: 35px;
    }

    .main_header .main_header_content .logo_title .logo img{
        width: 60px;
    }
    
    .main_header .main_header_content .logo_title .site_name{
        max-width: 60px;
        width: 60px;
        font-size: 1.2em;
        letter-spacing: 3px;
    }

    /* main - header  menu - mobile */
    .main_header_content_menu {
        display: none !important;
    }

    .main_header_content_menu_mobile {
        flex-basis: 100%;
        display: flex;
    }

    .j_menu_mobile_tab{
        display: none;
    }

    .main_header_content_menu_mobile_sub{
        padding: 5px;
    }

    .main_header_content_menu_mobile_sub li{
        font-size: 1em;
    }

    .j_menu_mobile_close {
        display: none;
    }

    .main_header_nav_mobile_close{
        font-size: 1em;
        padding: 10px;
    }
}

/** 768px **/
@media (max-width: 48em) {
    
    /* main - header */
    .main_header{
        width: 100%;
    }
    
    .main_header .main_header_content{
        max-width: 100%;
        padding: 10px 30px;
    }

    .main_header .main_header_content .logo_title{
        max-width: 40%;
    }
    
    .main_header .main_header_content .logo_title .logo{
        width: 50px;
        margin-right: 30px;
    }

    .main_header .main_header_content .logo_title .logo img{
        width: 50px;
    }
    
    .main_header .main_header_content .logo_title .site_name{
        max-width: 60px;
        width: 60px;
        font-size: 1.1em;
        letter-spacing: 3px;
    }

    /* main - header  menu - mobile */
    .main_header_content_menu {
        display: none !important;
    }

    .main_header_content_menu_mobile {
        flex-basis: 100%;
        display: flex;
    }

    .j_menu_mobile_tab{
        display: none;
    }

    .main_header_content_menu_mobile_sub{
        padding: 5px;
    }

    .main_header_content_menu_mobile_sub li{
        font-size: 1em;
    }

    .j_menu_mobile_close {
        display: none;
    }

    .main_header_nav_mobile_close{
        font-size: 1em;
        padding: 10px;
    } 
}

/** 720px **/
@media (max-width: 45em) {

    /* main - header */
    .main_header{
        width: 100%;
    }
    
    .main_header .main_header_content{
        max-width: 100%;
        padding: 10px 25px;
    }

    .main_header .main_header_content .logo_title{
        max-width: 40%;
    }
    
    .main_header .main_header_content .logo_title .logo{
        width: 50px;
        margin-right: 25px;
    }

    .main_header .main_header_content .logo_title .logo img{
        width: 50px;
    }
    
    .main_header .main_header_content .logo_title .site_name{
        max-width: 60px;
        width: 60px;
        font-size: 1.1em;
        letter-spacing: 3px;
    }

    /* main - header  menu - mobile */
    .main_header_content_menu {
        display: none !important;
    }

    .main_header_content_menu_mobile {
        flex-basis: 100%;
        display: flex;
    }

    .j_menu_mobile_tab{
        display: none;
    }

    .main_header_content_menu_mobile_sub{
        padding: 5px;
    }

    .main_header_content_menu_mobile_sub li{
        font-size: 1em;
    }

    .j_menu_mobile_close {
        display: none;
    }

    .main_header_nav_mobile_close{
        font-size: 1em;
        padding: 10px;
    }

}

/** 500px **/
@media(max-width: 31.25em) {

    /* main - header */
    .main_header{
        width: 100%;
    }
    
    .main_header .main_header_content{
        max-width: 100%;
        padding: 10px 25px;
    }

    .main_header .main_header_content .logo_title{
        max-width: 40%;
    }
    
    .main_header .main_header_content .logo_title .logo{
        width: 40px;
        margin-right: 25px;
    }

    .main_header .main_header_content .logo_title .logo img{
        width: 40px;
    }
    
    .main_header .main_header_content .logo_title .site_name{
        max-width: 60px;
        width: 60px;
        font-size: 1em;
        letter-spacing: 3px;
    }

    /* main - header  menu - mobile */
    .main_header_content_menu {
        display: none !important;
    }

    .main_header_content_menu_mobile {
        flex-basis: 100%;
        display: flex;
    }

    .j_menu_mobile_tab{
        display: none;
    }

    .main_header_content_menu_mobile_sub{
        padding: 5px;
    }

    .main_header_content_menu_mobile_sub li{
        font-size: 1em;
    }

    .j_menu_mobile_close {
        display: none;
    }

    .main_header_nav_mobile_close{
        font-size: 1em;
        padding: 10px;
    }

}

/** 480px **/
@media (max-width: 30em) {

    /* main - header */
    .main_header{
        width: 100%;
    }
    
    .main_header .main_header_content{
        max-width: 100%;
        padding: 10px 25px;
    }

    .main_header .main_header_content .logo_title{
        max-width: 40%;
    }
    
    .main_header .main_header_content .logo_title .logo{
        width: 40px;
        margin-right: 25px;
    }

    .main_header .main_header_content .logo_title .logo img{
        width: 40px;
    }
    
    .main_header .main_header_content .logo_title .site_name{
        max-width: 60px;
        width: 60px;
        font-size: 1em;
        letter-spacing: 3px;
    }

    /* main - header  menu - mobile */
    .main_header_content_menu {
        display: none !important;
    }

    .main_header_content_menu_mobile {
        flex-basis: 100%;
        display: flex;
    }

    .j_menu_mobile_tab{
        display: none;
    }

    .main_header_content_menu_mobile_sub{
        padding: 5px;
    }

    .main_header_content_menu_mobile_sub li{
        font-size: 1em;
    }

    .j_menu_mobile_close {
        display: none;
    }

    .main_header_nav_mobile_close{
        font-size: 1em;
        padding: 10px;
    }

}

/** 360px **/
@media (max-width: 22.5em) {

    /* main - header */
    .main_header{
        width: 100%;
    }
    
    .main_header .main_header_content{
        max-width: 100%;
        padding: 10px 30px;
    }

    .main_header .main_header_content .logo_title{
        max-width: 40%;
    }
    
    .main_header .main_header_content .logo_title .logo{
        width: 40px;
        margin-right: 20px;
    }

    .main_header .main_header_content .logo_title .logo img{
        width: 30px;
    }
    
    .main_header .main_header_content .logo_title .site_name{
        max-width: 60px;
        width: 60px;
        font-size: 0.9em;
        letter-spacing: 3px;
    }

    /* main - header  menu - mobile */
    .main_header_content_menu {
        display: none !important;
    }

    .main_header_content_menu_mobile {
        flex-basis: 100%;
        display: flex;
    }

    .j_menu_mobile_tab{
        display: none;
    }

    .main_header_content_menu_mobile_sub{
        padding: 5px;
    }

    .main_header_content_menu_mobile_sub li{
        font-size: 1em;
    }

    .j_menu_mobile_close {
        display: none;
    }

    .main_header_nav_mobile_close{
        font-size: 1em;
        padding: 10px;
    }

}

/** 320px **/
@media (max-width: 20em) {

    /* main - header */
    .main_header{
        width: 100%;
    }
    
    .main_header .main_header_content{
        max-width: 100%;
        padding: 0 20px;
    }

    .main_header .main_header_content .logo_title{
        max-width: 40%;
    }
    
    .main_header .main_header_content .logo_title .logo{
        width: 40px;
        margin-right: 20px;
    }

    .main_header .main_header_content .logo_title .logo img{
        width: 30px;
    }
    
    .main_header .main_header_content .logo_title .site_name{
        max-width: 60px;
        width: 60px;
        font-size: 0.8em;
        letter-spacing: 3px;
    }

    /* main - header  menu - mobile */
    .main_header_content_menu {
        display: none !important;
    }

    .main_header_content_menu_mobile {
        flex-basis: 100%;
        display: flex;
    }

    .j_menu_mobile_tab{
        display: none;
    }

    .main_header_content_menu_mobile_sub{
        padding: 5px;
    }

    .main_header_content_menu_mobile_sub li{
        font-size: 1em;
    }

    .j_menu_mobile_close {
        display: none;
    }

    .main_header_nav_mobile_close{
        font-size: 1em;
        padding: 10px;
    }

}

/* 280px */
@media (max-width: 17.5em) {

    /* main - header */
    .main_header{
        width: 100%;
    }
    
    .main_header .main_header_content{
        max-width: 100%;
        padding: 0 20px;
    }

    .main_header .main_header_content .logo_title{
        max-width: 40%;
    }
    
    .main_header .main_header_content .logo_title .logo{
        width: 40px;
        margin-right: 15px;
    }

    .main_header .main_header_content .logo_title .logo img{
        width: 30px;
    }
    
    .main_header .main_header_content .logo_title .site_name{
        max-width: 60px;
        width: 60px;
        font-size: 0.7em;
        letter-spacing: 3px;
    }

    /* main - header  menu - mobile */
    .main_header_content_menu {
        display: none !important;
    }

    .main_header_content_menu_mobile {
        flex-basis: 100%;
        display: flex;
    }

    .j_menu_mobile_tab{
        display: none;
    }

    .main_header_content_menu_mobile_sub{
        padding: 5px;
    }

    .main_header_content_menu_mobile_sub li{
        font-size: 1em;
    }

    .j_menu_mobile_close {
        display: none;
    }

    .main_header_nav_mobile_close{
        font-size: 1em;
        padding: 10px;
    }

}

/** 267px **/
@media (max-width: 16.75em){

    /* main - header */
    .main_header{
        width: 100%;
    }
    
    .main_header .main_header_content{
        max-width: 100%;
        padding: 0 20px;
    }

    .main_header .main_header_content .logo_title{
        max-width: 40%;
    }
    
    .main_header .main_header_content .logo_title .logo{
        width: 40px;
        margin-right: 15px;
    }

    .main_header .main_header_content .logo_title .logo img{
        width: 30px;
    }
    
    .main_header .main_header_content .logo_title .site_name{
        max-width: 60px;
        width: 60px;
        font-size: 0.6em;
        letter-spacing: 3px;
    }

    /* main - header  menu - mobile */
    .main_header_content_menu {
        display: none !important;
    }

    .main_header_content_menu_mobile {
        flex-basis: 100%;
        display: flex;
    }

    .j_menu_mobile_tab{
        display: none;
    }

    .main_header_content_menu_mobile_sub{
        padding: 5px;
    }

    .main_header_content_menu_mobile_sub li{
        font-size: 1em;
    }

    .j_menu_mobile_close {
        display: none;
    }

    .main_header_nav_mobile_close{
        font-size: 1em;
        padding: 10px;
    }

}


/* footer */
/** 1200px **/
@media (max-width: 75em){

    .main_footer .main_footer_content{
        justify-content: left;
        padding: 20px 20px;
    }
    
    .main_footer_our_pages .our_pages_container .main_footer_title_our_pages{
        width: 200px;
        font-size: 1.2em;
        margin-bottom: 20px;
    }
    
    .main_footer .main_footer_content .main_footer_our_pages .our_pages_container div{
        width: 200px;
    }
    
    .our_pages_container .our_pages_link_home,
    .our_pages_container .our_pages_link_about,
    .our_pages_container .our_pages_link_contact,
    .our_pages_container .our_pages_link_home_enter {
        width: 180px;
        margin-bottom: 10px;
        font-size: 1em;
    }
    
    .main_footer .main_footer_content .main_footer_links{
        width: 100%;
    }
    
    .main_footer_links .links_container .main_footer_title_links{
        width: 200px;
        font-size: 1.2em;
        margin-bottom: 20px;
    }
    
    .main_footer .main_footer_content .main_footer_links .links_container div{
        width: 200px;
    }
    
    .links_container .links_privacy_policy,
    .links_container .links_disclaimer,
    .links_container .links_terms_use {
        width: 180px;
        margin-bottom: 10px;
        font-size: 1em;
    }
    
    .main_footer .main_footer_content .main_footer_about{
        width: 100%;
    }
    
    .main_footer_about .about_container .main_footer_title_about{
        width: 568px;
        font-size: 1.2em;
        margin-bottom: 20px;
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container div{
        width: 568px;
        flex-wrap: unset;
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container .about_description {
        width: 568px;
        font-size: 1em;
        line-height: 25px;
        letter-spacing: 1px;
    }
    
    /* main - footer/copyright */
    .main_footer_copy_right_content{
        max-width: 1180px;
        font-size: 1em;        
    }   

}    

/** 1024px **/
@media (max-width: 64em){

    .main_footer .main_footer_content{
        justify-content: left;
        padding: 20px 20px;
    }
    
    .main_footer_our_pages .our_pages_container .main_footer_title_our_pages{
        width: 200px;
        font-size: 1.2em;
        margin-bottom: 20px;
    }
    
    .main_footer .main_footer_content .main_footer_our_pages .our_pages_container div{
        width: 200px;
    }
    
    .our_pages_container .our_pages_link_home,
    .our_pages_container .our_pages_link_about,
    .our_pages_container .our_pages_link_contact,
    .our_pages_container .our_pages_link_home_enter {
        width: 180px;
        margin-bottom: 10px;
        font-size: 1em;
    }
    
    .main_footer .main_footer_content .main_footer_links{
        width: 100%;
    }
    
    .main_footer_links .links_container .main_footer_title_links{
        width: 200px;
        font-size: 1.2em;
        margin-bottom: 20px;
    }
    
    .main_footer .main_footer_content .main_footer_links .links_container div{
        width: 200px;
    }
    
    .links_container .links_privacy_policy,
    .links_container .links_disclaimer,
    .links_container .links_terms_use {
        width: 180px;
        margin-bottom: 10px;
        font-size: 1em;
    }
    
    .main_footer .main_footer_content .main_footer_about{
        width: 100%;
    }
    
    .main_footer_about .about_container .main_footer_title_about{
        width: 568px;
        font-size: 1.2em;
        margin-bottom: 20px;
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container div{
        width: 568px;
        flex-wrap: unset;
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container .about_description {
        width: 568px;
        font-size: 1em;
        line-height: 25px;
        letter-spacing: 1px;
    }
    
    /* main - footer/copyright */
    .main_footer_copy_right_content{
        max-width: 1004px;
        font-size: 1em;        
    }    

}

/** 900px **/
@media (max-width: 56.25em){

    .main_footer .main_footer_content{
        /* flex-wrap: wrap; */
        justify-content: left;
        padding: 20px 20px;
    }
    
    .main_footer_our_pages .our_pages_container .main_footer_title_our_pages{
        width: 190px;
        font-size: 1em;
        margin-bottom: 10px;
    }
    
    .main_footer .main_footer_content .main_footer_our_pages .our_pages_container div{
        width: 190px;
    }
    
    .our_pages_container .our_pages_link_home,
    .our_pages_container .our_pages_link_about,
    .our_pages_container .our_pages_link_contact,
    .our_pages_container .our_pages_link_home_enter {
        width: 150px;
        margin-bottom: 5px;
        font-size: 0.9em;
    }
    
    .main_footer .main_footer_content .main_footer_links{
        width: 100%;
    }
    
    .main_footer_links .links_container .main_footer_title_links{
        width: 190px;
        font-size: 1em;
        margin-bottom: 10px;
    }
    
    .main_footer .main_footer_content .main_footer_links .links_container div{
        width: 190px;
    }
    
    .links_container .links_privacy_policy,
    .links_container .links_disclaimer,
    .links_container .links_terms_use {
        width: 150px;
        margin-bottom: 5px;
        font-size: 0.9em;
    }
    
    .main_footer .main_footer_content .main_footer_about{
        width: 100%;
    }
    
    .main_footer_about .about_container .main_footer_title_about{
        width: 340px;
        font-size: 1em;
        margin-bottom: 10px;
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container div{
        width: 340px;
        flex-wrap: unset;
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container .about_description {
        width: 340px;
        font-size: 0.9em;
        line-height: 20px;
        letter-spacing: 1px;
    }
    
    /* main - footer/copyright */
    .main_footer_copy_right_content{
        max-width: 880px;
        font-size: 1em;        
    }

}

/** 768px **/
@media (max-width: 48em){

    .main_footer .main_footer_content{
        justify-content: left;
        padding: 20px 20px;
    }
    
    .main_footer_our_pages .our_pages_container .main_footer_title_our_pages{
        width: 190px;
        font-size: 1em;
        margin-bottom: 10px;
    }
    
    .main_footer .main_footer_content .main_footer_our_pages .our_pages_container div{
        width: 190px;
    }
    
    .our_pages_container .our_pages_link_home,
    .our_pages_container .our_pages_link_about,
    .our_pages_container .our_pages_link_contact,
    .our_pages_container .our_pages_link_home_enter {
        width: 150px;
        margin-bottom: 5px;
        font-size: 0.9em;
    }
    
    .main_footer .main_footer_content .main_footer_links{
        width: 100%;
    }
    
    .main_footer_links .links_container .main_footer_title_links{
        width: 190px;
        font-size: 1em;
        margin-bottom: 10px;
    }
    
    .main_footer .main_footer_content .main_footer_links .links_container div{
        width: 190px;
    }
    
    .links_container .links_privacy_policy,
    .links_container .links_disclaimer,
    .links_container .links_terms_use {
        width: 150px;
        margin-bottom: 5px;
        font-size: 0.9em;
    }
    
    .main_footer .main_footer_content .main_footer_about{
        width: 100%;
    }
    
    .main_footer_about .about_container .main_footer_title_about{
        width: 340px;
        font-size: 1em;
        margin-bottom: 10px;
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container div{
        width: 340px;
        flex-wrap: unset;
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container .about_description {
        width: 340px;
        font-size: 0.9em;
        line-height: 20px;
        letter-spacing: 1px;
    }
    
    /* main - footer/copyright */
    .main_footer_copy_right_content{
        max-width: 748px;
        font-size: 0.9em;        
    }

}

/** 720px **/
@media (max-width: 45em){

    .main_footer .main_footer_content{
        justify-content: left;
        padding: 20px 20px;
    }

    .main_footer .main_footer_content article{
        margin-bottom: 30px;
    }
    
    .main_footer_our_pages .our_pages_container .main_footer_title_our_pages{
        width: 180px;
        font-size: 1em;
        margin-bottom: 15px;
    }
    
    .main_footer .main_footer_content .main_footer_our_pages .our_pages_container div{
        width: 180px;
    }
    
    .our_pages_container .our_pages_link_home,
    .our_pages_container .our_pages_link_about,
    .our_pages_container .our_pages_link_contact,
    .our_pages_container .our_pages_link_home_enter {
        width: 180px;
        margin-bottom: 5px;
        font-size: 0.9em;
    }
    
    .main_footer .main_footer_content .main_footer_links{
        width: 100%;
    }
    
    .main_footer_links .links_container .main_footer_title_links{
        width: 180px;
        font-size: 1em;
        margin-bottom: 15px;
    }
    
    .main_footer .main_footer_content .main_footer_links .links_container div{
        width: 180px;
    }
    
    .links_container .links_privacy_policy,
    .links_container .links_disclaimer,
    .links_container .links_terms_use {
        width: 180px;
        margin-bottom: 5px;
        font-size: 0.9em;
    }
    
    .main_footer .main_footer_content .main_footer_about{
        width: 100%;
    }
    
    .main_footer_about .about_container .main_footer_title_about{
        width: 3136px;
        font-size: 1em;
        margin-bottom: 15px;
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container div{
        width: 316px;
        flex-wrap: unset;
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container .about_description {
        width: 316px;
        font-size: 0.9em;
        line-height: 20px;
        letter-spacing: 1px;
    }
    
    /* main - footer/copyright */
    .main_footer_copy_right_content{
        max-width: 700px;
        font-size: 0.9em;        
    }    

}

/** 500px **/
@media(max-width: 31.25em){

    .main_footer .main_footer_content{
        flex-wrap: wrap;
        justify-content: left;
        padding: 20px 20px;
    }

    .main_footer .main_footer_content article{
        margin-bottom: 30px;
    }
    
    .main_footer_our_pages .our_pages_container .main_footer_title_our_pages{
        width: 180px;
        font-size: 1em;
        margin-bottom: 15px;
    }
    
    .main_footer .main_footer_content .main_footer_our_pages .our_pages_container div{
        width: 180px;
    }
    
    .our_pages_container .our_pages_link_home,
    .our_pages_container .our_pages_link_about,
    .our_pages_container .our_pages_link_contact,
    .our_pages_container .our_pages_link_home_enter {
        width: 180px;
        margin-bottom: 5px;
        font-size: 0.9em;
    }
    
    .main_footer .main_footer_content .main_footer_links{
        width: 100%;
    }
    
    .main_footer_links .links_container .main_footer_title_links{
        width: 180px;
        font-size: 1em;
        margin-bottom: 15px;
    }
    
    .main_footer .main_footer_content .main_footer_links .links_container div{
        width: 180px;
    }
    
    .links_container .links_privacy_policy,
    .links_container .links_disclaimer,
    .links_container .links_terms_use {
        width: 180px;
        margin-bottom: 5px;
        font-size: 0.9em;
    }
    
    .main_footer .main_footer_content .main_footer_about{
        width: 100%;
    }
    
    .main_footer_about .about_container .main_footer_title_about{
        width: 444px;
        font-size: 1em;
        margin-bottom: 15px;
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container div{
        width: 444px;
        flex-wrap: unset;
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container .about_description {
        width: 444px;
        font-size: 0.9em;
        line-height: 20px;
        letter-spacing: 1px;
    }
    
    /* main - footer/copyright */
    .main_footer_copy_right_content{
        max-width: 480px;
        font-size: 0.9em;        
    }    

}

/** 480px **/
@media (max-width: 30em){

    /* main - footer */
    .main_footer .main_footer_content{
        flex-wrap: wrap;
        justify-content: left;
        padding: 20px 20px;
    }

    .main_footer .main_footer_content article{
        margin-bottom: 30px;
    }
    
    .main_footer_our_pages .our_pages_container .main_footer_title_our_pages{
        width: 440px;
        font-size: 1em;
        margin-bottom: 15px;
    }
    
    .main_footer .main_footer_content .main_footer_our_pages .our_pages_container div{
        width: 440px;
    }
    
    .our_pages_container .our_pages_link_home,
    .our_pages_container .our_pages_link_about,
    .our_pages_container .our_pages_link_contact,
    .our_pages_container .our_pages_link_home_enter {
        width: 440px;
        margin-bottom: 5px;
        font-size: 0.9em;
    }
    
    .main_footer .main_footer_content .main_footer_links{
        width: 100%;
    }
    
    .main_footer_links .links_container .main_footer_title_links{
        width: 440px;
        font-size: 1em;
        margin-bottom: 15px;
    }
    
    .main_footer .main_footer_content .main_footer_links .links_container div{
        width: 440px;
    }
    
    .links_container .links_privacy_policy,
    .links_container .links_disclaimer,
    .links_container .links_terms_use {
        width: 440px;
        margin-bottom: 5px;
        font-size: 0.9em;
    }
    
    .main_footer .main_footer_content .main_footer_about{
        width: 100%;
    }
    
    .main_footer_about .about_container .main_footer_title_about{
        width: 440px;
        font-size: 1em;
        margin-bottom: 15px;
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container div{
        width: 440px;
        flex-wrap: unset;
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container .about_description {
        width: 440px;
        font-size: 0.9em;
        line-height: 20px;
        letter-spacing: 1px;
    }
    
    /* main - footer/copyright */
    .main_footer_copy_right_content{
        max-width: 460px;
        font-size: 0.8em;        
    }    

}

/** 360px **/
@media (max-width: 22.5em){

    .main_footer .main_footer_content{
        flex-wrap: wrap;
        justify-content: left;
        padding: 20px 20px;
    }

    .main_footer .main_footer_content article{
        margin-bottom: 30px;
    }
    
    .main_footer_our_pages .our_pages_container .main_footer_title_our_pages{
        width: 320px;
        font-size: 1em;
        margin-bottom: 15px;
    }
    
    .main_footer .main_footer_content .main_footer_our_pages .our_pages_container div{
        width: 320px;
    }
    
    .our_pages_container .our_pages_link_home,
    .our_pages_container .our_pages_link_about,
    .our_pages_container .our_pages_link_contact,
    .our_pages_container .our_pages_link_home_enter {
        width: 320px;
        margin-bottom: 5px;
        font-size: 0.9em;
    }
    
    .main_footer .main_footer_content .main_footer_links{
        width: 100%;
    }
    
    .main_footer_links .links_container .main_footer_title_links{
        width: 320px;
        font-size: 1em;
        margin-bottom: 15px;
    }
    
    .main_footer .main_footer_content .main_footer_links .links_container div{
        width: 320px;
    }
    
    .links_container .links_privacy_policy,
    .links_container .links_disclaimer,
    .links_container .links_terms_use {
        width: 320px;
        margin-bottom: 5px;
        font-size: 0.9em;
    }
    
    .main_footer .main_footer_content .main_footer_about{
        width: 100%;
    }
    
    .main_footer_about .about_container .main_footer_title_about{
        width: 320px;
        font-size: 1em;
        margin-bottom: 15px;
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container div{
        width: 320px;
        flex-wrap: unset;
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container .about_description {
        width: 320px;
        font-size: 0.9em;
        line-height: 20px;
        letter-spacing: 1px;
    }
    
    /* main - footer/copyright */
    .main_footer_copy_right_content{
        max-width: 340px;
        font-size: 0.8em;        
    }

}

/** 320px **/
@media (max-width: 20em){

    .main_footer .main_footer_content{
        flex-wrap: wrap;
        justify-content: left;
        padding: 20px 20px;
    }

    .main_footer .main_footer_content article{
        margin-bottom: 30px;
    }
    
    .main_footer_our_pages .our_pages_container .main_footer_title_our_pages{
        width: 280px;
        font-size: 1em;
        margin-bottom: 15px;
    }
    
    .main_footer .main_footer_content .main_footer_our_pages .our_pages_container div{
        width: 280px;
    }
    
    .our_pages_container .our_pages_link_home,
    .our_pages_container .our_pages_link_about,
    .our_pages_container .our_pages_link_contact,
    .our_pages_container .our_pages_link_home_enter {
        width: 280px;
        margin-bottom: 5px;
        font-size: 0.9em;
    }
    
    .main_footer .main_footer_content .main_footer_links{
        width: 100%;
    }
    
    .main_footer_links .links_container .main_footer_title_links{
        width: 280px;
        font-size: 1em;
        margin-bottom: 15px;
    }
    
    .main_footer .main_footer_content .main_footer_links .links_container div{
        width: 280px;
    }
    
    .links_container .links_privacy_policy,
    .links_container .links_disclaimer,
    .links_container .links_terms_use {
        width: 280px;
        margin-bottom: 5px;
        font-size: 0.9em;
    }
    
    .main_footer .main_footer_content .main_footer_about{
        width: 100%;
    }
    
    .main_footer_about .about_container .main_footer_title_about{
        width: 280px;
        font-size: 1em;
        margin-bottom: 15px;        
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container div{
        width: 280px;
        flex-wrap: unset;
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container .about_description {
        width: 280px;
        font-size: 0.9em;
        line-height: 20px;
        letter-spacing: 1px;
    }
    
    /* main - footer/copyright */
    .main_footer_copy_right_content{
        max-width: 300px;
        font-size: 0.8em;        
    }

}

/* 280px */
@media (max-width: 17.5em) {
      
    .main_footer .main_footer_content{
        flex-wrap: wrap;
        justify-content: left;
        padding: 20px 20px;
    }

    .main_footer .main_footer_content article{
        margin-bottom: 30px;
    }
    
    .main_footer_our_pages .our_pages_container .main_footer_title_our_pages{
        width: 240px;
        font-size: 1em;
        margin-bottom: 15px;
    }
    
    .main_footer .main_footer_content .main_footer_our_pages .our_pages_container div{
        width: 240px;
    }
    
    .our_pages_container .our_pages_link_home,
    .our_pages_container .our_pages_link_about,
    .our_pages_container .our_pages_link_contact,
    .our_pages_container .our_pages_link_home_enter {
        width: 240px;
        margin-bottom: 5px;
        font-size: 0.9em;
    }
    
    .main_footer .main_footer_content .main_footer_links{
        width: 100%;
    }
    
    .main_footer_links .links_container .main_footer_title_links{
        width: 240px;
        font-size: 1em;
        margin-bottom: 15px;
    }
    
    .main_footer .main_footer_content .main_footer_links .links_container div{
        width: 240px;
    }
    
    .links_container .links_privacy_policy,
    .links_container .links_disclaimer,
    .links_container .links_terms_use {
        width: 240px;
        margin-bottom: 5px;
        font-size: 0.9em;
    }
    
    .main_footer .main_footer_content .main_footer_about{
        width: 100%;
    }
    
    .main_footer_about .about_container .main_footer_title_about{
        width: 240px;
        font-size: 1em;
        margin-bottom: 15px;        
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container div{
        width: 240px;
        flex-wrap: unset;
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container .about_description {
        width: 240px;
        font-size: 0.9em;
        line-height: 20px;
        letter-spacing: 1px;
    }
    
    /* main - footer/copyright */
    .main_footer_copy_right_content{
        max-width: 260px;
        font-size: 0.6em;        
    }

} 

/** 267px **/
@media (max-width: 16.75em){

    .main_footer .main_footer_content{
        flex-wrap: wrap;
        justify-content: left;
        padding: 20px 20px;
    }

    .main_footer .main_footer_content article{
        margin-bottom: 30px;
    }
    
    .main_footer .main_footer_content .main_footer_our_pages{
        width: 100%;
        margin-bottom: 20px;
    }

    .main_footer_our_pages .our_pages_container .main_footer_title_our_pages{
        width: 227px;
        font-size: 1em;
        margin-bottom: 15px;
    }
    
    .main_footer .main_footer_content .main_footer_our_pages .our_pages_container div{
        width: 227px;
    }
    
    .our_pages_container .our_pages_link_home,
    .our_pages_container .our_pages_link_about,
    .our_pages_container .our_pages_link_contact,
    .our_pages_container .our_pages_link_home_enter {
        width: 227px;
        margin-bottom: 5px;
        font-size: 0.9em;
    }
    
    .main_footer .main_footer_content .main_footer_links{
        width: 100%;
        margin-bottom: 20px;
    }
    
    .main_footer_links .links_container .main_footer_title_links{
        width: 227px;
        font-size: 1em;
        margin-bottom: 15px;
    }
    
    .main_footer .main_footer_content .main_footer_links .links_container div{
        width: 227px;
    }
    
    .links_container .links_privacy_policy,
    .links_container .links_disclaimer,
    .links_container .links_terms_use {
        width: 227px;
        margin-bottom: 5px;
        font-size: 0.9em;
    }
    
    .main_footer .main_footer_content .main_footer_about{
        width: 100%;
    }
    
    .main_footer_about .about_container .main_footer_title_about{
        width: 227px;
        font-size: 1em;
        margin-bottom: 15px;        
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container div{
        width: 227px;
        flex-wrap: unset;
    }
    
    .main_footer .main_footer_content .main_footer_about .about_container .about_description {
        width: 227px;
        font-size: 0.9em;
        line-height: 20px;
        letter-spacing: 1px;
    }
    
    /* main - footer/copyright */
    .main_footer_copy_right_content{
        max-width: 247px;
        font-size: 0.6em;        
    }    

}


/* ftweb - home*/
/** 1200px **/
@media (max-width: 75em) {

    .main_cta .main_cta_content{
        max-width: 1180px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer{
         padding: 40px 0px;
    } 
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_logo img{
        width: 35px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_name_company{
        font-size: 1.5em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_title{
        font-size: 3em;
        padding: 0 20px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_desc{
        width: 1140px;
        margin: 20px 20px;
        font-size: 1.8em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_btn{
        flex-basis: 780px;
    }

    .app .app_footer {
        padding: 0 0 10px 0;
        font-size: 0.6em;
    }  
    
    .main_optin .main_optin_content{
        width: 1180px;       
        flex-wrap: wrap;
        justify-content: center;
        padding: 20px 20px;
    }
    
    .main_optin .main_optin_content header{
        width: 100%;
        margin: 0;
    }

    .main_optin .main_optin_content header div{
        width: 1140px;
        font-size: 0.8em;
        margin-bottom: 20px;
    }

    .main_optin .main_optin_content header span{
        font-size: 2em;      
    }
    
   .main_optin .main_optin_content header p{
        margin: 10px 0 0 0;
        font-size: 1.4em;        
    }
    
    .main_optin .main_optin_content article form{
        width: 1180px;
        display: flex;
        flex-wrap: unset;
        justify-content: space-between;
        padding: 20px 20px;
    }
    
    .main_optin .main_optin_content article form input[type=text], .main_optin .main_optin_content article form input[type=email]{
        width: 480px;    
        padding: 8px 8px;
        margin-right: 20px;
        font-size: 1em;
    }

    .main_optin .main_optin_content article form button{
        height: 40px;
    }

}

/** 1024px **/
@media (max-width: 64em) {

    .main_cta .main_cta_content{
        max-width: 1004px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer{
         padding: 40px 0px;
    } 
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_logo img{
        width: 30px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_name_company{
        font-size: 1.4em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_title{
        font-size: 2.5em;
        padding: 0 20px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_desc{
        width: 964px;
        margin: 20px 20px;
        font-size: 1.6em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_btn{
        flex-basis: 680px;
    }

    .app .app_footer {
        padding: 0 0 10px 0;
        font-size: 0.6em;
    }  
    
    .main_optin .main_optin_content{
        width: 1004px;       
        flex-wrap: wrap;
        justify-content: center;
        padding: 20px 20px;
    }
    
    .main_optin .main_optin_content header{
        width: 100%;
        margin: 0;
    }

    .main_optin .main_optin_content header div{
        width: 964px;
        font-size: 0.8em;
        margin-bottom: 20px;
    }

    .main_optin .main_optin_content header span{
        font-size: 2em;      
    }
    
   .main_optin .main_optin_content header p{
        margin: 10px 0 0 0;
        font-size: 1.4em;        
    }
    
    .main_optin .main_optin_content article form{
        width: 1004px;
        display: flex;
        flex-wrap: unset;
        justify-content: space-between;
        padding: 20px 20px;
    }
    
    .main_optin .main_optin_content article form input[type=text], .main_optin .main_optin_content article form input[type=email]{
        width: 480px;    
        padding: 8px 8px;
        margin-right: 20px;
        font-size: 1em;
    }

    .main_optin .main_optin_content article form button{
        height: 40px;
    }

}

/** 900px **/
@media (max-width: 56.25em) {

    .main_cta .main_cta_content{
        max-width: 880px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer{
         padding: 40px 0px;
    } 
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_logo img{
        width: 25px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_name_company{
        font-size: 1.3em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_title{
        font-size: 2.3em;
        padding: 0 20px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_desc{
        width: 840px;
        margin: 20px 20px;
        font-size: 1.5em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_btn{
        flex-basis: 680px;
    }

    .app .app_footer {
        padding: 0 0 10px 0;
        font-size: 0.6em;
    }  
    
    .main_optin .main_optin_content{
        width: 880px;       
        flex-wrap: wrap;
        justify-content: center;
        padding: 20px 20px;
    }
    
    .main_optin .main_optin_content header{
        width: 100%;
        margin: 0;
    }

    .main_optin .main_optin_content header div{
        width: 840px;
        font-size: 0.8em;
        margin-bottom: 20px;
    }

    .main_optin .main_optin_content header span{
        font-size: 2em;      
    }
    
   .main_optin .main_optin_content header p{
        margin: 10px 0 0 0;
        font-size: 1.4em;        
    }
    
    .main_optin .main_optin_content article form{
        width: 880px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 10px;
    }
    
    .main_optin .main_optin_content article form input[type=text], .main_optin .main_optin_content article form input[type=email]{
        width: 480px;    
        padding: 8px 8px;
        margin-right: 0;
        margin-bottom: 20px;
        font-size: 1em;
    }

    .main_optin .main_optin_content article form button{
        width: 480px;
    }

}

/** 768px **/
@media (max-width: 48em) {

    .main_cta .main_cta_content{
        max-width: 748px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer{
         padding: 40px 0px;
    } 
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_logo img{
        width: 25px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_name_company{
        font-size: 1.3em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_title{
        font-size: 2.3em;
        padding: 0 20px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_desc{
        width: 708px;
        margin: 20px 20px;
        font-size: 1.5em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_btn{
        flex-basis: 580px;
    }

    .app .app_footer {
        padding: 0 0 10px 0;
        font-size: 0.6em;
    }  
    
    .main_optin .main_optin_content{
        width: 748px;       
        flex-wrap: wrap;
        justify-content: center;
        padding: 20px 20px;
    }
    
    .main_optin .main_optin_content header{
        width: 100%;
        margin: 0;
    }

    .main_optin .main_optin_content header div{
        width: 708px;
        font-size: 0.8em;
        margin-bottom: 20px;
    }

    .main_optin .main_optin_content header span{
        font-size: 2em;      
    }
    
   .main_optin .main_optin_content header p{
        margin: 10px 0 0 0;
        font-size: 1.4em;        
    }
    
    .main_optin .main_optin_content article form{
        width: 748px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 10px;
    }
    
    .main_optin .main_optin_content article form input[type=text], .main_optin .main_optin_content article form input[type=email]{
        width: 380px;    
        padding: 8px 8px;
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 0.9em;
    }

    .main_optin .main_optin_content article form button{
        width: 380px;
    }

}

/** 720px **/
@media (max-width: 45em) {

    .main_cta .main_cta_content{
        max-width: 700px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer{
         padding: 40px 0px;
    } 
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_logo img{
        width: 25px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_name_company{
        font-size: 1.2em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_title{
        font-size: 2em;
        padding: 0 20px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_desc{
        width: 660px;
        margin: 20px 20px;
        font-size: 1.2em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_btn{
        flex-basis: 480px;
    }

    .app .app_footer {
        padding: 0 0 10px 0;
        font-size: 0.6em;
    }  
    
    .main_optin .main_optin_content{
        width: 700px;       
        flex-wrap: wrap;
        justify-content: center;
        padding: 20px 20px;
    }
    
    .main_optin .main_optin_content header{
        width: 100%;
        margin: 0;
    }

    .main_optin .main_optin_content header div{
        width: 660px;
        font-size: 0.8em;
        margin-bottom: 20px;
    }

    .main_optin .main_optin_content header span{
        font-size: 2em;      
    }
    
   .main_optin .main_optin_content header p{
        margin: 10px 0 0 0;
        font-size: 1.4em;        
    }
    
    .main_optin .main_optin_content article form{
        width: 700px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 10px;
    }
    
    .main_optin .main_optin_content article form input[type=text], .main_optin .main_optin_content article form input[type=email]{
        width: 380px;    
        padding: 8px 8px;
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 0.8em;
    }

    .main_optin .main_optin_content article form button{
        width: 380px;
    }

}

/** 500px **/
@media(max-width: 31.25em){

    .main_cta .main_cta_content{
        max-width: 480px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer{
         padding: 40px 0px;
    } 
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_logo img{
        width: 20px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_name_company{
        font-size: 1em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_title{
        font-size: 1.8em;
        padding: 0 20px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_desc{
        width: 440px;
        margin: 20px 20px;
        font-size: 1.2em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_btn{
        flex-basis: 480px;
    }

    .app .app_footer {
        padding: 0 0 10px 0;
        font-size: 0.6em;
    }  
    
    .main_optin .main_optin_content{
        width: 480px;       
        flex-wrap: wrap;
        justify-content: center;
        padding: 20px 20px;
    }
    
    .main_optin .main_optin_content header{
        width: 100%;
        margin: 0;
    }

    .main_optin .main_optin_content header div{
        width: 440px;
        font-size: 0.8em;
        margin-bottom: 20px;
    }

    .main_optin .main_optin_content header span{
        font-size: 1.2em;      
    }
    
   .main_optin .main_optin_content header p{
        margin: 10px 0 0 0;
        font-size: 1.05em;        
    }
    
    .main_optin .main_optin_content article form{
        width: 480px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .main_optin .main_optin_content article form input[type=text], .main_optin .main_optin_content article form input[type=email]{
        width: 380px;    
        padding: 8px 8px;
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 0.8em;
    }

    .main_optin .main_optin_content article form button{
        width: 380px;
    }

}

/** 480px **/
@media (max-width: 30em) {

    .main_cta .main_cta_content{
        max-width: 480px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer{
         padding: 40px 0px;
    } 
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_logo img{
        width: 20px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_name_company{
        font-size: 1em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_title{
        font-size: 1.5em;
        padding: 0 20px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_desc{
        width: 440px;
        margin: 20px 20px;
        font-size: 1.2em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_btn{
        flex-basis: 480px;
    }

    .app .app_footer {
        padding: 0 0 10px 0;
        font-size: 0.6em;
    }  
    
    .main_optin .main_optin_content{
        width: 480px;       
        flex-wrap: wrap;
        justify-content: center;
        padding: 20px 20px;
    }
    
    .main_optin .main_optin_content header{
        width: 100%;
        margin: 0;
    }

    .main_optin .main_optin_content header div{
        width: 440px;
        font-size: 0.8em;
        margin-bottom: 20px;
    }

    .main_optin .main_optin_content header span{
        font-size: 1.2em;      
    }
    
   .main_optin .main_optin_content header p{
        margin: 10px 0 0 0;
        font-size: 1.05em;        
    }
    
    .main_optin .main_optin_content article form{
        width: 480px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .main_optin .main_optin_content article form input[type=text], .main_optin .main_optin_content article form input[type=email]{
        width: 380px;    
        padding: 8px 8px;
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 0.8em;
    }

    .main_optin .main_optin_content article form button{
        width: 380px;
    }

}

/** 360px **/
@media (max-width: 22.5em) {

    .main_cta .main_cta_content{
        max-width: 360px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer{
        padding: 40px 0px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_logo img{
        width: 20px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_name_company{
        font-size: 1em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_title{
        font-size: 1.3em;
        padding: 0 20px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_desc{
        width: 320px;
        margin: 20px 20px;
        font-size: 1.1em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_btn{
        flex-basis: 360px;
    }

    .app .app_footer {
        padding: 0 0 10px 0;
        font-size: 0.6em;
    }
    
    .main_optin .main_optin_content{
        width: 360px;flex-wrap: wrap;
        justify-content: center;
        padding: 20px 20px;
    }
    
    .main_optin .main_optin_content header{
        width: 100%;
        margin: 0;
    }

    .main_optin .main_optin_content header div{
        width: 320px;
        font-size: 0.8em;
        margin-bottom: 20px;
    }

    .main_optin .main_optin_content header span{
        font-size: 1.2em;       
    }
    
   .main_optin .main_optin_content header p{
        margin: 10px 0 0 0;
        font-size: 1.05em;        
    }
    
    .main_optin .main_optin_content article form{
        width: 320px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .main_optin .main_optin_content article form input[type=text], .main_optin .main_optin_content article form input[type=email]{
        width: 320px;
        padding: 8px 8px;
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 0.8em;
    }

    .main_optin .main_optin_content article form button{
        width: 320px;
    }

}

/* 320px */
@media (max-width: 20em) {

    .main_cta .main_cta_content{
        max-width: 320px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer{
        padding: 40px 0px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_logo img{
        width: 20px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_name_company{
        font-size: 1em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_title{
        font-size: 1.3em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_desc{
        width: 280px;
        margin: 20px 20px;
        font-size: 1.1em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_btn{
        flex-basis: 320px;
    }

    .app .app_footer {
        padding: 0 0 10px 0;
        font-size: 0.6em;
    }
    
    .main_optin .main_optin_content{
        width: 320px;
        flex-wrap: wrap;
        justify-content: center;
        padding: 20px 20px;
    }
    
    .main_optin .main_optin_content header{
        width: 100%;
        margin: 0;
    }

    .main_optin .main_optin_content header div{
        width: 280px;
        font-size: 0.8em;
        margin-bottom: 20px;
    }

    .main_optin .main_optin_content header span{
        font-size: 1.2em;     
    }
    
   .main_optin .main_optin_content header p{
        margin: 10px 0 0 0;
        font-size: 1.05em;        
    }
    
    .main_optin .main_optin_content article form{
        width: 280px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .main_optin .main_optin_content article form input[type=text], .main_optin .main_optin_content article form input[type=email]{
        width: 280px; 
        padding: 8px 8px;
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 0.8em;
    }

    .main_optin .main_optin_content article form button{
        width: 280px;
    }   

}

/* 280px */
@media (max-width: 17.5em) {
      
    .main_cta .main_cta_content{
        max-width: 280px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer{
        padding: 40px 0px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_logo img{
        width: 20px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_name_company{
        font-size: 1em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_title{
        font-size: 1.3em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_desc{
        width: 240px;
        margin: 20px 20px;
        font-size: 1.1em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_btn{
        flex-basis: 280px;
    }

    .app .app_footer {
        padding: 0 0 10px 0;
        font-size: 0.6em;
    }
    
    .main_optin .main_optin_content{
        width: 280px;
        flex-wrap: wrap;
        justify-content: center;
        padding: 20px 20px;
    }
    
    .main_optin .main_optin_content header{
        width: 100%;
        margin: 0;
    }

    .main_optin .main_optin_content header div{
        width: 240px;
        font-size: 0.8em;
        margin-bottom: 20px;
    }

    .main_optin .main_optin_content header span{
        font-size: 1.2em;       
    }
    
   .main_optin .main_optin_content header p{
        margin: 10px 0 0 0;
        font-size: 1.05em;        
    }
    
    .main_optin .main_optin_content article form{
        width: 240px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .main_optin .main_optin_content article form input[type=text], .main_optin .main_optin_content article form input[type=email]{
        width: 240px; 
        padding: 8px 8px;
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 0.8em;
    }

    .main_optin .main_optin_content article form button{
        width: 240px;
    }

} 

/* 267px */
@media (max-width: 16.75em) {    
    
    .main_cta .main_cta_content{
        max-width: 267px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer{
        padding: 40px 0px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_logo img{
        width: 20px;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_name_company{
        font-size: 1em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_title{
        font-size: 1.3em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_desc{
        width: 228px;
        margin: 20px 20px;
        font-size: 1.1em;
    }
    
    .main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_spacer_btn{
        flex-basis: 267px;
    }

    .app .app_footer {
        padding: 0 0 10px 0;
        font-size: 0.6em;
    }
    
    .main_optin .main_optin_content{
        width: 267px;
        flex-wrap: wrap;
        justify-content: center;
        padding: 20px 20px;
    }
    
    .main_optin .main_optin_content header{
        width: 100%;
        margin: 0;
    }

    .main_optin .main_optin_content header div{
        width: 228px;
        font-size: 0.8em;
        margin-bottom: 20px;
    }

    .main_optin .main_optin_content header span{
        font-size: 1.2em;     
    }
    
   .main_optin .main_optin_content header p{
        margin: 10px 0 0 0;
        font-size: 1.05em;        
    }
    
    .main_optin .main_optin_content article form{
        width: 228px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .main_optin .main_optin_content article form input[type=text], .main_optin .main_optin_content article form input[type=email]{
        width: 228px; 
        padding: 8px 8px;
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 0.8em;
    }

    .main_optin .main_optin_content article form button{
        width: 228px;
    }

}


/* ftweb - about*/
/** 1200px **/
@media (max-width: 75em){     
    
    /* about - page_header */  
    .about_page .about_page_content{
        width: 1160px;
        padding: 30px 20px 20px 20px;
    }
    
    .about_page .about_page_content .about_header div{
        width: 900px;
        padding: 0;
        font-size: 2.5em;
    }
    
    .about_page .about_page_content .about_header p{
        width: 900px;
        padding: 0;
        font-size: 1.5em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    /* about - steps */
    .about_page .about_page_content .about_page_steps{
        width: 1120px;
        display: flex;
        justify-content: space-between;        
    }

    .about_page .about_page_content .about_page_steps article{
        width: 341px;
        padding: 20px;
    }  

    .about_page .about_page_content .about_page_steps .icon{
        padding: 20px 25px;
        font-size: 1.5em;
    }
    
    .about_page .about_page_content .about_page_steps .steps_title{
        width: 301px;
        font-size: 1.3em;
        font-weight: 600;
    }
    
    .about_page .about_page_content .about_page_steps .steps_text{
        width: 301px;
        font-size: 1.1em;
    }

    /* about - cta */
    .about_page .about_page_cta .about_page_cta_content p{
        width: 800px;
        line-height: 30px;
        letter-spacing: 1px;
    }

    .about_page .about_page_cta .about_page_cta_content .about_cta_slogan{
        margin-top: 20px;
        font-weight: 500;
    }

}

/** 1024px **/
@media (max-width: 64em){     
    
    /* about - page_header */  
    .about_page .about_page_content{
        width: 984px;
        padding: 30px 20px 20px 20px;
    }
    
    .about_page .about_page_content .about_header div{
        width: 800px;
        padding: 0;
        font-size: 2.5em;
    }
    
    .about_page .about_page_content .about_header p{
        width: 800px;
        padding: 0;
        font-size: 1.5em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    /* about - steps */
    .about_page .about_page_content .about_page_steps{
        width: 944px;
        display: flex;
        justify-content: space-between;
        /* margin: 0 20px; */
    }

    .about_page .about_page_content .about_page_steps article{
        width: 281px;
        padding: 20px;
    }  

    .about_page .about_page_content .about_page_steps .icon{
        padding: 20px 25px;
        font-size: 1.5em;
    }
    
    .about_page .about_page_content .about_page_steps .steps_title{
        width: 241px;
        font-size: 1.3em;
        font-weight: 600;
    }
    
    .about_page .about_page_content .about_page_steps .steps_text{
        width: 241px;
        font-size: 1.1em;
    }   
    

    /* about - cta */

    .about_page .about_page_cta .about_page_cta_content p{
        width: 800px;
        line-height: 30px;
        letter-spacing: 1px;
    }

    .about_page .about_page_cta .about_page_cta_content .about_cta_slogan{
        margin-top: 20px;
        font-weight: 500;
    }

}

/** 900px **/
@media (max-width: 56.25em){

    /* about - page_header */  
    .about_page .about_page_content{
        width: 900px;
        padding: 30px 20px 20px 20px;
    }
    
    .about_page .about_page_content .about_header div{
        width: 568px;
        padding: 0;
        font-size: 2.5em;
    }
    
    .about_page .about_page_content .about_header p{
        width: 568px;
        padding: 0;
        font-size: 1.5em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    /* about - steps */
    .about_page .about_page_content .about_page_steps{
        width: 840px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;  
    }

    .about_page .about_page_content .about_page_steps .icon{
        padding: 20px 25px;
        font-size: 1.5em;
    }
    
    .about_page .about_page_content .about_page_steps .steps_title{
        width: 508px;
        font-size: 1.3em;
        font-weight: 600;
    }
    
    .about_page .about_page_content .about_page_steps .steps_text{
        width: 508px;
        font-size: 1.1em;
    }
    
    .about_page .about_page_content .about_page_steps article{
        width: 900px;
        padding: 20px;
    }  

    /* about - cta */
    .about_page .about_page_cta .about_page_cta_content p{
        line-height: 30px;
        letter-spacing: 1px;
    }

    .about_page .about_page_cta .about_page_cta_content .about_cta_slogan{
        margin-top: 20px;
        font-weight: 500;
    }

}

/** 768px **/
@media (max-width: 48em){

    /* about - page_header */  
    .about_page .about_page_content{
        width: 748px;
        padding: 30px 20px 20px 20px;
    }
    
    .about_page .about_page_content .about_header div{
        width: 568px;
        padding: 0;
        font-size: 2.5em;
    }
    
    .about_page .about_page_content .about_header p{
        width: 568px;
        padding: 0;
        font-size: 1.5em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    /* about - steps */
    .about_page .about_page_content .about_page_steps{
        width: 708px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;  
    }

    .about_page .about_page_content .about_page_steps .icon{
        padding: 20px 25px;
        font-size: 1.5em;
    }
    
    .about_page .about_page_content .about_page_steps .steps_title{
        width: 508px;
        font-size: 1.3em;
        font-weight: 600;
    }
    
    .about_page .about_page_content .about_page_steps .steps_text{
        width: 508px;
        font-size: 1.1em;
    }
    
    .about_page .about_page_content .about_page_steps article{
        width: 768px;
        padding: 20px;
    }  

    /* about - cta */
    .about_page .about_page_cta .about_page_cta_content p{
        line-height: 30px;
        letter-spacing: 1px;
    }

    .about_page .about_page_cta .about_page_cta_content .about_cta_slogan{
        margin-top: 20px;
        font-weight: 500;
    }

}

/** 720px **/
@media (max-width: 45em){
    
    /* about - page_header */  
    .about_page .about_page_content{
        width: 700px;
        padding: 30px 20px 20px 20px;
    }
    
    .about_page .about_page_content .about_header div{
        width: 468px;
        padding: 0;
        font-size: 2.5em;
    }
    
    .about_page .about_page_content .about_header p{
        width: 468px;
        padding: 0;
        font-size: 1.5em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    /* about - steps */
    .about_page .about_page_content .about_page_steps{
        width: 660px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;  
    }

    .about_page .about_page_content .about_page_steps .icon{
        padding: 20px 25px;
        font-size: 1.5em;
    }
    
    .about_page .about_page_content .about_page_steps .steps_title{
        width: 408px;
        font-size: 1.3em;
        font-weight: 600;
    }
    
    .about_page .about_page_content .about_page_steps .steps_text{
        width: 408px;
        font-size: 1.1em;
    }
    
    .about_page .about_page_content .about_page_steps article{
        width: 720px;
        padding: 20px;
    }  

    /* about - cta */
    .about_page .about_page_cta .about_page_cta_content p{
        line-height: 30px;
        letter-spacing: 1px;
    }

    .about_page .about_page_cta .about_page_cta_content .about_cta_slogan{
        margin-top: 20px;
        font-weight: 500;
    }

}

/** 500px **/
@media(max-width: 31.25em){

    /* about - page_header */  
    .about_page .about_page_content{
        width: 480px;
        padding: 30px 20px 20px 20px;
    }
    
    .about_page .about_page_content .about_header div{
        width: 320px;
        padding: 0;
        font-size: 2.5em;
    }
    
    .about_page .about_page_content .about_header p{
        width: 320px;
        padding: 0;
        font-size: 1.5em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    /* about - steps */
    .about_page .about_page_content .about_page_steps{
        width: 440px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;  
    }

    .about_page .about_page_content .about_page_steps .icon{
        padding: 20px 25px;
        font-size: 1.5em;
    }
    
    .about_page .about_page_content .about_page_steps .steps_title{
        width: 320px;
        font-size: 1.3em;
        font-weight: 600;
    }
    
    .about_page .about_page_content .about_page_steps .steps_text{
        width: 350px;
        font-size: 1.1em;
    }
    
    .about_page .about_page_content .about_page_steps article{
        width: 500px;
        padding: 20px;
    }  

    /* about - cta */
    .about_page .about_page_cta .about_page_cta_content{
        width: 444px;
    }

    .about_page .about_page_cta .about_page_cta_content div{
        width: 404px;
        font-size: 1.6em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    .about_page .about_page_cta .about_page_cta_content p{
        width: 444px;
        padding: 0;
        font-size: 1.1em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    .about_page .about_page_cta .about_page_cta_content .about_cta_slogan{
        width: 404px;
        padding: 0;
        font-size: 1.6em;
        font-weight: 500;
    }

}

/** 480px **/
@media (max-width: 30em){

    /* about - page_header */  
    .about_page .about_page_content{
        width: 460px;
        padding: 30px 20px 20px 20px;
    }
    
    .about_page .about_page_content .about_header div{
        width: 300px;
        padding: 0;
        font-size: 2.5em;
    }
    
    .about_page .about_page_content .about_header p{
        width: 300px;
        padding: 0;
        font-size: 1.5em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    /* about - steps */
    .about_page .about_page_content .about_page_steps{
        width: 420px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;  
    }

    .about_page .about_page_content .about_page_steps .icon{
        padding: 20px 25px;
        font-size: 1.5em;
    }
    
    .about_page .about_page_content .about_page_steps .steps_title{
        width: 300px;
        font-size: 1.3em;
        font-weight: 600;
    }
    
    .about_page .about_page_content .about_page_steps .steps_text{
        width: 330px;
        font-size: 1.1em;
    }
    
    .about_page .about_page_content .about_page_steps article{
        width: 480px;
        padding: 20px;
    }  

    /* about - cta */
    .about_page .about_page_cta .about_page_cta_content{
        width: 424px;
    }

    .about_page .about_page_cta .about_page_cta_content div{
        width: 384px;
        font-size: 1.6em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    .about_page .about_page_cta .about_page_cta_content p{
        width: 424px;
        padding: 0;
        font-size: 1.1em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    .about_page .about_page_cta .about_page_cta_content .about_cta_slogan{
        width: 384px;
        padding: 0;
        font-size: 1.6em;
        font-weight: 500;
        margin-top: 20px;        
    }

}

/** 360px **/
@media (max-width: 22.5em){

    /* about - page_header */  
    .about_page .about_page_content{
        width: 360px;
        padding: 30px 20px 20px 20px;
    }
    
    .about_page .about_page_content .about_header div{
        width: 320px;
        margin-bottom: 20px;
        font-size: 1.8em;
    }
    
    .about_page .about_page_content .about_header p{
        width: 320px;
        padding: 0 10px 0 10px;
        font-size: 1.2em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    /* about - steps */
    .about_page .about_page_content .about_page_steps{
        width: 320px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center; 
    }

    .about_page .about_page_content .about_page_steps .icon{
        padding: 20px 25px;
        font-size: 1.5em;
    }
    
    .about_page .about_page_content .about_page_steps .steps_title{
        width: 300px;
        font-size: 1.3em;
        font-weight: 600;
    }
    
    .about_page .about_page_content .about_page_steps .steps_text{
        width: 300px;
        font-size: 1.1em;
    }
    
    .about_page .about_page_content .about_page_steps article{
        width: 360px;
        padding: 20px;
    }  

    /* about - cta */
    .about_page .about_page_cta .about_page_cta_content{
        width: 304px;
    }

    .about_page .about_page_cta .about_page_cta_content div{
        width: 304px;
        font-size: 1.6em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    .about_page .about_page_cta .about_page_cta_content p{
        width: 304px;
        padding: 0;
        font-size: 1.1em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    .about_page .about_page_cta .about_page_cta_content .about_cta_slogan{
        width: 264px;
        padding: 0;
        font-size: 1.6em;
        font-weight: 500;
        margin-top: 20px;        
    }  

}

/** 320px **/
@media (max-width: 20em){

    /* about - page_header */  
    .about_page .about_page_content{
        width: 320px;
        padding: 30px 20px 20px 20px;
    }
    
    .about_page .about_page_content .about_header div{
        width: 280px;
        margin-bottom: 20px;
        font-size: 1.8em;
    }
    
    .about_page .about_page_content .about_header p{
        width: 280px;
        padding: 0 10px 0 10px;
        font-size: 1.2em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    /* about - steps */
    .about_page .about_page_content .about_page_steps{
        width: 280px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center; 
    }

    .about_page .about_page_content .about_page_steps .icon{
        padding: 20px 25px;
        font-size: 1.5em;
    }
    
    .about_page .about_page_content .about_page_steps .steps_title{
        width: 240px;
        font-size: 1.3em;
        font-weight: 600;
    }
    
    .about_page .about_page_content .about_page_steps .steps_text{
        width: 240px;
        font-size: 1.1em;
    }
    
    .about_page .about_page_content .about_page_steps article{
        width: 320px;
        padding: 20px;
    }  

    /* about - cta */
    .about_page .about_page_cta .about_page_cta_content{
        width: 264px;
        padding-left: 0;
        padding-right: 0;
    }

    .about_page .about_page_cta .about_page_cta_content div{
        width: 264px;
        font-size: 1.3em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    .about_page .about_page_cta .about_page_cta_content p{
        width: 264px;
        padding: 0;
        font-size: 1em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    .about_page .about_page_cta .about_page_cta_content .about_cta_slogan{
        width: 264px; /*?*/
        padding: 0;
        font-size: 1.2em;
        font-weight: 500;
        margin-top: 20px; 
    }

}

/** 280px **/
@media (max-width: 17.5em){

    /* about - page_header */  
    .about_page .about_page_content{
        width: 280px;
        padding: 30px 20px 20px 20px;
    }
    
    .about_page .about_page_content .about_header div{
        width: 240px;
        margin-bottom: 20px;
        font-size: 1.5em;
    }
    
    .about_page .about_page_content .about_header p{
        width: 240px;
        padding: 0 10px 0 10px;
        font-size: 1em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    /* about - steps */
    .about_page .about_page_content .about_page_steps{
        width: 240px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center; 
    }    

    .about_page .about_page_content .about_page_steps .icon{
        padding: 15px 20px;
        font-size: 1.2em;
    }
    
    .about_page .about_page_content .about_page_steps .steps_title{
        width: 240px;
        font-size: 1.2em;
        font-weight: 600;
    }
    
    .about_page .about_page_content .about_page_steps .steps_text{
        width: 240px;
        font-size: 1em;
    }
    
    .about_page .about_page_content .about_page_steps article{
        width: 320px;
        padding: 20px;
    }  

    /* about - cta */
    .about_page .about_page_cta .about_page_cta_content{
        width: 264px;
        padding-left: 0;
        padding-right: 0;
    }

    .about_page .about_page_cta .about_page_cta_content div{
        width: 264px;
        font-size: 1.2em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    .about_page .about_page_cta .about_page_cta_content p{
        width: 264px;
        padding: 0;
        font-size: 1em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    .about_page .about_page_cta .about_page_cta_content .about_cta_slogan{
        width: 244px; /*?*/
        padding: 0;
        font-size: 1em;
        font-weight: 500;
        margin-top: 20px; 
    }  

}

/** 267px **/
@media (max-width: 16.75em){

    /* about - page_header */  
    .about_page .about_page_content{
        width: 267px;
        padding: 30px 20px 20px 20px;
    }
    
    .about_page .about_page_content .about_header div{
        width: 227px;
        margin-bottom: 20px;
        font-size: 1.5em;
    }
    
    .about_page .about_page_content .about_header p{
        width: 227px;
        padding: 0 10px 0 10px;
        font-size: 1em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    /* about - steps */
    .about_page .about_page_content .about_page_steps{
        width: 227px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center; 
    }

    .about_page .about_page_content .about_page_steps .icon{
        padding: 15px 20px;
        font-size: 1.2em;
    }
    
    .about_page .about_page_content .about_page_steps .steps_title{
        width: 227px;
        font-size: 1.2em;
        font-weight: 600;
    }
    
    .about_page .about_page_content .about_page_steps .steps_text{
        width: 227px;
        font-size: 1em;
    }
    
    .about_page .about_page_content .about_page_steps article{
        width: 320px;
        padding: 20px;
    }  

    /* about - cta */
    .about_page .about_page_cta .about_page_cta_content{
        width: 264px;
        padding-left: 0;
        padding-right: 0;
    }

    .about_page .about_page_cta .about_page_cta_content div{
        width: 264px;
        font-size: 1.1em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    .about_page .about_page_cta .about_page_cta_content p{
        width: 244px;
        padding: 0;
        font-size: 0.9em;
        line-height: 30px;
        letter-spacing: 1px;
    }

    .about_page .about_page_cta .about_page_cta_content .about_cta_slogan{
        width: 244px; /*?*/
        padding: 0;
        font-size: 0.9em;
        font-weight: 500;
        margin-top: 20px; 
    } 

}