html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strong,sub,sup,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,th,td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,blockquote {
    quotes: none
}

q:before,q:after,blockquote:before,blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}


.title, .quote, .our-partners__title, .lp-ga-slider-title{font-weight: 600 !important;}
/* @font-face {
    font-family: "rockwell";
    src: url('..//fonts/Rockwelle3c0.eot?1562246603&5a9914e89eff');
    src: url('..//fonts/Rockwellb820.eot?&1562246603&5a9914e89eff#iefix') format('embedded-opentype'),url('..//fonts/Rockwelle3c0.woff?1562246603&5a9914e89eff') format('woff'),url('..//fonts/Rockwelle3c0.ttf?1562246603&5a9914e89eff') format('truetype'),url('..//fonts/Rockwelle3c0.svg?1562246603&5a9914e89eff') format('svg')
}

@font-face {
    font-family: "rockwellb";
    src: url('..//fonts/Rockwell-Bolde3c0.eot?1562246603&5a9914e89eff');
    src: url('..//fonts/Rockwell-Boldb820.eot?&1562246603&5a9914e89eff#iefix') format('embedded-opentype'),url('..//fonts/Rockwell-Bolde3c0.woff?1562246603&5a9914e89eff') format('woff'),url('..//fonts/Rockwell-Bolde3c0.ttf?1562246603&5a9914e89eff') format('truetype'),url('..//fonts/Rockwell-Bolde3c0.svg?1562246603&5a9914e89eff') format('svg')
} */

label,select,button,input[type="submit"],input[type="button"] {
    cursor: pointer
}

button,input,textarea {
    border: 0
}

input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

select {
    -moz-appearance: none;
    -webkit-appearance: none
}

select::-ms-expand {
    display: none
}

button {
    padding: 0;
    margin: 0;
    background: none
}

button::-moz-focus-inner {
    border: 0
}

a {
    text-decoration: none;
    color: inherit
}

:focus {
    outline: none
}

i,address {
    font-style: normal
}

ul {
    list-style: none;
    padding: 0
}

em {
    font-style: normal
}

input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.header-main-menu {
    box-sizing: border-box;
    border-bottom: 1px solid #dadce6;
    overflow: hidden
}

