.space {
	padding-top: 70px !important;
	padding-bottom: 70px !important;
}
.px100 {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}
.p30 {
	padding: 30px;
}
.pt20 {
    padding-top: 20px;
}
.pt50 {
    padding-top: 50px;
}
.color-picker-container.blue {
    background-color: #1b70b8;
}
.color-picker-container.orange {
    background-color: #eb8423;
}
.bg-white {
	background-color: #FFF !important;
}
.top-border {
	border-top: 1px solid #f3f3f3;
}
.left-border {
	border-left: 1px solid #f3f3f3;
}
.bottom-border {
	border-bottom: 1px solid #f3f3f3;
}
.right-border {
	border-right: 1px solid #f3f3f3;
}

.navbar-brand {
	text-indent: -999rem;
	background-image: url("../img/logo.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
height: 35px;
    width: 130px;
}

.header .navbar {
	border-bottom: 1px solid #ededf4;
}


.wrap-main-swiper .swiper-slide {
    background-position: center;
    background-size: cover;
    height: 440px;
}
.wrap-main-swiper .content-slide {
    height: 440px;
    padding: 10% 50px 0;
    font-size: 18px;
}
.wrap-main-swiper .content-slide .slogan {
    font-size: 46px;
    font-weight: 400;
    letter-spacing: -3px;
    line-height: 120%;
    margin-bottom: 0;
}
.wrap-main-swiper .content-slide .sub-slogan {
    margin-bottom: 0;
    opacity: .8;
}
.wrap-main-swiper .content-slide .event-title {
    font-size: 18px;
    letter-spacing: -1px;
    margin-bottom: 0;
    opacity: .8;
}
.wrap-main-swiper .content-slide .btn {
	border-radius: 3px;
}
.wrap-main-swiper .content-slide .btn-outline-success {
	color: #4cae4c !important;
    border-color: #4cae4c !important;
}
.swiper-pagination-bullet {
	background-color: #FFF !important;
}
.swiper-pagination-bullet-active {
	background-color: #FFF !important;
}
/*
* Main-top
*/
.main-top {
	background-color: #FFF;
    border-bottom: 1px solid #f5f5f5;
    margin: 0;
    padding: 1.25rem 1.5rem;
}
.main-top > .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-top h1 {
	color: #2a2e36;
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 0;
}

.main-top h1 small {
	font-weight: 400;
    line-height: 1;
    color: #777;
    margin-left: 10px;
    font-size: 1rem;
}
.main-top .breadcrumb {
	color: #4d5460;
	padding: 0;
	margin-bottom: 0;
	background-color: transparent;
}
.main-top .breadcrumb a {
	color: #a6abaf;
}
.login-container {
	padding-top: 80px;
	padding-bottom: 80px;
}
.login .agreement {
	text-align: center;
	font-size: 12px;
	color: #7f8792;
}
.login .agreement a {
	color: #000;
	margin: 0 2px;
}
.login-container .join-container {
	padding: 5rem 0;
}
.login-div {
	overflow: hidden;
	border-radius: 6px;
	background-color: #FFF;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}
.login-left-img {
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-size: cover;
	background-image: url(../img/loginbg.svg),linear-gradient(to bottom right,#2f6f4e,#02b159);
	background-position: bottom;
}


.login-left-title {
    margin-top: 32px;
    margin-bottom: 16px;
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    position: relative;
    z-index: 100;
}
.login-left-desc {
    margin-bottom: 32px;
    color: #FFF;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    position: relative;
    z-index: 100;
}
.login-or {
	position: relative;
    margin-bottom: 4px;
    color: rgba(0,0,0,.25);
    font-size: 12px;
    line-height: 22px;
    text-align: center;
}
.login-or:after,
.login-or:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 44%;
    height: 1px;
    background-color: #e8eaec;
    content: "";
    transform: translateY(-50%);
}
.login-or:before {
	left: 0;
}
.login .btn {
	font-size: 1.125rem;
}
.login .social-login .btn:hover {
	color: #007bff;
    border-color: #007bff;
    background-color: transparent;
}
.login .join-container {
	padding: 5rem 0;
}
.subtop {
	padding: 5rem 0;
	background: url(../img/subtop.png) no-repeat;
	background-size: 100%;
	background-position: center 1px;
	background-size: 1920px;
}
.subtop .sub-info {
	color: #FFF;
	text-align: center;
}
.dropdown-menu {
    padding: 0;
    border-color: #eff3f7;
    box-shadow: none;
}
.dropdown-menu>li {
	padding: 0;
}
.dropdown-menu>li>a {
	color: #333;
	display: block;
	padding: 10px 20px;
}
.dropdown-divider {
	margin: 0;
}

.navbar-nav .nav-divider {
    margin: 0;
    background-color: #eff3f7;
}
.price-box {
	padding: 1.5rem;
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 0 0 30px rgb(0 0 0 / 10%);
	border: 1px solid rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
}
.price-title {
	font-size: 18px;
}
.price-amount {
	color: #2468F2;
	font-size: 35px;
}
.price-amount small {
	display: block;
	font-size: 14px;
	color: #666;
	margin-bottom: 2rem;
}
.price-desc {
	padding: 0px;
	margin: 0;
	list-style: none;
	font-weight: 500;
	margin-bottom: 4rem;
}
.price-desc li {
	line-height: 28px;
}
.price-btn .btn {
	font-size: 15px;
	line-height: 28px;
}
.main-head {
	margin-bottom: 1.5rem;
}
.head-title {
	color: #333;
}
.head-desc {
	color: #666;
}
.text-link .btn-default {
	border: 1px solid #d6d6d6;
	color: #666;
}
.text-link .btn-default:hover,
.text-link .btn-default:focus,
.text-link .btn-default:active {
	border: 1px solid #1378e7;
	background-color: #1378e7;
	color: #FFF;
}

/* WHMCS */
section#main-body {
	padding: 0;
}
.main-content {
	margin-bottom: 0;
}
.main-content .card {
	margin-bottom: 1.5rem;
}
.main-content h3.card-title  {
    font-size: 1.25rem;
    font-weight: 400;
}
.main-content .form-check {
	padding-left: 0;
}

.bootstrap-switch.bootstrap-switch-small,
.bootstrap-switch.bootstrap-switch-mini {
	min-width: 55px;
}
.marketing-email-optin {
	padding: 20px;
	margin: 0 0 20px 0;
    background-color: #f8f8f8;
    border-radius: 3px;
}
#registration label {
	font-weight: 400;
	font-size: 16px;
}
#registration .checkbox {
	margin-top: 0;
	margin-bottom: 20px;
}

input[type=checkbox] {
	position: relative !important;
	margin: 0 5px 0 0px !important;
	visibility: hidden;
}
input[type=checkbox]:checked:before {
	position: absolute;
    z-index: 5;
    content: "\f00c";
    color: #3090d6;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    display: block;
    visibility: visible;
    font-size: .8rem;
    left: 2px;
}
input[type=checkbox]:after {
	position: absolute;
    content: '';
    border: 1px solid #e8eaec;
    height: 16px;
    width: 16px;
    display: block;
    border-radius: 2px;
    visibility: visible;
    cursor: pointer;
}
input[type=checkbox]:hover:after {
	border-color: #2254f4;
}
input[type=checkbox]:checked:before {
	color: #FFF;
}
input[type=checkbox]:checked:after {
	border-color: #2254f4;
	background-color: #2254f4;
}


.main-container .card {
    margin-bottom: 22px;
	border: 1px solid #f1f2f3;
	box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 3%);
}
.main-container .card .card-header {
	border-bottom: 1px solid #f1f2f3;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.main-container .card .card-header .btn {
	color: inherit;
	padding: 0px 5px;
	border: 1px solid #6c757d;
}
.main-container .card .card-header .btn:hover {
	color: #FFF;
}
.main-container .card .card-header .card-title {
	color: #000;
	font-size: 1rem;
	font-weight: 600;
	line-height: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.clientarea-home .card .card-body {
    padding: 1rem 1.25rem;
    position: relative;
    max-height: inherit;
}
.clientarea-home .card .card-body ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.clientarea-home .card .card-body ul li {
	padding: 10px 1.25rem;
    border-bottom: 1px solid #f1f2f3;
}
.clientarea-home .card .card-body li .date {
	display: block;
	color: #AAA;
}
.clientarea-home .card .card-body li h5 {
	color: #333;
	font-size: 1rem;
	margin-bottom: 0;
}
.clientarea-home .card .card-body li a {
	display: block;
}
.clientarea-home .card .card-body a,
.clientarea-home .card .card-body a:hover {
	text-decoration: none;
}
.clientarea-home .card .card-body .product-list {
	height: 347px;
}
.clientarea-home .card .card-body .product-list li {
	padding: 0;
}
.clientarea-home .card .card-body .product-list .list-link {
	padding: 1rem 1.25rem;
	color: #666;
	display: flex;
	align-items: center;
}
.clientarea-home .card .card-body .product-list .list-link:hover {
	background-color: #f3f6fb;
}
.clientarea-home .card .card-body .product-list .list-cell {
	width: 22%;
}
.clientarea-home .card .card-body .product-list .list-cell:first-child {
	width: 40%;
}
.clientarea-home .card .card-body .product-list .list-cell:last-child {
	width: 15%;
}
.announcements .announcement h1 a {
	color: #02b159;
	font-size: 20px;
}
.no-data {
	min-height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 1.5rem;
}
.no-data.big-no-data {
	min-height: 347px;
}
.no-data .icon-holder {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 70px;
	height: 70px;
	margin: 0 auto 20px;
}
.avatar {
	border-radius: 50%;
	overflow: hidden;
}
.avatar-md {
	width: 64px;
	height: 64px;
}
.avatar-md img {
	max-width: 100%;
}

.funds-items {
	display: flex;
	align-items: center;
}
.funds-item {
	flex: 1;
	padding: 8px;
	margin-right: 5px;
	font-size: 18px;
	color: #000;
	cursor: pointer;
	text-decoration: none;
}
.funds-item:last-child {
	margin-right: 0;
}
.funds-item:hover {
	background-color: #f3f6fb;
}
.funds-item-header {
	font-size: 12px;
	color: #888;
	line-height: 1.5;
}
.funds-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.funds-header h5 {
	font-size: 12px;
}

/* INVOICE */
@media (min-width: 992px) and (max-width: 1199px) {
    .invoice-container > div:last-child:not(.col-md-3) {
        width: 242px!important;
    }
}
.status-label {
    float: right;
    font-weight: 500;
    background-color: rgba(255, 255, 255, .1);
}
.invoice-logo img {
    max-width: 280px;
}
.invoice-top ul > li {
    position: relative;
    margin: 0 0 8px 0;
    text-align: right;
}
.invoice-top ul .list-label {
    display: inline-block;
    padding: 0 15px 0 0;
    color: #a1a6b2;
}
.invoice-status {
    color: #fff;
}
.invoice-status .status-id {
    padding-left: 44px!important;
}
.invoice-status.status-md .status-id {
    padding-right: 30px;
    text-align: right;
}
.invoice-status.status-md .status-label {
    font-weight: 700;
}
.panel-invoice .list-address,
.panel-invoice address {
    font-size: 13px;
}
.invoice-info h5 {
	font-size: 14px;
	font-weight: bold;
}
.form-actions table,
.form-actions table > tbody,
.form-actions table > tbody > tr,
.form-actions table > tbody > tr > td,
.form-actions table > tbody > tr > td > form {
    display: block;
    width: 100%;
}
.form-actions table > tbody > tr > td:first-child {
    margin-bottom: 8px;
}
.invoice-table .table>tbody>tr>td,
.invoice-table .table>tbody>tr>th,
.invoice-table .table>thead>tr>td,
.invoice-table .table>thead>tr>th,
.invoice-table .table>tfoot>tr>td,
.invoice-table .table>tfoot>tr>th {
    padding-left: 0;
}
.invoice-table .table>tfoot>tr:last-child>td {
    border-bottom: 0 none;
}
.table .table-summary > tr > td:first-child {
    text-align: right;
    vertical-align: middle;
    border-bottom: none;
}
@media (min-width: 768px) {
    .panel-invoice .row {
        margin-left: -20px;
        margin-right: -20px;
    }
    .panel-invoice [class*="col-"] {
        padding-left: 20px;
        padding-right: 20px;
    }
    .panel-invoice .table > tbody > tr > td,
    .panel-invoice .table > thead > tr > th,
    .panel-invoice .table > tfoot > tr > td {
        padding: 10px 25px;
    }
    .panel-invoice .table > tbody > tr > td:first-child,
    .panel-invoice .table > thead > tr > th:first-child,
    .panel-invoice .table > tfoot > tr > td:first-child,
    .panel-invoice > .panel-body > h4,
    .panel-invoice > .panel-body > p {
        padding-left: 0;
    }
    .panel-invoice .table > tbody > tr > td:last-child,
    .panel-invoice .table > thead > tr > th:last-child,
    .panel-invoice .table > tfoot > tr > td:last-child,
    .panel-invoice > .panel-body > h4,
    .panel-invoice > .panel-body > p {
        padding-right: 0;
    }
    .status-label {
        padding: 0 20px;
    }
    .invoice-top,
    .invoice-status {
        margin-bottom: 40px;
    }
    .invoice-info {
        margin-bottom: 20px;
    }
    .invoice-status.status-lg {
        height: 80px;
        font-size: 32px;
        font-weight: 100;
        line-height: 80px;
    }
    .invoice-status.status-md {
        height: 40px;
        color: #fff;
        font-size: 16px;
        line-height: 40px;
    }
    .invoice-taxitem {
        margin: -30px 0 40px;
    }
}
@media (max-width: 767px) {

    .invoice-status {
        padding-left: 54px;
        margin: 0 0 20px -40px;
    }
    .invoice-status .status-id {
        padding-left: 10px!important;
    }
    .invoice-status .status-label {
        padding-left: 20px;
    }
    .invoice-payto,
    .invoice-invoicedto {
        margin-bottom: 20px!important;
    }
    .invoice-top {
        margin-bottom: 32px!important;
    }
    .invoice-taxitem {
        margin: -10px 0 20px;
    }
    .invoice-status.status-lg {
        height: 50px;
        font-size: 24px;
        font-weight: 100;
        line-height: 50px;
    }
    .invoice-status.status-md {
        height: 32px;
        font-size: 14px;
        font-weight: 100;
        line-height: 32px;
    }
    .panel-invoice h4 {
        margin-bottom: 10px;
    }
    .invoice-table .table > tbody > tr,
    .invoice-table .table > thead > tr th {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .invoice-table .table > tbody > tr .amount-col {
        line-height: 32px;
    }
    .table-summary tr {
        width: 100%;
        padding: 10px 0;
    }
    .table-summary tr:after {
        display: block;
        content: "";
        clear: both;
    }
    .table-summary tr td {
        float: left;
        width: 50%;
        padding: 0 10px !important;
    }
}
@media (max-width: 579px) {
    .panel-invoice .panel-body {
        padding: 24px;
    }
    .invoice-logo {
        text-align: center;
        margin-bottom: 20px;
    }
    .invoice-logo img {
        max-width: 200px;
    }
    .invoice-top ul > li {
        float: left;
        width: 50%;
        margin: 0;
        text-align: left;
    }
    .invoice-top ul > li .list-label {
        display: block;
    }
    .invoice-status {
        padding-left: 20px;
        margin: 0 0 20px -24px;
    }
    .invoice-status .status-id {
        padding-left: 10px!important;
    }
    .invoice-status .status-label {
        padding-left: 20px;
    }
}

/* All Table */
.table-container {
	position: relative;
}
.table-container .listtable {
    min-height: 300px;
}
.table-container .dataTables_empty {
    height: 200px;
	text-align: center !important;
}
.view-filter-btns {
	position: absolute;
	right: 0;
	top: 10px;
}
div.dataTables_wrapper div.dataTables_info {
    padding: 10px !important;
    background-color: transparent;
    color: #333;
    font-weight: 400;
}
div.dataTables_wrapper div.dataTables_filter label {
	padding: 0;
}
.dataTables_wrapper .dataTables_length {
	background-color: transparent;
}
.dataTables_wrapper .dataTables_length label {
	padding: 0 10px;
}
div.dataTables_wrapper div.dataTables_paginate {
	padding: 10px 0 0;
}
.dataTables_wrapper .dataTables_filter label .form-control {
    display: none;
    background-image: none;
}
.dataTables_wrapper table.table-list{
	border: 0;
	border-top: 2px solid #6f6f6f;
	border-radius: 0;
}
.dataTables_wrapper table.table-list thead th {
    font-weight: 600;
    background-color: #f9fafc !important;
    border-bottom: 0 none !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    text-align: left;
    border-radius: 0 !important;
}
table.dataTable>thead .sorting:after, table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before {
	bottom: 10px;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
	top: 10px !important;
}
.dataTables_wrapper table.table-list thead th:nth-child(2) {
	text-align: left !important;
}
.table-list>tbody>tr>td {
    color: #666;
    padding: 1rem 1.25rem;
    text-align: left !important;
}
.table-list>tbody>tr>td a {
	font-weight: 400;
	text-decoration: none;
}
/* article */
.article section#main-body {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	background-color: transparent;
}

.xs-title h4 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 16px;
}
.terms-wraper p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.647;
	color: #444;
}
.terms-wraper:not(:last-child) {
  margin-bottom: 30px; }

