* {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-font-feature-settings: "smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
    -moz-font-feature-settings: "smcp=1, onum=1, frac=1, kern=1, liga=1, dlig=1, swsh=1";
    -ms-font-feature-settings: "smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
    -o-font-feature-settings: "smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
    -webkit-font-feature-settings: "smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
    font-feature-settings: "smcp" 1, "onum" 1, "frac" 1, "kern" 1, "liga" 1, "dlig" 1, "swsh" 1;
    font-feature-settings: normal;
    outline: unset;
}
img {
    max-width: 100%;
    height: auto;
}
body {
    margin: 0;
    padding: 0;
}
:root {
    --prop: 1;
}

.flexLine {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.flex33 {
    width: calc(100% / 3);
}
.flex50 {
    width: 49%;
}
.flex66 {
    width: calc(100% / 3 * 2);
}
strong {
    font-weight: 500;
}
.mobile {
    display: none;
}
.tablet {
    display: none;
}

.shadow {
    box-shadow: 0 1px 46px 0 rgba(0,0,0,0.05);
    width: 100%;
    height: 100%;
}
header#header {
    background-image: url('../img/back.png');
    background-repeat: no-repeat;
    background-position: 40% bottom;
    background-size: 850px;
    transition: all 0.5s;
}
header .base {
    width: calc(100% - 650px);
    padding: 3.07vw 0 4.1vw 9vw;
    box-sizing: border-box;

}
header #formUp {
    width: 580px;
}
header .base .logoArea {
    width: 100%;
}
header .base .content {
    width: 24.10vw;
}
header .base .content h1 {
	color: #F5A623;
	font-family: "Montserrat";
	font-size: 2.36vw;
	font-weight: 700;
    line-height: 2.7vw;
    margin: 2.05vw 0 0.51vw;
}

header .base .content p {
	color: #4A4A4A;
	font-family: "Roboto";
	font-size: 1.0vw;
    line-height: 1.33vw;
    margin: 70px 0 50;
}
header .base .content .comment {
	color: rgba(0,0,0,0.57);
	font-family: "Roboto";
	font-size: 1.1vw;
    line-height: 1.33vw;
    font-style: italic;
    font-weight: 300; 
    margin: 1.03vw 0 100px;
    text-shadow: 1px 1px 1px white, -1px -1px 1px white, 1px -1px 1px white, -1px 1px 1px white;
}
header .base .content a {
    text-decoration: none;
}
header .base .content .ctaKnow {
	height: 70px;
	width: 315px;
	border-radius: 45px;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0 52px 85px 0 rgba(0,0,0,0.14);
	color: #000000;
	font-family: "Montserrat";
	font-size: 18px;
	font-weight: 600;
    line-height: 22px;
    display: flex;
    align-items: center;
    border: 1px solid rgba(0,0,0,0.03);
    text-decoration: none;
}
header .base .content .ctaImage {
    display: inline-block;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #005BEA;
    background: linear-gradient(222.02deg, #009AF4 0%, #005BEA 100%);
    /* box-shadow: 0 18px 20px 0 rgba(0,0,0,0.14); */
    text-align: center;
    margin: 0 20px 0 10px;
    position: relative;
}
header .base .content .ctaKnow:hover .ctaImage{
    animation: call 0.5s infinite;
}
header .base .content .ctaImage img {
    padding: 15px;
    width: 20px;
}
header .base .card {
    width: 55%;
}

section#antes-e-depois header {
    width: 50vw;
    margin: 9.74vw auto 7.18vw;
}
section#antes-e-depois header h1 {
	color: #3E4C5B;
	font-family: "Montserrat";
	font-size: 1.95vw;
	font-weight: 700;
	line-height: 3.13vw;
    text-align: center;
    text-transform: uppercase;
}
/* section#antes-e-depois header p {
	color: #4A4A4A;
	font-family: "Roboto";
	font-size: 0.9vw;
	line-height: 1.4vw;
	text-align: center;
} */
section#antes-e-depois .block {
    margin: 0 0 7.18vw;
}
section#antes-e-depois .block .flexLine {
    width: 60%;
    margin: 7.7vw auto 0;
}
section#antes-e-depois .block h1 {
	color: #3E4C5B;
	font-family: "Montserrat";
	font-size: 1.54vw;
	font-weight: 700;
    line-height: 3.13vw;
    text-transform: uppercase;
}
section#others main p,
section#antes-e-depois header p {
    text-align: center;
}
section#afraid .description,
section#others main p,
section#antes-e-depois header p,
section#antes-e-depois .block p {
	color: #4A4A4A;
	font-family: "Roboto";
	font-size: 0.9vw;
	line-height: 1.33vw;

}
section#antes-e-depois .block .image {
    text-align: center;
    width: calc(372px * var(--prop));
}
section#antes-e-depois #solucao {
    margin: 0 auto 0;
    background: linear-gradient(206.57deg, #F06E7A 0%, #C83448 100%);
    padding: 4.10vw 0;
}
section#antes-e-depois #solucao h1,
section#antes-e-depois #solucao p {
    color: white;
}
section#antes-e-depois #solucao.block .flexLine {
    margin: 0 auto;
}