@media only screen and (max-device-width: 1198px) {
    .header-main-menu {
        position:relative;
        height: 136px
    }

    .header-main-menu.w375 {
        height: 80px
    }

    .header-main-menu.w375 .logo {
        width: 109px;
        margin: 20px auto 0
    }

    .header-main-menu.w375 .logo img {
        width: 109px;
        height: 40px
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-main-menu {
        height:80px
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-main-menu .container {
        position:relative;
        overflow: hidden
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-main-menu .container {
        padding-left:20px;
        padding-right: 20px
    }
}

.header-main-menu .logo {
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .header-main-menu .logo {
        width:185.3px;
        margin: 34px auto 0
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-main-menu .logo {
        float:left;
        margin-top: 15px
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-main-menu .logo img {
        width:185.3px;
        height: 68px
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-main-menu .logo img {
        width:136.3px;
        height: 50px
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-wrapper.isOpen {
        display:block;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.75);
        z-index: 50;
        -moz-transition: background 1s ease;
        -o-transition: background 1s ease;
        -webkit-transition: background 1s ease;
        transition: background 1s ease
    }

    .header-menu-wrapper.isOpen .header-menu {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        width: 510px;
        background-color: #fff;
        padding: 34px;
        height: 100vh;
        z-index: 50
    }

    .header-menu-wrapper.isOpen .header-menu-hamb {
        display: none
    }

    .header-menu-wrapper.isOpen .header-menu-close {
        display: block
    }

    .header-menu-wrapper.isOpen .header-menu-menu {
        display: block
    }

    .header-menu-wrapper.isOpen .header-menu-logo {
        display: block
    }

    .header-menu-wrapper.isOpen .header-menu-list {
        display: block
    }

    .header-menu-wrapper.w375.isOpen .header-menu {
        width: 300px;
        padding: 20px
    }

    .header-menu-wrapper.w375 .header-menu-burger-btn {
        top: 20px;
        left: 20px
    }

    .header-menu-wrapper.w375 .header-menu-hamb {
        width: 40px;
        height: 40px
    }

    .header-menu-wrapper.w375 .header-menu-close {
        width: 40px;
        height: 40px
    }

    .header-menu-wrapper.w375 .header-menu-logo {
        right: 21.1px;
        top: 27.7px;
        width: 68.7px;
        height: 24.9px
    }

    .header-menu-wrapper.w375 .header-menu-logo-icon {
        width: 68.7px;
        height: 24.9px
    }

    .header-menu-wrapper.w375 .header-menu-item {
        margin-top: 75px
    }

    .header-menu-wrapper.w375 .header-menu-item:not(:first-child) {
        margin-top: 20px
    }

    .header-menu-wrapper.w375 .header-menu-link {
        padding: 10px 15px 9px;
        border-radius: 5px;
        font-size: 19px
    }

    .header-menu-wrapper.w375 .header-menu-link.active {
        border-radius: 5px
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-menu-wrapper {
        float:right
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-menu-wrapper.light-bg .header-menu-link {
        color:#000
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-wrapper.light-bg .header-menu-hamb {
        color:#2472a7
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-menu-wrapper.light-bg .header-menu-list {
        padding:29px 180px 0 0
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-wrapper.desktop-only {
        display:none !important
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-menu-wrapper.desktop-only .header-menu-list {
        padding:14px 100px 0 0
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-burger-btn {
        position:absolute;
        top: 34px;
        left: 34px
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-menu-burger-btn {
        display:none
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-hamb {
        width:68px;
        height: 68px;
        color: #fff
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-close {
        display:none;
        width: 68px;
        height: 68px
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-logo {
        display:none;
        position: absolute;
        right: 35.87px;
        top: 47.09px;
        width: 116.79px;
        height: 42.33px
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-menu-logo {
        display:none
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-logo-icon {
        width:116.79px;
        height: 42.33px;
        opacity: 0.5
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-list {
        display:none
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-menu-list {
        padding:39px 200px 0 0
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-item {
        margin-top:127.5px
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-menu-item {
        float:left
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-item:not(:first-child) {
        margin-top:34px
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-menu-item:not(:first-child) {
        margin-left:60px
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-link {
        display:block;
        padding: 17px 25.5px 15.3px;
        border-radius: 8.5px;
        font-family: "Open Sans",sans-serif;
        font-size: 32.3px;
        color: #000;
        text-align: left
    }

    .header-menu-link.active {
        border-radius: 8.5px;
        background-color: rgba(191,239,208,0.5);
        font-weight: 600
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-menu-link {
        font-family:"Open Sans",sans-serif;
        font-size: 15px;
        color: #fff
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

body.fixed {
    overflow: hidden
}

button,input,textarea {
     font-family: "Kanit", sans-serif;}

@media only screen and (min-device-width: 1199px) {
    .mobile-only {
        display:none
    }
}

@media only screen and (max-device-width: 1198px) {
    .desktop-only {
        display:none
    }
}

.btn1 {
    display: block;
    color: #fff;
    white-space: nowrap
}

@media only screen and (max-device-width: 1198px) {
    .btn1 {
        width:100%;
        height: 98px;
        line-height: 98px;
        background-color: #5FB165;
        border-radius: 49px;
        font-size: 38px
    }
}

@media only screen and (min-device-width: 1199px) {
    .btn1 {
        background-color:#2472a7;
        height: 65px;
        line-height: 65px;
        border-radius: 33px;
        padding: 0 25px;
        font-size: 26px
    }
}

.btn2 {
    font-family: "rockwellb",serif;
    color: #fff;
    background-color: #2472a7;
    -moz-transition: background .5s ease,box-shadow .5s ease;
    -o-transition: background .5s ease,box-shadow .5s ease;
    -webkit-transition: background .5s ease,box-shadow .5s ease;
    transition: background .5s ease,box-shadow .5s ease
}

@media only screen and (max-device-width: 1198px) {
    .btn2 {
        font-size:45px;
        height: 97px;
        line-height: 97px;
        border-radius: 49px;
        text-align: center
    }
}

@media only screen and (min-device-width: 1199px) {
    .btn2 {
        font-size:24px;
        padding: 0 20px;
        height: 52px;
        line-height: 52px;
        border-radius: 26px
    }
}

.btn2 i {
    display: inline-block;
    margin-right: .2em;
    vertical-align: middle
}

.btn2:not(:hover) {
    -moz-box-shadow: 2.5px 4.3px 0 #3F4358;
    -webkit-box-shadow: 2.5px 4.3px 0 #3F4358;
    box-shadow: 2.5px 4.3px 0 #3F4358
}

.btn2:hover {
    background-color: #75C473
}

.btn3 {
    display: inline-block;
     font-family: "Kanit", sans-serif;
    line-height: 2.45455;
    color: #fff;
    background-color: #2472a7;
    height: 2.45455em;
    padding: 0 3.18182em;
    border-radius: 1.22727em
}

@media only screen and (max-device-width: 1198px) {
    .btn3 {
        font-size:50px
    }
}

@media only screen and (min-device-width: 1199px) {
    .btn3 {
        font-size:22px
    }
}

.progress-bar {
    display: block;
    white-space: nowrap;
    position: relative
}

@media only screen and (max-device-width: 1198px) {
    .progress-bar {
        background-color:#2472a7;
        width: 100%;
        height: 98px;
        border-radius: 49px;
        overflow: hidden
    }

    .progress-bar:before {
        content: '';
        position: absolute;
        height: 98px;
        left: 0;
        top: 0;
        width: 0;
        background: #0E7138;
        -moz-transition: width 6s ease;
        -o-transition: width 6s ease;
        -webkit-transition: width 6s ease;
        transition: width 6s ease
    }

    .progress-bar .progress-btn1 {
        display: block;
        width: 100%;
        height: 98px;
        line-height: 98px;
        font-size: 38px;
        color: #fff;
        background: transparent;
        position: relative;
        text-align: center
    }

    .progress-bar.start:before {
        width: 100%
    }
}

@media only screen and (min-device-width: 1199px) {
    .progress-bar {
        background-color:#2472a7;
        height: 65px;
        border-radius: 33px;
        overflow: hidden
    }

    .progress-bar:before {
        content: '';
        position: absolute;
        height: 65px;
        left: 0;
        top: 0;
        width: 0;
        background: #0E7138;
        -moz-transition: width 6s ease;
        -o-transition: width 6s ease;
        -webkit-transition: width 6s ease;
        transition: width 6s ease
    }

    .progress-bar .progress-btn1 {
        display: block;
        height: 65px;
        padding: 0 25px;
        font-size: 26px;
        line-height: 65px;
        color: #fff;
        background: transparent;
        position: relative
    }

    .progress-bar.start:before {
        width: 100%
    }
}

.input1 input {
    width: 100%;
    height: 2em;
    border: .05em solid #AEB5BC;
    background-color: #FFF;
    border-radius: 6px;
    -moz-box-shadow: .1em .1em 0 rgba(0,0,0,0.09);
    -webkit-box-shadow: .1em .1em 0 rgba(0,0,0,0.09);
    box-shadow: .1em .1em 0 rgba(0,0,0,0.09);
    text-align: center;
    color: #8f94ad;
     font-family: "Kanit", sans-serif;}

@media only screen and (max-device-width: 1198px) {
    .input1 input {
        font-size:48px
    }
}

@media only screen and (min-device-width: 1199px) {
    .input1 input {
        font-size:20px
    }
}

.time-input {
    background-color: #FFF;
    border: .03571em solid #AEB5BC;
    border-radius: 6px;
    -moz-box-shadow: .07143em .07143em 0 rgba(0,0,0,0.06);
    -webkit-box-shadow: .07143em .07143em 0 rgba(0,0,0,0.06);
    box-shadow: .07143em .07143em 0 rgba(0,0,0,0.06);
    position: relative;
    overflow: hidden
}

@media only screen and (max-device-width: 1198px) {
    .time-input {
        font-size:55px
    }
}

@media only screen and (min-device-width: 1199px) {
    .time-input {
        font-size:28px
    }
}

.time-input li {
    float: left
}

.time-input li input {
    font: 1em "Kanit", sans-serif;
    width: 2.5em;
    height: 1.60714em;
    text-align: center;
    color: #000
}

.time-input li:first-child {
    border-right: 1px solid #DFDFDE
}

.select1 select {
    background-color: #FFF;
    border: .03571em solid #AEB5BC;
    border-radius: 4px;
    -moz-box-shadow: .07143em .07143em 0 rgba(0,0,0,0.06);
    -webkit-box-shadow: .07143em .07143em 0 rgba(0,0,0,0.06);
    box-shadow: .07143em .07143em 0 rgba(0,0,0,0.06);
     font-family: "Kanit", sans-serif;
    color: #4d526b;
    font-weight: 400;
    outline: none;
    display: inline-block;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    width: 4.82143em;
    padding: .25em .35714em
}

.select1 select::-ms-expand {
    display: none
}

@media only screen and (max-device-width: 1198px) {
    .select1 select {
        font-size:3em
    }
}

@media only screen and (min-device-width: 1199px) {
    .select1 select {
        font-size:1.75em
    }
}

.radio-block {
    border-radius: 1.15789em;
    border: .05263em solid #A1AAB2;
    overflow: hidden
}

.radio-block li {
    float: left;
    width: 50%
}

.radio-block li label {
    display: block;
    height: 2.10526em;
    text-align: center;
     font-family: "Kanit", sans-serif;
    line-height: 2.05263
}

.radio-block li input[type="radio"] {
    display: none
}

.radio-block li input[type="radio"]:not(:checked)+label {
    color: #bac2cc;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #eaeaea));
    background-image: -moz-linear-gradient(top, #ffffff 0%,#eaeaea 100%);
    background-image: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%,#eaeaea 100%)
}

.radio-block li input[type="radio"]:checked+label {
    color: #fff;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EyYTdjMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhkOTRiNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a2a7c1),color-stop(100%, #8d94b5));
    background-image: -moz-linear-gradient(top, #a2a7c1 0%,#8d94b5 100%);
    background-image: -webkit-linear-gradient(top, #a2a7c1 0%,#8d94b5 100%);
    background-image: linear-gradient(to bottom, #a2a7c1 0%,#8d94b5 100%);
    box-shadow: inset 0px .10526em .10526em 0 rgba(0,0,0,0.2)
}

@media only screen and (max-device-width: 1198px) {
    .radio-block {
        font-size:50px;
        width: 100%
    }
}

@media only screen and (min-device-width: 1199px) {
    .radio-block {
        font-size:19px;
        width: 314px
    }
}

.underline {
    text-decoration: underline
}

html {
     font-family: "Kanit", sans-serif;
    line-height: normal;
    height: 100%;
    text-size-adjust: 100%
}

@media only screen and (max-device-width: 1198px) {
    html {
        background:#fff
    }
}

@media only screen and (min-device-width: 1199px) {
    html {
        background:#fff
    }
}

body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    position: relative
}

main {
    display: block;
    flex: 1 0 auto
}

@media only screen and (max-device-width: 1198px) {
    main.base {
        padding-bottom:260px
    }
}

@media only screen and (min-device-width: 1199px) {
    main.base {
        padding-bottom:120px
    }
}

.wrapper {
    margin-left: auto;
    margin-right: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (max-device-width: 1198px) {
    .wrapper {
        width:588px
    }
}

@media only screen and (min-device-width: 1199px) {
    .wrapper {
        width:1198px
    }
}

@media only screen and (max-device-width: 1198px) {
    .wrapper-based {
        min-width:588px
    }
}

@media only screen and (min-device-width: 1199px) {
    .wrapper-based {
        min-width:1198px
    }
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-device-width: 1198px) {
    .container {
        width:640px
    }
}

@media only screen and (min-device-width: 1199px) {
    .container {
        width: 1140px;
    }
}

@media only screen and (max-device-width: 1198px) {
    .container-based {
        min-width:640px
    }
}

@media only screen and (min-device-width: 1199px) {
    .container-based {
        min-width:1040px
    }
}

.header-base .logo {
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .header-base .wrapper {
        padding-top:30px;
        padding-bottom: 40px
    }

    .header-base .logo {
        margin: 0 auto;
        width: 306px
    }

    .header-base .logo img {
        display: block;
        width: 306px
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-base .wrapper {
        padding-top:50px;
        padding-bottom: 50px
    }

    .header-base .logo {
        float: left;
        margin-left: 20px
    }

    .header-base .logo img {
        display: block;
        width: 212px
    }
}

.header-main .logo {
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .header-main {
        background:#ECEEF0
    }

    .header-main .container {
        padding-top: 40px;
        padding-bottom: 35px;
        position: relative
    }

    .header-main .logo {
        margin: 0 auto;
        width: 479px
    }

    .header-main .logo img {
        display: block;
        width: 479px;
        height: 190px
    }

    .header-main .home-link {
        display: block;
        position: absolute
    }

    .header-main .home-link span {
        display: none
    }

    .header-main .home_icon {
        display: block;
        fill: #BABCC5;
        width: 48px;
        height: 48px
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-main {
        background:#ECEEF0;
        border-bottom: 1px solid #D6D6D6
    }

    .header-main .container {
        padding-top: 25px;
        padding-bottom: 17px;
        position: relative
    }

    .header-main .logo {
        float: left;
        padding-right: 10px
    }

    .header-main .logo img {
        display: block;
        width: 137px;
        height: 54px
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-main:not(.de) .home-link {
        left:50px;
        top: 40px
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-main:not(.de):hover .home_icon {
        fill:#BABCC5
    }

    .header-main:not(.de) .home-link {
        display: block;
        position: absolute;
        left: 162px;
        top: 28px
    }

    .header-main:not(.de) .home-link span {
        display: none
    }

    .header-main:not(.de) .home_icon {
        display: block;
        fill: transparent;
        width: 17px;
        height: 17px;
        -moz-transition: fill .5s ease;
        -o-transition: fill .5s ease;
        -webkit-transition: fill .5s ease;
        transition: fill .5s ease
    }

    .header-main:not(.de) .home_icon:hover {
        fill: #787B86
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-main.de .logo {
        width:479px
    }

    .header-main.de .logo img {
        width: 479px;
        height: 144px
    }

    .header-main.de .home-link {
        top: 20px;
        right: 20px
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-main.de .logo img {
        width:200px;
        height: 60px
    }

    .header-main.de .home-link {
        margin-top: 18px;
        float: right
    }

    .header-main.de .home-link span {
        font: 14.5px "Kanit", sans-serif;
        color: #454a61;
        margin-left: .2em
    }

    .header-main.de .home_icon {
        fill: #BABCC5;
        width: 20px;
        height: 20px;
        vertical-align: -3px
    }
}

.landing-header {
    text-align: center
}

.landing-header .title {
    color: #464a60
}

.landing-header .title .title-green {
    display: block;
    color: #2472a7
}

.landing-header .line {
    color: #000
}

.landing-header .sms {
    display: inline-block;
    font-family: "rockwellb",serif;
    color: #2472a7
}

@media only screen and (max-device-width: 1198px) {
    .landing-header .container {
        padding-top:40px;
        padding-bottom: 30px
    }

    .landing-header .landing-logo {
        display: inline-block;
        margin-bottom: 45px
    }

    .landing-header .landing-logo img {
        display: block;
        width: 479px
    }

    .landing-header .title {
        font-size: 60px
    }

    .landing-header .hr {
        width: 545px;
        height: 0;
        border-top: 2px solid #D0DBEE;
        background: #D0DBEE;
        margin: 20px auto
    }

    .landing-header .line {
        font-size: 34px;
        padding: 0 40px
    }

    .landing-header .sms {
        font-size: 75px;
        margin-top: 30px;
        white-space: nowrap
    }

    .landing-header .sms-info {
        margin-top: 5px
    }

    .landing-header .sms-info p {
        font-size: 26px
    }

    .landing-header.landing1 .title {
        font-size: 57px
    }

    .landing-header.landing1 .line {
        padding: 0
    }
}

@media only screen and (min-device-width: 1199px) {
    .landing-header {
        background:#ECEEF0;
        height: 479px;
        position: relative;
        overflow: hidden
    }

    .landing-header:before,.landing-header:after {
        content: '';
        position: absolute;
        bottom: 0
    }

    .landing-header:before {
        left: 0;
        width: 231px;
        height: 614px;
        background: url('../images/sprite-main-wide-screens.png') 0 -2111px no-repeat
    }

    .landing-header:after {
        right: 0;
        width: 500px;
        height: 614px;
        background: url('../images/sprite-main-wide-screens.png') 0 -2730px no-repeat
    }

    .landing-header .container {
        padding-top: 25px
    }

    .landing-header .landing-logo {
        display: inline-block;
        margin-top: 30px;
        margin-bottom: 25px
    }

    .landing-header .landing-logo img {
        display: block;
        width: 212px;
        height: 84px
    }

    .landing-header .title {
        font-size: 55px
    }

    .landing-header .title.type1 {
        font-size: 53px
    }

    .landing-header .hr {
        width: 727px;
        height: 0;
        border-top: 1px solid #D0DBEE;
        background: #D0DBEE;
        margin: 25px auto
    }

    .landing-header .line {
        font-size: 20px;
        padding: 0 250px
    }

    .landing-header .line:not(:first-child) {
        margin-top: 10px
    }

    .landing-header .sms {
        font-size: 69px;
        margin-top: 15px
    }

    .landing-header.landing1 .landing-logo {
        margin-top: 35px;
        margin-bottom: 45px
    }

    .landing-header.landing1 .landing-logo img {
        display: block;
        width: 260px
    }

    .landing-header.landing1 .title {
        font-size: 50px;
        line-height: 53px;
        padding-bottom: 12px
    }

    .landing-header.landing1 .hr {
        margin: 25px auto 35px
    }
}

@media only screen and (max-device-width: 1198px) {
    .landing-header.de .landing-logo img {
        width:479px;
        height: 144px
    }

    .landing-header.de .sms {
        font-size: 68px
    }
}

@media only screen and (min-device-width: 1199px) {
    .landing-header.de .landing-logo {
        margin-top:0;
        margin-bottom: 10px
    }

    .landing-header.de .landing-logo img {
        width: 279px;
        height: 84px
    }

    .landing-header.de .hr {
        margin: 15px auto 25px
    }
}

.whatsapp-header {
    text-align: center
}

.whatsapp-header .title {
    color: #464a60
}

.whatsapp-header .title .title-green {
    display: block;
    color: #2472a7
}

.whatsapp-header .line {
    color: #000
}

.whatsapp-header .sms {
    display: inline-block;
    font-family: "rockwellb",serif;
    color: #2472a7
}

@media only screen and (max-device-width: 1198px) {
    .whatsapp-header .container {
        padding-top:23px;
        padding-bottom: 25px
    }

    .whatsapp-header .landing-logo {
        display: inline-block;
        margin-bottom: 25px
    }

    .whatsapp-header .landing-logo img {
        display: block;
        width: 351px;
        height: 130px
    }

    .whatsapp-header .title {
        font-size: 60px
    }

    .whatsapp-header .hr {
        width: 545px;
        height: 0;
        border-top: 2px solid #E6E8EC;
        background: #E6E8EC;
        margin: 20px auto
    }

    .whatsapp-header .line {
        font-size: 34px;
        padding: 0 40px
    }

    .whatsapp-header .sms {
        font-size: 75px;
        margin-top: 20px
    }

    .whatsapp-header .sms-info {
        margin-top: 5px
    }

    .whatsapp-header .sms-info p {
        font-size: 26px
    }

    .whatsapp-header.landing1 .title {
        font-size: 57px
    }

    .whatsapp-header.landing1 .line {
        padding: 0
    }
}

@media only screen and (min-device-width: 1199px) {
    .whatsapp-header {
        background:#ECEEF0;
        height: 479px;
        position: relative;
        overflow: hidden
    }

    .whatsapp-header:before,.whatsapp-header:after {
        content: '';
        position: absolute;
        bottom: 0
    }

    .whatsapp-header:before {
        left: 0;
        width: 231px;
        height: 614px;
        background: url('../images/sprite-main-wide-screens.png') 0 -2111px no-repeat
    }

    .whatsapp-header:after {
        right: 0;
        width: 500px;
        height: 614px;
        background: url('../images/sprite-main-wide-screens.png') 0 -2730px no-repeat
    }

    .whatsapp-header .container {
        padding-top: 25px
    }

    .whatsapp-header .landing-logo {
        display: inline-block;
        margin-top: 30px;
        margin-bottom: 25px
    }

    .whatsapp-header .landing-logo img {
        display: block;
        width: 212px
    }

    .whatsapp-header .title {
        font-size: 55px
    }

    .whatsapp-header .hr {
        width: 727px;
        height: 0;
        border-top: 1px solid #D0DBEE;
        background: #D0DBEE;
        margin: 25px auto
    }

    .whatsapp-header .line {
        font-size: 20px;
        padding: 0 250px
    }

    .whatsapp-header .sms {
        font-size: 69px;
        margin-top: 15px
    }

    .whatsapp-header.landing1 .landing-logo {
        margin-top: 35px;
        margin-bottom: 45px
    }

    .whatsapp-header.landing1 .landing-logo img {
        display: block;
        width: 260px
    }

    .whatsapp-header.landing1 .title {
        font-size: 50px;
        line-height: 53px;
        padding-bottom: 12px
    }

    .whatsapp-header.landing1 .hr {
        margin: 25px auto 35px
    }
}

@media only screen and (max-device-width: 1198px) {
    .landing-logo-lp {
        display:inline-block;
        margin-bottom: 45px
    }

    .landing-logo-lp img {
        display: block;
        width: 321px;
        height: 122px
    }
}

@media only screen and (min-device-width: 1199px) {
    .landing-logo-lp {
        display:inline-block;
        margin-bottom: 25px
    }

    .landing-logo-lp img {
        display: block;
        width: 250px;
        height: 95px
    }
}

.fb-header {
    text-align: center
}

.fb-header.paddingTop {
    padding-top: 30px
}

.fb-header .title {
    color: #464a60
}

.fb-header .title .title-green {
    display: block;
    color: #2472a7
}

.fb-header .line {
    color: #000
}

.fb-header .sms {
    display: inline-block;
    font-family: "rockwellb",serif;
    color: #2472a7
}

@media only screen and (max-device-width: 1198px) {
    .fb-header.type2 {
        border-bottom:22px solid #454A60
    }

    .fb-header.type2 .container {
        padding-bottom: 50px
    }

    .fb-header.type2 .line {
        padding-bottom: 40px
    }

    .fb-header .container {
        padding-top: 30px;
        padding-bottom: 25px
    }

    .fb-header .landing-logo {
        display: inline-block;
        margin-bottom: 25px
    }

    .fb-header .landing-logo img {
        display: block;
        width: 351px;
        height: 130px
    }

    .fb-header .title {
        font-size: 60px
    }

    .fb-header .hr {
        width: 545px;
        height: 0;
        border-top: 2px solid #E6E8EC;
        background: #E6E8EC;
        margin: 20px auto
    }

    .fb-header .line {
        font-size: 32px;
        padding: 20px 10px 60px
    }

    .fb-header .hr2 {
        width: 353px;
        height: 0;
        border-top: 2px solid #E6E8EC;
        background: #D0DBED;
        margin: 45px auto 30px
    }

    .fb-header .line2 {
        font: 32px "rockwellb",serif;
        color: #454a60
    }

    .fb-header .line3 {
        font: 32px "Kanit", sans-serif;
        color: #454a60;
        margin: 15px 0 10px
    }

    .fb-header .sms {
        font-size: 90px
    }

    .fb-header .sms-info {
        margin-top: 5px
    }

    .fb-header .sms-info p {
        font-size: 26px
    }
}

@media only screen and (min-device-width: 1199px) {
    .fb-header {
        background:#ECEEF0;
        position: relative;
        overflow: hidden
    }

    .fb-header.type2 {
        border-bottom: 13px solid #454A60
    }

    .fb-header.type2 .container {
        padding-bottom: 45px
    }

    .fb-header:before,.fb-header:after {
        content: '';
        position: absolute;
        bottom: 0
    }

    .fb-header:before {
        left: 0;
        width: 231px;
        height: 614px;
        background: url('../images/sprite-main-wide-screens.png') 0 -2111px no-repeat
    }

    .fb-header:after {
        right: 0;
        width: 500px;
        height: 614px;
        background: url('../images/sprite-main-wide-screens.png') 0 -2730px no-repeat
    }

    .fb-header .container {
        padding-top: 30px;
        padding-bottom: 15px
    }

    .fb-header .landing-logo {
        display: inline-block;
        margin-bottom: 25px
    }

    .fb-header .landing-logo img {
        display: block;
        width: 212px;
        height: 84px
    }

    .fb-header .title {
        font-size: 55px
    }

    .fb-header .hr {
        width: 727px;
        height: 0;
        border-top: 1px solid #D0DBEE;
        background: #D0DBEE;
        margin: 25px auto 30px
    }

    .fb-header .line {
        font-size: 20px;
        padding: 0 220px 30px
    }

    .fb-header .hr2 {
        width: 353px;
        height: 0;
        border-top: 2px solid #D0DBEE;
        background: #D0DBEE;
        margin: 35px auto 22px
    }

    .fb-header .line2 {
        font: 21px "rockwellb",serif;
        color: #454a60
    }

    .fb-header .line3 {
        font: 20px "Kanit", sans-serif;
        color: #454a60;
        margin: 15px 295px 10px
    }
}

@media only screen and (max-device-width: 1198px) {
    .fb-header.de .sms {
        font-size:55px
    }

    .fb-header.de .fb-message {
        font-size: 46px
    }

    .fb-header.de .landing-logo img {
        width: 431px;
        height: 130px
    }
}

@media only screen and (min-device-width: 1199px) {
    .fb-header.de .sms {
        font-size:60px
    }

    .fb-header.de .landing-logo img {
        width: 280px;
        height: 84px
    }
}

@media only screen and (max-device-width: 1198px) {
    .fb-header.de.tagline-logo .landing-logo img {
        width:401px;
        height: 130px
    }
}

@media only screen and (min-device-width: 1199px) {
    .fb-header.de.tagline-logo .landing-logo img {
        width:259px;
        height: 84px
    }
}

.border-block {
    border-bottom: 1px solid #D6D6D6
}

.content h1,.content .h1 {
    color: #2472a7
}

@media only screen and (max-device-width: 1198px) {
    .content h1,.content .h1 {
        font-size:83px;
        margin-bottom: 30px
    }
}

@media only screen and (min-device-width: 1199px) {
    .content h1,.content .h1 {
        font-size:48px;
        margin-bottom: 20px;
        position: relative
    }
}

.content .title-button {
    display: block;
     font-family: "Kanit", sans-serif;
    text-align: center;
    color: #2472a7;
    -moz-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

@media only screen and (max-device-width: 1198px) {
    .content .title-button {
        width:392px;
        border-radius: 170px;
        border: solid 2px #2472a7;
        font-size: 34px;
        line-height: 85px;
        margin-top: 30px
    }
}

@media only screen and (min-device-width: 1199px) {
    .content .title-button {
        width:230px;
        border-radius: 100px;
        border: solid 1px #2472a7;
        font-size: 20px;
        line-height: 50px;
        position: absolute;
        right: 0;
        top: 0
    }
}

.content .title-button:hover {
    background-color: #2472a7;
    color: #fff
}

.content h2,.content .h2 {
    color: #657e93
}

@media only screen and (max-device-width: 1198px) {
    .content h2,.content .h2 {
        font-size:35px;
        margin: 30px 0
    }
}

@media only screen and (min-device-width: 1199px) {
    .content h2,.content .h2 {
        font-size:20px;
        margin: 30px 0 15px
    }
}

.content .h3 {
    color: #657e93
}

@media only screen and (max-device-width: 1198px) {
    .content .h3 {
        font-size:32px;
        margin: 20px 0
    }
}

@media only screen and (min-device-width: 1199px) {
    .content .h3 {
        font-size:18px;
        margin: 20px 0 10px;
        padding-left: 30px
    }
}

.content p,.content ul,.content ol {
    font-family: "Open Sans",sans-serif;
    color: #353e45
}

@media only screen and (max-device-width: 1198px) {
    .content p,.content ul,.content ol {
        font-size:29px
    }
}

@media only screen and (min-device-width: 1199px) {
    .content p,.content ul,.content ol {
        font-size: 16px;
        line-height: 20px;
        padding-left: 45px
    }
}

@media only screen and (max-device-width: 1198px) {
    .content p.type1 {
        margin:15px 0
    }
}

@media only screen and (min-device-width: 1199px) {
    .content p.type1 {
        margin:10px 0;
        padding-left: 30px
    }
}

@media only screen and (max-device-width: 1198px) {
    .content .sub-p {
        margin-left:2em
    }
}

@media only screen and (min-device-width: 1199px) {
    .content .sub-p {
        margin-left:3em
    }
}

.content .textPage-item {
    margin-top: 28px
}

.content .strong {
    font-weight: bold
}

.content .italic {
    font-style: italic
}

.content ul,.content ol {
    list-style-position: inside
}

.content ol {
    list-style-type: decimal
}

.content ul li {
    position: relative
}

.content ul li:before {
    content: '';
    position: absolute;
    left: 0;
    background: #657E92;
    border-radius: 50%
}

.content ul.typeA {
    text-align: center;
    padding-left: 0
}

.content ul.typeA li:before {
    content: none
}

.content .ul-typeB {
    padding-left: 0
}

.content .ul-typeB li {
    margin: 0;
    padding-left: 15px;
    font-size: 14px
}

.content .ul-typeB li:before {
    top: 7px;
    height: 7px;
    width: 7px
}

.content .nowrap {
    white-space: nowrap
}

.content .link {
    text-decoration: underline;
    color: #657e93
}

.content .table-typeA {
    width: 100%
}

.content .table-typeA td,.content .table-typeA th {
    border: 2px solid #E6E6E6;
    font-family: "Open Sans",sans-serif
}

.content .table-typeA th {
    font-weight: 500;
    text-align: center;
    background-color: #F4F5F7
}

.content .table-typeA td {
    text-align: left
}

@media only screen and (max-device-width: 1198px) {
    .content .table-typeA {
        margin:20px 0
    }

    .content .table-typeA th,.content .table-typeA td {
        font-size: 14px;
        line-height: 20px;
        padding: 10px
    }
}

@media only screen and (min-device-width: 1199px) {
    .content .table-typeA {
        margin:15px 0
    }

    .content .table-typeA th,.content .table-typeA td {
        font-size: 13px;
        line-height: 20px;
        padding: 10px
    }
}

@media only screen and (max-device-width: 1198px) {
    .content {
        padding-top:35px;
        padding-bottom: 70px;
        padding-left: 55px
    }

    .content ul li {
        padding-left: 45px;
        margin: 30px 0
    }

    .content ul li:before {
        top: 13px;
        height: 16px;
        width: 16px
    }

    .content ol li {
        margin: 30px 0
    }

    .content .collapse.in {
        height: auto
    }

    .content .collapse {
        position: relative;
        height: 0px;
        overflow: hidden;
        -moz-transition: height .5s ease 0s;
        -o-transition: height .5s ease 0s;
        -webkit-transition: height .5s ease;
        -webkit-transition-delay: 0s;
        transition: height .5s ease 0s
    }

    .content .accordion {
        margin-top: 30px
    }

    .content .accordion-heading .accordion-toggle {
        display: block
    }

    .content .accordion-inner .close-btn {
        display: block;
        width: 525px;
        height: 89px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -1046px no-repeat;
        overflow: hidden;
        text-indent: -999em;
        margin: 25px 0 30px
    }

    .content .question {
        text-decoration: underline;
        -moz-transition: color .5s ease;
        -o-transition: color .5s ease;
        -webkit-transition: color .5s ease;
        transition: color .5s ease;
        cursor: pointer
    }

    .content .question.active {
        text-decoration: none
    }
}

@media only screen and (min-device-width: 1199px) {
    .content {
        padding-top:20px;
        padding-bottom: 30px
    }

    .content ul li {
        padding-left: 30px;
        margin: 20px 0
    }

    .content ul li:before {
        top: 7px;
        height: 7px;
        width: 7px
    }

    .content ol li {
        margin: 20px 0
    }

    .content .accordion-body {
        height: auto !important
    }

    .content .close-btn {
        display: none
    }
}

.phone-block {
    background-color: #454A60
}

.phone-block.error .phone-form input {
    border: 3px solid #E97473;
    background-color: #FFFEE5
}

@media only screen and (max-device-width: 1198px) {
    .phone-block.error .phone-form input {
        margin:27px auto 22px
    }
}

@media only screen and (min-device-width: 1199px) {
    .phone-block.error .phone-form input {
        margin:17px auto 12px
    }
}

.phone-block .container {
    padding-top: 25px;
    padding-bottom: 35px;
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .phone-block .container {
        padding-top:25px;
        padding-bottom: 30px
    }
}

@media only screen and (min-device-width: 1199px) {
    .phone-block .container {
        padding-top:25px;
        padding-bottom: 35px
    }
}

@media only screen and (max-device-width: 1198px) {
    .phone-block .line {
        font-size:31px;
        color: #d0dbee
    }
}

@media only screen and (min-device-width: 1199px) {
    .phone-block .line {
        font-size:18px;
        color: #d0dbee
    }
}

.phone-block .line span {
    color: #fff
}

.phone-block .error-line {
    color: #e97473
}

@media only screen and (max-device-width: 1198px) {
    .phone-block .error-line {
        font-size:31px
    }
}

@media only screen and (min-device-width: 1199px) {
    .phone-block .error-line {
        font-size:18px
    }
}

.phone-block .phone-form .input-wrapper {
    position: relative
}

@media only screen and (max-device-width: 1198px) {
    .phone-block .phone-form .input-wrapper {
        margin:30px auto 25px
    }
}

@media only screen and (min-device-width: 1199px) {
    .phone-block .phone-form .input-wrapper {
        width:446px;
        margin: 20px auto 15px
    }
}

/* .phone-block .phone-form .input-wrapper:after {
    content: '+1';
    display: block;
    color: #b7c0cc;
    position: absolute;
    top: 0;
    pointer-events: none
} */

@media only screen and (max-device-width: 1198px) {
    .phone-block .phone-form .input-wrapper:after {
        font:700 33px/96px "Open Sans";
        left: 160px
    }
}

@media only screen and (min-device-width: 1199px) {
    .phone-block .phone-form .input-wrapper:after {
        font:700 24px/49px "Open Sans";
        left: 130px
    }
}

.phone-block .phone-form .input-wrapper svg {
    position: absolute;
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .phone-block .phone-form .input-wrapper svg {
        width:48px;
        height: 36px;
        top: 31px;
        left: 90px
    }
}

@media only screen and (min-device-width: 1199px) {
    .phone-block .phone-form .input-wrapper svg {
        width:39px;
        height: 29px;
        top: 10px;
        left: 70px
    }
}

.phone-block .phone-form input {
    display: block;
    background-color: #FFF;
    border-radius: 6px;
    text-align: left;
    -moz-transition: box-shadow .5s ease;
    -o-transition: box-shadow .5s ease;
    -webkit-transition: box-shadow .5s ease;
    transition: box-shadow .5s ease;
    font-family: "Open Sans";
    font-weight: 700;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-device-width: 1198px) {
    .phone-block .phone-form input {
        height:100px;
        font-size: 33px;
        padding-left: 210px;
        padding-bottom: 7px;
        color: #999
    }
}

@media only screen and (min-device-width: 1199px) {
    .phone-block .phone-form input {
        height:52px;
        text-align: left;
        padding: 1px 0 5px 170px;
        font-size: 24px;
        color: #ccc
    }
}

.phone-block .phone-form input.error {
    border: 3px solid #E97473;
    background-color: #FFFEE5
}

@media only screen and (max-device-width: 1198px) {
    .phone-block .phone-form input.error {
        margin:27px auto 22px
    }
}

@media only screen and (min-device-width: 1199px) {
    .phone-block .phone-form input.error {
        margin:17px auto 12px
    }
}

.phone-block .phone-form input:not(:hover) {
    -moz-box-shadow: 2.5px 4.3px 0 #3F4358;
    -webkit-box-shadow: 2.5px 4.3px 0 #3F4358;
    box-shadow: 2.5px 4.3px 0 #3F4358
}

.phone-block .phone-form input:hover,.phone-block .phone-form input:focus {
    -moz-box-shadow: 0px 0px 0px 2px #3F4358,0 0 16px rgba(255,255,255,0.7);
    -webkit-box-shadow: 0px 0px 0px 2px #3F4358,0 0 16px rgba(255,255,255,0.7);
    box-shadow: 0px 0px 0px 2px #3F4358,0 0 16px rgba(255,255,255,0.7)
}

@media only screen and (max-device-width: 1198px) {
    .phone-block .phone-form .btn2 {
        display:block;
        width: 100%;
        margin: 0 auto
    }

    .phone-block .phone-form .btn2:not(:first-child) {
        margin-top: .5em
    }
}

@media only screen and (min-device-width: 1199px) {
    .phone-block .phone-form .btn2:not(:first-child) {
        margin-left:.5em
    }
}

@media only screen and (max-device-width: 1198px) {
    .phone-block .phone-form .whatsapp_me i {
        width:69px;
        height: 69px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -2118px no-repeat;
        vertical-align: -18px
    }
}

@media only screen and (min-device-width: 1199px) {
    .phone-block .phone-form .whatsapp_me {
        display:inline-block
    }

    .phone-block .phone-form .whatsapp_me i {
        width: 33px;
        height: 33px;
        background: url('../images/sprite-main-wide-screens.png') 0 -4323px no-repeat;
        vertical-align: -7px
    }
}

@media only screen and (min-device-width: 1199px) {
    .phone-block .phone-form .submit {
        display:inline-block;
        padding: 0 40px
    }
}

.phone-block .notice {
    margin-top: -8px;
    color: #7e85a2
}

.phone-block .notice .link {
    text-decoration: underline
}

@media only screen and (max-device-width: 1198px) {
    .phone-block .notice {
        font-size:16px
    }
}

@media only screen and (min-device-width: 1199px) {
    .phone-block .notice {
        font-size:12px;
        margin-bottom: 8px
    }
}

@media only screen and (max-device-width: 1198px) {
    body .phone-block .input-wrapper:before,body .phone-form-subscription .input-wrapper:before {
        width:48px;
        height: 36px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -1005px no-repeat
    }
}

@media only screen and (min-device-width: 1199px) {
    body .phone-block .input-wrapper:before,body .phone-form-subscription .input-wrapper:before {
        width:39px;
        height: 29px;
        background: url('../images/sprite-main-wide-screens.png') 0 -2077px no-repeat
    }
}

@media only screen and (max-device-width: 1198px) {
    body.cc-ca .phone-block .input-wrapper:before,body.cc-ca .phone-form-subscription .input-wrapper:before {
        width:49px;
        height: 36px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -923px no-repeat
    }
}

@media only screen and (min-device-width: 1199px) {
    body.cc-ca .phone-block .input-wrapper:before,body.cc-ca .phone-form-subscription .input-wrapper:before {
        width:39px;
        height: 28px;
        background: url('../images/sprite-main-wide-screens.png') 0 -2010px no-repeat
    }
}

@media only screen and (max-device-width: 1198px) {
    body[class^="l-ca"] .phone-block .input-wrapper:before,body[class^="l-ca"] .phone-form-subscription .input-wrapper:before,body[class*=" l-ca"] .phone-block .input-wrapper:before,body[class*=" l-ca"] .phone-form-subscription .input-wrapper:before {
        width:49px;
        height: 36px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -923px no-repeat
    }
}

@media only screen and (min-device-width: 1199px) {
    body[class^="l-ca"] .phone-block .input-wrapper:before,body[class^="l-ca"] .phone-form-subscription .input-wrapper:before,body[class*=" l-ca"] .phone-block .input-wrapper:before,body[class*=" l-ca"] .phone-form-subscription .input-wrapper:before {
        width:39px;
        height: 28px;
        background: url('../images/sprite-main-wide-screens.png') 0 -2010px no-repeat
    }
}

@media only screen and (max-device-width: 1198px) {
    body[class^="l-au"] .phone-block .input-wrapper:before,body[class^="l-au"] .phone-form-subscription .input-wrapper:before,body[class*=" l-au"] .phone-block .input-wrapper:before,body[class*=" l-au"] .phone-form-subscription .input-wrapper:before,body.cc-au .phone-block .input-wrapper:before,body.cc-au .phone-form-subscription .input-wrapper:before {
        width:49px;
        height: 36px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -882px no-repeat
    }
}

@media only screen and (min-device-width: 1199px) {
    body[class^="l-au"] .phone-block .input-wrapper:before,body[class^="l-au"] .phone-form-subscription .input-wrapper:before,body[class*=" l-au"] .phone-block .input-wrapper:before,body[class*=" l-au"] .phone-form-subscription .input-wrapper:before,body.cc-au .phone-block .input-wrapper:before,body.cc-au .phone-form-subscription .input-wrapper:before {
        width:39px;
        height: 28px;
        background: url('../images/sprite-main-wide-screens.png') 0 -1977px no-repeat
    }
}

body[class^="l-au"] .phone-block .input-wrapper::after,body[class*=" l-au"] .phone-block .input-wrapper::after,body.cc-au .phone-block .input-wrapper::after {
    content: '+614'
}

@media only screen and (max-device-width: 1198px) {
    body[class^="l-au"] .phone-block .input-wrapper::after,body[class*=" l-au"] .phone-block .input-wrapper::after,body.cc-au .phone-block .input-wrapper::after {
        left:150px
    }

    body[class^="l-au"] .phone-block .phone-form input,body[class*=" l-au"] .phone-block .phone-form input,body.cc-au .phone-block .phone-form input {
        padding-left: 235px
    }
}

@media only screen and (min-device-width: 1199px) {
    body[class^="l-au"] .phone-block .input-wrapper::after,body[class*=" l-au"] .phone-block .input-wrapper::after,body.cc-au .phone-block .input-wrapper::after {
        left:122px
    }

    body[class^="l-au"] .phone-block .phone-form input,body[class*=" l-au"] .phone-block .phone-form input,body.cc-au .phone-block .phone-form input {
        padding-left: 185px
    }
}

@media only screen and (max-device-width: 1198px) {
    body.s-DE .phone-block .input-wrapper:before,body.s-DE .phone-form-subscription .input-wrapper:before {
        width:48px;
        height: 36px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -964px no-repeat
    }
}

@media only screen and (min-device-width: 1199px) {
    body.s-DE .phone-block .input-wrapper:before,body.s-DE .phone-form-subscription .input-wrapper:before {
        width:39px;
        height: 29px;
        background: url('../images/sprite-main-wide-screens.png') 0 -2043px no-repeat
    }
}

body.s-DE .phone-block .input-wrapper::after {
    content: '+49'
}

@media only screen and (max-device-width: 1198px) {
    body.s-DE .phone-block .input-wrapper::after {
        left:150px
    }
}

@media only screen and (min-device-width: 1199px) {
    body.s-DE .phone-block .input-wrapper::after {
        left:122px
    }
}

.yes-no-block ul li {
    text-align: center
}

.yes-no-block .line {
    color: #000
}

.yes-no-block .line span {
    font-family: "rockwellb",serif
}

@media only screen and (max-device-width: 1198px) {
    .yes-no-block .container {
        width:100%;
        padding: 0;
        margin: 0
    }

    .yes-no-block ul li {
        position: relative;
        min-width: 640px
    }

    .yes-no-block ul li:before,.yes-no-block ul li:after {
        content: '';
        position: absolute
    }

    .yes-no-block ul li .yes-no-wrapper {
        padding: 35px 0 55px;
        width: 640px;
        margin: 0 auto
    }

    .yes-no-block ul li img {
        margin-top: 40px;
        display: block
    }

    .yes-no-block ul li.no-item {
        background: #EDEEF2
    }

    .yes-no-block ul li.no-item:before {
        bottom: 25px;
        left: 0;
        width: 152px;
        height: 135px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -2626px no-repeat
    }

    .yes-no-block ul li.no-item:after {
        bottom: 0;
        right: 0;
        width: 134px;
        height: 441px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -2766px no-repeat
    }

    .yes-no-block ul li.no-item .line span {
        color: #e97473
    }

    .yes-no-block ul li.no-item img {
        margin-left: 83px;
        width: 445px
    }

    .yes-no-block ul li.yes-item:before {
        bottom: 0;
        left: 0;
        width: 96px;
        height: 257px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -3212px no-repeat
    }

    .yes-no-block ul li.yes-item:after {
        top: 95px;
        right: 0;
        width: 64px;
        height: 270px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -3474px no-repeat
    }

    .yes-no-block ul li.yes-item .line span {
        color: #6f79a1
    }

    .yes-no-block ul li.yes-item img {
        margin-left: 20px;
        width: 492px
    }

    .yes-no-block ul li:not(:first-child) {
        border-top: 2px solid #C1C5CF
    }

    .yes-no-block .line {
        font-size: 34px;
        padding: 0 70px
    }
}

@media only screen and (min-device-width: 1199px) {
    .yes-no-block {
        background-color:#fff
    }

    .yes-no-block .container {
        padding-top: 40px;
        padding-bottom: 45px
    }

    .yes-no-block ul li {
        width: 50%;
        float: left
    }

    .yes-no-block .line {
        height: 85px;
        font-size: 20px
    }

    .yes-no-block img {
        display: inline-block
    }

    .yes-no-block .no-item .line {
        padding: 0 100px
    }

    .yes-no-block .no-item .line span {
        color: #e97473
    }

    .yes-no-block .no-item img {
        width: 297px;
        margin-top: 2px
    }

    .yes-no-block .yes-item .line {
        padding: 0 60px
    }

    .yes-no-block .yes-item .line span {
        color: #6f79a1
    }

    .yes-no-block .yes-item img {
        width: 314px;
        margin-top: 5px
    }

    .yes-no-block.de .yes-item .line {
        padding: 0 40px
    }
}

.how-it-works1 {
    background-color: #454A61
}

.how-it-works1 .container {
    text-align: center;
    color: #fff
}

@media only screen and (max-device-width: 1198px) {
    .how-it-works1 {
        min-width:640px
    }

    .how-it-works1 .container {
        font-size: 55px;
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media only screen and (min-device-width: 1199px) {
    .how-it-works1 .container {
        font-size:40px;
        line-height: 72px
    }
}

.how-it-works2 {
    background-color: #ECEEF0
}

.how-it-works2 ul li {
    text-align: center
}

.how-it-works2 .line {
    color: #848ba0
}

.how-it-works2 .line span {
    font-family: "rockwellb",serif;
    color: #2472a7
}

@media only screen and (max-device-width: 1198px) {
    .how-it-works2 {
        min-width:640px
    }

    .how-it-works2 .container {
        padding-top: 20px
    }

    .how-it-works2 ul li {
        padding: 35px 0
    }

    .how-it-works2 ul li:first-child img {
        width: 184px
    }

    .how-it-works2 ul li:first-child+li img {
        width: 184px
    }

    .how-it-works2 ul li:first-child+li+li img {
        width: 196px
    }

    .how-it-works2 .line {
        font-size: 34px;
        padding-top: 20px
    }
}

@media only screen and (min-device-width: 1199px) {
    .how-it-works2 .container {
        padding-top:35px;
        padding-bottom: 10px
    }

    .how-it-works2 ul {
        text-align: justify
    }

    .how-it-works2 ul li {
        display: inline-block;
        width: 282px;
        vertical-align: top
    }

    .how-it-works2 ul li img {
        display: inline-block
    }

    .how-it-works2 ul li:first-child img {
        width: 85px
    }

    .how-it-works2 ul li:first-child+li img {
        width: 85px
    }

    .how-it-works2 ul li:first-child+li+li img {
        width: 90px
    }

    .how-it-works2 ul:after {
        content: '';
        display: inline-block;
        width: 100%
    }

    .how-it-works2 .line {
        display: table-cell;
        width: 282px;
        font-size: 20px;
        padding-top: 20px;
        height: 50px;
        vertical-align: middle
    }
}

.do-block {
    position: relative
}

.do-block .container {
    text-align: center
}

.do-block .title {
    color: #515a78
}

.do-block .title span {
    color: #2472a7
}

.do-block .line {
    color: #000
}

@media only screen and (max-device-width: 1198px) {
    .do-block .container {
        padding-top:35px
    }

    .do-block .title {
        font-size: 55px;
        padding-bottom: 25px
    }

    .do-block .line {
        font-size: 32px;
        padding-bottom: 45px
    }

    .do-block .slider {
        width: 516px;
        margin: 0 auto
    }

    .do-block .cell {
        width: 516px;
        height: 877px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 0 no-repeat;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 80px 0 0 27px;
        display: block
    }

    .do-block .slider1 {
        width: 458px
    }

    .do-block .slider1 .item {
        width: 458px
    }

    .do-block .carousel-inner {
        width: 458px;
        height: 796px
    }

    .do-block .carousel-control {
        position: absolute;
        bottom: 400px;
        text-indent: -999em;
        overflow: hidden;
        z-index: 100
    }

    .do-block .carousel-control.left {
        left: -80px;
        width: 32px;
        height: 102px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -1690px no-repeat
    }

    .do-block .carousel-control.right {
        right: -80px;
        width: 32px;
        height: 102px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -1904px no-repeat
    }

    .do-block .carousel-indicators {
        position: absolute;
        bottom: -66px;
        width: 100%;
        text-align: center
    }

    .do-block .carousel-indicators li {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%
    }

    .do-block .carousel-indicators li:not(:first-child) {
        margin-left: 5px
    }

    .do-block .carousel-indicators li.active {
        background: #2472a7
    }

    .do-block .carousel-indicators li:not(.active) {
        cursor: pointer;
        background: #6B6E7D
    }
}

@media only screen and (min-device-width: 1199px) {
    .do-block {
        height:715px;
        background-color: #F7F8FA
    }

    .do-block:before,.do-block:after {
        content: '';
        position: absolute;
        bottom: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: .7
    }

    .do-block:before {
        left: 0;
        width: 460px;
        height: 654px;
        background: url('../images/sprite-main-wide-screens.png') 0 -598px no-repeat
    }

    .do-block:after {
        right: 0;
        width: 402px;
        height: 715px;
        background: url('../images/sprite-main-wide-screens.png') 0 -1257px no-repeat
    }

    .do-block .container {
        padding-top: 20px
    }

    .do-block .title {
        font-size: 55px;
        padding-bottom: 20px
    }

    .do-block .line {
        font-size: 20px
    }

    .do-block .slider {
        width: 464px;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -250px
    }

    .do-block .cell {
        margin-top: -70px;
        margin-left: 85px;
        width: 312px;
        height: 531px;
        background: url('../images/sprite-main-wide-screens.png') 0 -25px no-repeat;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 49px 0 0 17px;
        display: block
    }

    .do-block .slider1 {
        width: 277px
    }

    .do-block .slider1 .item {
        width: 277px
    }

    .do-block .carousel-inner {
        width: 277px;
        height: 482px
    }

    .do-block .carousel-control {
        position: absolute;
        bottom: 215px;
        text-indent: -999em;
        overflow: hidden;
        z-index: 100
    }

    .do-block .carousel-control.left {
        left: -120px;
        width: 37px;
        height: 119px;
        background: url('../images/sprite-main-wide-screens.png') 0 -3768px no-repeat
    }

    .do-block .carousel-control.right {
        right: -120px;
        width: 37px;
        height: 119px;
        background: url('../images/sprite-main-wide-screens.png') 0 -3999px no-repeat
    }

    .do-block.de .container {
        padding-left: 0;
        padding-right: 0
    }

    .do-block.de .title {
        padding-bottom: 5px;
        font-size: 51px
    }

    .do-block.de .line {
        padding: 0 155px
    }

    .do-block.de .line.lpa {
        padding: 0;
        font-size: 18px
    }
}

.do-block-lpa {
    position: relative
}

.do-block-lpa .container {
    text-align: center
}

.do-block-lpa .title {
    color: #515a78
}

.do-block-lpa .title span {
    color: #2472a7
}

.do-block-lpa .line {
    color: #000
}

.do-block-lpa .line2 {
    color: #000
}

@media only screen and (max-device-width: 1198px) {
    .do-block-lpa .container {
        padding-top:35px
    }

    .do-block-lpa .title {
        font-size: 55px;
        padding-bottom: 25px
    }

    .do-block-lpa .line {
        font-size: 32px;
        padding-bottom: 45px
    }

    .do-block-lpa .line2 {
        font-size: 22px;
        padding-bottom: 45px;
        margin-top: -20px
    }

    .do-block-lpa .slider {
        width: 516px;
        margin: 0 auto
    }

    .do-block-lpa .cell {
        width: 516px;
        height: 877px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 0 no-repeat;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 80px 0 0 27px;
        display: block
    }

    .do-block-lpa .slider1 {
        width: 458px
    }

    .do-block-lpa .slider1 .item {
        width: 458px
    }

    .do-block-lpa .carousel-inner {
        width: 458px;
        height: 796px
    }

    .do-block-lpa .carousel-control {
        position: absolute;
        bottom: 400px;
        text-indent: -999em;
        overflow: hidden;
        z-index: 100
    }

    .do-block-lpa .carousel-control.left {
        left: -80px;
        width: 32px;
        height: 102px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -1690px no-repeat
    }

    .do-block-lpa .carousel-control.right {
        right: -80px;
        width: 32px;
        height: 102px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -1904px no-repeat
    }

    .do-block-lpa .carousel-indicators {
        position: absolute;
        bottom: -80px;
        width: 100%;
        text-align: center
    }

    .do-block-lpa .carousel-indicators li {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%
    }

    .do-block-lpa .carousel-indicators li:not(:first-child) {
        margin-left: 5px
    }

    .do-block-lpa .carousel-indicators li.active {
        background: #2472a7
    }

    .do-block-lpa .carousel-indicators li:not(.active) {
        cursor: pointer;
        background: #6B6E7D
    }

    .do-block-lpa .carousel-indicators li .indicator-title,.do-block-lpa .carousel-indicators li svg {
        display: none
    }
}

@media only screen and (min-device-width: 1199px) {
    .do-block-lpa {
        height:840px;
        background-color: #F7F8FA
    }

    .do-block-lpa:before,.do-block-lpa:after {
        content: '';
        position: absolute;
        bottom: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: .7
    }

    .do-block-lpa:before {
        left: 0;
        width: 460px;
        height: 654px;
        background: url('../images/sprite-main-wide-screens.png') 0 -598px no-repeat
    }

    .do-block-lpa:after {
        right: 0;
        width: 402px;
        height: 715px;
        background: url('../images/sprite-main-wide-screens.png') 0 -1257px no-repeat
    }

    .do-block-lpa .container {
        padding-top: 20px;
        padding-left: 0;
        padding-right: 0
    }

    .do-block-lpa .title {
        padding-bottom: 5px;
        font-size: 51px
    }

    .do-block-lpa .line {
        padding: 0;
        font-size: 18px
    }

    .do-block-lpa .line2 {
        font-size: 15px;
        padding-top: 10px
    }

    .do-block-lpa .slider {
        width: 464px;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -250px
    }

    .do-block-lpa .cell {
        margin-top: -70px;
        margin-left: 85px;
        width: 312px;
        height: 531px;
        background: url('../images/sprite-main-wide-screens.png') 0 -25px no-repeat;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 49px 0 0 17px;
        display: block
    }

    .do-block-lpa .slider1 {
        width: 277px
    }

    .do-block-lpa .slider1 .item {
        width: 277px
    }

    .do-block-lpa .carousel-inner {
        width: 277px;
        height: 482px
    }

    .do-block-lpa .carousel-control {
        position: absolute;
        bottom: 215px;
        text-indent: -999em;
        overflow: hidden;
        z-index: 100
    }

    .do-block-lpa .carousel-control.left {
        left: -120px;
        width: 37px;
        height: 119px;
        background: url('../images/sprite-main-wide-screens.png') 0 -3768px no-repeat
    }

    .do-block-lpa .carousel-control.right {
        right: -120px;
        width: 37px;
        height: 119px;
        background: url('../images/sprite-main-wide-screens.png') 0 -3999px no-repeat
    }
}

@media only screen and (min-device-width: 1199px) {
    .do-block-lpa .carousel-indicators.desktop {
        text-align:justify;
        position: absolute;
        left: -130px;
        width: 480px;
        top: -150px;
        margin: 0 30px
    }

    .do-block-lpa .carousel-indicators.desktop:before {
        content: '';
        position: absolute;
        bottom: 2px;
        left: 0;
        width: 100%;
        border-bottom: solid 3px rgba(176,190,197,0.3)
    }
}

.do-block-lpa .carousel-indicators.desktop:after {
    content: '';
    display: inline-block;
    width: 100%
}

.do-block-lpa .carousel-indicators.desktop li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    cursor: pointer
}

@media only screen and (min-device-width: 1199px) {
    .do-block-lpa .carousel-indicators.desktop li {
        height:36px
    }
}

@media only screen and (min-device-width: 1199px) {
    .do-block-lpa .carousel-indicators.desktop li svg {
        display:none
    }
}

.do-block-lpa .carousel-indicators.desktop li .indicator-title {
    text-align: center;
    white-space: nowrap;
    position: relative;
    text-transform: uppercase
}

@media only screen and (min-device-width: 1199px) {
    .do-block-lpa .carousel-indicators.desktop li .indicator-title {
        font-size:14px;
        font-weight: 900;
        letter-spacing: 0.3px;
        color: rgba(132,139,160,0.7);
        padding-top: 17px;
        padding-bottom: 17px;
        -moz-transition: color .3s ease;
        -o-transition: color .3s ease;
        -webkit-transition: color .3s ease;
        transition: color .3s ease
    }
}

@media only screen and (min-device-width: 1199px) {
    .do-block-lpa .carousel-indicators.desktop li.active svg {
        filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }

    .do-block-lpa .carousel-indicators.desktop li.active .indicator-title {
        color: #515a78;
        border-bottom: 3px solid #515a78
    }
}

@media only screen and (max-device-width: 1198px) {
    .indicators-block {
        background:#454A60;
        min-width: 640px
    }

    .indicators-block .container {
        height: 104px
    }
}

@media only screen and (min-device-width: 1199px) {
    .indicators-block {
        display:none
    }
}

@media only screen and (max-device-width: 1198px) {
    .indicators-block.hp {
        background-color:#a7b0c1
    }
}

.do-block .carousel-indicators.hp li:not(:first-child) {
    margin-left: 10px
}

.do-block .carousel-indicators.hp li:not(.active) {
    background-color: #D3D7E0
}

.do-block .carousel-indicators.hp li.active {
    background-color: #222221
}

.slider1 {
    position: relative
}

.slider1 .item {
    display: none;
    position: relative;
    -moz-transition: left .5s ease-in-out;
    -o-transition: left .5s ease-in-out;
    -webkit-transition: left .5s ease-in-out;
    transition: left .5s ease-in-out
}

.slider1 .item.active,.slider1 .item.next,.slider1 .item.prev {
    display: block
}

.slider1 .item.active {
    left: 0
}

.slider1 .item.next,.slider1 .item.prev {
    position: absolute;
    top: 0
}

.slider1 .item.next {
    left: 100%
}

.slider1 .item.prev {
    left: -100%
}

.slider1 .item.next.left,.slider1 .item.prev.right {
    left: 0
}

.slider1 .item.active.left {
    left: -100%
}

.slider1 .item.active.right {
    left: 100%
}

.slider1 .carousel-inner {
    overflow: hidden;
    position: relative
}

.slider1 .carousel-inner img {
    width: 100%;
    height: auto
}

.press-about-us-block .container {
    text-align: center;
    position: relative
}

@media only screen and (max-device-width: 1198px) {
    .press-about-us-block .container {
        padding-top:100px;
        padding-bottom: 100px
    }
}

@media only screen and (min-device-width: 1199px) {
    .press-about-us-block .container {
        padding-top:55px;
        padding-bottom: 45px
    }
}

@media only screen and (min-device-width: 1199px) {
    .press-about-us-block .container:not(.no-line-desktop):before {
        content:'';
        position: absolute;
        left: 50%;
        top: 0;
        height: 2px;
        background-color: rgba(212,221,230,0.6);
        width: 200px;
        margin-left: -100px
    }
}

@media only screen and (max-device-width: 1198px) {
    .press-about-us-block .container:before {
        content:'';
        position: absolute;
        left: 50%;
        top: 0;
        height: 2px;
        background-color: rgba(212,221,230,0.6);
        width: 300px;
        margin-left: -150px
    }
}

.press-about-us-block .press-about-us-title {
     font-family: "Kanit", sans-serif;
    color: #666a80
}

@media only screen and (max-device-width: 1198px) {
    .press-about-us-block .press-about-us-title {
        font-size:40px
    }
}

@media only screen and (min-device-width: 1199px) {
    .press-about-us-block .press-about-us-title {
        font-size:20px;
        margin-bottom: 34px
    }
}

@media only screen and (max-device-width: 1198px) {
    .press-about-us-block .press-about-us-list {
        margin:-5px 25px 0;
        text-align: justify;
        text-align-last: center
    }
}

.press-about-us-block .press-about-us-list li {
    display: inline-block
}

@media only screen and (max-device-width: 1198px) {
    .press-about-us-block .press-about-us-list li {
        width:270px;
        text-align: center;
        margin-top: 70px
    }
}

@media only screen and (min-device-width: 1199px) {
    .press-about-us-block .press-about-us-list li:not(:first-child) {
        margin-left:70px
    }
}

.press-about-us-block .press-about-us-list li a {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-indent: -999em
}

@media only screen and (max-device-width: 1198px) {
    .press-about-us-block .product-hunt a {
        width:269px;
        height: 64px;
        background: url('../../img/sprite-press-about-us-handhelds-sb81f580fe7f9aa.png?17c3b5c9d757') 0 -131px no-repeat
    }
}

@media only screen and (min-device-width: 1199px) {
    .press-about-us-block .product-hunt a {
        width:169px;
        height: 40px;
        background: url('../../img/sprite-press-about-us-wide-screens-sa71e1b972ff9aa.png?17c3b5c9d757') 0 -78px no-repeat
    }
}

@media only screen and (max-device-width: 1198px) {
    .press-about-us-block .tech-co a {
        width:154px;
        height: 51px;
        background: url('../../img/sprite-press-about-us-handhelds-sb81f580fe7f9aa.png?17c3b5c9d757') 0 -200px no-repeat
    }
}

@media only screen and (min-device-width: 1199px) {
    .press-about-us-block .tech-co a {
        width:96px;
        height: 32px;
        background: url('../../img/sprite-press-about-us-wide-screens-sa71e1b972ff9aa.png?17c3b5c9d757') 0 -123px no-repeat
    }
}

@media only screen and (max-device-width: 1198px) {
    .press-about-us-block .next a {
        width:156px;
        height: 76px;
        background: url('../../img/sprite-press-about-us-handhelds-sb81f580fe7f9aa.png?17c3b5c9d757') 0 -50px no-repeat
    }
}

@media only screen and (min-device-width: 1199px) {
    .press-about-us-block .next a {
        width:83px;
        height: 40px;
        background: url('../../img/sprite-press-about-us-wide-screens-sa71e1b972ff9aa.png?17c3b5c9d757') 0 -33px no-repeat
    }
}

@media only screen and (max-device-width: 1198px) {
    .press-about-us-block .forbes a {
        width:176px;
        height: 45px;
        background: url('../../img/sprite-press-about-us-handhelds-sb81f580fe7f9aa.png?17c3b5c9d757') 0 0 no-repeat
    }
}

@media only screen and (min-device-width: 1199px) {
    .press-about-us-block .forbes a {
        width:110px;
        height: 28px;
        background: url('../../img/sprite-press-about-us-wide-screens-sa71e1b972ff9aa.png?17c3b5c9d757') 0 0 no-repeat
    }
}

.press-about-us-block-hp {
    background-color: #a7b0c1
}

.press-about-us-block-hp .container {
    text-align: center;
    position: relative
}

@media only screen and (max-device-width: 1198px) {
    .press-about-us-block-hp .container {
        padding-top:59.5px;
        padding-bottom: 51px
    }
}

@media only screen and (min-device-width: 1199px) {
    .press-about-us-block-hp .container {
        padding-top:24px;
        padding-bottom: 18px
    }
}

.press-about-us-block-hp .title {
     font-family: "Kanit", sans-serif;
    color: #fff
}

@media only screen and (max-device-width: 1198px) {
    .press-about-us-block-hp .title {
        font-size:37.4px
    }
}

@media only screen and (min-device-width: 1199px) {
    .press-about-us-block-hp .title {
        font-size:21px;
        margin-bottom: 18px
    }
}

.press-about-us-block-hp .press-about-us-list {
    display: flex;
    align-items: center
}

@media only screen and (max-device-width: 1198px) {
    .press-about-us-block-hp .press-about-us-list {
        flex-wrap:wrap;
        justify-content: space-between;
        margin: 0 42.5px
    }
}

@media only screen and (min-device-width: 1199px) {
    .press-about-us-block-hp .press-about-us-list {
        justify-content:space-around;
        margin: 0 50px
    }
}

@media only screen and (max-device-width: 1198px) {
    .press-about-us-block-hp .press-about-us-item {
        margin:68px auto 0
    }

    .press-about-us-block-hp .press-about-us-item.penult-item {
        margin-left: 102px
    }

    .press-about-us-block-hp .press-about-us-item.last-item {
        margin-right: 102px
    }
}

.press-about-us-block-hp .press-about-us-link {
    display: block
}

.press-about-us-block-hp .press-about-us-logo {
    display: block;
    fill: #fff;
    color: #fff
}

@media only screen and (max-device-width: 1198px) {
    .press-about-us-block-hp .forbes-logo {
        width:200.6px;
        height: 53.55px
    }
}

@media only screen and (min-device-width: 1199px) {
    .press-about-us-block-hp .forbes-logo {
        width:80px;
        height: 21px
    }
}

@media only screen and (max-device-width: 1198px) {
    .press-about-us-block-hp .wired-logo {
        width:249.9px;
        height: 51px
    }
}

@media only screen and (min-device-width: 1199px) {
    .press-about-us-block-hp .wired-logo {
        width:122px;
        height: 25px
    }
}

@media only screen and (max-device-width: 1198px) {
    .press-about-us-block-hp .venturebeat-logo {
        width:287.81px;
        height: 36.89px
    }
}

@media only screen and (min-device-width: 1199px) {
    .press-about-us-block-hp .venturebeat-logo {
        width:151px;
        height: 20px
    }
}

@media only screen and (max-device-width: 1198px) {
    .press-about-us-block-hp .tech-co-logo {
        width:159.46px;
        height: 52.87px
    }
}

@media only screen and (min-device-width: 1199px) {
    .press-about-us-block-hp .tech-co-logo {
        width:79px;
        height: 26px
    }
}

@media only screen and (max-device-width: 1198px) {
    .press-about-us-block-hp .nextmedia-logo {
        width:132.6px;
        height: 64.6px
    }
}

@media only screen and (min-device-width: 1199px) {
    .press-about-us-block-hp .nextmedia-logo {
        width:67px;
        height: 33px
    }
}

@media only screen and (max-device-width: 1198px) {
    .press-about-us-block-hp .nulltx-logo {
        width:79.9px;
        height: 98.6px
    }
}

@media only screen and (min-device-width: 1199px) {
    .press-about-us-block-hp .nulltx-logo {
        width:38px;
        height: 47px
    }
}

@media only screen and (max-device-width: 1198px) {
    .rate-block.rs {
        background:#e1e4e8
    }
}

.rate-block.rs .rating-bg li {
    background: url('../images/sprite-rs.png') no-repeat;
    background-size: 100px 147px;
    background-position: 0 -83px;
    height: 22.5px;
    width: 23.5px
}

@media only screen and (max-device-width: 1198px) {
    .rate-block.rs .rating-bg li {
        width:47px;
        height: 45px;
        background: url('../images/sprite-rs.png') 0 -152px no-repeat
    }
}

.rate-block.rs .rating-front {
    width: 133px
}

@media only screen and (max-device-width: 1198px) {
    .rate-block.rs .rating-front {
        width:241px
    }
}

.rate-block.rs .rating-front li {
    background: url('../images/sprite-rs.png') no-repeat;
    background-size: 100px 147px;
    background-position: 0 -125px;
    height: 22.5px;
    width: 23.5px
}

@media only screen and (max-device-width: 1198px) {
    .rate-block.rs .rating-front li {
        width:47px;
        height: 45px;
        background: url('../images/sprite-rs.png') 0 -236px no-repeat
    }
}

.rate-block.rs.hp {
    background: #fff
}

@media only screen and (max-device-width: 1198px) {
    .rate-block.rs.hp .container {
        padding-top:60px;
        padding-bottom: 40px
    }
}

@media only screen and (min-device-width: 1199px) {
    .rate-block.rs.hp .container {
        padding-bottom: 0
    }
}

.rate-block.rs.hp .title {
    color: #000;
}

.rate-block.rs.hp .rate-link {
    color: #000
}

.rate-block .container {
    text-align: center
}

.rate-block .title {
    color: #848ba0
}

.rate-block .rating {
    display: inline-block;
    position: relative
}

.rate-block .rating-bg,.rate-block .rating-front {
    white-space: nowrap
}

.rate-block .rating-bg li,.rate-block .rating-front li {
    display: inline-block
}

.rate-block .rating-front {
    position: absolute;
    top: 0;
    left: 0
}

.rate-block .rate-link {
    color: #7aabec
}

.rate-block .rating-bg {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: .6
}

@media only screen and (max-device-width: 1198px) {
    .rate-block {
        min-width:640px
    }

    .rate-block .container {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .rate-block .title {
        font-size: 50px;
        margin-bottom: 25px
    }

    .rate-block .rating-front {
        width: 94%;
        overflow: hidden
    }

    .rate-block .rating-bg li,.rate-block .rating-front li {
        width: 54px;
        height: 52px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -2569px no-repeat
    }

    .rate-block .rating-bg li:not(:first-child),.rate-block .rating-front li:not(:first-child) {
        margin-left: 2px
    }

    .rate-block .line {
        color: #848ba0;
        margin-top: 10px;
        font: 27px "Kanit", sans-serif
    }
}

@media only screen and (min-device-width: 1199px) {
    .rate-block {
        background:#E1E4E8
    }

    .rate-block .container {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .rate-block .title {
        font-size: 27px;
        margin-bottom: 15px
    }

    .rate-block .rating-front {
        width: 97%;
        overflow: hidden
    }

    .rate-block .rating-bg li,.rate-block .rating-front li {
        width: 35px;
        height: 33px;
        background: url('../images/sprite-main-wide-screens.png') 0 -4487px no-repeat
    }

    .rate-block .rating-bg li:not(:first-child),.rate-block .rating-front li:not(:first-child) {
        margin-left: 2px
    }

    .rate-block .line {
        color: #848ba0;
        margin-top: 5px;
        font: 17px "Kanit", sans-serif
    }
}

.testimonial-block .container {
    text-align: center
}

.testimonial-block .title {
    color: #2472a7
}

.testimonial-block .slider2 {
    position: relative;
    margin: 0 auto
}

.testimonial-block .slider2 .item {
    display: none;
    position: relative;
    -moz-transition: left .5s ease-in-out;
    -o-transition: left .5s ease-in-out;
    -webkit-transition: left .5s ease-in-out;
    transition: left .5s ease-in-out
}

.testimonial-block .slider2 .item.active,.testimonial-block .slider2 .item.next,.testimonial-block .slider2 .item.prev {
    display: block
}

.testimonial-block .slider2 .item.active {
    left: 0
}

.testimonial-block .slider2 .item.next,.testimonial-block .slider2 .item.prev {
    position: absolute;
    top: 0
}

.testimonial-block .slider2 .item.next {
    left: 100%
}

.testimonial-block .slider2 .item.prev {
    left: -100%
}

.testimonial-block .slider2 .item.next.left,.testimonial-block .slider2 .item.prev.right {
    left: 0
}

.testimonial-block .slider2 .item.active.left {
    left: -100%
}

.testimonial-block .slider2 .item.active.right {
    left: 100%
}

.testimonial-block .slider2 .carousel-control {
    position: absolute;
    text-indent: -999em;
    overflow: hidden
}

.testimonial-block .slider2 .carousel-inner {
    overflow: hidden;
    position: relative
}

.testimonial-block .slider2 .msg {
    color: #454a61;
    text-align: left
}

.testimonial-block .slider2 .user {
    display: inline-block
}

.testimonial-block .slider2 .user img {
    vertical-align: middle;
    border-radius: 50%
}

.testimonial-block .slider2 .user .user-name {
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

.testimonial-block .slider2 .user .user-name .name {
    font-family: "rockwellb",serif;
    color: #454a61
}

.testimonial-block .slider2 .user .user-name .grade {
    color: #8f95ae
}

@media only screen and (max-device-width: 1198px) {
    .testimonial-block {
        background:#ECEEF0;
        min-width: 640px
    }

    .testimonial-block .container {
        padding-top: 60px
    }

    .testimonial-block .title {
        font-size: 39px;
        margin-bottom: 40px
    }

    .testimonial-block .slider2 {
        width: 480px;
        padding-bottom: 35px
    }

    .testimonial-block .slider2 .item {
        width: 480px
    }

    .testimonial-block .slider2 .carousel-control {
        top: 60px
    }

    .testimonial-block .slider2 .carousel-control.left {
        left: -60px;
        width: 32px;
        height: 102px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -1797px no-repeat
    }

    .testimonial-block .slider2 .carousel-control.right {
        right: -60px;
        width: 32px;
        height: 102px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -2011px no-repeat
    }

    .testimonial-block .slider2 .carousel-inner {
        width: 480px
    }

    .testimonial-block .slider2 .msg {
        font-size: 34px;
        line-height: 49px;
        padding: 0 20px 10px;
        min-height: 340px
    }

    .testimonial-block .slider2 .user img {
        width: 111px;
        height: 111px
    }

    .testimonial-block .slider2 .user .user-name {
        padding-left: 25px
    }

    .testimonial-block .slider2 .user .user-name .name {
        font-size: 35px
    }

    .testimonial-block .slider2 .user .user-name .grade {
        font-size: 34px
    }

    .testimonial-block .carousel-indicators {
        position: absolute;
        bottom: -66px;
        width: 100%;
        text-align: center
    }

    .testimonial-block .carousel-indicators li {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%
    }

    .testimonial-block .carousel-indicators li:not(:first-child) {
        margin-left: 5px
    }

    .testimonial-block .carousel-indicators li.active {
        background: #2472a7
    }

    .testimonial-block .carousel-indicators li:not(.active) {
        cursor: pointer;
        background: #6B6E7D
    }
}

@media only screen and (min-device-width: 1199px) {
    .testimonial-block {
        background:#ECEEF0
    }

    .testimonial-block .container {
        padding-top: 25px;
        padding-bottom: 30px
    }

    .testimonial-block .title {
        font-size: 30px;
        margin-bottom: 15px
    }

    .testimonial-block .slider2 {
        width: 800px
    }

    .testimonial-block .slider2 .item {
        width: 800px
    }

    .testimonial-block .slider2 .carousel-control {
        top: 0
    }

    .testimonial-block .slider2 .carousel-control.left {
        left: -100px;
        width: 32px;
        height: 102px;
        background: url('../images/sprite-main-wide-screens.png') 0 -3892px no-repeat
    }

    .testimonial-block .slider2 .carousel-control.right {
        right: -100px;
        width: 32px;
        height: 102px;
        background: url('../images/sprite-main-wide-screens.png') 0 -4123px no-repeat
    }

    .testimonial-block .slider2 .carousel-inner {
        width: 800px
    }

    .testimonial-block .slider2 .msg {
        font-size: 20px;
        line-height: 30px;
        padding-top: 20px;
        min-height: 90px
    }

    .testimonial-block .slider2 .user img {
        width: 65px;
        height: 65px
    }

    .testimonial-block .slider2 .user .user-name {
        padding-left: 15px
    }

    .testimonial-block .slider2 .user .user-name .name {
        font-size: 16px
    }

    .testimonial-block .slider2 .user .user-name .grade {
        font-size: 16px
    }
}

.testimonial-block.rs {
    background: #FFFFFF;
    border-bottom: 5px solid #eceef0
}

@media only screen and (max-device-width: 1198px) {
    .testimonial-block.rs {
        padding-bottom:50px
    }
}

@media only screen and (max-device-width: 1198px) {
    .testimonial-block.rs .container {
        padding-top:0
    }
}

.testimonial-block.rs .testimonial-list {
    width: 100%;
    position: relative;
    text-align: justify;
    text-align-last: justify;
    display: inline-block;
    font-family: "Open Sans"
}

.testimonial-block.rs .testimonial-list:after {
    display: inline-block;
    width: 100%;
    content: ""
}

.testimonial-block.rs .testimonial-list .testimonial-list-item {
    display: inline-block;
    margin-top: 37px;
    text-align: left;
    text-align-last: left
}

@media only screen and (min-device-width: 1199px) {
    .testimonial-block.rs .testimonial-list .testimonial-list-item {
        width:450px;
        vertical-align: top
    }
}

@media only screen and (max-device-width: 1198px) {
    .testimonial-block.rs .testimonial-list .testimonial-list-item {
        width:auto
    }
}

.testimonial-block.rs .testimonial-list .testimonial-list-item-link {
    background: #FFFFFF;
    display: block;
    position: relative;
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.14);
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.14);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.14)
}

@media only screen and (min-device-width: 1199px) {
    .testimonial-block.rs .testimonial-list .testimonial-list-item-link {
        height:105px;
        padding-top: 17px;
        padding-left: 27px;
        padding-right: 27px;
        padding-bottom: 17px
    }
}

@media only screen and (max-device-width: 1198px) {
    .testimonial-block.rs .testimonial-list .testimonial-list-item-link {
        width:auto;
        padding-top: 24px;
        padding-left: 26px;
        padding-bottom: 24px;
        padding-right: 26px
    }
}

.testimonial-block.rs .testimonial-list .testimonial-list-item-main {
    height: 42px;
    padding-left: 57px;
    display: block;
    position: relative
}

@media only screen and (max-device-width: 1198px) {
    .testimonial-block.rs .testimonial-list .testimonial-list-item-main {
        height:auto;
        padding-left: 114px
    }
}

.testimonial-block.rs .testimonial-list .testimonial-list-item-user-avatar {
    display: block;
    width: 42px;
    height: 42px;
    position: absolute;
    top: 0;
    left: 0
}

@media only screen and (max-device-width: 1198px) {
    .testimonial-block.rs .testimonial-list .testimonial-list-item-user-avatar {
        width:84px;
        height: 84px
    }
}

.testimonial-block.rs .testimonial-list .testimonial-list-item-user-avatar img {
    display: block;
    width: 100%;
    height: 100%
}

.testimonial-block.rs .testimonial-list .testimonial-list-item-user-info {
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
    position: relative;
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .testimonial-block.rs .testimonial-list .testimonial-list-item-user-info {
        padding-top:4px;
        padding-bottom: 4px
    }
}

.testimonial-block.rs .testimonial-list .testimonial-list-item-user-info-top {
    width: 100%;
    position: relative;
    display: block;
    color: #91959d;
    font-size: 13px;
    line-height: 17px
}

@media only screen and (max-device-width: 1198px) {
    .testimonial-block.rs .testimonial-list .testimonial-list-item-user-info-top {
        font-size:26px;
        line-height: 34px
    }
}

.testimonial-block.rs .testimonial-list .testimonial-list-item-user-name {
    color: #365899;
    font-weight: bold
}

.testimonial-block.rs .testimonial-list .testimonial-list-item-group-name {
    color: #365899
}

@media only screen and (max-device-width: 1198px) {
    .testimonial-block.rs .testimonial-list .testimonial-list-item-aux {
        display:none
    }
}

.testimonial-block.rs .testimonial-list .testimonial-list-item-star {
    width: auto;
    height: 17px;
    display: inline-block;
    background: #5890ff;
    padding-left: 7px;
    padding-right: 19px;
    color: #FFFFFF;
    border-radius: 25px;
    position: relative
}

@media only screen and (max-device-width: 1198px) {
    .testimonial-block.rs .testimonial-list .testimonial-list-item-star {
        height:34px;
        padding-left: 14px;
        padding-right: 38px;
        border-radius: 50px;
        position: absolute;
        bottom: -45px;
        right: 0
    }
}

.testimonial-block.rs .testimonial-list .testimonial-list-item-star:after {
    background: url('../../img/sprite-rs%402x-s65e2da7797f9aa.png?17c3b5c9d757') no-repeat;
    background-size: 100px 147px;
    background-position: 0 -110px;
    height: 9.5px;
    width: 10px;
    position: absolute;
    content: "";
    display: block;
    top: 3px;
    right: 5px
}

@media only screen and (max-device-width: 1198px) {
    .testimonial-block.rs .testimonial-list .testimonial-list-item-star:after {
        width:20px;
        height: 19px;
        background: url('../images/sprite-rs.png') 0 -207px no-repeat;
        top: 7px;
        right: 12px
    }
}

.testimonial-block.rs .testimonial-list .testimonial-list-item-user-info-bottom {
    width: 100%;
    position: relative;
    color: #90949c;
    font-size: 11px;
    line-height: 17px
}

@media only screen and (max-device-width: 1198px) {
    .testimonial-block.rs .testimonial-list .testimonial-list-item-user-info-bottom {
        font-size:26px;
        line-height: 34px;
        margin-top: 10px;
        display: inline-block;
        width: auto
    }
}

.testimonial-block.rs .testimonial-list .testimonial-list-item-user-info-bottom:before {
    background: #90949c;
    width: 2px;
    height: 2px;
    display: block;
    position: absolute;
    top: 7px;
    right: -8px;
    content: "";
    border-radius: 100%
}

@media only screen and (max-device-width: 1198px) {
    .testimonial-block.rs .testimonial-list .testimonial-list-item-user-info-bottom:before {
        top:14px;
        right: -16px;
        width: 8px;
        height: 8px
    }
}

.testimonial-block.rs .testimonial-list .testimonial-list-item-user-info-bottom:after {
    background: url('../../img/sprite-rs%402x-s65e2da7797f9aa.png?17c3b5c9d757') no-repeat;
    background-size: 100px 147px;
    background-position: 0 0;
    height: 9.5px;
    width: 9.5px;
    position: absolute;
    content: "";
    display: block;
    top: 3px;
    right: -24px
}

@media only screen and (max-device-width: 1198px) {
    .testimonial-block.rs .testimonial-list .testimonial-list-item-user-info-bottom:after {
        width:22px;
        height: 22px;
        background: url('../images/sprite-rs.png') 0 0 no-repeat;
        top: 6px;
        right: -52px
    }
}

.testimonial-block.rs .testimonial-list .testimonial-list-item-post {
    color: #2f2f2f;
    font-size: 12px;
    line-height: 17px;
    padding-top: 10px;
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .testimonial-block.rs .testimonial-list .testimonial-list-item-post {
        font-size:24px;
        line-height: 34px;
        padding-top: 20px
    }
}

.testimonial-block.rs .more-reviews {
    width: 100%;
    margin-top: 20px;
    position: relative;
    color: #818181;
    font-size: 13px;
    line-height: 17px
}

@media only screen and (max-device-width: 1198px) {
    .testimonial-block.rs .more-reviews {
        font-size:26px;
        line-height: 34px;
        margin-top: 0
    }
}

@media only screen and (max-device-width: 1198px) {
    .testimonial-block.rs .more-reviews span {
        display:block;
        margin-top: 10px
    }
}

.testimonial-block.rs .more-reviews .more-reviews__link {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px
}

@media only screen and (max-device-width: 1198px) {
    .testimonial-block.rs .more-reviews .more-reviews__link {
        margin-left:10px;
        margin-right: 10px
    }
}

.testimonial-block.rs .more-reviews .more-reviews__link.fb-link {
    background: url('../images/sprite-rs.png') no-repeat;
    background-size: 100px 147px;
    background-position: 0 -15px;
    height: 21.5px;
    width: 100px;
    margin-bottom: -2px
}

@media only screen and (max-device-width: 1198px) {
    .testimonial-block.rs .more-reviews .more-reviews__link.fb-link {
        width:172px;
        height: 37px;
        background: url('../images/sprite-rs.png') 0 -32px no-repeat;
        margin-bottom: 0
    }
}

.testimonial-block.rs .more-reviews .more-reviews__link.sj-link {
    background: url('../images/sprite-rs.png') no-repeat;
    background-size: 100px 147px;
    background-position: 0 -41px;
    height: 36.5px;
    width: 88px;
    margin-bottom: -3px
}

@media only screen and (max-device-width: 1198px) {
    .testimonial-block.rs .more-reviews .more-reviews__link.sj-link {
        width:151px;
        height: 63px;
        background: url('../images/sprite-rs.png') 0 -79px no-repeat;
        margin-bottom: -6px
    }
}

.invoice-block1 .one-step {
    color: #657e93
}

.invoice-block1 .pay-securely {
    font-size: 45px;
    color: #63af58
}

.invoice-block1 .pay-securely .stripe {
    color: #79a1d6
}

@media only screen and (max-device-width: 1198px) {
    .invoice-block1 {
        padding:15px 0 70px 0;
        text-align: center
    }

    .invoice-block1 .one-step {
        font-size: 29px;
        padding-bottom: 25px
    }

    .invoice-block1 .pay-securely {
        line-height: 47px
    }
}

@media only screen and (min-device-width: 1199px) {
    .invoice-block1 {
        padding:20px 0 70px 15px
    }

    .invoice-block1 .one-step {
        font-size: 25px;
        padding-bottom: 15px
    }
}

.invoice-block2 .pay {
    color: #e97473
}

.invoice-block2 .card {
    text-decoration: underline
}

.invoice-block2 .pay_with_paypal {
    text-decoration: underline
}

@media only screen and (max-device-width: 1198px) {
    .invoice-block2 ul {
        text-align:center
    }

    .invoice-block2 ul li:first-child {
        border-top: 1px solid #A1AAB2;
        border-bottom: 1px solid #A1AAB2;
        font-size: 33px;
        color: #454a60;
        padding: 26px 0
    }

    .invoice-block2 ul li:first-child+li {
        padding: 25px 0 20px;
        font-size: 31px;
        color: #657e93
    }

    .invoice-block2 .pay {
        font-size: 80px;
        line-height: 1
    }

    .invoice-block2 .progress-bar {
        margin-bottom: 20px
    }

    .invoice-block2 .card {
        display: inline-block;
        font: 33px "rockwellb",serif;
        color: #78a0d4
    }

    .invoice-block2 .card i {
        display: none
    }

    .invoice-block2 .pay_with_paypal {
        display: inline-block;
        font: 33px "rockwellb",serif;
        color: #78a0d4;
        margin-top: 15px
    }
}

@media only screen and (min-device-width: 1199px) {
    .invoice-block2 {
        border-top:1px solid #D6D6D6;
        border-bottom: 1px solid #D6D6D6;
        padding: 20px 15px
    }

    .invoice-block2 ul {
        display: table;
        width: 100%
    }

    .invoice-block2 ul li {
        display: table-cell;
        vertical-align: middle
    }

    .invoice-block2 ul li:first-child+li {
        text-align: center;
        width: 1px;
        padding: 0 45px;
        white-space: nowrap
    }

    .invoice-block2 ul li:first-child+li+li {
        text-align: center;
        width: 1px;
        white-space: nowrap
    }

    .invoice-block2 p {
        font-size: 18px;
        color: #657e93
    }

    .invoice-block2 .credit {
        margin-top: 30px
    }

    .invoice-block2 .pay {
        font-size: 45px;
        margin-top: 15px
    }

    .invoice-block2 .progress-bar {
        margin-bottom: 20px
    }

    .invoice-block2 .card {
        display: inline-block;
        font: 18px "rockwellb",serif;
        color: #79a1d6
    }

    .invoice-block2 .card i {
        display: inline-block;
        width: 31px;
        height: 20px;
        background: url('../images/sprite-main-wide-screens.png') 0 -3349px no-repeat;
        vertical-align: middle;
        margin-right: 0.6em
    }

    .invoice-block2 .card span {
        display: inline-block;
        vertical-align: middle
    }

    .invoice-block2 .pay_with_paypal {
        display: block;
        margin-top: 10px;
        font: 18px "rockwellb",serif;
        color: #79a1d6
    }
}

.card-block {
    border-top: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6
}

@media only screen and (max-device-width: 1198px) {
    .card-block {
        padding:30px 0
    }

    .card-block ul li:not(:first-child) {
        padding-top: 20px
    }

    .card-block .card {
        display: inline-block;
        font: 33px "rockwellb",serif;
        color: #78a0d4
    }

    .card-block .card i {
        display: none
    }

    .card-block .pay_with_paypal {
        display: inline-block;
        font: 33px "rockwellb",serif;
        color: #78a0d4
    }
}

@media only screen and (min-device-width: 1199px) {
    .card-block {
        padding:30px 0
    }

    .card-block ul {
        display: table
    }

    .card-block ul li {
        display: table-cell;
        vertical-align: middle;
        text-align: center
    }

    .card-block ul li:not(:first-child) {
        padding-left: 30px
    }

    .card-block .card {
        display: inline-block;
        font: 18px "rockwellb",serif;
        color: #79a1d6
    }

    .card-block .card i {
        display: inline-block;
        width: 31px;
        height: 20px;
        background: url('../images/sprite-main-wide-screens.png') 0 -3349px no-repeat;
        vertical-align: middle;
        margin-right: 0.6em
    }

    .card-block .card span {
        display: inline-block
    }

    .card-block .pay_with_paypal {
        display: block;
        font: 18px "rockwellb",serif;
        color: #79a1d6
    }
}

@media only screen and (max-device-width: 1198px) {
    .thank-you-icon {
        display:none
    }
}

@media only screen and (min-device-width: 1199px) {
    .thank-you-icon {
        width:130px;
        padding-top: 20px;
        float: left
    }

    .thank-you-icon i {
        display: block;
        width: 88px;
        height: 88px;
        background: url('../images/sprite-main-wide-screens.png') 0 -4230px no-repeat
    }
}

@media only screen and (max-device-width: 1198px) {
    .thank-you-block1 {
        text-align:center
    }
}

@media only screen and (min-device-width: 1199px) {
    .thank-you-block1 {
        overflow:hidden;
        padding-top: 20px
    }
}

@media only screen and (max-device-width: 1198px) {
    .thank-you-block1a {
        padding-bottom:45px;
        border-bottom: 1px solid #B0B8BF
    }

    .thank-you-block1a .success {
        font-size: 48px;
        color: #2472a7;
        margin-top: 1em
    }

    .thank-you-block1a .nerd {
        font-size: 31px;
        color: #657e93;
        padding: 15px 70px 0
    }
}

@media only screen and (min-device-width: 1199px) {
    .thank-you-block1a {
        padding-bottom:50px;
        border-bottom: 1px solid #D6D6D6
    }

    .thank-you-block1a .success {
        font-size: 48px;
        color: #2472a7
    }

    .thank-you-block1a .nerd {
        font-size: 25px;
        color: #657e93;
        padding-top: 5px
    }
}

@media only screen and (max-device-width: 1198px) {
    .thank-you-block1b {
        padding-top:25px
    }

    .thank-you-block1b p {
        font-size: 31px;
        color: #657e93;
        padding: 0 15px
    }

    .thank-you-block1b p .bold {
        font-family: "rockwellb",serif
    }

    .thank-you-block1b .social {
        margin-top: 55px;
        margin-left: -20px;
        margin-right: -20px;
        display: inline-block;
        width: 588px
    }

    .thank-you-block1b .social li a {
        display: block;
        height: 94px;
        border-radius: 5px;
        position: relative;
        padding-left: 106px;
        font-size: 24px;
        line-height: 94px;
        text-align: center;
        color: #5670a6
    }

    .thank-you-block1b .social li a:before {
        content: '';
        position: absolute;
        top: 0;
        left: 105px;
        height: 94px;
        width: 0
    }

    .thank-you-block1b .social li a:after {
        content: '';
        position: absolute
    }

    .thank-you-block1b .social li.fb a {
        border: 2px solid #5671A8;
        color: #5670A6
    }

    .thank-you-block1b .social li.fb a:before {
        border-left: 2px solid #5670A6
    }

    .thank-you-block1b .social li.fb a:after {
        top: 12px;
        left: 37px;
        width: 33px;
        height: 66px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -1619px no-repeat
    }

    .thank-you-block1b .social li.whatsapp a {
        border: 2px solid #66C436;
        color: #66C436
    }

    .thank-you-block1b .social li.whatsapp a:before {
        border-left: 2px solid #66C436
    }

    .thank-you-block1b .social li.whatsapp a:after {
        top: 9px;
        left: 22px;
        width: 66px;
        height: 66px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -2192px no-repeat
    }

    .thank-you-block1b .social li:not(:first-child) {
        margin-top: 34px
    }
}

@media only screen and (min-device-width: 1199px) {
    .thank-you-block1b {
        padding-top:50px
    }

    .thank-you-block1b p {
        font-size: 18px;
        color: #657e93
    }

    .thank-you-block1b .social {
        margin-top: 25px
    }

    .thank-you-block1b .social li {
        float: left
    }

    .thank-you-block1b .social li a {
        display: block;
        height: 41px;
        border-radius: 5px;
        position: relative;
        padding-left: 68px;
        padding-right: 15px;
        line-height: 38px;
        text-align: center;
        font-size: 16px
    }

    .thank-you-block1b .social li a:before {
        content: '';
        position: absolute;
        top: 0;
        left: 52px;
        height: 41px;
        width: 0
    }

    .thank-you-block1b .social li a:after {
        content: '';
        position: absolute
    }

    .thank-you-block1b .social li.fb a {
        border: 1px solid #5671A8;
        color: #5671a8
    }

    .thank-you-block1b .social li.fb a:before {
        border-left: 1px solid #5671A8
    }

    .thank-you-block1b .social li.fb a:after {
        top: 5px;
        left: 19px;
        width: 15px;
        height: 31px;
        background: url('../images/sprite-main-wide-screens.png') 0 -3732px no-repeat
    }

    .thank-you-block1b .social li.whatsapp {
        display: none
    }

    .thank-you-block1b .social li:not(:first-child) {
        margin-left: 30px
    }
}

@media only screen and (max-device-width: 1198px) {
    .error-icon {
        text-align:center;
        padding: 15px 0 25px
    }

    .error-icon i {
        display: inline-block;
        width: 365px;
        height: 352px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -1140px no-repeat
    }
}

@media only screen and (min-device-width: 1199px) {
    .error-icon {
        width:280px;
        padding-top: 20px;
        float: left
    }

    .error-icon i {
        display: block;
        width: 238px;
        height: 229px;
        background: url('../images/sprite-main-wide-screens.png') 0 -3498px no-repeat
    }
}

@media only screen and (max-device-width: 1198px) {
    .error-block1 {
        text-align:center
    }
}

@media only screen and (min-device-width: 1199px) {
    .error-block1 {
        overflow:hidden;
        padding-top: 20px
    }
}

@media only screen and (max-device-width: 1198px) {
    .error-block1a {
        padding-bottom:45px
    }

    .error-block1a .title {
        font-size: 74px;
        color: #2472a7
    }

    .error-block1a .line {
        font-size: 31px;
        color: #657e93;
        padding: 15px 0 0
    }
}

@media only screen and (min-device-width: 1199px) {
    .error-block1a {
        padding-bottom:40px
    }

    .error-block1a .title {
        font-size: 48px;
        color: #2472a7
    }

    .error-block1a .line {
        font-size: 25px;
        color: #657e93;
        padding-top: 5px
    }
}

@media only screen and (max-device-width: 1198px) {
    .error-block1b {
        padding-top:25px
    }

    .error-block1b p {
        font-size: 48px;
        color: #657e93;
        padding: 0 25px
    }
}

@media only screen and (min-device-width: 1199px) {
    .error-block1b {
        padding-top:35px
    }

    .error-block1b p {
        font-size: 48px;
        color: #657e93
    }
}

@media only screen and (max-device-width: 1198px) {
    .blurry-block {
        min-width:640px
    }
}

.blurry-block .container {
    text-align: center
}

.blurry-block .title,.blurry-block .title2 {
    color: #454a61
}

.blurry-block .title span,.blurry-block .title2 span {
    display: block;
    font-family: "rockwellb",serif;
    color: #6f79a1
}

.blurry-block .subtitle {
    color: #6f79a1
}

.blurry-block .sms {
    display: block;
    font-family: "rockwellb",serif;
    color: #2472a7;
    margin-top: 15px;
    white-space: nowrap
}

@media only screen and (max-device-width: 1198px) {
    .blurry-block {
        background:url('../../img/blurry-bg-handhelds9248.png?1562246603&4294b49c9d70') center repeat
    }

    .blurry-block.type1 .title span,.blurry-block.type2 .title span {
        padding: 15px 30px;
        line-height: 1.1
    }

    .blurry-block.type1 .container,.blurry-block.type2 .container {
        padding-top: 25px
    }

    .blurry-block.type1 .container {
        padding-bottom: 45px
    }

    .blurry-block.type1 .hr2 {
        display: block;
        width: 353px;
        height: 0;
        border-top: 2px solid #E6E8EC;
        background: #D0DBED;
        margin: 45px auto 30px
    }

    .blurry-block.type1 .line2 {
        font: 32px "rockwellb",serif;
        color: #454a60
    }

    .blurry-block.type1 .line3 {
        font: 32px "Kanit", sans-serif;
        color: #454a60;
        margin: 15px 0 10px
    }

    .blurry-block.type2 {
        border-bottom: 13px solid #454A60
    }

    .blurry-block.type2 .fb-message {
        margin-top: 50px
    }

    .blurry-block.type2 .container {
        padding-top: 25px;
        padding-bottom: 60px
    }

    .blurry-block .container {
        padding-top: 45px;
        padding-bottom: 25px
    }

    .blurry-block .title,.blurry-block .title2 {
        font-size: 55px
    }

    .blurry-block .title2 {
        font-size: 30px
    }

    .blurry-block .subtitle {
        font: 25px "rockwellb",serif;
        margin-top: 5px
    }

    .blurry-block .fb-message {
        margin-top: 20px
    }

    .blurry-block .hr2 {
        display: none
    }

    .blurry-block .line2 {
        font: 32px "rockwellb",serif;
        color: #2472a7;
        margin-top: 30px
    }

    .blurry-block .sms {
        font-size: 75px
    }

    .blurry-block .sms.fb-page {
        font-size: 90px;
        line-height: 1.1;
        margin-top: 0
    }

    .blurry-block .sms-info {
        margin-top: 5px
    }

    .blurry-block .sms-info p {
        font-size: 26px
    }

    .blurry-block.landing1 .container {
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .blurry-block.de .sms {
        font-size: 68px
    }

    .blurry-block.de .fb-message {
        font-size: 46px
    }
}

@media only screen and (min-device-width: 1199px) {
    .blurry-block {
        background:url('../../img/blurry-bg-newc81a.png?1562246603&15af8c672f5f') top repeat
    }

    .blurry-block.type2 {
        border-bottom: 13px solid #454A60
    }

    .blurry-block.type2 .container {
        padding-bottom: 45px
    }

    .blurry-block .container {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .blurry-block .title {
        font-size: 40px
    }

    .blurry-block .title2 {
        font-size: 30px
    }

    .blurry-block .subtitle {
        font: 25px "rockwellb",serif;
        margin-top: 10px
    }

    .blurry-block .sms {
        font-size: 69px
    }

    .blurry-block .sms.fb-page {
        line-height: 1.1;
        margin-top: 0
    }

    .blurry-block .fb-message {
        margin-top: 20px
    }

    .blurry-block .hr2 {
        width: 353px;
        height: 0;
        border-top: 2px solid #D0DBEE;
        background: #D0DBEE;
        margin: 35px auto 22px
    }

    .blurry-block .line2 {
        font: 21px "rockwellb",serif;
        color: #454a60
    }

    .blurry-block .line3 {
        font: 20px "Kanit", sans-serif;
        color: #454a60;
        margin: 15px 295px 10px
    }

    .blurry-block.landing1 .container {
        height: auto;
        padding-bottom: 40px
    }
}

@media only screen and (max-device-width: 1198px) {
    .blurry-block.type3 .title {
        font-size:56px
    }

    .blurry-block.type3 .title span {
        margin: 10px 0 10px;
        font-size: 41px
    }
}

@media only screen and (min-device-width: 1199px) {
    .blurry-block.type3 .title span {
        font-size:30px;
        padding: 0 235px
    }
}

@media only screen and (max-device-width: 1198px) {
    .blurry-block.whatsapp .container {
        padding-top:35px;
        padding-bottom: 25px
    }

    .blurry-block.whatsapp .title {
        line-height: 1.3
    }

    .blurry-block.whatsapp .title span {
        line-height: 54px
    }

    .blurry-block.whatsapp .sms {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
        opacity: .9;
        margin-top: 45px
    }
}

@media only screen and (max-device-width: 1198px) {
    .fb-message {
        display:block;
        position: relative;
        height: 97px;
        background-color: #3B5897;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNiNTg5NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNjhhMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #3b5897),color-stop(100%, #4d68a0));
        background-image: -moz-linear-gradient(bottom, #3b5897 0%,#4d68a0 100%);
        background-image: -webkit-linear-gradient(bottom, #3b5897 0%,#4d68a0 100%);
        background-image: linear-gradient(to top, #3b5897 0%,#4d68a0 100%);
        font: 50px/97px "rockwellb",serif;
        color: #FFF;
        border-radius: 50px;
        padding-left: 50px
    }

    .fb-message:hover {
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRhNmFhNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVhNzdhZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #4a6aa7),color-stop(100%, #5a77ae));
        background-image: -moz-linear-gradient(bottom, #4a6aa7 0%,#5a77ae 100%);
        background-image: -webkit-linear-gradient(bottom, #4a6aa7 0%,#5a77ae 100%);
        background-image: linear-gradient(to top, #4a6aa7 0%,#5a77ae 100%)
    }

    .fb-message svg {
        position: absolute;
        top: 12px;
        left: 15px;
        width: 75px;
        height: 75px;
        fill: #fff
    }

    .fb-message.desktop {
        display: none
    }
}

@media only screen and (min-device-width: 1199px) {
    .fb-message {
        display:inline-block;
        position: relative;
        height: 52px;
        padding: 0 23px 0 63px;
        background-color: #3C5A99;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjNWE5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRlNjlhMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #3c5a99),color-stop(100%, #4e69a2));
        background-image: -moz-linear-gradient(bottom, #3c5a99 0%,#4e69a2 100%);
        background-image: -webkit-linear-gradient(bottom, #3c5a99 0%,#4e69a2 100%);
        background-image: linear-gradient(to top, #3c5a99 0%,#4e69a2 100%);
        border-radius: 26px;
        color: #FFF;
        font: 24px/52px "rockwellb",serif
    }

    .fb-message:hover {
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRhNmFhNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVhNzdhZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #4a6aa7),color-stop(100%, #5a77ae));
        background-image: -moz-linear-gradient(bottom, #4a6aa7 0%,#5a77ae 100%);
        background-image: -webkit-linear-gradient(bottom, #4a6aa7 0%,#5a77ae 100%);
        background-image: linear-gradient(to top, #4a6aa7 0%,#5a77ae 100%)
    }

    .fb-message svg {
        position: absolute;
        top: 6px;
        left: 9px;
        width: 40px;
        height: 40px;
        fill: #fff
    }

    .fb-message.mobile {
        display: none
    }
}

.fb-messenger-link-wrapper {
    position: relative;
    overflow: hidden
}

@media only screen and (max-device-width: 1198px) {
    .fb-messenger-link-wrapper {
        width:380px;
        margin: 0 auto;
        height: 97px
    }
}

@media only screen and (min-device-width: 1199px) {
    .fb-messenger-link-wrapper {
        width:181px;
        margin: 0 auto;
        height: 44px
    }
}

.fb-messenger-link-wrapper .fb-send-to-messenger {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.fb-messenger-link-wrapper .fb-messenger-link {
    position: absolute;
    top: 0;
    left: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

.fb-messenger-link {
    background-color: #0084FF;
    white-space: nowrap
}

@media only screen and (max-device-width: 1198px) {
    .fb-messenger-link {
        display:block;
        position: relative;
        height: 97px;
        font: 46px/97px "Kanit", sans-serif;
        color: #FFF;
        border-radius: 50px;
        padding-left: 80px
    }

    .fb-messenger-link svg {
        position: absolute;
        top: 12px;
        left: 15px;
        width: 75px;
        height: 75px;
        fill: #fff
    }
}

@media only screen and (min-device-width: 1199px) {
    .fb-messenger-link {
        display:inline-block;
        position: relative;
        height: 44px;
        border-radius: 22px;
        padding: 0 23px 0 60px;
        color: #FFF;
        font: 18px/44px "Kanit", sans-serif
    }

    .fb-messenger-link svg {
        position: absolute;
        top: 9px;
        left: 21px;
        width: 26px;
        height: 26px;
        fill: #fff
    }
}

.faq-block .title {
    color: #454a60;
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .faq-block .container {
        padding-top:50px;
        padding-bottom: 60px
    }

    .faq-block .title {
        font-size: 55px
    }

    .faq-block .collapse.in {
        height: auto
    }

    .faq-block .collapse {
        position: relative;
        height: 0px;
        overflow: hidden;
        -moz-transition: height .5s ease 0s;
        -o-transition: height .5s ease 0s;
        -webkit-transition: height .5s ease;
        -webkit-transition-delay: 0s;
        transition: height .5s ease 0s
    }

    .faq-block .filler {
        display: none
    }

    .faq-block .accordion .accordion-group {
        margin-top: 60px
    }

    .faq-block .accordion .accordion-heading .accordion-toggle {
        display: block;
        text-align: center
    }

    .faq-block .accordion .accordion-inner {
        margin-top: 55px;
        border: 2px solid #2472a7;
        border-radius: 10px;
        padding: 20px 25px 20px 30px;
        position: relative
    }

    .faq-block .accordion .accordion-inner:before {
        content: '';
        position: absolute;
        top: -37px;
        left: 270px;
        width: 36px;
        height: 37px;
        background: url('../../img/sprite-faq-handhelds-s218a4609091b56.png?c26882ede6bc') 0 -83px no-repeat
    }

    .faq-block .accordion .accordion-inner .close-btn {
        float: left;
        width: 78px;
        height: 78px;
        background: url('../../img/sprite-faq-handhelds-s218a4609091b56.png?c26882ede6bc') 0 0 no-repeat;
        margin-right: 35px;
        overflow: hidden;
        text-indent: -999em
    }

    .faq-block .accordion .accordion-inner p {
        font-size: 29px;
        line-height: 44px;
        color: #454a60;
        overflow: hidden
    }

    .faq-block .accordion .question {
        font-size: 37px;
        color: #6f789f;
        text-decoration: underline;
        white-space: pre-line;
        -moz-transition: color .5s ease;
        -o-transition: color .5s ease;
        -webkit-transition: color .5s ease;
        transition: color .5s ease
    }

    .faq-block .accordion .question.active {
        color: #2472a7;
        text-decoration: none
    }
}

@media only screen and (min-device-width: 1199px) {
    .faq-block {
        background:#ECEEF0
    }

    .faq-block .container {
        padding-top: 50px;
        padding-bottom: 20px
    }

    .faq-block .title {
        font-size: 40px;
        margin-bottom: 40px
    }

    .faq-block .filler {
        height: 0;
        -moz-transition: height .5s ease;
        -o-transition: height .5s ease;
        -webkit-transition: height .5s ease;
        transition: height .5s ease
    }

    .faq-block .accordion {
        text-align: justify;
        position: relative
    }

    .faq-block .accordion:after {
        content: '';
        display: inline-block;
        width: 100%
    }

    .faq-block .accordion .accordion-group {
        width: 20%;
        display: inline-block;
        vertical-align: top
    }

    .faq-block .accordion .accordion-heading {
        text-align: center;
        position: relative
    }

    .faq-block .accordion .accordion-heading .question {
        font-size: 20px;
        color: #6f79a1;
        -moz-transition: color .5s ease;
        -o-transition: color .5s ease;
        -webkit-transition: color .5s ease;
        transition: color .5s ease
    }

    .faq-block .accordion .accordion-heading .question:not(.active) {
        border-bottom: 2px solid #ACB2C6
    }

    .faq-block .accordion .accordion-heading .question:not(.active):hover {
        color: #454a60;
        border-color: #9C9FA8
    }

    .faq-block .accordion .accordion-heading .question.active {
        color: #2472a7;
        text-decoration: none
    }

    .faq-block .accordion .accordion-heading .question.active:after {
        content: '';
        position: absolute;
        top: 69px;
        width: 21px;
        height: 22px;
        background: url('../images/sprite-main-wide-screens.png') 0 -4421px no-repeat;
        z-index: 100;
        left: 45%
    }

    .faq-block .collapse.in {
        height: auto
    }

    .faq-block .collapse {
        position: relative;
        height: 0px;
        overflow: hidden;
        -moz-transition: height .5s ease 0s;
        -o-transition: height .5s ease 0s;
        -webkit-transition: height .5s ease;
        -webkit-transition-delay: 0s;
        transition: height .5s ease 0s
    }

    .faq-block .accordion-body {
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%
    }

    .faq-block .accordion-inner {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #2472a7;
        border-radius: 10px;
        padding: 20px;
        background: #ECEEF0;
        margin-top: 20px
    }

    .faq-block .accordion-inner p {
        font-size: 16px;
        line-height: 24px;
        color: #454a60;
        overflow: hidden
    }

    .faq-block .close-btn {
        float: left;
        width: 57px;
        height: 57px;
        background: url('../images/sprite-main-wide-screens.png') 0 -3436px no-repeat;
        margin-right: 20px;
        overflow: hidden;
        text-indent: -999em
    }

    .faq-block .close-btn:hover {
        width: 57px;
        height: 57px;
        background: url('../images/sprite-main-wide-screens.png') 0 -3374px no-repeat
    }
}

.footer-base {
    position: absolute;
    bottom: 0;
    width: 100%
}

.footer-base:before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0
}

.footer-base .wrapper {
    padding-left: 20px;
    padding-right: 20px
}

.footer-base .footer-block1 {
    color: #454a60
}

.footer-base .footer-block1 a {
    color: #4a82d3
}

.footer-base nav li:not(:first-child):before {
    content: '|';
    color: #454A60;
    margin: 0 .3em
}

.footer-base nav li a {
    color: #4a82d3
}

@media only screen and (max-device-width: 1198px) {
    .footer-base {
        height:200px;
        background: #DADCDF;
        text-align: center
    }

    .footer-base:before {
        top: -15px;
        height: 15px;
        background: url('../../img/wave86eb.png?1562246604&417cb0739c2f') repeat-x
    }

    .footer-base .footer-block1 {
        padding-top: 25px;
        font-size: 22px;
        line-height: 1.3
    }

    .footer-base nav {
        display: block;
        text-align: center;
        padding-top: 10px;
        font-size: 22px
    }

    .footer-base nav li {
        display: inline-block
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-base {
        height:90px;
        background: #DEE1E3
    }

    .footer-base:before {
        top: -8px;
        height: 8px;
        background: url('../../img/wave-sm86eb.png?1562246604&417cb0739c2f') repeat-x
    }

    .footer-base .footer-block1 {
        float: left;
        padding-top: 30px;
        font-size: 12px;
        line-height: 1.3
    }

    .footer-base nav {
        float: right;
        padding-top: 40px;
        font-size: 13px
    }

    .footer-base nav li {
        float: left
    }
}

.sms-info {
    margin-top: -2px
}

.sms-info p {
    color: #6e717d;
    font-size: 14px;
    font-weight: 400;
    text-align: center
}

.sms-info strong {
    font-weight: 700
}

.testimonials-block {
    background-color: #fff;
    color: #000;
    border-bottom: 2px solid #E6E6E6
}

.testimonials-block .testimonial-main-title {
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .testimonials-block {
        padding-top:50px;
        padding-bottom: 35px
    }

    .testimonials-block .testimonial-main-title {
        font-size: 49px;
        padding-bottom: 15px
    }
}

@media only screen and (min-device-width: 1199px) {
    .testimonials-block {
        padding-top:45px;
        padding-bottom: 35px
    }

    .testimonials-block .testimonial-main-title {
        font-size: 40px
    }

    .testimonials-block .testimonial-main-title span {
        display: block
    }
}

.testimonials-block .testimonials-list {
    font-family: "Open Sans",sans-serif
}

.testimonials-block .testimonials-list>li {
    background-color: #FFF;
    border-radius: 5px;
    position: relative
}

.testimonials-block .testimonials-list .testimonial-block1 {
    float: left
}

.testimonials-block .testimonials-list .testimonial-block2 {
    float: right
}

.testimonials-block .testimonials-list .testimonial-author span {
    display: block;
    font-weight: 700;
    color: #428bca
}

.testimonials-block .testimonials-list .testimonial-img {
    position: absolute;
    border-radius: 50%
}

.testimonials-block .testimonials-list .testimonial-block2 {
    width: 290px
}

.testimonials-block .testimonials-list .testimonial-rate li {
    float: left
}

.testimonials-block .testimonials-list .testimonial-rate .star-icon {
    display: block;
    fill: #00804C
}

.testimonials-block .testimonials-list .testimonial-rate.mark4 li:first-child+li+li+li+li {
    display: none
}

.testimonials-block .testimonials-list .testimonial-title {
    font-weight: 700;
    color: #428bca
}

@media only screen and (max-device-width: 1198px) {
    .testimonials-block .testimonials-list>li {
        -moz-box-shadow:0 0 22px rgba(1,1,1,0.11);
        -webkit-box-shadow: 0 0 22px rgba(1,1,1,0.11);
        box-shadow: 0 0 22px rgba(1,1,1,0.11);
        padding: 35px;
        margin-top: 100px
    }

    .testimonials-block .testimonials-list .testimonial-img {
        position: absolute;
        left: 30px;
        top: -55px;
        width: 113px;
        height: 113px
    }

    .testimonials-block .testimonials-list .testimonial-block1 {
        width: 140px
    }

    .testimonials-block .testimonials-list .testimonial-author {
        padding-top: 95px;
        font-size: 21px
    }

    .testimonials-block .testimonials-list .testimonial-author span {
        font-size: 28px;
        margin-bottom: 25px
    }

    .testimonials-block .testimonials-list .testimonial-block2 {
        width: 325px
    }

    .testimonials-block .testimonials-list .testimonial-rate {
        margin-bottom: 30px
    }

    .testimonials-block .testimonials-list .testimonial-rate li:not(:first-child) {
        margin-left: 5px
    }

    .testimonials-block .testimonials-list .testimonial-rate .star-icon {
        width: 44px;
        height: 44px
    }

    .testimonials-block .testimonials-list .testimonial-title {
        font-size: 28px;
        margin-bottom: 15px
    }

    .testimonials-block .testimonials-list .testimonial-txt {
        font-size: 26px
    }
}

@media only screen and (min-device-width: 1199px) {
    .testimonials-block .testimonials-list {
        text-align:justify
    }

    .testimonials-block .testimonials-list:after {
        content: '';
        display: inline-block;
        width: 100%
    }

    .testimonials-block .testimonials-list>li {
        display: inline-block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left;
        padding: 20px 20px 0;
        width: 462px;
        height: 195px;
        border-radius: 3px;
        -moz-box-shadow: 0 0 14px rgba(1,1,1,0.11);
        -webkit-box-shadow: 0 0 14px rgba(1,1,1,0.11);
        box-shadow: 0 0 14px rgba(1,1,1,0.11);
        margin-top: 85px
    }

    .testimonials-block .testimonials-list>li.high-item {
        height: 239px
    }

    .testimonials-block .testimonials-list .testimonial-block1 {
        width: 95px
    }

    .testimonials-block .testimonials-list .testimonial-img {
        position: absolute;
        left: 18px;
        top: -30px;
        width: 69px;
        height: 69px
    }

    .testimonials-block .testimonials-list .testimonial-author {
        padding-top: 40px;
        font-size: 14px
    }

    .testimonials-block .testimonials-list .testimonial-author span {
        font-size: 16px
    }

    .testimonials-block .testimonials-list .testimonial-block2 {
        width: 290px
    }

    .testimonials-block .testimonials-list .testimonial-rate {
        margin-bottom: 20px
    }

    .testimonials-block .testimonials-list .testimonial-rate li:not(:first-child) {
        margin-left: 3px
    }

    .testimonials-block .testimonials-list .testimonial-rate .star-icon {
        width: 27px;
        height: 27px
    }

    .testimonials-block .testimonials-list .testimonial-title {
        font-size: 16px;
        margin-bottom: 5px
    }

    .testimonials-block .testimonials-list .testimonial-txt {
        font-size: 14px
    }
}

.testimonials-block .more-reviews-block {
    text-align: center
}

.testimonials-block .more-reviews-block span {
    vertical-align: middle
}

.testimonials-block .more-reviews-block a {
    display: inline-block;
    vertical-align: middle
}

.testimonials-block .more-reviews-block .sitejabber img {
    display: block
}

.testimonials-block .more-reviews-block .trustpilot img {
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .testimonials-block .more-reviews-block {
        margin-top:60px
    }

    .testimonials-block .more-reviews-block span {
        font-size: 31px;
        vertical-align: middle
    }

    .testimonials-block .more-reviews-block .more-reviews {
        display: block
    }

    .testimonials-block .more-reviews-block .sitejabber {
        margin: 0 10px 30px
    }

    .testimonials-block .more-reviews-block .sitejabber img {
        width: 163px;
        height: 68px
    }

    .testimonials-block .more-reviews-block .trustpilot {
        margin: 0 10px
    }

    .testimonials-block .more-reviews-block .trustpilot img {
        width: 253px;
        height: 30px
    }

    .testimonials-block .more-reviews-block .wide-screen {
        display: none
    }
}

@media only screen and (min-device-width: 1199px) {
    .testimonials-block .more-reviews-block {
        margin-top:15px
    }

    .testimonials-block .more-reviews-block span {
        font-size: 14px
    }

    .testimonials-block .more-reviews-block .sitejabber {
        margin: 0 5px 15px
    }

    .testimonials-block .more-reviews-block .sitejabber img {
        width: 88px;
        height: 37px
    }

    .testimonials-block .more-reviews-block .trustpilot {
        margin: 0 5px
    }

    .testimonials-block .more-reviews-block .trustpilot img {
        width: 137px;
        height: 16px
    }

    .testimonials-block .more-reviews-block .handhelds {
        display: none
    }
}

.msg-fb-notice {
    color: rgba(52,56,75,0.6);
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .msg-fb-notice {
        margin-top:20px;
        font: 24px "Open Sans", sans-serif
    }
}

@media only screen and (min-device-width: 1199px) {
    .msg-fb-notice {
        margin-top:15px;
        font: 12px "Open Sans",sans-serif
    }
}

.msg-fb-notice .link {
    text-decoration: underline
}

.msg-fb-notice.light {
    color: #bbb
}

@media only screen and (max-device-width: 1198px) {
    .msg-fb-notice.indent {
        margin-bottom:40px
    }
}

@media only screen and (min-device-width: 1199px) {
    .msg-fb-notice.indent {
        margin-bottom:15px
    }
}

.ra-link {
    display: block;
     font-family: "Kanit", sans-serif;
    text-align: center;
    color: #fafcff;
    background-color: #0084ff;
    -moz-transition: background .5s ease;
    -o-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    transition: background .5s ease
}

@media only screen and (max-device-width: 1198px) {
    .ra-link {
        width:100%;
        height: 77px;
        border-radius: 8.5px;
        margin-top: 42.1px;
        line-height: 78px;
        font-size: 30.7px
    }
}

@media only screen and (min-device-width: 1199px) {
    .ra-link {
        width:260px;
        height: 35px;
        line-height: 36px;
        border-radius: 5px;
        margin: 30px auto;
        font-size: 16px
    }
}

.ra-link:disabled {
    background-color: #c6c9cc;
    cursor: default
}

.ra-link.submitted {
    background-color: #2472a7
}

.containera {
    margin-left: auto;
    margin-right: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-device-width: 1198px) {
    .containera {
        width:640px;
        padding-left: 25px;
        padding-right: 25px
    }
}

@media only screen and (min-device-width: 1199px) {
    .containera {
        width:1040px;
        padding-left: 148px;
        padding-right: 148px
    }
}

.desktop-bg {
    background-color: #F7F8F9;
    min-height: 100%
}

@media only screen and (min-device-width: 1199px) {
    .desktop-bg {
        background-image:url('../../img/bg-desktop-left4764.png?1562246603&0cd1436afd18'),url('../../img/bg-desktop-right4764.png?1562246603&0cd1436afd18');
        background-position: left top, right top;
        background-repeat: no-repeat
    }
}

.header-subscription {
    overflow: hidden
}

.header-subscription .logo {
    display: block
}

.header-subscription .logo img {
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .header-subscription .logo {
        margin:50px auto 30px;
        width: 375px
    }

    .header-subscription .logo img {
        width: 375px;
        height: 139px
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-subscription .logo {
        margin:25px auto 18px;
        width: 148px
    }

    .header-subscription .logo img {
        width: 148px
    }
}

.subscription-headline {
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .subscription-headline {
        font:45px "Kanit", sans-serif;
        margin-bottom: 50px;
        color: #505a78
    }
}

@media only screen and (min-device-width: 1199px) {
    .subscription-headline {
        font:32px "Kanit", sans-serif;
        color: #454a60;
        margin-top: 7px
    }
}

@media only screen and (max-device-width: 1198px) {
    .subscription-wide-screens-table-block {
        display:none
    }

    .subscription-handhelds-table1,.subscription-handhelds-table2 {
        border-radius: 10px;
        overflow: hidden;
        margin-top: 25px
    }

    .subscription-handhelds-table1 table,.subscription-handhelds-table2 table {
        border-collapse: collapse;
        width: 100%;
        table-layout: fixed;
        font: 31px "Kanit", sans-serif;
        color: #454a60
    }

    .subscription-handhelds-table1 col:first-child,.subscription-handhelds-table2 col:first-child {
        width: 440px
    }

    .subscription-handhelds-table1 tr.non-separation td,.subscription-handhelds-table2 tr.non-separation td {
        padding-top: 10px
    }

    .subscription-handhelds-table1 td:first-child,.subscription-handhelds-table2 td:first-child {
        padding: 30px 25px
    }

    .subscription-handhelds-table1 td:first-child+td,.subscription-handhelds-table1 th:first-child+th,.subscription-handhelds-table2 td:first-child+td,.subscription-handhelds-table2 th:first-child+th {
        background-color: #F4F5F7;
        text-align: center;
        border-left: 2px solid #E6E6E6
    }

    .subscription-handhelds-table1 th,.subscription-handhelds-table2 th {
        color: #8b8b8c;
        padding: 10px 25px
    }

    .subscription-handhelds-table1 .disabled,.subscription-handhelds-table1 .enabled,.subscription-handhelds-table2 .disabled,.subscription-handhelds-table2 .enabled {
        display: inline-block
    }

    .subscription-handhelds-table1 .disabled,.subscription-handhelds-table2 .disabled {
        width: 31px;
        height: 31px;
        background: url('../../img/sprite-subscription-handhelds-s368ee15a5739b5.png?15af8c672f5f') 0 -509px no-repeat
    }

    .subscription-handhelds-table1 .enabled,.subscription-handhelds-table2 .enabled {
        width: 41px;
        height: 32px;
        background: url('../../img/sprite-subscription-handhelds-s368ee15a5739b5.png?15af8c672f5f') 0 -545px no-repeat
    }

    .subscription-handhelds-table1 {
        border: 2px solid #E6E6E6
    }

    .subscription-handhelds-table1 tr:not(.non-separation):not(:first-child) {
        border-top: 2px solid #E6E6E6
    }

    .subscription-handhelds-table1 td:first-child+td,.subscription-handhelds-table1 th:first-child+th {
        background-color: #F4F5F7;
        border-left: 2px solid #E6E6E6
    }

    .subscription-handhelds-table2 {
        border: 2px solid #5FB165
    }

    .subscription-handhelds-table2 tr:not(.non-separation):not(:first-child) {
        border-top: 2px solid #5FB165
    }

    .subscription-handhelds-table2 td:first-child+td,.subscription-handhelds-table2 th:first-child+th {
        background-color: #D9EADB;
        border-left: 2px solid #5FB165
    }

    .update-to {
        font: 35px "Kanit", sans-serif;
        color: #505a78;
        text-align: center;
        margin: 60px 0 30px
    }
}

@media only screen and (min-device-width: 1199px) {
    .subscription-handhelds-table-block {
        display:none
    }

    .subscription-wide-screens-table-block {
        position: relative;
        margin-top: 40px
    }

    .subscription-wide-screens-table-block .table-wrapper {
        background-color: #F7F8F9;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
        border: 2px solid #E6E6E6
    }

    .subscription-wide-screens-table-block table {
        border-collapse: collapse;
        width: 100%;
        table-layout: fixed;
        font: 16px "Kanit", sans-serif;
        color: #454a60
    }

    .subscription-wide-screens-table-block col:first-child {
        width: 290px
    }

    .subscription-wide-screens-table-block col:first-child+col {
        width: 230px
    }

    .subscription-wide-screens-table-block th,.subscription-wide-screens-table-block td {
        text-align: center
    }

    .subscription-wide-screens-table-block th {
        color: #8b8b8c;
        padding: 10px 25px;
        background: #F4F5F7;
        height: 130px
    }

    .subscription-wide-screens-table-block th:first-child+th+th {
        border-left: 2px solid #E6E6E6
    }

    .subscription-wide-screens-table-block td:first-child {
        text-align: left;
        padding: 14px 17px
    }

    .subscription-wide-screens-table-block td:not(:first-child) {
        border-left: 2px solid #E6E6E6
    }

    .subscription-wide-screens-table-block tr.non-separation td {
        padding-top: 0
    }

    .subscription-wide-screens-table-block tr:not(.non-separation):not(:first-child) {
        border-top: 2px solid #E6E6E6
    }

    .grey-item {
        color: #8b8b8c
    }

    .disabled,.enabled {
        display: inline-block
    }

    .disabled {
        width: 16px;
        height: 16px;
        background: url('../../img/sprite-subscription-wide-screens-s3eb78e1fbb39b5.png?15af8c672f5f') 0 -256px no-repeat
    }

    .enabled {
        width: 21px;
        height: 16px;
        background: url('../../img/sprite-subscription-wide-screens-s3eb78e1fbb39b5.png?15af8c672f5f') 0 -277px no-repeat
    }

    .subscription-subtitle2 {
        font: 13px "Kanit", sans-serif;
        color: #657e93;
        margin-top: 15px
    }

    .most-popular {
        position: absolute;
        top: -37px;
        right: -17px;
        padding-top: 15px;
        text-align: center;
        width: 71px;
        height: 55px;
        background-color: #657E93;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxNGU2NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY1N2U5MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #314e67),color-stop(100%, #657e93));
        background-image: -moz-linear-gradient(bottom, #314e67 0%,#657e93 100%);
        background-image: -webkit-linear-gradient(bottom, #314e67 0%,#657e93 100%);
        background-image: linear-gradient(to top, #314e67 0%,#657e93 100%);
        font: 13px "rockwellb",serif;
        color: #fff;
        border: 2px solid #D7DDE3;
        border-radius: 50%
    }
}

.subscription-title {
    color: #5fb165;
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .subscription-title {
        font:70px "rockwellb",serif
    }

    .subscription-title .crown {
        display: inline-block;
        position: relative
    }

    .subscription-title .crown:after {
        content: '';
        position: absolute;
        top: -13px;
        left: -5px;
        width: 51px;
        height: 25px;
        background: url('../../img/sprite-subscription-handhelds-s368ee15a5739b5.png?15af8c672f5f') 0 -263px no-repeat
    }
}

@media only screen and (min-device-width: 1199px) {
    .subscription-title {
        font:23px "rockwellb",serif
    }
}

.subscription-subtitle {
    color: #505a78;
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .subscription-subtitle {
        font:40px "rockwellb",serif
    }
}

@media only screen and (min-device-width: 1199px) {
    .subscription-subtitle {
        font:15px "Kanit", sans-serif
    }
}

.benefits-block.top {
    padding-bottom: 50px
}

@media only screen and (max-device-width: 1198px) {
    .benefits-block.top {
        padding-top:45px;
        background-color: #f7f8f9;
        *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7F8F9', endColorstr='#FFECEFF1');
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjhmOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VjZWZmMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f8f9),color-stop(100%, #eceff1));
        background-image: -moz-linear-gradient(top, #f7f8f9 0%,#eceff1 100%);
        background-image: -webkit-linear-gradient(top, #f7f8f9 0%,#eceff1 100%);
        background-image: linear-gradient(to bottom, #f7f8f9 0%,#eceff1 100%)
    }
}

@media only screen and (min-device-width: 1199px) {
    .benefits-block.top {
        padding-top:17px
    }
}

.benefits-block.bottom {
    padding-top: 45px;
    padding-bottom: 70px
}

@media only screen and (max-device-width: 1198px) {
    .benefits-block.bottom {
        background-color:#F7F8F9
    }
}

@media only screen and (max-device-width: 1198px) {
    .benefits-block-title {
        font:40px "rockwellb",serif;
        color: #505a78;
        text-align: center;
        margin-bottom: 25px
    }
}

@media only screen and (min-device-width: 1199px) {
    .benefits-block-title {
        display:none
    }
}

.benefits-block-title2 {
    color: #454a60;
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .benefits-block-title2 {
        font:50px "rockwellb",serif;
        margin-bottom: 20px
    }

    .benefits-block-title2 span {
        display: block
    }
}

@media only screen and (min-device-width: 1199px) {
    .benefits-block-title2 {
        font:30px "rockwellb",serif
    }
}

.benefits-block-subtitle {
    color: #454a60;
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .benefits-block-subtitle {
        font:36px "Kanit", sans-serif;
        margin-bottom: 40px
    }

    .benefits-block-subtitle span {
        display: block
    }
}

@media only screen and (min-device-width: 1199px) {
    .benefits-block-subtitle {
        font:20px "Kanit", sans-serif;
        margin-bottom: 25px
    }
}

.phone-block-subscription.error .err-msg {
    display: block;
    position: absolute;
    background-color: #EA7373;
    color: #fff;
    left: 50%;
    text-align: center
}

.phone-block-subscription.error .err-msg:after {
    content: '';
    position: absolute;
    left: 50%
}

@media only screen and (max-device-width: 1198px) {
    .phone-block-subscription.error .err-msg {
        bottom:140px;
        width: 394px;
        margin-left: -217px;
        border-radius: 5px;
        padding: 20px;
        font: 28px "Kanit", sans-serif
    }

    .phone-block-subscription.error .err-msg:after {
        margin-left: -15px;
        bottom: -15px;
        border-top: 15px solid #EA7373;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent
    }
}

@media only screen and (min-device-width: 1199px) {
    .phone-block-subscription.error .err-msg {
        width:182px;
        margin-left: -105px;
        border-radius: 3px;
        bottom: 70px;
        padding: 14px;
        font: 13px "Kanit", sans-serif
    }

    .phone-block-subscription.error .err-msg:after {
        margin-left: -7px;
        bottom: -7px;
        border-top: 7px solid #EA7373;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent
    }
}

.phone-block-subscription.error .input-wrapper {
    background-color: #FFFEEE;
    border-color: #EA7373
}

.phone-block-subscription.error .input-wrapper:after {
    background-color: #EA7373
}

.phone-block-subscription.error .input-wrapper input {
    color: #ea7373
}

.phone-block-subscription .err-msg {
    display: none
}

@media only screen and (min-device-width: 1199px) {
    .phone-block-subscription {
        border:1px solid #D8DADE;
        border-radius: 3px
    }
}

.phone-form-subscription .input-wrapper {
    display: none
}

.phone-form-subscription .submit {
    float: none;
    display: block;
    margin: 0 auto
}

@media only screen and (min-device-width: 1199px) {
    .phone-form-subscription {
        padding:25px 55px
    }
}

.phone-form-subscription .input-wrapper {
    position: relative
}

@media only screen and (max-device-width: 1198px) {
    .phone-form-subscription .input-wrapper {
        border:2px solid #B5B8BF;
        border-radius: 6px;
        -moz-box-shadow: inset 4.2px 5.6px 5px rgba(1,1,1,0.08);
        -webkit-box-shadow: inset 4.2px 5.6px 5px rgba(1,1,1,0.08);
        box-shadow: inset 4.2px 5.6px 5px rgba(1,1,1,0.08);
        margin: 30px auto 25px
    }

    .phone-form-subscription .input-wrapper:before {
        content: '';
        position: absolute;
        top: 32px;
        left: 29px
    }
}

@media only screen and (min-device-width: 1199px) {
    .phone-form-subscription .input-wrapper {
        border:1px solid #B5B8BF;
        border-radius: 3px;
        width: 342px;
        float: left;
        -moz-box-shadow: inset 2.4px 3.2px 3px rgba(1,1,1,0.08);
        -webkit-box-shadow: inset 2.4px 3.2px 3px rgba(1,1,1,0.08);
        box-shadow: inset 2.4px 3.2px 3px rgba(1,1,1,0.08)
    }

    .phone-form-subscription .input-wrapper:before {
        content: '';
        position: absolute;
        top: 11px;
        left: 13px
    }
}

.phone-form-subscription input {
    width: 100%;
    background-color: transparent;
    color: #aaa
}

@media only screen and (max-device-width: 1198px) {
    .phone-form-subscription input {
        height:100px;
        font: 35px "Kanit", sans-serif;
        padding-left: 188px;
        border-radius: 6px
    }
}

@media only screen and (min-device-width: 1199px) {
    .phone-form-subscription input {
        height:50px;
        font: 17px "Kanit", sans-serif;
        padding-left: 105px;
        border-radius: 3px
    }
}

@media only screen and (max-device-width: 1198px) {
    .btn4 {
        display:block;
        width: 100%;
        font: 40px/104px "rockwellb",serif;
        color: #fff;
        text-align: center;
        height: 104px;
        border-radius: 6px;
        background-color: #5FB165;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3OTAzMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVmYjE2NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #279033),color-stop(100%, #5fb165));
        background-image: -moz-linear-gradient(bottom, #279033 0%,#5fb165 100%);
        background-image: -webkit-linear-gradient(bottom, #279033 0%,#5fb165 100%);
        background-image: linear-gradient(to top, #279033 0%,#5fb165 100%)
    }
}

@media only screen and (min-device-width: 1199px) {
    .btn4 {
        width:274px;
        height: 52px;
        font: 20px/52px "rockwellb",serif;
        color: #fff;
        text-align: center;
        border-radius: 3px;
        background-color: #2472a7;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiOGYyOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYxYjA1ZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #2b8f28),color-stop(100%, #2472a7));
        background-image: -moz-linear-gradient(bottom, #2b8f28 0%,#2472a7 100%);
        background-image: -webkit-linear-gradient(bottom, #2b8f28 0%,#2472a7 100%);
        background-image: linear-gradient(to top, #2b8f28 0%,#2472a7 100%)
    }
}

@media only screen and (max-device-width: 1198px) {
    .btn4.cancel {
        background-color:#E97473;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5NzQ3MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q1MzczNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e97473),color-stop(100%, #d53735));
        background-image: -moz-linear-gradient(top, #e97473 0%,#d53735 100%);
        background-image: -webkit-linear-gradient(top, #e97473 0%,#d53735 100%);
        background-image: linear-gradient(to bottom, #e97473 0%,#d53735 100%)
    }
}

@media only screen and (min-device-width: 1199px) {
    .btn4.cancel {
        background-color:#E97473;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5NzQ3MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q1MzczNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e97473),color-stop(100%, #d53735));
        background-image: -moz-linear-gradient(top, #e97473 0%,#d53735 100%);
        background-image: -webkit-linear-gradient(top, #e97473 0%,#d53735 100%);
        background-image: linear-gradient(to bottom, #e97473 0%,#d53735 100%)
    }
}

.benefits-block-subline {
    color: #708d9f;
    text-align: center
}

.benefits-block-subline a {
    color: #2d9338;
    display: inline-block
}

@media only screen and (max-device-width: 1198px) {
    .benefits-block-subline {
        font:30px "Kanit", sans-serif;
        margin-top: 35px
    }

    .benefits-block-subline span {
        display: block
    }

    .benefits-block-subline a {
        border-bottom: 2px solid #2d9338
    }
}

@media only screen and (min-device-width: 1199px) {
    .benefits-block-subline {
        font:13px "Kanit", sans-serif;
        margin-top: 15px
    }

    .benefits-block-subline a {
        border-bottom: 1px solid #2d9338
    }
}

@media only screen and (max-device-width: 1198px) {
    .subscription-testimonials-block {
        background-color:#F7F8F9
    }
}

.subscription-testimonials-block .containera {
    position: relative
}

.subscription-slider {
    position: relative
}

@media only screen and (max-device-width: 1198px) {
    .subscription-slider {
        padding:45px 0 50px
    }
}

@media only screen and (min-device-width: 1199px) {
    .subscription-slider {
        padding:0 0 8px;
        text-align: center
    }
}

.subscription-slider .testimonial-msg {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #454a60
}

@media only screen and (max-device-width: 1198px) {
    .subscription-slider .testimonial-msg {
        width:579px;
        height: 258px;
        background: url('../../img/sprite-subscription-handhelds-s368ee15a5739b5.png?15af8c672f5f') 0 0 no-repeat;
        font: 36px/50px "Kanit", sans-serif;
        padding: 30px
    }
}

@media only screen and (min-device-width: 1199px) {
    .subscription-slider .testimonial-msg {
        width:475px;
        height: 117px;
        background: url('../../img/sprite-subscription-wide-screens-s3eb78e1fbb39b5.png?15af8c672f5f') 0 0 no-repeat;
        font: 18px/27px "Kanit", sans-serif;
        padding: 15px 30px;
        margin-left: 115px;
        float: left;
        text-align: left
    }
}

.subscription-slider .msg-author-block {
    position: relative;
    color: #657e93
}

.subscription-slider .msg-author-block:before {
    content: '';
    position: absolute
}

@media only screen and (max-device-width: 1198px) {
    .subscription-slider .msg-author-block {
        margin-top:32px;
        padding: 11px 0 0 110px;
        height: 73px
    }

    .subscription-slider .msg-author-block .msg-type {
        font: 26px "Kanit", sans-serif
    }

    .subscription-slider .msg-author-block .msg-author {
        font: 32px/0.9 "rockwellb",serif
    }

    .subscription-slider .msg-author-block:before {
        top: 0;
        left: 0;
        width: 85px;
        height: 84px;
        background: url('../../img/sprite-subscription-handhelds-s368ee15a5739b5.png?15af8c672f5f') 0 -1008px no-repeat
    }
}

@media only screen and (min-device-width: 1199px) {
    .subscription-slider .msg-author-block {
        float:left;
        margin: 55px 0 0 30px;
        height: 85px
    }

    .subscription-slider .msg-author-block:before {
        top: 40px;
        left: 0;
        width: 43px;
        height: 42px;
        background: url('../../img/sprite-subscription-wide-screens-s3eb78e1fbb39b5.png?15af8c672f5f') 0 -537px no-repeat
    }

    .subscription-slider .msg-author-block .msg-type {
        font: 13px "Kanit", sans-serif
    }

    .subscription-slider .msg-author-block .msg-author {
        font: 16px/0.9 "rockwellb",serif
    }
}

.subscription-slider .carousel-control {
    display: none
}

.subscription-slider .slider3 {
    position: relative
}

.subscription-slider .slider3 .item {
    display: none;
    position: relative;
    -moz-transition: left .5s ease-in-out;
    -o-transition: left .5s ease-in-out;
    -webkit-transition: left .5s ease-in-out;
    transition: left .5s ease-in-out
}

.subscription-slider .slider3 .item.active,.subscription-slider .slider3 .item.next,.subscription-slider .slider3 .item.prev {
    display: block
}

.subscription-slider .slider3 .item.active {
    left: 0
}

.subscription-slider .slider3 .item.next,.subscription-slider .slider3 .item.prev {
    position: absolute;
    top: 0
}

.subscription-slider .slider3 .item.next {
    left: 100%
}

.subscription-slider .slider3 .item.prev {
    left: -100%
}

.subscription-slider .slider3 .item.next.left,.subscription-slider .slider3 .item.prev.right {
    left: 0
}

.subscription-slider .slider3 .item.active.left {
    left: -100%
}

.subscription-slider .slider3 .item.active.right {
    left: 100%
}

.subscription-slider .slider3 .carousel-inner {
    overflow: hidden;
    position: relative
}

.subscription-slider .slider3 .carousel-inner img {
    width: 100%;
    height: auto
}

.subscription-slider .carousel-indicators li {
    display: inline-block;
    border-radius: 50%
}

.subscription-slider .carousel-indicators li.active {
    background-color: #B5B8BF
}

.subscription-slider .carousel-indicators li:not(.active) {
    cursor: pointer
}

@media only screen and (max-device-width: 1198px) {
    .subscription-slider .carousel-indicators {
        position:absolute;
        bottom: 25px;
        right: 20px
    }

    .subscription-slider .carousel-indicators li {
        width: 12px;
        height: 12px;
        border: 2px solid #B5B8BF
    }

    .subscription-slider .carousel-indicators li:not(:first-child) {
        margin-left: 3px
    }
}

@media only screen and (min-device-width: 1199px) {
    .subscription-slider .carousel-indicators {
        display:inline-block
    }

    .subscription-slider .carousel-indicators li {
        width: 6px;
        height: 6px;
        border: 1px solid #B5B8BF;
        vertical-align: top
    }
}

@media only screen and (min-device-width: 1199px) {
    .choice-benefits-wrapper {
        background-color:#eceff1;
        *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFECEFF1', endColorstr='#FFFFFFFF');
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWZmMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eceff1),color-stop(100%, #ffffff));
        background-image: -moz-linear-gradient(top, #eceff1 0%,#ffffff 100%);
        background-image: -webkit-linear-gradient(top, #eceff1 0%,#ffffff 100%);
        background-image: linear-gradient(to bottom, #eceff1 0%,#ffffff 100%)
    }
}

@media only screen and (max-device-width: 1198px) {
    .choice-block {
        background-color:#eceff1;
        *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFECEFF1', endColorstr='#FFFFFFFF');
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWZmMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eceff1),color-stop(100%, #ffffff));
        background-image: -moz-linear-gradient(top, #eceff1 0%,#ffffff 100%);
        background-image: -webkit-linear-gradient(top, #eceff1 0%,#ffffff 100%);
        background-image: linear-gradient(to bottom, #eceff1 0%,#ffffff 100%)
    }
}

@media only screen and (min-device-width: 1199px) {
    .choice-block .containera {
        padding-top:25px;
        padding-bottom: 50px;
        position: relative;
        border-bottom: 1px solid #D9DDE7
    }
}

.choice-block .choice-item1,.choice-block .choice-item2 {
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .choice-block .choice-item1,.choice-block .choice-item2 {
        padding:40px 0
    }

    .choice-block .choice-item1 .choice-item-title,.choice-block .choice-item2 .choice-item-title {
        font: 45px "rockwellb",serif;
        margin-bottom: 40px;
        padding: 0 60px
    }

    .choice-block .choice-item1 .choice-item-price,.choice-block .choice-item2 .choice-item-price {
        font: 50px "rockwellb",serif
    }
}

@media only screen and (min-device-width: 1199px) {
    .choice-block .choice-item1 .choice-item-title,.choice-block .choice-item2 .choice-item-title {
        font:25px "rockwellb",serif;
        height: 115px
    }

    .choice-block .choice-item1 .choice-item-title span,.choice-block .choice-item2 .choice-item-title span {
        display: block
    }

    .choice-block .choice-item1 .choice-item-price,.choice-block .choice-item2 .choice-item-price {
        font: 24px "rockwellb",serif
    }
}

.choice-block .choice-item1 {
    color: #e97473
}

.choice-block .choice-item1 .choice-item-icons {
    display: inline-block;
    margin-bottom: 30px
}

.choice-block .choice-item1 .choice-item-icons li {
    float: left
}

@media only screen and (max-device-width: 1198px) {
    .choice-block .choice-item1 .choice-item-icons {
        margin-bottom:30px
    }

    .choice-block .choice-item1 li {
        width: 88px;
        height: 132px;
        background: url('../../img/sprite-subscription-handhelds-s368ee15a5739b5.png?15af8c672f5f') 0 -293px no-repeat
    }

    .choice-block .choice-item1 li:not(:first-child) {
        margin-left: 25px
    }
}

@media only screen and (min-device-width: 1199px) {
    .choice-block .choice-item1 {
        float:left;
        width: 45%
    }

    .choice-block .choice-item1 .choice-item-icons {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .choice-block .choice-item1 li {
        width: 44px;
        height: 66px;
        background: url('../../img/sprite-subscription-wide-screens-s3eb78e1fbb39b5.png?15af8c672f5f') 0 -122px no-repeat
    }

    .choice-block .choice-item1 li:not(:first-child) {
        margin-left: 11px
    }
}

.choice-block .choice-item2 {
    color: #5fb165
}

.choice-block .choice-item2 .choice-item-icon {
    display: inline-block
}

@media only screen and (max-device-width: 1198px) {
    .choice-block .choice-item2 .choice-item-icon {
        width:156px;
        height: 183px;
        background: url('../../img/sprite-subscription-handhelds-s368ee15a5739b5.png?15af8c672f5f') 0 -582px no-repeat;
        margin-bottom: 10px
    }
}

@media only screen and (min-device-width: 1199px) {
    .choice-block .choice-item2 {
        float:right;
        width: 45%
    }

    .choice-block .choice-item2 .choice-item-icon {
        width: 78px;
        height: 92px;
        background: url('../../img/sprite-subscription-wide-screens-s3eb78e1fbb39b5.png?15af8c672f5f') 0 -298px no-repeat;
        margin-bottom: 14px
    }
}

.choice-block .choice-or-block {
    color: #454a60;
    text-align: center;
    position: relative;
    margin-bottom: 20px
}

.choice-block .choice-or-block:before,.choice-block .choice-or-block:after {
    content: '';
    background-color: #D9DDE7;
    position: absolute
}

@media only screen and (max-device-width: 1198px) {
    .choice-block .choice-or-block {
        font:40px "rockwellb",serif
    }

    .choice-block .choice-or-block:before,.choice-block .choice-or-block:after {
        height: 6px;
        width: 195px;
        top: 25px
    }

    .choice-block .choice-or-block:before {
        left: 30px
    }

    .choice-block .choice-or-block:after {
        right: 30px
    }
}

@media only screen and (min-device-width: 1199px) {
    .choice-block .choice-or-block {
        font:20px "rockwellb",serif;
        position: absolute;
        top: 200px;
        left: 50%;
        margin-left: -6px
    }

    .choice-block .choice-or-block:before,.choice-block .choice-or-block:after {
        height: 3px;
        width: 25px;
        top: 12px
    }

    .choice-block .choice-or-block:before {
        left: -40px
    }

    .choice-block .choice-or-block:after {
        right: -40px
    }
}

.cancel-subscription-headline {
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .cancel-subscription-headline {
        font:55px "Kanit", sans-serif;
        margin-bottom: 50px;
        color: #505a78
    }
}

@media only screen and (min-device-width: 1199px) {
    .cancel-subscription-headline {
        font:32px "Kanit", sans-serif;
        color: #454a60;
        margin-top: 7px
    }
}

.i-pity {
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-device-width: 1198px) {
    .i-pity {
        width:284px;
        height: 233px;
        background: url('../../img/sprite-subscription-handhelds-s368ee15a5739b5.png?15af8c672f5f') 0 -770px no-repeat;
        margin-top: 40px;
        margin-bottom: 50px
    }
}

@media only screen and (min-device-width: 1199px) {
    .i-pity {
        width:167px;
        height: 137px;
        background: url('../../img/sprite-subscription-wide-screens-s3eb78e1fbb39b5.png?15af8c672f5f') 0 -395px no-repeat;
        margin-top: 25px;
        margin-bottom: 35px
    }
}

.cancel-subscription-txt1,.cancel-subscription-txt2 {
    color: #454a60;
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .cancel-subscription-txt1,.cancel-subscription-txt2 {
        font:31px "Kanit", sans-serif
    }
}

@media only screen and (min-device-width: 1199px) {
    .cancel-subscription-txt1,.cancel-subscription-txt2 {
        font:20px "Kanit", sans-serif
    }
}

@media only screen and (max-device-width: 1198px) {
    .cancel-subscription-txt1 {
        padding:0 5px 35px
    }
}

@media only screen and (min-device-width: 1199px) {
    .cancel-subscription-txt1 {
        padding:0 80px 25px
    }
}

@media only screen and (max-device-width: 1198px) {
    .cancel-subscription-txt2 {
        padding-bottom:55px;
        border-bottom: 2px solid #B5B8BF
    }
}

@media only screen and (min-device-width: 1199px) {
    .cancel-subscription-txt2 {
        padding-bottom:45px
    }
}

.cancel-subscription-txt3 {
    color: #454a60;
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .cancel-subscription-txt3 {
        font:31px "rockwellb",serif;
        padding: 70px 60px 0
    }
}

@media only screen and (min-device-width: 1199px) {
    .cancel-subscription-txt3 {
        font:17px "Kanit", sans-serif;
        padding-bottom: 15px
    }
}

.back-subscription {
    text-align: center
}

.back-subscription a {
    display: inline-block;
    color: #2472a7
}

@media only screen and (max-device-width: 1198px) {
    .back-subscription {
        padding:35px 0 50px
    }

    .back-subscription a {
        font: 32px "Kanit", sans-serif;
        padding: 0 80px
    }
}

@media only screen and (min-device-width: 1199px) {
    .back-subscription {
        padding:30px 0 35px
    }

    .back-subscription a {
        font: 14px "Kanit", sans-serif
    }

    .back-subscription i {
        display: inline-block;
        width: 17px;
        height: 14px;
        background: url('../../img/sprite-subscription-wide-screens-s3eb78e1fbb39b5.png?15af8c672f5f') 0 -237px no-repeat;
        padding-right: 10px
    }
}

.overlay {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.modal-new {
    display: none
}

.modal-new.active {
    display: block
}

.modal-new:before {
    content: '';
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #26283b;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=87);
    opacity: .87;
    z-index: 50;
    -moz-transition: background 1s ease;
    -o-transition: background 1s ease;
    -webkit-transition: background 1s ease;
    transition: background 1s ease
}

.modal-new .modal-window {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 335px;
    border-radius: 6px;
    background-color: #fff;
    padding: 25px 20px 20px;
    text-align: center;
    z-index: 51
}

.modal-new .smile-img {
    width: 70px;
    height: 70px
}

.modal-new .modal-title {
    font-family: "Roboto Slab",serif;
    font-size: 26px;
    line-height: 1.35;
    color: #000;
    margin-top: 20px
}

.modal-new .modal-subtitle {
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    color: #000;
    margin-top: 16px;
    white-space: pre
}

.modal-new .got-it-btn {
    width: 100%;
    border-radius: 6px;
    background-color: #2472a7;
    line-height: 45px;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin-top: 20px
}

.modal {
    display: none
}

.modal.active {
    display: block
}

.modal:before {
    content: '';
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8;
    z-index: 50;
    -moz-transition: background 1s ease;
    -o-transition: background 1s ease;
    -webkit-transition: background 1s ease;
    transition: background 1s ease
}

.modal .modal_window {
    position: fixed;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 439px;
    background-color: #FFF;
    border-radius: 3px;
    text-align: center;
    padding: 25px 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    z-index: 51
}

.modal .modal_window .close {
    display: block;
    position: absolute;
    top: -24px;
    right: -24px;
    width: 47px;
    height: 47px;
    background: url('../images/sprite-main-s3c11.png') 0 -54px no-repeat;
    -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.24);
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.24);
    box-shadow: 0 5px 5px rgba(0,0,0,0.24);
    border-radius: 50%;
    text-indent: -999em;
    overflow: hidden
}

.modal .modal_window .modal_img {
    display: inline-block;
    margin-bottom: 30px
}

.modal .modal_window .modal_img.sms {
    width: 229px;
    height: 229px;
    background: url('../images/sprite-main-s3c11.png') 0 -160px no-repeat
}

.modal .modal_window .modal_img.letter {
    width: 192px;
    height: 133px;
    background: url('../../img/sprite-become-a-nerd-wide-screens-s45b9c3ff5739b5.png?15af8c672f5f') 0 -1940px no-repeat;
    margin-top: 15px
}

.modal .modal_window .modal_msg {
    color: #425b60;
    font-size: 24px
}

.modal .modal_window .modal_msg.error {
    color: #e97473
}

.modal .modal_window .modal_msg.success {
    color: #2472a7
}

.modal .modal_window .modal_msg .bold {
    display: block;
    font-family: "rockwellb",serif
}

.modal .modal_window hr {
    border: none;
    background-color: #A2A4AF;
    width: 294px;
    height: 2px;
    margin: 20px auto
}

.modal .modal_window .modal_msg2 {
    font-size: 20px;
    color: #425b60
}

.modal .modal_window .social-block {
    margin-top: 25px
}

.modal .twitter {
    display: inline-block;
    width: 56px;
    height: 20px;
    background: url('../images/sprite-main-wide-screens.png') 0 0 no-repeat;
    overflow: hidden;
    text-indent: -999em;
    margin-top: 30px
}

.modal .social {
    margin-top: 35px
}

.modal .social li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 68px;
    border-radius: 4px;
    position: relative;
    padding-left: 70px;
    font-size: 18px;
    text-align: center;
    color: #5670a6
}

.modal .social li a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 69px;
    height: 68px;
    width: 0
}

.modal .social li a:after {
    content: '';
    position: absolute
}

.modal .social li.fb a {
    border: 2px solid #5670a6;
    color: #5670a6
}

.modal .social li.fb a:before {
    border-left: 2px solid #5670a6
}

.modal .social li.fb a:after {
    top: 9px;
    left: 23px;
    width: 24px;
    height: 49px;
    background: url('../images/sprite-main-s3c11.png') 0 0 no-repeat
}

.modal .social li.whatsapp a {
    border: 2px solid #66C436;
    color: #66C436
}

.modal .social li.whatsapp a:before {
    border-left: 2px solid #66C436
}

.modal .social li.whatsapp a:after {
    top: 9px;
    left: 11px;
    width: 49px;
    height: 49px;
    background: url('../images/sprite-main-s3c11.png') 0 -106px no-repeat
}

.modal .social li:not(:first-child) {
    margin-top: 20px
}

.country-nav {
    background: transparent;
    width: 100%;
    height: 0;
    position: relative;
    font-size: 0;
    z-index: 2
}

.country-nav .container,.country-nav .wrapper-fb {
    position: relative
}

.country-nav-dropdown-current-link {
    display: block;
    position: relative;
    width: 100%
}

@media only screen and (min-device-width: 1199px) {
    .country-nav-dropdown-current-link:after {
        content:"";
        display: block;
        position: absolute;
        right: 0;
        top: 9px;
        width: 0;
        height: 0;
        border-top: 4px solid #fff;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        background: none;
        -moz-transition: -moz-transform 200ms linear;
        -o-transition: -o-transform 200ms linear;
        -webkit-transition: -webkit-transform 200ms linear;
        transition: transform 200ms linear
    }
}

.country-nav-dropdown-current-link .svg-wrap {
    pointer-events: none
}

@media only screen and (max-device-width: 1198px) {
    .country-nav-dropdown-current-link .svg-wrap {
        display:block
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-nav-dropdown-current-link .svg-wrap {
        display:inline-block;
        margin-right: 9px
    }
}

.country-nav-dropdown-current-link.open:after {
    transform: rotateZ(180deg)
}

@media only screen and (min-device-width: 1199px) {
    .dark .country-nav-dropdown-current-link:after {
        border-top-color:#000
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-main-menu-type.country-spoted .country-nav-dropdown {
        top:34px;
        right: 34px
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-main-menu-type.country-spoted .country-nav-dropdown {
        top:29px
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-main-menu-type.country-spoted .country-nav-dropdown-current-link svg {
        width:68px;
        height: 68px
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-main-menu-type.w375 .country-nav-dropdown {
        top:20px;
        right: 20px
    }

    .header-main-menu-type.w375 .country-nav-dropdown-current-link svg {
        width: 40px;
        height: 40px
    }
}

.country-nav-dropdown-list:not(:hover) .country-nav-dropdown-list-item-link.active {
    background-color: #d4dde6
}

.country-nav-dropdown-list-item {
    position: relative
}

@media only screen and (max-device-width: 1198px) {
    .country-nav-dropdown-list-item:not(:first-child) {
        margin-top:15px
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-nav-dropdown-list-item:not(:first-child) {
        margin-top:4px
    }
}

.country-nav-dropdown-list-item-link {
    display: block;
    position: relative;
    color: #000;
    -moz-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

@media only screen and (max-device-width: 1198px) {
    .country-nav-dropdown-list-item-link {
        padding:0 35px 0 90px;
        font: 29px/60px "Open Sans",sans-serif;
        text-align: right
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-nav-dropdown-list-item-link {
        padding:0 18px 0 63px;
        font: 15px/43px "Open Sans",sans-serif;
        text-align: left
    }
}

.country-nav-dropdown-list-item-link .svg-wrap {
    display: block;
    position: absolute;
    pointer-events: none
}

@media only screen and (max-device-width: 1198px) {
    .country-nav-dropdown-list-item-link .svg-wrap {
        top:9px;
        left: 25px
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-nav-dropdown-list-item-link .svg-wrap {
        top:6px;
        left: 12px;
        width: 30px;
        height: 30px
    }
}

.country-nav-dropdown-list-item-link svg {
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .country-nav-dropdown-list-item-link svg {
        width:41px;
        height: 41px
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-nav-dropdown-list-item-link svg {
        width:100%;
        height: 100%
    }
}

.country-nav-dropdown-list-item-link:hover {
    background-color: #d4dde6
}

@media only screen and (max-device-width: 1198px) {
    .country-not-spoted {
        -moz-box-sizing:border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background-color: #f9f9f9;
        height: 570px;
        text-align: center
    }

    .country-not-spoted:before {
        content: '';
        position: fixed;
        top: 570px;
        right: 0;
        left: 0;
        bottom: 0;
        opacity: 0.8;
        background-color: #000
    }

    .country-not-spoted .container,.country-not-spoted .wrapper-fb {
        padding: 30px 50px 0
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-not-spoted .country-nav-dropdown-current {
        padding-bottom:15px
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-not-spoted .country-nav-body {
        text-align:center;
        width: 350px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 28px;
        position: absolute;
        top: 40px;
        right: 75px;
        background-color: #fff;
        border-radius: 6.8px;
        border: solid 1px #d4dde6
    }

    .country-not-spoted .country-nav-body:before,.country-not-spoted .country-nav-body:after {
        content: '';
        position: absolute
    }

    .country-not-spoted .country-nav-body:before {
        right: -10px;
        top: 15px;
        border-left: 10px solid #d4dde6;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent
    }

    .country-not-spoted .country-nav-body:after {
        right: -9px;
        top: 16px;
        border-left: 9px solid #fff;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent
    }
}

@media only screen and (max-device-width: 1198px) {
    .country-not-spoted .thinking-face-img {
        display:inline-block;
        width: 85px;
        height: auto
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-not-spoted .thinking-face-img {
        display:block;
        position: absolute;
        right: 20px;
        top: 50px;
        width: 32px;
        height: auto
    }
}

@media only screen and (max-device-width: 1198px) {
    .country-not-spoted .country-nav-greeting {
        display:block;
        padding: 30px 0 42px;
        font: 32px/1.47 "Kanit", sans-serif;
        text-align: center;
        color: #000
    }

    .country-not-spoted .country-nav-greeting .country-name {
        font-family: "rockwellb",serif;
        color: #239a41
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-not-spoted .country-nav-greeting {
        display:block;
        font: 17px/1.35 "Kanit", sans-serif;
        text-align: center;
        color: #000;
        padding-bottom: 17px
    }

    .country-not-spoted .country-nav-greeting .country-name {
        font-family: "rockwellb",serif;
        color: #239a41;
        text-align: left
    }
}

@media only screen and (max-device-width: 1198px) {
    .country-not-spoted .country-nav-dropdown {
        position:relative
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-not-spoted .country-nav-dropdown {
        position:relative
    }
}

.country-not-spoted .country-nav-dropdown-current-link {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-device-width: 1198px) {
    .country-not-spoted .country-nav-dropdown-current-link {
        display:inline-block;
        min-width: 342px;
        height: 94px;
        border-radius: 5.1px;
        background-color: #fff;
        border: solid 2px #2472a7;
        text-align: left;
        padding-left: 29px
    }

    .country-not-spoted .country-nav-dropdown-current-link:after {
        content: "";
        display: block;
        position: absolute;
        right: 27px;
        top: 42px;
        width: 0;
        height: 0;
        border-top: 8px solid #000;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        background: none;
        -moz-transition: -moz-transform 200ms linear;
        -o-transition: -o-transform 200ms linear;
        -webkit-transition: -webkit-transform 200ms linear;
        transition: transform 200ms linear
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-not-spoted .country-nav-dropdown-current-link {
        border:solid 2px #7FCB9A;
        border-radius: 3px;
        min-width: 166px;
        padding: 0 48px 0 13px;
        text-align: left
    }

    .country-not-spoted .country-nav-dropdown-current-link:after {
        right: 18px;
        top: 16px;
        border-top: 4px solid #000
    }
}

@media only screen and (max-device-width: 1198px) {
    .country-not-spoted .country-nav-dropdown-current-link .svg-wrap {
        display:inline-block;
        margin: 22px 34px 0 0
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-not-spoted .country-nav-dropdown-current-link .svg-wrap {
        display:inline-block;
        margin: 5px 12px 0 0
    }
}

@media only screen and (max-device-width: 1198px) {
    .country-not-spoted .country-nav-dropdown-current-link svg {
        display:block;
        width: 51px;
        height: 51px
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-not-spoted .country-nav-dropdown-current-link svg {
        display:inline-block;
        width: 25px;
        height: 25px
    }
}

@media only screen and (max-device-width: 1198px) {
    .country-not-spoted .country-nav-dropdown-current-name {
        display:inline-block;
        vertical-align: top;
        font: 32px/94px "Kanit", sans-serif;
        color: #000
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-not-spoted .country-nav-dropdown-current-name {
        display:inline-block;
        vertical-align: top;
        font: 17px/36px "Kanit", sans-serif;
        color: #000
    }
}

.country-not-spoted .country-nav-dropdown-list {
    background: #fff;
    position: absolute;
    display: none;
    border-radius: 6.8px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
    border: solid 1px #d4dde6;
    font-family: "Open Sans",sans-serif
}

@media only screen and (max-device-width: 1198px) {
    .country-not-spoted .country-nav-dropdown-list {
        min-width:340px;
        padding: 22px 0;
        top: 100px;
        left: 50%;
        margin-left: -170px;
        text-align: left
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-not-spoted .country-nav-dropdown-list {
        min-width:160px;
        padding: 10px 0;
        top: 50px;
        left: 50%;
        margin-left: -80px
    }
}

@media only screen and (max-device-width: 1198px) {
    .country-not-spoted .country-nav-dropdown-list .country-nav-dropdown-current-name {
        font-family:"Open Sans",sans-serif
    }
}

@media only screen and (max-device-width: 1198px) {
    .country-not-spoted .country-nav-dropdown-list-item-link {
        padding-left:116px;
        text-align: left
    }

    .country-not-spoted .country-nav-dropdown-list-item-link .svg-wrap {
        position: absolute;
        top: 22px;
        left: 29px;
        display: block
    }

    .country-not-spoted .country-nav-dropdown-list-item-link svg {
        width: 51px;
        height: 51px
    }
}

.country-not-spoted .country-nav-close {
    cursor: pointer
}

@media only screen and (min-device-width: 1199px) {
    .country-not-spoted .country-nav-close {
        font:16px "Kanit", sans-serif;
        color: #A3A5B3;
        margin-top: 22px
    }
}

@media only screen and (max-device-width: 1198px) {
    .country-not-spoted .country-nav-close {
        font:32px "Kanit", sans-serif;
        color: #A3A5B3;
        margin-top: 25px
    }
}

.country-spoted .thinking-face-img {
    display: none
}

@media only screen and (max-device-width: 1198px) {
    .country-spoted .country-nav-dropdown {
        position:absolute;
        top: 40px;
        right: 50px
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-spoted .country-nav-dropdown {
        position:absolute;
        top: 20px;
        right: 20px;
        padding-bottom: 20px;
        /* width: 145px; */
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-spoted .country-nav-dropdown-current {
        float:right
    }
}

@media only screen and (max-device-width: 1198px) {
    .country-spoted .country-nav-dropdown-current-link .svg-wrap {
        display:inline-block
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-spoted .country-nav-dropdown-current-link .svg-wrap {
        display:inline-block;
        margin-right: 9px
    }
}

@media only screen and (max-device-width: 1198px) {
    .country-spoted .country-nav-dropdown-current-link svg {
        display:block;
        width: 60px;
        height: 60px
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-spoted .country-nav-dropdown-current-link svg {
        display:inline-block;
        width: 20px;
        height: 20px
    }
}

@media only screen and (max-device-width: 1198px) {
    .country-spoted .country-nav-dropdown-current .country-nav-dropdown-current-name {
        display:none
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-spoted .country-nav-dropdown-current .country-nav-dropdown-current-name {
        display:inline-block;
        vertical-align: top;
        font: 700 14px/20px "Open Sans",sans-serif;
        color: #000;
        padding-right: 15px
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-spoted.dark .country-nav-dropdown-current .country-nav-dropdown-current-name {
        color:#000
    }
}

.country-spoted .country-nav-dropdown-list {
    background: #fff;
    position: absolute;
    right: 0;
    display: none;
    border-radius: 6.8px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
    border: solid 1px #d4dde6
}

@media only screen and (max-device-width: 1198px) {
    .country-spoted .country-nav-dropdown-list {
        padding:22px 0;
        top: 75px
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-spoted .country-nav-dropdown-list {
        padding:10px 0;
        top: 35px
    }
}

.country-spoted .country-nav-dropdown-list .country-nav-dropdown-current-name {
    color: #000
}

@media only screen and (max-device-width: 1198px) {
    .country-spoted .country-nav-dropdown-list .country-nav-dropdown-current-name {
        font:29px/60px "Open Sans",sans-serif;
        text-align: right
    }
}

@media only screen and (min-device-width: 1199px) {
    .country-spoted .country-nav-dropdown-list .country-nav-dropdown-current-name {
        font:15px/43px "Open Sans",sans-serif
    }
}

.country-spoted .country-nav-close {
    display: none
}

.footer-main {
    flex: 0 0 auto;
    background: #1c2036;
    padding-top: 30px;
}

.footer-main .col-lg-7 {text-align:left;color:#fff;}
.footer-main .col-lg-7 p{margin: 7px 0px 7px 20px;font-size: 15px;}

@media only screen and (max-device-width: 1198px) {
    .footer-main {
        min-width:640px
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .container {
        padding:0;
        text-align: center
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .container {
        padding-top:18px;
        padding-bottom: 35px;
        text-align: center
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .footer-block1 {
        text-align:center;
        margin-bottom: 30px;
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .social-wrapper {
        background-color:#2B2E3E;
        min-width: 640px
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .social-wrapper {
        display:inline-block;
        margin-top: 15px
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .social {
        width:640px;
        margin: 0 auto;
        padding: 30px 0 35px
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .social li {
        display:inline-block;
        vertical-align: top
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .social li {
        float:left
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .social li:not(:first-child) {
        margin-left:85px
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .social li:not(:first-child) {
        margin-left:15px
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .social li.fb a {
        width:105px;
        height: 106px;
        background: url('../../img/sprite-main-footer-handhelds-s38fd14ca69f9aa.png?17c3b5c9d757') 0 0 no-repeat
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .social li.fb a {
        background:url('../../img/i-fb2610d.png?1562246603&f20c9c743bf6') no-repeat;
        background-size: 100% auto
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .social li.twitter a {
        width:105px;
        height: 106px;
        background: url('../images/twitter.png');
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .social li.twitter a {
        background:url('../images/twitter.png') no-repeat;
        background-size: 100% auto
    }
}

.footer-main .social a {
    display: block;
    overflow: hidden;
    text-indent: -999em
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .social a {
        width:105px;
        height: 106px
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .social a {
        width:44px;
        height: 45px
    }
}

.footer-main .guarantee-list {
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .guarantee-list {
        margin:0 auto;
        padding: 38px 0 50px
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .guarantee-list {
        float:right;
        padding-right: 0px;
    }
}

.footer-main .guarantee-list-img {
    display: block
}

.footer-main .guarantee-list-img:not(:first-child) {
    margin-left: 30px
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .guarantee-list-img.paypal {
        width:115px;
        height: 115px
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .guarantee-list-img.paypal {
        width:71px;
        height: 71px
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .guarantee-list-img.money-guarantee {
        width:150px;
        height: 109px
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .guarantee-list-img.money-guarantee {
        width:94px;
        height: 68px
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .guarantee-list-img.mccafee {
        width:242px;
        height: 87px
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .guarantee-list-img.mccafee {
        width:150px;
        height: 54px
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .mccafee-block {
        width:640px;
        margin: 0 auto;
        padding: 38px 0 50px
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .mccafee-block {
        float:right;
        width: 359px;
        height: 73px;
        background: url('../../img/2x-wide-screen/mcafee-end11d.png?1562246603&40ba570873a3');
        background-size: 100% auto
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .mccafee-block:after {
        content:"";
        display: inline-block;
        width: 577px;
        height: 110px;
        background: url('../../img/sprite-main-footer-handhelds-s38fd14ca69f9aa.png?17c3b5c9d757') 0 -417px no-repeat
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .footer__payment-list {
        display:inline-grid;
        grid-template-columns: repeat(3, min-content);
        grid-gap: 24px 20.8px;
        margin-bottom: 65px
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .footer__payment-list {
        display: flex;
        margin: 20px auto;
        justify-content: center;
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .footer__payment-item:not(:first-child) {
        margin-left:8px
    }
}

.footer-main .footer__payment-img {
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .footer__payment-img {
        width:108px;
        height: 70px
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .footer__payment-img {
        width:54px;
        height: 35px
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .footer__payment-img.ae {
        width:110px
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .footer__payment-img.ae {
        width:55px
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .footer__payment-img.applepay {
        width:112px
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .footer__payment-img.applepay {
        width:56px
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .master-card {
        width:640px;
        margin: 0 auto;
        padding: 0 0 50px
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .master-card {
        float:left;
        margin-top: 9px;
        width: 365px;
        height: 57px;
        background: url('../../img/2x-wide-screen/master-cardd11d.png?1562246603&40ba570873a3');
        background-size: 100% auto
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .master-card:after {
        content:"";
        display: inline-block;
        width: 590px;
        height: 190px;
        background: url('../../img/sprite-main-footer-handhelds-s38fd14ca69f9aa.png?17c3b5c9d757') 0 -222px no-repeat
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .with-love-wrapper {
        background:#2B2E3E;
        min-width: 640px;
        position: relative
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .with-love-wrapper:before {
        content:'';
        width: 100%;
        position: absolute;
        left: 0;
        top: -15px;
        height: 15px;
        background: url('../images/wave.png') repeat-x
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .with-love-inner {
        width:640px;
        margin: 0 auto;
        padding: 45px 0 50px
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .with-love {
        font-size:22px;
        color: #7e85a2
    }

    .footer-main .with-love span {
        display: block
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .with-love {
        font-size:12px;
        color: #fff;
    }
}

.footer-main .with-love a {
    color: #4a82d3;
    white-space: nowrap
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .we-help-you-line {
        font-size:22px;
        color: #7e85a2;
        margin-bottom: 10px
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .we-help-you-line {
        font-size:12px;
        color: #c6cada;
        margin: -5px 0 5px
    }
}

.footer-main nav {
    display: inline-block
}

@media only screen and (max-device-width: 1198px) {
    .footer-main nav {
        margin-top:12px;
        text-align: center
    }

    .footer-main nav br.mobile-only+.nav-link:before {
        display: none
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main nav {
        margin-top:7px
    }

    .footer-main nav br.desktop-only+.nav-link:before {
        display: none
    }
}

.footer-main .nav-link {
    display: inline-block;
    color: #4a82d3
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .nav-link {
        font-size:22px
    }

    .footer-main .nav-link:not(:first-child):before {
        content: '|';
        font-size: 22px;
        color: #454A60;
        margin: 0 .3em
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .nav-link {
        font-size:12px;
        -moz-transition: color .5s ease;
        -o-transition: color .5s ease;
        -webkit-transition: color .5s ease;
        transition: color .5s ease
    }

    .footer-main .nav-link:not(:first-child):before {
        content: '|';
        color: #454A60;
        margin: 0 .1em
    }

    .footer-main .nav-link:hover {
        color: #8fb7f2
    }
}



@media only screen and (max-device-width: 1198px) {
    .footer-main.de .mccafee:after {
        width:577px;
        height: 110px;
        background: url('../../img/sprite-main-handhelds-s4e9950171bf9aa.png?17c3b5c9d757') 0 -2263px no-repeat
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main.de .mccafee {
        background:url('../../img/2x-wide-screen/mcafee-ded11d.png?1562246603&40ba570873a3');
        background-size: 100% auto
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main.de .master-card {
        display:none
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main.de .footer-block1 {
        margin-bottom:10px
    }
}

.footer-main .agree-line {
    color: #fff;
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .agree-line {
        font-size:16px;
        margin-top: 25px
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .agree-line {
        font-size:12px;
        margin: 5px 0
    }
}

.footer-main .address {
    position: relative;
    color: #fff;
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .address {
        font-size:26px;
        padding-top: 60px
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .address {
        font-size:12px;
        padding-top: 20px
    }
}

.footer-main .address:before {
    height: 2px;
    background-color: #4A4D5D
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .address:before {
        top:30px;
        margin-left: -60px;
        width: 120px
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .address:before {
        top:7px;
        margin-left: -30px;
        width: 60px
    }
}

.footer-main .address .address-country {
    font-family: "rockwellb",serif;
    color: #fff
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .address .address-country {
        font-size:28px;
        display: block
    }
}

.footer-main .address:before {
    content: '';
    position: absolute;
    left: 50%
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .address .address-line {
        display:block
    }

    .footer-main .address .address-line:not(:first-child) {
        margin-top: 30px
    }

    .footer-main .address .address-sep {
        display: none
    }
}

.footer-main .social-list {
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .social-list {
        order:1;
        background-color: #2B2E3E;
        padding-top: 18px;
        padding-bottom: 20px
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .social-list-item:not(:first-child) {
        margin-left:50px
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .social-list-item:not(:first-child) {
        margin-left:15px
    }
}

.footer-main .social-link {
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .social-link.fb,.footer-main .social-link.twitter {
        width:62px;
        height: 62px;
        border: 3px solid #fff
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .social-link.fb,.footer-main .social-link.twitter {
        width:45px;
        height: 45px;
        border: 2px solid #fff
    }
}

.footer-main .social-link.fb .social-icon,.footer-main .social-link.twitter .social-icon {
    fill: #fff
}

.footer-main .social-link.fb {
    background-color: #4B68A0
}

.footer-main .social-link.twitter {
    background-color: #3D8CC9
}

.footer-main .social-icon {
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .fb-icon {
        width:15px;
        height: 32px
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .fb-icon {
        width:11px;
        height: 23px
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .twitter-icon {
        width:28px;
        height: 23px
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .twitter-icon {
        width:20px;
        height: 16px
    }
}

@media only screen and (max-device-width: 1198px) {
    .footer-main .fb-messenger-icon {
        width:62px;
        height: 62px
    }
}

@media only screen and (min-device-width: 1199px) {
    .footer-main .fb-messenger-icon {
        width:45px;
        height: 45px
    }
}

.cookie-popup {
    position: fixed;
    background: #FFF;
    box-shadow: 4px 4px 8px 0 rgba(37,38,93,0.08),-4px -4px 8px 0px rgba(37,38,93,0.08);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    z-index: 999;
    box-sizing: border-box
}

@media only screen and (max-device-width: 1198px) {
    .cookie-popup {
        left:0;
        right: 0;
        bottom: 0;
        padding: 25.6px
    }
}

@media only screen and (min-device-width: 1199px) {
    .cookie-popup {
        left:20px;
        bottom: 20px;
        width: 512px;
        height: 188px;
        border-radius: 8px;
        padding: 24px
    }
}

.cookie-popup .svg-icon {
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .cookie-popup .close-icon {
        width:38.4px;
        height: 38.4px
    }
}

@media only screen and (min-device-width: 1199px) {
    .cookie-popup .close-icon {
        width:24px;
        height: 24px
    }
}

.cookie-popup .icon-checkbox {
    display: none
}

@media only screen and (max-device-width: 1198px) {
    .cookie-popup .icon-checkbox {
        width:32px;
        height: 32px
    }
}

@media only screen and (min-device-width: 1199px) {
    .cookie-popup .icon-checkbox {
        width:20px;
        height: 20px
    }
}

.cookie-popup .message {
    font-family: "Roboto",sans-serif;
    color: #000
}

@media only screen and (max-device-width: 1198px) {
    .cookie-popup .message {
        font-size:19.2px;
        line-height: 32px
    }
}

@media only screen and (min-device-width: 1199px) {
    .cookie-popup .message {
        font-size:12px;
        line-height: 20px
    }
}

.cookie-popup .cookie-link {
    font: inherit;
    font-weight: 700;
    text-decoration-line: underline;
    white-space: nowrap;
    color: inherit
}

.cookie-popup .buttons {
    display: flex;
    align-self: stretch
}

@media only screen and (max-device-width: 1198px) {
    .cookie-popup .buttons {
        flex-direction:column-reverse;
        margin-top: 25.6px;
        gap: 19.2px
    }
}

@media only screen and (min-device-width: 1199px) {
    .cookie-popup .buttons {
        margin-top:auto;
        gap: 12px
    }
}

.cookie-popup .button {
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (max-device-width: 1198px) {
    .cookie-popup .button {
        font-size:28.8px;
        border-radius: 6.4px;
        height: 70.4px;
        padding: 0 16px
    }
}

@media only screen and (min-device-width: 1199px) {
    .cookie-popup .button {
        font-size:18px;
        border-radius: 4px;
        height: 44px;
        padding: 0 10px
    }
}

.cookie-popup .button.type1 {
    color: #2472a7
}

@media only screen and (max-device-width: 1198px) {
    .cookie-popup .button.type1 {
        flex-basis:0
    }
}

.cookie-popup .button.type2 {
    border: 1px solid #2472a7;
    background: #FFF;
    color: #2472a7;
    flex-grow: 1
}

@media only screen and (min-device-width: 1199px) {
    .cookie-popup .button.type2 {
        flex-basis:0
    }
}

.cookie-popup .button.type3 {
    background: #2472a7;
    color: #FFF;
    flex-grow: 1
}

@media only screen and (min-device-width: 1199px) {
    .cookie-popup .button.type3 {
        flex-basis:0
    }
}

.cookie-popup .titleBlock {
    display: flex;
    align-self: stretch;
    justify-content: space-between;
    align-items: center
}

.cookie-popup .title {
    color: #000;
    font-family: "Roboto",sans-serif;
    font-weight: 700
}

@media only screen and (max-device-width: 1198px) {
    .cookie-popup .title {
        font-size:28.8px;
        line-height: 38.4px
    }
}

@media only screen and (min-device-width: 1199px) {
    .cookie-popup .title {
        font-size:18px;
        line-height: 24px
    }
}

@media only screen and (max-device-width: 1198px) {
    .cookie-popup .checkboxBlock {
        display:grid;
        gap: 19.2px;
        grid-template-columns: repeat(2, 1fr);
        margin-top: 25.6px
    }
}

@media only screen and (min-device-width: 1199px) {
    .cookie-popup .checkboxBlock {
        display:flex;
        justify-content: space-between;
        margin-top: 20px
    }
}

.cookie-popup .hiddenCheckbox {
    display: none
}

.cookie-popup .hiddenCheckbox:not(:disabled):not(:checked)+.checkboxLabel .icon-unchecked {
    display: block
}

.cookie-popup .hiddenCheckbox:not(:disabled):checked+.checkboxLabel .icon-checked {
    display: block
}

.cookie-popup .hiddenCheckbox:disabled+.checkboxLabel .icon-disabled {
    display: block
}

.cookie-popup .checkboxLabel {
    display: flex;
    align-items: center;
    cursor: pointer
}

@media only screen and (max-device-width: 1198px) {
    .cookie-popup .checkboxLabel {
        gap:12.8px
    }
}

@media only screen and (min-device-width: 1199px) {
    .cookie-popup .checkboxLabel {
        gap:8px
    }
}

.cookie-popup .checkboxTitle {
    color: #000;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    user-select: none
}

@media only screen and (max-device-width: 1198px) {
    .cookie-popup .checkboxTitle {
        font-size:22.4px;
        line-height: 28.8px
    }
}

@media only screen and (min-device-width: 1199px) {
    .cookie-popup .checkboxTitle {
        font-size:14px;
        line-height: 18px
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-wrapper.isOpen {
        display:block;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.75);
        z-index: 50;
        -moz-transition: background 1s ease;
        -o-transition: background 1s ease;
        -webkit-transition: background 1s ease;
        transition: background 1s ease
    }

    .header-menu-wrapper.isOpen .header-menu {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        width: 510px;
        background-color: #fff;
        padding: 34px;
        height: 100vh;
        z-index: 50
    }

    .header-menu-wrapper.isOpen .header-menu-hamb {
        display: none
    }

    .header-menu-wrapper.isOpen .header-menu-close {
        display: block
    }

    .header-menu-wrapper.isOpen .header-menu-menu {
        display: block
    }

    .header-menu-wrapper.isOpen .header-menu-logo {
        display: block
    }

    .header-menu-wrapper.isOpen .header-menu-list {
        display: block
    }

    .header-menu-wrapper.w375.isOpen .header-menu {
        width: 300px;
        padding: 20px
    }

    .header-menu-wrapper.w375 .header-menu-burger-btn {
        top: 20px;
        left: 20px
    }

    .header-menu-wrapper.w375 .header-menu-hamb {
        width: 40px;
        height: 40px
    }

    .header-menu-wrapper.w375 .header-menu-close {
        width: 40px;
        height: 40px
    }

    .header-menu-wrapper.w375 .header-menu-logo {
        right: 21.1px;
        top: 27.7px;
        width: 68.7px;
        height: 24.9px
    }

    .header-menu-wrapper.w375 .header-menu-logo-icon {
        width: 68.7px;
        height: 24.9px
    }

    .header-menu-wrapper.w375 .header-menu-item {
        margin-top: 75px
    }

    .header-menu-wrapper.w375 .header-menu-item:not(:first-child) {
        margin-top: 20px
    }

    .header-menu-wrapper.w375 .header-menu-link {
        padding: 10px 15px 9px;
        border-radius: 5px;
        font-size: 19px
    }

    .header-menu-wrapper.w375 .header-menu-link.active {
        border-radius: 5px
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-menu-wrapper {
        float:right
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-menu-wrapper.light-bg .header-menu-link {
        color:#000
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-wrapper.light-bg .header-menu-hamb {
        color:#2472a7
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-menu-wrapper.light-bg .header-menu-list {
        padding:29px 180px 0 0
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-wrapper.desktop-only {
        display:none !important
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-menu-wrapper.desktop-only .header-menu-list {
        padding:14px 100px 0 0
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-burger-btn {
        position:absolute;
        top: 34px;
        left: 34px
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-menu-burger-btn {
        display:none
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-hamb {
        width:68px;
        height: 68px;
        color: #fff
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-close {
        display:none;
        width: 68px;
        height: 68px
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-logo {
        display:none;
        position: absolute;
        right: 35.87px;
        top: 47.09px;
        width: 116.79px;
        height: 42.33px
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-menu-logo {
        display:none
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-logo-icon {
        width:116.79px;
        height: 42.33px;
        opacity: 0.5
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-list {
        display:none
    }
}

@media only screen and (min-device-width: 1199px) {
.header-menu-list .btn2{color:#fff !important; cursor: pointer;}
    
    .header-menu-list {
        padding: 25px 0px 0 0;
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-item {
        margin-top:127.5px
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-menu-item {
        float:left
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-item:not(:first-child) {
        margin-top:34px
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-menu-item:not(:first-child) {
        margin-left: 40px;
    }
}

@media only screen and (max-device-width: 1198px) {
    .header-menu-link {
        display:block;
        padding: 17px 25.5px 15.3px;
        border-radius: 8.5px;
        font-family: "Open Sans",sans-serif;
        font-size: 32.3px;
        color: #000;
        text-align: left
    }

    .header-menu-link.active {
        border-radius: 8.5px;
        background-color: rgba(191,239,208,0.5);
        font-weight: 600
    }
}

@media only screen and (min-device-width: 1199px) {
    .header-menu-link {
        font-family:"Open Sans",sans-serif;
        font-size: 15px;
        color: #000;
    }
}

@media only screen and (max-device-width: 1198px) {
    .desktop {
        display:none !important
    }
}

@media only screen and (min-device-width: 1199px) {
    .mobile {
        display:none !important
    }
}

@media only screen and (min-device-width: 1199px) {
    .desktop-br {
        display:block
    }
}

@media only screen and (max-device-width: 1198px) {
    .mobile-br {
        display:block
    }
}

.link {
    text-decoration: underline
}

.btn-success-empty {
    color: #2472a7;
    width: 245px;
    height: 45px;
    border-radius: 23px;
    text-align: center;
    display: block;
     font-family: "Kanit", sans-serif;
    border: 1px solid #2472a7;
    line-height: 46px;
    background-color: #fff;
    transition: all .3s
}

.btn-success-empty:hover {
    background-color: #2472a7;
    color: #fff
}

@media only screen and (max-device-width: 1198px) {
    .btn-success-empty {
        width:400px;
        border-radius: 170px;
        font-size: 34px;
        height: 85px;
        line-height: 85px
    }
}

.hp-new-header {
    position: absolute;
    width: 100%;
    z-index: 9;
}

#sec1 {
    overflow: hidden
}

@media only screen and (max-device-width: 1198px) {
    #sec1 {
        height:1137px;
        background: url('../images/top-bg-mob-desk.jpg') center top;
        background-size: cover;
        position: relative
    }
}

@media only screen and (min-device-width: 1199px) {
    #sec1 {
        height: 640px;
        background: url('../images/herosecbg.jpg') center top;
        background-size: cover
    }

    #sec1 .container {
        height: 100%
    }
}

#sec1 .tell-us-msg {
    color: #4e526b;
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-header .hp-new-header-top .tell-us-msg {
        font:19px "Open Sans",sans-serif;
        margin: 15px 0 20px
    }
}

#sec1 .container {
    position: relative;
    color: #31354f;
    font-family: "Kanit", sans-serif;
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    #sec1 .container {
        padding-left:25px;
        padding-right: 25px
    }
}

@media only screen and (max-device-width: 1198px) {
    #sec1 .title {
        font-size:65px;
        letter-spacing: 1.2px;
        margin: 30px auto 0;
        width: 550px;
        color: #fff
    }
}

@media only screen and (min-device-width: 1199px) {
    #sec1 .title {
        font-size:63px;
        letter-spacing: 1.2px;
        padding-top: 240px;
    }
}

@media only screen and (min-device-width: 1199px) {
    #sec1.title.wide-title {
        padding-top:200px
    }
}

#sec1 .mention {
    white-space: nowrap
}

#sec1 .line1 {
    color: #4e526b;
}

@media only screen and (max-device-width: 1198px) {
    #sec1 .line1 {
        line-height:1.45;
        font-size: 30px;
        margin: 20px auto 25px
    }
}

@media only screen and (min-device-width: 1199px) {
    #sec1 .line1 {
        font-size:25px;
        line-height: 1.36;
        margin: 7px auto 0
    }
}

.hp-new-header .hp-new-logo {
    display: block;
    width: 16%;
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-header .hp-new-logo {
        padding-top:70px;
        margin: 0 auto;
        width: 302px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-header .hp-new-logo {
        position:absolute;
        top: 10px;
    }
}

.hp-new-header .hp-new-logo svg {
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-header .hp-new-logo svg {
        width:302px;
        height: 111px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-header .hp-new-logo svg {
        width:136px;
        height: 50px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-header .text-me-block {
        bottom:125px
    }
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-header .text-me-block .phone-block .container {
        position:relative;
        padding-bottom: 0
    }
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-header .text-me-block .phone-block .phone-form .input-wrapper input {
        border-color:transparent
    }
}

.hp-new-header .text-me-block .phone-block .notice {
    color: rgba(255,255,255,0.8)
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-header .text-me-block .phone-block .notice {
        bottom:-150px;
        margin-top: 0
    }
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-header .hp-new-header-bottom {
        background-color:#fff
    }

    .hp-new-header .hp-new-header-bottom .container {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .hp-new-header .hp-new-header-bottom .container:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -256px;
        width: 512px;
        height: 2px;
        background-color: rgba(36,166,82,0.2)
    }
}

.hp-new-header .hp-new-msg-fb-block {
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-header .hp-new-msg-fb-block .msg-fb-title {
        font:43px/1.2 "Kanit", sans-serif;
        color: #000
    }

    .hp-new-header .hp-new-msg-fb-block .msg-fb-subtitle {
        font: 28px "Open Sans",sans-serif;
        color: #000;
        margin: 25px 0 45px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-header .hp-new-msg-fb-block {
        position:relative;
        bottom: auto;
        left: auto;
        width: auto;
        padding: 35px 0 45px
    }

    .hp-new-header .hp-new-msg-fb-block .msg-fb-title {
        font: 20px/1.15 "Kanit", sans-serif;
        color: #000
    }

    .hp-new-header .hp-new-msg-fb-block .msg-fb-subtitle {
        font: 16px/1.69 "Open Sans",sans-serif;
        color: rgba(52,56,75,0.6);
        margin-bottom: 20px
    }
}

.hp-new-header .hp-new-msg-fb-block:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-header .hp-new-msg-fb-block:after {
        width:512px;
        margin-left: -256px;
        border-bottom: solid 2px rgba(36,166,82,0.2)
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-header .hp-new-msg-fb-block:after {
        width:600px;
        margin-left: -300px;
        border-bottom: solid 1px rgba(212,221,231,0.8)
    }
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-header .top-fb-block {
        margin-top:50px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-header .top-fb-block {
        margin-top:80px
    }
}

.hp-new-header .top-fb-block .top-fb-title {
    color: #f2f2f2
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-header .top-fb-block .top-fb-title {
        margin:15px 15px 50px;
        font: 27px/36px "Open Sans",sans-serif
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-header .top-fb-block .top-fb-title {
        font:16px "Open Sans",sans-serif;
        margin-bottom: 16px
    }
}

.hp-new-header .top-scroll-down {
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-header .top-scroll-down {
        position:absolute;
        left: 50%;
        margin-left: -20px;
        bottom: 230px
    }

    .hp-new-header .top-scroll-down svg {
        display: block;
        width: 41px;
        height: 41px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-header .top-scroll-down {
        position:absolute;
        left: 50%;
        top: 674px;
        margin-left: -12px
    }

    .hp-new-header .top-scroll-down svg {
        display: block;
        width: 24px;
        height: 24px
    }
}

.hp-new-how-help-block .container {
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-how-help-block .container {
        padding-top:45px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-how-help-block .container {
        padding-top:45px
    }
}

.hp-new-how-help-block .title {
     font-family: "Kanit", sans-serif;
    text-align: center;
    color: #000
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-how-help-block .title {
        font-size:43px;
        letter-spacing: 0.8px;
        margin-bottom: 36px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-how-help-block .title {
        font-size:30px;
        letter-spacing: 0.5px;
        margin-bottom: 45px
    }
}

.hp-new-how-help-block .carousel-indicators {
    border-bottom: solid 1px #cfcfcf;
    overflow: hidden;
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-how-help-block .carousel-indicators {
        margin-bottom:59px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-how-help-block .carousel-indicators {
        margin-bottom:41px
    }
}

.hp-new-how-help-block .carousel-indicators li {
    text-align: center;
    color: #000;
    float: left
}

.hp-new-how-help-block .carousel-indicators li:not(:first-child) {
    /* border-left: solid 1px #2472a7; */
}

.hp-new-how-help-block .carousel-indicators li.active {
    background-color: transparent;
    color: #23a652;
    border-bottom: 2px solid;
}

.hp-new-how-help-block .carousel-indicators li:not(.active) {
    cursor: pointer
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-how-help-block .carousel-indicators li {
        width:196px;
        font: 27px/80px "Kanit", sans-serif
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-how-help-block .carousel-indicators li {
        /* width:323px; */
        font: 18px/40px "Kanit", sans-serif;
        padding: 10px 0px;
        margin: 0px 50px;
    }
}

.hp-new-how-help-block .carousel-inner {
    text-align: left
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-how-help-block .carousel-inner {
        margin-bottom:59px
    }
}

.hp-new-how-help-block .carousel-inner .item {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-how-help-block .carousel-inner .item {
        width:554px;
        margin-left: 30px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-how-help-block .carousel-inner .item {
    }
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-how-help-block .carousel-inner .subitem:not(:first-child) {
        margin-top:60px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-how-help-block .carousel-inner .subitem {
        display:inline-block;
        width: 205px;
        border-bottom: 1px solid rgba(36,166,82,0.37);
        float: left
    }

    .hp-new-how-help-block .carousel-inner .subitem:not(:first-child) {
        margin-left: 51px
    }
}

.hp-new-how-help-block .carousel-inner .subitem svg {
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-how-help-block .carousel-inner .subitem svg {
        width:64px;
        height: 64px;
        float: left;
        margin-top: 10px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-how-help-block .carousel-inner .subitem svg {
        width:30px;
        height: 30px
    }
}

.hp-new-how-help-block .carousel-inner .subitem-title {
    color: #000
}

.hp-new-how-help-block .carousel-inner .subitem-title span {
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-how-help-block .carousel-inner .subitem-title {
        font:29px/1.45 "Open Sans",sans-serif;
        padding-left: 116px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-how-help-block .carousel-inner .subitem-title {
        padding-top:10px;
        font: 15px/1.47 "Open Sans",sans-serif;
        height: 68px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden
    }
}

.hp-new-how-help-block .subtitle {
    text-align: center;
    color: #9dabb8;
    position: relative;
    font-family:"Kanit", sans-serif
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-how-help-block .subtitle {
        padding:40px 55px;
        font-size: 27px;
        line-height: 1.39;
        letter-spacing: 0.5px
    }

    .hp-new-how-help-block .subtitle:before,.hp-new-how-help-block .subtitle:after {
        content: '';
        position: absolute;
        left: 50%;
        width: 300px;
        border: solid 2px rgba(212,221,231,0.8);
        margin-left: -150px
    }

    .hp-new-how-help-block .subtitle:before {
        top: 0
    }

    .hp-new-how-help-block .subtitle:after {
        bottom: 0
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-how-help-block .subtitle {
        padding:38px 0 40px;
        font-size: 14px;
        letter-spacing: 0.3px
    }

    .hp-new-how-help-block .subtitle:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        border: solid 1px rgba(212,221,231,0.8);
        width: 300px;
        margin-left: -150px
    }
}

@media only screen and (max-device-width: 1198px) {
    .hiw-block .container {
        padding-top:60px;
        padding-bottom: 160px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hiw-block .container {
        padding-bottom:80px
    }
}

.hiw-block .title {
    font-family:"Kanit", sans-serif;
    text-align: center;
    color: #000
}

@media only screen and (max-device-width: 1198px) {
    .hiw-block .title {
        font-size:60px;
        letter-spacing: 1.1px;
        text-align: center;
        margin-bottom: 68px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hiw-block .title {
        font-size:30px;
        letter-spacing: 0.5px;
        margin: 50px 0 50px
    }
}

.hiw-block .btn-success-empty {
    margin: 50px auto 0
}

@media only screen and (min-device-width: 1199px) {
    .hiw-list {
        text-align:justify;
        margin: 0 50px
    }

    .hiw-list:after {
        content: '';
        display: inline-block;
        width: 100%
    }
}

@media only screen and (max-device-width: 1198px) {
    .hiw-list li {
        display:table-row
    }

    .hiw-list li:not(:first-child) .img-wrap,.hiw-list li:not(:first-child) .hiw-list-title {
        padding-top: 90px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hiw-list li {
        display:inline-block
    }
}

@media only screen and (max-device-width: 1198px) {
    .hiw-list .img-wrap {
        width:160px;
        text-align: right;
        display: table-cell;
        vertical-align: middle
    }

    .hiw-list .img-wrap svg {
        display: inline-block
    }
}

@media only screen and (min-device-width: 1199px) {
    .hiw-list .img-wrap {
        position:relative;
        height: 74px
    }

    .hiw-list .img-wrap svg {
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%
    }
}

@media only screen and (max-device-width: 1198px) {
    .hiw-list-item1 svg {
        width:120px;
        height: 138px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hiw-list-item1 {
        width:180px
    }

    .hiw-list-item1 svg {
        width: 60px;
        height: 69px;
        margin-left: -30px
    }
}

@media only screen and (max-device-width: 1198px) {
    .hiw-list-item2 svg {
        width:146px;
        height: 125px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hiw-list-item2 {
        width:290px
    }

    .hiw-list-item2 svg {
        width: 73px;
        height: 62px;
        margin-left: -36px
    }
}

@media only screen and (max-device-width: 1198px) {
    .hiw-list-item3 svg {
        width:122px;
        height: 148px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hiw-list-item3 {
        width:230px
    }

    .hiw-list-item3 svg {
        width: 61px;
        height: 74px;
        margin-left: -30px
    }
}

.hiw-list-title {
    font-family: "Open Sans",sans-serif;
    color: #000
}

@media only screen and (max-device-width: 1198px) {
    .hiw-list-title {
        display:table-cell;
        vertical-align: middle;
        font-size: 29px;
        line-height: 1.52;
        padding: 0 40px 0 50px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hiw-list-title {
        font-size:15px;
        line-height: 1.4;
        text-align: center;
        margin-top: 19px;
        display: flex
    }
}

.gadgets-block {
    background-color: #d4dde7;
    font-family: "Lato",sans-serif;
    color: #454b61
}

.gadgets-block .container {
    position: relative
}

@media only screen and (max-device-width: 1198px) {
    .gadgets-block .container {
        padding-top:110px;
        padding-bottom: 43px;
        text-align: center
    }
}

@media only screen and (min-device-width: 1199px) {
    .gadgets-block .container {
        padding-top:24px;
        padding-bottom: 24px
    }
}

@media only screen and (max-device-width: 1198px) {
    .gadgets-block {
        font-size:34px;
        line-height: 1.3
    }

    .gadgets-block p {
        padding: 0 45px
    }
}

@media only screen and (min-device-width: 1199px) {
    .gadgets-block {
        font-size:20px;
        text-align: center
    }

    .gadgets-block p {
        padding-right: 210px
    }
}

.gadgets-block svg {
    display: block;
    position: absolute
}

@media only screen and (max-device-width: 1198px) {
    .gadgets-block svg {
        width:231px;
        height: 140px;
        left: 50%;
        top: -60px;
        margin-left: -115px
    }
}

@media only screen and (min-device-width: 1199px) {
    .gadgets-block svg {
        width:135px;
        height: 82px;
        right: 130px;
        bottom: 9px
    }
}

.our-prices-block {
    background-color: #a7b0c1
}

.our-prices-block .container {
    color: #fff;
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .our-prices-block .container {
        padding:51px 65px
    }
}

@media only screen and (min-device-width: 1199px) {
    .our-prices-block .container {
        padding-top:36px;
        padding-bottom: 34px
    }
}

.our-prices-block .title {
     font-family: "Kanit", sans-serif;}

@media only screen and (max-device-width: 1198px) {
    .our-prices-block .title {
        font-size:51.2px;
        letter-spacing: 0.9px;
        margin-bottom: 25px
    }
}

@media only screen and (min-device-width: 1199px) {
    .our-prices-block .title {
        font-size:30px;
        letter-spacing: 0.5px;
        margin-bottom: 11px
    }
}

.our-prices-block .subtitle {
    font-family: "Open Sans",sans-serif
}

@media only screen and (max-device-width: 1198px) {
    .our-prices-block .subtitle {
        font-size:30.7px;
        line-height: 1.44
    }
}

@media only screen and (min-device-width: 1199px) {
    .our-prices-block .subtitle {
        font-size:17px;
        line-height: 1.59
    }
}

.personal-nerd-block .container {
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .personal-nerd-block .container {
        padding-top:60px;
        padding-bottom: 85px
    }
}

@media only screen and (min-device-width: 1199px) {
    .personal-nerd-block .container {
        padding-top:60px;
        padding-bottom: 60px
    }
}

.personal-nerd-block .title {
     font-family: "Kanit", sans-serif;
    color: #2472a7
}

@media only screen and (max-device-width: 1198px) {
    .personal-nerd-block .title {
        font-size:59.7px;
        letter-spacing: 1.5px;
        margin-bottom: 34px
    }
}

@media only screen and (min-device-width: 1199px) {
    .personal-nerd-block .title {
        font-size:40px;
        letter-spacing: 0.7px;
        margin-bottom: 20px
    }
}

.personal-nerd-block .subtitle {
    font-family: "Open Sans",sans-serif;
    color: #000
}

@media only screen and (max-device-width: 1198px) {
    .personal-nerd-block .subtitle {
        font-size:30.7px;
        line-height: 1.56
    }
}

@media only screen and (min-device-width: 1199px) {
    .personal-nerd-block .subtitle {
        font-size:17px;
        line-height: 1.47
    }
}

@media only screen and (max-device-width: 1198px) {
    .personal-nerd-block .university-list {
        background:url('../../img/hp-new/spr-hand-s7f89c06cce2358.png?acd9632b5321') 0 0 no-repeat;
        height: 186px;
        width: 546px;
        margin: 38px auto 68px
    }
}

@media only screen and (max-device-width: 1198px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-device-width: 1198px) and (min-resolution: 192dpi), only screen and (max-device-width: 1198px) and (min--moz-device-pixel-ratio: 2), only screen and (max-device-width: 1198px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-device-width: 1198px) and (min-device-pixel-ratio: 2), only screen and (max-device-width: 1198px) and (min-resolution: 2dppx) {
    .personal-nerd-block .university-list {
        background-image:url('../images/university-logos-mob.png');
        background-size: 546px 186px;
        background-position: 0 0;
        height: 186px;
        width: 546px
    }
}

@media only screen and (min-device-width: 1199px) {
    .personal-nerd-block .university-list {
        background:url('../images/university-logos.png') 0 0 no-repeat;
        height: 60px;
        width: 712px;
        margin: 23px auto 35px
    }
}

@media only screen and (min-device-width: 1199px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1199px) and (min-resolution: 192dpi), only screen and (min-device-width: 1199px) and (min--moz-device-pixel-ratio: 2), only screen and (min-device-width: 1199px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-width: 1199px) and (min-device-pixel-ratio: 2), only screen and (min-device-width: 1199px) and (min-resolution: 2dppx) {
    .personal-nerd-block .university-list {
        background-image:url('../../img/hp-new/spr-desk%402x-s4a35ec97572358.png?acd9632b5321');
        background-size: 712px 60px;
        background-position: 0 0;
        height: 60px;
        width: 712px
    }
}

.nerdibot-block {
    background-color: #f7f8fa
}

.nerdibot-block .container {
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .nerdibot-block .container {
        padding-top:68px;
        padding-bottom: 68px
    }
}

@media only screen and (min-device-width: 1199px) {
    .nerdibot-block .container {
        padding-top:50px;
        padding-bottom: 50px
    }
}

.nerdibot-block svg {
    display: block;
    margin: 0 auto
}

@media only screen and (max-device-width: 1198px) {
    .nerdibot-block svg {
        width:137px;
        height: 150px
    }
}

@media only screen and (min-device-width: 1199px) {
    .nerdibot-block svg {
        width:80px;
        height: 88px
    }
}

.nerdibot-block .title {
     font-family: "Kanit", sans-serif;
    text-align: center;
    color: #000
}

@media only screen and (max-device-width: 1198px) {
    .nerdibot-block .title {
        margin:38px 0 25px;
        font-size: 51px;
        letter-spacing: 0.9px
    }
}

@media only screen and (min-device-width: 1199px) {
    .nerdibot-block .title {
        margin:25px 0 5px;
        font-size: 30px;
        letter-spacing: 0.5px
    }
}

.nerdibot-block .subtitle {
    font-family: "Open Sans",sans-serif;
    font-weight: 600
}

@media only screen and (max-device-width: 1198px) {
    .nerdibot-block .subtitle {
        font-size:30.7px;
        color: rgba(78,82,107,0.5);
        margin-bottom: 57px
    }
}

@media only screen and (min-device-width: 1199px) {
    .nerdibot-block .subtitle {
        color:rgba(78,82,107,0.5);
        margin-bottom: 40px;
        font-size: 18px;
        letter-spacing: -0.2px
    }
}

.become-a-nerd-lnk {
    text-align: center;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    color: #2472a7;
    text-decoration: underline
}

@media only screen and (max-device-width: 1198px) {
    .become-a-nerd-lnk {
        font-size:30px
    }
}

.become-a-nerd-lnk:hover {
    text-decoration: none
}

.become-a-nerd-btn {
    display: block;
     font-family: "Kanit", sans-serif;
    text-align: center;
    color: #0084ff;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 36px
}

@media only screen and (max-device-width: 1198px) {
    .become-a-nerd-btn {
        width:392px;
        border-radius: 170px;
        border: solid 2px #0084ff;
        font-size: 34px;
        line-height: 85px
    }
}

@media only screen and (min-device-width: 1199px) {
    .become-a-nerd-btn {
        /* width:230px; */
        border-radius: 100px;
        border: solid 1px #0084ff;
        font-size: 20px;
        line-height: 50px;
        display: inline-flex;
        padding: 0px 30px;
        margin: 5px;
    }
}

.learn-more-btn {
    display: block;
     font-family: "Kanit", sans-serif;
    text-align: center;
    color: rgba(78,82,107,0.8);
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-device-width: 1198px) {
    .learn-more-btn {
        width:392px;
        border-radius: 170px;
        border: solid 2px rgba(78,82,107,0.5);
        font-size: 34px;
        line-height: 85px
    }
}

@media only screen and (min-device-width: 1199px) {
    .learn-more-btn {
        width:230px;
        border-radius: 100px;
        border: solid 1px rgba(78,82,107,0.5);
        font-size: 20px;
        line-height: 50px
    }
}

.quote-block .container {
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .quote-block .container {
        padding-top:95px;
        padding-bottom: 84px
    }
}

@media only screen and (min-device-width: 1199px) {
    .quote-block .container {
        padding-top:55px;
        padding-bottom: 74px
    }
}

.quote-block .quote {
    color: #2472a7
}

@media only screen and (max-device-width: 1198px) {
    .quote-block .quote {
        font-size:51.2px;
        position: relative
    }
}

@media only screen and (min-device-width: 1199px) {
    .quote-block .quote {
        font-size:40px;
        letter-spacing: 0.7px
    }
}

.quote-block .quote .first-quote,.quote-block .quote .last-quote {
     font-family: "Kanit", sans-serif;
    font-weight: bold;
    color: rgba(167,176,193,0.4)
}

@media only screen and (max-device-width: 1198px) {
    .quote-block .quote .first-quote,.quote-block .quote .last-quote {
        font-size:68.3px;
        margin: 0 20px;
        position: absolute
    }
}

@media only screen and (min-device-width: 1199px) {
    .quote-block .quote .first-quote,.quote-block .quote .last-quote {
        font-size:50px;
        margin: 0 9px
    }
}

@media only screen and (max-device-width: 1198px) {
    .quote-block .quote .first-quote {
        left:20px;
        top: -15px
    }
}

.quote-block .quote .last-quote {
    display: inline-block;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    vertical-align: sub
}

@media only screen and (max-device-width: 1198px) {
    .quote-block .quote .last-quote {
        right:20px;
        bottom: -15px
    }
}

.quote-block .quote-author {
    font-family: "Open Sans",sans-serif;
    font-style: italic;
    color: rgba(78,82,107,0.8)
}

@media only screen and (max-device-width: 1198px) {
    .quote-block .quote-author {
        font-size:23.9px;
        letter-spacing: 0.4px;
        margin-top: 17px
    }
}

@media only screen and (min-device-width: 1199px) {
    .quote-block .quote-author {
        font-size:15px;
        letter-spacing: 0.3px
    }
}



@media only screen and (max-device-width: 1198px) {
    .text-me-block .text-me-title1 {
        font:43px/40px "Kanit", sans-serif;
        color: #000;
        margin-top: 386px
    }
}

@media only screen and (max-device-width: 1198px) {
    .text-me-block .text-me-title2 {
        font:34px/39px "Kanit", sans-serif;
        color: #000
    }
}

@media only screen and (max-device-width: 1198px) {
    .text-me-block .tell-us-msg {
        margin:15px 15px 50px;
        font: 27px/36px "Open Sans",sans-serif;
        color: #34384b
    }
}

@media only screen and (min-device-width: 1199px) {
    .text-me-block .tell-us-msg {
        font:16px "Open Sans",sans-serif;
        color: #f2f2f2;
        margin-bottom: 16px
    }
}

.text-me-block .tell-us-msg .sms {
    white-space: nowrap;
    font-weight: 700
}

.text-me-block .phone-block {
    min-width: 0;
    background-color: transparent
}

.text-me-block .phone-block .container {
    padding: 0;
    width: auto
}

@media only screen and (max-device-width: 1198px) {
    .text-me-block .phone-block .container {
        padding-bottom:200px
    }
}

.text-me-block .phone-block.error ::-webkit-input-placeholder {
    color: #e75d5d
}

.text-me-block .phone-block.error ::-moz-placeholder {
    color: #e75d5d
}

.text-me-block .phone-block.error :-moz-placeholder {
    color: #e75d5d
}

.text-me-block .phone-block.error :-ms-input-placeholder {
    color: #e75d5d
}

.text-me-block .phone-block.error .phone-form .input-wrapper input {
    background-color: #fdfdeb;
    border-color: #e75d5d !important
}

@media only screen and (min-device-width: 1199px) {
    .text-me-block .phone-block .phone-form {
        width:600px;
        position: relative;
        margin: 0 auto
    }
}

@media only screen and (max-device-width: 1198px) {
    .text-me-block .phone-block .phone-form .input-wrapper {
        margin-top:0
    }
}

@media only screen and (min-device-width: 1199px) {
    .text-me-block .phone-block .phone-form .input-wrapper {
        width:100%;
        height: 80px;
        border-radius: 3px;
        background-color: #fff;
        -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.28);
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.28);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.28);
        margin: 0 auto
    }
}

.text-me-block .phone-block .phone-form .input-wrapper:after {
    color: #8e8e8e
}

@media only screen and (max-device-width: 1198px) {
    .text-me-block .phone-block .phone-form .input-wrapper:after {
        top:20px;
        left: auto;
        right: 375px;
        font: 43px "Open Sans",sans-serif;
        letter-spacing: 1.5px;
        text-align: center
    }
}

@media only screen and (min-device-width: 1199px) {
    .text-me-block .phone-block .phone-form .input-wrapper:after {
        top:21px;
        left: auto;
        right: 440px;
        font: 28px "Open Sans",sans-serif;
        letter-spacing: 1.5px;
        text-align: center
    }
}

.text-me-block .phone-block .phone-form .input-wrapper svg {
    display: block;
    position: absolute
}

@media only screen and (max-device-width: 1198px) {
    .text-me-block .phone-block .phone-form .input-wrapper svg {
        width:58px;
        height: 58px;
        top: 22px;
        left: 36px
    }
}

@media only screen and (min-device-width: 1199px) {
    .text-me-block .phone-block .phone-form .input-wrapper svg {
        width:30px;
        height: 30px;
        top: 26px;
        left: 29px;
        border-radius: 30px;
    }
}

.text-me-block .phone-block .phone-form .input-wrapper input {
    display: block;
    box-shadow: none;
    text-transform: lowercase;
    color: #000
}

@media only screen and (max-device-width: 1198px) {
    .text-me-block .phone-block .phone-form .input-wrapper input {
        margin-top:0;
        width: 100%;
        height: 102px;
        border-radius: 5px;
        background-color: #fff;
        border: solid 2px #979797;
        padding-left: 225px;
        padding-bottom: 7px;
        font: 43px "Open Sans",sans-serif;
        letter-spacing: 1.4px
    }
}

@media only screen and (min-device-width: 1199px) {
    .text-me-block .phone-block .phone-form .input-wrapper input {
        margin-top:8px;
        width: 100%;
        height: 80px;
        padding: 0px 200px 0 90px;
        font: 28px "Open Sans",sans-serif;
        letter-spacing: 1px;
        border: solid 2px #fff;
        border-radius: 3px
    }
}

.text-me-block .phone-block .phone-form .btn2 {
    color: #fff;
    background-color: #2472a7;
    text-align: center;
    -moz-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease
}

.text-me-block .phone-block .phone-form .btn2:hover {
    background-color: #27b659;
    -moz-box-shadow: inset 0px -3px 0px 0px #2472a7;
    -webkit-box-shadow: inset 0px -3px 0px 0px #2472a7;
    box-shadow: inset 0px -3px 0px 0px #2472a7
}

@media only screen and (max-device-width: 1198px) {
    .text-me-block .phone-block .phone-form .btn2 {
        border-radius:5.1px;
        height: 102px;
        font: 39px "rockwellb",serif;
        margin-top: 25px;
        box-shadow: none
    }
}

@media only screen and (min-device-width: 1199px) {
    .text-me-block .phone-block .phone-form .btn2 {
        position:absolute;
        right: 12px;
        top: 10px;
        width: 170px;
        height: 60px;
        border-radius: 3px;
        font: 23px "rockwellb",serif;
        padding: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0
    }
}

.text-me-block .phone-block .notice {
    text-align: center;
    color: #9294A2
}

@media only screen and (max-device-width: 1198px) {
    .text-me-block .phone-block .notice {
        position:absolute;
        bottom: 50px;
        left: 50%;
        width: 554px;
        margin-left: -277px;
        font: 24px "Open Sans",sans-serif
    }
}

@media only screen and (min-device-width: 1199px) {
    .text-me-block .phone-block .notice {
        margin-top:10px;
        font: 12px "Open Sans",sans-serif
    }
}

.text-me-block .phone-block .error-line {
    color: #ff6b6b
}

@media only screen and (max-device-width: 1198px) {
    .text-me-block .phone-block .error-line {
        font:700 26px/1.53 "Open Sans",sans-serif;
        padding-bottom: 25px
    }
}

@media only screen and (min-device-width: 1199px) {
    .text-me-block .phone-block .error-line {
        font:700 15px "Open Sans",sans-serif
    }
}

.hp-new-msg-btn {
    white-space: nowrap;
    position: relative;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-msg-btn {
        padding-left:80px;
        width: 400px;
        height: 100px;
        border-radius: 170.7px;
        font: 29px/100px "Open Sans",sans-serif;
        color: #fff;
        background-color: #0084ff
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-msg-btn {
        width:220px;
        height: 50px;
        border-radius: 100px;
        border: solid 1px #0084ff;
        background-color: #fff;
        padding-left: 42px;
        font: 17px/47px "Open Sans",sans-serif;
        color: #0084ff;
        -moz-transition: color .4s ease,background .4s ease;
        -o-transition: color .4s ease,background .4s ease;
        -webkit-transition: color .4s ease,background .4s ease;
        transition: color .4s ease,background .4s ease
    }

    .hp-new-msg-btn:hover {
        background-color: #0084ff;
        color: #fff
    }

    .hp-new-msg-btn:hover svg {
        fill: #fff
    }
}

.hp-new-msg-btn svg {
    position: absolute
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-msg-btn svg {
        top:26px;
        left: 72px;
        width: 52px;
        height: 52px;
        fill: #fff
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-msg-btn svg {
        top:9px;
        left: 33px;
        width: 30px;
        height: 30px;
        fill: #0084ff;
        -moz-transition: fill .4s ease;
        -o-transition: fill .4s ease;
        -webkit-transition: fill .4s ease;
        transition: fill .4s ease
    }
}

.hp-new-scroll-down {
    display: block;
    position: absolute;
    left: 50%
}
.hp-new-scroll-down svg{fill:#000;color: #000;}
@media only screen and (max-device-width: 1198px) {
    .hp-new-scroll-down {
        bottom:60px;
        margin-left: -20px
    }

    .hp-new-scroll-down svg {
        display: block;
        width: 41px;
        height: 41px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-scroll-down {
        bottom:50px;
        margin-left: -12px
    }

    .hp-new-scroll-down svg {
        display: block;
        width: 24px;
        height: 24px
    }
}

.fbnew-rate-block {
    background-color: #f6f9fc
}

.fbnew-rate-block .container {
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .fbnew-rate-block .container {
        padding-top:66px;
        padding-bottom: 69px
    }
}

@media only screen and (min-device-width: 1199px) {
    .fbnew-rate-block .container {
        padding-top:50px;
        padding-bottom: 50px
    }
}

.fbnew-rate-block .title {
    color: #455a64
}

@media only screen and (max-device-width: 1198px) {
    .fbnew-rate-block .title {
        font-size:46px;
        font-weight: 900;
        margin-bottom: 35px
    }
}

@media only screen and (min-device-width: 1199px) {
    .fbnew-rate-block .title {
        font-size:32px;
        font-weight: 900;
        margin-bottom: 23px
    }
}

.fbnew-rate-block .rate-link {
    display: block;
    font-weight: normal;
    color: #455a64
}

@media only screen and (max-device-width: 1198px) {
    .fbnew-rate-block .rate-link {
        margin-top:10px;
        font-size: 36px
    }

    .fbnew-rate-block .rate-link span {
        display: block
    }
}

@media only screen and (min-device-width: 1199px) {
    .fbnew-rate-block .rate-link {
        font-size:25px
    }
}

.fbnew-rate-block .rating {
    display: inline-block;
    position: relative;
    text-align: left
}

@media only screen and (max-device-width: 1198px) {
    .fbnew-rate-block .rating {
        width:245px;
        height: 46px
    }
}

@media only screen and (min-device-width: 1199px) {
    .fbnew-rate-block .rating {
        width:120px;
        height: 23px
    }
}

.fbnew-rate-block .rating-bg,.fbnew-rate-block .rating-front {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap
}

.fbnew-rate-block .rating-bg li,.fbnew-rate-block .rating-front li {
    display: inline-block
}

@media only screen and (max-device-width: 1198px) {
    .fbnew-rate-block .rating-bg li svg,.fbnew-rate-block .rating-front li svg {
        width:45px;
        height: 43px
    }

    .fbnew-rate-block .rating-bg li:not(:first-child),.fbnew-rate-block .rating-front li:not(:first-child) {
        margin-left: 2px
    }
}

@media only screen and (min-device-width: 1199px) {
    .fbnew-rate-block .rating-bg li svg,.fbnew-rate-block .rating-front li svg {
        width:20px;
        height: 20px
    }

    .fbnew-rate-block .rating-bg li:not(:first-child),.fbnew-rate-block .rating-front li:not(:first-child) {
        margin-left: 2px
    }
}

.fbnew-rate-block .rating-bg svg {
    fill: #BBC6D2
}

.fbnew-rate-block .rating-front svg {
    fill: #FDB82C
}

@media only screen and (max-device-width: 1198px) {
    .fbnew-rate-block .rating-front {
        width:93%;
        overflow: hidden
    }
}

@media only screen and (min-device-width: 1199px) {
    .fbnew-rate-block .rating-front {
        width:93%;
        overflow: hidden
    }
}

@media only screen and (min-device-width: 1199px) {
    .msg-fb-block {
        position:absolute;
        bottom: 0;
        left: 120px;
        width: 800px;
        padding-bottom: 60px;
        border-bottom: solid 2px #D3EDDC;
        text-align: center
    }

    .msg-fb-block .msg-fb-title {
        font: 20px/1.15 "Kanit", sans-serif;
        color: #000
    }

    .msg-fb-block .msg-fb-subtitle {
        font: 16px/1.69 "Open Sans",sans-serif;
        color: rgba(52,56,75,0.6);
        margin-bottom: 20px
    }
}

.lp-ga-blurry-block {
    margin-top: 0;
}

.lp-ga-blurry-block .container {
    position: relative;
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-blurry-block .container {
        padding-bottom:60px
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-blurry-block .container {
        height:625px
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-blurry-block.type2 .container {
        height:auto;
        padding-bottom: 50px
    }
}

.lp-ga-blurry-block .title {
    color: #2472a7
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-blurry-block .title {
        padding:0 50px 0;
        font: 60px "Kanit", sans-serif
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-blurry-block .title {
        font: 40px "Kanit", sans-serif
    }
}

.lp-ga-blurry-block .subtitle {
    color: #000
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-blurry-block .subtitle {
        padding:34px 40px 42px;
        font: 33px "Kanit", sans-serif
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-blurry-block .subtitle {
        padding-top:10px;
        font: 20px "Kanit", sans-serif
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-blurry-block .text-me-block {
        position:relative;
        bottom: 0;
        margin-top: 46px
    }
}

.lp-ga-blurry-block .text-me-block .tell-us-msg {
    color: #000
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-blurry-block .text-me-block .tell-us-msg {
        font-size:26px
    }
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-blurry-block .text-me-block .text-me-title1 {
        margin-top:68px
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-blurry-block .text-me-block .text-me-title1 {
        margin-top:68px
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-blurry-block .msg-fb-block {
        padding-top:35px;
        border-top: solid 2px #D3EDDC;
        border-bottom: none
    }
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-blurry-block.business .container {
        padding-top:60px
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-blurry-block.business .container {
        padding-bottom:80px;
        height: auto
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-blurry-block.business .subtitle {
        padding-bottom:40px
    }
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-blurry-block.lp-ga-mob {
        padding-top:60px
    }
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-blurry-block.lp-ga-mob .text-me-block .tell-us-msg {
        padding:0 30px 41px;
        margin: 0;
        font: 26px "Open Sans",sans-serif;
        color: #000
    }
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-blurry-block.lp-ga-mob .text-me-block .phone-block {
        padding-bottom:180px;
        position: relative;
        margin-bottom: 40px
    }

    .lp-ga-blurry-block.lp-ga-mob .text-me-block .phone-block:after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-left: -138px;
        width: 277px;
        height: 2px;
        background-color: rgba(151,151,151,0.4)
    }

    .lp-ga-blurry-block.lp-ga-mob .text-me-block .phone-block .container {
        position: relative;
        padding-bottom: 0
    }

    .lp-ga-blurry-block.lp-ga-mob .text-me-block .phone-block .notice {
        bottom: -150px;
        margin-top: 0
    }
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-blurry-block.lp-ga-mob .msg-fb-block .msg-fb-title {
        font:48px/1.33 "Kanit", sans-serif;
        color: #000
    }

    .lp-ga-blurry-block.lp-ga-mob .msg-fb-block .msg-fb-subtitle {
        font: 28px "Open Sans",sans-serif;
        color: #000;
        margin: 22px 0 47px
    }
}

.lp-ga-slider-block {
    background-color: #fff
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-slider-block {
        height: 550px;
        position: relative
    }

    .lp-ga-slider-block .lp-ga-slider-bg1,.lp-ga-slider-block .lp-ga-slider-bg2 {
        position: absolute
    }

    .lp-ga-slider-block .lp-ga-slider-bg1 {
        left: 0;
        top: 65px;
        width: 290px;
        height: 550px;
        background: url('../../img/landing/lp-ga/slider-bg1246e.png?1562246603&37ac6888adb9') no-repeat
    }

    .lp-ga-slider-block .lp-ga-slider-bg2 {
        right: 0;
        bottom: 0;
        width: 305px;
        height: 550px;
        background: url('../../img/landing/lp-ga/slider-bg2246e.png?1562246603&37ac6888adb9') no-repeat
    }
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-slider-block .container {
        padding:76px 0 0
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-slider-block .container {
        height: 610px;
        position: relative
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-slider-block .slider {
        width:100%;
        position: absolute;
        bottom: 0;
        left: 0
    }
}

.lp-ga-slider-block .lp-ga-slider-title {
    text-align: center;
    color: #000
}

.lp-ga-slider-block .lp-ga-slider-title span {
    color: #2472a7
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-slider-block .lp-ga-slider-title {
        padding:0 20px 33px;
        letter-spacing: 0.9px;
        font: 51px "Kanit", sans-serif
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-slider-block .lp-ga-slider-title {
        margin-bottom:30px;
        font: 40px "Kanit", sans-serif;
        letter-spacing: 0.7px
    }
}

.lp-ga-slider-block .line {
    color: #8F91A1;
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-slider-block .line {
        font:34px/1.5 "Kanit", sans-serif;
        width: 530px;
        margin: 0 auto 51px
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-slider-block .line {
        width:720px;
        margin: 0 auto;
        font: 20px/1.45 "Kanit", sans-serif
    }
}

.lp-ga-slider-block .iphone-wrapper {
    overflow-y: hidden;
    margin: 0 auto;
    position: relative
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-slider-block .iphone-wrapper {
        width:550px;
        height: 920px
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-slider-block .iphone-wrapper {
        width:367px;
        height: 620px;
        margin-top: 45px
    }
}

.lp-ga-slider-block .iphone-wrapper .iphone-img {
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-slider-block .iphone-wrapper .iphone-img {
        width:543px;
        height: 1145px
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-slider-block .iphone-wrapper .iphone-img {
        width:364px;
        height: 765px
    }
}

.lp-ga-slider-block .iphone-wrapper .carousel-inner {
    position: absolute;
    overflow: hidden
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-slider-block .iphone-wrapper .carousel-inner {
        top:105px;
        left: 26px;
        width: 492px
    }

    .lp-ga-slider-block .iphone-wrapper .carousel-inner img {
        width: 492px;
        height: auto
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-slider-block .iphone-wrapper .carousel-inner {
        top:69px;
        left: 17px;
        width: 330px
    }

    .lp-ga-slider-block .iphone-wrapper .carousel-inner img {
        width: 330px;
        height: auto
    }
}

.lp-ga-slider-block .carousel-control {
    display: block;
    position: absolute
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-slider-block .carousel-control {
        bottom:356px
    }

    .lp-ga-slider-block .carousel-control.left {
        left: 16px;
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .lp-ga-slider-block .carousel-control.right {
        right: 16px
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-slider-block .carousel-control {
        bottom:222px
    }

    .lp-ga-slider-block .carousel-control.left {
        left: 200px;
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .lp-ga-slider-block .carousel-control.right {
        right: 200px
    }
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-slider-block .carousel-control .desk-arrow {
        display:none
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-slider-block .carousel-control .desk-arrow {
        display:block;
        width: 70px;
        height: 70px;
        fill: #CBCBD3;
        -moz-transition: fill .5s ease;
        -o-transition: fill .5s ease;
        -webkit-transition: fill .5s ease;
        transition: fill .5s ease
    }

    .lp-ga-slider-block .carousel-control .desk-arrow:hover {
        fill: #60BD81
    }
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-slider-block .carousel-control .mob-arrow {
        display:block;
        width: 25px;
        height: 68px;
        fill: #000
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-slider-block .carousel-control .mob-arrow {
        display:none
    }
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-slider-block .carousel-indicators {
        position:absolute;
        bottom: -66px;
        width: 100%;
        text-align: center
    }

    .lp-ga-slider-block .carousel-indicators li {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%
    }

    .lp-ga-slider-block .carousel-indicators li:not(:first-child) {
        margin-left: 5px
    }

    .lp-ga-slider-block .carousel-indicators li.active {
        background: #2472a7
    }

    .lp-ga-slider-block .carousel-indicators li:not(.active) {
        cursor: pointer;
        background: #6B6E7D
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-slider-block .carousel-indicators {
        display:none
    }
}

.hp-new-slider-block {
    background-color: #F7F8FA
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-slider-block {
        position:relative;
        overflow: hidden
    }

    .hp-new-slider-block .hp-new-slider-bg1,.hp-new-slider-block .hp-new-slider-bg2 {
        position: absolute
    }

    .hp-new-slider-block .hp-new-slider-bg1 {
        left: 0;
        top: 0;
        width: 290px;
        height: 581px;
        background: url('../../img/hp-new/slider-bg10788.png?1562246603&acd9632b5321') no-repeat
    }

    .hp-new-slider-block .hp-new-slider-bg2 {
        right: 0;
        bottom: 0;
        width: 364px;
        height: 665px;
        background: url('../../img/hp-new/slider-bg20788.png?1562246603&acd9632b5321') no-repeat
    }
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-slider-block .container {
        padding:76px 0 0
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-slider-block .container {
        height:665px;
        position: relative
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-slider-block .slider {
        width:100%;
        position: absolute;
        bottom: 0;
        left: 0
    }
}

.hp-new-slider-block .iphone-wrapper {
    overflow-y: hidden;
    margin: 0 auto;
    position: relative
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-slider-block .iphone-wrapper {
        width:550px;
        height: 908px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-slider-block .iphone-wrapper {
        width:367px;
        height: 608px
    }
}

.hp-new-slider-block .iphone-wrapper .iphone-img {
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-slider-block .iphone-wrapper .iphone-img {
        width:543px;
        height: 1145px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-slider-block .iphone-wrapper .iphone-img {
        width:364px;
        height: 765px
    }
}

.hp-new-slider-block .iphone-wrapper .carousel-inner {
    position: absolute;
    overflow: hidden
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-slider-block .iphone-wrapper .carousel-inner {
        top:105px;
        left: 26px;
        width: 492px
    }

    .hp-new-slider-block .iphone-wrapper .carousel-inner img {
        width: 492px;
        height: auto
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-slider-block .iphone-wrapper .carousel-inner {
        top:69px;
        left: 17px;
        width: 330px
    }

    .hp-new-slider-block .iphone-wrapper .carousel-inner img {
        width: 330px;
        height: auto
    }
}

.hp-new-slider-block .carousel-control {
    display: block;
    position: absolute
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-slider-block .carousel-control {
        bottom:356px
    }

    .hp-new-slider-block .carousel-control.left {
        left: 16px;
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .hp-new-slider-block .carousel-control.right {
        right: 16px
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-slider-block .carousel-control {
        bottom:250px
    }

    .hp-new-slider-block .carousel-control.left {
        left: 200px;
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .hp-new-slider-block .carousel-control.right {
        right: 200px
    }
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-slider-block .carousel-control .desk-arrow {
        display:none
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-slider-block .carousel-control .desk-arrow {
        display:block;
        width: 70px;
        height: 70px;
        fill: #CBCBD3;
        -moz-transition: fill .5s ease;
        -o-transition: fill .5s ease;
        -webkit-transition: fill .5s ease;
        transition: fill .5s ease
    }

    .hp-new-slider-block .carousel-control .desk-arrow:hover {
        fill: #60BD81
    }
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-slider-block .carousel-control .mob-arrow {
        display:block;
        width: 25px;
        height: 68px;
        fill: #000
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-slider-block .carousel-control .mob-arrow {
        display:none
    }
}

@media only screen and (max-device-width: 1198px) {
    .hp-new-slider-block .carousel-indicators {
        position:absolute;
        bottom: -66px;
        width: 100%;
        text-align: center
    }

    .hp-new-slider-block .carousel-indicators li {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%
    }

    .hp-new-slider-block .carousel-indicators li:not(:first-child) {
        margin-left: 5px
    }

    .hp-new-slider-block .carousel-indicators li.active {
        background: #2472a7
    }

    .hp-new-slider-block .carousel-indicators li:not(.active) {
        cursor: pointer;
        background: #6B6E7D
    }
}

@media only screen and (min-device-width: 1199px) {
    .hp-new-slider-block .carousel-indicators {
        display:none
    }
}

.rate-block.rs {
    background: #454A60
}

@media only screen and (max-device-width: 1198px) {
    .rate-block.rs .container {
        padding-top:5px
    }
}

.rate-block.rs .title {
    color: #34d56c
}

@media only screen and (max-device-width: 1198px) {
    .rate-block.rs .title {
        font:50px/1 "Kanit", sans-serif
    }
}

@media only screen and (min-device-width: 1199px) {
    .rate-block.rs .title {
        font:35px "Kanit", sans-serif
    }
}

.rate-block.rs .rate-link {
    color: #fff;
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .rate-block.rs .rate-link {
        font:27px "Open Sans",sans-serif
    }
}

@media only screen and (min-device-width: 1199px) {
    .rate-block.rs .rate-link {
        font:16px "Open Sans",sans-serif
    }
}

.lp-ga-faq-block {
    background: #fff
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-faq-block .container {
        padding-top:85px;
        padding-bottom: 140px
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-faq-block .container {
        padding-top:55px;
        padding-bottom: 55px
    }
}

.lp-ga-faq-block .title {
    color: #000;
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-faq-block .title {
        font:68px "Kanit", sans-serif
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-faq-block .title {
        font:40px "Kanit", sans-serif;
        margin-bottom: 50px
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-faq-block .accordion .accordion-heading {
        text-align:left
    }
}

.lp-ga-faq-block .accordion .accordion-heading .question {
    color: #2472a7;
    border-bottom-color: #2472a7
}

.lp-ga-faq-block .accordion .accordion-heading .question:not(.active):hover {
    color: #2472a7;
    border-bottom-color: #2472a7
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-faq-block .accordion .accordion-heading .question {
        padding-left:110px;
        padding-right: 110px
    }
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-faq-block .accordion .accordion-group {
        margin-top:76px
    }
}

.lp-ga-faq-block .close-btn {
    display: block;
    float: left
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-faq-block .close-btn {
        margin-right:35px
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-faq-block .close-btn {
        margin-right:20px
    }

    .lp-ga-faq-block .close-btn:hover svg {
        fill: #2472a7
    }
}

.lp-ga-faq-block .close-btn svg {
    fill: #A8B6C4;
    -moz-transition: fill .3s ease;
    -o-transition: fill .3s ease;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-faq-block .close-btn svg {
        width:78px;
        height: 78px
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-faq-block .close-btn svg {
        /* width:52px; */
        /* height: 52px; */
    }
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-faq-block .accordion-inner {
        margin-top:55px;
        border: 2px solid #D3DAE1;
        border-radius: 10px;
        padding: 20px 25px 20px 30px;
        position: relative
    }

    .lp-ga-faq-block .accordion-inner:before,.lp-ga-faq-block .accordion-inner:after {
        content: '';
        position: absolute;
        z-index: 100
    }

    .lp-ga-faq-block .accordion-inner:before {
        top: -25px;
        left: 270px;
        border-right: 23px solid #D3DAE1;
        border-top: 23px solid transparent
    }

    .lp-ga-faq-block .accordion-inner:after {
        top: -21px;
        left: 270px;
        border-right: 21px solid #fff;
        border-top: 23px solid transparent
    }

    .lp-ga-faq-block .accordion-inner p {
        font-family: "Open Sans",sans-serif;
        font-size: 29px;
        line-height: 44px;
        color: #000;
        overflow: hidden
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-faq-block .accordion-inner {
        -moz-box-sizing:border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        /* border: solid 2px #D3DAE1; */
        border-radius: 10px;
        padding: 20px;
        margin-top: 20px
    }

    .lp-ga-faq-block .accordion-inner p {
        font-family: "Open Sans",sans-serif;
        font-size: 16px;
        line-height: 1.81;
        color: #000;
        overflow: hidden
    }
}

@media only screen and (max-device-width: 1198px) {
    .lp-ga-faq-block .collapse.in {
        height:auto
    }

    .lp-ga-faq-block .collapse {
        position: relative;
        height: 0px;
        overflow: hidden;
        -moz-transition: height .5s ease 0s;
        -o-transition: height .5s ease 0s;
        -webkit-transition: height .5s ease;
        -webkit-transition-delay: 0s;
        transition: height .5s ease 0s
    }

    .lp-ga-faq-block .filler {
        display: none
    }

    .lp-ga-faq-block .accordion .accordion-group {
        margin-top: 60px
    }

    .lp-ga-faq-block .accordion .accordion-heading .accordion-toggle {
        display: block;
        text-align: center
    }

    .lp-ga-faq-block .accordion .question {
        font-size: 37px;
        color: #2472a7;
        text-decoration: underline;
        white-space: pre-line;
        -moz-transition: color .5s ease;
        -o-transition: color .5s ease;
        -webkit-transition: color .5s ease;
        transition: color .5s ease
    }

    .lp-ga-faq-block .accordion .question.active {
        color: #000;
        text-decoration: none
    }
}

@media only screen and (min-device-width: 1199px) {
    .lp-ga-faq-block .filler {
        height:0;
        -moz-transition: height .5s ease;
        -o-transition: height .5s ease;
        -webkit-transition: height .5s ease;
        transition: height .5s ease
    }

    .lp-ga-faq-block .accordion {
        text-align: justify;
        position: relative;
    }

    .lp-ga-faq-block .accordion:after {
        content: '';
        display: inline-block;
        width: 100%
    }

    .lp-ga-faq-block .accordion .accordion-group {
        /* width: 49%; */
        /* display: inline-block; */
        /* vertical-align: top; */
    }

    .lp-ga-faq-block .accordion .accordion-heading {
        text-align: left;
        position: relative;
        padding: 15px;
        border-bottom: 1px solid #ccc;
    }

    .lp-ga-faq-block .accordion .accordion-heading .question {
        font-size: 20px;
        line-height: 1.5;
        color: #000000;
        -moz-transition: color .5s ease;
        -o-transition: color .5s ease;
        -webkit-transition: color .5s ease;
        transition: color .5s ease;
    }

    .lp-ga-faq-block .accordion .accordion-heading .question.active {
        color: #000;
        border: none
    }

    .lp-ga-faq-block .accordion .accordion-heading .question.active:before,.lp-ga-faq-block .accordion .accordion-heading .question.active:after {
        content: '';
        position: absolute;
        z-index: 100
    }

    .lp-ga-faq-block .accordion .accordion-heading .question.active:before {
    }

    .lp-ga-faq-block .accordion .accordion-heading .question.active:after {
    }

    .lp-ga-faq-block .collapse.in {
        height: auto
    }

    .lp-ga-faq-block .collapse {
        position: relative;
        height: 0;
        overflow: hidden;
        -moz-transition: height .5s ease 0s;
        -o-transition: height .5s ease 0s;
        -webkit-transition: height .5s ease;
        -webkit-transition-delay: 0s;
        transition: height .5s ease 0s
    }

    .lp-ga-faq-block .accordion-body {
        /* position: absolute; */
        /* top: 70px; */
        /* left: 0; */
        width: 100%
    }
}

.scholarships-block {
    background-color: #f7f8fa;
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .scholarships-block {
        min-width:640px
    }
}

@media only screen and (max-device-width: 1198px) {
    .scholarships-block .container {
        padding:68px 60px
    }
}

@media only screen and (min-device-width: 1199px) {
    .scholarships-block .container {
        padding-top:50px;
        padding-bottom: 50px
    }
}

.scholarships-title {
     font-family: "Kanit", sans-serif;
    color: #2472a7
}

@media only screen and (max-device-width: 1198px) {
    .scholarships-title {
        font-size:59.7px;
        letter-spacing: 1.5px;
        margin-bottom: 60px
    }
}

@media only screen and (min-device-width: 1199px) {
    .scholarships-title {
        font-size:40px;
        letter-spacing: 0.7px;
        margin-bottom: 35px
    }
}

@media only screen and (max-device-width: 1198px) {
    .scholarships-icon {
        width:170.7px;
        height: 169px
    }
}

@media only screen and (min-device-width: 1199px) {
    .scholarships-icon {
        width:94px;
        height: 93px
    }
}

.scholarships-msg {
    font-family: "Roboto Slab",serif;
    color: #000
}

@media only screen and (max-device-width: 1198px) {
    .scholarships-msg {
        font-size:34.1px;
        line-height: 1.45;
        margin-top: 60px
    }
}

@media only screen and (min-device-width: 1199px) {
    .scholarships-msg {
        font-size:23px;
        line-height: 1.43;
        margin-top: 32px
    }
}

.scholarships-link {
    color: #0084ff;
    text-decoration: underline
}

.our-partners__block {
    position: relative
}

@media only screen and (max-device-width: 1198px) {
    .our-partners__block {
        padding-top:80px;
        padding-bottom: 90px
    }
}

@media only screen and (min-device-width: 1199px) {
    .our-partners__block {
        padding-top:60px;
        padding-bottom: 80px
    }
}

.our-partners__block:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    background: rgba(212,221,230,0.5)
}

@media only screen and (max-device-width: 1198px) {
    .our-partners__block:before {
        height:2px;
        width: 550px;
        margin-left: -275px
    }
}

@media only screen and (min-device-width: 1199px) {
    .our-partners__block:before {
        height:1px;
        width: 800px;
        margin-left: -400px
    }
}

.our-partners__title {
     font-family: "Kanit", sans-serif;
    text-align: center;
    color: #000
}

@media only screen and (max-device-width: 1198px) {
    .our-partners__title {
        font-size:51px;
        letter-spacing: 0.9px
    }
}

@media only screen and (min-device-width: 1199px) {
    .our-partners__title {
        font-size:30px;
        letter-spacing: 0.5px
    }
}

@media only screen and (max-device-width: 1198px) {
    .our-partners__list {
        padding-top:80px;
        text-align: center
    }
}

@media only screen and (min-device-width: 1199px) {
    .our-partners__list {
        padding-top:50px;
        display: flex;
        justify-content: space-between
    }
}

@media only screen and (max-device-width: 1198px) {
    .our-partners__list-item:not(:first-child) {
        margin-top:105px
    }
}

@media only screen and (min-device-width: 1199px) {
    .our-partners__list-item {
        vertical-align:top
    }
}

@media only screen and (max-device-width: 1198px) {
    .our-partners__icon {
        display:inline-block
    }
}

@media only screen and (min-device-width: 1199px) {
    .our-partners__icon {
        display:block
    }
}

.our-partners__icon svg {
    display: block
}

@media only screen and (min-device-width: 1199px) {
    .our-partners__amazon-icon {
        padding-top:12px
    }
}

@media only screen and (max-device-width: 1198px) {
    .our-partners__amazon-icon svg {
        width:210.4px;
        height: 64px
    }
}

@media only screen and (min-device-width: 1199px) {
    .our-partners__amazon-icon svg {
        width:115px;
        height: 35px
    }
}

@media only screen and (min-device-width: 1199px) {
    .our-partners__coursera-icon {
        padding-top:9px
    }
}

@media only screen and (max-device-width: 1198px) {
    .our-partners__coursera-icon svg {
        width:300px;
        height: 42.1px
    }
}

@media only screen and (min-device-width: 1199px) {
    .our-partners__coursera-icon svg {
        width:164px;
        height: 23px
    }
}

@media only screen and (min-device-width: 1199px) {
    .our-partners__grammarly-icon {
        padding-top:1px
    }
}

@media only screen and (max-device-width: 1198px) {
    .our-partners__grammarly-icon svg {
        width:270.7px;
        height: 64px
    }
}

@media only screen and (min-device-width: 1199px) {
    .our-partners__grammarly-icon svg {
        width:148px;
        height: 35px
    }
}

@media only screen and (min-device-width: 1199px) {
    .our-partners__chegg-icon {
        padding-top:3px
    }
}

@media only screen and (max-device-width: 1198px) {
    .our-partners__chegg-icon svg {
        width:193.9px;
        height: 54.9px
    }
}

@media only screen and (min-device-width: 1199px) {
    .our-partners__chegg-icon svg {
        width:106px;
        height: 30px
    }
}

@media only screen and (max-device-width: 1198px) {
    .our-partners__udemy-icon svg {
        width:225px;
        height: 64px
    }
}

@media only screen and (min-device-width: 1199px) {
    .our-partners__udemy-icon svg {
        width:123px;
        height: 35px
    }
}

.app-header {
    position: relative;
    background-color: #fff;
    overflow: hidden
}

.app-header .app-header-top {
    overflow: hidden
}

@media only screen and (max-device-width: 1198px) {
    .app-header .app-header-top {
        background:url('../../img/landing/lp-ga/top-bg-mob.optc4f1.jpg?1562246603&0a5eaffba5d7') center top;
        background-size: cover;
        position: relative
    }
}

@media only screen and (min-device-width: 1199px) {
    .app-header .app-header-top {
        height:768px;
        background: url('../../img/landing/lp-ga/herosecbg.jpg?1562246603&37ac6888adb9') center top;
        background-size: cover
    }

    .app-header .app-header-top .container {
        height: 100%
    }
}

.app-header .app-header-top .tell-us-msg {
    color: #f2f2f2
}

@media only screen and (max-device-width: 1198px) {
    .app-header .app-header-top .tell-us-msg {
        font:19px "Open Sans",sans-serif;
        margin: 15px 0 20px
    }
}

.app-header .container {
    position: relative;
    color: #fff;
     font-family: "Kanit", sans-serif;
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .app-header .container {
        height:1133.9px;
        padding-left: 25px;
        padding-right: 25px
    }
}

@media only screen and (max-device-width: 1198px) {
    .app-header .title {
        font-size:65px;
        letter-spacing: 1.2px;
        margin: 30px auto 0;
        width: 550px;
        color: #fff
    }
}

@media only screen and (min-device-width: 1199px) {
    .app-header .title {
        font-size:65px;
        letter-spacing: 1.2px;
        padding-top: 257px
    }
}

@media only screen and (min-device-width: 1199px) {
    .app-header .title.wide-title {
        padding-top:200px
    }
}

.app-header .mention {
    white-space: nowrap
}

.app-header .line1 {
    color: #f2f2f2
}

@media only screen and (max-device-width: 1198px) {
    .app-header .line1 {
        font-size:34px;
        line-height: 1.2;
        margin-top: 40.8px
    }
}

@media only screen and (min-device-width: 1199px) {
    .app-header .line1 {
        font-size:25px;
        line-height: 1.36;
        margin: 7px auto 0
    }
}

.app-header .app-logo {
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .app-header .app-logo {
        padding-top:119px;
        margin: 0 auto;
        width: 218.79px
    }
}

@media only screen and (min-device-width: 1199px) {
    .app-header .app-logo {
        position:absolute;
        top: 25px;
        left: 52px
    }
}

.app-header .app-logo svg {
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .app-header .app-logo svg {
        width:218.79px;
        height: 81.6px
    }
}

@media only screen and (min-device-width: 1199px) {
    .app-header .app-logo svg {
        width:136px;
        height: 50px
    }
}

.app-header .app-link {
    display: inline-block;
    margin: 68px auto 0
}

.app-header .app-icon {
    display: block;
    width: 136px;
    height: 136px
}

.app-header .app-title {
    font-family: "Open Sans",sans-serif;
    font-size: 23.8px;
    text-align: center;
    color: #fff;
    margin-top: 25.5px
}

.app-header .rate-icon {
    display: block;
    width: 163.2px;
    height: 27.2px;
    margin: 13.6px auto 0
}

.app-header .appstore-link {
    display: inline-block;
    margin: 40.8px auto 0
}

.app-header .appstore-icon {
    display: block;
    width: 340px;
    height: 113.39px
}

@media only screen and (min-device-width: 1199px) {
    .app-header .text-me-block {
        bottom:125px
    }
}

@media only screen and (max-device-width: 1198px) {
    .app-header .text-me-block .phone-block .container {
        position:relative;
        padding-bottom: 0
    }
}

@media only screen and (max-device-width: 1198px) {
    .app-header .text-me-block .phone-block .phone-form .input-wrapper input {
        border-color:transparent
    }
}

.app-header .text-me-block .phone-block .notice {
    color: rgba(255,255,255,0.8)
}

@media only screen and (max-device-width: 1198px) {
    .app-header .text-me-block .phone-block .notice {
        bottom:-150px;
        margin-top: 0
    }
}

.app-header .app-scroll-down {
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .app-header .app-scroll-down {
        position:absolute;
        left: 50%;
        margin-left: -20.4px;
        bottom: 34px
    }

    .app-header .app-scroll-down svg {
        display: block;
        width: 40.8px;
        height: 40.8px
    }
}

@media only screen and (min-device-width: 1199px) {
    .app-header .app-scroll-down {
        position:absolute;
        left: 50%;
        top: 674px;
        margin-left: -12px
    }

    .app-header .app-scroll-down svg {
        display: block;
        width: 24px;
        height: 24px
    }
}

.app-header-bottom {
    background-color: #fff
}

.app-header-bottom .container {
    padding-top: 60px;
    padding-bottom: 60px
}

.app-header-bottom .text-me-block .container {
    padding: 0
}

.app-header-bottom .text-me-block .text-back-form {
    display: flex;
    flex-direction: column
}

.app-header-bottom .text-me-block .subtitle {
    font-size: 34px;
    letter-spacing: .612px;
    text-align: center;
    color: #000
}

.app-header-bottom .text-me-block .tell-us-msg {
    font-size: 22.1px;
    text-align: center;
    color: #000;
    margin: 34px 0 20.4px
}

.app-header-bottom .text-me-block .input-wrapper {
    margin-bottom: 0
}

.app-header-bottom .text-me-block .notice {
    order: 10;
    position: static;
    width: auto;
    margin: 34px 25px 0;
    font-size: 20.4px
}



.img-fluid{max-width: 100%;height: auto;}


.heronav {
    display: flex;
    align-items: center;
    margin-top: 24px;
    justify-content: center;
    }
    .heronav li{position:relative;padding: 10px 30px;}
    .heronav li:before {
    content: "";
    display: block;
    width: 14px;
    height: 11px;
    background: url('../images/check.svg') no-repeat;
    margin-right: 4px;
    position:absolute;
    top: 17px;
    left: 9px;
}



.mt-20{margin-top: 20px !important;}
.mt-40{margin-top: 40px !important;}
.mb-2{margin-bottom: 10px !important;}

.mb-40{margin-bottom: 40px !important;} 

.mb-0{margin-bottom: 0px !important;}
.mx-auto{margin-left:auto;margin-right:auto;}
.pl-0{ padding-left:0px !important ; }
.pr-0{ padding-right:0px !important ; }
.px-0{ padding-right:0px !important ;padding-left:0px !important ; }
.font-lg{font-size: 18px; font-weight: 600;}
.font-light{font-weight: 200 !important;}
.text-center{text-align:center;}


.pt-60{ padding-top:60px !important ; }
.pb-60{ padding-bottom:60px !important ; }


.row, .d-flex{display: flex;flex-wrap: wrap;}
.col-lg-3 {width: 23.1%;}
.col-lg-4 {width: 31.53%;}
.col-lg-5 {width: 41.66666667%;}
.col-lg-6 {width: 48%;}
.col-lg-7 {width: 55.7%;}
.col-lg-8 {width: 66.66666667%;}
.col-lg-9 {width: 75%;}
.col-lg-12 {width: 100%;}
.col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-12 {flex: 0 0 auto;padding-right: 10px;padding-left: 10px;}

 .rating {display: inline-flex;justify-content: center;padding: 15px 0px 20px 0px;border-bottom: 1px solid #ccc;width: 140px;margin-bottom: 30px;}
 .rating li {
    background: url(../images/sprite-rs.png) no-repeat;
    background-size: 100px 147px;
    background-position: 0px -126px;
    height: 22.5px;
    width: 23.5px;
}

#sec2{}

.font20{font-size: 18px;}

#sec3{background:#f7f7f7;}
#sec3 h2, #sec4 h2, #sec7 h2, #sec8 h2, #sec9 h2, #sec10 h2, #sec12 h2{font-size: 30px;line-height: 35px;margin-bottom: 30px;font-weight:600;}

#sec3 .serviceBox{
    background:#fff;
    padding: 24px 20px 20px;
    border-radius: 12px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    border: 1px solid #fff;
    margin: 20px 0px;
    min-height: 150px;
    }

#sec3 .serviceBox h3{font-size:22px;display: flex;margin-bottom: 10px;}
#sec3 .serviceBox h3 img{margin-right:5px;}
#sec3 .serviceBox ul{
    list-style: disc;
    margin-left: 30px;
}
#sec3 .serviceBox ul li{
    font-weight: 300;
    margin-bottom: 3px;
}
#sec4 .achievementBox{
    padding: 10px 15px;
    margin: 30px 0px;
}

#sec4 .img-wrap{
    width: 70px;
    height: 70px;
    display: flex;
    margin: 0px auto 20px auto;
}
#sec4 .img-wrap svg{
    width: 60px;
    height: auto;
}
#sec4 p{font-size:16px; font-weight:300;}

#sec6{border-top:1px solid #ccc;}

#sec7 h3{font-size:22px; margin-bottom:20px;}

#sec7 ul li {
    padding: 8px 0px;
    font-size: 16px;
    font-weight: 300;
    display: flex;
}
#sec7 ul li img{margin-right: 13px;}


#sec8 .expertsBox{border:1px solid #ccc;border-radius: 30px;} 


#sec8 .expertsBox .Boxpadding{padding: 60px 80px;}
#sec8 .expertsBox .row{    width: 100%;
    flex-wrap: nowrap;} 
    
  #sec8 img{margin-left:auto;display: block;width: 80%;}  
    
    .demoSubjects .demoRow {
   animation: marquee 12.5s infinite linear;
        display: inline-block;
    white-space: nowrap;
    margin-bottom: 10px;
}


@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}


.demoRow:after {
  content: attr(data-text);
    
}
.demoSubjects .demoSubjects__title {
    /* font-family: Roboto, sans-serif; */
    font-size: 18px;
    line-height: 1.33;
    color: #4e526b;
    text-align: center;
}

.demoSubjects .demoItem {
    display: inline-block;
    font-size: 14px;
    line-height: 15px;
    padding: 10px 20px;
    background-color: #c2f2d1;
    color: #797c91;
    border-radius: 17.5px;
    margin-right: 15px;
    margin-bottom: 10px;
}
    

.demoSubjects .demoSubjects__list {
    overflow: hidden;
    margin-top: 27px;
    height: 90px;
}
    
#sec9 {}   

#sec9 .review_box{
    background:#fff;
    padding: 14px 13px;
    border: 1px solid #c8cfe7;
    border-radius: 15px; 
    }
#sec9 .item-title   {margin-bottom:10px;padding-bottom: 5px;height: 40px;position: relative;} 
#sec9 .item-title:after {
    content: "";
    display: block;
    width: 39px;
    height: 3px;
    border-radius: 1.5px;
    background-color: #24a652;
    bottom: 0px;
    position: absolute;
}
#sec9 .review_box p{font-weight: 300;font-style:italic;min-height: 100px;color: #6d7393;}    


#sec9  .p-3{padding: 15px 7.5px;}



#sec9  .review-slide .slider-prev, #sec9  .review-slide .slider-next {
    position: absolute;
    top: 44%;
    font-size: 30px;
}

#sec9  .review-slide .slider-prev {
    left: -35px;
}
#sec9  .review-slide .slider-next{right: -35px;}


.hp-new-how-help-block {
    text-align: center;
}

.popularbox, .popularbox2, .popularbox3{display: flex !important;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 300px;
    border-radius: 15px;
    padding: 35px 25px 0px 25px;
    margin-bottom: 20px;
    overflow: hidden;}


.popularbox{
    background-color: #feeda1;
    
    }
    
.popularbox .popular-btn, .popularbox2 .popular-btn, .popularbox3 .popular-btn{height: 41px;
    border-radius: 20.5px;
    background-color: #fff;
    padding: 0 24px;
    display: inline-flex;
    align-items: center;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    line-height: 1.5;
    color: #4e526b;}    
.popularbox .popular-btn:hover, .popularbox2 .popular-btn:hover, .popularbox3 .popular-btn:hover{cursor:pointer;text-decoration:underline;box-shadow: 0px 3px 5px #0000002b;}    
    
.popular-title{font-size: 18px;
    line-height: 1.5;
    color: #31354f;
    margin-top: 16px;
    text-align: center;
    letter-spacing: .24px;
    padding: 0 20px;}
    
.popular-img{
    width: 170px !important;
    margin-top: 20px;
    height: 170px !important;
}

.popularbox2{
    background-color: #c2f2d1;
    }
    

.popularbox3{
    background-color: #cdd8f9;
    }

#sec10 h3{font-size:22px;}

.positiveBox{border:1px solid #000}


.positive-reviews{}

.positiveBox{
    background:#fff;
    padding: 20px 24px;
    border: 1px solid #c8cfe7;
    border-radius: 5px;
    }
.positiveBox p{min-height:150px;font-weight: 300;font-size: 14px;margin-top: 10px;line-height: 20px;}

.slick-center {
  transform: scale(1.08);
}
.slick-center .positiveBox{
    box-shadow: 0px 12px 8px -11px #00000061;
}

.positiveBox .font20 {
    font-size: 18px;
}

.slick-active {
  padding: 20px 0;
}
.slick-slide:not(.slick-active) {
  margin: 20px 0;
}
.positiveBox img{width: 30%;}

/*.centerslide{padding:10px;}*/

/*.slick-active {*/
/*  padding: 20px 0;*/
/*}*/

/*.slick-center {*/
/*  transform: scale(1.08); background:#525*/
/*}*/

/*.slick-slide:not(.slick-active) {*/
/*  margin: 20px 0;*/
/*}*/



/*.slide:not(.slick-active) {*/
/*  cursor: pointer;*/
/*}*/

.bglight{
    margin-top:50px;
    border-radius: 15px;
    background-color: #f7f8fa;
    padding: 33px 80px 0px 80px;
    flex-wrap: nowrap;
    }
.bglight .row{
    flex-wrap: nowrap;
}

.bglight img{margin-left:auto;display:block;}

#sec12 h2{margin: 10px 0px;}

#sec12 .bglight p{font-size:16px;font-weight: 300;}

.our-prices-subtitle{margin-top:30px;font-size: 20px;
    font-weight: 500;
    line-height: 1.79;
    color: #24a652;}



#inner-header{    border-bottom: 1px solid #dadce6;
    position: relative;
    height: 100px;}

#inner-header .header-menu-item a{        color: #1d1d1d;}



.how-it-intro-block .intro-title {
    font-size: 40px;
    font-weight: 300;
    color: #4e526b;
    margin-bottom: 13px
}


.how-it-intro-block {
    color: #4e526b
}

.how-it-intro-block .intro-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 86px;
    margin: 0 -40px
}

.how-it-intro-block .intro-list .intro-item {
    width: 25%;
    margin: 0 40px 50px;
    box-sizing: border-box
}

.mt-5{margin-top:3rem;}

.intro-list{margin-top:30px !important;}




@media only screen and (max-device-width: 1198px) {
    .about-us-banner {
        height:956px;
        background: url('../images/about-us-banner-handheld.jpg') no-repeat center center;
        background-size: cover
    }
}

@media only screen and (min-device-width: 1199px) {
    .about-us-banner {
        height:656px;
        background: url('../images/about-us-banner-wide-screen.jpg') no-repeat center center;
        background-size: cover
    }
}

.about-us-title {
    color: #fff;
    text-align: center
}

.about-us-title .heart-icon {
    fill: #ECEEF0;
    vertical-align: middle
}

@media only screen and (max-device-width: 1198px) {
    .about-us-title {
        padding-top:55px;
        font-size: 70px
    }

    .about-us-title .heart-icon {
        width: 68px;
        height: 62px
    }
}

@media only screen and (min-device-width: 1199px) {
    .about-us-title {
        padding-top:45px;
        font-size: 60px
    }

    .about-us-title .heart-icon {
        width: 58px;
        height: 53px
    }
}

.about-us-intro-block {
    background-color: #ECEEF0;
    font-family: "Open Sans",sans-serif;
    text-align: center;
    color: #4e526b
}

.about-us-intro-block .intro-title {
    font-weight: 700
}

@media only screen and (max-device-width: 1198px) {
    .about-us-intro-block {
        font-size:28px;
        line-height: 45px
    }

    .about-us-intro-block .container {
        padding: 70px 40px
    }

    .about-us-intro-block .intro-title {
        padding-bottom: 40px
    }
}

@media only screen and (min-device-width: 1199px) {
    .about-us-intro-block {
        font-size:16px;
        line-height: 25px
    }

    .about-us-intro-block .container {
        padding: 30px 50px
    }
}

@media only screen and (max-device-width: 1198px) {
    .about-us-title2 {
        font-size:66px
    }
}

@media only screen and (min-device-width: 1199px) {
    .about-us-title2 {
        font-size:40px
    }
}

.about-us-our-mission-block {
    background-color: #fff;
    text-align: center;
    color: #4e526b
}

@media only screen and (max-device-width: 1198px) {
    .about-us-our-mission-block {
        text-align:center
    }

    .about-us-our-mission-block .container {
        padding-top: 55px;
        padding-bottom: 65px
    }

    .about-us-our-mission-block .about-us-title2 {
        margin-bottom: 40px
    }

    .about-us-our-mission-block p {
        font-size: 33px;
        line-height: 49px
    }

    .about-us-our-mission-block .about-us-our-mission-img {
        padding: 0 0 20px 30px
    }

    .about-us-our-mission-block .about-us-our-mission-img svg {
        width: 229px;
        height: 211px
    }
}

@media only screen and (min-device-width: 1199px) {
    .about-us-our-mission-block .container {
        padding-top:55px;
        padding-bottom: 65px
    }

    .about-us-our-mission-block .about-us-our-content {
        float: left;
        width: 630px;
        text-align: left
    }

    .about-us-our-mission-block .about-us-our-content p {
        font-size: 20px;
        line-height: 30px
    }

    .about-us-our-mission-block .about-us-title2 {
        margin-bottom: 25px
    }

    .about-us-our-mission-block .about-us-our-mission-img {
        float: right;
        padding-right: 45px
    }

    .about-us-our-mission-block .about-us-our-mission-img svg {
        width: 233px;
        height: 213px
    }
}

.about-us-meet-our-nerds-block {
    background-color: #F7F8FA;
    text-align: center;
    color: #4e526b
}

@media only screen and (max-device-width: 1198px) {
    .about-us-meet-our-nerds-block .container {
        padding:50px 37px 5px
    }

    .about-us-meet-our-nerds-block .about-us-title2 {
        margin-bottom: 25px
    }
}

@media only screen and (min-device-width: 1199px) {
    .about-us-meet-our-nerds-block .container {
        padding-top:35px;
        padding-bottom: 25px
    }

    .about-us-meet-our-nerds-block .about-us-title2 {
        margin-bottom: 20px
    }
}

@media only screen and (max-device-width: 1198px) {
    .about-us-meet-our-nerds-block .meet-our-nerds-txt {
        font:28px/45px "Open Sans",sans-serif;
        padding-bottom: 35px
    }
}

@media only screen and (min-device-width: 1199px) {
    .about-us-meet-our-nerds-block .meet-our-nerds-txt {
        font:16px/25px "Open Sans",sans-serif
    }
}

.about-us-meet-our-nerds-block .nerd-list {
    font-family: "Open Sans",sans-serif
}

.about-us-meet-our-nerds-block .nerd-list li {
    text-align: center
}

@media only screen and (max-device-width: 1198px) {
    .about-us-meet-our-nerds-block .nerd-list li {
        padding:60px 0 55px
    }

    .about-us-meet-our-nerds-block .nerd-list li:not(:first-child) {
        border-top: 3px solid #ECEEF0
    }
}

@media only screen and (min-device-width: 1199px) {
    .about-us-meet-our-nerds-block .nerd-list {
        padding:55px 40px 0;
        text-align: justify
    }

    .about-us-meet-our-nerds-block .nerd-list:after {
        content: '';
        display: inline-block;
        width: 100%
    }

    .about-us-meet-our-nerds-block .nerd-list li {
        display: inline-block;
        vertical-align: top;
        width: 210px
    }
}

.about-us-meet-our-nerds-block .nerd-list .nerd-list-title {
    font-family: "rockwellb",serif
}

@media only screen and (max-device-width: 1198px) {
    .about-us-meet-our-nerds-block .nerd-list .nerd-list-title {
        font-size:49px;
        margin-bottom: 20px
    }
}

@media only screen and (min-device-width: 1199px) {
    .about-us-meet-our-nerds-block .nerd-list .nerd-list-title {
        font-size:20px;
        min-height: 65px
    }
}

.about-us-meet-our-nerds-block .nerd-list .nerd-list-img {
    border-radius: 50%
}

@media only screen and (max-device-width: 1198px) {
    .about-us-meet-our-nerds-block .nerd-list .nerd-list-img {
        width:272px;
        height: 272px
    }
}

@media only screen and (min-device-width: 1199px) {
    .about-us-meet-our-nerds-block .nerd-list .nerd-list-img {
        width:165px;
        height: 165px
    }
}

.about-us-meet-our-nerds-block .nerd-list .nerd-name {
    font-weight: 700
}

@media only screen and (max-device-width: 1198px) {
    .about-us-meet-our-nerds-block .nerd-list .nerd-name {
        font-size:49px;
        margin: 25px 0 10px
    }
}

@media only screen and (min-device-width: 1199px) {
    .about-us-meet-our-nerds-block .nerd-list .nerd-name {
        font-size:20px;
        line-height: 25px;
        margin: 15px 0 7px
    }
}

@media only screen and (min-device-width: 1199px) {
    .about-us-meet-our-nerds-block .nerd-list .nerd-list-item-info {
        position:relative;
        padding-top: 40px
    }
}

.about-us-meet-our-nerds-block .nerd-list .nerd-profile {
    display: inline-block;
    color: #0077b5;
    text-align: left;
    border-radius: 2px
}

.about-us-meet-our-nerds-block .nerd-list .nerd-profile .in-icon {
    fill: #0077b5;
    vertical-align: top
}

.about-us-meet-our-nerds-block .nerd-list .nerd-profile span {
    display: inline-block;
    font-size: 11px;
    color: #0077b5;
    vertical-align: top;
    padding: 0 3px
}

@media only screen and (max-device-width: 1198px) {
    .about-us-meet-our-nerds-block .nerd-list .nerd-profile {
        width:231px;
        height: 40px;
        border: 2px solid #0077b5;
        padding: 7px
    }

    .about-us-meet-our-nerds-block .nerd-list .nerd-profile .in-icon {
        width: 40px;
        height: 40px
    }

    .about-us-meet-our-nerds-block .nerd-list .nerd-profile span {
        font-size: 29px;
        padding-left: 13px
    }
}

@media only screen and (min-device-width: 1199px) {
    .about-us-meet-our-nerds-block .nerd-list .nerd-profile {
        position:absolute;
        top: 0;
        left: 50%;
        margin-left: -47px;
        height: 16px;
        width: 90px;
        border: 1px solid #0077b5;
        padding: 2px
    }

    .about-us-meet-our-nerds-block .nerd-list .nerd-profile .in-icon {
        width: 16px;
        height: 16px
    }

    .about-us-meet-our-nerds-block .nerd-list .nerd-profile span {
        font-size: 11px;
        padding: 0 3px
    }
}

.about-us-meet-our-nerds-block .nerd-list .nerd-graduated span {
    display: block
}

@media only screen and (max-device-width: 1198px) {
    .about-us-meet-our-nerds-block .nerd-list .nerd-graduated {
        font-size:21px;
        margin-bottom: 25px
    }

    .about-us-meet-our-nerds-block .nerd-list .nerd-graduated span {
        font-size: 28px
    }
}

@media only screen and (min-device-width: 1199px) {
    .about-us-meet-our-nerds-block .nerd-list .nerd-graduated {
        font-size:14px;
        line-height: 16px;
        margin-bottom: 20px
    }

    .about-us-meet-our-nerds-block .nerd-list .nerd-graduated span {
        font-size: 16px;
        line-height: 1.2;
        font-weight: 700
    }
}

@media only screen and (max-device-width: 1198px) {
    .about-us-meet-our-nerds-block .nerd-list .nerd-slogan {
        font-size:28px;
        line-height: 1.2;
        margin-bottom: 35px
    }
}

@media only screen and (min-device-width: 1199px) {
    .about-us-meet-our-nerds-block .nerd-list .nerd-slogan {
        font-size:14px;
        line-height: 1.2
    }
}

.policy-page h2{ font-size: 28px;
    display: contents;
}
.policy-page h3{padding-left: 45px;font-size: 22px;margin:20px 0px 10px 0px; font-weight:500; color: #657e93;}
.policy-page ol{
    display: flex;
    width: 100%;
}

.policy-page ol li{font-size: 28px;font-weight: 600;color: #657e93;}



/* Fixed CTA Buttons - Start */
.call-box {
    position: fixed;
    display: flex;
    align-items: center;
    width: 80px;
    column-gap: 10px;
    bottom: 80px;
    z-index: 2000;
    overflow: hidden;
    left: 10px;
    padding: 10px;
    animation: mover 0.4s infinite alternate;
    transition: background-color 0.3s ease-in-out, width 0.3s ease-in-out;
    border-radius: 16px;
    
}

.call-box:hover{
    cursor: pointer;
}
.call-box .call-image {
     width: 100px;
    height: 60px;
    object-fit: contain;
    transition: transform 0.3s ease-in-out;
}

.call-box .drawer {
    width: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: width 0.3s ease-in-out;
    white-space: nowrap;
    overflow: hidden;
}
.call-box .drawer a {
    color: #fff;
    font-size: 16px;
}

.call-box .drawer a:hover {
  
    font-size: 16px;
    text-decoration: underline #f92d00 2px ;
}
.call-box:hover {
    background-color: #333;
    width: 335px;
    animation: none;
}

.call-box:hover .call-image {
    width: 85px;
}

.call-box:hover .drawer {
    width: min-content; /* Show the drawer on hover */
}

.call-box i.fa.fa-phone {
   
    transform: rotate(113deg);
}

.floating-social-icons .wa-btn {
    font-weight: 600;
    vertical-align: middle;
    padding: 12px;
    position: fixed;
    bottom: 10px;
    left: 10px;
    background-color: #023838;
    color: #FFF !important;
    border-radius: 0 10px 0;
    text-align: center;
    font-size: 18px;
    z-index: 100000000;
    border: 2px solid #023838;
    animation: headShake 2s infinite;
}
.floating-social-icons .wa-btn::after {
    content: "2";
    position: absolute;
    border: 2px solid #fbfbfb;
    width: 26px;
    height: 26px;
    color: #fbfbfb;
    font-size: 16px;
    top: -19px;
    right: 20px;
    border-radius: 50%;
    background-color: #bf1212;
    box-sizing: border-box;

}
.floating-social-icons .wa-btn a{
     color: #FFF !important;
}
/* Fixed CTA Buttons - End */

.become-a-nerd-btn:hover{box-shadow:0px 3px 5px #00000047;}


.popup-heading{font-size: 38px!important;text-align: center;line-height: 40px;margin-bottom: 25px;}
.popup-heading span{color:#078fd0!important}

.main-btn-circle{
	position: relative;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	color: #FFFFF0;
	background-color: #c1c0c0;
	text-transform: uppercase;
	font-size: 25px;
	letter-spacing: 1px;
	outline: none;
	cursor: pointer;
	z-index: 100;
}
/*.main-btn-rect {*/
/*	padding: 10px 80px;*/
/*	line-height: 30px;*/
/*}*/

.main-btn-circle{
	height: 40px;
	width: 40px;
	-webkit-border-radius: 50%;
	border-radius: 100%;
	line-height: 40px;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.main-btn-circle:hover{   
  -webkit-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
  -moz-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
  box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
}
.popup{
  position: fixed;
  top: 100%;
  width: 100%;
  height: 100%;
  z-index: 10001;
  left: 0;
}
.popup.active{
  top:0;
  background-color: rgb(3 3 3 / 66%);
  transition: background-color .6s ,opacity .6s;
}
.popup .main-btn-rect{
  padding: 10px 100px;
}
.popup .popup-content{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 35%;
  margin-top: 150px;
  padding: 40px 90px;
  background-color: #FFFFF0;
  color: #070000;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transition: margin .6s;
  -webkit-transition: margin .6s;
  -moz-transition: margin .6s;
  -o-transition: margin .6s;
}
.popup.active .popup-content{
  margin-top: 0px;
}


form#send input, form#send select{
	position: relative;
	margin-bottom: 20px;
	width: 100%;
	height: 46px;
	outline: 0;
	border: 1px solid #070000;
	padding: .5rem 1rem;
	font-size: 18px;
	font-weight: 300;
	border-radius: 3px;
}
form#send input:focus,
form#send textarea:focus{
	border-bottom: 1px solid rgb(63, 173, 168); 
}


form#send .txt{
	line-height: 22px;
	left: 2px;
}
form#send .main-btn-rect {
	color: #fff;
    background-color: #0097dc;
    border: #ffdead;
    border-radius: 5px;
    width: 100%;
    padding: 17px;
    font-weight: 700;
    font-size: 18px;
    margin-bottom:20px;
}

.popup .fade-out{
  position: absolute;
  top: 5px;
  right: 5px;
  text-align: center;
  font-size: 15px;
}

.iti {
    margin-bottom: 20px;
    width: 100%;}
    
.iti input{padding-left:50px !important;}    



@media only screen and (max-width: 768px){
  h1 {font-size: 25px;}
  h2 {font-size: 14px;}
  form#send .main-btn-rect {padding: 7px 60px; font-size: 14px;}
  .popup-btn{padding: 7px 60px; font-size: 14px;}
}

 #popup1 {
    display: none;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 70%);
}

.popup-content {
    background-color: #cdcdcd;
    margin: 8% auto;
    padding: 30px;
    border: 1px solid #888;
    width: 420px;
    border-radius: 30px;
    position: relative;
    z-index: 9999;
}
.popup-content h3{
    font-size: 30px;
    width: 80%;
    margin: 0px auto;
    font-weight: 500;
    text-align: center;
    line-height: 28px;
    margin-bottom: 20px;
}

.popup-content input, .popup-content select{width: 100%;
    margin-top: 15px;
    border: 1px solid #fff;
    border-radius: 100px;
    height: 50px;
    font-size: 16px;
    font-family: poppins;
    color: var(--tblack);
    padding-left: 20px;
    background: #ffffff;}
.btn_pink{
    background-color: #a90b16;
    border: 2px solid var(--tpink);
    border-radius: 100px;
    padding: 18px 25px !important;
    transition: 0.5s ease-in-out;
    font-size: 17px !important;
    margin-left: 5px;
    font-weight: 600;
    width: 100%;
    margin-top: 20px;
    color: #fff !important;
    font-family: auto;
    }
 .close {
    margin: 0;
    top: -10px;
    color: #000 !important;
    background-color: #fff;
    opacity: 1;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    position: absolute;
    font-size: 40px;
    right: -5px;
    display: block;
    line-height: 38px;
    text-align: center;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}