@font-face {
    font-family: 'Mulish';
    src: url('Fonts/Mulish-ExtraBold.ttf');
    font-weight: 800;
    font-style: normal;
	font-display: fallback;
}

@font-face {
    font-family: 'Mulish';
    src: url('Fonts/Mulish-Bold.ttf');
    font-weight: 600;
    font-style: normal;
	font-display: fallback;
}

@font-face {
    font-family: 'Mulish';
    src: url('Fonts/Mulish-Medium.ttf');
    font-weight: 500;
    font-style: normal;
	font-display: fallback;
}

.grecaptcha-badge {
    display: none;
}

/* Cookie Policy Begin */

.faq .text-default p a {
	color: #0e3359!important;
}

.cookie-input-group {
	margin-top: 15px;
    display: flex;
}
.btn-popup-close a {
    color: #ffffff;
}

.switch {
    margin: 0;
    padding: 0;
}

.cookie-input {
    width: 50%;
    display: flex;
    align-items: center;
}

.cookie-input>label {
    font-weight: normal;
    font-size: 16px;
    color: #162e4c;
    margin-left: 0.2rem;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: #ffffff;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #0e3359;
}

input:focus+.slider {
    box-shadow: 0 0 1px #ffffff;
}

input:checked+.slider:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
}

.slider.round {
    border-radius: 18px;
}

.slider.round:before {
    border-radius: 50%;
}

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
}

.cookie-sticky-flex {
    display: flex!important;
}

.cookie-sticky-wrap {
    z-index: 1000;
    position: fixed;
    bottom: 0;
    left: 0;
	padding: 10px!important;
    width: 100%;
    height: 70px;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.050);
    -moz-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.050);
    box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.050);
}

.cookie-sticky-container {
    width: 70%;
}

.cookie-sticky-body {
    display: flex;
    justify-content: space-between;
	align-items: center;
}

.cookie-sticky-body p {
    font-size: 16px;
}

.cookie-sticky-body p a {
	color: #0e3359;
}

.cookie-sticky-body > a {
	font-size: 16px;
	width: 200px;
    display: flex;
    width: 2rem;
    height: .5rem;
	color: #0e3359;
    border: 2px solid #0e3359;
	justify-content: center;
	align-items: center;
}

.cookie-sticky-body>a:hover {
	box-shadow: 0 0.09rem 0.18rem rgb(101 35 52 / 27%);
}

/* Cookie Policy End */

/* General Bootstrap */

html, body {
    font-size: 5.20833333vw;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant-ligatures: none;
    font-family: "Mulish";
    position: relative;
    min-height: 100vh;
    background-color: white;
}

body {
    overflow-x: hidden;
    overflow-y: auto;
}

html.lock {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden !important;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none !important;
}

    *:focus {
        outline: none !important;
    }

a {
    text-decoration: none;
}

strong {
    font-weight: 700;
}

.clearfix {
    clear: both;
}

.vcenter {
    font-size: 0;
}

    .vcenter > * {
        display: inline-block;
        vertical-align: middle;
    }

    .vcenter:before {
        content: '';
        display: inline-block;
        height: 100%;
        width: 0;
        vertical-align: middle;
    }

/* Social Icons */

a.social-icon {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    display: inline-block;
}

    a.social-icon:before {
        font-family: FontAwesome;
        font-size: inherit;
        color: inherit;
        line-height: inherit;
    }

    a.social-icon.facebook:before {
        content: '\f09a';
    }

    a.social-icon.facebook-square:before {
        content: '\f082';
    }

    a.social-icon.facebook-official:before {
        content: '\f230';
    }

    a.social-icon.twitter:before {
        background-image: url(Icons/X-logo-purple.png);
        content: '';
        background-repeat: no-repeat;
        background-size: 12px 12px;
        width: 12px;
        height: 12px;
        display: block;
    }

    a.social-icon.twitter-square:before {
        content: '\f081';
    }

    a.social-icon.youtube:before {
        content: '\f16a';
    }

    a.social-icon.instagram:before {
        content: '\f16d';
    }

    a.social-icon.linkedin:before {
        content: '\f0e1';
    }

    a.social-icon.whatsapp:before {
        content: '\f232';
    }

    a.social-icon.facebook:hover,
    a.social-icon.facebook-square:hover,
    a.social-icon.facebook-official:hover {
        color: #3c5a96;
    }

    a.social-icon.facebook:active,
    a.social-icon.facebook-square:active,
    a.social-icon.facebook-official:active {
        color: #253e6f;
    }

    a.social-icon.twitter:hover,
    a.social-icon.twitter-square:hover {
        color: #1dcaff;
    }

    a.social-icon.twitter:active,
    a.social-icon.twitter-square:active {
        color: #00aced;
    }

    a.social-icon.youtube:hover {
        color: #e03130;
    }

    a.social-icon.youtube:active {
        color: #b11618;
    }

    a.social-icon.instagram:hover {
        color: #EE583F;
    }

    a.social-icon.instagram:active {
        color: #BD3381;
    }

    a.social-icon.linkedin:hover {
        color: #1176b5;
    }

    a.social-icon.linkedin:active {
        color: #0f496a
    }

    a.social-icon.whatsapp:hover {
        color: #25D366;
    }

    a.social-icon.whatsapp:active {
        color: #128C7E;
    }

/* Items */

/* Slide Check */

.custom-slide-box {
    position: relative;
    width: 100%;
    font-family: "Mulish";
    font-size: .11rem;
    font-weight: 500;
}

    .custom-slide-box [type="checkbox"]:not(:checked),
    .custom-slide-box [type="checkbox"]:checked {
        position: absolute;
        left: -9999px;
    }

        .custom-slide-box [type="checkbox"]:not(:checked) + label,
        .custom-slide-box [type="checkbox"]:checked + label {
            position: relative;
            font-size: inherit;
            padding-right: 6.5em;
            cursor: pointer;
        }

            .custom-slide-box [type="checkbox"]:not(:checked) + label:before,
            .custom-slide-box [type="checkbox"]:checked + label:before {
                content: '';
                position: absolute;
                right: 0;
                top: -.3333em;
                width: 4.2em;
                height: 1.82em;
                border-radius: 1em;
                border: 1px solid #c0c6cd;
                background-color: #eef2f4;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                transition: .15s all ease;
                -webkit-transition: .15s all ease;
                -ms-transition: .15s all ease;
                -moz-transition: .15s all ease;
                -o-transition: .15s all ease;
            }

            .custom-slide-box [type="checkbox"]:not(:checked) + label:after,
            .custom-slide-box [type="checkbox"]:checked + label:after {
                content: '';
                position: absolute;
                display: block;
                width: 1.091em;
                height: 1.091em;
                right: 2.727em;
                top: 0;
                border-radius: 1em;
                background: #1b334f;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                transition: .25s all ease;
                -webkit-transition: .25s all ease;
                -ms-transition: .25s all ease;
                -moz-transition: .25s all ease;
                -o-transition: .25s all ease;
            }

            .custom-slide-box [type="checkbox"]:checked + label:after {
                right: .36364em;
            }

            .custom-slide-box [type="checkbox"]:checked + label:before {
                background: transparent;
            }

/* Text */

.pre-title {
    font-weight: 600;
    font-size: .16rem;
    line-height: 1em;
    letter-spacing: .05em;
    color: #1b334f;
}

.title-default {
    margin-top: .08rem;
    font-weight: 600 !important;
    font-size: .62rem !important;
    line-height: 1em !important;
    color: #0e3359;
}

    .title-default:after {
        content: '';
        display: block;
        width: .57rem;
        height: .05rem;
        margin-top: .25rem;
        margin-bottom: .25rem;
        margin-left: auto;
        margin-right: auto;
        background: #0e3359;
    }

    .title-default * {
        font-weight: 600 !important;
        font-size: .62rem !important;
        line-height: 1em !important;
    }

.text-default {
    font-weight: 500;
    font-size: .2rem !important;
    line-height: 1.6em !important;
    color: #162e4c;
}

    .text-default.light {
        color: #fafafa;
    }

    .text-default * {
        font-size: .2rem !important;
        line-height: 1.6em !important;
    }

    .text-default table {
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        display: block !important;
        border: none !important;
        overflow: auto !important;
        border-collapse: collapse !important;
        border-spacing: 0 !important;
    }

        .text-default table th {
            width: auto !important;
            height: auto !important;
        }

        .text-default table tr {
            width: auto !important;
            height: auto !important;
        }

        .text-default table td {
            width: auto !important;
            height: auto !important;
            border: none !important;
            border: 1px solid #ccc !important;
            line-height: 1.5em !important;
            padding: .1rem !important;
        }

            .text-default table td br {
                display: none;
            }

/* Buttons */

.btn-default {
    position: relative;
    display: inline-block;
    width: 2.12rem;
    height: .62rem;
    font-size: 0;
    text-align: center;
    background: #0e3359;
}

    .btn-default:before {
        content: '';
        display: inline-block;
        height: 100%;
        width: 0;
        vertical-align: middle;
    }

    .btn-default:hover {
        background: #0e3359;
        box-shadow: 0 .09rem .18rem rgba(101, 35, 52, .27);
    }

    .btn-default:active {
        background: #0e3359;
        box-shadow: none;
    }

    .btn-default span {
        display: inline-block;
        vertical-align: middle;
        font-weight: 800;
        font-size: .15rem;
        line-height: 1.2em;
        letter-spacing: .05em;
        color: white;
    }

    .btn-default.white {
        background: white;
    }

        .btn-default.white span {
            color: #0e3359;
        }

        .btn-default.white:hover {
            background: #f2f2f2;
        }

        .btn-default.white:active {
            background: white;
        }

