@font-face {
    font-family: Moderustic;
    src: url(fonts/Moderustic-Light.ttf);
    font-weight: 300;
}
@font-face {
    font-family: Moderustic;
    src: url(fonts/Moderustic-Regular.ttf);
}
@font-face {
    font-family: Moderustic;
    src: url(fonts/Moderustic-SemiBold.ttf);
    font-weight: 500;
}
* {
    margin: 0;
    padding: 0;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}
  
body {
    min-height: 100dvh;
}
input,
button,
textarea,
select {
    font: inherit;
}
  
p {
    text-wrap: pretty;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: balance;
}

img,
video,
svg {
    height: auto;
    max-width: 100%;
}

ul {
    list-style: none;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
        transition: none;
    }
}
  
.container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
}

p {
    margin: 10px 0;
}

a {
    text-decoration: none;
}

body {
    font-size: 14px;
    font-family: 'Moderustic', 'Arial'; 
}
#main-header {
    background: url(images/kdsheader.png) center #b26d53;
    padding: 50px 0;
    color: #FFF;
    background-size: cover;
}
#main-header .container {
    width: 100%;
}
.h-top {
    display: flex;
    justify-content: space-between;
}
.num a {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMAD8WHd9LMx9t8YWA/2RPHHAAAAGFJREFUCNdVyKENgEAQRNE9ibtg0BRAF0hawBIsBVACpSBohRMoemGWnSHhq5dv1rPB7Gblx8mbnVH9MXWg5rUVzWUsmhnkNJAT1ATfeeYgZmvBBjOYVsygT3LHJCtMdQgPiH8/8ofQlZcAAAAASUVORK5CYII=) no-repeat 20px center 
        #4d93f5;
    background-size: 16px;
    color:  #FFF;
    display: block;
    padding: 8px 20px 8px 45px;
    border-radius: 20px;
    font-size: 17px;
    transition: all ease .33s;
}
.num a:hover {
    background-color: #124a98;
}
.h-m {
    text-align: center;
    width: 700px;
    margin: 150px auto 100px;
    max-width: 100%;
}
.hm-title {
    font-weight: bold;
    font-size: 50px;
    margin-bottom: 40px;
}
.h-m p {
    font-size: 16px;
}
.mxa {
    
margin: 40px 0 10px;
}
.mxa li {
    display: inline-block;
    margin: 0 10px 10px;
}
.mxa li a {
    display: block;
    background: #4d93f5;
    border: 1px solid #4d93f5;
    color: #FFF;
    font-weight: bold;
    border-radius: 50px;
    font-size: 16px;
    padding: 10px;
    width: 210px;
}
.mxa li:nth-child(2) a {
    display: block;
    background: transparent;
    border: 1px solid #FFF;
}
small {
    font-size: 12px;
}
.smslx {
    background: #4a8dea;
    color: #FFF;
    display: flex;
    padding: 40px 0;
    text-align: center;
    justify-content: center;
    font-size: 17px;
}
.smslx > div {
    width: 33.33333%;
    padding: 0 15px;
}
.smslx > div i {
    background: url(images/item.png);
    display: inline-block;
    width: 12px;
    height: 12px;
    background-size: cover;
    margin-right: 10px;
}
.pqum {
    background: #eef5fe;
    text-align: center;
    padding: 70px 0;
}
.title {
    font-size: 50px;
    font-weight: bold;
    color: #4d94f5;
    margin-bottom: 30px;
    line-height: 50px;
}
.descr {
    color: #8ba6cc;
    width: 670px;
    margin: auto;
    max-width: 100%;
}
.ksnxn {
    background: url(images/peumb.png) center #b3afb0;
    border-radius: 40px;
    padding: 20px 20px 100px 20px;
    color: #FFF;
    margin-top: 60px;
    position: relative;
}
.eec {
    background: #f5f8fd;
    border: 3px solid #f5f8fd;
    color: #4a607f;
    font-weight: bold;
    width: 350px;
    margin: auto;
    border-radius: 50px;
    display: flex;
    max-width: 100%;
}
.eec li {
    padding: 10px 15px;
    width: 33.33333%;
}
.eec li.active {
    background: #4d93f5;
    color: #FFF;
    border-radius: 50px;
}
.smdpn {
    width: 440px;
    margin: 260px auto 0;
    max-width: 100%;
}
.smes {
    position: absolute;
    left: 25px;
    width: 150px;
    height: 260px;
    background: url(images/somoses.png);
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
}
.smdpn-title {
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
}
.smdpn-descr {
    margin-top: 30px;
    margin-bottom: 40px;
    font-size: 16px;
}
.smdpn a {
    background: #4d93f5;
    color: #FFF;
    border-radius: 50px;
    display: block;
    padding: 15px;
    font-weight: bold;
    width: 200px;
    margin: auto;
}
.cn1jsx {
    background: #4d93f5;
    color: #FFF;
    text-align: center;
    padding: 100px 0;
}
.cn1jsx-title {
    font-size: 50px;
}
.smxlw {
    background: #eef5fe;
    padding: 100px 0;
}
.video {
    background: url(images/kdsvideo.png) center no-repeat;
    padding-bottom: 55%;
    background-size: cover;
    border-radius: 50px;
}
.lsmxms {
    margin-top: 50px;
    color: #8ba6cc;
}
.lsmxms ul {
    display: flex;
}
.lsmxms ul li {
    position: relative;
    padding: 30px 0;
    border-top: 2px solid #d7e3f3;
    border-bottom: 2px solid #d7e3f3;
    font-size: 18px;
}
.lsmxms ul li:nth-child(1) {
    padding-right: 50px;
}
.lsmxms ul li:nth-child(2) {
    border-left: 2px solid #d7e3f3;
    border-right: 2px solid #d7e3f3;
    padding-left: 50px;
    padding-right: 50px;
}
.lsmxms ul li:nth-child(3) {
    padding-left: 50px;
}
.lsmxms ul li span {
    position: relative;
    padding-left: 25px;
    display: block;
    font-weight: 300;
}
.lsmxms ul li span::before {
    content: '';
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAASFBMVEUAAACKpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc5wUsdQAAAAF3RSTlMAxx4M36hC+Ww3KGXw69q5ik4V1Hl4V20QeUYAAACCSURBVBjTVc1JFsMgDATRBpnBEI8Z+v43jR5gxamV9BcSrkTwVwwLuYRocG4cbWcXP9GafCPHWw5atTXMD7IqrSaA2gp4atWpjLMeUeUDcZcw4iCfAoi9PjCTdAITzpDUzCTpGNisS/9SUrMhqUDLvJXRetF6YxRdBxfxq+R9zwWtL4VNDrIh5CV2AAAAAElFTkSuQmCC);
    background-size: cover;
}
.planes {
    background: #eaf2fd;
    text-align: center;
    padding: 70px 0;
}
.lplanes > ul {
    display: flex;
    justify-content: center;
    background: #FFF;
    border: 4px solid #FFF;
    width: 400px;
    max-width: 100%;
    margin: 40px auto;
    border-radius: 50px;
    position: relative;
    color: #4a607f;
}
.lplanes > ul li {
    padding: 12px;
    border-radius: 50px;
    flex: 1;
    cursor: pointer;
    position: relative;
    transition: all ease .33s;
    outline: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}