section#antes-e-depois #solucao.block a {
    height: 54px !important;
    width: 278px !important;
    display: block !important;
	border-radius: 4px !important;
	background-color: #FFFFFF !important;
	color: #D0021B !important;
	font-family: "Montserrat" !important;
	font-size: 18px !important;
	font-weight: bold !important;
    line-height: 54px !important;
    text-align: center !important;
    text-decoration: none !important;
    margin: 50px 0 0 !important;
    position: relative !important;
    transition: all 0.3s !important;
    z-index: 10 !important;
}
section#antes-e-depois #solucao.block a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background-color: #D0021B;
    transition: all 0.3s;
    color: white;
    z-index:-1;
    border-radius: 4px;
}
section#antes-e-depois #solucao.block a:hover{
    color: white !important;
    
}
section#antes-e-depois #solucao.block a:hover:after {
    width: 100%;
    transition: all 0.3s;
    color: white;
}

section#others h1{
	color: rgba(0,0,0,0.9);
    font-family: "Montserrat";
    font-weight: 700;
	font-size: 32px;
	line-height: 68px;
    text-align: center;
    margin: 120px auto 90px;
    width: 70%;
}
section#others main  {
    width: 420px;
    padding: 0 40px;
    text-align: center;
    margin: 0 auto 140px;
}
section#others main  img.avatar {
    width: 160px;
    
}
/* section#others main  p {
	color: #4A4A4A;
	font-family: "Roboto";
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
    text-align: center;
    margin: 35px 0;
} */
section#others main .card a {
    display: block;
	height: 50px;
	width: 250px;
	border-radius: 45px;
	background-color: #50E3C2;
	background: linear-gradient(222.02deg, #009AF4 0%, #005BEA 100%);
    box-shadow: 0 18px 20px 0 rgba(0,0,0,0.14);
    color: #ffffff;
	font-family: "Montserrat";
	font-size: 18px;
	font-weight: 600;
    line-height: 50px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 auto;
}
section#others main .card a img.otherCase {
    transform: rotate(-90deg);
    display: inline-block;
    position: relative;
    top: 5px;
    width: 20px;
    margin: 0 0 0 20px;
    left: 0;
}
section#others main .card a:hover img.otherCase{
    animation: callOther 0.5s infinite;
}
section#afraid {
    background-color: #F4F4F4;
    padding: 7.69vw 0;
}
section#afraid .imageArea {
    text-align: right;
}
section#afraid .imageArea img {
    margin-right: 5%;
    width: 29.75vw;
}
section#afraid .title {
	color: #4A4A4A;
	font-family: "Montserrat";
	font-size: 1.54vw;
    line-height: 2.36vw;
    margin: 1.54vw 0;
    width: 60%;
    text-transform: uppercase;
}
section#afraid .description {
	color: #6C6C6C;
	/* font-family: "Roboto";
	font-size: 0.9vw;
    line-height: 1.5vw; */
    width: 60%;
}
section#what {
    padding: 150px 0;
}
section#what .flexLine {
    justify-content: center;
}
section#what article {
    width: 260px;
    margin: 0 3vw;
}

section#what h1 {
	color: #4A4A4A;
	font-family: "Montserrat";
	font-size: 26px;
	font-weight: bold;
	line-height: 35px;
    text-align: center;
    margin-bottom: 90px;
    text-transform: uppercase;
}
section#what h2 {
	color: #EC2428;
	font-family: "Roboto";
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
    text-align: center;
    margin: 45px 0 25px;
}
section#what .imageArea {
    text-align: center;    
}
section#what .imageArea #chair {
    width: calc(101px * var(--prop));    
}
section#what .imageArea #doctor {
    width: calc(91px * var(--prop));    
}
section#what .imageArea #medal {
    width: calc(59px * var(--prop));
}


section#what p {
	color: #505050;
	font-family: "Roboto";
	font-size: 18px;
	line-height: 28px;
	text-align: center;
}
/* #formRD {
    height: 100%;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,0.19);
}
#formRD .title {
	height: 4.9vw;
    width: 100%;
    background: linear-gradient(216.86deg, #F5515F 0%, #9F041B 100%);
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.21);
	color: #FFFFFF;
	font-family: 'Roboto';
	font-size: 1.6vw;
	font-weight: bold;
	line-height: 4.9vw;
	text-align: center;
}
#formRD .description {
	color: #EC2428;
	font-family: 'Roboto';
	font-size: 1.8vw;
	line-height: 2.4vw;
	text-align: center;
    text-transform: uppercase;
    padding: 2.6vw 1.3vw 0;
}
 */


