/* --------------------------------- */
.containerWrapper { width: 100%; max-width: 1340px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.containerPage { min-width: 380px; overflow: hidden; }

/* --------------------------------- */
.containerHeader { position: relative; height: 140px; }
.containerHeader .containerHeader--logotype { float: left; margin-top: 50px; }
.containerHeader .containerHeader--logotype .containerHeader--logo { display: block; width: 150px; height: 40px; background: url('../img/logo_new.png') no-repeat; }
.containerHeader .containerHeader--phone { float: left; height: 30px; padding-left: 30px; margin-left: 20px; margin-top: 55px; border-left: 1px solid #d2cdc1; }
.containerHeader .containerHeader--phone .phone--icon { float: left; margin-top: 3px; margin-right: 10px; }
.containerHeader .containerHeader--phone .phone--number { height: 24px; margin-top: 3px; line-height: 24px; font-weight: 500; float: left; }
.containerHeader .containerHeader--phone .phone--number a { color: #000; transition: all .2s; }
.containerHeader .containerHeader--phone .phone--number a:hover { text-decoration: none; color: #cbae6b; }
.containerHeader .containerHeader--socials { float: left; height: 30px; padding-left: 30px; margin-left: 30px; margin-top: 55px; border-left: 1px solid #d2cdc1; }
.containerHeader .containerHeader--socials a { float: left; margin-right: 10px; margin-top: 3px; opacity: 0.6; transition: all .2s; }
.containerHeader .containerHeader--socials a:hover { opacity: 1; }
.containerHeader .containerHeader--price { float: right; margin-top: 48px; }
.containerHeader .containerHeader--price .price--button { display: block; padding: 0 20px; height: 40px; line-height: 40px; background: transparent; color: #000; border: 2px solid #000; border-radius: 10px; font-weight: 500; transition: all .2s; }
.containerHeader .containerHeader--price .price--button:hover { background: #000; color: #fff; text-decoration: none; }
.containerHeader .containerHeader--menu { float: right; height: 30px; margin-top: 55px; margin-right: 30px; }
.containerHeader .containerHeader--menu a { float: left; margin-left: 25px; line-height: 30px; font-weight: 500; color: #000; transition: all .2s; }
.containerHeader .containerHeader--menu a:hover { text-decoration: none; color: #cbae6b; }
.containerHeader .containerHeader--burger { float: right; width: 34px; margin-top: 57px; display: none; }
.containerHeader .containerHeader--burger .burger--element { width: 100%; height: 3px; margin: 4px 0; background: #000; border-radius: 4px; }

/* --------------------------------- */
.containerVideo { position: relative; padding: 0 40px; }
.containerVideo .containerVideo--present { padding-top: 50px; padding-bottom: 50px; overflow: hidden; }
.containerVideo .containerVideo--present h1 { font-size: 30px; font-weight: 300; }
.containerVideo .containerVideo--present .containerVideo--present--left { float: left; }
.containerVideo .containerVideo--present .containerVideo--present--right { float: right; }
.containerVideo .containerVideo--present .containerVideo--present--right .present--right--map { float: right; }
.containerVideo .containerVideo--present .containerVideo--present--right .present--right--address { float: right; padding: 30px 25px 0 0; opacity: 0.7; }
.containerVideo .containerVideo--present .containerVideo--present--right .present--right--address h3 { font-weight: 500; font-size: 16px; }
.containerVideo .containerVideo--present .containerVideo--present--right a { border-radius: 20px; box-shadow: 0 20px 30px rgba(61,55,41,0.2); display: block; overflow: hidden; }
.containerVideo .containerVideo--present .containerVideo--present--buttons { padding-top: 20px; }
.containerVideo .containerVideo--present .containerVideo--present--buttons .present--buttons--about { height: 44px; line-height: 44px; float: left; border-radius: 10px; background: #222; color: #fff; font-weight: 500; padding: 0 25px; margin-right: 25px; transition: all .2s; }
.containerVideo .containerVideo--present .containerVideo--present--buttons .present--buttons--about:hover { background: #000; text-decoration: none; }
.containerVideo .containerVideo--present .containerVideo--present--buttons .present--buttons--call { height: 44px; line-height: 44px; float: left; border-radius: 10px; background: #e7bf62; color: #000; font-weight: 500; padding: 0 25px; transition: all .2s; }
.containerVideo .containerVideo--present .containerVideo--present--buttons .present--buttons--call:hover { background: #cbae6b; text-decoration: none; }
.containerVideo .containerVideo--present .containerVideo--present--buttons .present--buttons--call img { position: relative; top: 13px; margin-right: 10px; }
.containerVideo .containerVideo--content { height: 500px; background: #f8f5ee; border-radius: 40px; overflow: hidden; position: relative; box-shadow: 0 30px 100px rgba(61,55,41,0.3); }
.containerVideo .containerVideo--content::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f8f5ee; opacity: 0.3; }
.containerVideo .containerVideo--content video { width: 100%; height: 100%; object-fit: cover; }

/* --------------------------------- */
.containerNew { padding: 50px 0; background: #f9f7f2; clear: both; }
.containerNew .containerNew--title { font-size: 20px; font-weight: 300; padding-bottom: 50px; }
.containerNew .containerNew--title b { font-weight: 500; }
.containerNew .containerNew--container { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.containerNew .containerNew--container .containerNew--element { background: #fff; border-radius: 20px; overflow: hidden; }
.containerNew .containerNew--container .containerNew--element .containerNew--element--image { height: 250px; position: relative; }
.containerNew .containerNew--container .containerNew--element .containerNew--element--image .containerNew--element--title { position: absolute; border-left: 3px solid #cbae6b; top: 25px; left: 25px; background: #fff; border-radius: 10px; color: #000; height: 40px; line-height: 40px; padding: 0 25px; z-index: 2; }
.containerNew .containerNew--container .containerNew--element .containerNew--element--image img { width: 100%; height: 100%; object-fit: cover; }
.containerNew .containerNew--container .containerNew--element .containerNew--element--present { padding: 30px 30px 15px 30px; overflow: hidden; }
.containerNew .containerNew--container .containerNew--element .containerNew--element--present h3 { font-size: 18px; font-weight: 500; padding-bottom: 20px; }
.containerNew .containerNew--container .containerNew--element .containerNew--element--present span { color: #444; line-height: 24px; }
.containerNew .containerNew--container .containerNew--element .containerNew--element--present .present--buttons { padding-top: 20px; }
.containerNew .containerNew--container .containerNew--element .containerNew--element--present .present--buttons .present--buttons--about { height: 44px; line-height: 44px; float: left; border-radius: 10px; background: #222; color: #fff; font-weight: 500; padding: 0 25px; margin-right: 15px; margin-bottom: 15px; transition: all .2s; }
.containerNew .containerNew--container .containerNew--element .containerNew--element--present .present--buttons .present--buttons--about:hover { background: #000; text-decoration: none; }
.containerNew .containerNew--container .containerNew--element .containerNew--element--present .present--buttons .present--buttons--call { height: 44px; line-height: 44px; float: left; border-radius: 10px; background: #e7bf62; color: #000; font-weight: 500; padding: 0 25px; transition: all .2s; }
.containerNew .containerNew--container .containerNew--element .containerNew--element--present .present--buttons .present--buttons--call:hover { background: #cbae6b; text-decoration: none; }
.containerNew .containerNew--container .containerNew--element .containerNew--element--present .present--buttons .present--buttons--call img { position: relative; top: 13px; margin-right: 10px; }

/* --------------------------------- */
.containerServices { padding: 45px 0 50px 0; }
.containerServices .containerServices--title { padding-bottom: 50px; }
.containerServices .containerServices--title h3 { font-size: 30px; font-weight: 300; }
.containerServices .containerServices--container { position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 40px; }
.containerServices .containerServices--container .containerServices--element { background: #f9f7f2; border-radius: 20px; min-height: 400px; overflow: hidden; }
.containerServices .containerServices--container .containerServices--element .containerServices--element--image { height: 200px; opacity: 0.9; }
.containerServices .containerServices--container .containerServices--element .containerServices--element--image img { width: 100%; height: 100%; object-fit: cover; }
.containerServices .containerServices--container .containerServices--element .containerServices--element--present { padding: 30px; }
.containerServices .containerServices--container .containerServices--element .containerServices--element--present h3 { font-size: 18px; font-weight: 500; padding-bottom: 5px; }
.containerServices .containerServices--container .containerServices--element .containerServices--element--present p { color: #444; line-height: 24px; }
.containerServices .containerServices--container .containerServices--element .containerServices--button { height: 44px; line-height: 44px; display: inline-block; border-radius: 10px; background: #222; color: #fff; font-weight: 500; padding: 0 25px; transition: all .2s; }
.containerServices .containerServices--container .containerServices--element .containerServices--button:hover { background: #000; text-decoration: none; }

/* --------------------------------- */
.containerTech { padding: 45px 0 50px 0; border-bottom: 2px solid #f9f7f2; }
.containerTech .containerTech--title { padding-bottom: 50px; }
.containerTech .containerTech--title h3 { font-size: 30px; font-weight: 300; }
.containerTech .containerTech--content { max-height: 220px; overflow: hidden; padding: 0 20px; }

/* --------------------------------- */
.containerTools { padding: 50px 0; background: #f9f7f2; }
.containerTools .containerTools--title { padding-bottom: 50px; }
.containerTools .containerTools--title h3 { font-size: 30px; font-weight: 300; }
.containerTools .containerTools--container { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.containerTools .containerTools--container .containerTools--element { background: #fff; border-radius: 20px; padding: 30px; }
.containerTools .containerTools--container .containerTools--element .containerTools--element--image { text-align: center; padding: 0 40px; }
.containerTools .containerTools--container .containerTools--element .containerTools--element--image img { width: 100%; height: 100%; object-fit: cover; }
.containerTools .containerTools--container .containerTools--element .containerTools--element--present { padding-top: 40px; }
.containerTools .containerTools--container .containerTools--element .containerTools--element--present h3 { font-size: 18px; font-weight: 500; padding-bottom: 15px; }
.containerTools .containerTools--container .containerTools--element .containerTools--element--present p { color: #444; line-height: 24px; }

/* --------------------------------- */
.containerAbout { padding: 30px 0; }
.containerAbout p { line-height: 24px; color: #444; }
.containerAbout li { line-height: 24px; color: #444; }
.containerAbout h2 { font-size: 18px; font-weight: 500; border-left: 3px solid #cbae6b; border-radius: 10px; color: #000; height: 40px; line-height: 40px; padding: 0 25px; }

/* --------------------------------- */
.containerFooter { padding: 50px 0; border-top: 2px solid #f9f7f2; }
.containerFooter .containerFooter--inner { position: relative; z-index: 2; }
.containerFooter .containerFooter--top { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 30px; padding-bottom: 35px; border-bottom: 1px solid rgba(0,0,0,0.08); }
.containerFooter .containerFooter--brand .containerFooter--logo { display: block; width: 150px; height: 40px; background: url('../img/logo_new.png') top center no-repeat; margin-bottom: 20px; }
.containerFooter .containerFooter--brand--text { max-width: 360px; font-size: 16px; line-height: 26px; color: rgba(0,0,0,0.65); }
.containerFooter .containerFooter--cta { height: 44px; line-height: 44px; float: left; border-radius: 10px; background: #e7bf62; color: #000; font-weight: 500; padding: 0 25px; transition: all .2s; margin-top: 25px; }
.containerFooter .containerFooter--cta:hover { background: #cbae6b; text-decoration: none; }
.containerFooter .containerFooter--column h4 { font-size: 18px; font-weight: 600; color: #000; margin-bottom: 18px; }
.containerFooter .containerFooter--column a { display: block; margin-bottom: 12px; color: rgba(0,0,0,0.68); transition: all .2s; }
.containerFooter .containerFooter--column a:hover { color: #000; text-decoration: none; padding-left: 4px; }
.containerFooter .containerFooter--contact { margin-bottom: 16px; }
.containerFooter .containerFooter--contact span { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: rgba(0,0,0,0.45); margin-bottom: 5px; }
.containerFooter .containerFooter--contact a,
.containerFooter .containerFooter--contact div { color: rgba(0,0,0,0.78); line-height: 24px; }
.containerFooter .containerFooter--contact .socials a { float: left; margin-right: 10px; margin-top: 3px; opacity: 0.6; transition: all .2s; }
.containerFooter .containerFooter--contact .socials a:hover { opacity: 1; }
.containerFooter .containerFooter--socials { display: flex; flex-wrap: wrap; gap: 10px; padding: 24px 0; border-bottom: 1px solid rgba(0,0,0,0.08); }
.containerFooter .containerFooter--socials a { height: 40px; line-height: 40px; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(0,0,0,0.10); color: rgba(0,0,0,0.72); background: rgba(0,0,0,0.03); transition: all .2s; }
.containerFooter .containerFooter--socials a:hover { background: #fff; color: #111315; text-decoration: none; border-color: #fff; }
.containerFooter .containerFooter--bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 24px; color: rgba(0,0,0,0.5); font-size: 14px; }
.containerFooter .containerFooter--legal { display: flex; flex-wrap: wrap; gap: 18px; }
.containerFooter .containerFooter--legal a { color: rgba(0,0,0,0.55); transition: all .2s; }
.containerFooter .containerFooter--legal a:hover { color: #d5a638; text-decoration: none; }
.containerFooter .containerFooter--copyright b { font-family: "Saira", sans-serif; font-weight: 500; }

/* --------------------------------- */
.containerView { padding: 30px 0 50px 0; position: relative; border-top: 2px solid #f9f7f2; }
.containerView .containerView--header { position: relative; border-bottom: 2px solid #f9f7f2; padding-bottom: 35px; margin-bottom: 35px; }
.containerView .containerView--header .containerView--title { padding-bottom: 5px; }
.containerView .containerView--header .containerView--title h1 { font-size: 30px; font-weight: 300; }
.containerView .containerView--content { position: relative; }
.containerView .containerView--content .containerView--content--left { float: left; width: 300px; }
.containerView .containerView--content .containerView--content--right { margin-left: 340px; }
.containerView .containerView--content .containerView--content--present { line-height: 24px; }

/* --------------------------------- */
@media (max-width: 1024px) {
    .containerWrapper { max-width: 100%; padding: 0 25px; box-sizing: border-box; }
    .containerHeader { height: auto; padding: 22px 0; }
    .containerHeader .containerWrapper { position: relative; min-height: 40px; overflow: visible; }
    .containerHeader .containerHeader--logotype { float: left; margin-top: 0; }
    .containerHeader .containerHeader--logotype .containerHeader--logo { display: block; width: 150px; height: 40px; background-size: 150px auto; }
    .containerHeader .containerHeader--socials { display: none; }
    .containerHeader .containerHeader--price { display: none; }
    .containerHeader .containerHeader--burger { display: block; float: right; width: 34px; margin-top: 7px; cursor: pointer; }
    .containerHeader .containerHeader--burger .burger--element { width: 100%; height: 3px; margin: 4px 0; background: #000; border-radius: 4px; }
    .containerHeader .containerHeader--phone { float: right; height: 30px; padding-left: 0; margin-left: 0; margin-top: 5px; margin-right: 25px; border-left: none; }
    .containerHeader .containerHeader--phone .phone--icon { float: left; margin-top: 3px; margin-right: 10px; }
    .containerHeader .containerHeader--phone .phone--number { float: left; height: 24px; margin-top: 3px; line-height: 24px; }
    .containerHeader .containerHeader--menu { display: none; position: absolute; top: 58px; left: 25px; right: 25px; height: auto; margin: 0; padding: 10px 0; background: #fff; border-radius: 16px; box-shadow: 0 20px 40px rgba(61,55,41,0.16); z-index: 50; }
    .containerHeader .containerHeader--menu a { float: none; display: block; height: 44px; line-height: 44px; margin: 0; padding: 0 20px; color: #000; border-bottom: 1px solid #f1eee7; box-sizing: border-box; }
    .containerHeader .containerHeader--menu a:last-child { border-bottom: none; }
    .containerVideo { padding: 0 25px; }
    .containerVideo .containerVideo--content { height: 420px; border-radius: 30px; }
    .containerVideo .containerVideo--present .containerVideo--present--left { float: none; text-align: center; }
    .containerVideo .containerVideo--present .containerVideo--present--right { float: none; padding-top: 35px; text-align: center; overflow: hidden; }
    .containerVideo .containerVideo--present .containerVideo--present--right .present--right--map { float: none; display: inline-block; }
    .containerVideo .containerVideo--present .containerVideo--present--right .present--right--address { float: none; padding: 20px 0 0 0; }
    .containerVideo .containerVideo--present .containerVideo--present--buttons { display: inline-block; }
    .containerNew .containerNew--container { grid-template-columns: 1fr; gap: 30px; }
    .containerServices .containerServices--container { grid-template-columns: 1fr 1fr; gap: 30px; }
    .containerTools .containerTools--container { grid-template-columns: 1fr; gap: 30px; }
    .containerFooter .containerFooter--top { grid-template-columns: 1fr 1fr; gap: 35px; }
}

/* --------------------------------- */
@media (max-width: 768px) {
    html, body { font-size: 15px; }
    .containerWrapper { padding: 0 18px; }
    .containerHeader { padding: 18px 0; }
    .containerHeader .containerWrapper { min-height: 40px; }
    .containerHeader .containerHeader--logotype { float: left; margin-top: 0; }
    .containerHeader .containerHeader--logotype .containerHeader--logo { width: 150px; height: 40px; background-size: 150px auto; }
    .containerHeader .containerHeader--socials { display: none; }
    .containerHeader .containerHeader--price { display: none; }
    .containerHeader .containerHeader--burger { float: right; display: block; width: 34px; margin-top: 7px; }
    .containerHeader .containerHeader--phone { float: right; height: 30px; padding-left: 0; margin-left: 0; margin-top: 5px; margin-right: 22px; border-left: none; }
    .containerHeader .containerHeader--phone .phone--icon { float: left; display: block; margin-top: 3px; margin-right: 10px; }
    .containerHeader .containerHeader--phone .phone--number { float: left; margin-top: 3px; }
    .containerHeader .containerHeader--menu { top: 56px; left: 18px; right: 18px; }
    .containerVideo { padding: 0 18px; }
    .containerVideo .containerVideo--content { height: 360px; border-radius: 24px; box-shadow: 0 20px 60px rgba(61,55,41,0.22); }
    .containerVideo .containerVideo--present { padding-top: 35px; padding-bottom: 35px; }
    .containerVideo .containerVideo--present h1 { font-size: 26px; line-height: 34px; }
    .containerVideo .containerVideo--present .containerVideo--present--buttons { width: 100%; }
    .containerVideo .containerVideo--present .containerVideo--present--buttons .present--buttons--about { float: none; display: block; margin-right: 0; margin-bottom: 12px; text-align: center; }
    .containerVideo .containerVideo--present .containerVideo--present--buttons .present--buttons--call { float: none; display: block; text-align: center; }
    .containerVideo .containerVideo--present .containerVideo--present--right .present--right--map img { max-width: 100%; }
    .containerNew { padding: 40px 0; }
    .containerNew .containerNew--container { gap: 25px; }
    .containerNew .containerNew--container .containerNew--element .containerNew--element--image { height: 220px; }
    .containerNew .containerNew--container .containerNew--element .containerNew--element--image .containerNew--element--title { top: 18px; left: 18px; height: 36px; line-height: 36px; padding: 0 18px; }
    .containerNew .containerNew--container .containerNew--element .containerNew--element--present { padding: 24px 22px 10px 22px; }
    .containerNew .containerNew--container .containerNew--element .containerNew--element--present .present--buttons .present--buttons--about { float: none; display: block; margin-right: 0; text-align: center; }
    .containerNew .containerNew--container .containerNew--element .containerNew--element--present .present--buttons .present--buttons--call { float: none; display: block; margin-bottom: 15px; text-align: center; }
    .containerServices { padding: 40px 0; }
    .containerServices .containerServices--title { padding-bottom: 30px; }
    .containerServices .containerServices--title h3 { font-size: 26px; }
    .containerServices .containerServices--container { grid-template-columns: 1fr; gap: 25px; }
    .containerServices .containerServices--container .containerServices--element { min-height: auto; }
    .containerServices .containerServices--container .containerServices--element .containerServices--element--present { padding: 24px 22px; }
    .containerTools { padding: 40px 0; }
    .containerTools .containerTools--title { padding-bottom: 30px; }
    .containerTools .containerTools--title h3 { font-size: 26px; }
    .containerTools .containerTools--container .containerTools--element { padding: 24px 22px; }
    .containerTools .containerTools--container .containerTools--element .containerTools--element--image { padding: 0; }
    .containerTools .containerTools--container .containerTools--element .containerTools--element--present { padding-top: 30px; }
    .containerTech { padding: 40px 0; }
    .containerTech .containerTech--title { padding-bottom: 30px; }
    .containerTech .containerTech--title h3 { font-size: 26px; }
    .containerTech .containerTech--content { max-height: none; padding: 0; }
    .containerAbout { padding: 25px 0; }
    .containerAbout h2 { height: auto; line-height: 26px; padding: 12px 18px; }
    .containerFooter { padding: 40px 0; }
    .containerFooter .containerFooter--top { grid-template-columns: 1fr; gap: 30px; }
    .containerFooter .containerFooter--brand--text { max-width: 100%; }
    .containerFooter .containerFooter--bottom { display: block; }
    .containerFooter .containerFooter--copyright { padding-bottom: 15px; }
    .containerFooter .containerFooter--legal { display: block; }
    .containerFooter .containerFooter--legal a { display: block; margin-bottom: 10px; }
}

/* --------------------------------- */
@media (max-width: 560px) {
    .containerWrapper { padding: 0 15px; }
    .containerHeader { padding: 16px 0; }
    .containerHeader .containerWrapper { min-height: 82px; padding: 0 30px; }
    .containerHeader .containerHeader--logotype { float: left; margin-top: 0; }
    .containerHeader .containerHeader--logotype .containerHeader--logo { width: 135px; height: 36px; background-size: 135px auto; }
    .containerHeader .containerHeader--burger { float: right; width: 32px; margin-top: 17px; cursor: pointer; }
    .containerHeader .containerHeader--phone { float: left; clear: left; height: 30px; padding-left: 0; margin-left: 0; margin-top: 16px; margin-right: 0; border-left: none; }
    .containerHeader .containerHeader--phone .phone--icon { float: left; display: block; margin-top: 3px; margin-right: 10px; }
    .containerHeader .containerHeader--phone .phone--number { float: left; margin-top: 3px; }
    .containerHeader .containerHeader--socials { position: absolute; top: 6px; right: 20px; display: block; margin: 0; padding: 0; border: none; }
    .containerHeader .containerHeader--price { display: none; }
    .containerHeader .containerHeader--menu { top: 98px; left: 15px; right: 15px; }
    .containerVideo { padding: 0 15px; }
    .containerVideo .containerVideo--content { height: 300px; border-radius: 20px; }
    .containerVideo .containerVideo--present { padding-top: 30px; padding-bottom: 30px; }
    .containerVideo .containerVideo--present h1 { font-size: 24px; line-height: 32px; }
    .containerVideo .containerVideo--present .containerVideo--present--buttons .present--buttons--about { padding: 0 18px; }
    .containerVideo .containerVideo--present .containerVideo--present--buttons .present--buttons--call { padding: 0 18px; }
    .containerVideo .containerVideo--present .containerVideo--present--right { padding-top: 28px; }
    .containerNew .containerNew--container .containerNew--element { border-radius: 16px; }
    .containerNew .containerNew--container .containerNew--element .containerNew--element--image { height: 190px; }
    .containerNew .containerNew--container .containerNew--element .containerNew--element--image .containerNew--element--title { max-width: calc(100% - 36px); box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .containerNew .containerNew--container .containerNew--element .containerNew--element--present h3 { font-size: 17px; line-height: 24px; }
    .containerServices .containerServices--title h3 { font-size: 24px; }
    .containerServices .containerServices--container .containerServices--element { border-radius: 16px; }
    .containerServices .containerServices--container .containerServices--element .containerServices--element--image { height: 180px; }
    .containerServices .containerServices--container .containerServices--element .containerServices--button { display: block; text-align: center; }
    .containerTools .containerTools--title h3 { font-size: 24px; }
    .containerTools .containerTools--container .containerTools--element { border-radius: 16px; }
    .containerTech .containerTech--title h3 { font-size: 24px; }
    .containerFooter .containerFooter--cta { float: none; display: block; text-align: center; }
}

/* --------------------------------- */
@media (max-width: 380px) {
    .containerHeader .containerHeader--logotype .containerHeader--logo { width: 125px; background-size: 125px auto; }
    .containerHeader .containerHeader--burger { width: 30px; }
    .containerHeader .containerHeader--phone .phone--number { font-size: 15px; }
}