.lplanes > ul li.active {
    background: #4d93f5;
    color: #FFF;
    font-weight: bold;
}
.lplanes > ul:hover li {
    background: #FFF;
    color: #444;
}
.lplanes > ul li:hover {
    background: #4d93f5;
    color: #FFF;
}
.plsxn {
    background: #eef5fe;
    padding: 60px 70px;
    border-radius: 50px;
}
.planesbox {
    display: flex;
    text-align: left;
    color: #8ba6cc;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -15px;
}
.planesbox > div {
    background: #FFF;
    border-radius: 20px;
    padding: 60px 50px 120px;
    margin: 15px;
    position: relative;
    width: calc(33.3333% - 30px);
    flex: none;
}
.planesbox > div.active {
    border: 2px solid #ffa437;
    background: #feffee;
}
.pb-title {
    font-size: 25px;
    font-weight: bold;
    line-height: 25px;
}
.pb-price {
    font-weight: bold;
    font-size: 17px;
    margin: 10px 0;
}
.pb-list {
    margin-top: 20px;
}
.pb-list li {
    padding: 8px 10px 8px 19px;
    font-size: 15px;
    border-bottom: 1px solid #8ba6cc;
    position: relative;
}
.pb-list li:nth-last-child(1) {
    border-bottom: 0;
}
.pb-list li::before {
    content: '';
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAMAAAC38k/IAAAAQlBMVEUAAACKpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc5l/xtEAAAAFnRSTlMA4yIE3dYR+fI4KRwJ6sjBsqZRRTAdrywbdwAAAENJREFUCNdjQABmJDYnCxecLcLBzwNjc/HysQEpUZBaJkZWEJuHUZCZgRvEBgEhdgEmFhZuqHJhDnZGJoShrExYrAMAV3IBUREm4ooAAAAASUVORK5CYII=);
    background-size: cover;
    width: 12px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 11px;
}
.planesbox > div:nth-child(1) .pb-title {
    color: #66d1b6;
}
.planesbox > div:nth-child(2) .pb-title {
    color: #5195f2;
}
.planesbox > div:nth-child(3) .pb-title {
    color: #939fed;
}
.pb-afil {
    border-radius: 50px;
    color: #FFF;
    text-align: center;
    position: absolute;
    bottom: 50px;
    width: calc(100% - 100px);
    padding: 10px;
    left: 0;
    margin: auto;
    right: 0;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    transition: all ease .33s;
}
.planesbox > div:nth-child(1) .pb-afil {
    background: #66d1b6;
}
.planesbox > div:nth-child(2) .pb-afil {
    background: #5195f2;
}
.planesbox > div:nth-child(3) .pb-afil {
    background: #939fed;
}
.planesbox > div .pb-afil:hover {
    background: #235497;
}