footer main {
    background: linear-gradient(206.57deg, #F06E7A 0%, #C83448 100%);
    padding: 80px 15vw 100px;
}

footer main .flexLine.cities {
    justify-content: flex-start;
}
footer main h1 {
	color: #FFFFFF;
	font-family: "Roboto";
	font-size: 24px;
    font-weight: 500;
    margin: 0;
}
footer main p {
	color: #FFFFFF;
	font-family: "Roboto";
    font-size: 20px;
    font-weight: 300;
}
footer main .city,
footer main .advantages span {
	color: #FFFFFF;
	font-family: "Roboto";
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 0;
    font-weight: 300;
}
footer main .advantages .advItem {
    padding: 5px 0;
}
footer main .advantages img {
    margin-right: 15px;
    top: 2px;
    position: relative;
}
footer .footer {
    padding: 50px 15vw;
	color: #1A1919;
	font-family: "Roboto";
	font-size: 16px;
	font-weight: 300;
}
footer .footer img {
    width: 400px;
}
footer .footer .copyright {
    text-align: center;
}
@media (min-width: 1201px) and (max-width: 1500px){
    header#header {
        background-image: url('../img/back.png');
        background-repeat: no-repeat;
        background-position: 20% bottom;
        background-size: 700px;
    }
    :root {
        --prop: .9;
    }
    header .base {
        padding: 2.07vw 0 4.1vw 6vw;
    
    }
    header .base .content h1 {
        font-size: 2.36vw;
        line-height: 2.7vw;
        margin: 2.05vw 0 0.51vw;
    }
    
    header .base .content p {
        font-size: 1.2vw;
        line-height: 1.43vw;
        margin: 0 0 50px;
    }
    header .base .content .comment {
        font-size: 1.3vw;
        line-height: 1.53vw;
        margin: 1.03vw 0 100px;
    }
    header .base .content .ctaKnow {
        height: 70px;
        width: 315px;
        border-radius: 45px;
        background-color: rgba(255, 255, 255, 0.9);
        box-shadow: 0 52px 85px 0 rgba(0,0,0,0.09);
        color: #000000;
        font-family: "Montserrat";
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        display: flex;
        align-items: center;
        border: 1px solid rgba(0,0,0,0.03);
    }
    header .base .content .ctaImage {
        display: inline-block;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        background-color: #005BEA;
        background: linear-gradient(222.02deg, #009AF4 0%, #005BEA 100%);
        box-shadow: 0 18px 20px 0 rgba(0,0,0,0.14);
        text-align: center;
        margin: 0 20px 0 10px;
    }
    header .base .content .ctaImage img {
        padding: 15px;
        width: 20px;
    }
    /* #formRD {
        height: 100%;
        box-shadow: 0 4px 9px 0 rgba(0,0,0,0.19);
    }
    #formRD .title {
        height: 5.2vw;
        font-size: 1.8vw;
        line-height: 5.2vw;
    }
    #formRD .description {
        font-size: 1.8vw;
        line-height: 2.4vw;
        padding: 2.6vw 2.3vw 1vw;
    } */
    header .base .content .ctaKnow {
        height: calc(70px * var(--prop));
        width: calc(315px * var(--prop));
        border-radius: calc(45px * var(--prop));
        background-color: rgba(255, 255, 255, 0.9);
        box-shadow: 0 52px 85px 0 rgba(0,0,0,0.09);
        color: #000000;
        font-family: "Montserrat";
        font-size: calc(18px * var(--prop));
        font-weight: 500;
        line-height: calc(22px * var(--prop));
        display: flex;
        align-items: center;
        border: 1px solid rgba(0,0,0,0.03);
    }
    header .base .content .ctaImage {
        display: inline-block;
        height: calc(50px * var(--prop));
        width: calc(50px * var(--prop));
        border-radius: 50%;
        background-color: #005BEA;
        background: linear-gradient(222.02deg, #009AF4 0%, #005BEA 100%);
        box-shadow: 0 18px 20px 0 rgba(0,0,0,0.14);
        text-align: center;
        margin: 0 calc(20px * var(--prop)) 0 calc(10px * var(--prop));
    }
    header .base .content .ctaImage img {
        padding: calc(15px * var(--prop));
        width: calc(20px * var(--prop));
    }

    
    section#antes-e-depois header {
        width: 50vw;
        margin: 9.74vw auto 7.18vw;
    }
    section#antes-e-depois header h1 {
        font-size: 2.25vw;
        line-height: 3.33vw;
        text-align: center;
    }
    /* section#antes-e-depois header p {
        font-size: 1.2vw;
        line-height: 1.7vw;
        text-align: center;
    } */
    section#antes-e-depois .block {
        margin: 0 0 7.18vw;
    }
    section#antes-e-depois .block .flexLine {
        width: 70%;
        margin: 7.7vw auto 0;
    }
    section#antes-e-depois .block h1 {
        font-size: 1.74vw;
        line-height: 3.13vw;
    }
    section#afraid .description,