.order-list {
	padding-left: 0px;
	margin-bottom: 0px;
}
.order-list li {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.647;
	color: #666;
	list-style: decimal;
	list-style-position: inside;
}
.order-list li:not(:last-child) {
	margin-bottom: 10px;
}

.tickets-main {
	border: 1px solid #EEE;
	border-radius: 4px;
	padding: 20px;
	display: block;
}
.tickets-main:focus,
.tickets-main:hover {
	text-decoration: none;
	background-color: #FAFAFA;
}
.tickets-main h4 {
	color: #333;
	font-size: 18px;
	margin: 0 0 15px;
}
.tickets-main p {
	color: #666;
	margin-bottom: 0;
}

#popup-backdrop .main-content {
	padding: 0;
}

/* Footer */
footer.footer {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #f5f6f8;
	border: 0 none;
	font-size: 14px;
    color: #676767;
    position: relative;
    border-top: 1px solid #f5f5f5;
}
footer.footer .btn {
	color: #333;
	display: flex;
	align-items: center;
}
footer.footer .btn > div {
	margin-right: .2rem;
}

div.header-lined h1 {
    margin: 0px 0px 0px -2px;
    border-bottom: none;
    font-weight: 400;
    color: #2a2e36;
    font-size: 28px;
    line-height: 40px;
    line-height: 1.5;
}
div.header-lined h1 small {
	color: #777;
	font-size: 1.25rem;
	margin-left: 1rem;
}
div.header-lined .breadcrumb {
	font-size: 14px;
}
div.header-lined .breadcrumb>.active {
    color: #666;
}
div.header-lined .breadcrumb > .breadcrumb-item > a {
	color: #888;
}
div.dataTables_wrapper div.dataTables_length label {
	margin-top: 8px;
}
.dataTables_wrapper .dataTables_length label .form-control {
    border: 1px solid #ddd;
    min-width: 50px;
    height: 27px !important;
    line-height: 27px;
    padding: 0 0 0 10px;
}
select.form-control {
    padding-top: 0;
    padding-bottom: 0;
    appearance: none;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldhcnN0d2FfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYgNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNCOUJEQzU7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNS41LDFoLTVDMC4yMiwxLDAsMS4yMiwwLDEuNVYyYzAsMC4xMywwLjA1LDAuMjYsMC4xNSwwLjM1bDIuNSwyLjVDMi43NCw0Ljk1LDIuODcsNSwzLDVzMC4yNi0wLjA1LDAuMzUtMC4xNQoJbDIuNS0yLjVDNS45NSwyLjI2LDYsMi4xMyw2LDJWMS41QzYsMS4yMiw1Ljc4LDEsNS41LDF6Ii8+Cjwvc3ZnPgo=");
    background-position-y: 50%;
    background-position-x: calc(100% - 11px);
    background-repeat: no-repeat;
    padding-right: 24px;
    -webkit-appearance: none;
}