.lpselect {
    background: #FFF;
    padding: 20px;
    margin-top: 30px;
    border-radius: 20px;
    display: flex;
    text-align: left;
}
.lpselect > div:nth-child(1) {
    padding-left: 50px;
    width: 60%;
    padding-right: 70px;
}
.lps-title {
    color: #66d1b6;
    font-size: 26px;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 40px;
}
.lpselect > div:nth-child(2) {
    width: 400px;
    background: #eef5fe;
    border-radius: 20px;
    flex: none;
}
.lps-image {
    background: url(images/ctpp.png) center no-repeat;
    background-size: cover;
    padding-bottom: 100%;
    border-radius: 20px 20px 0 0;
}
.lps-plan {
    margin-top: -48px;
    padding: 0px 30px 40px;
    text-align: left;
    color: #8ba6cc;
}
.lpsp-a {
    background: #FFF;
    border-radius: 20px;
    display: flex;
    padding: 13px;
    margin-bottom: 25px;
}
.lpsp-a .ico {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAkCAMAAAA0AnPTAAAAbFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8+T+BWAAAAI3RSTlMAd5ktRJZaFqtVBtLHZz4fc+Gk2H308N23p5NRNzIM9sBfXue1kasAAADhSURBVDjLzZNpD4IwDIYrHhu7nOB94MH//49C1bLCIJHExOdT++5JlyUdBIhZg4A4i7Jh8feOmNQcAueASfi6aRlnOtYxeIUZdObYzkc4SY3scSSewqflDuNLx6ZpekHnUlU26iwhZPkDZ0ulY46jfAua6jVz1pRrkFTvFLy53/bpjnIJvuwMsiXDs7V4AJJ3FkQHbYKLt2KKbk++Sm8n3LGVoyiKssKXnAadEyDZgJLBi0L3Krqg75X3KLkAQpioYgQEqGNEOSrgnE17yBm6uGxDwiZzEEc5n8i9TLxjtzwBI91hm9f3NhAAAAAASUVORK5CYII=)
        no-repeat center;
    background-color: #66d1b6;
    border-radius: 10px;
    width: 70px;
    height: 70px;
    flex: none;
}
.xvfg {
    padding-left: 15px;
    font-weight: bold;
}
.xvfg-t {
    color: #66d1b6;
    font-size: 17px;
    margin-bottom: 5px;
}
.lpsp-b ul li {
    padding: 7px 5px 7px 20px;
    border-bottom: 1px solid #8ba6cc;
    position: relative;
}
.lpsp-b ul li::before {
    content: '';
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAMAAAC38k/IAAAAQlBMVEUAAACKpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc5l/xtEAAAAFnRSTlMA4yIE3dYR+fI4KRwJ6sjBsqZRRTAdrywbdwAAAENJREFUCNdjQABmJDYnCxecLcLBzwNjc/HysQEpUZBaJkZWEJuHUZCZgRvEBgEhdgEmFhZuqHJhDnZGJoShrExYrAMAV3IBUREm4ooAAAAASUVORK5CYII=);
    background-size: cover;
    width: 12px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 11px;
}
.lpsp-b ul li:nth-last-child(1) {
    border-bottom: 0;
}
.lpsp-b {
    margin-bottom: 50px;
}
.chsp {
    color: #8ba6cc;
    text-decoration: underline;
    font-weight: bold;
    font-size: 16px;
}
.kdsfaq {
    background:#edf5fd;
    padding: 70px 0;
}
.kdsfaq-box {
    padding: 50px 50px 150px;
    background: url(images/kdsfaq.png) top no-repeat;
    background-size: cover;
    border-radius: 20px;
    color: #FFF;
    text-align: center;
}
.kdsfaq-title {
    font-size: 90px;
    font-weight: bold;
    line-height: 90px;
    margin-top: 200px;
}
.kdsfaq-descr {
    font-size: 24px;
    margin-top: 20px;
}
.kdsfaq-ul {
    width: 500px;
    margin: 50px auto;
    color: #8ba6cc;
    max-width: 100%;
}
.ul-faq .ebl-t {
    background: #FFF;
    padding: 13px 65px 13px 25px;
    margin: 10px 0;
    border-radius: 50px;
    font-weight: 400;
    position: relative;
    cursor: pointer;
}
.ul-faq .ebl-t:hover {
    font-weight: bold;
}
.ul-faq .ebl-t::after {
    content: '';
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAATCAMAAABWWYYKAAAAflBMVEUAAACKpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc56gUD8AAAAKXRSTlMA+wdJdPA66sLax7ifjINVQDYeD/Xdz6+TLhoT5OHVvaR6YyYjaAyabk5IoyYAAAD9SURBVCjPZZHXdsIwEES9tuTecaNDKMn9/x+MtQQHknlZzV55zhzZ+5W/roO69f5ra2LByZ6Cd+KfLUgSZ/EeSMMXdBkgru56vpodcl5QaOmDl5BSmJ6oY1zN826Oad64TdBRPlpE5G5uEgAxCgUNyon1TsxQhYVQO2PYzVFXkYtzDZELLhn1ZkrhzEnNB7lWplfb0K3mXeI/2KjFOCi7uen3GK0iUs8uY/opWLlOiBYvkLFIsBtnMo76+Se7VqEAydodT0StMj9lr5v2ZgKNz7DPJ12ldMZfnuzLEjXeYnPYl+HW86/VFMHx7S8GBxYNlfdH9TRYpM/O62X1DeYHFkyEm7NlAAAAAElFTkSuQmCC);
    background-size: cover;
    position: absolute;
    right: 20px;
    width: 25px;
    height: 18px;
    top: 12px;
}
.ul-faq .active .ebl-t {
    font-weight: bold;
}
.ul-faq .active .ebl-t::after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAOCAMAAADpEZdPAAAAbFBMVEUAAACKpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc6Kpc4ewEgTAAAAI3RSTlMA4viYLwa6npKEXk9DOxwN9Nm0pm9pS8V8dVgn59HPwY6KFc8UficAAACjSURBVBjTbY9XFoMgFERHQAUsxBqj6bP/PSZgioneH85wKfOg0gO2KM4tMu7KLXdhCuxZb6g2XJkEzUrlgp1fLfn/Zb9jioAmZbwwsSGTecNVJKvsbVwXkTzeQ5CMxmeMZJf11iTCHzzNBXMyh2v4RcdQgta/Phj4SdKhEUxuVjLxM1w/DRRFCUQsgJKcsESywcuhpv5xShbBKV9AK6zpR7eMDw+SDDiVXY8rAAAAAElFTkSuQmCC);
    background-size: cover;
    width: 24px;
    height: 12px;
    top: 18px;
}
.ebl-c {
    padding: 10px;
    display: none;
}
.main-footer {
    background: #4d93f5;
    color: #FFF;
    padding: 150px 0;
}
.mf-box {
    display: flex;
}
.mf-box > div:nth-child(2) {
    margin-left: 50px;
    padding-right: 20px;
}
.mf-box > div:nth-child(3) {
    margin-left: auto;
}
.sf-yt {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAYAAAAGRPQsAAAACXBIWXMAAC4jAAAuIwF4pT92AAABDUlEQVQ4ja3UyyrFURzF8c//79IpMVBuKQZmRmamyhuYmMgDGBt4DuUJlDcwYuQNjBgYYEAu5ZZcswz+R+qE/xHf2rVrr1arvfZvF0m00IFhDKKBHvThCY+4xgNOmvtPkkgykmQjyWGS57TPbZLdJCtJiqKZbBuzrRF/yUKRpLsZu/yj2UaJ8RqjnTbNJkoM1YhmsIjTGt1Yid4aUbCOSazi9RtdnyRzNY1pWVNJDr4Slqr30y6jWMHEF2f3parJOrqwjH3Mf6O56cRdjdEM1lR39hPXRZIBnLeRro7NEhe4/AezvY+GlpK8/WImWzlNMv4xm1R3Mq2aiDH0+/wxGnhRlfWIK5zhGEfYwtU7cgYLlUfMQtgAAAAASUVORK5CYII=);
    background-size: cover;
    width: 19px;
    height: 15px;
    display: inline-block;
}
.sf-is {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAZlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+Vn2moAAAAIXRSTlMA3dJWWvtSEQmI8OzAkjbp2MWwqI57d3FoQz0mHAa3sUITq5F8AAAAgklEQVQI103PRxLDIBBE0ZYwUYCSlSXbc/9LmqFw+Cteb6gBYF4ipw5wqqFPgwai/NKGJzAS13ZpniwdqJOqDdB33hXbndcSIni4sS0GIrlrWSw0pQK64hX85YK22EM5epidimnCpXFW2Z5SfhXW8WPDTH81Bqb/USo+b+6rXD1G4A0oLBGZv9k0bQAAAABJRU5ErkJggg==) top center;
    background-size: cover;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-left: 5px;
}
.sf-fb {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAC4jAAAuIwF4pT92AAABIElEQVQokY2TMSvFURjGf/4pZTbo3lIGpVDKZBFKBouUDAajFZMvIKPCgsGiDNL1DQx3liTWa7kDKYNL3dDP4Nz877nHzVOnc573fZ5z3t6306GSQDcwChSAZ+AGeGlRqfnVq+6r7zbjUz1TB/L6vHFMrdoeNXU+NvepTwnxm3quHqiXIVZXx/Pm0h+vDOUqm8vl7tUMtaB+JcynwVRUT9RylJ/tBKaALNHxh7AvAMuJ/GQGFKNgDbgCqoG/Bl6JdAXUtaicss3ja6z1SHeYAXfRjT3AIjAS+GDgM5HuFrVLfUw0bDu8uJnIfaj9GVAHthINaYdjoNLo8h5Q+qfxGtiA3xEJLAG74fwXLoBpfibS8jFQh9UddTXwFfVInYi131YDxHlS9EzhAAAAAElFTkSuQmCC) top center;
    background-size: cover;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-left: 5px;
}