section#others main p,
section#antes-e-depois header p,
section#antes-e-depois .block p {
        font-size: 1.2vw;
        line-height: 1.53vw;
    
    }
    section#antes-e-depois .block .image {
        text-align: center;
        width: calc(372px * var(--prop));
    }
    section#antes-e-depois #solucao {
        padding: 4.10vw 0;
    }    
    section#antes-e-depois #solucao.block a {
        height: 54px;
        width: 278px;
        font-size: 18px;
        line-height: 54px;
        margin: 50px 0 0;
    }
    
    section#others h1{
        color: rgba(0,0,0,0.9);
        font-family: "Montserrat";
        font-weight: 700;
        font-size: calc(32px * var(--prop));
        line-height: calc(68px * var(--prop));
        text-align: center;
        margin: calc(120px * var(--prop)) auto calc(90px * var(--prop));
    }
    section#others main  {
        width: calc(420px * var(--prop));
        padding: 0 calc(40px * var(--prop));
        text-align: center;
        margin: 0 auto calc(140px * var(--prop));
    }
    section#others main  img.avatar {
        width: calc(160px * var(--prop));
        
    }
    /* section#others main  p {
        color: #4A4A4A;
        font-family: "Roboto";
        font-size: calc(16px * var(--prop));
        font-weight: 400;
        line-height: calc(26px * var(--prop));
        text-align: center;
        margin: calc(35px * var(--prop)) 0;
    } */
    section#others main .card a {
        display: block;
        height: calc(50px * var(--prop));
        width: calc(250px * var(--prop));
        border-radius: calc(45px * var(--prop));
        background-color: #50E3C2;
        background: linear-gradient(222.02deg, #009AF4 0%, #005BEA 100%);
        box-shadow: 0 18px 20px 0 rgba(0,0,0,0.14);
        color: #ffffff;
        font-family: "Montserrat";
        font-size: calc(18px * var(--prop));
        font-weight: 600;
        line-height: calc(50px * var(--prop));
        text-decoration: none;
        text-transform: uppercase;
        margin: 0 auto;
    }
    section#others main .card a img.otherCase {
        transform: rotate(-90deg);
        display: inline-block;
        position: relative;
        top: calc(5px * var(--prop));
        width: calc(20px * var(--prop));
        margin: 0 0 0 calc(20px * var(--prop));
        left: 0;
    }



    section#afraid {
        padding: 7.69vw 0;
    }
    section#afraid .imageArea {
        text-align: right;
    }
    section#afraid .imageArea img {
        margin-right: 5%;
        width: 29.75vw;
    }
    section#afraid .title {
        font-size: 1.6vw;
        line-height: 2.4vw;
        margin: 1vw 0;
        width: 60%;
    }
    section#afraid .description {
        /* font-size: 1vw;
        line-height: 1.6vw; */
        width: 60%;
    }
    section#what {
        padding: 150px 0;
    }
    section#what .flexLine {
        justify-content: center;
    }
    section#what article {
        width: calc(260px * var(--prop));
        margin: 0 3vw;
    }
    
    section#what h1 {
        font-size: calc(30px * var(--prop));
        line-height: calc(35px * var(--prop));
        margin-bottom: calc(90px * var(--prop));
    }
    section#what h2 {
        font-size: calc(18px * var(--prop));
        line-height: calc(25px * var(--prop));
        margin: 45px 0 25px;
    }

    section#what .imageArea #chair {
        width: calc(101px * var(--prop));    
    }
    section#what .imageArea #doctor {
        width: calc(91px * var(--prop));    
    }
    section#what .imageArea #medal {
        width: calc(59px * var(--prop));
    }
    section#what p {
        font-size: calc(18px * var(--prop));
        line-height: calc(28px * var(--prop));
    }
    footer main {
        padding: 80px 12vw 100px;
    }
    footer main h1 {
        font-size: 20px;
    }
    footer main p {
        font-size: 18px;
    }
    footer main .city,
    footer main .advantages span {
        font-size: 14px;
        padding: 10px 0;
    }
    footer main .advantages .advItem {
        padding: 5px 0;
    }
    footer main .advantages img {
        margin-right: 15px;
        top: 2px;
    }
    footer .footer {
        padding: 50px 12vw;
        font-size: 14px;
    }
    footer .footer img {
        width: 300px;
    }
}
@media (min-width: 992px) and (max-width: 1200px){
    :root {
        --prop: .8;
    }
    header#header {
        background-image: unset;
    }
    header .logoArea img{
        width: 300px;
    }
    header .shadow {
        box-shadow: unset;
    }
    header .base {
        background-image: url('../img/back.png');
        background-repeat: no-repeat;
        background-position: 115% bottom;
        background-size: 650px;
        width: 100%;
        padding: 40px 0 20px 6vw;
        /* box-shadow: 0 4px 9px 0 rgba(0,0,0,0.19); */
        /* margin-bottom: 50px; */
    }
    header .base .content {
        width: 40vw;
    }
    header .base .content h1 {
        font-size: 34px;
        line-height: 38px;
        margin: 80px 0 40px;
    }
    
    header .base .content p {
        font-size: 16px;
        line-height: 22px;
    }
    header .base .content .comment {
        font-size: 18px;
        line-height: 22px;
        margin: 15px 0 100px;
    }
    header .base .card .img.wide{
        padding: 0 50px 0 0;
    }
    header .base .content .ctaKnow {
        display: none;
    }
    /* header #formUp {
        width: 100%;
    }
    #formRD {
        width: 70%;
        margin: auto;
        height: 100%;
        box-shadow: 0 4px 9px 0 rgba(0,0,0,0.19);
    }
    #formRD .title {
        height: 70px;
        font-size: 22px;
        line-height: 70px;
    }
    #formRD .description {
        font-size: 21px;
        line-height: 28px;
        padding: 25px 30px 10px;
    } */

    section#antes-e-depois header {
        width: 50vw;
        margin: 9.74vw auto 7.18vw;
    }
    section#antes-e-depois header h1 {
        font-size: 22px;
        line-height: 24px;
        text-align: center;
    }
    /* section#antes-e-depois header p {
        font-size: 13px;
        line-height: 15px;
        text-align: center;
    } */
    section#antes-e-depois .block {
        margin: 0 0 7.18vw;
    }
    section#antes-e-depois .block .flexLine {
        width: 70%;
        margin: 7.7vw auto 0;
    }
    section#antes-e-depois .block h1 {
        font-size: 20px;
        line-height: 22px;
    }
    section#afraid .description,