@media (max-width: 991px) {
	.space {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	.px100 {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
	.wrap-main-swiper .swiper-slide {
		height: 360px;
	}
	.wrap-main-swiper .content-slide {
		height: 360px;
		padding-top: 60px;
	}
}
.contact-main {
	background: url("https://gatern.com/templates/lagom/assets/img/pexels-tima-miroshnichenko-5453808.jpg") no-repeat top center/cover;
    min-height: 650px;
    position: relative;
}
.contact-main:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8;
    z-index: 1;
    background: #dc3545;
    background: -moz-linear-gradient(-45deg, #ff9688 15%, #dc3545 100%);
    background: -webkit-linear-gradient(-45deg, #ff9688 15%, #dc3545 100%);
    background: linear-gradient(135deg, #ff9688 0%, #dc3545 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$navy', endColorstr='$blue', GradientType=1);
}
.contact-main > .container {
	z-index: 100;
	position: relative
}
.contact-main .form-control {
	color: #FFF;
	border: 0 none;
	background-color: rgba(220, 53, 69, .5);
}
.contact-main .form-control::placeholder {
	color: #FFF;
}


section.main-productgroup {
    padding-top: 40px;
    padding-bottom: 20px;
    background: #fff;
}



.pg-left-main {
    padding: 131px 0 0 24px;
    box-sizing: border-box;
    background: #e0edff url(https://bce.bdstatic.com/bce-portal/static/static/media/index-mp-main-bg.5ede2b7d.png) no-repeat 100% 0/cover;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
    transition: all .3s linear;
    min-height: 258px;
    height: calc(100% - 20px);
}

.pg-left-main:hover {
    background-image: url(https://bce.bdstatic.com/bce-portal/static/static/media/index-mp-main-bg_hover.d1e61409.png);
}

.pg-left-main:hover {
    background-color: #2468f2;
}


.pg-left-main .title {
    width: 190px;
    position: absolute;
    bottom: 144px;
    font-size: 22px;
    color: #2468f2;
    font-family: PingFangSC-Regular;
    line-height: 26px;
}
.pg-left-main:hover .desc {
    color: hsla(0,0%,100%,.7);
}
.pg-left-main .desc {
    width: 200px;
    margin-top: 0;
}
.pg-left-main .desc {
    margin-top: 10px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #596178;
    line-height: 24px;
}

.pg-left-main:hover .title {
    color: #fff;
}

.pg-left-main:hover .btn {
    background-color: #fff;
    color: #2468f2;
}

.pg-left-main .btn {
    display: block;
    width: 108px;
    height: 28px;
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    text-align: center;
    margin-top: 16px;
    background: #2468f2;
    color: #fff;
    line-height: 16px;
}



div.marketing-position .minor {
	width: 858px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	cursor: pointer
}

.pg-right-main {
	min-height: 123px;
	margin-bottom: 20px!important;
	padding: 16px 24px;
	box-sizing: border-box;
	position: relative;
	background: #f6f7fa;
	border-radius: 8px;
	cursor: pointer;
}

.pg-right-main:last-child,.pg-right-main:nth-last-child(2) {
	/* margin-bottom: 0!important; */
}

.pg-right-main:after {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA1AAAAD2CAMAAADvaJZtAAABI1BMVEUAAAAdX+hOj/8ubvglafMeY/CHsP8na/UsbfWMs/+Jsf8XXOweY/CJsf88ff8eYvA+f/+Stf82ef+Isf8pbPaAqv8kafJLh/8XXe0kaPI2ef9elP9Lh/8XXOuLsv8WW+l7p/8VWeZ4pv95pv8WWuiFr/8SVd6IsP8TVuB3pf9xoP8RUtcWWucSVNwVWOQUV+GErf98qf+Jsf8RUtkSVNoUWOKDrf8UV+MRU9qHr/+CrP8QUNV9qf8QUdaBrP+Aq/8UV+B1pP9glf8VWeMVVtw5e/9Khv9Oif89ff8XWN9bkv8gY+xBgf80d/0cXuVRi/8iZfBjl/8sb/RFg/9Yj/9Ihf8gYukYWuEydfttnv8oavAkZuxUjv8aXOMvcvhom/8PT9Ln8fFjAAAAGHRSTlMA/gYY75aPgkfz3t7Hw8O/lhjgPi3y2dkpkavRAAAZ9klEQVR42uycaXPSUBSGKe4dO47jMqUo4iiFGTRAA6FEmuC0LrVa69a6Vfv/f4XvXZIDc8m0tbk3BO6TpXzo12fe95wECkTx+pVb9y+XLAb4sLbAfHlX1sCPQSULbiyvXL1TLKhcumJdMsefxTXq7deyBv76lQy5cfV2YZLiNauTWf6sLSSv3pQ18KlayRYoVZyIp5sli1H2T3YWUalvZQ38eFmvZM/KWEjdtfFklsPmCTj8vrZYvP9a1sGTYa0yAyzfifPJ+mSUvZ0TQfPn2gLx6mNZDy+Hw3BQyZ5lmVFF2/dMcnAElV5Idhen932j3V7qQoFwBmrfipijrpUs5tjfki5tAfw5XIx9n562R0KBdiVzrtrCZ5jDrnSpGbHVXYDep63tkVAgzHyUusFK35WSxRB7TCfmkuviYnfO7ue1+eZ1WRsk1Az0vlqIiCragDLEwRHLpib3yd3c3Ox2NwGXaq73fdraHglF+BuVrKiHYXivWLheshjhGBMTzyWm0vOILrSCU/Pb+9S2p02oTEepDS9k3LGNzwxLTejEsknatC55vs6kct157X2a254qVEYr9HbIQee7VbJoZ68rRieEUyRTgyOkglOb7jz2Po1tTxWKCEyPUoNQMlwp3C9ZNLO3i9lJ6rQOneBRo9VotFq446PIKSg1b73vrea2R0IpeBWD1P0wZrlgdxK6OcYugu8hoBPgJo1aEQ3mlFDKdeep9716UDaEKlRnaPBtpHZAPg3vFUoWrew3ZdtD2RM6NVq9Xr/PLxyt1qgBouK3NC+97/27shlUoTrs6hgapWpcJ8IKpRUMT8wnmU7IotGI6+Q4zmPgbDtOr4ecEkqJ3jcPr068/V02hypUh5+hzhU6tb3ACmWKvR1uU9ONyh5sQihtwyQcuAurnH5vTKl56H0G2l6yUB1xAN2j1EY74DoFVigTHByJ4Ylv9qROvb7DbBrHAX0WU3I/0XWbOe99p3zFXa9QHX6L0DpK1QKJTSjdqMMTZqfRmE7PYqRVGKgwXMW971d+e5+xtkdCqXWPlNL2NtLAJ5kCK5RuDqHTFumEeKLJCRo9jYmcchy2n8h97zO120sWSupEBBUN1L1gjBCHFUoT9CDXpV1Eq9XvOY/JpkePcIv+SqW2sZ+AUVHv289j7zPd9kgoNZ2IdiVt2n7gk05ikLJC6eJgV7xTLp/jykU5L3vCJpwx+CiVQn71+vjf9dz2PoNtL3mGmsZwkO7wBJ38ABc5hROXFUoDB8db0MmltjdCPDkO6cRteviQ7k+lUqA/0ft2ctX78INGGUBC8Whid5VqmqNU3fMBTyjSySaULpam7CKcbW5LrNNDnBJ8GlMK2k32vuP8fEXefNtTK5/USaVa7fhprcp9zxcgo8gonFaotJEPcml4gk+taBeBeII3sU0EKSWXE3nsfVm0PRIKItHDJ9UmedbSaHueT4yVvlDGlBUqVZ12YRNwxfC0zocnXvZIJ2HT6mr0h5TKce/Lpu2RULTeS6KKjKoOL9r7Bp7ne0wpL9IJp8RWvtQ5jtJpbHjqy+GJZicAjYhVoVSee5/ZtpecUAlAJZZQjAu9jVRvc51wTM8onFaotJj+IJd1PdIJUCqpSuW19+HHyjMFQol0Sogolk0xHe8CbQ8Io0gqnlGklK186Q5PzcnhaTv2SawiKJ1WI2Kl4FMue192bY+EEjLhmjI8yYgiOrX/bHttEorb5MmIIpts5UuLybdgG+rwlKATKXVq7zuazd6Hn6/MnJcJ63LpkhygiLD+H21P+CSVotInlSKsUBdGfQsWOvXpQW6CTsTZel9zBntf5m1PCJU8P1XZoRKcb5TaqHnwifAnlIpKn52hNA1P2EX0HHUXQTqpnLH3zdhX5PGDRjMBhALJQuFUaJ+n7bUZXjuyikYpMsq3CZUSS/FbsLSLiIYn2kXErCaQw973rTwjiMqnAJH4MZ3O4MxtL/IJN4mUiZQS2KXEBUl6C5Ye5IKEtne+3heFVHNmfgr9/Uy0vVMSiuanKYQbZ2p7/9g7t52nYSAIPwciF1ERRJgLgoBCChJSJc4IxEEIcXj/12DrmExTe5tNg5NttJM0b/BpZtfz+6+DAlBg6pinnTnUdPEt2MFdxNXnPi1prwUqZVDIeryG20gtTkAKq4l4kNoZUBNx+nPP7yJ6LVjR8HT1uU/Dbg9yKW9C6IskXqFXfZ6AE6jqZEBN00ALFsOTBCd57lNxJaaitMcABZgGdOt5dQan2zU9HFPeoOjpDMoi3wSxLVj+IDfo6nOfqrR30N5FMPHTk3yUuk2KeULs27UfMEU/A+pC/TpqwZLkB7n/KfeNvAr92i4rn+BQIEpkULfKW2W5TdtTUH2iLeSh6oe+nQE1VjjIZVqwPE7Xn/teK0t7KYcqQ+CTiZCiUYrHCakvWp/vdiH3oddnDjVa4hZsjNMKct+n/f6mOrmIJtIDIU30kp5XvVX5sepk7IMOSEEG1FiNb8EGrSL3FcW3zze1yUXlCNkAdStkvlsHvejZE1TTe8oUPAp/HxVCn0W+UYpbsPeFw1OW3Df/lZhFUby+qc2kXNSFFeEEf/Iq6wRO3GaCOeHd2Qx1wfB0b3wLNkPuW+Yq9OIgbbnPjTvPBVEnSNHdSFVzO6H6BKptgCpu9plDjdHHthcx/iB3PbnPA6Ut9znAFHiS2BNQgm5zqjFKnTZlUZuwGWqEmBYsc5Db42lNuc/jpCz3dVu+Urotx9K8z1TZNAxO4AkCUf+2feZQcoXhCbsIaQs2Z+6b/yr0otNvPbnPYRchO33yMCUsqiSeWKZqKFE+t8g3QhNasGvLfZ4lbbkPkY8eqTfBnXoO1QymPijxV4cGlAinP88mtmDz5778V6EDKG25zx0tI6QGBZpOIl/D8ZT2KWS+9mNADWlCC3aFuc+DpC33OaIpMCUwp25lnnaohEnxJ1Lb/mpia5FvSBlasLly39N7M1yNVJzo9TsFua91KG9R4l15yqE2ZRVwYpiKa0j060e+rQF1HqcMLdhsuS/vlZgASlvucy1O9BUPUIyqZsCjok1fbzlhM9SAJrVgV5n7PEPacp93KHEVlidqUzYVPQ0cStiaQOazGYrX9BbsCnMfMNKz79s7xD0BUmltusgHptI8JX0qyCLfGX2PWrCPR7dgV5f7PD/acp9fSsi7sPQmiSKmmqryYxS9rGoo0ZowoBj9pxbs2nKfx0dZ7ts7WeBjWQJTnUPxUNUpqAJRFvkYRS3Y+5e3YNeV+0CQon2fQ7tc2C+PWaJ3Q5GPFNYSXOpjLpowhzqnPxlasNlz3+Ne7sPVSHMAtVgJHQ4lDHycNgekDpGPXm9TZ1NfwqNqA4pRhhbsErnvYZbcV5zTq4VynxPhxPvTpsWJPhUJmY9eAU9YnxtQKb1/lKEFu0zu+zkbUMh9SxDlRCMUz1NwqAAUyRuVR6qRrs9rc6iEwvCEFuydrgW7+PCkI/d9KAb0aYF9nxMNT+doOjytQzUwqaqlqRE2Zc2hIuGfeh4PT0+UDE8X5b7/fhX6y6/FgH7PvpxwwgIfFO8j6NdzKGz7Rp3x1gbUkT5KWrAqcFoy9715pS33ucv+/gne5D8AKvhTixP9RmwmzKEgHOSmW7AahqdryX3zLiecbHjiLCrgBKB6VPFExamvNqCC9LRgs+S+H7Pnvm9zEuWGurD+iYXhCUAh87UfP0KJVxMW+bx0tWD/f+57+Gjduc9Jxid+fqJfwqGiEymhSRlQN9S1YDPkvrdfVpz7HMfS2bi3CTjBoO4CqHbR5z+3+dRXxy0kA0rcgiXp48lyH4CSFySwLmciH6jy8lBxDkVUGVCdcJ2RrhZshty33n2fEy0j+Pkpdii4VLftY1sT5lCQ5has5b6/7J39btMwFMXFcxSV0QAlRoLR8dUBQiljMAFj42PQwej7vwW3rtvT1XZqqjjxtX3mZgv/ME06uj9fn5s4S+w6/0QLQoUyeOpuTQc9VyjoNOAUrA/uu9E49/0IgPuEvUAVluEnY4HSDbVKnw/BfObURDYUyZSCfRhQCtZLv+9zfNwn/nv+CYe5NuSDnVS3jwTsM26lUjcUbZ5ebqZgnweWgmXBfd+65j5hTZdb4hE67ZW0jIZaCyHVDcZn5Ds7YZGC9cF9p7Fxn9hp/mmgW6ow+Ul+aKF7blbahuKTgm2Y+/yMyH/qlPuE9TUA1u2TpUKNhsORqS+BfVRd+zxdQ3X+LFhNLXPf0dfWD6W++HOUMGYjavZPmpmUo4qRspPmKVCfTQkbypiCfRtwCpYF933ojvuEw/wTqhNJ7+/RV6m6fCZPIX9uT02kaqjrKdj7PFKwmfvcDSVpry4Oa95AkQj5qESZqM8pfi5DE6kZim0KNnOfo6EK0J5bPGK+6EOSeygL9WFEqvZEKrUKxTgF64X7/kbBfcJwoltrKJ34yoWxZIWiVWspa29if75SMlRdCvZO+ClYD9z3ogPu6038GQq1ac92mFvom6fFN1JBZgLzadi3vTWxnxLybaZg7/NLwcbBfX8mHg2Feff650eA9+R35aqRFMDPOB81rIv1JVOhTCnYp+xSsD6476p97mu4OTEr1+efrAVK75evcK+UnlohH12NWj36nD6JG+r0dSQpWA/cd8C/3zctUKAs3T1AH1QuluS9haGUJPrZtlHKVCkbKqoUbOY+g85F/fwTzKQ3I+CoQtkJGymtQKEvMU7WULGlYOPgvvffm+Y+e7p8YNw9qR+WGkhDKQ2xkTKdSI0V+KVoqGUK9iCiFKwP7rtonfu+9JrVtO5FNZYGH33kj6sK1Vd2MjKfcpNclvb5m9gNFWkK1gf3XUbAfcZuhAI+TcpLUNEfbdQog58w0qHbaV9M4jYUr2fBQt1w38/Gue+49X6f2U2kQutFrE6hYKhRH36Coyzxc/1Eau+814vZUHGnYHlw382t57yNajI1p/e0+oRmBFRJ5KOF3oRauhT0rVPfm1mvF7Oh4k/BNsN9T2PjPs1NeoUqS6QkoKqQdqIvxXwWO+FdAsO7aKCLSS9mQyWRgo2D+943zX3V9vNcusBPG8iHEjXaMh+lXhc/VrQXs6FSScF64b5f/rjPf78P3Ifp3I12OTp8KE70Rf+wtFMf0Oc0H3U4pf82YkNdPFCbJ9hpLQV7K6oUrAfue9I69x174b6B+Wlhq+gehAql7ESrJteH5oScj1rQXryG0lOw8qWeiW6eduK+k68RcB/ZyRYvn3sKJapa1qhi7qb1CgU7WdxEGj5e0F6shlq+1DOhFGzmPpOmJeykR442iQ/nULIpoZa1N4Ej3jXai9FQZ1fzFOxBailYFtz3o/1+32BgjEfQRXeTrFB9bKGkts1HjavV7xyloeJ9nFHmvp3OeU3ZCAAfeA/hWGWpvvwB+yizr16t0V6Ehko6BeuD+25w577JtLxWnYB7qFAoVFWhTITuOTITBj89u057sRlqfpCbdArWB/f9JhcwP+ddb5ebAxKLC/ZQffrAU7b5qE3ai8xQtHlKPgWbuc/c70OFKrFgpmvRI2UkmKkPR9XTXlyGMqdgEz/IbYb7TqPgvlJPl8NTFSoUihOtft82H7VvoL2IDPXRnIK9nWAK1gf3yRF5zi8XOBdIR6BAwUno8knew9muusd8FF1ttBePoT4e5RSsX+476oD7es0I3IdZQotQofq4gvowzUGxcpMiMVROwbLkvm+tcx/OoEgVyhLqFOahUKbAfEMFfndttBeHobTN06OcgmXBfR/a5z40I+Ai3GMeChuptXtlp2Fp+62iMNTFky0pWFKKKVgW3Pepfe7T2xEoV5iHwvYJ96pM1dEef0PlFGy73HfVMPe9a5/7TFuoSp+HooU6hfu7olcj7oY6O8kp2Ja57yAK7sP8E7BPn4eSl+v3g/NejZgbKqdgM/dBO3GffR4KRQn3oL1azZgaKqdgoZa57y977qtQk+hqnIdSC/dj4XjgxdJQ8iA3p2ChNrnvAX/uq1Cl6uehVvd7525btAFHQ+UULNQN911GwX0Vrbp5KHT4ns0cD485GiqnYH1K/slC5L4/TXNfSXKYh6LL0JX2BhwNlVOwmnxxH8nOfRfsuU+U1ZZ5qP+kPY6GyilYgzL37aapyzzU4cxxNJijoXIK1qZOuO8n/37ftnmosZg40h5DQxlTsPkgVyoW7jtunftq56GcaY+joVabJ9jpaT7IXSlz345Fyj4P5Ux7HA11I6dgXeSf+97KKrXGfdz7fefCPA81rFx7ewwNlVOwjvLPfQ917vvFvN83M81DOdMeQ0NtpmDzQa5N3XDfk8vWHzrhgfuuzUMdTh1PchkaKqdgu5I79518jYL7lvNQ48qpt0d2YmioG09yCrYzuXOffCQm65fIVyvke+VKewwNdZFTsP+tzH27abqYh9qfOvb2GBoqp2CDUKjcd9w49xWjYeV6ksvPUGc/lynY/DgjD/LAfXg0UmvnvL1GNTt0pT2Ghsop2IDkyn2/uXOfG+0xNFROwQamrrjvR5vc59jb42codZCbU7ABKVjuew/u864JbZ74GUpLwd7PKdgQ5Mx9n5stUsFw3/zpswwNlVOwwSpU7rvZCvcJoj1+hjKkYJ/mFGwoSpr7qsd77Ay1TMG+yCnYQOXOfdH1+4QoHxesDLWWgr2XU7ChypH7jqLjPkHa22NkqJyC5SFX7ruKjPvEXMR9TAyVnwXLR47cd9B0v+9bV9wHQ0nuY2ConILlJVfuu4yI+4QScV/ohpqnYB8gBZsPcsOXM/f9bbg50R33CSnFfSGnzSkFm1/qyU+O3PcgGu4TEHFfuIbSU7D5pZ481BH3feiI+4QUuC9MQ13kFCxf/WPv/HbSCMI4urxFm9pkW5teLGmMqaZXXmgR/6PFRkBE3/8tWgvNYJZlP5admW9mznmHXzg7czJIvW/Utvft+PC+4i3H+a6+QVHBBo7U+x4i8L7iP8b7lA3KVLDfqGBDJR3vK8rkuaZBzahgY0DsfaGf9xUrON7f1TIoKthoSMT7ijkl71MxKCrYqEjC+4oK8tz7oO5GVLBxIfW+i4C9rzCUzvv8Dmrxp55UsDEh9r5xqN5XVLO773FQAyrYOBF630Go3les4TjPvQyKCjZmxN43DPKetzBUeJ/rQVHBxo7U+zohel9Rw+fc2aDMWQQVbORo9b6z7b3vpagjz50OanBEBRs/EXvfr0lR1Hqfo0FRwaaD1PsG4Xlf/aTcDIoKNi2k3jcN77yv1vvsD8pc5C5XsIdUsBEj9b5eeN53MvE/qPnNE88ZpUSy3md7UPPnjCQV7Dsq2KgQe9+N48fGtva+kxePgzIVrDmLOOQiNwX0ep+FHykng+It2MTR6n392w8WJmV9UFSwkJ73WRsUb8GCP+87deJ9Tgd1VVHBcpGbGFLvm40dPzLbgve5GhQVLGzufd+j8D47g6KChSbe9xi+97U/KCpYaO59z8F534vdQVHBwjbe131w432GFrzP4qDKFeweH0/g0/vuXXifnUFRwUIb3jcK0PsmFgZFBQs6ve/axXlf24OqqmA/UcHCxt53EKz3tTEo8/HEc0ag0/vOXXhfa4OiggX93rdj/7xv0tKg7lZVsD/4eIL0vG/7QfEWLNjyvovwvK/xoKhgIUDvE9zz+hpUuYL9SgULqXtfo0FRwYJD7xu69r5LX4MadKlgwb73dcbh3PM2GFR1BXtIBQs2vK87Dcb7sm0vcqlgIUrvczEoKlgwOPa+wdjxPe9vh4OaUcEC3tfCoKhg4S943waDooIFAXifbFBUsCDCm/fd6Pa+t4OiggUxnryvN3T86MRt80FRwcJG4H3CQckr2J9UsID3NRjUtEcFCyUS8b7+bcuDuqOCBQHuvG/2rNP75oOiggUtBO59ZlDNKtgvyx9PXORC6t6XvaeCBW0E7H2Z4CLXVLCLi1wqWCjhx/sebpw+Mtuv9b6MChY0Iva+R133vBkVLOhE4H0WnsQ83dL7svUXuVSwIMeT9x3Z9z75eV+2/uPJ/KknFSwI8ON9B3q8L6uqYLtUsOAfqfddtOt99429L6OCBc14Ou87rz/vkw3KVLBdKljQgCfvu252z5tRwYJ2tHpff4X3ZVSwoB7xeV9n7Nj7LkuDooKFAPDlfbU/Uk/rBtVZ+nhazMlUsIs5UcGCEE/eN/TqfVl1Bft6FsHHE2hB7H0DJ95nOFsxKHORSwULWhF739Txed9TeVDzi1wqWNDMR7Xed/l2UB0uciEItHpf/2xpUFc9KlgIhXXet+ff+7LXj6cjKlgIBrH39dx6X/+f92Wj7vwilwoW/rRzNzsJA2EUhg9tSJtgSkNIZOvGkBBx4z1QF3WHGv/u/zJEghRThNF02s6X97mHCW+nh4ai3e5zH6GvN92nYw9PvMhFv7l23+K1bPU97/pNrGARoOPdd9V99+l7BTtnBYuQnOy++UH3vbfafWIFi0D1svvEChah6mP36YYVLILl3n0fLXWf9ivYJQ9PCE/fuk+sYBE0l+6rPonp/WNjYgWLwDl331ML3SdWsAje2e673nXfo/fuEytYhM+5++5ePN/3iRUsLOhL94mHJ9jQj+4TL3JhxInuu611n6/7Pj2wgoUVzt1376v7Vhrx8AQ7fum+Zb37nr1036XGHCcY0nH3ZRpyFwFTOu2+XCkrWBhzpvuqfd+gbPqlVKpowM8TjOmo+4r1KpKGHCeY49x9zX4SM5cUDzhOsMf5vq/BTyMVsTYSjhMMct73LRr7JGaiL9HFDDDIufsa+ot8FmkrHs0Ai6ru26r2fT66bxJrZ8qJgk0O931Ndd9kqr2Y6oNRbXVfFutAlAxmgEm17vNw31ckkX6Khxwp2PSH7iv/d5zyWHVROhyPOFUwyFv3lcUky9NIe59UjnsniyfyUAAAAABJRU5ErkJggg==) no-repeat 100% 0/cover;
	opacity: 0;
	transition: opacity .3s linear;
	background-size: 100% 100%;
}

.pg-right-main,.pg-right-main * {
	transition: all .3s linear
}

.pg-right-main:hover {
	background-color: #2468f2
}

.pg-right-main:hover .title {
	color: #fff
}

.pg-right-main:hover .title span {
	border-color: #fff;
	background-color: rgba(0,0,0,0)
}

.pg-right-main:hover .title span i {
	color: #fff
}

.pg-right-main:hover .desc {
	color: hsla(0,0%,100%,.7)
}

.pg-right-main:hover .btn {
	background-color: #fff;
	color: #2468f2
}

.pg-right-main:hover .discount span {
	color: #fff
}

.pg-right-main:hover:after {
	transition: opacity .3s linear .3s;
	opacity: 1
}

.pg-right-main>a {
	display: block;
	position: relative;
	z-index: 1
}

.pg-right-main .btn {
	position: absolute;
	right: 10px;
	bottom: -30px;
	transition: all .3s linear;
	display: block;
	width: 78px;
	height: 28px;
	background: #e5e8f1;
	border-radius: 4px;
	font-family: PingFangSC-Regular;
	color: #191a24;
}

.pg-right-main .btn:hover {
	background-color: hsla(0,0%,100%,.8)
}


.pg-right-main .title {
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #191a24;
    line-height: 26px;
}

.pg-right-main .desc {
    margin-top: 10px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #596178;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 992px) {
.navbar-light .navbar-nav .nav-link {
    padding-top: 20px;
    padding-bottom: 20px;
}
}



.index-developer {
	background: #f6f7fa;
	background-image: url(../img/index-developer.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: auto 100%
}

.index-developer .index-developer-wrapper {
	padding: 110px 0 68px
}

.index-developer .index-developer-wrapper .developer-title {
	font-size: 28px;
	color: #191a24;
	text-align: left;
	line-height: 26px;
}

.index-developer .index-developer-wrapper .developer-desc {
	opacity: .8;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #191a24;
	line-height: 24px;
	font-weight: 400;
	margin: 20px 0
}

.index-developer .index-developer-wrapper .developer-btn {
	display: block;
	width: 124px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: #2468f2;
	border-radius: 6px;
	color: #fff;
	margin-bottom: 50px
}

.index-developer .index-developer-wrapper .developer-btn:hover {
	background: #4e84f2
}

.index-developer .index-developer-wrapper .developer-modules {
	display: flex;
	justify-content: space-between;
	padding: 36px 32px;
	background: #fff;
	border-radius: 8px
}

.index-developer .index-developer-wrapper .developer-modules .developer-item h4 {
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #191a24;
	text-align: left;
	line-height: 30px;
	margin-bottom: 20px
}

.index-developer .index-developer-wrapper .developer-modules .developer-item h4 img {
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin-right: 10px
}

.index-developer .index-developer-wrapper .developer-modules .developer-item li {
	width: 340px;
	margin-bottom: 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.index-developer .index-developer-wrapper .developer-modules .developer-item li a {
	opacity: .8;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #191a24;
	line-height: 26px;
	font-weight: 400
}

.index-developer .index-developer-wrapper .developer-modules .developer-item li a:hover {
	color: #2468f2
}

.developer-item ul {
    padding: 0px;
}


@media (max-width: 992px) {
    .index-developer .index-developer-wrapper .developer-modules {
    display: block;
    overflow: hidden;
}

.developer-item {
    overflow: hidden;
}
}

.user-name {
    line-height: 28px;
    color: #282f38;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
}

.user-name-tag {
    height: auto;
    padding: 0 6px;
    font-size: 12px;
    cursor: pointer;
    line-height: 22px;
    border-radius: 2px;
    white-space: nowrap;
    color: #282f38;
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    border: 1px solid transparent;
    background-color: transparent;
}


.user-name .identity {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 9px;
}
.user-name-tag.user-name-tag-checked.user-name-tag-orange {
    color: #f58505;
    border: 1px solid #ffd48a;
    background-color: #fff7e6;
}

.user-name-tag.user-name-tag-checked.user-name-tag-green {
    color: #0fbf60;
    border: 1px solid #c1faaf;
    background-color: #f0ffeb;
}

.recharge {
    position: relative;
    display: block;
    width: 133px;
    height: 40px;
    margin-top: 17px;
    background-color: #02b159;
    border-radius: 2px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.recharge i {
    font-size: 12px;
    display: block;
    position: absolute;
    padding: 5px 6px;
    right: 6px;
    top: 5px;
    color: #fff;
    border: 1px solid hsla(0,0%,100%,.15);
    border-radius: 2px;
}
.recharge span {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    text-align: left;
    font-weight: 400;
}

.module-account {
    background-color: #fff!important;

}

a.recharge:hover {background-color: #32363b;}

.icon-holder.icon-product {
    background-image: url(../img/icon-no-openorder.svg);
}

.icon-holder.icon-tickets {
    background-image: url(../img/icon-no-tickets.svg);
}

.icon-holder.icon-invoice {
    background-image: url(../img/icon-no-invoice.svg);
}

/* Front */

.hero-stats {
	margin-left: auto;
	margin-right: -39px;
	width: 234px
}

@media (min-width: 1200px) {
	.hero-stats {
		width: 324px
	}
}

.hero-stat {
	color: #FFFFFF;
	width: 150px;
	min-height: 150px;
	text-align: center;
	padding: 24px 12px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.stat-value {
	font-size: 27px;
	line-height: 1;
	font-weight: 300;
	margin-bottom: 14px;
	color: inherit;
}

.stat-body {
	color: inherit;
	margin-bottom: 0;
	line-height: 1.3
}

.diagonal {
	width: 24px;
	height: 24px;
	margin-left: 60px;
	background: linear-gradient(45deg, #80CB93 50%, #C7E8D7 50%)
}

@media (min-width: 1200px) {
	.diagonal {
		margin-left: 150px
	}
}

.bg-light-mint {
	background-color: #C7E8D7;
	width: 60px;
	height: 60px
}

@media (min-width: 1200px) {
	.bg-light-mint {
		margin-left: 90px
	}
}

.bg-mint {
	background-color: #10AF5A
}

@media (max-width: 1199px) {
	.bg-mint {
		margin-left: -30px;
		z-index: 5
	}
}

.bg-midnight {
	background-color: #3B6385
}

.bg-green {
	width: 60px;
	height: 30px;
	background-color: #008647;
	padding: 0 10px
}

.bg-green .dots {
	border-top: 3px solid #C7E8D7;
	border-bottom: 3px solid #04AA51;
	width: 3px;
	height: 6px;
	box-sizing: content-box
}

.bg-green .dots:nth-child(even) {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg)
}

.bg-outer-space {
    background: #000;
}


.circle-container {
	background-color: #80CB93;
	width: 60px;
	height: 60px;
	padding-top: 12px;
	margin-left: 60px
}

@media (min-width: 1200px) {
	.circle-container {
		margin-left: 90px
	}
}

.circle-gradient {
	border-radius: 100%;
	margin: 0 auto;
	width: 36px;
	height: 36px;
	background: linear-gradient(to top, #C7E8D7 50%, #3B6385 50%)
}

.dark-stripes {
	position: absolute;
	left: 120px;
	right: -500px;
	bottom: 0;
	height: 150px;
	background: linear-gradient(to top, transparent 24px, #003740 24px 26px, transparent 26px 50px, #003740 50px 52px, transparent 52px 74px, #003740 74px 76px, transparent 76px 100px, #003740 100px 102px, transparent 102px)
}

@media (min-width: 1200px) {
	.dark-stripes {
		left: 150px
	}
}
.justify-between {
    justify-content: space-between;
}
.items-center {
    align-items: center;
}
.flex {
    display: flex;
}


.radial-stripes {
	position: absolute;
	top: -120px;
	right: 0;
	width: 120px;
	height: 120px;
	background: radial-gradient(circle at 0% 100%, #C7E8D7 24px, #003740 24px 26px, #C7E8D7 26px 50px, #003740 50px 52px, #C7E8D7 52px 74px, #003740 74px 76px, #C7E8D7 76px 100px, #003740 100px 102px, #C7E8D7 102px)
}

@media (min-width: 992px) {
	.bg-mint-stripes {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 120px;
		background: linear-gradient(to right, transparent 24px, #C7E8D7 24px 26px, transparent 26px 50px, #C7E8D7 50px 52px, transparent 52px 74px, #C7E8D7 74px 76px, transparent 76px 100px, #C7E8D7 100px 102px, transparent 102px)
	}
}

.relative {
    position: relative;
}
.items-end {
    align-items: flex-end;
}


.six-logo-grid {
	display: grid;
	padding: 40px 0;
	gap: 30px;
	grid-template-areas: "a" "b" "c" "d" "e" "f"
}

@media (min-width: 480px) {
	.six-logo-grid {
		grid-template-areas: "a b" "c d" "e f"
	}
}

@media (min-width: 768px) {
	.six-logo-grid {
		grid-template-areas: "a b c" "d e f"
	}
}

@media (min-width: 992px) {
	.six-logo-grid {
		margin-right: 87px
	}
}

@media (min-width: 1200px) {
	.six-logo-grid {
		grid-template-areas: "a b c d e f"
	}
}

@media (min-width: 1374px) {
	.six-logo-grid {
		margin-right: 0
	}
}

.six-logo-grid svg {
	max-width: 100%
}

.six-logo {
	display: flex;
	align-items: center;
	justify-content: center
}
.six-logo img {
    max-width: 100%;
    max-height: 35px;
}



.footer-singup {
	color: #FFF;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../img/signup.svg');
}
.footer-singup .info-box {
	display: flex;
	align-items: center;
	justify-content: center;
}
.info-box-title {
	margin: 0 30px 0 0;
	font-size: 32px;
	color: #fff;
}
.footer-singup .info-box .btn {
    color: #fff;
    width: 170px;
    line-height: 50px;
    font-size: 16px;
    padding: 0;
    font-weight: 600;
    border-color: #32363b;
    background-color:#32363b;

}

.footer-singup .info-box .btn:hover {
     border-color: #26292d;
    background-color: #26292d;
}



@media (max-width: 991px) {
	.footer-singup .info-box {
		display: flex;
		flex-flow: column;
	}
	.info-box-title {
		font-size: 18px;
		margin: 0 0 30px;
	}
	.footer-singup .info-box .btn {
		line-height: 40px;
		font-size: 14px;
	}
}
/* Footer */
footer.footer {
	padding-top: 80px;
	padding-bottom: 0px;
	border: 0 none;
	font-size: 14px;
	position: relative;
	width: 100%;
	background-color: #fff;
	color: #65686c;
}
footer.footer .btn {
	color: #333;
	display: flex;
	align-items: center;
}
footer.footer .btn > div {
	margin-right: .2rem;
}
.footer-top {
    padding-bottom: 40px;
}
.footer-top h4 {
    margin-bottom: 18px;
    line-height: 20px;
    font-weight: 700;
    font-size: 14px;
        color: #32363b;
}
.footer-top ul li {
    padding: 6px 0;
    line-height: 20px;
    font-size: 14px;
    color: #65686c;
}
.footer-top ul li a {
    display: block;
    line-height: 20px;
    font-size: 14px;
    color: #65686c;
}
.footer-top ul li a:hover {
    color: #02b159;
    text-decoration: none;
}
.footer-bottom {
    padding: 40px 0;
    border-top: 1px solid rgba(255,255,255,.08);
}

footer.footer .footer-bottom .copyright {
    font-size: 14px;
    margin: 0;
    text-align: left;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
footer.footer .footer-bottom .copyright .nav {
    align-items: center;
}

footer.footer .footer-bottom .copyright .nav .nav-item .nav-link {
    padding: 0;
}
footer.footer .footer-bottom .copyright .nav .nav-item .nav-link2 {
    max-width: 67px;
}
footer.footer .footer-bottom .copyright .nav .nav-item .nav-link img {
    max-width: 100%;
}
footer.footer .footer-bottom .copyright .nav .stick {
    margin: 0 12px;
    width: 1px;
    height: 14px;
    background-color: rgba(255,255,255,.1);
}




@media screen and (max-width: 768px){

.footer-col.active {
    color: #006EFF;
}

.footer-col.active h4:after {
    background-image: url(https://gatern.com/templates/lagom/assets/img/footer-media.svg);
    background-position: 95% 50%;
    background-size: 225% 112.5%;
    background-repeat: no-repeat;
}

    .footer-top ul.list-unstyled {
    display: none;
    padding: 10px 16px;
    border-top: 1px solid rgba(229,232,237,.1);
}

.footer-top h4 {
    position: relative;
    margin: 0;
    padding: 12px 40px 12px 16px;
    line-height: 24px;
    font-size: 16px;
}

.footer-top h4:after {
    content: "";
    display: block;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 5% 50%;
    background-size: 225% 112.5%;
    background-image: url(https://gatern.com/templates/lagom/assets/img/footer-media.svg);
}

.footer-top .col {
    flex-basis: auto;
    width: 100%;
    border-bottom: 1px solid rgba(229,232,237,.1);
    padding: 0;
}



.footer-col .list-unstyled.active {
    display: block;
}

.home-products-block {
  margin-bottom:60px;
}

}


.padding-bottom-large, .padding-vertical-large {
    padding-bottom: 90px;
}

.padding-top-large, .padding-vertical-large {
    padding-top: 90px;
}

.padding-top-medium, .padding-vertical-medium, .page-product .card-deck .card-footer, .page-product .card-deck .card-body {
    padding-top: 48px;
}




.locations {
    padding-top: 80px;
    padding-bottom: 80px;

}
.location-map {
    position: relative;
}
.location-map .map {
    background: url(../img/map.svg) no-repeat center center;
    background-size: cover;
}

.location-container {
    position: absolute;
    top: 50%;
    left: 50%;
}
.dark .location-map .map {
    opacity: 0.5;
}
.dark .section-title {
    color: #fff;
    margin-top: 25px;
    margin-bottom: 25px;
}
.locations .btm .box {
	display: inline-block;
	color: #FFF;
	text-align: center;
	margin-right: 20px;
}
.locations .btm .box span {
	display: inline-block;
	margin-right: 10px;
}
/* 3.8 Section: Map */
/* 3.8.1 Map: Large */
.location-map-sm {
    height: 260px;
}
.location-map-sm .location-container {
    height: 260px;
    width: 524px;
    margin: -130px 0 0 -262px;
}
.location-map-sm .map {
    height: 260px;
    width: 524px;
}
.location-map-sm .location-name {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease .15s;
    transition: all ease .15s;
    -webkit-transform: scale(0.65);
    transform: scale(0.65);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}
.location-map-sm .location:hover {
    z-index: 1000;
}
.location-map-sm .location:hover .location-name {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
}
@media (max-width: 991px) {
    .location-map-sm {
        height: 170px;
    }
    .location-map-sm .location-container {
        -webkit-transform: scale(0.65);
        transform: scale(0.65);
    }
}
/* 3.8.2 Map: Large */
.location-map-lg .map {
    height: 580px;
    width: 1174px;
}
@media (min-width: 568px) {
    .location-map-lg {
        height: 520px;
    }
    .location-map-lg .location-container {
        height: 580px;
        width: 1174px;
        margin: -290px 0 0 -582px;
    }
    .location-map .actions {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
}
@media (min-width: 568px) and (max-width: 1199px) {
    .location-map-lg {
        height: 450px;
    }
    .location-map-lg .location-container {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
}
@media (min-width: 568px) and (max-width: 991px) {
    .location-map-lg {
        height: 424px;
    }
    .location-map-lg .location-container {
        -webkit-transform: scale(0.68);
        -moz-transform: scale(0.68);
        -ms-transform: scale(0.68);
        -o-transform: scale(0.68);
        transform: scale(0.68);
    }
}
@media (min-width: 568px) and (max-width: 767px) {
    .location-map-lg {
        height: 290px;
    }
    .location-map-lg .location-container {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }
}
@media (max-width: 567px) {
    .location-map-lg .map {
        display: none;
    }
    .location-map-lg .location-container {
        position: inherit;
        top: auto;
        left: auto;
        max-width: 380px;
        margin: 0 auto;
        padding: 25px 0;
    }
    .location-container:after,
    .location-container:before {
        display: block;
        content: "";
        clear: both;
    }
    .location-map-lg .location-map {
        padding: 0 30px;
    }
}
/* 3.8.3 Map: Pin */
.location-pin,
.location-pin:after {
    border-radius: 100%;
    background-color: transparent;
}
.location-pin.run,
.location-pin.run:after {
    background-color: #21c650;
}
.location-pin.plan,
.location-pin.plan:after {
    background-color: #f70;
}
.location-pin.prepare,
.location-pin.prepare:after {
    background-color: #00DEFF;
}
.location-pin {
    position: relative;
    z-index: 999;
    display: block;
    height: 12px;
    width: 12px;
}
.location-pin-lg {
    position: relative;
    display: block;
    height: 20px;
    width: 20px;
}
.location-pin:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: "";
    height: 22px;
    width: 22px;
    margin: -11px 0 0 -11px;
    -webkit-animation: pulsate 2s linear;
    animation: pulsate 2s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.location-pin-lg:after {
    height: 40px;
    width: 40px;
    margin: -20px 0 0 -20px;
}
.location-map-sm .location {
    height: 8px;
    width: 8px;
    cursor: pointer;
}
.location-map-sm .location-pin {
    height: 8px;
    width: 8px;
}
.location-map-sm .location-pin:after {
    height: 16px;
    width: 16px;
    margin: -8px 0 0 -8px;
}
@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0);
        opacity: .05;
    }
    20% {
        -webkit-transform: scale(0.7);
        opacity: .1;
    }
    40% {
        -webkit-transform: scale(0.9);
        opacity: .2;
    }
    60% {
        -webkit-transform: scale(1.1);
        opacity: .3;
    }
    100% {
        -webkit-transform: scale(1.4);
        opacity: 0;
    }
}
@keyframes pulsate {
    0% {
        transform: scale(0);
        opacity: .05;
    }
    20% {
        transform: scale(0.7);
        opacity: .1;
    }
    40% {
        transform: scale(0.9);
        opacity: .2;
    }
    60% {
        transform: scale(1.1);
        opacity: .3;
    }
    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}
/* 3.8.3 Map: Locations */
.location {
    position: absolute;
    z-index: 998;
    height: 12px;
    width: 12px;
}
.location-name {
    position: absolute;
    z-index: 999;
    display: block;
    height: 28px;
}
.location-name span {
    display: block;
    height: 28px;
    padding: 0 10px;
    background-color: #02b159;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 20px -5px rgba(11, 27, 38, 0.2);
    box-shadow: 0 5px 20px -5px rgba(11, 27, 38, 0.2);
}
.location-name:after {
    position: absolute;
    z-index: -1;
    display: block;
    content: "";
    height: 1px;
    width: 20px;
    background-color: #545a5e;
}
.location-map-grey .location-name:after {
    background-color: #c4cacc;
}
.location-seattle {
    top: 180px;
    left: 150px;
}
.location-seattle .location-name {
    bottom: 44px;
    right: 44px;
}
.location-seattle .location-name:after {
    bottom: -20px;
    right: -49px;
    width: 58px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.location-map-sm .location-seattle {
    top: 84px;
    left: 66px;
}
.location-los-angeles {
    top: 232px;
    left: 160px;
}
.location-los-angeles .location-name {
    top: 78px;
    right: -45px;
}
.location-los-angeles .location-name:after {
    left: 20%;
    top: -70px;
    height: 70px;
    width: 1px;
}
.location-map-sm .location-los-angeles {
    top: 108px;
    left: 70px;
}
.location-korea {
    top: 198px;
    right: 205px;
}
.location-korea .location-name {
    bottom: 76px;
    right: -18px;
}
.location-korea .location-name:after {
    left: 50%;
    bottom: -65px;
    height: 75px;
    width: 1px;
}
.location-map-sm .location-korea {
    top: 89px;
    right: 90px;
}
.location-atlanta {
    top: 234px;
    left: 276px;
}
.location-atlanta .location-name {
    top: -9px;
    left: 110px;
}
.location-atlanta .location-name:after {
    top: 50%;
    left: -100px;
    width: 100px;
}
.location-map-sm .location-atlanta {
    top: 108px;
    left: 126px;
}
.location-sanjose {
    top: 207px;
    left: 145px;
}
.location-sanjose .location-name {
    bottom: 73px;
    left: 73px;
}
.location-sanjose .location-name:after {
    bottom: -32px;
    left: -78px;
    width: 95px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.location-map-sm .location-sanjose {
    top: 93px;
    left: 62px;
}
.location-hongkong {
    top: 255px;
    right: 250px;
}
.location-hongkong .location-name {
    bottom: -50px;
    right: -90px;
}
.location-hongkong .location-name:after {
    left: -35%;
    top: -45px;
    height: 70px;
    width: 1px;
    -webkit-transform: rotate(-240deg);
    transform: rotate(-240deg);
}


.location-taiwan {
    top: 246px;
    right: 230px;
}
.location-taiwan .location-name {
    bottom: -50px;
    right: -90px;
}
.location-taiwan .location-name:after {
    left: -35%;
    top: -45px;
    height: 70px;
    width: 1px;
    -webkit-transform: rotate(-240deg);
    transform: rotate(-240deg);
}


.location-saf {
    top: 385px;
    right: 540px;
}
.location-saf .location-name {
    bottom: -50px;
    right: -90px;
}
.location-saf .location-name:after {
    left: -35%;
    top: -45px;
    height: 70px;
    width: 1px;
    -webkit-transform: rotate(-240deg);
    transform: rotate(-240deg);
}

.location-egypt {
    top: 255px;
    right: 550px;
}
.location-egypt .location-name {
    bottom: -50px;
    right: -90px;
}
.location-egypt .location-name:after {
    left: -35%;
    top: -45px;
    height: 70px;
    width: 1px;
    -webkit-transform: rotate(-240deg);
    transform: rotate(-240deg);
}


.location-ru {
    top: 125px;
    right: 520px;
}
.location-ru .location-name {
    bottom: -50px;
    right: -90px;
}
.location-ru .location-name:after {
    left: -35%;
    top: -45px;
    height: 70px;
    width: 1px;
    -webkit-transform: rotate(-240deg);
    transform: rotate(-240deg);
}



.location-au {
    top: 445px;
    right: 150px;
}
.location-au .location-name {
    bottom: -50px;
    right: -90px;
}
.location-au .location-name:after {
    left: 15%;
    top: -45px;
    height: 70px;
    width: 1px;
    -webkit-transform: rotate(
-240deg
);
    transform: rotate(
-240deg
);
}

.location-nz {
    top: 505px;
    right: 10px;
}
.location-nz .location-name {
    bottom: -50px;
    right: -90px;
}
.location-nz .location-name:after {
    left: -5%;
    top: -45px;
    height: 70px;
    width: 1px;
    -webkit-transform: rotate(
-240deg
);
    transform: rotate(
-240deg
);
}

.location-map-sm .location-hongkong {
    top: 113px;
    right: 106px;
}
.location-singapore {
    bottom: 220px;
    right: 250px;
}
.location-singapore .location-name {
    bottom: 45px;
    right: 30px;
}
.location-singapore .location-name:after {
    left: 60px;
    top: 12px;
    height: 70px;
    width: 1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.location-map-sm .location-singapore {
    top: 155px;
    right: 108px;
}
.location-shanghai {
    top: 225px;
    right: 228px;
}
.location-shanghai .location-name {
    bottom: 45px;
    right: 63px;
}
.location-shanghai .location-name:after {
    left: 135%;
    top: -7px;
    height: 100px;
    width: 1px;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}
.location-map-sm .location-shanghai {
    top: 98px;
    right: 100px;
}
.location-paris {
    top: 154px;
    left: 538px;
}
.location-paris .location-name {
    top: 50px;
    left: 50px;
}
.location-paris .location-name:after {
    top: -20px;
    left: -52px;
    width: 65px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.location-map-sm .location-paris {
    top: 70px;
    left: 240px;
}
.location-frankfurt {
    top: 142px;
    left: 562px;
}
.location-frankfurt .location-name {
    top: -9px;
    left: 60px;
}
.location-frankfurt .location-name:after {
    top: 50%;
    left: -60px;
    width: 60px;
}
.location-map-sm .location-frankfurt {
    top: 66px;
    left: 250px;
}
.location-tokyo {
    top: 201px;
    right: 162px;
}
.location-tokyo .location-name {
    bottom: 50px;
    left: 50px;
}
.location-tokyo .location-name:after {
    bottom: -22px;
    left: -58px;
    width: 75px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.location-map-sm .location-tokyo {
    top: 90px;
    right: 72px;
}
.location-sydney {
    bottom: 102px;
    right: 83px;
}
.location-sydney .location-name {
    bottom: 50px;
    left: 50px;
}
.location-sydney .location-name:after {
    bottom: -22px;
    left: -58px;
    width: 75px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.location-map-sm .location-sydney {
    bottom: 44px;
    right: 36px;
}
.location-london .location-name,
.location-seattle.location-name {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
}
.location-silicon-valley .location-name {
    -webkit-transform-origin: top right;
    transform-origin: top right;
}
.location-los-angeles .location-name {
    -webkit-transform-origin: top center;
    transform-origin: top center;
}
.location-korea .location-name {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}
.location-atlanta .location-name,
.location-frankfurt .location-name {
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
.location-miami .location-name,
.location-paris .location-name {
    -webkit-transform-origin: top left;
    transform-origin: top left;
}
@media (max-width: 1199px) {
    .location-seattle .location-name {
        bottom: 54px;
        right: -26px;
    }
    .location-tokyo .location-name {
        left: auto;
        right: 50px;
    }
    .location-sydney .location-name {
        left: auto;
        right: 50px;
    }
    .location-tokyo .location-name:after,
    .location-sydney .location-name:after {
        left: auto;
        right: -58px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .location-seattle .location-name:after {
        right: 3px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@media (min-width: 568px) and (max-width: 767px) {
    .location-map-lg .location-name {
        height: 36px;
        font-size: 20px;
        line-height: 36px;
    }
}
@media (max-width: 567px) {
    .location-map-lg .location {
        position: inherit;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        float: left;
        height: auto;
        width: 50%;
        margin-bottom: 8px;
        padding-left: 30px;
    }
    .location-map-lg .location:after,
    .location-map-lg .location:before {
        display: block;
        content: "";
        clear: both;
    }
    .location-map-lg .location-pin {
        position: absolute;
        left: 0;
        top: 4px;
        margin: 5px 10px 5px;
    }
    .location-map-lg .location .location-name {
        position: inherit;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        display: inline-block;
        background: transparent;
        color: #616366;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }
    .location-map-lg .location .location-name > span {
        position: inherit;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        display: inline-block;
        background: transparent;
        color: #616366;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }
    .location-map-lg .location-name:after {
        display: none;
    }
    .section-dark .location-map-lg .location .location-name span {
        color: #fff;
    }
}

.location .location-name {
    display: none;
}

.location:hover .location-name {
    display: block;
}


a.btn.btn-register {
        background-color: #02b159;
        border-radius: 4px;
        border: 1px solid #02b159;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 13px;
        font-weight: 600;
        line-height: 2.3;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
        white-space: nowrap;
        width: auto;
}

a.btn.btn-register:hover {
    background-color: #32363b;
    border: 1px solid #32363b;
}

a.btn.btn-login {
    background-color: transparent;
    border-radius: 4px;
    color:#32363b;
    border: 1px solid #32363b;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    line-height: 2.3;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    white-space: nowrap;
    width: auto;
    margin-right: 10px;
}

a.btn.btn-login:hover {
    background-color:#32363b;
    border: 1px solid #32363b;
    color:#fff;
}


section.home-banner {
    overflow: hidden;
    z-index: 0;
}

p.home-banner-subtitle {
    font-size: 24px;
    line-height: 1.33333;
    font-family: source sans pro,sans-serif;
    font-weight: 400;
    letter-spacing: -.25px;
    margin-bottom: 20px;
}

h1.home-banner-title {
    font-family: source sans pro,sans-serif;
    font-size: 48px;
    letter-spacing: -2px;
    font-weight: 400;
    margin: 0;
    line-height: 1.5;
    margin-bottom: 20px;
}

.btn-theme {
    background-color: #02b159;
    border-radius: 4px;
    border: 1px solid #02b159;
    color: #fff;
}
.btn-theme:hover,.btn-theme:focus,.btn-theme:active {
    color: #fff;
    background-color: #32363b;
    border: 1px solid #32363b;
}


.btn-outline-theme {
    color: #32363b;
    border: 1px solid #32363b;
}
.btn-outline-theme:hover,.btn-outline-theme:focus,.btn-outline-theme:active {
    background: #32363b;
    border: 1px solid #32363b;
    color:#fff;
}




.navbar-brand.front-brand {
    background-image: url(../img/logo-front.svg);
}



section.page-banner {
    align-items: center;
    padding-top: 64px;
    padding-bottom: 64px;
    background: #02b159;
    position: relative;
}

h1.page-title {
    margin: 0 0 16px;
    color: #fff;
    font-weight: 400;
    line-height: 1.25;
    text-transform: none;
    font-family: proxima-nova,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 48px;
}

.page-header {
    text-align: center;
    position: relative;
    z-index: 99999;
}

p.page-subtitle {
    color: hsla(0,0%,100%,.8);
    margin-top: 16px;
    font-size: 20px!important;
    margin-bottom: 32px!important;
}
.btn-theme-2 {
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 0 32px;
    height: 48px;
    border: 0;
    border-radius: 3px;
    background-color: #32363b;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    white-space: nowrap;
    font: inherit;
    font-weight: 600;
    font-size: 16px;
    line-height: 48px;
    cursor: pointer;
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    max-width: 100%;
    width: 260px;
}

.btn-theme-2:hover {
    border-color: #26292d;
    background: #26292d;
    color: #fff;
}

section.page-banner.price:before {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 2000px;
    height: 100%;
    background: url(../img/price.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    content: "";
    transform: translateX(-50%);
    top: auto;
    bottom: 0;
    margin-bottom: 16px;
}


section.page-banner.node:before {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 2000px;
    height: 100%;
    background: url(../img/node.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    content: "";
    transform: translateX(-50%);
    top: auto;
    bottom: 0;
}


section.page-banner.legal:before {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 2000px;
    height: 100%;
    background: url(../img/legal.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    content: "";
    transform: translateX(-50%);
    top: auto;
    bottom: 0;
}




section.page-banner.aff:before {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 2000px;
    height: 100%;
    background: url(../img/aff.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    content: "";
    transform: translateX(-50%);
    top: auto;
    bottom: 0;
}





.pricing-tabs {
	flex-direction: row;
	display: flex;
	justify-content: space-around;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.pricing-tabs {
		justify-content: space-between
	}
}


.pricing-tab {
	flex-direction: row;
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 24px 12px 18px;
	opacity: 0.6;
	border-bottom: 4px solid transparent
}

.pricing-tab,.pricing-tab:hover,.pricing-tab:link {
	color: #343434;
	text-decoration: inherit
}



@media screen and (min-width: 768px) and (max-width: 991px) {
	.pricing-tab {
		padding-left: 0;
		padding-right: 0
	}
}

.pricing-tab.active {
	opacity: 1;
	border-bottom-color: #161616
}

@media (max-width: 768px) {
.pricing-tab h3 {
    display: none;
}

.pricing-tab span {
    display: none;
}
}

section.page-banner:before {
    max-width: 100%;
}

section.page-price-pricing {
    background: #ffffff!important;
    box-shadow: 0 2px 4px 0 #d8d8d8;
}

.padding-right-medium.tab-icon {
    margin-right: 20px;
}


.pricing-cards {
	padding-bottom: 0
}

.pricing-cards .pricing-card {
	box-shadow: 0px 5px 15px 0 #D8D8D8;
	background-color: #FFFFFF;
	border-top: 10px solid;
	height: 100%
}

@media (max-width: 991px) {
	.pricing-cards .pricing-card {
		margin-bottom: 30px;
		height: calc(100% - 30px)
	}
}

.pricing-cards .pricing-card.plan-free {
	border-top-color: #8CD8AF
}

.pricing-cards .pricing-card.plan-performance {
	border-top-color: #60C890
}

.pricing-cards .pricing-card.plan-custom {
	border-top-color: #61B5F4
}

.pricing-cards .pricing-card.plan-free .pricing-card-footer ul li::before {
	color: #8CD8AF
}

.pricing-cards .pricing-card.plan-performance .pricing-card-footer ul li::before {
	color: #60C890
}

.pricing-cards .pricing-card.plan-custom .pricing-card-footer ul li::before {
	color: #61B5F4
}

.pricing-cards .pricing-card .pricing-card-col {
	padding: 30px 20px;
	text-align: center
}

@media (min-width: 1200px) {
	.pricing-cards .pricing-card .pricing-card-col {
		padding-left: 50px;
		padding-right: 50px
	}
}

.pricing-cards .pricing-card .subtitle {
	font-weight: 300
}

.pricing-cards .pricing-card .monthly-total-cost-words {
	font-weight: 500;
	font-size: 18px;
	color: #898989;
	margin-top: 20px;
	margin-bottom: 30px
}

.pricing-cards .pricing-card .learn-more-cta {
	margin-top: 10px;
	margin-bottom: -20px;
	font-size: 14px
}

.pricing-cards .pricing-card .learn-more-cta a {
	font-weight: 500
}

@media (max-width: 767px) {
	.pricing-cards .pricing-card .learn-more-cta {
		display: none
	}
}

.pricing-cards .pricing-card .pricing-card-footer {
	padding: 20px 25px
}

@media (min-width: 1200px) {
	.pricing-cards .pricing-card .pricing-card-footer {
		padding: 25px 50px
	}
}

.pricing-cards .pricing-card .pricing-card-footer p {
	font-weight: 500;
	margin: 0
}

.pricing-cards .pricing-card .pricing-card-footer ul {
	line-height: inherit;
	font-size: 14px;
	padding-left: 0px;
	list-style: none
}

.pricing-cards .pricing-card .pricing-card-footer ul li {
	position: relative;
	margin-left: 1rem;
	margin-bottom: 8px
}

.pricing-cards .pricing-card .pricing-card-footer ul li::before {
	position: absolute;
	left: -1rem;
	content: "• ";
	font-size: 30px;
	line-height: 0.75
}
.pricing-cards .pricing-fine-print {
	margin-top: 12px
}

.pricing-card.plan-performance .btn-primary:hover {
    background: #26292d!important;
    border-color: #26292d!important;
}
@media (max-width: 767px) {
	.pricing-cards .pricing-fine-print {
		text-align: center
	}
}

.pricing-cards .card-text {
	margin: 12px 0px
}

.pricing-cards .card-title {
	text-align: center
}

.pricing-cards.server .box-shadow,.pricing-cards.server .resource-tile.shadow,.pricing-cards.server .resource-tile:hover,.pricing-cards.server .page-training .course:hover,.page-training .pricing-cards.server .course:hover {
	padding: 20px
}

@media (min-width: 768px) {
	.pricing-cards.server .box-shadow,.pricing-cards.server .resource-tile.shadow,.pricing-cards.server .resource-tile:hover,.pricing-cards.server .page-training .course:hover,.page-training .pricing-cards.server .course:hover {
		padding: 60px;
		padding-left: 50px;
		border-left: 10px solid #61B5F4
	}
	    ul.navbar-nav.ml-auto.main-menu li {
    margin-left: 10px;
    margin-right: 10px;

}

ul.navbar-nav.ml-auto.main-menu li .nav-link {
    color: #000!important;
}
.navbar-expand-md .navbar-nav .dropdown-menu li {
    margin: 0!important;
}
}

.pricing-cards.server .server-title,.pricing-cards.server .server-buttons {
	padding: 0 15px;
	flex: 1 1 100%
}

@media (min-width: 992px) {
	.pricing-cards.server .server-title,.pricing-cards.server .server-buttons {
		flex: 0 1 25%
	}
}

.pricing-cards.server .bullets {
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 0 15px;
	flex: 1 0 100%
}

@media (min-width: 992px) {
	.pricing-cards.server .bullets {
		margin-top: 0;
		margin-bottom: 0;
		flex: 1 1 40%
	}
}

@media (min-width: 1200px) {
	.pricing-cards.server .bullets {
		padding: 0 45px
	}
}

.pricing-cards.server .bullets p {
	margin: 0
}

.pricing-cards.server .bullets hr {
	margin-top: 10px;
	margin-bottom: 10px
}



.expandable-list .expandable-title {
	margin-left: 48px;
	display: inline-block
}

.expandable-list .expandable-title::before {
	content: url("https://d3r49iyjzglexf.cloudfront.net/icons/ic-see-less-b74601eda076b543c8afdb678685bdcb58ef5d26a5a1e852cb95b50d7696829c.svg");
	display: block;
	position: absolute;
	margin-top: -27px;
	margin-left: -45px;
	font-size: 45px;
	color: #898989
}

.expandable-list [aria-expanded="true"] .expandable-title::before {
	content: url("https://d3r49iyjzglexf.cloudfront.net/icons/ic-see-less-b74601eda076b543c8afdb678685bdcb58ef5d26a5a1e852cb95b50d7696829c.svg")
}

.expandable-list [aria-expanded="false"] .expandable-title::before {
	content: url("https://d3r49iyjzglexf.cloudfront.net/icons/ic-see-more-51a15ed1b6db58d1101e729f3a4714843f1bb11b75d50044589d3e6838522832.svg")
}

.expandable-list .expandable-content {
	margin: 18px 0 0 48px
}

span.monthly-total-cost-words {
    font-family: DINAlternate-Bold !important;
    color: #02b159!important;
    font-size: 40px!important;
}

.pricing-cards .pricing-card .pricing-card-col {
    padding-bottom: 0px;
}

.pricing-tab h3 {
    font-size: 22px;
    font-weight: 500;
}


.head-top {
	margin-bottom: 70px;
}
.head-title {
	font-size: 32px;
	margin-top: 0;
	margin-bottom: 20px;
}
.head-subtitle {
	color: #999;
	font-size: 16px;
}

section.home-feature {
        padding-top: 10px;
    padding-bottom: 10px;
    background: #fafafc;
}


.home-feature-box {
    text-align: center;
    background: #02b159;
    padding: 30px;
    border-radius: 20px;
    margin-right: 10px;
    margin-left: 10px;
    width: auto!important;
    transform: translateY(30px);
    transition: all .5s;
    will-change: transform;
    margin-bottom: 30px;
}

.home-feature-box:hover {
    transform: translateY(0px);
}



p.home-feature-box-title {
    font-weight: 500!important;
    color: #fff!important;
    font-size: 18px;
    margin-top: 20px;
    position: relative;
    z-index: 99999;
    text-align: left;
    width: 100%;
    position: absolute;
    bottom: 0;
}

p.home-feature-box-subtitle {
    line-height: 1.7;
    color: #fff;
    font-size: 15px;
    text-align: left;
    visibility: hidden;
        height: 130px;
}

figure.home-feature-box-svg img {
    position: absolute;
    top: 10px;
    right: 10px;
}


.home-more-box {
    margin-top: 30px;
}

.home-more-box h1 {
    color: #111!important;
    font-size: 18px;
}

.home-more-box p {
    font-size: 15px;
    line-height: 1.7;
}

.home-more-badge {
    box-sizing: border-box;
    padding: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 400;
    border-radius: 0;
    background: #02b159;
    letter-spacing: 2px;
    margin-bottom: 30px;
}


.home-more-right h2 {
    color: #111!important;
    line-height: 2;
}

.home-more-right p {
    color: #111!important;
    line-height: 2;
    margin-bottom: 30px;
}

.home-more-left {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    height: 100%;
}



.home-app-box img {
    max-height: 400px;
    max-width: 100%;
    width: 100%;
}

.home-banner-btn-group .btn-lg {
    width:250px;
    height: 50px;
    margin-bottom: 0;
    padding: 11px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    letter-spacing: 1px;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border-radius: 3px;
    transition: all 400ms ease;
    margin-top:20px;
    margin-right:20px;
}

@media (max-width: 768px) {
    .home-banner-btn-group .btn-lg {
    width:100%;
    margin-top:20px;
    margin-right:0px;
}

}

.home-banner-btn-group {
    z-index: 99999;
    position: relative;
}

.sha-1, .sha-1-hover:hover {
    box-shadow: 0 0 0 1px rgb(56 60 67 / 5%), 0 1px 3px 0 rgb(56 60 67 / 15%);
}
.sha-1-hover, .sha-2-hover, .sha-3-hover, .sha-4-hover {
    cursor: pointer;
}
.sha-1, .sha-2, .sha-3, .sha-4 {
    transition: box-shadow .25s ease-out;
}
.mb-5 {
    margin-bottom: 16px;
}
.bg-bw-1 {
    background-color: #fff;
}
.br-3 {
    border-radius: 3px;
}
.fwm {
    font-weight: 500;
}
.Paper>:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
    background-clip: padding-box;
}
.Paper>:first-child {
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
    background-clip: padding-box;
}
.py-7 {
    padding-top: 32px;
    padding-bottom: 32px;
}
.SVG-wrapper.SVG-loaded img {
    display: inline-block;
}
.SVG-wrapper img {
    display: none;
}
img.lazyloaded {
    opacity: 1;
    -webkit-filter: none;
    filter: none;
    transition: opacity .5s,-webkit-filter .2s;
    transition: opacity .5s,filter .2s;
    transition: opacity .5s,filter .2s,-webkit-filter .2s;
}
.scale-48 {
    height: 48px;
}

.sha-3, .sha-3-hover:hover {
    box-shadow: 0 0 0 1px rgb(56 60 67 / 7%), 0 8px 14px 1px rgb(56 60 67 / 15%);
}
.sha-1-hover:hover, .sha-2-hover:hover, .sha-3-hover:hover, .sha-4-hover:hover {
    transition: box-shadow .25s ease-out;
}
.sha-1, .sha-1-hover:hover {
    box-shadow: 0 0 0 1px rgb(56 60 67 / 5%), 0 1px 3px 0 rgb(56 60 67 / 15%);
}
.sha-1-hover, .sha-2-hover, .sha-3-hover, .sha-4-hover {
    cursor: pointer;
}
.sha-1, .sha-2, .sha-3, .sha-4 {
    transition: box-shadow .25s ease-out;
}

a.support-os-link .small {
    font-size: 16px;
    color: #000;
    padding-top: 10px;
    padding-bottom: 20px;
    text-decoration: none;
}

a.support-os-link {
    text-decoration: none;
}


section.home-unblock {
    background: #000 url(../img/unlock-media.jpg) no-repeat center center;
    background-size: contain;
}


.width-limiter {
    max-width: 370px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

.width-limiter h2 {
    font-size: 32px !important;
    margin: 0 0 18px 0;
}

.width-limiter h4 {
    margin: 0 0 13.5px 0;
    font-size: 17px;
    text-align: center;
}


.btn-big-vip {
    padding: 10px 22px;
    margin-top: 35px;
    margin-bottom: 35px;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 180px;
    text-align: center;
}

.middle-content-wrapper {
    text-align: center;
}
@media (min-width: 768px) {
section.home-unblock .container {
    margin: 120px auto;
    padding: 90px 35px 75px;
    color: #fff;
}

.width-limiter h2 {
    font-size: 58px!important;
}

.width-limiter {
    max-width: max-content;
}

.width-limiter h4 {
    font-size: 30px;
}
}


section.home-download-banner {
    padding-top: 64px;
    padding-bottom: 64px;
    background: #fff;
}

.home-download-banner-right {
    float: right;
}

section.affiliate-step {
    background: #000;
}

section.affiliates-info img {
    width: 48px;
}

section.affiliates-info p {
    font-size: 15px;
    line-height: 27px;
    margin-bottom: 30px;
}


.shadow-4 {
    box-shadow: 0 0 0 1px rgb(56 60 67 / 7%), 0 15px 20px 1px rgb(56 60 67 / 12%);
}
.p-5 {
    padding: 3.2rem;
}
.my-4 {
    margin-bottom: 1.6rem;
    margin-top: 1.6rem;
}
.rounded-2 {
    border-radius: 10px;
}

.tracking-tight {
    letter-spacing: -.5px;
}
.text-h5 {
    font-size: 1.86rem;
}
.leading-normal {
    line-height: 1.5;
}
.font-bold {
    font-weight: 600;
}

.text-small {
    font-size: 14px;
}

.leading-normal {
    line-height: 1.5;
}

.shuttle-text {
    margin-bottom: 0px;
}

p.shuttle-text.tracking-tight {
    color: #02b159;
}


  .w-full {
    width: 100%;
    flex-direction: column;
}

.aff-step-box {
    color: #fff;
    text-align: center;
}

.aff-step-box h3 {
    margin-bottom: 20px;
}

p.aff-step-p {
    font-size: 16px;
    line-height: 25px;
}



     @media (min-width: 861px) and (max-width: 1030px) {
    #cta-button-967, #cta-button-581611, #cta-button-738249 {
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media (min-width: 768px) and (max-width: 1280px) {
    #cta-button-967, #cta-button-581611, #cta-button-738249 {
        padding-left: 12px;
        padding-right: 12px;
    }
    .md\:flex.w-full.items-center.justify-center div a,
    .md\:flex.w-full.items-center.justify-center div.c-dropdown-menu button.hidden {
        margin-left: 20px;
        margin-right: 20px;
    }
    .md\:flex.w-full.items-center.justify-center .c-dropdown-menu div a {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
}
@media (min-width: 1024px) {
    #cta-button-52 {
        font-size: 16px;
    }
}




.font-country-page-heading-cta-block{font-family:Open Sans}.font-country-page-heading-cta-block .h2-font-style{font-weight:800;font-size:18px;letter-spacing:-.53px;line-height:1.33;line-height:1.6}@media screen and (min-width:1024px){.font-country-page-heading-cta-block .h2-font-style{font-size:30px;letter-spacing:-.42px}}.font-country-page{font-family:Open Sans}.font-country-page .h1-font-style{font-weight:800;font-size:30px;letter-spacing:normal;line-height:1.2}.font-country-page .h2-font-style{font-weight:800;font-size:24px;letter-spacing:-.33px;line-height:1.25}.font-country-page .h3-font-style{font-weight:400;font-size:18px;letter-spacing:normal;line-height:1.33}.font-country-page .p-font-style{font-weight:400;font-size:16px;letter-spacing:normal;line-height:1.5}.font-country-page .h2Card-font-style{font-weight:800;font-size:18px;letter-spacing:-.53px;line-height:1.33}.font-country-page .h3Card-font-style{font-weight:800;font-size:18px;letter-spacing:-.53px;line-height:1.33}@media screen and (min-width:768px) and (max-width:1024px){}@media screen and (min-width:1024px){.font-country-page .h1-font-style{font-size:48px;letter-spacing:-.5px;line-height:1.13}.font-country-page .h2-font-style{font-size:36px;letter-spacing:-.5px;line-height:1.17}.font-country-page .h3-font-style{line-height:1.67}.font-country-page .p-font-style{font-size:18px;line-height:1.67}.font-country-page .h2Card-font-style{font-size:24px;letter-spacing:-.5px;line-height:1.25}}



.palette-theme-popup-promo-bar{background-image:linear-gradient(to right,rgba(213,175,86,1) 8%,rgba(60,202,218,1) 92%)}.palette-theme-popup-promo-bar .heading-color{color:#fff}.palette-theme-popup-promo-bar .subheading-color{color:#fff}.palette-theme-popup-promo-bar .text-color{color:#fff}.palette-theme-popup-promo-bar a:not(.button){color:#fff;text-decoration:underline}.palette-theme-popup-promo-bar .text-accent{color:#fff}.palette-theme-country-page-slick-slider-bg{background-color:#eff3ff}.palette-theme-solid-light-grey-bg-dark-heading-grey-text-blue-link{background-color:#f7f9ff}.palette-theme-solid-light-grey-bg-dark-heading-grey-text-blue-link .heading-color{color:#25292f}.palette-theme-solid-light-grey-bg-dark-heading-grey-text-blue-link .subheading-color{color:#25292f}.palette-theme-solid-light-grey-bg-dark-heading-grey-text-blue-link .text-color{color:#6f767c}.palette-theme-solid-light-grey-bg-dark-heading-grey-text-blue-link a:not(.button){color:#055aff;text-decoration:underline}.palette-theme-solid-white-bg-black-heading-grey-text-blue-link{background-color:#fff}.palette-theme-solid-white-bg-black-heading-grey-text-blue-link .heading-color{color:#25292f}.palette-theme-solid-white-bg-black-heading-grey-text-blue-link .subheading-color{color:#25292f}.palette-theme-solid-white-bg-black-heading-grey-text-blue-link .text-color{color:#6f767c}.palette-theme-solid-white-bg-black-heading-grey-text-blue-link a:not(.button){color:#055aff;text-decoration:underline}.palette-theme-solid-light-grey-bg-black-heading-grey-text-blue-link{background-color:#f7f9ff}.palette-theme-solid-light-grey-bg-black-heading-grey-text-blue-link .heading-color{color:#000}.palette-theme-solid-light-grey-bg-black-heading-grey-text-blue-link .subheading-color{color:#000}.palette-theme-solid-light-grey-bg-black-heading-grey-text-blue-link .text-color{color:#6f767c}.palette-theme-solid-light-grey-bg-black-heading-grey-text-blue-link a:not(.button){color:#055aff;text-decoration:underline}.palette-theme-white-background-cards-lp{background-color:#fff;box-shadow:0 6px 12px 0 rgba(229,236,255,1)}.palette-theme-white-background-cards-lp .heading-color{color:#212529}.palette-theme-white-background-cards-lp .subheading-color{color:#6f767c}.palette-theme-white-background-cards-lp .text-color{color:#6f767c}.palette-theme-white-background-cards-lp a:not(.button){color:#1983e0;text-decoration:underline}.palette-theme-white-background-cards-lp .text-accent{color:#000}.palette-theme-html-embed-block{background-color:transparent}.palette-theme-solid-grey-background-dark-headings-grey-text-blue-link{background-color:#f8f9fa}.palette-theme-solid-grey-background-dark-headings-grey-text-blue-link .heading-color{color:#212529}.palette-theme-solid-grey-background-dark-headings-grey-text-blue-link .subheading-color{color:#212529}.palette-theme-solid-grey-background-dark-headings-grey-text-blue-link .text-color{color:#6f767c}.palette-theme-solid-grey-background-dark-headings-grey-text-blue-link a:not(.button){color:#1983e0;text-decoration:underline}.palette-theme-solid-grey-background-dark-headings-grey-text-blue-link .text-accent{color:#6f767c}.palette-theme-global-solid-white-background-with-dark-text-and-blue-text-links{background-color:#fff}.palette-theme-global-solid-white-background-with-dark-text-and-blue-text-links .heading-color{color:#212529}.palette-theme-global-solid-white-background-with-dark-text-and-blue-text-links .subheading-color{color:#212529}.palette-theme-global-solid-white-background-with-dark-text-and-blue-text-links .text-color{color:#6f767c}.palette-theme-global-solid-white-background-with-dark-text-and-blue-text-links a:not(.button){color:#1983e0;text-decoration:underline}.palette-theme-global-solid-white-background-with-dark-text-and-blue-text-links .text-accent{color:#6f767c}.palette-theme-grey-bg-dark-text{background-color:#f8f9fa}.palette-theme-grey-bg-dark-text .heading-color{color:#212529}.palette-theme-grey-bg-dark-text .subheading-color{color:#212529}.palette-theme-grey-bg-dark-text .text-color{color:#212529}.palette-theme-grey-bg-dark-text a:not(.button){color:#1983e0;text-decoration:underline}.palette-theme-grey-bg-dark-text .text-accent{color:#212529}.palette-theme-global-off-white-gray-background-with-dark-text{background-color:#f8f9fa}.palette-theme-global-off-white-gray-background-with-dark-text .heading-color{color:#212529}.palette-theme-global-off-white-gray-background-with-dark-text .subheading-color{color:#212529}.palette-theme-global-off-white-gray-background-with-dark-text .text-color{color:#212529}.palette-theme-global-off-white-gray-background-with-dark-text a:not(.button){color:#1983e0;text-decoration:underline}.palette-theme-global-off-white-gray-background-with-dark-text .text-accent{color:#212529}.palette-theme-global-white-background-with-dark-text{background-color:#fff}.palette-theme-global-white-background-with-dark-text .heading-color{color:#212529}.palette-theme-global-white-background-with-dark-text .subheading-color{color:#212529}.palette-theme-global-white-background-with-dark-text .text-color{color:#6f767c}.palette-theme-global-white-background-with-dark-text a:not(.button){color:#1983e0;text-decoration:underline}.palette-theme-global-white-background-with-dark-text .text-accent{color:#212529}.palette-theme-global-header{background-image:radial-gradient(circle,rgba(22,19,112,1) 50%,rgba(17,0,47,1) 85%)}.palette-theme-global-header .heading-color{color:#fff}.palette-theme-global-header .subheading-color{color:#fff}.palette-theme-global-header .text-color{color:#fff}.palette-theme-global-header a:not(.button){color:#fff;text-decoration:underline}.palette-theme-global-header .text-accent{color:#000}


.button-theme-primary-button{color:#fff;background-image:linear-gradient(45deg,rgba(21,175,252,1),rgba(5,101,250,1));-webkit-box-shadow:inset 0px 0px 0px 2px #fff;-moz-box-shadow:inset 0px 0px 0px 2px #fff;box-shadow:inset 0px 0px 0px 2px #fff;box-shadow:0 4px 11px 0 rgba(36,91,180,.68)}.button-theme-primary-button:hover{color:#fff;background-image:linear-gradient(45deg,rgba(21,175,252,1),rgba(5,101,250,1) 50%);box-shadow:0 4px 11px 0 rgba(36,91,180,.68)}.button-theme-primary-button:active{color:#fff;background-image:linear-gradient(45deg,rgba(21,175,252,1),rgba(5,101,250,1));box-shadow:0 4px 11px 0 rgba(36,91,180,.68)}.button-theme-pink-button-new-lp{color:#fff;background-color:#ff2768;padding:16px;min-width:244px;border-radius:12px}.button-theme-pink-button-new-lp:hover{color:#fff;background-color:#ff2768}.button-theme-pink-button-new-lp:active{color:#fff;background-color:#ff2768}.button-theme-spring-sale-2021-navsolid{color:#fff;font-weight:800;background-color:#ff2768;padding:9px;min-width:140px;border-radius:12px}.button-theme-spring-sale-2021-navsolid:hover{color:#fff;background-color:#e5065b}.button-theme-spring-sale-2021-navsolid:active{color:#fff;background-color:#ff2768}.button-theme-spring-sale-2021-nav-border{color:#fff;background-color:transparent;-webkit-box-shadow:inset 0px 0px 0px 2px #ff0061;-moz-box-shadow:inset 0px 0px 0px 2px #ff0061;box-shadow:inset 0px 0px 0px 2px #ff0061}.button-theme-spring-sale-2021-nav-border:hover{color:#fff;background-color:#ff0061}.button-theme-spring-sale-2021-nav-border:active{color:#fff;background-color:transparent;-webkit-box-shadow:inset 0px 0px 0px 2px #ff0061;-moz-box-shadow:inset 0px 0px 0px 2px #ff0061;box-shadow:inset 0px 0px 0px 2px #ff0061}.button-theme-red-button{color:#fff;background-image:linear-gradient(45deg,rgba(255,70,70,1),rgba(230,24,24,1))}.button-theme-red-button:hover{color:#fff;background-image:linear-gradient(45deg,rgba(255,70,70,1),rgba(230,24,24,1) 50%)}.button-theme-red-button:active{color:#fff;background-image:linear-gradient(45deg,rgba(255,70,70,1),rgba(230,24,24,1))}.button-theme-buy-page-confirmed{color:#212529;background-image:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,1));box-shadow:0 3px 12px 0 rgba(229,236,255,1);border-radius:12px}.button-theme-buy-page-confirmed:hover{color:#212529;background-image:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,1))}.button-theme-buy-page-confirmed:active{color:#212529;background-image:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,1))}.button-theme-pink-button-country-page{color:#fff;font-size:18px;font-weight:800;background-color:#ff2768;padding:16px;min-width:244px;border-radius:12px}.button-theme-pink-button-country-page:hover{color:#fff;background-color:#ff2768}.button-theme-pink-button-country-page:active{color:#fff;background-color:#ff2768}.bg-image-theme-semi-transparent-globe-with-data-points{background-image:url('https://gatern.com/static/prod/bgs/dotted-world-globe.png?mtime=20191119162754');background-size:auto 100%;background-repeat:no-repeat;background-position:center center}

.card.palette-theme-country-page-slick-slider-bg{background-color:#eff3ff}.card.palette-theme-solid-light-grey-bg-dark-heading-grey-text-blue-link{background-color:#f7f9ff}.card.palette-theme-solid-light-grey-bg-dark-heading-grey-text-blue-link .heading-color{color:#25292f}.card.palette-theme-solid-light-grey-bg-dark-heading-grey-text-blue-link .subheading-color{color:#25292f}.card.palette-theme-solid-light-grey-bg-dark-heading-grey-text-blue-link .text-color{color:#6f767c}.card.palette-theme-solid-light-grey-bg-dark-heading-grey-text-blue-link a:not(.button){color:#055aff;text-decoration:underline}.card.palette-theme-solid-white-bg-black-heading-grey-text-blue-link{background-color:#fff}.card.palette-theme-solid-white-bg-black-heading-grey-text-blue-link .heading-color{color:#25292f}.card.palette-theme-solid-white-bg-black-heading-grey-text-blue-link .subheading-color{color:#25292f}.card.palette-theme-solid-white-bg-black-heading-grey-text-blue-link .text-color{color:#6f767c}.card.palette-theme-solid-white-bg-black-heading-grey-text-blue-link a:not(.button){color:#055aff;text-decoration:underline}.card.palette-theme-solid-light-grey-bg-black-heading-grey-text-blue-link{background-color:#f7f9ff}.card.palette-theme-solid-light-grey-bg-black-heading-grey-text-blue-link .heading-color{color:#000}.card.palette-theme-solid-light-grey-bg-black-heading-grey-text-blue-link .subheading-color{color:#000}.card.palette-theme-solid-light-grey-bg-black-heading-grey-text-blue-link .text-color{color:#6f767c}.card.palette-theme-solid-light-grey-bg-black-heading-grey-text-blue-link a:not(.button){color:#055aff;text-decoration:underline}.card.palette-theme-white-background-cards-lp{background-color:#fff;box-shadow:0 6px 12px 0 rgba(229,236,255,1)}.card.palette-theme-white-background-cards-lp .heading-color{color:#212529}.card.palette-theme-white-background-cards-lp .subheading-color{color:#6f767c}.card.palette-theme-white-background-cards-lp .text-color{color:#6f767c}.card.palette-theme-white-background-cards-lp a:not(.button){color:#1983e0;text-decoration:underline}.card.palette-theme-white-background-cards-lp .text-accent{color:#000}.card.palette-theme-white-background-cards-lp{border-radius:24px}






.palette-theme-purple-blue-gradient-white-text{background-image:radial-gradient(circle,rgba(22,19,112,1),rgba(17,0,47,1))}.palette-theme-purple-blue-gradient-white-text .heading-color{color:#fff}.palette-theme-purple-blue-gradient-white-text .subheading-color{color:#fff}.palette-theme-purple-blue-gradient-white-text .text-color{color:#fff}.palette-theme-purple-blue-gradient-white-text a:not(.button){color:#fff;text-decoration:underline}.palette-theme-purple-blue-gradient-white-text .text-accent{color:#000}.palette-theme-global-header{background-image:radial-gradient(circle,rgba(22,19,112,1) 50%,rgba(17,0,47,1) 85%)}.palette-theme-global-header .heading-color{color:#fff}.palette-theme-global-header .subheading-color{color:#fff}.palette-theme-global-header .text-color{color:#fff}.palette-theme-global-header a:not(.button){color:#fff;text-decoration:underline}.palette-theme-global-header .text-accent{color:#000}.palette-theme-grey-bg-dark-text{background-color:#f8f9fa}.palette-theme-grey-bg-dark-text .heading-color{color:#212529}.palette-theme-grey-bg-dark-text .subheading-color{color:#212529}.palette-theme-grey-bg-dark-text .text-color{color:#212529}.palette-theme-grey-bg-dark-text a:not(.button){color:#1983e0;text-decoration:underline}.palette-theme-grey-bg-dark-text .text-accent{color:#212529}    #s-server-locations {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 1167px) {
  #s-server-locations {
    max-width: 1280px;
  }
}

#s-server-locations ul.vpn-server-locations {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0;
  position: relative;
  z-index: 1;
}
#s-server-locations .vpn-server-locations li .icon-flag,
#s-server-locations .vpn-server-locations li .c-icon-flag {
  top: 5px;
  left: 3px;
}
#s-server-locations .vpn-server-locations li .icon-vypr-small {
  top: 3px;
}

#s-server-locations span.new {
  text-transform: capitalize;
  font-size: 10px;
  line-height: inherit;
  vertical-align: top;
  color: #390;
  font-weight: bold;
  background: 0;
}

#s-server-locations .features li {
  position: relative;
}
#s-server-locations ul.vpn-server-locations li {
  padding-left: 30px !important;
}
#s-server-locations ul.vpn-server-locations li img {
  margin-right: 10px;
}
#s-server-locations .features .icon,
#s-server-locations .features .c-icon-flag {
  position: absolute;
  display: block;
}

#s-server-locations .vypr-learn .server-locations .vpn-server-locations li {
  font-size: 1.143em;
  margin: 0;
  line-height: 1.4;
  white-space: nowrap;
}
#s-server-locations .vypr-learn .server-locations .vpn-server-locations li .icon-flag {
  top: 7px;
}

#s-server-locations ul.vpn-server-locations-by-region {
  margin-left: -10px;
  margin-bottom: 2em;
}
#s-server-locations .vpn-server-locations-by-region .col {
  float: left;
  margin: 0 0 0 10px;
      width: 32.33%;
}
#s-server-locations .vpn-server-locations-by-region .span-2,
#s-server-locations .vpn-server-locations-by-region .span-2 .span-1 {
  width: 48.4375%;
}
#s-server-locations .vpn-server-locations-by-region .span-2 .span-1.left {
  float: left;
}
#s-server-locations .vpn-server-locations-by-region .span-2 .span-1.right {
  float: right;
}
#s-server-locations .vpn-server-locations-by-region li h3 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  color: #02b159;
  background: #02b1591a;
  padding: 10px 10px 10px;
  border-radius: 5px;
  margin-bottom: 13px;
  margin-top: 1em;
}
#s-server-locations .vpn-server-locations-by-region li.col .vpn-server-locations {
  font-size: 0;
  margin-bottom: 0;
}
#s-server-locations .vpn-server-locations-by-region li.col .vpn-server-locations li {
  font-size: 14px;
  font-size: 0.875rem;
  color: #333;
  margin: 0 0 1em 0.5em;
}

#s-server-locations .vpn-server-locations-by-region li.span-2 .vpn-server-locations li {
  font-size: 14px;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 41%;
}

#s-server-locations .vpn-server-locations-by-region li.span-2 .vpn-server-locations {
  column-count: 2;
  column-gap: 0;
  -moz-column-gap: 0;
}
#s-server-locations .vpn-server-locations-by-region li.span-2 .span-1 .vpn-server-locations {
  column-count: 1;
}
#s-server-locations .vpn-server-locations-by-region li.span-2 .vpn-server-locations li {
  float: none;
  display: block;
  width: auto;
}
#s-server-locations .vpn-server-locations-by-region li.col .vpn-server-locations li.country-list-break {
  margin-bottom: 0;
}

/*Server Locations*/
#s-server-locations .vpn-server-locations .first {
  margin-bottom: 1em;
}
#s-server-locations .vpn-server-locations .first .section-intro {
  margin-bottom: 3em;
}
#s-server-locations .vpn-server-locations .first .section-intro p {
  font-size: 24px;
  font-size: 1.5rem;
  color: #999;
}
#s-server-locations .vpn-server-locations .last .container {
  padding-bottom: 1em;
}
#s-server-locations .vpn-server-locations .last .section-intro {
  padding-right: 300px;
}
#s-server-locations .vpn-server-locations .hero-passport {
  top: 50%;
  margin-top: -140px;
}

@media screen and (max-width: 960px) {
  #s-server-locations .vpn-server-locations-by-region li.col,
  #s-server-locations .vpn-server-locations-by-region li.span-2 .vpn-server-locations li {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  #s-server-locations .vpn-server-locations-by-region li.span-2 .vpn-server-locations li {
    width: auto;
    display: block!important;
  }
  #s-server-locations .vpn-server-locations-by-region li.span-2 .vpn-server-locations {
    column-count: 1;
  }
  #s-server-locations .vpn-server-locations-by-region li.span-2 .span-1 {
    width: 100%;
  }
}

#s-server-locations .icon-flag {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: 14px !important;
  height: 11px !important;
  padding: 0 !important;
  text-indent: -9999px;
  background-image: url(https://www.vyprvpn.com/static/prod/icons/gf_flags.png) !important;
  background-repeat: no-repeat!important;
  background-position: 0 0;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  zoom: 1;
}
#s-server-locations  .icon-usa {
  background-position: 0 0 !important;
}
#s-server-locations  .icon-uk {
  background-position: -34px 0 !important;
}
#s-server-locations  .icon-canada {
  background-position: -204px 0 !important;
}
#s-server-locations  .icon-france {
  background-position: -68px 0 !important;
}
#s-server-locations  .icon-netherlands {
  background-position: -102px 0 !important;
}
#s-server-locations  .icon-germany {
  background-position: -170px 0 !important;
}
#s-server-locations  .icon-hk {
  background-position: -136px 0 !important;
}
#s-server-locations  .icon-sweden {
  background-position: -238px 0 !important;
}
#s-server-locations  .icon-denmark {
  background-position: -272px 0 !important;
}
#s-server-locations  .icon-swiss {
  background-position: -340px 0 !important;
}
#s-server-locations  .icon-russia {
  background-position: -374px 0 !important;
}
#s-server-locations  .icon-luxembourg {
  background-position: -306px 0 !important;
}
#s-server-locations  .icon-romania {
  background-position: -408px 0 !important;
}
#s-server-locations  .icon-singapore {
  background-position: -442px 0 !important;
}
#s-server-locations  .icon-ireland {
  background-position: -510px 0 !important;
}
#s-server-locations  .icon-malaysia {
  background-position: -476px 0 !important;
}
#s-server-locations  .icon-italy {
  background-position: -544px 0 !important;
}
#s-server-locations  .icon-spain {
  background-position: -578px 0 !important;
}
#s-server-locations  .icon-japan {
  background-position: -612px 0 !important;
}
#s-server-locations  .icon-norway {
  background-position: -646px 0 !important;
}
#s-server-locations  .icon-finland {
  background-position: -714px 0 !important;
}
#s-server-locations  .icon-poland {
  background-position: -748px 0 !important;
}
#s-server-locations  .icon-austria {
  background-position: -850px 0 !important;
}
#s-server-locations  .icon-belgium {
  background-position: -884px 0 !important;
}
#s-server-locations  .icon-czech {
  background-position: -816px 0 !important;
}
#s-server-locations  .icon-lithuania {
  background-position: -918px 0 !important;
}
#s-server-locations  .icon-portugal {
  background-position: -782px 0 !important;
}
#s-server-locations  .icon-turkey {
  background-position: -680px 0 !important;
}
#s-server-locations  .icon-south-korea {
  background-position: -952px 0 !important;
}
#s-server-locations  .icon-australia {
  background-position: -986px 0 !important;
}
#s-server-locations  .icon-brazil {
  background-position: -1020px 0 !important;
}
#s-server-locations  .icon-indonesia {
  background-position: -1156px 0 !important;
}
#s-server-locations  .icon-vietnam {
  background-position: -1054px 0 !important;
}
#s-server-locations  .icon-new-zealand {
  background-position: -1224px 0 !important;
}
#s-server-locations  .icon-thailand {
  background-position: -1088px 0 !important;
}
#s-server-locations  .icon-iceland {
  background-position: -1122px 0 !important;
}
#s-server-locations  .icon-philippines {
  background-position: -1190px 0 !important;
}
#s-server-locations  .icon-mexico {
  background-position: -1258px 0 !important;
}
#s-server-locations  .icon-taiwan {
  background-position: -1292px 0 !important;
}
#s-server-locations  .icon-argentina {
  background-position: -1326px 0 !important;
}
#s-server-locations  .icon-colombia {
  background-position: -1360px 0 !important;
}
#s-server-locations  .icon-costa-rica {
  background-position: -1394px 0 !important;
}
#s-server-locations  .icon-panama {
  background-position: -1428px 0 !important;
}
#s-server-locations  .icon-uae {
  background-position: -1462px 0 !important;
}
#s-server-locations  .icon-saudi-arabia {
  background-position: -1496px 0 !important;
}
#s-server-locations  .icon-qatar {
  background-position: -1530px 0 !important;
}
#s-server-locations  .icon-bahrain {
  background-position: -1564px 0 !important;
}
#s-server-locations  .icon-india {
  background-position: -1598px 0 !important;
}
#s-server-locations  .icon-israel {
  background-position: -1632px 0 !important;
}
#s-server-locations  .icon-bulgaria {
  background-position: -1666px 0 !important;
}
#s-server-locations  .icon-liechtenstein {
  background-position: -1700px 0 !important;
}
#s-server-locations  .icon-egypt {
  background-position: -1734px 0 !important;
}
#s-server-locations  .icon-el-salvador {
  background-position: -1768px 0 !important;
}
#s-server-locations  .icon-greece {
  background-position: -1802px 0 !important;
}
#s-server-locations  .icon-latvia {
  background-position: -1836px 0 !important;
}
#s-server-locations  .icon-algeria {
  background-position: -1870px 0 !important;
}
#s-server-locations  .icon-maldives {
  background-position: -1904px 0 !important;
}
#s-server-locations  .icon-marshall-islands {
  background-position: -1938px 0 !important;
}
#s-server-locations  .icon-macau {
  background-position: -1972px 0 !important;
}
#s-server-locations  .icon-pakistan {
  background-position: -2006px 0 !important;
}
#s-server-locations  .icon-slovakia {
  background-position: -2040px 0 !important;
}
#s-server-locations  .icon-slovenia {
  background-position: -2074px 0 !important;
}
#s-server-locations  .icon-ukraine {
  background-position: -2108px 0 !important;
}
#s-server-locations  .icon-uruguay {
  background-position: -2142px 0 !important;
}

