@font-face {

    font-family: 'SF Pro Display',-apple-system,BlinkMacSystemFont,sans-serif;

    src: local("SF Pro Display"), local("SF Pro Display"), url(/assets/fonts/sfpro400.woff2) format("woff2");

    font-weight: 400;

    font-style: normal;

}

@font-face {

    font-family: 'SF Pro Display',-apple-system,BlinkMacSystemFont,sans-serif;

    src: local("SF Pro Display"), local("SF Pro Display"), url(/assets/fonts/sfpro700.woff2) format("woff2");

    font-weight: 700;

    font-style: normal;

}

@font-face {

    font-family: 'SF Pro Display',-apple-system,BlinkMacSystemFont,sans-serif;

    src: local("SF Pro Display"), local("SF Pro Display"), url(/assets/fonts/sfpro900.woff2) format("woff2");

    font-weight: 900;

    font-style: normal;

}





* {

    box-sizing: border-box;

    padding: 0;

    margin: 0;

    outline: 0;

    list-style-type: none;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

body {

    font-family: 'SF Pro Display', sans-serif;

    top: 0;

    left: 0;

    height: 100%;

    background: #090f1e;

    color: #fff;

}

img {

    max-width: 100%;

    height: auto;

}

.container {

  padding: 0 15px;

  margin: 0 auto;

}

a {

    color: #f05f40;

    text-decoration: none;

    font-size: 18px;

}

a:hover {

    color: #fff;

}

h1 {

    font-family: SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;

    font-size: 48px;

    font-weight: 900;

    line-height: 1;

    margin: 25px 0;

}

h2 {

    margin: 30px 0 20px 0;

    font-size: 38px;

    font-weight: 800;

    text-transform: uppercase;

    position: relative;

}

h2:after {

    border-radius: 3px;

    content: "";

    background: #f9c500;

    width: 120px;

    height: 6px;

    display: block;

    margin-top: 10px;

}

nav ol {

    column-count: 2;

    

}

ul {

    margin: 20px 0;

}

ul li {

    list-style: decimal;

    margin-left: 3em;

    font-size: 18px;

}

ol li {

    font-size: 18px;

    list-style-type: disclosure-closed;

    list-style-position: inside;

}

.table-responsive {

    max-width: 100%;

    box-sizing: border-box;

    overflow-x: auto;

}

table {

    border-collapse: collapse;

    width: 100%;

    margin: 20px 0;

}

table tr {

    border-left: 1px solid #fff;

    border-top: 1px solid #fff;

}

table td {

    border-right: 1px solid #fff;

    border-bottom: 1px solid #fff;

    padding: 10px;

    min-width: 120px;

}

table td, table th {

    padding: 10px;

    border: 1px solid #cbbdbd;

}

p {

    font-size: 20px;

    margin: 10px 0;

}

.cta-wrap {

    margin: 50px 0;

    display: flex;

    justify-content: center;

}

.cta-btn {

    display: flex;

    justify-content: center;

    align-items: center;

    box-sizing: border-box;

    border: none;

    border-radius: 50px;

    text-align: center;

    text-decoration: none;

    line-height: 22px;

    letter-spacing: 1px;

    white-space: nowrap;

    color: #fff;

    cursor: pointer;

    box-shadow: 0 3px 0 0 #871628, 0 4px 4px 0 #000;

    background-color: #fe284a;

    height: 45px;

    padding: 0 25px;

    font-size: 17px;

    font-weight: 800;

}

.cta-btn:hover {

    box-shadow: 0 3px 0 0 #871628, 0 4px 4px 0 #000, inset 0 15px 15px -3px rgb(255 255 255 / 40%);

}







@media (min-width: 768px) { .container { width: 750px; } }

@media (min-width: 992px) { .container { width: 970px; } }

@media (min-width: 1200px) { .container { width: 1170px; } }







.banner {

    background-image: url('../img/background.webp');

    background-size: cover;

    background-repeat: no-repeat;

    padding: 10px 0;

}



.menu {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.menu-wrap {

    display: flex;

}

header{

  min-height: 100px;

  padding: 0 20px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.switcher{

  position: absolute;

  visibility: hidden;

  left: -9999px;

}

label{

  font-size: 30px;

  cursor: pointer;

  display: none;

}

.menu ul{

  list-style-type: none;

  display: flex;

}

.menu li {

    list-style: none;

    margin-left: 20px;

}

.menu a {

    color: #ffffffb3;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 700;

}

.menu a:hover {

    color: #00b8ff;

}



.banner-wrap {

    display: grid;

    grid-template-columns: 10fr 9fr;

    align-items: center;

    padding: 100px 0;

}

.banner-item {

    justify-self: center;

}

.btn-wrap {

    display: flex;

    flex-direction: column;

}

.h1-wrap:after {

    background-color: #f9c500;

    border-radius: 3px;

    height: 7px;

    width: 76px;

    border: none;

    content: "";

    position: absolute;

}

.h1sub {

    padding: 30px 0;

    font-size: 21px;

    color: #9199b8;

    letter-spacing: .49px;

    line-height: 1.43;

    max-width: 30ch;

    font-weight: 400;

}

.btn-cod {

    background-color: transparent;

    border-radius: 10px;

    box-shadow: 0 7px 32px 0 rgb(255 215 0 / 40%);

    color: #fff;

    text-shadow: 0 2px 15px rgb(0 0 0 / 50%);

    transition: all .2s ease-out;

    padding: 17px 20px;

    border: 2px solid #fcc801;

    margin-bottom: 15px;

    display: inline-flex;

    align-items: center;

    font-size: 20px;

    max-width: 28ch;

}

.btn-cod:hover {

    color: #00b8ff;

    border: 2px solid #00b8ff;

    box-shadow: 0 7px 32px 0 rgb(8 185 247);

}

.btn-promolink {

    background-color: #ffca00;

    border-radius: 10px;

    box-shadow: 0 7px 32px 0 rgb(255 215 0 / 40%);

    color: #fff;

    text-shadow: 0 2px 15px rgb(0 0 0 / 50%);

    transition: all .2s ease-out;

    padding: 18px 30px;

    font-size: 20px;

    display: inline-flex;

    align-items: center;

    max-width: 28ch;

}

.btn-promolink:hover {

    background: #00b8ff;

    box-shadow: 0 7px 32px 0 rgb(8 185 247);

}

.bannerlic-wrap {

    display: flex;

    align-items: center;

}

.bannerlic-item {

    margin: 25px 0 0 10px;

}

.bannerlic-item-title {

    font-weight: 700;

}

.js-copy-target {

    font-size: 28px;

}

.copy {

    width: 22px;

    margin-left: 10px;

}

.copy {

    width: 22px;

    margin-left: 10px;

}







.breadcrumb {

    display:flex;

    margin: 20px 0;

    padding: 0 7%;

    color: #f05f40;

    font-size: 13px;

}

.breadcrumb a {

    color: #f05f40;

}

.breadcrumb li {

    margin-right: 30px;

    list-style: disclosure-closed;

    font-size: 18px;

    color: #f05f40;

}

.breadcrumb li.active:after {

    display: none;

}











.c-faq {

    box-sizing: border-box;

    width: 100%;

}

details {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    -o-user-select: none;

    user-select: none;

    display: block;

    box-shadow: inset 0 0 20px 0 rgb(0 0 0 / 50%);

    background-color: #212132;

    padding: 14px 12px 0;

    border: 1px solid #fff;

    color: #fff;

    border-radius: 6px;

    margin-bottom: 2rem;

}

details[open] summary {

    border-color: #e4e5eb;

}

summary {

    position: relative;

    width: 100%;

    display: inline-block;

    text-align: left;

    cursor: pointer;

    box-sizing: border-box;

    color: #fff;

    font-weight: 700;

    border-bottom: 1px solid transparent;

    padding-bottom: 14px;

    transition-duration: .3s;

}

details[open] summary {

    border-color: #e4e5eb;

}

details>div {

    margin: 0;

    padding: 20px 8px 20px 28px;

    text-align: left;

}

summary {

    font-size: 22px;

    font-weight: 700;

}

summary~* {

    -webkit-animation: sweep .5s;

    animation: sweep .5s;

}







.content {

    margin: 25px 0;

}

.content-wrap {

    padding: 2% 5%;

    border-radius: 10px;

}







.review-item {

    border: 1px solid #dc1f00;

    border-radius: 10px;

    padding: 30px 20px;

    margin: 25px 0;

    display: grid;

    grid-template-columns: 1fr 5fr;

    align-items: center;

    justify-items: center;

    grid-gap: 10px;

}

form {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

}

input {

  height: 47px;

  border-radius: 10px;

  padding: 15px;

  margin: 5px;

}







.footer-logo {

    display: flex;

    align-items: center;

    margin: 30px 0;

}

.footer-separator {

    -webkit-box-flex: 1;

    flex: 1;

    margin-left: 20px;

    margin-right: 18px;

    height: 1px;

    background: -webkit-linear-gradient(left,hsla(0,0%,100%,.2) 9.92%,transparent);

    background: linear-gradient(90deg,hsla(0,0%,100%,.2) 9.92%,transparent);

    margin-top: 11px;

}

.footer-contact {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    grid-gap: 20px;

}

.footer-contact-item {

    display: flex;

    flex-direction: column;

}

.footer-contact-item a {

    color: #8d949e;

    font-size: 16px;

    margin: 4px 0;

}

.footer-contact-item a:hover {

    color: #fff;

}

.footer-contact-title {

    font-weight: 700;

    margin: 10px 0;

}

.footer-contact-subtitle {

    color: #34405e;

    font-size: 12px;

    margin: 10px 0;

}

.footer-contact-phone {

    display: flex;

    align-items: center;

}

.footer-contact-phone a {

    color: #fff;

    font-size: 14px;

    font-weight: 700;

}

.phone-img {

    width: 28px;

    height: 28px;

    margin-right: 5px;

}

.footer-social {

    display: flex;

    align-items: center;

    margin: 50px 0;

    padding: 20px 0;

    border-top: 1px solid #2d323f;

    border-bottom: 1px solid #2d323f;

}

.footer-social-item2 {

    display: flex;

    justify-content: space-between;

    flex: 0 0 75%;

}

.footer-img {

    width: 50px;

    height: 50px;

}

.footer-copyright {

    font-size: 8px;

    line-height: 12px;

    color: rgba(92,114,163,.5);

    margin-bottom: 30px;

}



@media (max-width: 1000px) {

 

}



@media (max-width: 768px) {

    .banner-wrap {

        grid-template-columns: 1fr;

        padding: 15px;

    }

    .banner-img {

        display: none;

    }

    h1 {

    font-size: 30px;

    }

    .h1sub {

    padding: 19px 0;

    font-size: 17px;

    max-width: 100ch;

    }

    h2 {

        font-size: 20px;

    }

    p {

        font-size: 18px;

    }

    ul li {

    list-style: decimal;

    margin-left: 1em;

    font-size: 18px;

    }

    .footer-contact {

        grid-template-columns: 1fr;

    }

    .footer-social {

        flex-direction: column;

    }

    .footer-social-item2 {

        flex-wrap: wrap;

        justify-content: center;

        margin-top: 20px;

    }

    .btn-cod {

        padding: 10px 15px;

        font-size: 16px;

    }

    .btn-promolink {

        padding: 10px 25px;

        font-size: 16px;

    }

    

    header  .open,.close{

        display: block;

        max-width:800px;

    }

    header  .close{

        position: absolute;

        top: 40px;

        right: 40px;

        }

    header .switcher:checked ~ nav{

        right: 0;

        z-index: 2;

    }

    header nav{

        position: fixed;

        width: 100%;



        background: #090c13;

        top: 0;

        right: -100%;

        text-align: center;

        padding: 100px 0;

        transition: .7s

        z-index: 2;

    }

    header  ul{

        flex-direction: column;

    }

    .menu li {

        list-style: none;

        margin: 5px 0;

    }

    

    .cta-btn {

        white-space: normal;

        padding: 35px 15px;

    }

    .review-item {

        grid-template-columns: 1fr;

    }

}