section#others main p,
section#antes-e-depois header p,
section#antes-e-depois .block p {
        font-size: 13px;
        line-height: 15px;
    
    }
    section#antes-e-depois .block .image {
        text-align: center;
        width: calc(372px * var(--prop));
    }
    section#antes-e-depois #solucao {
        padding: 4.10vw 0;
    }    
    section#antes-e-depois #solucao.block a {
        height: 54px;
        width: 278px;
        font-size: 18px;
        line-height: 54px;
        margin: 50px 0 0;
    }

    section#others h1{
        color: rgba(0,0,0,0.9);
        font-family: "Montserrat";
        font-weight: 700;
        font-size: calc(32px * var(--prop));
        line-height: calc(68px * var(--prop));
        text-align: center;
        margin: calc(120px * var(--prop)) auto calc(90px * var(--prop));
    }
    section#others main  {
        width: calc(420px * var(--prop));
        padding: 0 calc(40px * var(--prop));
        text-align: center;
        margin: 0 auto calc(140px * var(--prop));
    }
    section#others main  img.avatar {
        width: calc(160px * var(--prop));
        
    }
    /* section#others main  p {
        color: #4A4A4A;
        font-family: "Roboto";
        font-size: calc(16px * var(--prop));
        font-weight: 400;
        line-height: calc(26px * var(--prop));
        text-align: center;
        margin: calc(35px * var(--prop)) 0;
    } */
    section#others main .card a {
        display: block;
        height: calc(50px * var(--prop));
        width: calc(250px * var(--prop));
        border-radius: calc(45px * var(--prop));
        background-color: #50E3C2;
        background: linear-gradient(222.02deg, #009AF4 0%, #005BEA 100%);
        box-shadow: 0 18px 20px 0 rgba(0,0,0,0.14);
        color: #ffffff;
        font-family: "Montserrat";
        font-size: calc(18px * var(--prop));
        font-weight: 600;
        line-height: calc(50px * var(--prop));
        text-decoration: none;
        text-transform: uppercase;
        margin: 0 auto;
    }
    section#others main .card a img.otherCase {
        transform: rotate(-90deg);
        display: inline-block;
        position: relative;
        top: calc(5px * var(--prop));
        width: calc(20px * var(--prop));
        margin: 0 0 0 calc(20px * var(--prop));
        left: 0;
    }

    section#afraid {
        padding: 80px 0;
    }
    section#afraid .imageArea {
        text-align: right;
    }
    section#afraid .imageArea img {
        margin-right: 5%;
        width: 350px;
    }
    section#afraid .title {
        font-size: 20px;
        line-height: 28px;
        margin: 10px 0;
        width: 70%;
    }
    section#afraid .description {
        /* font-size: 13px;
        line-height: 17px; */
        width: 70%;
    }
    section#what {
        padding: 150px 0;
    }
    section#what .flexLine {
        justify-content: center;
    }
    section#what article {
        width: calc(260px * var(--prop));
        margin: 0 3vw;
    }
    
    section#what h1 {
        font-size: calc(30px * var(--prop));
        line-height: calc(35px * var(--prop));
        margin-bottom: calc(90px * var(--prop));
    }
    section#what h2 {
        font-size: calc(18px * var(--prop));
        line-height: calc(25px * var(--prop));
        margin: calc(45px * var(--prop)) 0 calc(25px * var(--prop));
    }
    section#what .imageArea #chair {
        width: calc(101px * var(--prop));    
    }
    section#what .imageArea #doctor {
        width: calc(91px * var(--prop));    
    }
    section#what .imageArea #medal {
        width: calc(59px * var(--prop));
    }
    section#what p {
        font-size: calc(18px * var(--prop));
        line-height: calc(28px * var(--prop));
    }


    footer main {
        padding: 70px 8vw 70px;
    }
    footer main h1 {
        font-size: 18px;
    }
    footer main p {
        font-size: 16px;
    }
    footer main .city,
    footer main .advantages span {
        font-size: 13px;
        padding: 8px 0;
        line-height: 13px;
    }
    footer main .advantages .advItem {
        padding: 5px 0;
    }
    footer main .advantages img {
        margin-right: 7px;
        top: 1px;
        width: 14px;
    }
    footer .footer {
        padding: 50px 8vw;
        font-size: 13px;
    }
    footer .footer img {
        width: 250px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .tablet{
        display:block;
    } 
    .wideT{
        display: none;
    }
    :root {
        --prop: .7;
    }
    header#header {
        background-image: unset;
    }
    header .logoArea img{
        width: 300px;
    }
    header .shadow {
        box-shadow: unset;
    }
    header .base {
        background-image: url('../img/back.png');
        background-repeat: no-repeat;
        background-position: 135% bottom;
        background-size: 550px;
        width: 100%;
        padding: 40px 0 20px 6vw;
        box-shadow: 0 4px 9px 0 rgba(0,0,0,0.19);
        /* margin-bottom: 50px; */
    }
    header .base .content {
        width: 40vw;
    }
    header .base .content h1 {
        font-size: 26px;
        line-height: 33px;
        margin: 40px 0 40px;
    }
    
    header .base .content p {
        font-size: 14px;
        line-height: 22px;
    }
    header .base .content .comment {
        font-size: 16px;
        line-height: 22px;
        margin: 15px 0 70px;
    }
    header .base .card .img.wide{
        padding: 0 50px 0 0;
    }
    header .base .content .ctaKnow {
        display: none;
    }
    header #formUp {
        width: 100%;
    }

    /* #formRD {
        width: 70%;
        margin: auto;
        height: 100%;
        box-shadow: 0 4px 9px 0 rgba(0,0,0,0.19);
    }
    #formRD .title {
        height: 70px;
        font-size: 22px;
        line-height: 70px;
    }
    #formRD .description {
        font-size: 21px;
        line-height: 28px;
        padding: 25px 30px 10px;
    } */

    section#antes-e-depois header {
        width: 70vw;
        margin: 9.74vw auto 7.18vw;
    }
    section#antes-e-depois header h1 {
        font-size: 22px;
        line-height: 24px;
        text-align: center;
    }
    /* section#antes-e-depois header p {
        font-size: 13px;
        line-height: 15px;
        text-align: center;
    } */
    section#antes-e-depois .block {
        margin: 0 0 7.18vw;
    }
    section#antes-e-depois .block .flexLine {
        width: 80%;
        margin: 7.7vw auto 0;
    }
    section#antes-e-depois .block h1 {
        font-size: 20px;
        line-height: 22px;
    }
    section#afraid .description,
