/*
.page-id-634 .free-diagnose-popup,
.page-id-634 .js-free-diagnose-trigger { display: none !important; }
*/

/* BASICS */

body { font-family: 'Gotham', 'Helvetica', Arial, sans-serif; color: rgba(0,0,0,1); }
.vp-control { width: 1px; height: 1px; position: fixed; top:0; left: 0; opacity: 0; }
.vp-control.vp-control-desktop { display: none; }
.vp-control.vp-control-tablet { display: none; }
.vp-control.vp-control-mobile { display: block; }

/* COLORS */

.orangish { color: #ff7f32; color: rgb(255, 127, 50); }
.greyish-brown { color: #5f4b3c; color: rgb(94, 75, 60); }
.pinkish-tan { color: #d7a884; color: rgb(215, 168, 132); }
.very-light-pink { color: #fff1e8; color: rgb(255, 241, 232); }
.white { color: #f5f5f5; color: rgb(245, 245, 245); }
.white-two { color: #f3eeec; color: rgb(243, 238, 236); }
.white-three { color: #f0f0f0; color: rgb(240, 240, 240); }

.gray-module { background: #f5f5f5; }

/* TYPOS */

h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-family: 'Gotham', 'Helvetica', Arial, sans-serif; color: rgba(0,0,0,1); font-weight: normal; display: block; margin-bottom: 30px; }
    h1, .h1 { font-size: 28.8px; line-height: 1; font-weight: bold; text-transform: uppercase; }
    h2, .h2 { font-size: 33px; line-height: 1.15; }
    h2.grouper { font-size: 36px; line-height: 1.07; font-weight: bold; }
    h3, .h3 { font-size: 30px; line-height: 1.17; margin-bottom: 20px; }
    h4, .h4 { font-size: 25px; line-height: 1.2; margin-bottom: 20px; font-weight: bold; }

.copy { font-family: 'Gotham', 'Helvetica', Arial, sans-serif; color: rgba(0,0,0,1); font-weight: normal; margin-bottom: 30px; }
    .copy.copy-xl { font-size: 25px; line-height: 1.4; }
    .copy.copy-l { font-size: 20px; line-height: 1.25; }
    .copy.copy-m { font-size: 18px; line-height: 1.33; }
    .copy.copy-s { font-size: 16px; line-height: 1.88; }
    .copy.copy-ss { font-size: 16px; line-height: 1.63; letter-spacing: -0.005em; }
    .copy.copy-xs { font-size: 13px; line-height: 1.38; color: rgba(63,63,63,1); }
    .copy.copy-xss { font-size: 12px; line-height: 16px; }
    .faq-preview-module ul li { font-size: 12px; line-height: 16px; }

.overtitle { font-family: 'Gotham', 'Helvetica', Arial, sans-serif; font-size: 14px; line-height: 1.43; letter-spacing: 1.8px; color: rgba(0,0,0,1); text-transform: uppercase; margin-bottom: 10px; }
.overtitle.small { font-size: 11px; line-height: 1.82; letter-spacing: 1.4px; }

blockquote { }
    blockquote header { margin-bottom: 10px; }
    blockquote p { font-family: 'Gotham', 'Helvetica', Arial, sans-serif; color: rgba(0,0,0,1); font-weight: normal; margin-bottom: 10px; font-size: 35px; line-height: 1.14; margin-bottom: 20px; }
    blockquote cite { font-style: normal; display: inline-block; margin-bottom: 0; }

ul.tags { display: block; }
    ul.tags li { display: inline-block; margin-right: 6px; margin-bottom: 20px; }
    ul.tags li a { color: #ff7f32; display: block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
    ul.tags.tags-top li a { padding: 9px 17px; font-size: 16px; line-height: 1.38; border-radius: 4px; background: #fff1e8; }
    ul.tags.tags-top li a:hover { background: #fbe4d8; }
    ul.tags.tags-second li a { padding: 7px 12px; font-size: 13px; line-height: 1.38; border-radius: 3.2px; background: #f9ece4; }
    ul.tags.tags-second li a:hover { background: #ffe3d6; }

ol.bullet-list,
ul.bullet-list { margin-left: 20px; list-style: disc; }

ol.regular-list,
ul.regular-list { margin-bottom: 20px; }
ol.regular-list li,
ul.regular-list li { margin-bottom: 10px; padding-left: 20px; position: relative; }
ul.regular-list li:before { content: "·"; background: #ff7f32; height: 5px; width: 5px; border-radius: 50%; display: block;
        overflow: hidden; text-indent: -999px; position: absolute; top: 9px; left: 5px; }
ol.regular-list { counter-reset: ol-count; }
ol.regular-list li:before { counter-increment: ol-count; content: counter(ol-count) "."; color: #ff7f32; font-weight: bold; position: absolute; top: 0; left: 0; }

a { color: #ff7f32; -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; }
    a:hover { color: #ff9d52; }
a.grouper { position: relative; padding-right: 16px; display: inline-block; line-height: 20px; height: 20px; }
    a.grouper:after { font-family: 'Ionicons'; content: "\f3d3"; position: absolute; height: 20px; width: 12px; display: block; right: 0; top: 50%; margin-top: -9px; text-align: center;
        -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; }
    a.grouper:hover:after { right: -5px; }

a.greylink { color: rgba(0,0,0,1) !important; }
a.greylink:hover { color: #92745d !important; }

ul.clean-list { list-style: none !important; }
ul.clean-list li { }

/* BUTTONS */

.btn { display: block; line-height: 38px !important; height: 40px; padding: 0 16px; white-space: nowrap; text-align: center; font-size: 16px; -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; font-family: 'Gotham', 'Helvetica', Arial, sans-serif; font-weight: bold; border-width: 1px; border-style: solid; border-color: #444; color: #444; background: #f0f0f0; }

.btn:hover{ cursor: pointer; }

.btn.multiline { }

.btn.thin { line-height: 28px !important; height: 30px; padding: 0 12px; font-size: 14px; }
.btn.selectr { }

.btn.thin.multiline { line-height: 20px !important; white-space: normal !important; height: auto; padding: 8px 12px;}

.btn.inline { display: inline-block; }
.btn.fullwidth { width: 100% !important; }
/*
.btn.call { background: #ff7f32; border-color: #ff7f32; color: #fff; }
    .btn.call:hover { background: #ff9d52; border-color: #ff9d52; }
*/

.btn.call { background: #000; border-color: #000; color: #fff; }
    .btn.call:hover { background: #212121; border-color: #212121; }

.btn.callorange { background: #ff7f32; border-color: #ff7f32; color: #fff; }
    .btn.callorange:hover { background: #ff9d52; border-color: #ff9d52; }


/*
.btn.secondary { background: transparent; border-color: #ff7f32; color: #ff7f32; }
    .btn.secondary:hover { background: #ff7f32; border-color: #ff7f32; color: #fff; }
*/

.btn.secondary { background: transparent; border-color: #000; color: #000; }
    .btn.secondary:hover { background: #212121; border-color: #212121; color: #fff; }

.btn.module { background: transparent; border-color: #5f4b3c; color: #5f4b3c; }
    .btn.module:hover { background: #5f4b3c; border-color: #5f4b3c; color: #fff; }
.btn.dark { background: #7D7D7D; border-color: #7D7D7D; color: #fff; }
    .btn.dark:hover { background: #5f5f5f; border-color: #5f5f5f; color: #fff; }

.clean-btn .btn { display: inline-block; line-height: inherit; padding: 0; font-size: inherit; color: #ff7f32 !important; border: none; font-weight: normal; background: transparent !important; }

.btn.disabled { pointer-events: none; opacity: 0.35; }

.btn.uppercased { text-transform: uppercase; }


.regular-table { width: 100%; margin-bottom: 30px; }

.regular-table thead { }
.regular-table thead th { text-align: left; }
.regular-table tr { text-align: left; background: #f0f0f0; }
.regular-table tr:nth-child(odd) { background: #fff; }

.regular-table tr { padding: 0 20px; }
.regular-table tr td { }

.regular-table tr td { padding: 10px; }


.regular-table .prop { width: 18%; }
.regular-table .cid { width: 24%; }
.regular-table .subject {  width: 45%; }
.regular-table .ttl { width: 13%; }

.regular-table .side-a { width: 25%; }
.regular-table .side-b { width: 75%; }
.regular-table .side-c { width: 100%; text-align: center !important; }

.regular-table thead th { padding: 10px; background: #888 !important; }
.regular-table thead th span { font-weight: bold !important; color: #fff !important; }
.regular-table tr td span * { margin-bottom: 10px !important; }
.regular-table tr td span *:last-child { margin-bottom: 0 !important; }


@media only screen and ( min-width : 48em ) {

    .vp-control.vp-control-desktop { display: none; }
    .vp-control.vp-control-tablet { display: block; }
    .vp-control.vp-control-mobile { display: none; }

    /* TYPOS */
    h1, .h1, h2, .h2, h3, .h3, h4, .h4 { }
        h1, .h1 { font-size: 45px; }
        h2, .h2 { font-size: 35px; line-height: 1.13; }

    ol.regular-list li,
    ul.regular-list li { padding-left: 30px; }
    ul.regular-list li:before { height: 6px; width: 6px; top: 12px; left: 10px; }
    ol.regular-list li:before { left: 10px; }

    .btn { line-height: 60px !important; height: 60px; padding: 0 24px; font-size: 20px; }
    .btn.thin { line-height: 40px !important; height: 40px; padding: 0 16px; font-size: 16px; }

    .copy { }
        .copy.copy-ss { font-size: 14px; line-height: 1.56; }
        .copy.copy-xss { font-size: 12px; line-height: 16px; }
        .faq-preview-module ul li { font-size: 12px; line-height: 16px; }





}

@media only screen and ( min-width : 64em ) {

    .vp-control.vp-control-desktop { display: block; }
    .vp-control.vp-control-tablet { display: none; }
    .vp-control.vp-control-mobile { display: none; }

    /* TYPOS */
    h1, .h1, h2, .h2, h3, .h3, h4, .h4 { }
        h1, .h1 { font-size: 45px; }
        h2, .h2 { font-size: 45px; line-height: 1.11; }
        h2.grouper { font-size: 48px; line-height: 1.04; }

    .copy { }
        .copy.copy-l { font-size: 22px; line-height: 1.33; }
        .copy.copy-m { line-height: 1.45; }

}

@media only screen and ( min-width : 75em ) {

    .vp-control.vp-control-desktop { display: block; }
    .vp-control.vp-control-tablet { display: none; }
    .vp-control.vp-control-mobile { display: none; }

    /* TYPOS */
    h1, .h1, h2, .h2, h3, .h3, h4, .h4 { }
        h1, .h1 { font-size: 45px; }

    .copy { }
        .copy.copy-l { font-size: 25px; line-height: 1.4; }
        .copy.copy-m { line-height: 1.67; }
}