*{margin:0;padding:0}body{font-family:"Inter",sans-serif;font-weight:400;font-size:16px}.not-scrollable{overflow-y:hidden}.online-masthead{background:linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6) ), url("/wp-content/themes/tonido2/images/fc-online/online-masthead.jpg");background-position:center top;background-repeat:no-repeat;background-size:cover;padding-top:80px;padding-bottom:150px;clip-path:polygon(0 0, 100% 0, 100% 95%, 0% 100%);position:relative;z-index:100}.online-masthead-content{max-width:1300px;margin:0
auto;color:#fff;padding:0
30px}.online-masthead-content
h1{font-family:"brandon-grotesque",sans-serif;font-weight:500;font-size:40px;line-height:50px}.online-masthead-content
h2{font-family:"brandon-grotesque",sans-serif;font-weight:500;font-size:30px;margin-top:20px}.online-masthead-content
p{margin-top:30px;line-height:27px;max-width:65%}.online-masthead-content .button-wrapper{margin-top:60px}.online-masthead-content
a{font-size:20px;font-weight:bold;font-family:"brandon-grotesque",sans-serif;color:#fff;background-color:#0E6AAB;padding:15px
90px;border-radius:15px;text-decoration:none}.online-masthead-content a:hover{background-color:#3daae4}@media screen and (min-width: 751px){.online-masthead-content
h1{font-size:50px;line-height:60px}.online-masthead-content
h2{font-size:32px;max-width:55%}}@media screen and (min-width: 601px) and (max-width: 1000px){.online-masthead-content{padding:0
50px}.online-masthead-content
p{max-width:80%}}@media screen and (max-width: 600px){.online-masthead-content
p{max-width:100%}}.online-features .content-wrapper
h2{font-family:"brandon-grotesque",sans-serif;font-size:36px;font-weight:500;color:#016aae;margin-bottom:35px;line-height:40px}.online-features .content-wrapper
h3{font-family:"brandon-grotesque",sans-serif;font-size:26px;font-weight:500;color:#000;margin-top:0px;margin-bottom:5px;line-height:40px}.online-features .content-wrapper
p{line-height:25px;max-width:90%}.features-section{overflow:hidden}.features-section .content-wrapper{display:flex;max-width:1400px;margin:0
auto}.features-section .content-wrapper .content-row:not(:last-child){margin-bottom:20px}.features-section .content-wrapper .content-col{width:55%;padding:120px
70px}.features-section .content-wrapper .img-col{width:45%;position:relative}.img-wrapper
img{max-width:100%}@media screen and (max-width: 700px){.online-features .content-wrapper
h2{font-size:30px}.online-features .content-wrapper
p{max-width:100%}}@media screen and (max-width: 900px){.features-section .content-wrapper{flex-wrap:wrap}.features-section .content-wrapper .content-col{width:100%;padding:120px
70px;order:1}.features-section .content-wrapper .img-col{width:100%;position:relative;order:2}}.online-features .cta-button, .two-cols-wrapper .cta-button{font-family:"brandon-grotesque",sans-serif;font-size:16px;text-transform:uppercase;text-decoration:none;font-weight:600;background-color:#016aae;color:#fff;border-radius:3px;padding:8px
30px}.online-features .cta-button:hover, .two-cols-wrapper .cta-button:hover{background-color:#3daae4}.online-grid-wrapper{background-color:#FFF;padding:100px
20px 130px}.online-grid-wrapper
h2{font-family:"brandon-grotesque",sans-serif;font-weight:500;font-size:35px;text-align:center;color:#016aae}.online-grid{max-width:1100px;margin:70px
auto 0;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:20px}.online-grid .col-1{grid-column:span 2 / span 2;display:flex;align-items:stretch}.online-grid .col-2{grid-column:span 2 / span 2;display:flex;align-items:stretch}.online-grid .col .side-icon{background-color:#EAF0F2;padding:25px;border-top-left-radius:5px;border-bottom-left-radius:5px;justify-content:center}.online-grid .col .side-icon
img{width:45px;position:relative;top:50%;transform:translateY(-50%)}.online-grid .col .cell-copy{background-color:#F8F8F8;padding:25px;border-top-right-radius:5px;border-bottom-right-radius:5px;flex-grow:1}.online-grid .col .cell-copy
h3{font-size:16px;margin-bottom:5px}@media screen and (min-width: 700px){.online-grid .col-1{grid-column:span 1 / span 1}}.online-features .features-title{clip-path:polygon(0 5%, 100% 0, 100% 100%, 0% 100%);background-color:#F7F7F7;padding:90px
20px 50px}.online-features .features-title
h2{font-family:"brandon-grotesque",sans-serif;font-weight:500;font-size:35px;text-align:center;color:#016aae}.features-section
a{color:#016aae}.section1-wrapper{background-color:#f7f7f7;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 96%);position:relative;z-index:9}.section1-wrapper .content-wrapper .img-col .img-wrapper{width:90%}.features-section.section1-wrapper .content-wrapper .content-col{padding:0px
30px 40px}.section1-wrapper .content-wrapper .img-col .img-wrapper
img{box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.15)}@media screen and (min-width: 900px){.section1-wrapper .content-wrapper .img-col .img-wrapper{width:700px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.features-section.section1-wrapper .content-wrapper .content-col{padding:120px
70px 120px 100px}}.section2-wrapper{background-color:#fff;margin-top:-50px;position:relative;z-index:7}.section2-wrapper .content-wrapper .img-col .img-wrapper{width:95%;margin:0
auto}.features-section.section2-wrapper .content-wrapper .content-col{padding:110px
30px 40px}@media screen and (min-width: 900px){.section2-wrapper .content-wrapper .img-col .img-wrapper{width:800px;position:absolute;right:0;top:50%;transform:translateY(-40%)}.features-section.section2-wrapper .content-wrapper .content-col{padding:150px
20px 120px 140px}}.section3-wrapper{background-color:#f7f7f7;position:relative;z-index:7;padding-top:50px;margin-top:-50px;clip-path:polygon(0 0, 100% 0, 100% 97%, 0 100%)}.features-section.section3-wrapper .content-wrapper .content-col{padding:20px
30px 40px}.features-section.section3-wrapper .content-wrapper .content-col
h2{color:#fff}.section3-wrapper .content-wrapper .img-col .img-wrapper{width:90%;margin:0
auto;text-align:center;padding-bottom:150px}@media screen and (min-width: 900px){.section3-wrapper{margin-top:0}.section3-wrapper .content-wrapper .img-col .img-wrapper{width:550px;position:absolute;left:0;margin:auto;text-align:right;padding-bottom:0}.features-section.section3-wrapper .content-wrapper .content-col{padding:120px
70px 170px 100px}}.section4-wrapper{background-color:#fff;clip-path:polygon(0 3%, 100% 0, 100% 100%, 0 100%);margin-top:-250px;position:relative;z-index:8;padding-bottom:50px}.features-section.section4-wrapper .content-wrapper .content-col{padding:110px
30px 40px}@media screen and (min-width: 900px){.section4-wrapper{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 97%);z-index:6;margin-top:-50px;padding-bottom:0}.features-section.section4-wrapper .content-wrapper .content-col{padding:170px
20px 170px 140px}.section4-wrapper .content-wrapper .img-col .img-wrapper{width:900px;position:absolute;right:0;bottom:50px}}.section5-wrapper{background-color:#f7f7f7;clip-path:polygon(0 0, 100% 0, 100% 96%, 0% 100%);position:relative;z-index:7}.section5-wrapper .content-wrapper .img-col .img-wrapper{width:90%;text-align:right;margin-left:auto}.features-section.section5-wrapper .content-wrapper .content-col{padding:110px
30px 40px}@media screen and (max-width: 600px){.features-section.section5-wrapper .content-wrapper .content-col{padding:65px
30px 80px}.section5-wrapper .content-wrapper .img-col .img-wrapper{left:0}}@media screen and (min-width: 900px){.section5-wrapper .content-wrapper .img-col .img-wrapper{width:700px;position:absolute;left:0;top:50%;transform:translateY(-50%);box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.15)}.features-section.section5-wrapper .content-wrapper .content-col{padding:120px
70px 120px 100px}}.section6-wrapper{background-color:#fff;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 96%);margin-top:-50px;position:relative;z-index:6}.features-section.section6-wrapper .content-wrapper .content-col{padding:110px
30px 40px}.section6-wrapper .content-wrapper .img-col .img-wrapper{width:70%;margin:0
auto;text-align:center;padding-bottom:30px}@media screen and (min-width: 900px){.section6-wrapper .content-wrapper .img-col .img-wrapper{width:567px;position:absolute;right:0;bottom:0px}.features-section.section6-wrapper .content-wrapper .content-col{padding:150px
20px 170px 140px}}.section7-wrapper{background-color:#f7f7f7;clip-path:polygon(0 0, 100% 3%, 100% 96%, 0% 100%);position:relative;z-index:7;margin-top:-65px}.features-section.section7-wrapper .content-wrapper .content-col{padding:110px
30px 40px}.section7-wrapper .content-wrapper .img-col .img-wrapper{width:90%;margin:0
auto;padding-bottom:75px}@media screen and (min-width: 900px){.section7-wrapper .content-wrapper .img-col .img-wrapper{width:800px;position:absolute;left:100px;top:50%;transform:translateY(-50%);padding-bottom:0px}.features-section.section7-wrapper .content-wrapper .content-col{padding:120px
0px 120px 100px}}.section8-wrapper{background-color:#fff;clip-path:polygon(0 4%, 99% 0, 100% 97%, 0 100%);margin-top:-100px;position:relative;z-index:8}.features-section.section8-wrapper .content-wrapper .content-col{padding:110px
30px 40px}.section8-wrapper .content-wrapper .img-col .img-wrapper{width:90%}@media screen and (min-width: 900px){.section8-wrapper{margin-top:20px;z-index:6}.features-section.section8-wrapper .content-wrapper .content-col{padding:150px
20px 120px 140px}.section8-wrapper .content-wrapper .img-col .img-wrapper{width:800px;position:absolute;right:0;top:50%;transform:translateY(-48%)}}.section9-wrapper{background-color:#f7f7f7;clip-path:polygon(0 3%, 100% 0, 100% 100%, 0 100%);position:relative;z-index:9;margin-top:-50px}.features-section.section9-wrapper .content-wrapper .content-col{padding:110px
30px 40px}.section9-wrapper .content-wrapper .img-col .img-wrapper{width:90%;margin:0
auto}@media screen and (min-width: 900px){.section9-wrapper{margin-top:0px}.features-section.section9-wrapper .content-wrapper .content-col{padding:120px
0px 120px 100px}.section9-wrapper .content-wrapper .img-col .img-wrapper{width:700px;position:absolute;left:0px;top:50%;transform:translateY(-50%)}}.section10-wrapper{background-color:#07202F;margin-top:-30px;position:relative;z-index:6;color:#fff}.online-features .section10-wrapper .content-wrapper
h3{font-family:"brandon-grotesque",sans-serif;font-size:36px;font-weight:500;color:#fff;margin-bottom:30px;line-height:40px}.online-features .section10-wrapper .content-wrapper
p{margin-bottom:50px}.features-section.section10-wrapper .content-wrapper .img-col{width:80%;margin:0
auto}.features-section.section10-wrapper .content-wrapper .content-col{padding:100px
50px 80px}@media screen and (min-width: 900px){.features-section.section10-wrapper .content-wrapper{align-items:center;padding-top:300px}.section10-wrapper .content-wrapper .img-col .img-wrapper{width:800px;position:absolute;right:0;top:50%;transform:translateY(-60%)}.features-section.section10-wrapper .content-wrapper .content-col{width:auto;margin-left:auto;padding:0px
20px 170px 0px}.features-section.section10-wrapper .content-wrapper .img-col{width:58%}}.section11-wrapper{background-color:#016AAE;clip-path:polygon(0 0, 100% 0, 100% 96%, 0% 100%);position:relative;z-index:6;color:#fff;margin-top:-40px;padding-bottom:70px}.online-features .section11-wrapper .content-wrapper
h3{font-family:"brandon-grotesque",sans-serif;font-size:36px;font-weight:500;color:#fff;margin-bottom:30px;line-height:48px}.online-features .section11-wrapper .content-wrapper
ul{margin-top:30px;list-style:none;padding:0}.online-features .section11-wrapper .content-wrapper ul
li{padding-left:24px;position:relative;margin-bottom:12px}.online-features .section11-wrapper .content-wrapper ul>li::before{content:"";position:absolute;background:url("/wp-content/themes/tonido2/images/fc-online/online-icon-checkmark.svg");background-repeat:no-repeat;width:18px;height:18px;top:0;margin-top:4px;left:0}.features-section.section11-wrapper .content-wrapper .content-col{padding:75px
50px 30px}@media screen and (min-width: 900px){.section11-wrapper{margin-top:0;padding-bottom:0}.features-section.section11-wrapper .content-wrapper .content-col{padding:120px
0px 120px 30px}.section11-wrapper .content-wrapper .img-col .img-wrapper{width:800px;position:absolute;left:-70px;top:50%;transform:translateY(-50%)}.online-features .section11-wrapper .content-wrapper
h3{max-width:60%}}.section12-wrapper{background-color:#fff;clip-path:polygon(0 0, 100% 0, 100% 96%, 0% 100%);position:relative;z-index:6;text-align:center}.online-features .section12-wrapper .content-wrapper{display:block;padding:100px
20px}.online-features .section12-wrapper .content-wrapper
h3{font-family:"brandon-grotesque",sans-serif;font-size:36px;font-weight:500;color:#016aae;margin-bottom:30px;line-height:40px}.online-features .section12-wrapper .content-wrapper
h4{font-family:"brandon-grotesque",sans-serif;font-size:20px;font-weight:500;margin-top:10px;line-height:28px}.section12-wrapper .icons-grid{max-width:1200px;margin:0
auto;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:20px;padding:100px
20px}.section12-wrapper .icons-grid
.col{grid-column:span 2 / span 2}.section12-wrapper .icons-grid .col
img{width:50px}@media screen and (min-width: 650px){.section12-wrapper .icons-grid
.col{grid-column:span 1 / span 1}}.two-cols-wrapper{background-color:#F7F7F7;clip-path:polygon(0 1%, 100% 0, 100% 100%, 0% 100%);padding:190px
20px 20px;position:relative;text-align:center}.two-cols-wrapper .two-cols-container{max-width:1000px;margin:0
auto}.two-cols-wrapper .two-cols-container
h2{font-family:"brandon-grotesque",sans-serif;font-size:36px;font-weight:500;color:#016aae;line-height:40px;text-align:center;margin:0
auto 30px}.two-cols-wrapper .devices-img{max-width:100%;margin-top:20px}.two-cols-container .two-cols-grid{margin:80px
0;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:20px;text-align:left}.two-cols-container .two-cols-grid
.col{grid-column:span 2 / span 2;padding:40px;background-color:#fff;border-radius:5px}.two-cols-grid .col
h3{font-family:"brandon-grotesque",sans-serif;font-size:22px;margin-top:0px;margin-bottom:10px;font-weight:500}.two-cols-grid .col
p{line-height:22px}.two-cols-grid .col
a{color:#000;text-decoration:underline}.two-cols-grid .col a:hover{color:#016aae}@media screen and (min-width: 750px){.two-cols-wrapper{clip-path:polygon(0 2%, 100% 0, 100% 100%, 0% 100%)}.two-cols-container .two-cols-grid
.col{grid-column:span 1 / span 1}.two-cols-wrapper .devices-img{width:90%;position:relative;bottom:-20px}.two-cols-wrapper .two-cols-container
h2{max-width:70%}}@media screen and (min-width: 1024px){.two-cols-wrapper{text-align:left}.two-cols-wrapper .cta-button{margin-left:15%}.two-cols-wrapper .img-container{width:100%;text-align:right;margin-top:-320px}.two-cols-wrapper .img-container .devices-img{width:58%}}@media screen and (min-width: 1800px){.two-cols-wrapper .img-container{padding-right:250px}.two-cols-wrapper .img-container .devices-img{width:45%}}.features-list-wrapper{padding:100px
20px}.features-list-wrapper .features-list-container{max-width:700px;margin:0
auto}.features-list-wrapper .features-list-container
h2{font-family:"brandon-grotesque",sans-serif;font-size:36px;font-weight:500;color:#016aae;line-height:40px;text-align:center;max-width:70%;margin:0
auto 50px}.features-list-container ul
a{color:#000}.features-list-container ul a:hover{color:#016aae}.features-list-container
ul{list-style:none;padding-left:0}.features-list-container ul .title-row{background-color:#016aae;padding:5px
20px;border-radius:3px;color:#fff;font-family:"brandon-grotesque",sans-serif;font-size:20px;position:relative;margin-bottom:5px}.features-list-container ul .title-row:hover{background-color:#3daae4;cursor:pointer}.features-list-container ul .title-row
img{position:absolute;right:20px;top:42%;transition:all 0.5s ease-in-out}.features-list-container ul .title-row.active
img{transform:rotate(180deg);transition:all 0.5s ease-in-out}.features-list-container ul .body-row{padding:10px
20px;border-radius:3px;display:none}.features-list-container ul .body-row:nth-child(odd){background-color:#F6F6F6}.features-list-container ul .body-row:nth-child(even){background-color:#fff}.online-links{background-color:#07202F;padding:100px
0}.links-row{max-width:1200px;margin:0
auto;padding:0
20px;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:20px}.links-row
a{text-decoration:none}.link-col:hover{background-color:#3daae4}.link-col{grid-column:span 1 / span 1;background-color:#016AAE;border-radius:8px;color:#fff;text-align:center;padding:50px
10px}.link-col
img{width:120px;height:120px;margin-bottom:20px;filter:grayscale(100%)}.link-col
h3{font-family:"brandon-grotesque",sans-serif;font-weight:500;font-size:22px;color:#fff;margin:0}@media screen and (max-width: 750px){.link-col{grid-column:span 3 / span 3;padding:50px
0}}.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.8)}.modal-content{margin:100px
auto 10px;display:block;width:100%;height:fit-content;border-radius:3px;max-width:1000px;overflow:hidden;background-color:#fff}.modal-content
img{width:100%;max-width:100%}.modal-content{-webkit-animation-name:zoom;-webkit-animation-duration:0.4s;animation-name:zoom;animation-duration:0.4s}@-webkit-keyframes
zoom{from{-webkit-transform:scale(0.9)}to{-webkit-transform:scale(1)}}@keyframes
zoom{from{transform:scale(0.9)}to{transform:scale(1)}}.close{cursor:pointer;position:absolute;top:90px;right:50px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s}@media screen and (max-width: 768px){.close{top:100px;right:35px}}.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width: 700px){.modal-content{margin-top:25px;width:90%}}.enlarge-img:hover{cursor:pointer}.enlarge-img:hover:after{background:url("/wp-content/themes/tonido2/images/icon-enlarge.svg") no-repeat, linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));background-size:20px;background-position:center;content:"";cursor:pointer;transition: .5s ease;position:absolute;white-space:nowrap;font-size:25px;padding:17px;color:#FFF;top:0;right:0;z-index:1000;font-weight:400}