section#others main p,
section#antes-e-depois header p,
section#antes-e-depois .block p {
        font-size: 13px;
        line-height: 15px;
    
    }
    section#antes-e-depois .block .image {
        text-align: center;
        width: calc(372px * var(--prop));
    }
    section#antes-e-depois #solucao {
        padding: 4.10vw 0;
    }    
    section#antes-e-depois #solucao.block a {
        height: 45px;
        width: 228px;
        font-size: 16px;
        line-height: 45px;
        margin: 50px 0 0;
    }

    section#others h1{
        color: rgba(0,0,0,0.9);
        font-family: "Montserrat";
        font-weight: 700;
        font-size: 20px;
        line-height: calc(68px * var(--prop));
        text-align: center;
        margin: 50px auto 40px;
    }
    section#others main  {
        width: calc(420px * var(--prop));
        padding: 0 calc(40px * var(--prop));
        text-align: center;
        margin: 0 auto 50px;
    }
    section#others main  img.avatar {
        width: calc(160px * var(--prop));
        
    }
    /* section#others main  p {
        color: #4A4A4A;
        font-family: "Roboto";
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
        margin: calc(35px * var(--prop)) 0;
    } */
    section#others main .card a {
        display: block;
        height: 40px;
        width: calc(250px * var(--prop));
        border-radius: calc(45px * var(--prop));
        background-color: #50E3C2;
        background: linear-gradient(222.02deg, #009AF4 0%, #005BEA 100%);
        box-shadow: 0 18px 20px 0 rgba(0,0,0,0.14);
        color: #ffffff;
        font-family: "Montserrat";
        font-size: 14px;
        font-weight: 600;
        line-height: 40px;
        text-decoration: none;
        text-transform: uppercase;
        margin: 0 auto;
    }
    section#others main .card a img.otherCase {
        transform: rotate(-90deg);
        display: inline-block;
        position: relative;
        top: calc(5px * var(--prop));
        width: calc(20px * var(--prop));
        margin: 0 0 0 calc(20px * var(--prop));
        left: 0;
    }

    section#afraid {
        padding: 80px 0;
    }
    section#afraid .imageArea {
        text-align: right;
    }
    section#afraid .imageArea img {
        margin-right: 5%;
        width: 80%;
    }
    section#afraid .title {
        font-size: 20px;
        line-height: 28px;
        margin: 0 auto 25px;
        width: 100%;
        text-align: center;
    }
    section#afraid .description {
        /* font-size: 13px;
        line-height: 17px; */
        width: 80%;
    }
    section#what {
        padding: calc(150px * var(--prop)) 0;
    }
    section#what .flexLine {
        justify-content: center;
    }
    section#what article {
        width: calc(260px * var(--prop));
        margin: 0 3vw;
    }
    
    section#what h1 {
        font-size: calc(30px * var(--prop));
        line-height: calc(35px * var(--prop));
        margin-bottom: calc(90px * var(--prop));
    }
    section#what h2 {
        font-size: calc(18px * var(--prop));
        line-height: calc(25px * var(--prop));
        margin: calc(45px * var(--prop)) 0 calc(25px * var(--prop));
    }
    section#what .imageArea #chair {
        width: calc(101px * var(--prop));    
    }
    section#what .imageArea #doctor {
        width: calc(91px * var(--prop));    
    }
    section#what .imageArea #medal {
        width: calc(59px * var(--prop));
    }
    section#what p {
        font-size: calc(18px * var(--prop));
        line-height: calc(28px * var(--prop));
    }


    footer main {
        padding: 70px 8vw 70px;
    }
    footer main h1 {
        font-size: 18px;
    }
    footer main p {
        font-size: 16px;
    }
    footer main .city,
    footer main .advantages span {
        font-size: 13px;
        padding: 8px 0;
        line-height: 13px;
    }
    footer main .advantages .advItem {
        padding: 5px 0;
    }
    footer main .advantages img {
        margin-right: 7px;
        top: 1px;
        width: 14px;
    }
    footer .footer {
        padding: 50px 8vw;
        font-size: 13px;
    }
    footer .footer img {
        width: 250px;
    }
}
@media (min-width: 300px) and (max-width: 767px) {
    .tablet{
        display:block;
    } 
    .mobile {
        display: block;
    }
    .wide {
        display: none;
    }
    .wideT{
        display: none;
    }
    :root {
        --prop: .7;
    }
    .flex50 {
        width: 100%;
    }
    header#header {
        background-image: unset;
    }
    header .logoArea img{
        width: 200px;
    }
    header .shadow {
        box-shadow: unset;
    }

    header .base {
        width: 100%;
        padding: 20px 4vw 20px 4vw;
        background-image: url(../img/back.png);
        background-repeat: no-repeat;
        background-position: 15vw bottom;
        background-size: 100vw;
        height: calc(100vh - 100px);
    }
    header .base .content {
        width: 265px;
        height: 60vh;
    }
    header .base .content h1 {
        font-size: 20px;
        line-height: 26px;
        margin: 20px 0 10px;
    }
    header .base .img{
        max-width: 350px;
        margin: auto;
        padding: 0 30px;
    }
    
    header .base .content p {
        font-size: 14px;
        line-height: 18px;
    }
    header .base .content .comment {
        font-size: 16px;
        line-height: 20px;
        margin: 15px 0 30px;
    }
    header .base .card .img.wide{
        padding: 0 50px 0 0;
    }
    header .base .content .ctaKnow {
        display: none;
    }

    /* header #formUp {
        width: 100%;
    }
    #formRD {
        height: 100%;
        box-shadow: 0 4px 9px 0 rgba(0,0,0,0.19);
    }
    #formRD .title {
        height: 60px;
        font-size: 18px;
        line-height: 60px;
    }
    #formRD .description {
        font-size: 16px;
        line-height: 22px;
        padding: 25px 5vw 10px;
    } */
    section#afraid {
        padding: 40px 4vw;
    }
    section#afraid .imageArea {
        text-align: right;
    }
    section#afraid .imageArea img {
        margin: 0 0 20px;
        width: 100%;
    }
    section#afraid .title {
        font-size: 20px;
        line-height: 28px;
        margin: 0 auto 25px;
        width: 100%;
        text-align: center;
    }
    section#afraid .description {
        /* font-size: 13px;
        line-height: 17px; */
        width: 100%;
    }

    section#antes-e-depois header {
        width: 85vw;
        margin: 9.74vw auto 7.18vw;
    }
    section#antes-e-depois header h1 {
        font-size: 20px;
        line-height: 24px;
        text-align: left;
    }
    /* section#antes-e-depois header p {
        font-size: 13px;
        line-height: 15px;
        text-align: left;
    } */
    section#antes-e-depois .block {
        margin: 0 0 7.18vw;
    }
    section#antes-e-depois .block .flexLine {
        width: 85%;
        margin: 7.7vw auto 0;
    }
    section#antes-e-depois .block h1 {
        font-size: 18px;
        line-height: 20px;
    }
    section#afraid .description,