section.node-list ul {
    list-style: none;
    padding: 0;
}

#s-server-locations .icon-flag.icon-sf {
    background-image: none!important;
}

#s-server-locations .icon-flag.icon-sf svg {
    width: 14px;
}

ul.vpn-server-locations  a {
    color: #000;
    font-size:14px!important;
}
@media (min-width: 768px) {
.main-menu li.nav-item:hover {border-bottom: 2px solid;border-bottom-color: #02b159;}
}

.header li.nav-item {
    border-bottom: 2px solid transparent;
}

section.footer-singup {
    background-color: #1cb35d;
}

.callout-box.cb1 {
    background: url(../img/homebg1.jpg);
}

.callout-box.cb2 {
    background: url(../img/homebg2.jpg);
}

.callout-box {
padding: 90px 20px;
    border-radius: 20px;
}

.callout-title h3 {
    font-size: 48px!important;
    line-height: 1.08333!important;
    letter-spacing: -1px!important;
    color: #ffffff;
}



.callout-body p {
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.callout-actions a {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 180px;
}

.callout-box.cb1,.callout-box.cb2 {background-size: auto 100%;}


.home-app-box {
    margin-bottom: 100px;
}

@media (max-width: 768px) {
    .global-box.cb2 {
    margin-top: 40px;
}

.global-box.cb1 {
    margin-top: 30px;
    height: calc(100% - 30px);
}
.callout-box.cb1, .callout-box.cb2 {
    margin-bottom: 30px;
}

.callout-box {
    padding: 30px;
}

.callout-title h3 {
    font-size: 35px!important;
}

.callout-body p {
    font-size: 16px!important;
}
.header-container .sidebarCollapse svg {transform: rotateY(180deg);}
}

html.sidebar-noneoverflow .header-container .sidebarCollapse svg {transform: rotateY(180deg);}


.join-container
 .btn:hover {
    border-color: #32363b!important;
    background: #32363b!important;
}

.global-box {
    padding: 90px 20px;
    border-radius: 20px;
    background:#fff;
    margin-top:100px;
    height: calc(100% - 120px);
}


.global-box.cb1 {
    background: url(../img/global1.png);
    background-size: 100% 100%;
    background-position: bottom;
}

.global-box.cb2 {
    background: url(../img/global2.png);
 background-size: 100% 100%;
    background-position: bottom;

}
.global-title {
    text-align: left;
}

.global-body {
    text-align: left;
}

.global-actions {
    text-align: left;
}
.global-body {max-width: 60%;font-size: 18px;}



.global-title h3 {
    font-size: 30px;
}

.home-fuction-box {
    padding: 90px 20px;
    border-radius: 20px;
    background: #fff;
}

.nav-fuction-select {
    display: flex;
    flex-wrap: wrap;
}

.nav-fuction-select a {
    width: 50%;
}

span.o-card__image svg {
    width: 40px;
    height: 40px;
}

span.o-card__image {
    text-align: center;
    display: block;
    padding: 20px;
    padding-bottom: 10px;
        color: #32363b;
}
span.select-name {
    display: block;
    text-align: center;
    font-size: 16px;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    color:#32363b;
}

.nav-fuction-select .nav-link.active .select-box, .nav-pills .show>.nav-link .select-box{
    background: #32363b;
}

.nav-pills .nav-link .select-box {
    background: #fafafc;
        border-radius: 10px;
}

.nav-link.active .u-fill-current-color{
    fill: #fff!important;
}

.nav-link.active span.select-name{
    color: #fff!important;
}

.u-fill-current-color {

    fill: #32363b!important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background: transparent;
}

.home-advantage-box-content h4 {
    font-size: 25px;
    color: #000;
    margin-top: 20px;
    margin-bottom: 15px;
}

.home-advantage-box-content p {
    color: #000;
    opacity: 0.8;
    font-size: 16px;
}

.home-advantage-box a {
    text-decoration: none;
}

.home-advantage-box img {
    width: 68px;
}

h4.home-location-box-heading {
    font-family: oswald,sans-serif;
    text-transform: uppercase;
    font-size: 64px;
    line-height: 1.40625;
    letter-spacing: 0;
    font-weight: 300;
    display: block;
    letter-spacing: -.05em;
    line-height: 1;
}

.home-location-box-body {
    font-family: oswald,sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 2px;
    font-weight: 400;
    display: block;
    letter-spacing: -.025em;
}



@media (max-width: 768px) {
.navbar-user {
    margin: 0!important;
}

.navbar-user .btn.btn-login {
    width:100%;
    margin-top:10px;
}


.navbar-user .btn.btn-register {
    width:100%;
    margin-top:10px;
    margin-bottom:20px;
}
.navbar-light .navbar-nav .nav-link {
    margin: 20px 10px 10px 10px;
}
}

.map-box img {
    max-width: 100%;
}

.map-box {
    margin-top: 30px;
}

div#s-server-locations a {
    pointer-events: none;
}
.home-location-box {
    margin-bottom: 10px;
}

ul.map-box-node-list {
    list-style: none;
    padding: 0;
    color: #02b159;
    font-size: 18px;
    line-height: 35px;
}

.home-feature-box.bg-2 {
    background: rgb(0, 0, 0);
    overflow: hidden;
}

.home-feature-box.bg-1 {
    background-color: rgb(59, 99, 133);
    overflow: hidden;
    margin-left: 0px;
    margin-right: 20px;
}

.home-feature-box.bg-3 {
    background-color: rgb(16, 175, 90);
    overflow: hidden;
    margin-right: 0px;
    margin-left: 20px;
}

@media (max-width: 768px) {



.home-feature-box.bg-1,.home-feature-box.bg-2,.home-feature-box.bg-3 {
    margin-right: 0px;
    margin-left: 0px;
}
.padding-bottom-large, .padding-vertical-large {
    padding-bottom: 0px;
}

.footer-top {
    display: none;
}

footer.footer {
    padding-top: 0px;
}

.footer-bottom .navbar-brand.front-brand {
    text-align: center;
}

footer.footer .footer-bottom .copyright {
    display: block;
}

.footer-bottom {
    text-align: center;
        padding: 70px 0;

}

footer.footer .footer-bottom .copyright {
    text-align: center;
}

footer.footer .footer-bottom .copyright .nav {
    text-align: center;
    display: inline-flex;
    margin-top: 10px;
}
.footer-bottom .navbar-brand.front-brand {
    margin-bottom: 30px!important;
}
.locations {
    padding-bottom: 60px;
}
}


.right-svg {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.tab-content>.active {height: 100%;}

div#v-pills-tabContent {
    height: 100%;
}
.right-svg img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 10px;
}
.join-div {
    border-radius: 6px;
    background-color: #FFF;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    padding: 20px;
}