/*card*/

.kr-card-form.kr-embedded {
    width: 100%;
}

#form-checkout {
    width: 100%;
}
#form-checkout > div,
#form-checkout input,
#form-checkout select {
    height: 40px;
    border: 1px solid #CCC;
    margin: 6px 0;
    padding: 10px;
    width: 100%;
    color: #000;
    font-family: Arial;
    font-size: 16px;
}
#form-checkout__submit {
    background: #66d1b6;
    width: 100%;
    color: #FFF;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    border-radius: 20px;
}
#form-checkout__submit:hover {
    background: #c92e2e;
}
#form-checkout__submit[disabled] {
    background: #CCC !important;
    color: #444;
    cursor: wait;
}

#suscription_success {
    background: url(images/bgthky.png) center no-repeat skyblue;
    background-size: cover;
    color: #FFF;
    border-radius: 50px;
    padding: 150px 50px;
    margin-top: 20px;
}
.ss_icon {
    background: url(images/thky-check.png);
    width: 90px;
    height: 90px;
    background-size: cover;
    margin: 0 auto 10px;
}
.ss_title {
    font-size: 37px;
    font-weight: bold;
}
.ss_descr {
    margin: 30px auto;
    width: 550px;
}
.ss_link {
    background: #FFF;
    color: #5195f2;
    border-radius: 50px;
    padding: 10px 25px;
    display: inline-block;
    font-weight: 500;
}