section#others main p,
section#antes-e-depois header p,
section#antes-e-depois .block p {
        font-size: 13px;
        line-height: 18px;
        text-align: left;
    
    }
    section#antes-e-depois .block .image {
        text-align: center;
        width: 60vw;
        margin: auto;
    }
    section#antes-e-depois #solucao {
        padding: 4.10vw 0;
    }    
    section#antes-e-depois #solucao.block a {
        height: 45px;
        width: 228px;
        font-size: 16px;
        line-height: 45px;
        margin: 50px auto 50px;
    }

    section#others h1{
        color: rgba(0,0,0,0.9);
        font-family: "Montserrat";
        font-weight: 700;
        font-size: 20px;
        line-height: 26px;
        text-align: center;
        margin: 50px auto 40px;
        width: 90%;
    }
    section#others main  {
        width: 90%;
        padding: unset;
        text-align: center;
        margin: 0 auto 50px;
    }
    section#others main  img.avatar {
        width: calc(160px * var(--prop));
        
    }
    /* section#others main  p {
        color: #4A4A4A;
        font-family: "Roboto";
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
        margin: calc(35px * var(--prop)) 0;
    } */
    section#others main .card a {
        display: block;
        height: 40px;
        width: 200px;
        border-radius: calc(45px * var(--prop));
        background-color: #50E3C2;
        background: linear-gradient(222.02deg, #009AF4 0%, #005BEA 100%);
        box-shadow: 0 18px 20px 0 rgba(0,0,0,0.14);
        color: #ffffff;
        font-family: "Montserrat";
        font-size: 14px;
        font-weight: 600;
        line-height: 40px;
        text-decoration: none;
        text-transform: uppercase;
        margin: 0 auto;
    }
    section#others main .card a img.otherCase {
        transform: rotate(-90deg);
        display: inline-block;
        position: relative;
        top: calc(5px * var(--prop));
        width: calc(20px * var(--prop));
        margin: 0 0 0 calc(20px * var(--prop));
        left: 0;
    }

    section#what {
        padding: 50px 0;
    }
    section#what .flexLine {
        justify-content: center;
    }
    section#what article {
        width: calc(260px * var(--prop));
        margin: 0 3vw;
    }
    
    section#what h1 {
        font-size: calc(30px * .55);
        line-height: calc(35px * .5);
        margin-bottom: 40px;
    }
    section#what h2 {
        font-size: calc(18px * var(--prop));
        line-height: calc(25px * var(--prop));
        margin: calc(45px * .5) 0 calc(25px * .5);
    }
    section#what .imageArea #chair {
        width: calc(101px * var(--prop));    
    }
    section#what .imageArea #doctor {
        width: calc(91px * var(--prop));    
    }
    section#what .imageArea #medal {
        width: calc(59px * var(--prop));
    }
    section#what p {
        font-size: calc(18px * var(--prop));
        line-height: calc(28px * var(--prop));
    }



    footer main {
        padding: 40px 6vw 40px;
    }
    footer main h1 {
        font-size: 16px;
    }
    footer main p {
        font-size: 14px;
    }
    footer main .advantages {
        margin-top: 25px;
    }
    footer main .city,
    footer main .advantages span {
        font-size: 12px;
        padding: 8px 0;
        line-height: 12px;
    }
    footer main .advantages .advItem {
        padding: 5px 0;
    }
    footer main .advantages img {
        margin-right: 7px;
        top: 1px;
        width: 14px;
    }
    footer .footer {
        padding: 30px 8vw;
        font-size: 12px;
    }
    footer .footer div{
        margin: auto;
    }
    footer .footer img {
        width: 220px;
        margin-bottom: 20px;
    }
}

@-webkit-keyframes call {
    0%   {top: 0px;}
    33%  {top: 1px;}
    67%  {top: -1px;}
    100% {top: 0px;}
  }
  
  @keyframes call {
    0%   {top: 0px;}
    33%  {top: 1px;}
    67%  {top: -1px;}
    100% {top: 0px;}
  }
  @-webkit-keyframes callOther {
    0%   {left: 0px;}
    50%  {left: 2px;}
    100% {left: 0px;}
  }
  
  @keyframes callOther {
    0%   {left: 0px;}
    50%  {left: 2px;}
    100% {left: 0px;}
  }