.join-div h1.page-title {
    color: #000;
    font-size: 24px;
}

section.pricing-cards .row .col-md-4 {
    margin-bottom: 20px;
}


.knowledgebase .main-content a {
    color: #02b159!important;
    text-decoration: none;
}


.bk-group-detail .panel-default {
	border-radius: 0;
	border: 1px solid #DDD;
	box-shadow: none;
	transition: all .3s;
	margin-bottom: 10px;
}
.bk-group-detail .panel-default:hover {
	border-color: #02b159;
}
.bk-group-detail .panel-default .panel-body {
	padding: 10px;
	position: relative;
	cursor: pointer;
}
.bk-group-detail .order-list .bk-button-icon {
    position: absolute;
	right: 4px;
    top: 4px;
    line-height: 15px;
    height: 15px;
    width: 15px;
    z-index: 10;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-image: url('../img/hui.svg');
    background-size: 100%;
    background-color: #FFF;
}
.bk-group-detail .selected .panel-default {
	border: 1px solid #02b159;
	background-color: #02b159;
	color: #FFF;
}
.bk-group-detail input[type=radio],
.bk-group-detail input[type=checkbox] {
	display: none;
}
.bk-group-detail .panel-body span {
	display: block;
	font-size: 14px;
	line-height: 26px;
}
.order-list .panel-body small {
	display: none;
}
.bk-group:hover .bk-group-title-icon{
    color: #02b159;
}