.btn-scroll-next {
    position: relative;
    display: inline-block;
    margin-top: .36rem;
}

    .btn-scroll-next:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: .43rem;
        height: .43rem;
        margin-right: .2rem;
        background: #0e3359;
        border-radius: .25rem;
    }

    .btn-scroll-next:hover:before {
        background: #0e3359;
        box-shadow: .09rem .16rem .29rem rgba(104,32,51,.21);
    }

    .btn-scroll-next:active:before {
        background: #0e3359;
        box-shadow: none;
    }

    .btn-scroll-next:after {
        content: '\f107';
        position: absolute;
        display: inline-block;
        top: 50%;
        left: .22rem;
        margin-top: -.01rem;
        font-family: FontAwesome;
        font-size: .3rem;
        color: white;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

    .btn-scroll-next span {
        display: inline-block;
        vertical-align: middle;
        font-weight: 800;
        font-size: .15rem;
        line-height: 1em;
        color: #0e3359;
    }

.btn-show-more {
    position: relative;
    display: inline-block;
    width: 3.96rem;
    height: .51rem;
    margin-top: .45rem;
    text-align: center;
    border: 2px solid #0e3359;
}

    .btn-show-more:hover {
        box-shadow: 0 0.09rem 0.18rem rgba(101, 35, 52, .27);
    }

    .btn-show-more:active {
        box-shadow: none;
    }

    .btn-show-more span {
        font-weight: 800;
        font-size: .14rem;
        line-height: 1em;
        letter-spacing: .05em;
        color: #0e3359;
    }

    .btn-show-more:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: .13rem;
        height: .18rem;
        margin-left: .17rem;
        background-image: url(Icons/arrow-down.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .btn-show-more.right:after {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
    }

.btn-see-all {
    position: relative;
    display: inline-block;
    width: 3.96rem;
    height: .51rem;
    margin-top: .45rem;
    text-align: center;
    border: 2px solid #0e3359;
}

    .btn-see-all:hover {
        box-shadow: 0 0.09rem 0.18rem rgba(101, 35, 52, .27);
    }

    .btn-see-all:active {
        box-shadow: none;
    }

    .btn-see-all span {
        font-weight: 800;
        font-size: .14rem;
        line-height: 1em;
        letter-spacing: .05em;
        color: #0e3359;
    }

    .btn-see-all:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: .18rem;
        height: .13rem;
        margin-left: .17rem;
        background-image: url( Icons/arrow-right.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

/* Boxes */

.campaign-box {
    position: relative;
    width: 100%;
    font-size: 0;
    text-align: center;
    box-shadow: -.09rem .21rem .29rem rgba(0,0,0, .075);
}

    .campaign-box .box-header {
        padding: .25rem .18rem;
        background-image: url(Icons/box-header-bg.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

        .campaign-box .box-header .quota {
            font-weight: 600;
            font-size: .45rem;
            line-height: 1em;
            color: white;
        }

        .campaign-box .box-header .desc {
            margin-top: .2rem;
            font-weight: 600;
            font-size: .14rem;
            line-height: 1.92em;
            letter-spacing: .05em;
            color: white;
            height: .3rem;
        }

        .campaign-box .box-header .pre-name {
            margin-top: .08rem;
            font-weight: 900;
            font-size: .16rem !important;
            line-height: 1.27em !important;
            color: white;
        }

            .campaign-box .box-header .pre-name * {
                font-size: .21rem !important;
                line-height: 1.27em !important;
            }

        .campaign-box .box-header .name {
            margin-top: .2rem;
            font-weight: 500;
            font-size: .22rem !important;
            line-height: 1.27em !important;
            color: white;
        }

            .campaign-box .box-header .name * {
                font-size: .22rem !important;
                line-height: 1.27em !important;
            }

        .campaign-box .box-header .social {
            margin-top: .18rem;
            font-size: .3rem;
            cursor: default;
        }

            .campaign-box .box-header .social .social-icon {
                color: #ffffff;
                font-size: inherit;
                line-height: inherit;
                display: inline-block;
                vertical-align: middle;
            }

                .campaign-box .box-header .social .social-icon + .social-icon {
                    margin-left: .12rem;
                }

                .campaign-box .box-header .social .social-icon:before {
                    font-family: FontAwesome;
                    font-size: inherit;
                    color: inherit;
                    line-height: inherit;
                }

                .campaign-box .box-header .social .social-icon.facebook:before {
                    content: '\f09a';
                }

                .campaign-box .box-header .social .social-icon.twitter:before {
                        background-image: url(Icons/X-logo-white.png);
    			content: '';
    			background-repeat: no-repeat;
    			background-size: 18px 18px;
    			width: 18px;
    			height: 18px;
    			display: block;
		
                }

                .campaign-box .box-header .social .social-icon.youtube:before {
                    content: '\f16a';
                }

                .campaign-box .box-header .social .social-icon.instagram:before {
                    content: '\f16d';
                }

                .campaign-box .box-header .social .social-icon.whatsapp:before {
                    content: '\f232';
                }

                .campaign-box .box-header .social .social-icon.yaay img {
                    height: .21rem;
                    width: auto;
                }

                .campaign-box .box-header .social .social-icon.bip img {
                    height: .26rem;
                    width: auto;
                }

    .campaign-box .box-body {
        padding-left: .18rem;
        padding-right: .18rem;
        padding-top: .48rem;
        padding-bottom: .36rem;
        background-image: url(Icons/box-content-bg.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

        .campaign-box .box-body .text {
            font-weight: 600;
            font-size: .22rem;
            line-height: 1em;
            color: #0e3359;
        }

        .campaign-box .box-body .desc {
            margin-top: .05rem;
            font-weight: 600;
            font-size: .12rem;
            line-height: 1em;
            color: #1b334f;
        }

        .campaign-box .box-body .info-item {
            display: inline-block;
            vertical-align: middle;
            width: 50%;
            text-align: center;
        }

        .campaign-box .box-body .price {
            display: block;
            margin-top: .32rem;
            text-align: center;
        }

            .campaign-box .box-body .price .pre-text {
                display: inline-block;
                vertical-align: middle;
                font-size: .22rem;
                line-height: 1.2em;
                color: #0e3359;
                font-weight: 600;
            }

            .campaign-box .box-body .price .text {
                margin-top: .02rem;
                font-size: 0;
            }

                .campaign-box .box-body .price .text span {
                    display: inline-block;
                    vertical-align: middle;
                    font-size: .56rem;
                    line-height: 1em;
                    font-weight: 600;
                }

                .campaign-box .box-body .price .text:after {
                    content: '';
                    display: inline-block;
                    vertical-align: middle;
                    width: .2rem;
                    height: .28rem;
                    margin-left: .08rem;
                    font-size: 0;
                    background-image: url(Icons/icon-tl.png);
                    background-size: contain;
                    background-position: center;
                    background-repeat: no-repeat;
                }

            .campaign-box .box-body .price .desc {
                margin-top: .05rem;
            }

        .campaign-box .box-body .btn-default {
            margin-top: .28rem;
        }

/* Breadcrumb */

.breadcrumb {
    position: relative;
    padding: .06rem .55rem;
    font-size: 0;
}

section .breadcrumb {
    position: absolute;
    top: .25rem;
    left: .5rem;
    padding: 0;
    opacity: .55;
}

    section .breadcrumb.dark {
        opacity: 1;
    }

.breadcrumb a:first-child:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: .11rem;
    height: .12rem;
    margin-bottom: .02rem;
    margin-right: .08rem;
    background-image: url(Icons/icon-home-dark.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

section .breadcrumb a:first-child:before {
    background-image: url(Icons/icon-home.png);
}

section .breadcrumb.dark a:first-child:before {
    background-image: url(Icons/icon-home-dark.png);
}

.breadcrumb span {
    display: inline-block;
    vertical-align: middle;
    font-weight: 800;
    font-size: .12rem;
    line-height: 1em;
    letter-spacing: .05em;
    color: #1b334f;
}

section .breadcrumb span {
    font-weight: 600;
    color: white;
}

section .breadcrumb.dark span {
    font-weight: 800;
    color: #1b334f;
}

section .breadcrumb a.item:hover span {
    color: white;
    opacity: .8;
}

section .breadcrumb.dark a.item:hover span {
    color: #2e5580;
    opacity: 1;
}

section .breadcrumb a.item:active span {
    color: white;
    opacity: 1;
}

section .breadcrumb.dark a.item:active span {
    color: #1b334f;
}

.breadcrumb .item {
    display: inline-block;
    vertical-align: middle;
}

.breadcrumb a.item:hover span {
    color: #2e5580;
}

.breadcrumb a.item:active span {
    color: #1b334f;
}

.breadcrumb .item + .item {
    margin-left: .1rem;
}

    .breadcrumb .item + .item:before {
        content: '\f105';
        display: inline-block;
        vertical-align: middle;
        margin-right: .1rem;
        margin-bottom: .02rem;
        font-family: FontAwesome;
        font-weight: 300;
        font-size: .2rem;
        color: #1b334f;
    }

section .breadcrumb .item + .item:before {
    color: white;
}

section .breadcrumb.dark .item + .item:before {
    color: #1b334f;
}

.breadcrumb div.item {
    cursor: default;
}

    .breadcrumb div.item span {
        position: relative;
    }

        .breadcrumb div.item span:after {
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            height: 1px;
            left: 0;
            top: 100%;
            background: #c6ccd3;
        }

section .breadcrumb div.item span:after {
    background: white;
}

section .breadcrumb.dark div.item span:after {
    background: #c6ccd3;
}

/* Triangle */

.triangle-wrapper {
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
}

    .triangle-wrapper.top {
        bottom: auto;
        top: 2.4rem;
    }

    .triangle-wrapper .left {
        position: absolute;
        width: 3.22rem;
        left: 0;
        bottom: -.56rem;
    }

    .triangle-wrapper .right {
        position: absolute;
        width: 3.23rem;
        right: 0;
        bottom: -.66rem;
    }

/* Custom */

/* Header */

header {
    position: relative;
    background: white;
    font-size: 0;
    z-index: 3;
}

    header .bar {
        position: relative;
        padding: .15rem .55rem;
        background: #f9f9f9;
    }

        header .bar .bar-left {
            display: inline-block;
            vertical-align: middle;
            width: 50%;
            text-align: left;
        }

        header .bar .call-center img {
            width: .16rem;
            margin-right: .1rem;
        }

        header .bar span,
        header .bar label {
            font-weight: 500;
            font-size: .11rem;
            line-height: 1.2em;
            color: #1b334f;
        }

        header .bar .bar-right {
            display: inline-block;
            vertical-align: middle;
            width: 50%;
            text-align: right;
        }

            header .bar .bar-right .social-icon {
                display: inline-block;
                vertical-align: middle;
                padding-right: .25rem;
                padding-left: .25rem;
                margin-right: .25rem;
                border-right: .02rem solid #e1e3e6;
            }

                header .bar .bar-right .social-icon:before {
                    display: inline-block;
                    vertical-align: middle;
                    font-size: .18rem;
                    margin-right: .08rem;
                }

                header .bar .bar-right .social-icon span {
                    display: inline-block;
                    vertical-align: middle;
                }

            header .bar .bar-right .custom-slide-box {
                display: inline-block;
                vertical-align: middle;
                width: auto;
            }

    header .header-container {
        position: relative;
        padding: .27rem .55rem;
    }

        header .header-container > * {
            display: inline-block;
            vertical-align: middle;
        }

    header .logo {
        position: relative;
        width: 1.1rem;
    }

        header .logo img {
            width: 100%;
        }

    header .menu-content {
        width: calc(100% - 1.1rem);
    }

        header .menu-content > * {
            display: inline-block;
            vertical-align: middle;
        }

    header .menu {
        position: relative;
        width: 12rem;
        padding-left: .5rem;
        padding-right: .5rem;
        text-align: center;
    }

    header .menu-item {
        display: inline-block;
        vertical-align: middle;
    }

        header .menu-item.active {
            text-decoration: underline;
        }

        header .menu-item + .menu-item {
            margin-left: .4rem;
        }

        header .menu-item a {
            font-weight: 600;
            font-size: .15rem;
            line-height: 1.2em;
            letter-spacing: .025em;
            color: #0e3359;
        }

            header .menu-item a:hover {
                color: #0e3359;
            }

            header .menu-item a:active {
                color: #0e3359;
            }

    header .links a {
        display: inline-block;
        vertical-align: middle;
    }

    header .links * + a {
        margin-left: .16rem;
    }

    header .links a img {
        width: 1.8rem;
    }

    header .links a.btn-apply img {
        width: 2.12rem;
    }

    header .links a:hover img {
        opacity: .9;
    }

    header .links a:active img {
        opacity: 1;
    }

    header .links .btn-search {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        top: auto;
        right: auto;
        margin-top: 0;
    }

    header .btn-search {
        position: absolute;
        width: .47rem;
        height: .47rem;
        top: 50%;
        right: .55rem;
        margin-top: -.24rem;
        border-radius: .25rem;
        border: 1px solid #dbe0e7;
        cursor: pointer;
    }

        header .btn-search img {
            position: absolute;
            width: .26rem;
            top: 50%;
            left: 50%;
            margin-top: -.13rem;
            margin-left: -.13rem;
        }

            header .btn-search img.hover {
                opacity: 0;
            }

        header .btn-search:hover {
            border: none;
            background-color: #172f4b;
            box-shadow: 0 .09rem .18rem rgba(23,47,75,.27);
        }

        header .btn-search:active {
            border: 1px solid #dbe0e7;
            background-color: transparent;
            box-shadow: none;
        }

        header .btn-search:hover img.default {
            opacity: 0;
        }

        header .btn-search:hover img.hover {
            opacity: 1;
        }

        header .btn-search:active img.default {
            opacity: 1;
        }

        header .btn-search:active img.hover {
            opacity: 0;
        }

        header .btn-search.active {
            background-color: #0e3359;
            border: none;
            box-shadow: none;
        }

            header .btn-search.active:hover {
                background-color: #0e3359;
                box-shadow: .06rem .08rem .2rem rgba(1,1,1, .28);
            }

            header .btn-search.active img {
                display: none;
            }

            header .btn-search.active:after {
                content: '';
                position: absolute;
                display: inline-block;
                width: .17rem;
                height: .17rem;
                top: 50%;
                left: 50%;
                margin-top: -.09rem;
                margin-left: -.09rem;
                background-image: url(Icons/icon-search-close.png);
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
            }

/* Search */

.search-wrapper {
    position: absolute;
    width: 100%;
    left: 0;
    font-size: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 100;
    background: white;
    display: none;
}

    .search-wrapper.active {
        display: block;
    }

    .search-wrapper .search {
        position: relative;
        padding-top: 1.26rem;
        padding-bottom: 1.42rem;
        background-color: #0e3359;
    }

    .search-wrapper .search-container {
        position: relative;
        width: 8.6rem;
        margin-left: auto;
        margin-right: auto;
    }

    .search-wrapper .search-title {
        font-weight: 600;
        font-size: .62rem;
        line-height: 1.2em;
        letter-spacing: -.012rem;
        color: white;
    }

    .search-wrapper .search-input {
        position: relative;
        width: 100%;
        height: .75rem;
        margin-top: .56rem;
        border-bottom: .02rem solid rgba(255,255,255,.21);
    }

        .search-wrapper .search-input input {
            display: inline-block;
            vertical-align: middle;
            height: 100%;
            width: 86.86%;
            padding-top: .12rem;
            padding-right: .2rem;
            font-family: "Mulish";
            font-weight: 500;
            font-size: .22rem;
            line-height: 1.2em;
            color: white;
            border: none;
            outline: none;
            background: transparent;
        }

        .search-wrapper .search-input a {
            display: inline-block;
            vertical-align: middle;
            width: 13.14%;
            padding-top: .13rem;
            padding-bottom: .12rem;
            background-color: white;
            text-align: center;
        }

            .search-wrapper .search-input a:hover {
                background-color: #f2f2f2;
                box-shadow: 0 .09rem .18rem rgba(101, 35, 52, .27);
            }

            .search-wrapper .search-input a:active {
                background-color: white;
                box-shadow: 0;
            }

            .search-wrapper .search-input a img {
                display: inline-block;
                vertical-align: middle;
                width: .2rem;
                margin-right: .09rem;
            }

            .search-wrapper .search-input a span {
                display: inline-block;
                vertical-align: middle;
                font-weight: 800;
                font-size: .15rem;
                line-height: 1em;
                letter-spacing: .05em;
                color: #0e3359;
            }

    .search-wrapper .featured-searches {
        position: relative;
        margin-top: .5rem;
    }

        .search-wrapper .featured-searches .title {
            font-weight: 500;
            font-size: .22rem;
            line-height: 1.45em;
            color: white;
        }

        .search-wrapper .featured-searches .items {
            margin-top: .15rem;
        }

        .search-wrapper .featured-searches .item {
            display: inline-block;
            vertical-align: top;
            height: .45rem;
            margin-bottom: .13rem;
            padding-left: .32rem;
            padding-right: .32rem;
            border: 1px solid rgba(255,255,255,.21);
            cursor: pointer;
        }

            .search-wrapper .featured-searches .item:not(:last-child) {
                margin-right: .13rem;
            }

            .search-wrapper .featured-searches .item span {
                font-weight: 800;
                font-size: .15rem;
                line-height: 1.2em;
                letter-spacing: .05em;
                color: rgba(255,255,255,.55);
            }

    .search-wrapper .search-input ::-webkit-input-placeholder {
        color: rgba(255,255,255,.34);
    }

    .search-wrapper .search-input ::-moz-placeholder {
        color: rgba(255,255,255,.34);
    }

    .search-wrapper .search-input :-ms-input-placeholder {
        color: rgba(255,255,255,.34);
    }

    .search-wrapper .search-input :-moz-placeholder {
        color: rgba(255,255,255,.34);
    }

    .search-wrapper .search-error {
        display: none;
        margin-top: .5rem;
        font-weight: 500;
        font-size: .22rem;
        line-height: 1.2em;
        color: white;
    }

        .search-wrapper .search-error.show {
            display: block;
        }

    .search-wrapper .results {
        position: relative;
        padding-top: .9rem;
        padding-bottom: .9rem;
    }

    .search-wrapper .result-container {
        position: relative;
        width: 8.6rem;
        margin-left: auto;
        margin-right: auto;
    }

    .search-wrapper .results .item + .item {
        margin-top: .48rem;
    }

    .search-wrapper .results .title {
        font-weight: 800;
        font-size: .22rem;
        line-height: 1.2em;
        color: #0e3359;
    }

    .search-wrapper .results .description {
        margin-top: .14rem;
        font-weight: 500;
        font-size: .16rem;
        line-height: 1.56em;
        color: #162e4c;
    }

    .search-wrapper .results .btn-detail {
        display: inline-block;
        margin-top: .1rem;
        font-weight: 800;
        font-size: .15rem;
        line-height: 1.2em;
        letter-spacing: .05em;
        color: #0e3359;
    }

/* Banner */

section.banner {
    position: relative;
    font-size: 0;
}

    section.banner .item {
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

        section.banner .item .item-bg {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        section.banner .item .content {
            position: absolute;
            width: 8rem;
            left: 2.34rem;
            top: 45%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            z-index: 2;
        }

        section.banner .item .banner-title {
            position: relative;
            font-weight: 800;
            font-size: .52rem;
            line-height: 1.12em;
            /*color: #fafafa;*/
        }

        section.banner .item .text-default {
            position: relative;
            width: 5.5rem;
            margin-top: .2rem;
            font-size: .16rem !important;
        }

        section.banner .item .btn-default {
            position: relative;
            width: 1.60rem;
            height: .44rem;
        }

            section.banner .item .btn-default span {
                font-size: .16rem;
                font-weight: 500;
                letter-spacing: 0;
            }

            section.banner .item .btn-default + .btn-default {
                margin-left: .16rem;
            }

        section.banner .item .btn-apply {
            background-color: #162e4c;
            border: 1px solid white;
        }

        section.banner .item .buttons {
            position: relative;
            margin-top: .4rem;
        }

        section.banner .item .banner-countdown {
            display: inline-block;
            width: 100%;
            max-width: calc(3.75rem + .5rem);
            margin: 0 -.25rem;
        }

        section.banner .item * + .banner-countdown {
            margin-top: .35rem;
        }

        section.banner .item .banner-countdown .time_circles {
            position: relative;
            width: 100%;
            height: 100%;
        }

            section.banner .item .banner-countdown .time_circles > div {
                position: absolute;
                text-align: center;
                height: 100%;
                top: 0 !important;
            }

                section.banner .item .banner-countdown .time_circles > div > span {
                    display: block;
                    width: 100%;
                    text-align: center;
                    font-size: .36rem !important;
                    font-weight: 600;
                    color: white;
                    top: 39%;
                    position: absolute;
                }

                section.banner .item .banner-countdown .time_circles > div > h4 {
                    display: block;
                    width: 100%;
                    text-align: center;
                    font-size: .13rem !important;
                    font-weight: 400;
                    color: white;
                    top: 55%;
                    position: absolute;
                    margin-top: .08rem;
                }

        section.banner .item .item-index {
            margin-left: .04rem;
            font-weight: 800;
            color: white;
        }

            section.banner .item .item-index .current {
                vertical-align: middle;
                font-size: .28rem;
                line-height: 1.5em;
            }

            section.banner .item .item-index .count {
                vertical-align: middle;
                font-size: .2rem;
                line-height: 1.5em;
            }

        section.banner .item .self-animation {
            overflow: hidden;
        }

        section.banner .item .word-animation {
            display: inline-block;
            overflow: hidden;
        }

        section.banner .item .self-animation > div {
            display: inline-block;
            /*transform: translateX(-100%);*/
transform: matrix(1, 0, 0, 1, 0, 0);
        }

        section.banner .item *[data-text-animation='word-left'] .word-animation > span {
            display: inline-block;
            /*transform: translateX(-100%);*/
transform: matrix(1, 0, 0, 1, 0, 0);
        }

        section.banner .item *[data-text-animation='word-bottom'] .word-animation > span {
            display: inline-block;
            /*transform: translateX(-110%);*/
transform: matrix(1, 0, 0, 1, 0, 0);
        }

    section.banner .owl-item {
        overflow: hidden;
    }

    section.banner .banner-wrapper .right .pin-placeholder {
        position: absolute;
        width: .66rem;
        height: .74rem;
        z-index: 3;
        cursor: pointer;
    }

    section.banner .item .item-dots {
        margin-top: .5rem;
    }

        section.banner .item .item-dots .item-dot {
            display: inline-block;
            vertical-align: middle;
            margin-right: 11px;
            width: 11px;
            height: 11px;
            border: 2px solid rgba(255,255,255, .34);
            border-radius: 6px;
            cursor: pointer;
        }

    section.banner .item-dots .item-dot.active {
        border: none;
        background: white;
        cursor: default;
    }

    section.banner .owl-carousel .owl-stage-outer,
    section.banner .owl-carousel .owl-stage,
    section.banner .owl-carousel .owl-item {
        height: 100%;
    }

    section.banner .owl-nav {
        position: absolute;
        height: 0;
        width: 100%;
        left: 0;
        top: 50%;
        padding-left: .55rem;
        padding-right: .55rem;
    }

    section.banner .owl-prev {
        float: left;
    }

    section.banner .owl-next {
        float: right;
    }

    section.banner .owl-prev:before {
        content: '\f104';
        font-family: FontAwesome;
        font-size: .6rem;
        color: white;
    }

    section.banner .owl-next:before {
        content: '\f105';
        font-family: FontAwesome;
        font-size: .6rem;
        color: white;
    }

    section.banner .owl-dots {
        position: absolute;
        bottom: .5rem;
        width: calc(100% - 4.38rem);
        z-index: 5;
        left: 2.34rem;
        right: 2.34rem;
        margin: -.15rem;
        text-align: left;
    }

        section.banner .owl-dots .owl-dot {
            display: inline-block;
            width: .6rem;
            height: .05rem;
            background-color: #fff;
            opacity: .25;
            margin: .075rem;
            cursor: pointer;
            transition: all .4s ease-in-out;
        }

            section.banner .owl-dots .owl-dot.active {
                opacity: 1;
            }

    section.banner .banner-wrapper {
        position: absolute;
        width: 100%;
        height: 0;
        left: 0;
        z-index: 2;
    }

        section.banner .banner-wrapper.top {
            top: 0;
        }

        section.banner .banner-wrapper.bottom {
            bottom: 0;
        }

        section.banner .banner-wrapper svg {
            position: relative;
            z-index: 2;
        }

            section.banner .banner-wrapper svg.bg {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
            }

        section.banner .banner-wrapper.top .left {
            position: absolute;
            left: -2.2rem;
            top: -1rem;
        }

        section.banner .banner-wrapper.top .right {
            position: absolute;
            right: -2.04rem;
            top: -.7rem;
        }

        section.banner .banner-wrapper.top .left svg {
            width: 5.86rem;
            height: 3.85rem;
        }

        section.banner .banner-wrapper.top .right svg {
            width: 5.86rem;
            height: 3rem;
        }

        section.banner .banner-wrapper.bottom .left {
            position: absolute;
            left: 0;
            top: -1.33rem;
        }

        section.banner .banner-wrapper.bottom .right {
            position: absolute;
            right: 0;
            top: -3.01rem;
        }

        section.banner .banner-wrapper.bottom .left svg {
            width: 8.14rem;
            height: 5.26rem;
        }

        section.banner .banner-wrapper.bottom .right svg {
            width: 5.18rem;
            height: 6.02rem;
        }

        section.banner .banner-wrapper svg use {
            opacity: 0;
            filter: url(#dropshadow);
        }

            section.banner .banner-wrapper svg use:hover {
                opacity: 1;
            }

    section.banner .scroll-down {
        position: absolute;
        width: .48rem;
        height: .48rem;
        bottom: .72rem;
        left: 50%;
        margin-left: -.24rem;
        border-radius: .24rem;
        border: .02rem solid rgba(255,255,255,.34);
        z-index: 2;
        cursor: pointer;
    }

        section.banner .scroll-down:before {
            content: '\f107';
            position: absolute;
            top: 50%;
            left: 50%;
            font-family: FontAwesome;
            font-size: .3rem;
            line-height: 1em;
            color: white;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
        }

        section.banner .scroll-down span {
            position: absolute;
            display: block;
            top: 100%;
            left: 50%;
            width: 1rem;
            margin-left: -.5rem;
            margin-top: .1rem;
            font-weight: 800;
            font-size: .1rem;
            line-height: 1.6em;
            letter-spacing: .05em;
            color: #fafafa;
            text-align: center;
        }

    /* Banner Interactive */

    section.banner .item .interactive-container {
        position: absolute;
        width: 50%;
        height: 100%;
        right: 0;
        top: 0;
        z-index: 3;
    }

        section.banner .item .interactive-container .pins {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: 100%;
        }

            section.banner .item .interactive-container .pins a {
                position: absolute;
                width: .66rem;
                height: .82rem;
                margin-top: -.82rem;
                margin-left: -.33rem;
                opacity: 0;
                background-image: url(Icons/pin.png);
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                transform-origin: bottom;
                -webkit-transform-origin: bottom;
                -ms-transform-origin: bottom;
                -moz-transform-origin: bottom;
                -o-transform-origin: bottom;
            }

        section.banner .item .interactive-container .tickets {
            display: none;
            position: absolute;
            width: 6.77rem;
            left: .62rem;
            top: 50%;
            transform: translateY(-50%) scale(0);
            -webkit-transform: translateY(-50%) scale(0);
            -ms-transform: translateY(-50%) scale(0);
            -moz-transform: translateY(-50%) scale(0);
            -o-transform: translateY(-50%) scale(0);
            transition: .3s all ease-in;
            -webkit-transition: .3s all ease-in;
            -ms-transition: .3s all ease-in;
            -moz-transition: .3s all ease-in;
            -o-transition: .3s all ease-in;
        }

            section.banner .item .interactive-container .tickets.active {
                display: block;
            }

            section.banner .item .interactive-container .tickets.animate {
                transform: translateY(-50%) scale(1);
                -webkit-transform: translateY(-50%) scale(1);
                -ms-transform: translateY(-50%) scale(1);
                -moz-transform: translateY(-50%) scale(1);
                -o-transform: translateY(-50%) scale(1);
                transition: .3s all ease-out;
                -webkit-transition: .3s all ease-out;
                -ms-transition: .3s all ease-out;
                -moz-transition: .3s all ease-out;
                -o-transition: .3s all ease-out;
            }

            section.banner .item .interactive-container .tickets > img {
                display: none;
                width: 100%;
            }

                section.banner .item .interactive-container .tickets > img.active {
                    display: block;
                }

            section.banner .item .interactive-container .tickets .ticket-close {
                position: absolute;
                width: .23rem;
                top: .41rem;
                right: .87rem;
                z-index: 2;
            }

                section.banner .item .interactive-container .tickets .ticket-close img {
                    width: 100%;
                }

/* Main Prime */

section.main-prime {
    position: relative;
    padding-top: .67rem;
    font-size: 0;
    text-align: center;
}

    section.main-prime:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 8.458rem;
        background: #f7f7f7;
    }

    section.main-prime .content {
        position: relative;
        display: block;
        width: 9rem;
        margin-left: auto;
        margin-right: auto;
        z-index: 2;
    }

        section.main-prime .content .btn-default {
            margin-top: .48rem;
        }

    section.main-prime .video-wrapper {
        position: relative;
        width: 12.6rem;
        height: 7.2rem;
        margin-left: auto;
        margin-right: auto;
        margin-top: .7rem;
        z-index: 2;
    }

        section.main-prime .video-wrapper video {
            width: 100%;
            height: 100%;
        }

        section.main-prime .video-wrapper > img {
            width: 100%;
        }

        section.main-prime .video-wrapper .left-image {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            width: 42.14%;
            margin-right: 8.1%;
        }

        section.main-prime .video-wrapper .right-image {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            width: 49.76%;
            margin-top: -.75rem;
        }

        section.main-prime .video-wrapper .left-image img {
            width: 100%;
        }

        section.main-prime .video-wrapper .right-image img {
            width: 100%;
        }

        section.main-prime .video-wrapper .right-image .sub-image {
            position: absolute;
            width: 4.51rem;
            right: -2.14rem;
            bottom: -3.5rem;
        }

        section.main-prime .video-wrapper .btn-play {
            position: absolute;
            width: 1.24rem;
            top: 50%;
            left: 50%;
            margin-top: -.62rem;
            margin-left: -.62rem;
        }

            section.main-prime .video-wrapper .btn-play img {
                position: absolute;
                width: 100%;
                top: 0;
                left: 0;
            }

                section.main-prime .video-wrapper .btn-play img.hover {
                    opacity: 0;
                }

            section.main-prime .video-wrapper .btn-play:hover img.default {
                opacity: 0;
            }

            section.main-prime .video-wrapper .btn-play:hover img.hover {
                opacity: 1;
            }

            section.main-prime .video-wrapper .btn-play:active img.default {
                opacity: 1;
            }

            section.main-prime .video-wrapper .btn-play:active img.hover {
                opacity: 0;
            }

/* Main Packages */

section.main-packages {
    position: relative;
    padding-top: .77rem;
    padding-bottom: .7rem;
    font-size: 0;
    text-align: center;
}

    section.main-packages .content {
        position: relative;
        display: block;
        width: 9rem;
        margin-left: auto;
        margin-right: auto;
        z-index: 2;
    }

    section.main-packages .package-slider {
        margin-top: .6rem;
    }

        section.main-packages .package-slider:first-child {
            margin-top: .15rem;
        }

    section.main-packages .package-header {
        position: relative;
        width: 12.6rem;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        z-index: 2;
    }

        section.main-packages .package-header .label {
            display: inline-block;
            vertical-align: middle;
            width: 2.74rem;
            padding-right: .36rem;
            font-weight: 800;
            font-size: .22rem;
            line-height: 1.27em;
            color: #0e3359;
            text-align: right;
        }

    section.main-packages .menu {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 2.74rem);
    }

        section.main-packages .menu .option {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            width: calc(50% - .07rem);
            height: .61rem;
            color: #0e3359;
            overflow: hidden;
            background: white;
            border: 1px solid #e4d8db;
            border-radius: 0 0 .03rem .03rem;
            cursor: pointer;
        }

            section.main-packages .menu .option span {
                font-weight: 800;
                font-size: .14rem;
                line-height: 1.2em;
                letter-spacing: .05em;
            }

            section.main-packages .menu .option + .option {
                margin-left: .14rem;
            }

            section.main-packages .menu .option.active {
                color: white;
                background-color: #0e3359;
                cursor: default;
            }

            section.main-packages .menu .option:not(.active):hover {
                box-shadow: 0 .09rem .18rem rgba(102, 35, 51, .27);
            }

            section.main-packages .menu .option:not(.active):active {
                box-shadow: none;
            }

    section.main-packages .package-tabs {
        position: relative;
        width: 12.96rem;
        margin-top: .54rem;
        margin-left: auto;
        margin-right: auto;
    }

        section.main-packages .package-tabs .owl-carousel {
            display: none !important;
        }

            section.main-packages .package-tabs .owl-carousel.active {
                display: block !important;
            }

            section.main-packages .package-tabs .owl-carousel .owl-stage {
                margin: auto;
            }

        section.main-packages .package-tabs .owl-item {
            padding-bottom: .5rem;
            padding-left: .18rem;
            padding-right: .18rem;
        }

        section.main-packages .package-tabs .owl-dots {
            margin: -.15rem 0;
        }

        section.main-packages .package-tabs .owl-dot {
            display: inline-block;
            vertical-align: middle;
            width: .6rem;
            height: .05rem;
            background: #0e3359;
            opacity: .25;
            transition: all .4s ease;
            margin: .15rem .1rem;
        }

            section.main-packages .package-tabs .owl-dot.active {
                opacity: 1;
            }

    section.main-packages .owl-nav {
        position: absolute;
        height: 0;
        width: 100%;
        left: 0;
        top: 50%;
        padding-left: .55rem;
        padding-right: .55rem;
        margin-top: .6rem;
    }

    section.main-packages .owl-next {
        float: right;
        cursor: pointer;
    }

        section.main-packages .owl-next:before {
            content: '\f105';
            font-family: FontAwesome;
            font-size: .6rem;
            color: #0e3359;
        }

    section.main-packages .owl-prev {
        float: left;
        cursor: pointer;
    }

        section.main-packages .owl-prev:before {
            content: '\f104';
            font-family: FontAwesome;
            font-size: .6rem;
            color: #0e3359;
            cursor: pointer;
        }

    section.main-packages .disabled {
        opacity: .25;
        transition: all .4s ease;
    }

/* Main Privilages */
section.main-privilages {
    position: relative;
    padding-top: .8rem;
    padding-bottom: .6rem;
    padding-left: 3.3rem;
    padding-right: 3.3rem;
    font-size: 0;
    z-index: 2;
}

    section.main-privilages:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 11.7rem;
        top: 0;
        left: 0;
        background: #f7f7f7;
        z-index: 0;
    }

    section.main-privilages > * {
        z-index: 2;
    }

    section.main-privilages .background-images {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: top left;
        background-repeat: no-repeat;
        z-index: 1;
    }

    section.main-privilages .item {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

        section.main-privilages .item .item-image {
            width: 100%;
        }

        section.main-privilages .item .item-content {
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0;
            padding: .46rem .42rem;
            z-index: 3;
        }

            section.main-privilages .item .item-content .title {
                font-weight: 600;
                font-size: .32rem;
                line-height: 1.25em;
                color: white;
            }

            section.main-privilages .item .item-content .desc {
                font-weight: 600;
                font-size: .18rem;
                line-height: 1.56em;
                color: white;
            }

            section.main-privilages .item .item-content .detail {
                position: relative;
                display: inline-block;
                margin-top: .15rem;
                padding-bottom: .06rem;
                font-weight: 800;
                font-size: .15rem;
                line-height: 1.2em;
                letter-spacing: .05em;
                color: white;
            }

                section.main-privilages .item .item-content .detail:after {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 100%;
                    height: .03rem;
                    top: 100%;
                    left: 0;
                    font-size: 0;
                    background: white;
                }

    section.main-privilages .title-default:after {
        display: none;
    }

    section.main-privilages .top {
        position: relative;
    }

        section.main-privilages .top > .item {
            width: 39.52%;
            margin-right: 9.84%;
        }

        section.main-privilages .top > .content {
            display: inline-block;
            vertical-align: middle;
            width: 50.64%;
        }

            section.main-privilages .top > .content .text-default {
                margin-top: .06rem;
            }

            section.main-privilages .top > .content .btn-default {
                margin-top: .36rem;
            }

            section.main-privilages .top > .content .item {
                width: 100%;
                margin-top: .7rem;
            }

                section.main-privilages .top > .content .item .item-sub-image {
                    position: absolute;
                    width: 2.2rem;
                    right: -1.38rem;
                    top: 100%;
                    margin-top: -1.46rem;
                }

    section.main-privilages .middle {
        position: relative;
        width: calc(100% + 6.6rem);
        left: -3.3rem;
        margin-top: 1.1rem;
        z-index: 2;
    }

        section.main-privilages .middle .item {
            display: block;
            width: 6.75rem;
            margin-left: auto;
            margin-right: auto;
        }

    section.main-privilages .bottom {
        position: relative;
        margin-top: 1.3rem;
    }

        section.main-privilages .bottom .horizontal {
            width: 49.75%;
            margin-right: 8.11%;
            margin-bottom: .9rem;
        }

        section.main-privilages .bottom .vertical {
            width: 42.14%;
        }

            section.main-privilages .bottom .vertical .item-content {
                padding-bottom: .78rem;
            }

            section.main-privilages .bottom .vertical .item-sub-image {
                position: absolute;
                width: 2.13rem;
                right: .4rem;
                top: 100%;
                margin-top: -1.34rem;
            }

    section.main-privilages .btn-container {
        position: relative;
        text-align: center;
    }

/* Main Club */

section.main-club {
    position: relative;
    padding-top: .6rem;
    padding-bottom: .66rem;
    font-size: 0;
    text-align: center;
    z-index: 3;
}

    section.main-club .content {
        position: relative;
        z-index: 2;
    }

    section.main-club .club-container {
        position: relative;
        padding-left: 1.4rem;
        padding-right: 1.4rem;
        margin-top: .54rem;
        z-index: 2;
    }

        section.main-club .club-container .left {
            display: inline-block;
            vertical-align: middle;
            width: 46.7%;
        }

            section.main-club .club-container .left img {
                width: 100%;
            }

        section.main-club .club-container .right {
            display: inline-block;
            vertical-align: middle;
            width: 48.7%;
            margin-left: 4.6%;
        }

        section.main-club .club-container .item {
            position: relative;
            display: block;
            width: 73.635%;
            padding-top: .34rem;
            padding-bottom: .34rem;
            text-align: left;
        }

            section.main-club .club-container .item + .item {
                border-top: 1px solid rgba(27,51,79,.05);
            }

            section.main-club .club-container .item:first-child {
                padding-top: 0;
            }

            section.main-club .club-container .item:last-child {
                padding-bottom: 0;
            }

            section.main-club .club-container .item > img {
                display: inline-block;
                vertical-align: middle;
                width: 33.333%;
                box-shadow: .13rem .21rem .29rem rgba(0,0,0, .11);
            }

            section.main-club .club-container .item .item-content {
                display: inline-block;
                vertical-align: middle;
                width: 66.666%;
                padding-left: .34rem;
            }

            section.main-club .club-container .item .title {
                font-weight: 600 !important;
                font-size: .2rem !important;
                line-height: 1.3em !important;
                color: #162e4c;
            }

                section.main-club .club-container .item .title * {
                    font-weight: 600 !important;
                    font-size: .2rem !important;
                    line-height: 1.3em !important;
                }

            section.main-club .club-container .item .text {
                margin-top: .1rem;
                font-weight: 500;
                font-size: .16rem !important;
                line-height: 1.625em !important;
                color: #162e4c;
            }

                section.main-club .club-container .item .text * {
                    font-size: .16rem !important;
                    line-height: 1.625em !important;
                }

            section.main-club .club-container .item .btn-detail {
                display: block;
                margin-top: .15rem;
            }

                section.main-club .club-container .item .btn-detail span {
                    display: inline-block;
                    vertical-align: middle;
                    font-weight: 800;
                    font-size: .15rem;
                    line-height: 1.2em;
                    letter-spacing: .05em;
                    color: #0e3359;
                }

                section.main-club .club-container .item .btn-detail:hover span {
                    color: #99324c;
                }

                section.main-club .club-container .item .btn-detail:active span {
                    color: #0e3359;
                }

                section.main-club .club-container .item .btn-detail:after {
                    content: "";
                    display: inline-block;
                    vertical-align: middle;
                    width: .18rem;
                    height: .13rem;
                    margin-bottom: .02rem;
                    margin-left: .1rem;
                    background-image: url(Icons/arrow-right.png);
                    background-position: center;
                    background-size: contain;
                    background-repeat: no-repeat;
                }

    section.main-club .background-images {
        position: absolute;
        width: 100%;
        height: 0;
        top: 0;
        left: 0;
        z-index: 1;
    }

        section.main-club .background-images .image-1 {
            position: absolute;
            width: 4.57rem;
            left: 1.3rem;
            top: -1.7rem;
        }

        section.main-club .background-images .image-2 {
            position: absolute;
            width: 3.2rem;
            right: 0;
            top: 0;
        }

        section.main-club .background-images .image-3 {
            position: absolute;
            width: 3.38rem;
            right: 0;
            top: 6.2rem;
        }

/* Showcase */

section.showcase {
    position: relative;
    height: 8.6rem;
    font-size: 0;
    text-align: center;
}

    section.showcase .item {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 33.33333%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

        section.showcase .item .content {
            padding-left: .5rem;
            padding-right: .5rem;
        }

        section.showcase .item .title {
            font-weight: 600;
            font-size: .56rem;
            line-height: 1.2em;
            color: white;
        }

        section.showcase .item .text {
            margin-top: .24rem;
            font-weight: 600;
            font-size: .18rem !important;
            line-height: 1.56em !important;
            color: white;
        }

            section.showcase .item .text * {
                font-size: .18rem !important;
                line-height: 1.56em !important;
            }

        section.showcase .item .btn-default {
            margin-top: .34rem;
        }

/* How */

section.how {
    position: relative;
    padding-top: 1.3rem;
    padding-bottom: 1rem;
    font-size: 0;
    text-align: center;
    background-color: #f7f7f7;
}

    section.how .title-default:after {
        display: none;
    }

    section.how .tabs {
        margin-top: .5rem;
    }

    section.how .tab-menu {
    }

        section.how .tab-menu .menu-item {
            display: inline-block;
            vertical-align: middle;
            height: .62rem;
            min-width: 2.5rem;
            padding-left: .2rem;
            padding-right: .2rem;
            text-align: center;
            border: 1px solid rgba(22,46,76,.45);
            cursor: pointer;
        }

            section.how .tab-menu .menu-item + .menu-item {
                border-left: none;
            }

            section.how .tab-menu .menu-item span {
                font-weight: 600;
                font-size: .15rem;
                line-height: 1.2em;
                letter-spacing: .05em;
                color: #162e4c;
            }

            section.how .tab-menu .menu-item.active {
                background-color: #162e4c;
            }

                section.how .tab-menu .menu-item.active span {
                    color: #f7f7f7;
                }

            section.how .tab-menu .menu-item:not(.active):hover {
                border-color: #172f4b;
            }

                section.how .tab-menu .menu-item:not(.active):hover span {
                    color: #274f7e;
                }

            section.how .tab-menu .menu-item:not(.active):active {
                border-color: rgba(22,46,76,.45);
            }

                section.how .tab-menu .menu-item:not(.active):active span {
                    color: #162e4c;
                }

    section.how .tab-content {
        position: relative;
        width: 12.6rem;
        margin-top: 1rem;
        margin-left: auto;
        margin-right: auto;
    }

    section.how .tab-item {
        position: relative;
        width: 100%;
        display: none;
    }

        section.how .tab-item.active {
            display: block;
        }

        section.how .tab-item .box {
            display: inline-block;
            vertical-align: top;
            width: 33.333333%;
            padding-left: .15rem;
            padding-right: .15rem;
        }

            section.how .tab-item .box img {
                width: 1.38rem;
            }

        section.how .tab-item .text {
            margin-top: .2rem;
            font-weight: 600;
            font-size: .18rem !important;
            line-height: 1.444em !important;
            color: #162e4c;
        }

            section.how .tab-item .text * {
                font-size: .18rem !important;
                line-height: 1.444em !important;
            }

        section.how .tab-item .annotation {
            margin-top: .45rem;
            font-weight: 600;
            font-size: .15rem !important;
            line-height: 1.78em !important;
            color: #162e4c;
        }

            section.how .tab-item .annotation * {
                font-size: .15rem !important;
                line-height: 1.78em !important;
            }

        section.how .tab-item .btn-default {
            margin-top: .60rem;
        }

/* Footer */

footer {
    position: relative;
    padding-left: 1.9rem;
    padding-right: 1.9rem;
    padding-top: 1.2rem;
    padding-bottom: 2.7rem;
    font-size: 0;
}

    footer > * {
        position: relative;
        z-index: 2;
    }

    footer .footer-container {
        position: relative;
    }

        footer .footer-container:first-child {
            padding-bottom: 1rem;
        }

        footer .footer-container + .footer-container {
            padding-top: .36rem;
            border-top: .02rem solid #ced3d9;
        }

    footer .links {
        display: inline-block;
        vertical-align: top;
        width: 37.65%;
    }

        footer .links .item + .item {
            margin-top: .68rem;
        }

        footer .links .title {
            font-weight: 800;
            font-size: .2rem;
            line-height: 1.5em;
            color: #0e3359;
        }

        footer .links .support {
            display: inline-block;
            margin-top: .18rem;
        }

            footer .links .support img {
                display: inline-block;
                vertical-align: middle;
                width: .38rem;
            }

            footer .links .support span {
                display: inline-block;
                vertical-align: middle;
                margin-left: .1rem;
                font-weight: 500;
                font-size: .34rem;
                line-height: 1em;
                color: #162e4c;
            }

        footer .links .social {
            margin-top: .2rem;
            font-size: .3rem;
            cursor: default;
        }

            footer .links .social .facebook {
                color: #38579a;
            }

            footer .links .social .twitter {
                color: #69ace0;
            }

            footer .links .social .instagram {
                color: #e02d69;
            }

            footer .links .social .social-icon + .social-icon {
                margin-left: .2rem;
            }

    footer .footer-menu {
        display: inline-block;
        vertical-align: top;
        width: 62.35%;
    }

        footer .footer-menu .title {
            margin-bottom: .12rem;
            font-weight: 800;
            font-size: .2rem;
            line-height: 1.5em;
            color: #0e3359;
        }

        footer .footer-menu .item {
            display: inline-block;
            vertical-align: top;
            width: 50%;
        }

        footer .footer-menu .left {
            display: inline-block;
            vertical-align: top;
            width: 56.85%;
            margin-right: 8.95%;
        }

        footer .footer-menu .right {
            display: inline-block;
            vertical-align: top;
            width: 34.2%;
        }

            footer .footer-menu .right .item {
                display: block;
                width: 100%;
            }

        footer .footer-menu .item a {
            display: block;
            font-weight: 600;
            font-size: .18rem;
            line-height: 1.72em;
            color: #162e4c;
        }

        footer .footer-menu .stores {
            position: absolute;
            bottom: .54rem;
            right: 0;
        }

            footer .footer-menu .stores img {
                width: 1.5rem;
                margin-left: .2rem;
            }

    footer .copyright {
        font-weight: 600;
        font-size: .11rem !important;
        line-height: 1.64em !important;
        color: #162e4c;
    }

        footer .copyright * {
            font-size: .11rem !important;
            line-height: 1.64em !important;
        }

    footer .logo-tt {
        position: absolute;
        width: 1.56rem;
        top: .5rem;
        right: 0;
    }

        footer .logo-tt img {
            width: 100%;
        }

    footer .back-to-top {
        position: absolute;
        width: .63rem;
        height: .63rem;
        right: 2.03rem;
        bottom: .68rem;
        border-radius: .32rem;
        background: #0e3359;
        cursor: pointer;
    }

        footer .back-to-top:hover {
            background: #0e3359;
            box-shadow: .08rem .16rem .29rem rgba(104,32,51,.21);
        }

        footer .back-to-top:active {
            background: #0e3359;
            box-shadow: 0;
        }

        footer .back-to-top:before {
            content: '\f106';
            position: absolute;
            display: inline-block;
            top: 50%;
            left: 50%;
            margin-top: -.04rem;
            font-family: FontAwesome;
            font-size: .4rem;
            color: white;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
        }

        footer .back-to-top span {
            position: absolute;
            display: block;
            left: 50%;
            top: 100%;
            width: .9rem;
            margin-top: .1rem;
            margin-left: -.45rem;
            font-weight: 800;
            font-size: .12rem;
            line-height: 1em;
            color: #0e3359;
            text-align: center;
        }

    footer .footer-wrapper {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
    }

        footer .footer-wrapper img {
            width: 100%;
        }

        footer .footer-wrapper .left {
            position: absolute;
            width: 6.69rem;
            bottom: 0;
            left: 0;
        }

        footer .footer-wrapper .right {
            position: absolute;
            width: 5.08rem;
            right: 0;
            top: -2.99rem;
        }

/* Banner Full */

section.banner {
    position: relative;
    font-size: 0;
    z-index: 1;
}

    section.banner .owl-carousel {
        height: 6.85rem !important;
    }

    section.banner > .image {
        width: 100%;
        height: auto;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

        section.banner > .image img {
            width: 100%;
        }

    section.banner .content {
        position: absolute;
        width: 5.5rem;
        left: 3.15rem;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

        section.banner .content h2 {
            font-weight: 800;
            font-size: .64rem;
            line-height: 1.17em;
            color: #fafafa;
        }

        section.banner .content .desc {
            margin-top: .26rem;
            font-weight: 500;
            font-size: .2rem !important;
            line-height: 1.5em !important;
            color: #fafafa;
        }

            section.banner .content .desc * {
                font-size: .2rem !important;
                line-height: 1.5em !important;
            }

    section.banner .video-button {
        position: relative;
        display: inline-block;
        margin-top: .46rem;
    }

        section.banner .video-button:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            width: .43rem;
            height: .43rem;
            border-radius: .25rem;
            background: white;
        }

        section.banner .video-button:after {
            content: '';
            position: absolute;
            left: .17rem;
            top: 50%;
            margin-top: -.09rem;
            width: 0;
            height: 0;
            border-top: .09rem solid transparent;
            border-bottom: .09rem solid transparent;
            border-left: .13rem solid #0e3359;
        }

        section.banner .video-button span {
            display: inline-block;
            vertical-align: middle;
            margin-left: .18rem;
            font-weight: 800;
            font-size: .15rem;
            line-height: 1em;
            letter-spacing: .05em;
            color: white;
        }

/* About */

section.about {
    position: relative;
    padding-top: .8rem;
    padding-bottom: 1rem;
    padding-left: 1.38rem;
    font-size: 0;
    background: #f3f3f3;
}

    section.about .about-image {
        display: inline-block;
        vertical-align: middle;
        width: 28.9%;
    }

    section.about .about-bg {
        display: inline-block;
        vertical-align: middle;
        width: 28.4%;
    }

    section.about .content {
        display: inline-block;
        vertical-align: middle;
        width: 42.7%;
        padding-left: .85rem;
        padding-right: 1.5rem;
    }

        section.about .content .title {
            margin-bottom: .2rem;
            font-weight: 800;
            font-size: .33rem;
            line-height: 1.3em;
            color: #0e3359;
        }

        section.about .content .text {
            font-weight: 500;
            font-size: .2rem !important;
            line-height: 1.5em !important;
            color: #162e4c;
        }

            section.about .content .text * {
                font-size: .2rem !important;
                line-height: 1.5em !important;
            }

            section.about .content .text p + p {
                margin-top: 1.5em;
            }

/* World */

section.world {
    position: relative;
    padding-top: 2.1rem;
    padding-bottom: .9rem;
    font-size: 0;
    text-align: center;
}

    section.world > * {
        position: relative;
        z-index: 2;
    }

    section.world .title-default:after {
        display: none;
    }

    section.world .boxes {
        margin-top: .96rem;
        padding-left: 2.52rem;
        padding-right: 2.62rem;
    }

    section.world .box {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        box-shadow: .1rem .2rem .29rem rgba(0,0,0,.11);
    }

        section.world .box:first-child {
            width: 40.26%;
            margin-right: 4.69%;
        }

        section.world .box:nth-child(2) {
            width: 55.05%;
        }

        section.world .box:last-child {
            display: block;
            width: 39.47%;
            margin-top: .7rem;
            margin-left: 2.82rem;
        }

        section.world .box img {
            width: 100%;
        }

        section.world .box:before {
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: rgba(0,0,0,.3);
            opacity: 0;
            z-index: 2;
            transition: .4s opacity ease;
            -webkit-transition: .4s opacity ease;
            -ms-transition: .4s opacity ease;
            -moz-transition: .4s opacity ease;
            -o-transition: .4s opacity ease;
        }

        section.world .box:hover:before {
            opacity: 1;
        }

        section.world .box .box-content {
            position: absolute;
            width: 100%;
            bottom: 0;
            left: 0;
            padding: .38rem .44rem;
            z-index: 3;
        }

        section.world .box .title {
            font-weight: 600;
            font-size: .32rem !important;
            line-height: 1.25em !important;
            color: white;
            z-index: 3;
        }

            section.world .box .title * {
                font-size: .32rem !important;
                line-height: 1.25em !important;
            }

        section.world .box .description {
            position: relative;
            font-weight: 400;
            font-size: .18rem;
            line-height: 1.5em;
            color: white;
            height: 0;
            opacity: 0;
            overflow: hidden;
            transform: translateY(.2rem);
            -webkit-transform: translateY(.2rem);
            -ms-transform: translateY(.2rem);
            -moz-transform: translateY(.2rem);
            -o-transform: translateY(.2rem);
            transition: .3s all .1s ease;
            -webkit-transition: .3s all .1s ease;
            -ms-transition: .3s all .1s ease;
            -moz-transition: .3s all .1s ease;
            -o-transition: .3s all .1s ease;
        }

        section.world .box:hover .description {
            height: auto;
            opacity: 1;
            transform: translateY(0);
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            -moz-transform: translateY(0);
            -o-transform: translateY(0);
        }

    section.world .background-images {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-image: url(Images/world-bg.png);
        background-size: cover;
        background-position: top left;
        background-repeat: no-repeat;
    }

        section.world .background-images .image-1 {
            position: absolute;
            width: 2.35rem;
            top: -1.18rem;
            left: 50%;
            margin-left: -1.18rem;
        }

        section.world .background-images .image-2 {
            position: absolute;
            width: 2.61rem;
            left: 0;
            top: .22rem;
        }

        section.world .background-images .image-3 {
            position: absolute;
            width: 3.4rem;
            right: 0;
            top: .7rem;
        }

        section.world .background-images .image-4 {
            position: absolute;
            width: 3.46rem;
            left: 0;
            bottom: 2.54rem;
        }

        section.world .background-images .image-5 {
            position: absolute;
            width: 6.2rem;
            bottom: 0;
            right: 0;
        }

/* Campaign Sub Menu */

section.campaign-sub-menu {
    position: relative;
    height: .7rem;
    font-size: 0;
    text-align: center;
}

    section.campaign-sub-menu div {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        height: 100%;
        background: #0e3359;
        cursor: default;
    }

    section.campaign-sub-menu a {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        height: 100%;
        background: #0e3359;
    }

    section.campaign-sub-menu span {
        font-weight: 800;
        font-size: .16rem;
        line-height: 1em;
        letter-spacing: .05em;
        color: white;
    }

/* Split Banner */

section.split-banner {
    position: relative;
    font-size: 0;
}

    section.split-banner .image {
        position: absolute;
        display: inline-block;
        vertical-align: top;
        width: 50%;
        height: 100%;
        top: 0;
        left: 0;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

        section.split-banner .image img {
            display: none;
        }

    section.split-banner .container {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 50%;
        min-height: 7.2rem;
        margin-left: 50%;
        padding-top: .3rem;
        padding-bottom: .8rem;
        padding-left: 1.2rem;
        padding-right: 1.2rem;
        background-image: url(Icons/split-banner-bg.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

        section.split-banner .container:before {
            height: 6.1rem;
        }

    section.split-banner .content {
        position: relative;
        max-height: 100%;
        overflow: hidden;
    }

        section.split-banner .content h1 {
            margin-bottom: .16rem;
            font-weight: 800;
            font-size: .64rem;
            line-height: 1.17em;
            color: #0e3359;
        }

        section.split-banner .content .text {
            font-weight: 500;
            font-size: .2rem !important;
            line-height: 1.6em !important;
            color: #162e4c;
        }

            section.split-banner .content .text * {
                font-size: .2rem !important;
                line-height: 1.6em !important;
            }

            section.split-banner .content .text .small {
                margin-top: 1em;
                font-size: .15rem !important;
                line-height: 1.5em !important;
            }

                section.split-banner .content .text .small.spaced {
                    margin-bottom: .2rem;
                }

                section.split-banner .content .text .small + .small {
                    margin-top: .5em;
                }

                section.split-banner .content .text .small * {
                    font-size: .15rem !important;
                    line-height: 1.5em !important;
                }

                section.split-banner .content .text .small p + p {
                    margin-top: 1em;
                }

            section.split-banner .content .text a {
                font-weight: 800;
                color: inherit;
                text-decoration: underline;
            }

        section.split-banner .content .btn-default {
            margin-top: .32rem;
            height: .54rem;
        }

    section.split-banner .share {
        position: absolute;
        left: 1.2rem;
        bottom: .5rem;
    }

        section.split-banner .share span {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            padding-right: .36rem;
            margin-right: .2rem;
            font-weight: 800;
            font-size: .12rem;
            line-height: 1.2em;
            letter-spacing: .05em;
            color: #0e3359;
        }

            section.split-banner .share span:after {
                content: '';
                display: block;
                position: absolute;
                right: 0;
                top: 50%;
                width: .17rem;
                height: .02rem;
                margin-top: -.01rem;
                background: rgba(102,34,51,.34);
            }

    section.split-banner .social-icon {
        display: inline-block;
        vertical-align: middle;
        font-size: .16rem;
        color: #0e3359;
    }

        section.split-banner .social-icon + .social-icon {
            margin-left: .2rem;
        }

    section.split-banner .stores {
        display: inline-block;
        vertical-align: middle;
        margin-top: .32rem;
    }

        section.split-banner .stores a {
            width: 1.8rem;
            display: inline-block;
            vertical-align: middle;
        }

            section.split-banner .stores a.btn-apply {
                margin-top: 0;
                /* margin-left: .24rem;*/
            }

            section.split-banner .stores a img {
                width: 100%;
                display: inline-block;
                vertical-align: middle;
            }

    section.split-banner .campaign-detail-block {
        position: relative;
        display: block;
        width: 6rem;
        height: 1.6rem;
        margin-top: .36rem;
        background-color: white;
        border: 2px solid #0e3359;
        box-shadow: 0 .09rem .18rem rgba(102,34,51, .16);
        cursor: default;
    }

        section.split-banner .campaign-detail-block .item-container {
            display: inline-block;
            vertical-align: top;
            width: 33.33333%;
            height: 100%;
            text-align: center;
        }

        section.split-banner .campaign-detail-block .item {
            display: inline-block;
            vertical-align: top;
            width: 33.33333%;
            height: 100%;
            text-align: center;
        }

        section.split-banner .campaign-detail-block .item-container .item {
            width: 100%;
            height: 50%;
        }

        section.split-banner .campaign-detail-block .item .item-content {
            max-width: 100%;
        }

        section.split-banner .campaign-detail-block .item + .item {
            border-left: 2px solid #0e3359;
        }

        section.split-banner .campaign-detail-block .item-container + .item {
            border-left: 2px solid #0e3359;
        }

        section.split-banner .campaign-detail-block .item + .item-container {
            border-left: 2px solid #0e3359;
        }

        section.split-banner .campaign-detail-block .item-container .item + .item {
            border-top: 2px solid #0e3359;
            border-left: none;
        }

        section.split-banner .campaign-detail-block .amount {
            max-width: 100%;
            font-weight: 800;
            font-size: .20rem;
            line-height: 1.2em;
            color: #0e3359;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        section.split-banner .campaign-detail-block .pre-text {
            max-width: 100%;
            font-weight: 800;
            font-size: .12rem;
            line-height: 1.2em;
            color: #0e3359;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        section.split-banner .campaign-detail-block .desc {
            max-width: 100%;
            margin-top: .02rem;
            font-weight: 800;
            font-size: .12rem;
            line-height: 1.2em;
            color: #0e3359;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        section.split-banner .campaign-detail-block .sub-desc {
            max-width: 100%;
            margin-top: .02rem;
            font-weight: 800;
            font-size: .16rem;
            line-height: 1.2em;
            color: #0e3359;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
            font-weight: 900;
            padding-left: .25rem;
            padding-right: .25rem;
            padding-top: .1rem;
        }

        section.split-banner .campaign-detail-block .item-container .desc {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        section.split-banner .campaign-detail-block .gb {
            max-width: 100%;
            margin-top: -.02rem;
            font-weight: 800;
            font-size: .35rem;
            line-height: 1em;
            color: #0e3359;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        section.split-banner .campaign-detail-block .price {
            margin-top: .02rem;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            section.split-banner .campaign-detail-block .price span {
                max-width: 100%;
                display: inline-block;
                vertical-align: middle;
                font-weight: 800;
                font-size: .4rem;
                line-height: 1em;
                color: #0e3359;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            section.split-banner .campaign-detail-block .price:after {
                content: '';
                display: inline-block;
                vertical-align: middle;
                width: .2rem;
                height: .28rem;
                margin-left: .08rem;
                font-size: 0;
                background-image: url(Icons/icon-tl.png);
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
            }

    section.split-banner .sms-box {
        margin-top: .32rem;
    }

        section.split-banner .sms-box .item {
        }

        section.split-banner .sms-box .label {
            display: inline-block;
            vertical-align: middle;
            font-weight: 800;
            font-size: .2rem;
            line-height: 1.6em;
            color: #0e3359;
        }

        section.split-banner .sms-box * + .sms {
            display: inline-block;
            vertical-align: middle;
            margin-left: .16rem;
        }

        section.split-banner .sms-box .sms span {
            display: inline-block;
            vertical-align: middle;
            font-weight: 600;
            font-size: .2rem;
            line-height: 1.6em;
            color: #162e4c;
        }

        section.split-banner .sms-box .sms img {
            display: inline-block;
            vertical-align: middle;
            width: .26rem;
            margin-left: .13rem;
            margin-right: .13rem;
        }

    section.split-banner .device-specs {
        position: relative;
        margin-top: .4rem;
    }

        section.split-banner .device-specs .spec-title {
            margin-bottom: .1rem;
            font-weight: 800;
            font-size: .16rem;
            line-height: 1.2em;
            letter-spacing: .05em;
            color: #0e3359;
        }

        section.split-banner .device-specs .color-options {
            display: inline-block;
            vertical-align: top;
            width: 50%;
        }

            section.split-banner .device-specs .color-options .option {
                display: inline-block;
                vertical-align: middle;
                margin-right: .12rem;
                margin-top: .1rem;
            }

                section.split-banner .device-specs .color-options .option:last-child {
                    margin-right: 0;
                }

            section.split-banner .device-specs .color-options .color {
                display: inline-block;
                vertical-align: middle;
                width: .21rem;
                height: .21rem;
                border-radius: .12rem;
            }

            section.split-banner .device-specs .color-options .color-text {
                display: inline-block;
                vertical-align: middle;
                margin-left: .05rem;
                font-weight: 600;
                font-size: .15rem;
                line-height: 1.2em;
                color: #162e4c;
            }

        section.split-banner .device-specs .memory-options {
            display: inline-block;
            vertical-align: top;
            width: 50%;
        }

            section.split-banner .device-specs .memory-options .option {
                display: inline-block;
                vertical-align: middle;
                margin-top: .1rem;
                font-weight: 600;
                font-size: .15rem;
                line-height: 1.2em;
                color: #162e4c;
            }

                section.split-banner .device-specs .memory-options .option + .option:before {
                    content: '/';
                    margin-left: .35em;
                }

    section.split-banner .device-prices {
        margin-top: .4rem;
        margin-bottom: .4rem;
    }

        section.split-banner .device-prices .price-item {
            display: inline-block;
            vertical-align: middle;
            margin-right: 1.2rem;
        }

            section.split-banner .device-prices .price-item .small {
                font-weight: 800;
                font-size: .15rem;
                line-height: 1em;
                letter-spacing: .05em;
                color: #162e4c;
            }

            section.split-banner .device-prices .price-item .large {
                font-weight: 800;
                font-size: .4rem;
                line-height: 1em;
                letter-spacing: .05em;
                color: #162e4c;
            }

/* Featured Campaigns */

section.featured-campaigns {
    position: relative;
    padding-bottom: 1rem;
    font-size: 0;
    text-align: center;
}

section.split-banner + section.featured-campaigns {
    padding-top: 1rem;
}

section.featured-campaigns .content {
    margin-bottom: .5rem;
}

section.featured-campaigns .container {
    position: relative;
    width: 12.6rem;
    margin-left: auto;
    margin-right: auto;
}

section.featured-campaigns.gray {
    background-color: #f7f7f7;
}

section.featured-campaigns .title-default:after {
    display: none;
}

section.featured-campaigns .item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 47.9%;
    height: 1.82rem;
    text-align: left;
    box-shadow: .1rem .2rem .29rem rgba(0,0,0,.03);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    section.featured-campaigns .item:after {
        content: '\f105';
        position: absolute;
        display: inline-block;
        top: 50%;
        right: 7.2%;
        font-family: FontAwesome;
        font-size: .46rem;
        color: #0e3359;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    section.featured-campaigns .item + .item {
        margin-left: 4.2%;
    }

section.featured-campaigns .item-content {
    width: 53.1%;
    margin-left: 34.3%;
}

section.featured-campaigns .title {
    font-weight: 800;
    font-size: .3rem;
    line-height: 1em;
    color: #0e3359;
}

section.featured-campaigns .text {
    position: relative;
    max-height: 6.5em;
    margin-top: .08rem;
    font-weight: 500;
    font-size: .16rem !important;
    line-height: 1.625em !important;
    color: #162e4c;
    overflow: hidden;
}

    section.featured-campaigns .text * {
        font-size: .16rem !important;
        line-height: 1.625em !important;
    }

section.featured-campaigns .item:only-of-type {
    width: 100%;
}

    section.featured-campaigns .item:only-of-type .item-content {
        width: 43.65%;
        margin-left: 47.2%;
    }

    section.featured-campaigns .item:only-of-type:after {
        right: 4.6%;
    }

/* Join Campaign */

section.join-campaign {
    position: relative;
    height: .8rem;
    font-size: 0;
    text-align: center;
}

    section.join-campaign .item {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        height: 100%;
        background-color: #f2f2f2;
    }

        section.join-campaign .item:first-child {
            background-color: #f9f9f9;
        }

        section.join-campaign .item:last-child {
            background-color: #f2f2f2;
        }

        section.join-campaign .item .item-content > *,
        section.join-campaign .item span,
        section.join-campaign .item img {
            display: inline-block;
            vertical-align: middle;
        }

    section.join-campaign .text-small span {
        font-weight: 600;
        font-size: .12rem;
        line-height: 1.25em;
        color: #1b334f;
    }

    section.join-campaign .text-middle span {
        font-weight: 600;
        font-size: .26rem;
        line-height: 1em;
        color: #0e3359;
    }

    section.join-campaign .text-middle.blue span {
        color: #1b334f;
    }

    section.join-campaign .text-large span {
        font-weight: 600;
        font-size: .32rem;
        line-height: 1em;
        color: #1b334f;
    }

    section.join-campaign .icon-right {
        width: .15rem;
        margin-right: .18rem;
    }

    section.join-campaign .icon-sms {
        width: .36rem;
        margin-left: .18rem;
        margin-right: .18rem;
        margin-top: .03rem;
    }

    section.join-campaign .item .customer-text {
        width: 1.1rem;
        margin-right: .18rem;
        text-align: right;
    }

    section.join-campaign .item .complete {
        width: .9rem;
        margin-left: .1rem;
        text-align: left;
    }

    section.join-campaign .btn-apply {
        display: inline-block;
        vertical-align: middle;
        width: 2.12rem;
        height: .51rem;
        margin-left: 1.45rem;
        font-weight: 800;
        font-size: .14rem;
        line-height: 1.2em;
        letter-spacing: .05em;
        color: #0e3359;
        text-align: center;
        background-color: white;
        border: .02rem solid #0e3359;
    }

    section.join-campaign .btn-apply-custom {
        display: inline-block;
        vertical-align: middle;
        width: 2.12rem;
        height: .51rem;
        margin-left: 1.45rem;
        font-weight: 800;
        font-size: .14rem;
        line-height: 1.2em;
        letter-spacing: .05em;
        color: #0e3359;
        text-align: center;
        background-color: white;
        border: .02rem solid #0e3359;
    }

    section.join-campaign .btn-apply:hover {
        box-shadow: 0 .09rem .18rem rgba(102,34,51,.16);
    }

    section.join-campaign .btn-apply:active {
        box-shadow: none;
    }

    section.join-campaign .btn-apply-custom:hover {
        box-shadow: 0 .09rem .18rem rgba(102,34,51,.16);
    }

    section.join-campaign .btn-apply-custom:active {
        box-shadow: none;
    }

.popup-wrapper {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-align: center;
    background-color: rgba(0,0,0,.7);
    z-index: 100;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

    .popup-wrapper.active {
        display: block;
    }

.popup-container {
    position: relative;
    width: 10rem;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    border-radius: 4px;
    padding-bottom: 100px;
    background-image: url(Images/background-modal.png);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

    .popup-container .tab-menu {
        position: relative;
        width: 100%;
        height: .9rem;
        z-index: 2;
        margin-top: 1rem;
    }

    .popup-container .menu-item {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 30%;
        height: 70%;
        text-align: center;
        cursor: pointer;
        background-color: #e8e8e8;
        border-radius: 4px;
    }

        .popup-container .menu-item span {
            font-weight: normal;
            font-size: .16rem;
            line-height: 1.2em;
            color: #0e3359;
        }

        .popup-container .menu-item.active {
            background-color: #0e3359;
        }

        .tab-menu .menu-item {
            height: 50px;
            width: 20%;
        }
        .tab-menu .menu-item:nth-child(1) {
            border-radius: 4px 0px 0px 4px;
        }
        .tab-menu .menu-item:nth-child(2) {
            border-radius: 0px;
        }
        .tab-menu .menu-item:nth-child(3) {
            border-radius: 0px 4px 4px 0px;
        }



            .popup-container .menu-item.active span {
                color: #ffffff;
            }

    .popup-container .tab-content {
        position: relative;
    }

    .popup-container .tab-item {
        display: none;
        padding: .2rem 0 .4rem 0;
    }

        .popup-container .tab-item.active {
            display: block;
        }

    .popup-container .block-container {
        position: relative;
        width: 100%;
    }

        .popup-container .block-container .block-item {
            display: inline-block;
            vertical-align: top;
            width: 33.3333%;
        }

        .popup-container .block-container .image {
            display: block;
            width: 1.18rem;
            height: 1.18rem;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            border-radius: .6rem;
            background-color: white;
        }

            .popup-container .block-container .image img {
                width: .5rem;
            }

        .popup-container .block-container .text {
            margin-top: .2rem;
            padding-left: .2rem;
            padding-right: .2rem;
            font-weight: 500;
            font-size: .14rem !important;
            line-height: 1.2em !important;
            color: white;
        }

            .popup-container .block-container .text * {
                font-size: .14rem !important;
                line-height: 1.2em !important;
            }

    .popup-container .form-close {
        position: absolute;
        width: .40rem;
        height: .40rem;
        right: 32px;
        top: 16px;
        border-radius: 50%;
        cursor: pointer;
        z-index: 10;
    }

        .popup-container .form-close img {
            position: absolute;
            width: 0.30rem;
            top: 50%;
            left: 50%;
            margin-top: -.1rem;
            margin-left: -.1rem;
        }

    .popup-container form {
        position: relative;
        display: block;
        width: 100%;
        max-width: 6.25rem;
        margin-top: .56rem;
        margin-left: auto;
        margin-right: auto;
    }

        .popup-container form .form-item + .form-item {
            margin-top: .12rem;
        }

        .popup-container form .form-item.checkbox {
            margin-top: .24rem;
        }

        .popup-container form .form-item input:not([type="checkbox"]) {
            width: 100%;
            height: .7rem;
            padding-left: .36rem;
            padding-right: .36rem;
            padding-bottom: 0;
            font-weight: 600;
            font-size: .16rem;
            line-height: 1.2em;
            color: #1b334f;
            border: 1px solid #cfd4da;
        }

        .popup-container form .form-item.error input:not([type="checkbox"]) {
            border: 1px solid #0e3359;
        }

        .popup-container form .btn-send {
            display: block;
            width: 100%;
            height: .7rem;
            margin-top: .3rem;
            text-align: center;
            background-color: white;
        }

            .popup-container form .btn-send:hover {
                background: f2f2f2;
                box-shadow: 0 .09rem .18rem rgba(101, 35, 52, .27);
            }

            .popup-container form .btn-send[disabled] {
                background-color: #6c6c6c!important;
            }

            .popup-container form .btn-send:active {
                background-color: white;
                box-shadow: none;
            }

            .popup-container form .btn-send span {
                font-weight: 800;
                font-size: .16rem;
                line-height: 1.2em;
                color: black;
            }

        .popup-container form [type="checkbox"]:not(:checked),
        .popup-container form [type="checkbox"]:checked {
            position: absolute;
            left: -9999px;
        }

            .popup-container form [type="checkbox"]:not(:checked) + label,
            .popup-container form [type="checkbox"]:checked + label {
                position: relative;
                display: block;
                width: 100%;
                padding-left: .4rem;
                font-weight: 500;
                font-size: .14rem;
                line-height: 1.2em;
                color: white;
                text-align: left;
                cursor: pointer;
            }

                .popup-container form [type="checkbox"]:not(:checked) + label:before,
                .popup-container form [type="checkbox"]:checked + label:before {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: .24rem;
                    height: .24rem;
                    background-color: #ededed;
                    box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    border: solid 1px #c6ccd4;
                }

                .popup-container form [type="checkbox"]:not(:checked) + label:after,
                .popup-container form [type="checkbox"]:checked + label:after {
                    content: '';
                    position: absolute;
                    display: block;
                    width: 0;
                    height: 0;
                    left: .12rem;
                    top: .12rem;
                    background-color: #0e3359;
                    box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    transition: .15s all ease;
                    -webkit-transition: .15s all ease;
                    -ms-transition: .15s all ease;
                    -moz-transition: .15s all ease;
                    -o-transition: .15s all ease;
                }

                .popup-container form [type="checkbox"]:checked + label:after {
                    width: .16rem;
                    height: .16rem;
                    margin-left: -.08rem;
                    margin-top: -.08rem;
                }

    .popup-container .title {
        font-weight: 600;
        font-size: .24rem;
        line-height: 1.2em;
        color: #0e3359;
    }

    .popup-container .text {
        margin-top: .3rem;
        font-weight: 600;
        font-size: .16rem !important;
        line-height: 1.5em !important;
        color: #1b334f;
    }

    .popup-container .title + .text {
        margin-top: .1rem;
    }

    .popup-container .text * {
        font-size: .16rem !important;
        line-height: 1.5em !important;
    }

    .popup-container .text p + p {
        margin-top: 1.5em;
    }

    .popup-container .content-items .item {
        margin-top: .28rem;
    }

        .popup-container .content-items .item img {
            display: inline-block;
            vertical-align: middle;
            width: .46rem;
        }

        .popup-container .content-items .item span {
            display: block;
            font-weight: 600;
            font-size: .16rem;
            line-height: 1.5em;
            color: #1b334f;
        }

        .popup-container .content-items .item img + span {
            display: inline-block;
            vertical-align: middle;
            width: calc(100% - .46rem);
            padding-left: .24rem;
        }

    .popup-container .table {
        position: relative;
        margin-top: .3rem;
        border: 1px solid #cfd4da;
        text-align: center;
    }

        .popup-container .table div + div {
            border-top: 1px solid #cfd4da;
        }

        .popup-container .table .left {
            display: inline-block;
            vertical-align: top;
            width: 50%;
        }

            .popup-container .table .left > div {
                height: .9rem;
                padding-left: .2rem;
                padding-right: .2rem;
            }

                .popup-container .table .left > div:first-child:last-child {
                    height: 1.8rem;
                }

        .popup-container .table .right {
            display: inline-block;
            vertical-align: top;
            width: 50%;
            border-left: 1px solid #cfd4da;
        }

            .popup-container .table .right > div {
                height: 1.8rem;
                padding-left: .2rem;
                padding-right: .2rem;
            }

        .popup-container .table span {
            font-weight: 600;
            line-height: 1.2em;
            color: #1b334f;
            word-break: break-word;
        }

            .popup-container .table span.small {
                font-size: .16rem;
            }

            .popup-container .table span.medium {
                font-size: .2rem;
            }

            .popup-container .table span.large {
                font-size: .36rem;
            }

                .popup-container .table span.large:after {
                    content: '';
                    display: block;
                }

        .popup-container .table img {
            width: 100% !important;
        }

    .popup-container .top {
        text-align: left;
    }

    .popup-container .bottom {
        margin-top: .3rem;
        padding-top: .3rem;
        text-align: left;
        border-top: 1px solid #cfd4da;
    }

/* Popup Result */

.popup-wrapper .form-result {
    position: relative;
    padding: .9rem 1.2rem;
    text-align: center;
}

.popup-wrapper .result-icon {
    position: relative;
    display: inline-block;
    width: 1.18rem;
    height: 1.18rem;
    margin-bottom: .5rem;
    border-radius: .6rem;
    border: 1px solid #d4d9de;
}

.popup-wrapper.result-error .result-icon img {
    height: .58rem;
}

.popup-wrapper.result-success .result-icon img {
    width: .51rem;
}

.popup-wrapper .result-title {
    font-weight: 600;
    font-size: .45rem;
    line-height: 1.2em;
    color: #0e3359;
}

.popup-wrapper .result-text {
    margin-top: .2rem;
    font-weight: 600;
    font-size: .2rem;
    line-height: 1.5em;
    color: #1b334f;
}

.popup-wrapper .btn-result {
    display: block;
    width: 100%;
    height: .7rem;
    margin-top: .65rem;
    text-align: center;
    background-color: #0e3359;
}

    .popup-wrapper .btn-result span {
        font-weight: 800;
        font-size: .16rem;
        line-height: 1.2em;
        color: white;
    }

/* Popup Form */

.popup-wrapper.form .popup-container .tab-item.bg {
    background-image: url(Images/background-modal.png);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

/* Campaign Detail Privilages */

section.campaign-detail-privilages {
    position: relative;
    padding-top: .77rem;
    padding-bottom: .88rem;
    font-size: 0;
    text-align: center;
}

    section.campaign-detail-privilages .container {
        display: block;
        width: 12.6rem;
        margin-top: .72rem;
        margin-left: auto;
        margin-right: auto;
    }

        section.campaign-detail-privilages .container .item {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            width: calc(50% - .48rem);
            height: 2.88rem;
            margin: .24rem;
            box-shadow: .11rem .21rem .29rem rgba(0,0,0,.08);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

            section.campaign-detail-privilages .container .item img {
                width: 100%;
            }

            section.campaign-detail-privilages .container .item .text {
                position: absolute;
                width: 100%;
                left: 0;
                bottom: 0;
                padding: .36rem .4rem;
                font-weight: 600;
                font-size: .32rem !important;
                line-height: 1.3125em !important;
                color: white;
                text-align: left;
            }

                section.campaign-detail-privilages .container .item .text p {
                    font-size: .32rem !important;
                    line-height: 1.3125em !important;
                }

                section.campaign-detail-privilages .container .item .text .detail {
                    position: relative;
                    display: inline-block;
                    margin-top: .15rem;
                    padding-bottom: .06rem;
                    font-weight: 800;
                    font-size: .15rem;
                    line-height: 1.2em;
                    letter-spacing: .05em;
                    color: white;
                }

                    section.campaign-detail-privilages .container .item .text .detail:after {
                        content: '';
                        display: block;
                        position: absolute;
                        width: 100%;
                        height: .03rem;
                        top: 100%;
                        left: 0;
                        font-size: 0;
                        background: white;
                    }

    section.campaign-detail-privilages .btn-privilage-mobile {
        display: none;
    }

/* Additional Packages */

section.additional-packages {
    position: relative;
    padding-top: .8rem;
    padding-bottom: .64rem;
    font-size: 0;
    text-align: center;
    background-color: #f7f7f7;
}

    section.additional-packages .boxes {
        position: relative;
        width: 13.08rem;
        margin-top: .6rem;
        margin-left: auto;
        margin-right: auto;
    }

    section.additional-packages .box {
        position: relative;
        height: 4.4rem;
        margin-left: .24rem;
        margin-right: .24rem;
        background-image: url(Icons/additional-packages-bg.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        box-shadow: .1rem .19rem .29rem rgba(0,0,0,.13);
    }

    section.additional-packages .box-content {
        padding-left: .71rem;
        padding-right: .71rem;
    }

    section.additional-packages .box img {
        display: inline-block;
        width: .9rem;
        margin-bottom: .3rem;
    }

    section.additional-packages .box .title {
        max-height: 2.4em;
        font-weight: 800;
        font-size: .26rem;
        line-height: 1.2em;
        color: #e8e8e8;
        overflow: hidden;
    }

    section.additional-packages .box .text {
        max-height: 0;
        margin-top: .06rem;
        font-weight: 600;
        font-size: .16rem !important;
        line-height: 1.6875em !important;
        color: #e8e8e8;
        overflow: hidden;
        transition: .5s all ease;
        -webkit-transition: .5s all ease;
        -ms-transition: .5s all ease;
        -moz-transition: .5s all ease;
        -o-transition: .5s all ease;
        transform: translateY(.2rem);
        -webkit-transform: translateY(.2rem);
        -ms-transform: translateY(.2rem);
        -moz-transform: translateY(.2rem);
        -o-transform: translateY(.2rem);
    }

    section.additional-packages .box:hover .text {
        max-height: 6.75em;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
    }

    section.additional-packages .box .text * {
        font-size: .16rem !important;
        line-height: 1.6875em !important;
    }

    section.additional-packages .box .btn-detail {
        position: absolute;
        display: inline-block;
        width: 2.1rem;
        height: .62rem;
        left: 50%;
        bottom: .62rem;
        margin-left: -1.05rem;
        text-align: center;
        background-color: #0e3359;
        border: 2px solid #86515e;
    }

        section.additional-packages .box .btn-detail:hover {
            background: #0e3359;
            box-shadow: 0 .09rem .18rem rgba(102,34,51,.16);
        }

        section.additional-packages .box .btn-detail:active {
            background: #0e3359;
            box-shadow: none;
        }

        section.additional-packages .box .btn-detail span {
            font-weight: 800;
            font-size: .14rem;
            line-height: 1em;
            letter-spacing: .05em;
            color: #fafafa;
        }

    section.additional-packages .owl-item {
        padding-bottom: .54rem;
    }

    section.additional-packages .owl-dots {
        text-align: center;
    }

    section.additional-packages .owl-dot {
        display: inline-block;
        vertical-align: middle;
        width: 11px;
        height: 11px;
        border-radius: 6px;
        border: 2px solid rgba(105,39,56,.34);
    }

        section.additional-packages .owl-dot.active {
            background-color: #0e3359;
            border: none;
        }

        section.additional-packages .owl-dot + .owl-dot {
            margin-left: 11px;
        }

/* Campaign Detail */

section.campaign-detail {
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1.3rem;
    font-size: 0;
    text-align: center;
}

    section.campaign-detail .title-default:after {
        display: none;
    }

    section.campaign-detail .tabs {
        display: block;
        width: 14.1rem;
        margin-top: .46rem;
        margin-left: auto;
        margin-right: auto;
    }

    section.campaign-detail .tab-menu {
    }

    section.campaign-detail .menu-item {
        position: relative;
        display: inline-block;
        vertical-align: top;
        height: .81rem;
        padding: .1rem .1rem;
        border: 2px solid #828f9e;
        border-left: none;
        cursor: pointer;
        word-wrap: break-word;
        word-break: break-word;
    }

        section.campaign-detail .menu-item:first-child {
            border-left: 2px solid #828f9e;
        }

        section.campaign-detail .menu-item span {
            max-height: 3.6em;
            font-weight: 800;
            font-size: .14rem;
            line-height: 1.2em;
            color: #1b334f;
            overflow: hidden;
        }

        section.campaign-detail .menu-item.active {
            background-color: #1b334f;
            border-color: #1b334f;
        }

            section.campaign-detail .menu-item.active span {
                color: white;
            }

            section.campaign-detail .menu-item.active:after {
                content: '';
                position: absolute;
                display: block;
                width: 0;
                height: 0;
                top: 100%;
                left: 50%;
                margin-left: -.1rem;
                border-left: .1rem solid transparent;
                border-right: .1rem solid transparent;
                border-top: .1rem solid #1b334f;
            }

    section.campaign-detail .tab-container {
        margin-top: .38rem;
    }

    section.campaign-detail .tab-item {
        display: none;
        font-weight: 500;
        font-size: .18rem !important;
        line-height: 1.78em !important;
        color: #162e4c;
        text-align: left;
    }

        section.campaign-detail .tab-item.active {
            display: block;
        }

        section.campaign-detail .tab-item * {
            font-size: .18rem !important;
            line-height: 1.78em !important;
        }

        section.campaign-detail .tab-item p + p {
            margin-top: 1em;
        }

        section.campaign-detail .tab-item table {
            width: 100% !important;
            height: auto !important;
            max-width: 100% !important;
            border: none !important;
            overflow: auto !important;
            border-collapse: collapse !important;
            border-spacing: 0 !important;
        }

            section.campaign-detail .tab-item table th {
                width: auto !important;
                height: auto !important;
            }

            section.campaign-detail .tab-item table tr {
                width: auto !important;
                height: auto !important;
            }

            section.campaign-detail .tab-item table td {
                width: auto !important;
                height: auto !important;
                border: none !important;
                border: 1px solid #ccc !important;
                line-height: 1.5em !important;
                padding: .1rem !important;
            }

                section.campaign-detail .tab-item table td br {
                    display: none;
                }

/* Magazine */

section.magazine {
    position: relative;
    padding-left: 2.1rem;
    padding-right: 3.4rem;
    padding-top: .95rem;
    padding-bottom: .45rem;
    font-size: 0;
    background-color: #fcfcfc;
}

    section.magazine .magazine-image {
        display: inline-block;
        vertical-align: middle;
        width: 55.25%;
        margin-right: 4.35%;
    }

    section.magazine .content {
        display: inline-block;
        vertical-align: middle;
        width: 40.4%;
        margin-top: -.5rem;
    }

        section.magazine .content .title-default:after {
            display: none;
        }

        section.magazine .content .text-default {
            margin-top: .16rem;
        }

            section.magazine .content .text-default p + p {
                margin-top: .75em;
            }

        section.magazine .content .btn-default {
            margin-top: .32rem;
        }

    section.magazine .background-images {
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 100%;
    }

        section.magazine .background-images .image-1 {
            position: absolute;
            left: 0;
            top: .7rem;
            width: 1.37rem;
        }

        section.magazine .background-images .image-2 {
            position: absolute;
            right: 0;
            top: -1.36rem;
            width: 2.77rem;
        }

/* Special Campaign */

section.special-campaign {
    position: relative;
    padding-top: 1.2rem;
    padding-bottom: 1.08rem;
    font-size: 0;
    background-image: url(Images/special-campaign-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    section.special-campaign .container {
        display: block;
        width: 12.6rem;
        margin-left: auto;
        margin-right: auto;
    }

    section.special-campaign .image {
        display: inline-block;
        vertical-align: middle;
        width: 40.48%;
        margin-right: 7.53%;
        box-shadow: .12rem .21rem .29rem rgba(0,0,0,.08);
    }

    section.special-campaign .content {
        display: inline-block;
        vertical-align: middle;
        width: 51.99%;
    }

    section.special-campaign .title {
        font-weight: 800;
        font-size: .34rem;
        line-height: 1.2em;
        color: #0e3359;
    }

    section.special-campaign .text {
        margin-top: .2rem;
        font-weight: 500;
        font-size: .2rem !important;
        line-height: 1.6em !important;
        color: #162e4c;
    }

        section.special-campaign .text * {
            font-size: .2rem !important;
            line-height: 1.6em !important;
        }

        section.special-campaign .text p + p {
            margin-top: 1.6em;
        }

/* Privilages List */

section.privilages {
    position: relative;
    padding-left: 3.3rem;
    padding-right: 3.3rem;
    padding-bottom: .8rem;
    padding-top: .9rem;
    font-size: 0;
    text-align: center;
    background: white;
}

    section.privilages.stacked {
        background-image: url(Images/bg-plusprivilages.jpg);
        background-size: 100%;
        background-position: 0 2.4rem;
        background-repeat: no-repeat;
    }

    section.privilages .container {
        position: relative;
        margin-top: .25rem;
    }

    section.privilages .tags {
        position: relative;
        padding: .22rem .32rem;
        border: 1px solid rgba(102,34,51,.32);
    }

        section.privilages .tags .label {
            display: none;
            vertical-align: middle;
            width: 13%;
            font-weight: 800;
            font-size: .16rem;
            line-height: 1.2em;
            color: #0e3359;
            text-align: left;
        }

    section.privilages .tags-menu {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        margin-left: 3.5%;
        margin-right: 3.5%;
    }

        section.privilages .tags-menu .tag {
            position: relative;
            height: .4rem;
            padding-left: .2rem;
            padding-right: .2rem;
            margin-right: .13rem;
            text-align: center;
            border: 1px solid rgba(102,34,51,.32);
            background-color: white;
            cursor: pointer;
        }

            section.privilages .tags-menu .tag:hover {
                box-shadow: 0 0.09rem 0.18rem rgba(101, 35, 52, .27);
            }

            section.privilages .tags-menu .tag:active {
                box-shadow: none;
            }

            section.privilages .tags-menu .tag span {
                font-weight: 600;
                font-size: .14rem;
                line-height: 1.2em;
                color: #0e3359;
            }

            section.privilages .tags-menu .tag .close {
                display: inline-block;
                vertical-align: middle;
                width: .16rem;
                height: .16rem;
                margin-left: .14rem;
                background-image: url(Icons/icon-close.svg);
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
            }

            section.privilages .tags-menu .tag.active {
                background-color: #0e3359;
            }

                section.privilages .tags-menu .tag.active span {
                    color: white;
                }

        section.privilages .tags-menu .owl-nav {
	    display: none!important;
            position: absolute;
            width: 110%;
            height: 0;
            left: -5%;
            top: 50%;
        }

        section.privilages .tags-menu .owl-prev {
            float: left;
        }

        section.privilages .tags-menu .owl-next {
            float: right;
        }

        section.privilages .tags-menu .owl-prev:before {
            content: '\f104';
            display: inline-block;
            margin-top: -.23rem;
            padding: .1rem;
            font-family: FontAwesome;
            font-size: .26rem;
            line-height: 1em;
            color: #0e3359;
        }

        section.privilages .tags-menu .owl-next:before {
            content: '\f105';
            display: inline-block;
            margin-top: -.23rem;
            padding: .1rem;
            font-family: FontAwesome;
            font-size: .26rem;
            line-height: 1em;
            color: #0e3359;
        }

    section.privilages .items {
        position: relative;
        margin-top: .32rem;
    }

        section.privilages .items:after {
            content: '';
            display: block;
            width: 100%;
            height: 0;
            clear: both;
        }

    section.privilages .item {
        position: relative;
        display: inline-block;
        vertical-align: top;
        float: left;
        width: 32.222%;
        height: 0;
        padding-top: 26.19%;
        margin-right: 1.667%;
        margin-top: 1.667%;
        text-align: left;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

        section.privilages .item:hover {
            box-shadow: 0 0.09rem 0.18rem rgba(0, 0, 0, .2);
        }

        section.privilages .item:active {
            box-shadow: none;
        }

    section.privilages:not(.stacked) .item:nth-child(1) {
        width: 49.127%;
        padding-top: 54.02%;
        margin-right: 1.667%;
        margin-top: 0;
    }

    section.privilages:not(.stacked) .item:nth-child(2) {
        width: 49.206%;
        margin-top: 0;
        margin-right: 0;
    }

    section.privilages:not(.stacked) .item:nth-child(3) {
        width: 49.206%;
        margin-right: 0;
    }

    section.privilages .item:nth-child(3n+3),
    section.privilages.filter-active .item:nth-child(3n+3) {
        margin-right: 0 !important;
    }

    section.privilages.filter-active .item {
        width: 32.222% !important;
        padding-top: 26.19% !important;
        margin-right: 1.667% !important;
        margin-top: 1.667% !important;
    }

    section.privilages .item .content {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        padding: .36rem .42rem;
    }

    section.privilages .item .text {
        display: inline-block;
        width: 100%;
        font-weight: 600;
        font-size: .32rem !important;
        line-height: 1.25em !important;
        color: white;
    }

        section.privilages .item .text * {
            font-size: .32rem !important;
            line-height: 1.25em !important;
        }

    section.privilages .item .title {
        display: none;
    }

    section.privilages .item .detail {
        display: none;
    }

/* Only Text */
section.only-text {
    position: relative;
    padding-top: .98rem;
    padding-bottom: .86rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    font-size: 0;
    text-align: center;
}

    section.only-text .title-default:after {
        display: none;
    }

    section.only-text .text-default {
        margin-top: .4rem;
        text-align: left;
    }

        section.only-text .text-default p + p {
            margin-top: .16rem;
        }

/* Devices */

section.devices {
    position: relative;
    padding-top: .64rem;
    padding-bottom: .82rem;
    font-size: 0;
    text-align: center;
}

    section.devices .device-header {
        position: relative;
        width: 12.6rem;
        margin-top: .6rem;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        z-index: 2;
    }

    section.devices .label {
        display: inline-block;
        vertical-align: middle;
        width: 21.12%;
        padding-right: .45rem;
        font-weight: 800;
        font-size: .22rem;
        line-height: 1.27em;
        color: #0e3359;
        text-align: right;
    }

    section.devices .filter {
        display: inline-block;
        vertical-align: middle;
        width: 78.88%;
    }

        section.devices .filter .item {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            height: .61rem;
            width: 23.6%;
            text-align: center;
            cursor: pointer;
            border: 1px solid #e4d8db;
            border-radius: .03rem;
            box-shadow: 0 .09rem .18rem rgba(102, 34, 51, .12);
        }

            section.devices .filter .item.all:after {
                content: '';
                position: absolute;
                right: -5%;
                top: 0;
                height: 100%;
                width: 1px;
                background-color: #0e3359;
            }

            section.devices .filter .item.active {
                border-color: #0e3359;
                background-color: #0e3359;
            }

                section.devices .filter .item.active span {
                    color: #FFF;
                }

            section.devices .filter .item + .item {
                margin-left: 1.866666%;
            }

            section.devices .filter .item span {
                font-weight: 800;
                font-size: .14rem;
                line-height: 1.2em;
                letter-spacing: .05em;
                color: #0e3359;
            }

    section.devices .device-container {
        position: relative;
        display: block;
        width: 12.84rem;
        padding-top: .08rem;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }

        section.devices .device-container .item {
            display: inline-block;
            vertical-align: top;
            width: 31%;
            margin-top: .56rem;
            margin-left: 1.1666%;
            margin-right: 1.1666%;
            text-align: center;
        }

            section.devices .device-container .item.hidden {
                display: none;
            }

            section.devices .device-container .item img {
                width: 100%;
                box-shadow: -.11rem .2rem .59rem rgba(27,51,79,.11);
            }

    section.devices .device-content {
        position: relative;
        width: 100%;
        padding: .34rem .5rem .54rem .5rem;
        background-image: url(Icons/device-bg.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

        section.devices .device-content .title {
            position: relative;
            height: .76rem;
            margin-bottom: .1rem;
            overflow: hidden;
        }

            section.devices .device-content .title .text {
                font-weight: 500;
                font-size: .28rem !important;
                line-height: 1.36em !important;
                color: #0e3359;
            }

                section.devices .device-content .title .text * {
                    font-size: .28rem !important;
                    line-height: 1.36em !important;
                }

        section.devices .device-content .desc {
            position: relative;
            height: .46rem;
            margin-bottom: .28rem;
            overflow: hidden;
        }

            section.devices .device-content .desc .text {
                font-weight: 500;
                font-size: .18rem !important;
                line-height: 1.3333em !important;
                color: #162e4c;
            }

                section.devices .device-content .desc .text * {
                    font-size: .18rem !important;
                    line-height: 1.3333em !important;
                }

/* Blog Detail */

section.blog-detail {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 10.5rem;
}

    section.blog-detail > *:first-child {
        margin-top: 0 !important;
    }

    section.blog-detail .text-large {
        margin-top: .4rem;
        font-weight: 600;
        font-size: .31rem !important;
        line-height: 1.3em !important;
        color: #162e4c;
    }

        section.blog-detail .text-large * {
            font-size: .31rem !important;
            line-height: 1.3em !important;
        }

        section.blog-detail .text-large p + p {
            margin-top: 1em;
        }

    section.blog-detail .text {
        margin-top: 1em;
        font-weight: 600;
        font-size: .18rem !important;
        line-height: 1.5em !important;
        color: #162e4c;
    }

        section.blog-detail .text * {
            font-size: .18rem !important;
            line-height: 1.5em !important;
        }

        section.blog-detail .text p + p {
            margin-top: 1em;
        }

    section.blog-detail img {
        display: block;
        width: 100% !important;
        height: auto !important;
        margin-top: .45rem;
        margin-bottom: .45rem;
    }

/* Image Banner */

section.image-banner {
    position: relative;
    height: 0;
    width: 100%;
    padding-top: 35.625%;
    font-size: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Blank Text */

section.blank {
    position: relative;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 2rem;
    padding-top: .8rem;
    font-size: 0;
    text-align: center;
}

    section.blank .title-default:after {
        display: none;
    }

    section.blank .text {
        margin-top: .3rem;
        font-weight: 500;
        font-size: .2rem;
        line-height: 1.6em;
        color: #162e4c;
    }

        section.blank .text * {
            font-size: inherit !important;
            line-height: inherit !important;
        }

/* 404 */

section.error-404 {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 48.23%;
    font-size: 0;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    section.error-404 .text {
        position: absolute;
        width: 10rem;
        left: 50%;
        bottom: 2.3rem;
        margin-left: -5rem;
        font-weight: 500;
        font-size: .4rem;
        line-height: 1.2em;
        color: #fafafa;
        text-align: center;
    }

        section.error-404 .text:before {
            content: '';
            display: block;
            width: .55rem;
            height: .05rem;
            margin-bottom: .45rem;
            margin-left: auto;
            margin-right: auto;
            background: white;
        }

/* Plus */

section.plus {
    position: relative;
    padding-top: 1rem;
    padding-bottom: .9rem;
    font-size: 0;
    text-align: center;
    background-color: #f7f7f7;
}

    section.plus .content {
        position: relative;
        display: block;
        width: 9rem;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        z-index: 2;
    }

    section.plus .items {
        position: relative;
        display: block;
        width: 64.74%;
        margin-left: auto;
        margin-right: auto;
    }

    section.plus * + .items {
        margin-top: .56rem;
    }

    section.plus .item {
        display: inline-block;
        vertical-align: top;
        width: 25%;
        padding-left: .32rem;
        padding-right: .32rem;
        padding-bottom: .4rem;
        border-left: 1px solid #e7e0e2;
        border-right: 1px solid transparent;
    }

        section.plus .item:last-child {
            border-right: 1px solid #e7e0e2;
        }

        section.plus .item .image {
            width: 100%;
            height: 1.9rem;
        }

            section.plus .item .image img {
                width: 100%;
            }

        section.plus .item .item-text {
            font-weight: 500;
            font-size: .18rem;
            line-height: 1.278em;
            color: #162e4c;
        }

    section.plus * + .text {
        margin-top: .56rem;
    }

    section.plus * + .btn-default {
        margin-top: .4rem;
    }

/* Plus Form */

section.plus-form {
    position: relative;
    padding-top: .9rem;
    padding-bottom: 1rem;
    font-size: 0;
    text-align: center;
    border-bottom: 1px solid #cfd4da;
}

    section.plus-form .content,
    section.plus-form .form {
        position: relative;
        display: block;
        width: 8.2rem;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    section.plus-form .title-default:after {
        display: none;
    }

    section.plus-form * + .form {
        margin-top: .36rem;
    }

    section.plus-form form .form-item {
        display: inline-block;
        vertical-align: middle;
        width: calc(50% - .2rem);
        margin: .1rem;
        text-align: left;
    }

        section.plus-form form .form-item.full {
            width: calc(100% - .2rem);
        }

        section.plus-form form .form-item.checkbox {
            margin-top: .24rem;
        }

        section.plus-form form .form-item input:not([type="checkbox"]) {
            width: 100%;
            height: .7rem;
            padding-left: .36rem;
            padding-right: .36rem;
            font-weight: 600;
            font-size: .16rem;
            line-height: 1.2em;
            color: #1b334f;
            border: 1px solid #cfd4da;
        }

        section.plus-form form .form-item.error input:not([type="checkbox"]) {
            border: 1px solid #0e3359;
        }

    section.plus-form .form-item.error [type="checkbox"]:not(:checked) + label:before {
        border: 1px solid #0e3359;
    }

    section.plus-form form .btn-send {
        display: block;
        width: calc(100% - .2rem);
        height: .7rem;
        margin-top: .3rem;
        margin-left: .1rem;
        margin-right: .1rem;
        text-align: center;
        background-color: #0e3359;
    }

        section.plus-form form .btn-send:hover {
            background: #0e3359;
            box-shadow: 0 .09rem .18rem rgba(101, 35, 52, .27);
        }

        section.plus-form form .btn-send:active {
            background-color: #0e3359;
            box-shadow: none;
        }

        section.plus-form form .btn-send span {
            font-weight: 800;
            font-size: .16rem;
            line-height: 1.2em;
            color: white;
        }

    section.plus-form form [type="checkbox"]:not(:checked),
    section.plus-form form [type="checkbox"]:checked {
        position: absolute;
        left: -9999px;
    }

        section.plus-form form [type="checkbox"]:not(:checked) + label,
        section.plus-form form [type="checkbox"]:checked + label {
            position: relative;
            display: block;
            width: 100%;
            padding-left: .36rem;
            font-weight: 300;
            font-size: .16rem;
            line-height: 1.5em;
            color: #1b334f;
            text-align: left;
            cursor: pointer;
        }

            section.plus-form form [type="checkbox"]:not(:checked) + label a,
            section.plus-form form [type="checkbox"]:checked + label a {
                color: inherit;
                text-decoration: underline;
            }

            section.plus-form form [type="checkbox"]:not(:checked) + label:before,
            section.plus-form form [type="checkbox"]:checked + label:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: .24rem;
                height: .24rem;
                background-color: #ededed;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
            }

            section.plus-form form [type="checkbox"]:not(:checked) + label:after,
            section.plus-form form [type="checkbox"]:checked + label:after {
                content: '';
                position: absolute;
                display: block;
                width: 0;
                height: 0;
                left: .12rem;
                top: .12rem;
                background-color: #0e3359;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                transition: .15s all ease;
                -webkit-transition: .15s all ease;
                -ms-transition: .15s all ease;
                -moz-transition: .15s all ease;
                -o-transition: .15s all ease;
            }

            section.plus-form form [type="checkbox"]:checked + label:after {
                width: .16rem;
                height: .16rem;
                margin-left: -.08rem;
                margin-top: -.08rem;
            }

    section.plus-form .result {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding: .3rem;
        background-image: url(Images/bg-plus-result.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 3;
    }

        section.plus-form .result img {
            display: block;
            width: .87rem;
            margin-left: auto;
            margin-right: auto;
        }

        section.plus-form .result .text {
            font-weight: 600;
            font-size: .22rem;
            line-height: 1.2em;
            color: #0e3359;
        }

        section.plus-form .result * + .text {
            margin-top: .18rem;
        }

        section.plus-form .result * + .btn-back {
            margin-top: .3rem;
        }

    section.plus-form .url {
        display: inline-block;
        font-weight: 800;
        font-size: .16rem;
        line-height: 1.4em;
        color: #162e4c;
        text-decoration: underline;
    }

    section.plus-form * + .url {
        margin-top: .5rem;
    }

.popup-wrapper.plus-form-kvk .popup-container {
    width: 6.26rem;
}

.popup-wrapper.plus-form-kvk .kvk-container {
    padding: .6rem;
    text-align: left;
}

    .popup-wrapper.plus-form-kvk .kvk-container .title {
        font-weight: 600;
        font-size: .48rem;
        line-height: 1.2em;
        color: #0e3359;
    }

    .popup-wrapper.plus-form-kvk .kvk-container .text {
        font-weight: 300;
        font-size: .16rem;
        line-height: 1.5em;
        color: #1b334f;
    }

    .popup-wrapper.plus-form-kvk .kvk-container .title + .text {
        margin-top: .2rem;
    }

/* Image Only */

section.image-only {
    position: relative;
    padding: .5rem 1rem .6rem 1rem;
    text-align: center;
}

    section.image-only img {
        max-width: 100%;
    }

/* Loading */

.loading {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 9999;
    background: rgba(0,0,0,.75);
    display: none;
}

    .loading.active {
        display: block;
    }

#load {
    width: 150px;
    animation: loading 3s linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -75px;
    margin-top: -75px;
}

    #load #loading-inner {
        stroke-dashoffset: 0;
        stroke-dasharray: 300;
        stroke-width: 10;
        stroke-miterlimit: 10;
        stroke-linecap: round;
        animation: loading-circle 2s linear infinite;
        stroke: #0e3359;
        fill: transparent;
    }

@keyframes loading {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loading-circle {
    0% {
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dashoffset: -600;
    }
}

.h1-tag {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.h2-tag {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.h3-tag {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

/* IsTT */

.istt-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    background: rgba(0,0,0,.5);
    z-index: 100;
}

    .istt-wrapper.active {
        display: block;
    }

.istt-container {
    position: absolute;
    width: 4.8rem;
    top: .56rem;
    right: .56rem;
    padding: .45rem;
    padding-top: .38rem;
    background: white;
}

    .istt-container:before {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        bottom: 100%;
        right: .11rem;
        border-left: .11rem solid transparent;
        border-right: .11rem solid transparent;
        border-bottom: .11rem solid white;
    }

    .istt-container .text {
        font-weight: 600;
        font-size: .2rem;
        line-height: 1.4em;
        color: #162e4c;
        text-align: center;
    }

    .istt-container a {
        display: block;
        width: 100%;
        height: .62rem;
        margin-top: .3rem;
        font-weight: 600;
        font-size: .15rem;
        line-height: 1.2em;
        letter-spacing: .05em;
        color: white;
        text-align: center;
        background: #0e3359;
    }

        .istt-container a + a {
            margin-top: .13rem;
        }

        .istt-container a:hover {
            background-color: #0e3359;
        }

        .istt-container a:active {
            background-color: #0e3359;
        }

/* Video Popup */

.video-popup-wrapper {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    font-size: 0;
    text-align: center;
    z-index: 1000;
    background-color: rgba(0,0,0,.9);
    overflow: auto;
}

.video-popup-container {
    position: relative;
    width: 62.5%;
    padding-top: .46rem;
    padding-bottom: .46rem;
}

    .video-popup-container .popup-close {
        position: absolute;
        width: .59rem;
        height: .59rem;
        top: .46rem;
        left: 100%;
        background-color: white;
        cursor: pointer;
    }

        .video-popup-container .popup-close img {
            position: absolute;
            width: .19rem;
            top: .19rem;
            left: .2rem;
        }

    .video-popup-container .video {
        position: relative;
        display: block;
        width: 100%;
        height: 0;
        padding-top: 56.25%;
        margin-left: auto;
        margin-right: auto;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

        .video-popup-container .video video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: transparent;
        }

        .video-popup-container .video .btn-play {
            position: absolute;
            width: 1.24rem;
            top: 50%;
            left: 50%;
            margin-top: -.62rem;
            margin-left: -.62rem;
            cursor: pointer;
        }

            .video-popup-container .video .btn-play img {
                width: 100%;
            }

                .video-popup-container .video .btn-play img.hover {
                    display: none;
                }

            .video-popup-container .video .btn-play:hover img.default {
                display: none;
            }

            .video-popup-container .video .btn-play:hover img.hover {
                display: block;
            }

    .video-popup-container .content .text {
        font-weight: 600;
        font-size: .2rem;
        line-height: 1.2em;
        letter-spacing: .01em;
        color: white;
    }

        .video-popup-container .content .text:first-child {
            padding-top: .4rem;
        }

    .video-popup-container .content a {
        display: inline-block;
        height: .62rem;
        padding-left: .5rem;
        padding-right: .5rem;
        background-color: white;
    }

        .video-popup-container .content a span {
            font-weight: 800;
            font-size: .16rem;
            line-height: 1.2em;
            color: #0e3359;
        }

    .video-popup-container .content * + a {
        margin-top: .3rem;
    }

/* Faq*/
section.faq {
    display: inline-block;
    width: 100%;
    background-color: #f3f3f3;
}

    section.faq .banner {
        display: inline-block;
        width: 100%;
        position: relative;
        height: 6.4rem;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

        section.faq .banner .triangle {
            width: 3.22rem;
            display: inline-block;
            position: absolute;
            bottom: 0;
            margin-bottom: -1.39rem;
        }

            section.faq .banner .triangle.left {
                left: 0;
            }

            section.faq .banner .triangle.right {
                right: 0;
            }

            section.faq .banner .triangle img {
                display: inline-block;
                width: 100%;
            }

    section.faq .wrapper {
        position: relative;
        width: 100%;
        max-width: 8.25rem;
        z-index: 2;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 1.78rem;
        padding-top: .8rem;
    }

        section.faq .wrapper.wide {
            max-width: 13.25rem;
        }

        section.faq .wrapper .title-default {
            font-size: .58rem;
            text-align: center;
            margin-top: 0;
        }

            section.faq .wrapper .title-default:after {
                content: none;
            }

        section.faq .wrapper .boxes {
            display: inline-block;
            font-size: 0;
            width: 100%;
        }

        section.faq .wrapper * + .boxes {
            margin-top: .55rem;
        }

        section.faq .wrapper .boxes .box {
            display: inline-block;
            width: 100%;
            border-bottom: 1px solid rgba(22,46,76, .2);
            padding: .23rem 0;
            cursor: pointer;
        }

            section.faq .wrapper .boxes .box .title {
                position: relative;
                display: inline-block;
                width: 100%;
                font-size: .18rem;
                font-weight: 700;
                line-height: 1.56em;
                color: #162e4c;
                padding-right: .52rem;
            }

                section.faq .wrapper .boxes .box .title .arrow {
                    display: inline-block;
                    position: absolute;
                    height: .32rem;
                    width: .32rem;
                    right: .1rem;
                    top: 50%;
                    margin-top: -.16rem;
                    transform: rotate(0);
                    -o-transform: rotate(0);
                    -ms-transform: rotate(0);
                    -moz-transform: rotate(0);
                    -webkit-transform: rotate(0);
                    transition: all .2s ease-in-out;
                    -o-transition: all .2s ease-in-out;
                    -ms-transition: all .2s ease-in-out;
                    -moz-transition: all .2s ease-in-out;
                    -webkit-transition: all .2s ease-in-out;
                    transform-origin: center;
                }

                    section.faq .wrapper .boxes .box .title .arrow img {
                        display: inline-block;
                        height: .32rem;
                        width: .32rem;
                    }

            section.faq .wrapper .boxes .box.active .title .arrow {
                transform: rotate(180deg);
                -o-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
            }

            section.faq .wrapper .boxes .box .content {
                display: none;
                padding-top: .25rem;
                cursor: default;
            }

            section.faq .wrapper .boxes .box .text {
                position: relative;
                font-weight: 400;
                font-size: .14rem !important;
                line-height: 1.71em !important;
                color: #162e4c;
                overflow: hidden;
            }

                section.faq .wrapper .boxes .box .text * {
                    font-size: .14rem !important;
                    line-height: 1.71em !important;
                }

/*Mobile Smart App Model*/
.mobile-smart-app-banner {
    display: none !important;
}

section.split-banner .content h2 {
        
    margin-bottom: .16rem;
            
    font-weight: 800;
            
    font-size: .64rem;
            
    line-height: 1.17em;
            
    color: #0e3359;
    
}

section.mobile-smart-app-banner {
    display: none;
}

/* Custom Css */
.tab-content .form-item input {
    height: 0.6rem !important;
    border: solid 1px #d9dbde !important;
    border-radius: 4px !important;
    padding-left: 14px !important;
    padding-top: 0.20rem !important;
    color: #333333 !important;
    margin-bottom: 4px !important;
    font-weight: normal !important;
    font-size: 0.16rem !important;
}

.tab-content .form-item {
    position: relative !important;
}

.tab-content .btn-send {
    background-color: #0e3359 !important;
    height: 50px !important;
    margin: 20px auto !important;
    display: block !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    border: 1px solid #0e3359;
}

    .tab-content .btn-send span {
        color: #ffffff !important;
        font-size: 16px !important;
        font-weight: normal !important;
    }

.tab-content .application-form {
    margin-top: 4px !important;
    width: 100% !important;
}

.tab-content .form-label {
    font-size: 0.12rem !important;
    float: left !important;
    color: #7d7d7d !important;
    margin-bottom: 0.4rem !important;
    position: absolute;
    top: 8px !important;
    left: 16px !important;
}

.tab-content .number-same {
    font-size: 16px !important;
    color: #333330 !important;
    font-size: 0.16rem !important;
    line-height: 1.60 !important;
}

.popup-container .form-title {
    font-size: 0.24rem !important;
    color: #162e4c !important;
}

.popup-container .info {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center !important;
    margin-top: 30px !important;
}

    .popup-container .info p {
        margin-top: 20px;
        font-size: 0.16rem !important;
        color: #162e4c !important;
        text-align: left !important;
        margin-left: 20px !important;
    }

.popup-container .form {
    margin-top: -30px !important;
}


.popup-container .tab-wrap {
    /*display: none !important;*/
}


.popup-container .number-porting-form {
    /*display: none !important;*/
    margin-top: 0.10rem !important;
}

.popup-container .verify-text {
    font-size: 0.18rem !important;
    color: #162e4c !important;
    margin-top: 0.4rem !important;
    display: none !important;
    margin-bottom: 0.8rem !important;
}

    .popup-container .verify-text.show {
        display: block !important;
    }

.popup-container .verify-text-2 {
    font-size: 0.18rem !important;
    color: #162e4c !important;
    margin-top: 0.4rem !important;
    display: none !important;
    margin-bottom: 0.8rem !important;
}

    .popup-container .verify-text-2.show {
        display: block !important;
    }

    .popup-container .verify-text-3 {
        font-size: 0.18rem !important;
        color: #162e4c !important;
        margin-top: 0.4rem !important;
        display: none !important;
        margin-bottom: 0.8rem !important;
    }
    
        .popup-container .verify-text-3.show {
            display: block !important;
        }

    .popup-container .verify-text.hide {
        display: none !important;
    }

.popup-container .verify-form {
    display: none !important;
}

    .popup-container .verify-form.show {
        display: block !important;
    }
    .popup-container .verify-form.hide {
        display: none !important;
    }

.application-completed {
    margin-top: 1.6rem !important;
    display: none !important;
}

    .application-completed.show {
        display: block !important;
    }

    .application-completed img {
        margin-bottom: 0.20rem !important;
    }

    .application-completed div {
        font-size: 0.20rem !important;
        color: #002a53 !important;
    }

    .application-completed p {
        font-size: 0.16rem !important;
        color: #6c6c6c !important;
        margin-top: 0.20rem !important;
        line-height: 0.40rem !important;
    }

.all-content {
    /*display: none !important;*/
}

.same-number {
    margin-top: 1rem !important;
    display: none !important;
}
.same-number.show {
    display: block !important;
}

    .same-number img {
        margin-bottom: 0.20rem;
    }


    .same-number div {
        font-size: 20px !important;
        color: #002a53 !important;
    }

    .same-number p {
        font-size: 0.16rem !important;
        color: #6c6c6c !important;
        margin-top: 0.24rem !important;
    }

    .same-number img {
        margin-top: 0.20rem !important;
    }

.verify-time-1 {
    font-size: 0.14rem !important;
    color: #162e4c !important;
    margin-top: 0.16rem !important;
    margin-bottom: 0.32rem !important;
    float: left !important;
}

.send-again {
    font-size: 0.16rem !important;
    font-weight: 600 !important;
    color: #162e4c !important;
    cursor: pointer !important;
    display: none !important;
}

.send-again.show{
    display: block !important;
}

.verify-notify-1 {
    font-size: 0.20rem !important;
    color: #162e4c !important;
    margin-bottom: 0.40rem !important;
    display: none !important;
}

.verify-notify-1.show {
    display: block !important;
}

.verify-area.hide{
    display: none !important;
}

@media screen and (max-width: 1200px) {
    .popup-container .info p {
        font-size: 0.22rem !important;
    }

    .popup-container .info {
        padding: 0 10px !important;
    }

    .tab-content .number-same {
        font-size: 0.20rem !important;
    }

    .tab-content .form-label {
        font-size: 0.20rem !important;
    }

    .tab-content .form-item input {
        font-size: 0.24rem !important;
        height: 0.8rem !important;
    }

    .verify-time-1, .verify-time-1 {
        font-size: 0.20rem !important;
    }

    .popup-container .verify-text {
        font-size: 0.20rem !important;
    }

    .application-completed div {
        font-size: 0.22rem !important;
    }

    .application-completed p {
        font-size: 0.22rem !important;
        padding-bottom: 50px;
    }

    .popup-container .menu-item span {
        font-size: 0.20rem !important;
    }
}

@media screen and (max-width: 900px) {
   

    .popup-container .form-close {
        right: 16px !important;
        top: 16px !important;
    }
    .popup-container form [type="checkbox"]:not(:checked) + label:before,
    .popup-container form [type="checkbox"]:checked + label:before {
        top: -0.12rem !important;
    }

    .popup-container form [type="checkbox"]:checked + label:after {
        margin-top: -0.28rem !important;
    }
    .application-completed p {
        padding-bottom: 50px;
    }

}
@media screen and (max-width: 768px) {
    .popup-container .info p {
        text-align: center!important;
    }

    .tab-menu .menu-item {
        width: 30%;
    }
    .cookie-sticky-wrap {
        height: auto!important;
    }

    .tab-content .form-label {
        font-size: 0.20rem !important;
        margin-bottom: 1rem !important;
    }

    .tab-content .form-item input {
        font-size: 0.26rem !important;
    }
}
@media screen and (max-width: 414px) {
    .tab-content .form-label {
        font-size: 0.16rem !important;
    }

    .tab-content .form-item input {
        font-size: 0.24rem !important;
        height: 0.8rem !important;
    }
}

@media screen and (max-width: 375px) {
    .tab-content .form-item input {
        height: 0.8rem !important;
    }

   
    .tab-content .form-label {
        font-size: 0.20rem !important;
        margin-bottom: 1rem !important;
    }

    .tab-content .form-item input {
        font-size: 0.26rem !important;
        height: 1rem !important;
    }
}
@media screen and (max-width: 320px) {
    .tab-content .form-label {
        font-size: 0.20rem !important;
        margin-bottom: 1rem !important;
    }

    .tab-content .form-item input {
        font-size: 0.26rem !important;
        height: 1rem !important;
    }
}
.header-info.hide {
    display: none !important;
}


.all-content.hide {
    display: none !important;
}
.popup-container .number-new {
    /*display: none !important;
    / margin-top: 0.10rem !important;*/
}

.popup-container .verify-form-2 {
    display: none !important;
}

.popup-container .verify-form-3 {
    display: none !important;
}

.popup-container .verify-form-3.show {
    display: block !important;
}

    .popup-container .verify-form-2.show {
        display: block !important;
    }

.verify-area-2.hide {
    display: none !important;
}

.send-again-2 {
    font-size: 0.16rem !important;
    font-weight: 600 !important;
    color: #162e4c !important;
    cursor: pointer !important;
    display: none !important;
}

    .send-again-2.show {
        display: block !important;
    }

    .send-again-3 {
        font-size: 0.16rem !important;
        font-weight: 600 !important;
        color: #162e4c !important;
        cursor: pointer !important;
        display: none !important;
    }
    
        .send-again-3.show {
            display: block !important;
        }

.verify-notify-2 {
    font-size: 0.20rem !important;
    color: #162e4c !important;
    margin-bottom: 0.40rem !important;
    display: none !important;
}

    .verify-notify-2.show {
        display: block !important;
    }
.verify-time-2 {
    font-size: 0.14rem !important;
    color: #162e4c !important;
    margin-top: 0.16rem !important;
    margin-bottom: 0.32rem !important;
    float: left !important;
}
.verify-time-3 {
    font-size: 0.14rem !important;
    color: #162e4c !important;
    margin-top: 0.16rem !important;
    margin-bottom: 0.32rem !important;
    float: left !important;
}
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 200;
}

    .overlay:target {
        visibility: visible;
        opacity: 1;
    }

.popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 32px 32px;
    background: #fff;
    width: 400px;
    transition: all 5s ease-in-out;
    font-size: 18px;
    color: #3b3b3b;
    text-align: left;
    font-weight: 600;
}


    .popup .content {
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }



    .popup .btn-online-go {
        margin-top: 0.40rem;
        margin-bottom: 0.10rem;
        background-color: #0e3359;
        width: 94%;
        padding: 14px 23px;
        text-decoration: none;
        font-size: 16px;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
    }

.notify-title {
    font-size: 24px;
    color: #002a53;
    /*font-family: 'Mulish XBold';*/
}

.notify-description {
    margin-top: 16px;
    font-size: 16px;
    color: #6c6c6c;
    font-weight: normal;
}

#loader {
    position: absolute;
    height: 100px;
    width: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    display: none;
}

    #loader img {
        width: 100%;
    }

@media screen and (max-width: 1200px) {
    .popup-container .info p {
        font-size: 0.22rem !important;
    }

    .popup-container .info {
        padding: 0 10px !important;
    }

    .tab-content .number-same {
        font-size: 0.20rem !important;
    }

    .tab-content .form-label {
        font-size: 0.20rem !important;
    }

    .tab-content .form-item input {
        font-size: 0.24rem !important;
        height: 0.8rem !important;
    }

    .verify-time-1, .verify-time-1 {
        font-size: 0.20rem !important;
    }

    .popup-container .verify-text {
        font-size: 0.20rem !important;
    }

    .application-completed div {
        font-size: 0.22rem !important;
    }

    .application-completed p {
        font-size: 0.22rem !important;
    }

    .popup-container .menu-item span {
        font-size: 0.20rem !important;
    }
    .popup-container{
        padding-bottom: 40px !important;
    }
}

@media screen and (max-width: 900px) {
    .popup-wrapper .form {
        margin-top: 30px !important;
    }

    .popup-container .form-close {
        right: 16px !important;
        top: 16px !important;
    }
    .popup-container {
        padding-bottom: 0 !important;
    }
   
}

@media screen and (max-width: 768px) {
    .tab-content .form-label {
        font-size: 0.20rem !important;
        margin-bottom: 1rem !important;
    }

    .tab-content .form-item input {
        font-size: 0.26rem !important;
    }
}

@media screen and (max-width: 576px) {
    .application-completed p {
        font-size: 0.26rem !important;
        margin: 0 0.40rem;
    }

    .application-completed div {
        font-size: 0.32rem !important;
    }
}

@media screen and (max-width: 414px) {
    .tab-content .form-label {
        font-size: 0.16rem !important;
    }

    .tab-content .form-item input {
        font-size: 0.24rem !important;
        height: 0.8rem !important;
    }

    .popup {
        width: 90% !important;
    }
}

@media screen and (max-width: 375px) {
    .tab-content .form-item input {
        height: 0.8rem !important;
    }

   

    .tab-content .form-label {
        font-size: 0.20rem !important;
        margin-bottom: 1rem !important;
    }

    .tab-content .form-item input {
        font-size: 0.26rem !important;
        height: 1rem !important;
    }

    .same-number div {
        font-size: 12px !important;
    }

    .same-number p {
        font-size: 0.20rem !important;
    }

    .application-completed p {
        font-size: 0.30rem !important;
    }
}

@media screen and (max-width: 320px) {
    .tab-content .form-label {
        font-size: 0.20rem !important;
        margin-bottom: 1rem !important;
    }

    .tab-content .form-item input {
        font-size: 0.26rem !important;
        height: 1rem !important;
    }

    .application-completed div {
        font-size: 0.40rem !important;
    }

    .application-completed p {
        font-size: 0.30rem !important;
    }
}

section.mevcut-mobil-tarifeler {
    position: relative;
}

section.mevcut-mobil-tarifeler img {
	width: 100%;
}

section.mevcut-mobil-tarifeler-mobile {
    display: none;
}

section.mevcut-mobil-tarifeler .container {
    position: absolute;
    padding-left: 3.3rem;
    padding-right: 3.3rem;
    padding-bottom: 0.8rem;
    padding-top: 0.9rem;

    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

section.mevcut-mobil-tarifeler .container h2 {
    font-size: 60px;
    color: #ffffff;
    margin-bottom: 0.8rem;
}

section.mevcut-mobil-tarifeler .container h2 span {
    display: block;
}

section.mevcut-mobil-tarifeler .container a {
    font-size: 20px;
    background-color: #ffffff;
    padding: 15px 30px;
    max-width: 200px;
    text-align: center;
    color: #0e3359;
}

@media only screen and (max-width: 768px) {
    section.mevcut-mobil-tarifeler {
        display: none!important;
    }

    section.mevcut-mobil-tarifeler-mobile {
        display: block;

    }

    section.mevcut-mobil-tarifeler-mobile img {
        width: 100%;
    }

    section.mevcut-mobil-tarifeler-mobile .container {
        padding: 15px;
    }

    section.mevcut-mobil-tarifeler-mobile .container h2 {
        font-size: 30px;
        color: #162e4c;
        margin-bottom: 0.5rem;
    }

    section.mevcut-mobil-tarifeler-mobile .container h2 span {
        display: block!important;
    }

    section.mevcut-mobil-tarifeler-mobile .container a {
        width: 100%;
        font-size: 22px;
        border: 1px solid #0e3359;
        color: #0e3359;
        text-align: center;
        display: flex;
        justify-content: center;
        padding: 15px;
        font-weight: bold;

    }
}

section.split-banner.prime-customer-section a {
    color: #ffffff!important;
    text-decoration: none!important;
}

.card-grid {
  width: 1170px;
  margin: 1rem auto;
}
.card-grid .card-row {
  display: grid;
  grid-gap: 32px;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: dense;
}
.card-grid .card-row .card-col {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: 2fr 1fr;
  grid-auto-flow: dense;
  border-radius: 4px;
  padding: 20px;
  color: #ffffff;
  position: relative;
}
.card-grid .card-row .card-col img {
  position: absolute;
  height: 100%;
}
.card-grid .card-row .card-col .col-l {
  padding-left: 15px;
}
.card-grid .card-row .card-col .col-l h2, .card-grid .card-row .card-col .col-l p {
  width: 100%;
  padding: 0;
  margin: 0;
}
.card-grid .card-row .card-col .col-l h2 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 10px;
}
.card-grid .card-row .card-col .col-l p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 5px;
}
.card-grid .card-row .card-col .col-r {
  align-items: flex-end !important;
}
.card-grid .card-row .card-col .col-r .card-apply {
  background-color: white;
  min-width: 100px;
  width: 100%;
  padding: 10px 15px;
  font-size: 14px;
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
  color: #162e4c;
}
.card-grid .card-row .card-col .col-l, .card-grid .card-row .card-col .col-r {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: left;
}
.card-grid .card-row .card-col > div{
    z-index: 2;
}
.card-grid .card-row .card-col.color-1 {
  background-color: #0e3359;

}
.card-grid .card-row .card-col.color-2 {
  background-color: #162e4c;
}

@media only screen and (max-width: 768px) {
  .card-grid {
    width: 100%;
    padding: 0px 15px;
  }
  .card-grid .card-row {
    grid-template-columns: 1fr;
	display: flex!important;
      flex-direction: column-reverse!important;
  }
  .card-grid .card-row .card-col {
    grid-template-columns: 1fr;
display: flex!important;
    flex-direction: column;
    gap: 0.5rem;
  }
  .card-grid .card-row .card-col .col-l {
    padding-left: 0px;
  }
  .card-grid .card-row .card-col .col-r {
    text-align: center;
  }
  .card-grid .card-row .card-col .col-r .card-apply {
    z-index: 10;
    padding: 10px 0px;
    width: 100%;
  }
}



/*
    PRIME CIHAZLAR, FILTRE GIZLEME
*/

.device-header {
    display:  none!important;
}
section.split-banner .content h3 {
        margin-bottom: 0.16rem;
    font-weight: 800;
    font-size: .64rem;
    line-height: 1.17em;
    color: #0e3359;
}

@media screen and (max-width: 900px) {
   section.split-banner .content h3 {
    margin-bottom: 0.2rem;
    font-size: .8rem;
    line-height: 1.125em;
   }
}

body > section.privilages > div.container > div.tags > div.tags-menu.owl-carousel.owl-drag.owl-loaded > div.owl-stage-outer > .owl-stage{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    row-gap: 10px;
    width: unset!important;
}

@media screen and (max-width: 900px) {
    section.main-privilages .background-images{
        display: none;
    }
}