@media (max-width: 1024px) {
    
    .planesbox > div { 
        width: 300px;
    }
}

@media (max-width: 800px ) {
    .smes {
        width: 100px;
        height: 172px;
        top: initial;
        bottom: 20px;
        transform: none;
    }
    .lsmxms ul {
        flex-direction: column;
    }
    .lsmxms ul li:nth-child(2) {
        padding-left: 0;
        padding-right: 0;
        border: 0;
    }
    .lsmxms ul li:nth-child(3) {
        padding-left: 0;
    }
    .plsxn {
        padding-left: 0;
        padding-right: 0;
    }
    .lpselect {
        flex-direction: column;
    }
    .lpselect > div:nth-child(1) {
        order: 2;
        width: 100%;
        padding: 0;
    }
    .lpselect > div:nth-child(2) {
        order: 1;
        width: 100%;
    }
    .lpselect {
        width: 350px;
        margin-left: auto;
        margin-right: auto;
    }
    .main-footer {
        padding: 75px 0;
    }
    .mf-box {
        flex-direction: column;
        justify-content: center;
    }
    .mf-box > div {
        text-align: center;
    }
    .mf-box > div:nth-child(2) {
        margin-left: 0;
        padding-right: 0;
    }
    .mf-box > div:nth-child(3) {
        margin-left: 0;
    }
}
@media (max-width: 580px) {
    .logo img {
        height: 50px;
    }
    .num a {
        zoom: .8;
    }
    .hm-title {
        line-height: 50px;
    }
    .h-m p {
        font-size: 13px;
    }
    .smslx {
        flex-direction: column;
    }
    .smslx > div {
        width: 100%;
    }
    .smslx > div:nth-child(2) {
        padding: 15px 0;
    }
    .title {
        font-size: 33px;
        line-height: 35px;
    }
    .smdpn {
        margin-top: 100px;
    }
    .smes {
        display: none;
    }
    .cn1jsx-title {
        font-size: 30px;
    }
    .video {
        border-radius: 20px;
    }
    .kdsfaq-title {
        font-size: 50px;
        line-height: 50px;
    }
    .ksnxn {
        border-radius: 20px;
    }
    .lplanes > ul li:nth-child(1) {
        width: 145px;
        flex: none;
    }
}