@media (max-width: 768px) {
.login .join-container {
	padding: 5rem 1rem;
}
}


.flex-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important;
}


.row.flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}



.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}
.bg-gray{
        background-color: #f6f7f9;

}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.page-clientregister .app-main,.page-login .app-main,.page-contact .app-main{

        background-size: cover;
    background-image: url(../img/loginbg.svg),linear-gradient(to bottom right,#2f6f4e,#02b159);
    background-position: bottom;
}
.main-body.login-page {
    background: transparent;
}

.main-body.login-page+.main-footer {
    background: #ffffff;
}


section#main-menu .btn-outline {
    background-color: transparent;
    color: #32363b;
    border: 1px solid #32363b;
}
section#main-menu .btn-outline:hover {
    background-color: #32363b!important;
    border: 1px solid #32363b;
    color:#fff;
}

.kb-search .kb-search-wrapper {
    background-image: linear-gradient(to bottom right,#2f6f4e,#02b159);
}

.alert-info .alert-link {
    color: #01b059;
}

@media (max-width: 768px){
.lagom .navbar-main {
    z-index: 999999999999!important;
}
}

.lagom .navbar-main {
    background: #00954a;
}

.banner-affiliates {
    background-image: linear-gradient(to bottom right,#2f6f4e,#02b159)!important;
}

li#Primary_Navbar-Support-Network_Status {
    display: none;
}

li#Primary_Navbar-Services-Reset_Traffic {
    display: none;
}

li#Primary_Navbar-Services-续费管理 {
    display: none;
}

li#Primary_Navbar-Services-Renewal_Management {
    display: none;
}


section.home-banner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: calc(100vh - 74px);
}