/* HOME */
.creative-grid {
    margin-left: -10px;
    margin-right: -10px
}

.creative-grid .product-default {
    padding: 0 10px 20px;
    margin-bottom: 0
}

.creative-grid .product-default .btn-add-cart i {
    display: inline-block
}

.creative-grid figure {
    height: 100%
}

.creative-grid figure img {
    height: 100%;
    object-fit: cover
}

.creative-grid .overlay-dark figure .btn-quickview {
    padding: 8px 15px;
    max-width: 128px;
    max-height: 41px;
    border-radius: 5rem
}

.creative-grid .inner-icon:not(.product-widget):hover figure .btn-quickview {
    padding-top: 7px
}

.creative-grid .grid-height-1-2 {
    height: 300px
}

.creative-grid .grid-height-1 {
    height: 600px
}

.creative-grid .grid-col-sizer {
    width: 25%
}

.creative-grid .btn-icon-wish {
    position: relative
}

.creative-grid .product-category {
    margin-bottom: 0;
    padding-bottom: 2rem
}

.creative-grid .product-category.content-left-bottom .category-content {
    margin-bottom: 20px
}

.creative-grid .product-category figure {
    height: 100%
}

.creative-grid .product-category figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 0
}


/* LOGIN */
.login-container {
    margin-top: 3.9rem
}

.login-container .heading .title {
    margin-bottom: 0;
    font-size: 2.2rem;
    letter-spacing: -0.01em
}

.login-container .custom-checkbox .custom-control-label:after {
    top: 1px
}

.login-container .form {
    margin-bottom: 64px
}

.login-container .form label {
    margin-bottom: 0.7rem;
    color: #777;
    font-family: "Open Sans", sans-serif;
    font-size: 1.4rem;
    font-weight: 400
}

.login-container .form .form-input {
    margin-bottom: 1.7rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    border-color: #e7e7e7;
    line-height: 32px
}

.login-container .form .btn {
    font-family: "Open Sans", sans-serif;
    font-size: 1.6rem
}

.login-container .form .form-footer {
    margin-top: 1.8rem;
    margin-bottom: 2.8rem
}

.login-container .custom-checkbox {
    margin-top: 1px;
    padding-left: 2.5rem
}

.login-container .custom-checkbox .custom-control-label {
    margin-top: 2px;
    font-size: 1.2rem
}

.login-container .forget-password {
    font-size: 1.4rem;
    font-weight: 600
}

.login-container .forget-password:hover {
    text-decoration: underline
}

.login-container .col-md-6:first-child .form-footer {
    margin-top: 1.3rem
}

@media (min-width:768px) {
    .login-container .col-md-6:first-child {
        padding-right: 3.4rem
    }

    .login-container .col-md-6:last-child {
        padding-left: 3.4rem
    }
}

@media (max-width:767px) {
    .login-container .form {
        margin-bottom: 50px
    }
}



/* CART */
.cart-table-container {
    margin-bottom: 2.5rem
}

.cart-table-container .input-group .form-control {
    height: 43px;
    border-color: rgba(0, 0, 0, 0.09)
}

.cart-table-container .btn-shop,
.cart-table-container .btn-sm {
    border: none;
    background-color: #f4f4f4;
    color: #222529
}

.cart-table-container .btn-shop:hover,
.cart-table-container .btn-sm:hover {
    color: #fff;
    background-color: #08C
}

.table.table-cart tr td,
.table.table-cart tr th,
.table.table-wishlist tr td,
.table.table-wishlist tr th {
    vertical-align: middle
}

.table.table-cart tr th,
.table.table-wishlist tr th {
    border: 0;
    color: #222529;
    font-weight: 700;
    line-height: 2.4rem;
    text-transform: uppercase
}

.table.table-cart tr td,
.table.table-wishlist tr td {
    border-top: 1px solid #e7e7e7
}

.table.table-cart tr td.product-col,
.table.table-wishlist tr td.product-col {
    padding: 2rem 0.8rem 1.8rem 0
}

.table.table-cart tr.product-action-row td,
.table.table-wishlist tr.product-action-row td {
    padding: 0 0 2.2rem;
    border: 0
}

.table.table-cart .product-image-container,
.table.table-wishlist .product-image-container {
    position: relative;
    width: 8rem;
    margin: 0
}

.table.table-cart .product-title,
.table.table-wishlist .product-title {
    margin-bottom: 0;
    padding: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    line-height: 1.75
}

.table.table-cart .product-title a,
.table.table-wishlist .product-title a {
    color: inherit
}

.table.table-cart .product-single-qty,
.table.table-wishlist .product-single-qty {
    margin: 0.5rem 4px 0.5rem 1px
}

.table.table-cart .product-single-qty .form-control,
.table.table-wishlist .product-single-qty .form-control {
    height: 48px;
    width: 44px;
    font-size: 1.6rem;
    font-weight: 700
}

.table.table-cart .subtotal-price,
.table.table-wishlist .subtotal-price {
    color: #222529;
    font-size: 1.6rem;
    font-weight: 600
}

.table.table-cart .btn-remove,
.table.table-wishlist .btn-remove {
    right: -10px;
    font-size: 1.1rem
}

.table.table-cart tfoot td,
.table.table-wishlist tfoot td {
    padding: 2rem 0.8rem 1rem
}

.table.table-cart tfoot .btn,
.table.table-wishlist tfoot .btn {
    padding: 1.2rem 2.4rem 1.3rem 2.5rem;
    font-family: "Open Sans", sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    height: 43px;
    letter-spacing: -0.018em
}

.table.table-cart tfoot .btn+.btn,
.table.table-wishlist tfoot .btn+.btn {
    margin-left: 1rem
}

.table.table-cart .bootstrap-touchspin.input-group,
.table.table-wishlist .bootstrap-touchspin.input-group {
    margin-right: auto;
    margin-left: auto
}

.table.table-cart .product-title a,
.table.table-cart .subtotal-price {
    display: block;
    margin-bottom: 1px
}

.table-cart tr th {
    padding: 1rem
}

.table-cart tr th.thumbnail-col {
    width: 16%
}

.table-cart tr th.product-col {
    width: 33%
}

.table-cart tr th.price-col {
    width: 14%
}

.table-cart td {
    padding: 2rem 1rem
}

i.cart-empty {
    font-size: 100px;
    color: #d3d3d4
}


@media (max-width:575px) {
    .cart-table-container {
        border-top: 4px solid #08C
    }

    .table.table-cart {
        border: 1px solid #e7e7e7;
        border-top: 0;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05)
    }

    .table.table-cart,
    .table.table-cart tbody,
    .table.table-cart tfoot {
        display: block
    }

    .table.table-cart thead {
        display: none
    }

    .table.table-cart tr td {
        padding: 0.5rem 1rem;
        border-top: 0
    }

    .table.table-cart tr td.product-col {
        padding-bottom: 0.5rem
    }

    .table.table-cart .product-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 3rem;
        padding-bottom: 2.5rem;
        border-top: 2px solid #ddd
    }

    .table.table-cart .product-row:first-child {
        border-top: 0
    }

    .table.table-cart .product-col {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .table.table-cart .product-col .product-image-container {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 0;
        margin-bottom: 1rem
    }

    .table.table-cart tfoot {
        border-top: 2px solid #ddd
    }

    .table.table-cart tfoot tr {
        display: block;
        width: 100%
    }

    .table.table-cart tfoot tr td {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: center;
        padding: 3rem 0
    }

    .table.table-cart .cart-discount {
        margin-bottom: 2rem
    }

    .table.table-cart .cart-discount form {
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .cart-table-container .input-group .form-control {
        width: 183px
    }
}

@media (max-width:767px) {
    .cart-table-container .cart-discount .form-control {
        max-width: 132px;
        margin-right: 0.4rem
    }

    .table.table-cart .cart-discount {
        margin-bottom: 1.5rem
    }
}

@media (max-width:479px) {
    .cart-summary {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .table.table-cart .cart-discount {
        margin-bottom: 1.5rem
    }

    .cart-discount .input-group {
        flex-direction: column;
        align-items: center
    }

    .cart-table-container .cart-discount .form-control {
        margin: auto;
        margin-bottom: 1.5rem;
        max-width: none;
        width: 100%
    }
}


.cart-summary {
    margin-bottom: 3.6rem;
    padding: 2.4rem 3rem 3.4rem;
    border: 2px solid #e7e7e7;
    background: #fff
}

.cart-summary h3 {
    margin-bottom: 2.3rem;
    font-size: 1.6rem;
    letter-spacing: -0.01em
}


.cart-summary .form {
    margin-bottom: 1.6rem
}

.cart-summary .form-group-sm {
    max-width: none
}

.cart-summary .form-group-sm label {
    margin-top: 1.3rem;
    letter-spacing: 0;
    margin-bottom: 1.4rem;
    font-weight: 400;
    font-size: 1.4rem;
    color: #777;
    font-family: "Open Sans", sans-serif
}

.cart-summary .form-group-sm .form-control {
    height: 3.7rem;
    font-size: 1.4rem;
    letter-spacing: -0.012em
}

.cart-summary .btn-update-total {
    background-color: #f4f4f4;
    color: #222529;
    border: none;
    padding: 8px 12px;
    line-height: 1.5;
    font-family: "Open Sans", sans-serif
}

.cart-summary .btn-update-total:hover {
    color: #fff;
    background-color: #08C
}


@media (max-width:479px) {
    .cart-summary {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .table.table-cart .cart-discount {
        margin-bottom: 1.5rem
    }

    .cart-discount .input-group {
        flex-direction: column;
        align-items: center
    }

    .cart-table-container .cart-discount .form-control {
        margin: auto;
        margin-bottom: 1.5rem;
        max-width: none;
        width: 100%
    }
}


.cart-summary,
.order-summary {
    position: relative
}

.cart-summary:before,
.order-summary:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0;
    visibility: hidden
}

.cart-summary.loading:before,
.order-summary.loading:before {
    opacity: 1;
    visibility: visible
}



.table.table-totals {
    margin-bottom: 2.6rem
}

.table.table-totals .custom-radio .custom-control-input {
    width: 100px
}

.table.table-totals h4 {
    display: inline;
    margin-bottom: 0;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: -0.01em
}

.table.table-totals .form-control {
    line-height: 1.5
}

.table.table-totals .form-group {
    margin-bottom: 1.5rem
}

.table.table-totals .select2-container.select2-container--default .select2-selection--single {
    min-height: 37px
}

.table.table-totals .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.6
}

.table.table-totals tr td,
.table.table-totals tr th {
    padding: 1rem;
    border: 0;
    letter-spacing: -0.01em;
    font-size: 14px;
    font-weight: 600;
    color: #222529;
    font-family: "poppins"
}

.table.table-totals tr td:last-child,
.table.table-totals tr th:last-child {
    color: #777;
    text-align: right;
    font-weight: 400
}

.table.table-totals tbody tr {
    border-bottom: 1px solid #dcdcdc
}

.table.table-totals tfoot {
    border-top: 1px solid #ccc;
    color: #222529;
    font-size: 1.6rem;
    font-weight: 700
}

.table.table-totals tfoot tr td {
    padding-top: 1.3rem;
    padding-bottom: 1.6rem;
    vertical-align: middle;
    font-size: 1.6rem;
    padding-left: 1.2rem
}

.table.table-totals tfoot tr td:last-child {
    font-weight: 700;
    font-size: 22px;
    color: #222529
}

.table.table-totals tfoot b {
    font-size: 2.2rem
}


.checkout-methods .btn {
    font-family: "Open Sans", sans-serif;
    font-size: 1.5rem;
    letter-spacing: -0.015em;
    padding: 1em 0
}

.checkout-methods .btn i {
    margin-left: 1.2rem
}


/* HEADING */
.heading-bottom-border {
    border-bottom: solid #dbdbdb;
    padding-bottom: 1rem
}

h1.heading-bottom-border {
    border-bottom: 5px solid #222529
}

h2.heading-bottom-border,
h3.heading-bottom-border {
    border-bottom-width: 2px
}

h4.heading-bottom-border,
h5.heading-bottom-border,
h6.heading-bottom-border {
    border-bottom-width: 1px
}

.heading-bottom-border.double {
    border-bottom: double #dbdbdb
}



/* CHECKOUT */
.checkout-progress-bar li a.active,
.checkout-progress-bar li a:hover {
    color: #08C;
    opacity: 1
}

.checkout-methods .btn {
    font-family: "Open Sans", sans-serif;
    font-size: 1.5rem;
    letter-spacing: -0.015em;
    padding: 1em 0
}

.checkout-methods .btn i {
    margin-left: 1.2rem
}


.checkout-progress-bar {
    margin: 4.7rem 0 2.1rem;
    font-size: 0;
    line-height: 1.4
}

.checkout-progress-bar li {
    display: inline-block;
    position: relative;
    margin-bottom: 3rem;
    color: #999;
    font-family: Poppins, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    text-align: center;
    vertical-align: top
}

.checkout-progress-bar li.prev {
    color: #222529
}

.checkout-progress-bar li a {
    color: #222524
}

.checkout-progress-bar li.active a {
    color: #08C
}

.checkout-progress-bar li.active a:hover {
    color: #08C
}

.checkout-progress-bar li.active+li a {
    color: #919292
}

.checkout-progress-bar li.active+li a:hover {
    color: #08C
}

.checkout-progress-bar li.disabled a {
    color: #919292
}

.checkout-progress-bar li:not(:first-child) {
    margin-left: 5.8rem
}

.checkout-progress-bar li:not(:first-child):before {
    position: absolute;
    left: -3.3rem;
    top: -0.8rem;
    content: "";
    color: #999;
    font-family: "porto";
    font-size: 3rem
}

.checkout-progress-bar li:last-child {
    pointer-events: none
}

.checkout-steps li {
    margin-bottom: 3rem
}

.checkout-steps li form {
    margin-top: 1.5rem;
    margin-bottom: 0;
    padding-bottom: 2rem;
    border-bottom: 1px solid #ccc
}

.checkout-steps li form:last-of-type {
    padding-bottom: 0.1rem;
    border-bottom: 0
}

.checkout-steps li form p {
    margin-bottom: 1rem;
    color: #777;
    font-size: 1.3rem
}

.checkout-steps li .form-footer {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.step-title {
    margin-bottom: 0;
    color: #222529;
    font-size: 2.2rem
}

.step-title:after {
    display: block;
    clear: both;
    content: ""
}

.step-title .step-title-edit {
    margin-top: 0.4rem;
    float: right;
    font-size: 1.4rem
}

.checkout-steps-action:after {
    display: block;
    clear: both;
    content: ""
}

.checkout-steps-action .btn {
    min-width: 70px;
    text-align: center
}

.checkout-discount .feature-box,
.login-form-container .feature-box {
    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 2.9rem
}

.checkout-discount .feature-box .feature-box-content,
.login-form-container .feature-box .feature-box-content {
    border-top: 4px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    padding: 1rem 2rem
}

.checkout-discount form,
.login-form-container form {
    margin-bottom: 0;
    padding-top: 1.9rem;
    padding-bottom: 0.7rem
}

.checkout-discount form p,
.login-form-container form p {
    margin-bottom: 1.6rem;
    font-size: 1.4rem
}

.checkout-discount form .btn,
.login-form-container form .btn {
    margin-top: 1.8rem;
    padding: 0.9rem 4.7rem 1rem;
    letter-spacing: -0.01em;
    background-color: #f4f4f4;
    font-size: 1.3rem;
    font-family: "Open Sans", sans-serif
}

.checkout-discount form .btn:hover,
.login-form-container form .btn:hover {
    background-color: #08C;
    color: #fff
}

.checkout-discount form .input-group,
.login-form-container form .input-group {
    max-width: 480px
}

.checkout-discount .form-footer,
.login-form-container .form-footer {
    margin-top: 1.4rem
}

.checkout-discount .custom-control,
.login-form-container .custom-control {
    padding-left: 2.5rem
}

.checkout-discount .custom-control label,
.login-form-container .custom-control label {
    font-size: 1.2rem
}

.checkout-discount .custom-control+a,
.login-form-container .custom-control+a {
    margin-bottom: 3px;
    font-size: 14px;
    margin-left: 2rem
}

.checkout-discount h4,
.login-form-container h4 {
    margin-bottom: 1rem;
    color: #777;
    font-family: "Open Sans", sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.025em
}

.checkout-discount h4 .btn,
.login-form-container h4 .btn {
    vertical-align: bottom;
    border: 0
}

.checkout-discount .btn-toggle,
.login-form-container .btn-toggle {
    padding: 0;
    color: #222529;
    letter-spacing: -0.025em
}

.checkout-discount .form-control {
    min-height: 33px
}

.checkout-discount .form-control,
.checkout-discount .input-group-append {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.checkout-discount h4 {
    margin-bottom: 2.6rem
}

.checkout-discount p {
    font-size: 1.4rem
}

.checkout-discount .feature-box {
    margin-bottom: 3.4rem
}

.checkout-discount .feature-box .feature-box-content {
    padding-top: 2.9rem
}

.checkout-discount form {
    padding-top: 1rem
}

.checkout-discount form .input-group {
    max-width: 319px
}

.checkout-discount form .btn {
    padding: 0 1rem 0 1.1rem;
    letter-spacing: -0.015em
}

.checkout-info-box {
    margin-bottom: 3rem;
    font-size: 1.3rem;
    line-height: 2.7rem
}

.checkout-info-box .step-title {
    margin-bottom: 1.8rem
}

.checkout-container {
    padding-bottom: 7px
}

.checkout-container .shipping-info {
    padding-bottom: 3px
}

.checkout-container .select-custom .form-control {
    font-size: 1.4rem
}

.checkout-container label {
    margin-bottom: 0.6rem;
    color: #777;
    font-family: "Open Sans", sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: -0.01em
}

.checkout-container .checkout-discount .form-control {
    margin-right: 1.4rem;
    height: 33px;
    font-size: 1.2rem
}

.checkout-container .checkout-discount .btn.btn-sm {
    height: 33px
}

.checkout-container .step-title {
    letter-spacing: -0.01em
}

.checkout-container .form-control,
.checkout-container select.form-control:not([size]):not([multiple]) {
    height: 49px
}

.checkout-container .form-group,
.checkout-container .select-custom {
    margin-bottom: 1.7rem
}

.checkout-container .checkout-steps .custom-control-label:after,
.checkout-container .checkout-steps .custom-control-label:before {
    top: 0px
}

.checkout-container .checkout-steps .select-custom:after {
    top: 66%
}

.checkout-container .custom-control {
    margin-top: 3.3rem;
    margin-bottom: 14px
}

.checkout-container .order-comments {
    padding-top: 6px
}

.checkout-container textarea.form-control {
    min-height: 125px;
    resize: none;
}

.checkout-container .order-summary {
    padding: 2.8rem 3.2rem 3.1rem;
    margin-top: 1px
}

@media (max-width:576px) {
    .checkout-container .order-summary {
        padding-left: 2rem;
        padding-right: 2rem
    }
}


.order-summary {
    margin-bottom: 3rem;
    padding: 3rem;
    border: 2px solid #e7e7e7
}

.order-summary .custom-radio .custom-control-input {
    /* width: 102px */
}

.order-summary h3 {
    margin-bottom: 1.9rem;
    font-size: 1.6rem;
    letter-spacing: -0.01em
}

.order-summary h4 {
    margin-bottom: 0;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 19px
}

.order-summary .info-box p {
    padding: 11px 3px;
    list-style-position: inside;
    text-align: left;
    margin-bottom: 9px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #2f6473
}


.table-mini-cart {
    margin-bottom: 0
}

.table-mini-cart td,
.table-mini-cart th,
.table-mini-cart thead th,
.table-mini-cart tr {
    border: 0;
    vertical-align: middle;
    color: #222529
}

.table-mini-cart td,
.table-mini-cart th {
    padding: 1rem
}

.table-mini-cart td:last-child {
    text-align: right
}

.table-mini-cart tfoot tr,
.table-mini-cart thead {
    border-bottom: 1px solid #e7e7e7
}

.table-mini-cart .price-col,
.table-mini-cart .product-col {
    padding: 1.3rem 1rem 1.4rem
}

.table-mini-cart .product-col .product-image-container {
    max-width: 75px;
    padding-right: 1.5rem;
    vertical-align: top
}

.table-mini-cart .price-col {
    font-size: 1.4rem;
    font-weight: 400
}

.table-mini-cart .product-title {
    display: block;
    margin-bottom: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 1.4rem;
    font-weight: 400
}

.table-mini-cart .cart-subtotal td,
.table-mini-cart .cart-subtotal th,
.table-mini-cart .cart-tax td,
.table-mini-cart .cart-tax th {
    padding-top: 3rem;
    padding-bottom: 1.3rem
}

.table-mini-cart .order-shipping td {
    padding-top: 1.2rem;
    padding-bottom: 0.9rem
}

.table-mini-cart .order-shipping h4 {
    margin-bottom: 1.3rem
}

.table-mini-cart .order-shipping .custom-radio {
    margin: 0
}

.table-mini-cart .order-shipping .custom-radio label {
    width: 100%;
    font-size: 1.3rem;
    font-weight: 400
}

.table-mini-cart .order-shipping ul {
    margin-bottom: 2rem
}

.table-mini-cart .order-shipping li+li {
    margin-top: 1.5rem
}

.table-mini-cart .order-shipping .price {
    float: right;
    font-weight: 600
}

.table-mini-cart .order-total th {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
}

.table-mini-cart .order-total td {
    padding-top: 1.8rem;
    padding-bottom: 2.3rem
}

.table-mini-cart .order-total h4 {
    font-size: 1.6rem
}

.table-mini-cart .order-total .total-price {
    color: #222529;
    font-size: 2.2rem
}

.payment-methods {
    padding: 2rem 0.8rem 0;
    margin-bottom: 4.6rem;
    border-bottom: 1px solid #e7e7e7
}

.payment-methods h4 {
    margin-bottom: 1.5rem
}

.payment-methods ul {
    margin: 1.5rem 0 0
}

.payment-methods .custom-radio {
    margin: 0
}

.payment-methods li+li {
    margin-top: 1.5rem
}

.btn-place-order {
    width: 100%;
    margin-bottom: 0.6rem;
    padding: 1.4rem;
    font-family: "Open Sans", sans-serif
}



/* CUSTOM CONTROL */
.form-group-custom-control {
    margin-top: 1.3rem
}

.form-group-custom-control .custom-control {
    margin-top: 0;
    margin-bottom: 2rem
}

.form-group-custom-control .custom-radio {
    margin-bottom: 2.2rem;
    padding-left: 2.9rem
}

.form-group-custom-control+.form-group-custom-control {
    margin-top: -0.5rem
}

.form-group-custom-control .custom-control-label {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: initial;
    color: #777777;
    font-size: 13px
}

.custom-control {
    position: relative;
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding-left: 3rem
}

.custom-control-label {
    position: static;
    margin-bottom: 0
}

.custom-control-label:after,
.custom-control-label:before {
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    line-height: 2rem
}

.custom-control-label:before {
    border: 1px solid #ccc;
    background-color: #fff
}

.custom-radio .custom-control-label:after {
    top: 4px;
    left: 0.4rem;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%
}

.custom-radio .custom-control-input {
    position: absolute;
    z-index: 333;
    opacity: 0;
    left: 4px;
    top: 3px
}

.custom-radio .custom-control {
    padding-left: 2.9rem
}

.custom-checkbox .custom-control-label:after {
    top: 0;
    left: 4px
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:before {
    background-color: transparent
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
    background: none;
    color: #222529;
    content: "";
    font-family: "porto"
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
    background-color: #08C
}

.custom-control-input:focus~.custom-control-label:before {
    box-shadow: none
}

.custom-radio .custom-control-label:before {
    background-color: transparent !important
}

.custom-radio .custom-control-input:checked~.custom-control-label:after {
    background-image: none;
    background-color: #08C
}


.custom-control-label.selected-radio::after {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-left: 0.5rem;
    border-radius: 50%;
    background-color: #08C;
    margin: 5px 1px;
}


.odeme-secenekler .custom-control-label.selected-radio::after {
    margin: 1px;
}



/*CTA*/
.cta h3 {
    letter-spacing: -0.05em;
    margin-bottom: 1rem
}

.cta p {
    font-size: 1.6rem;
    margin-bottom: 0
}

.cta-simple {
    align-items: center;
    text-align: center;
    padding: 3.2rem 5.5rem
}

.cta-border {
    border: 1px solid #dfdfdf;
    border-radius: 1rem
}

.cta-outline {
    border-width: 3px
}

.cta-outline .btn {
    position: relative;
    border-radius: 6px;
    color: #f7f7f7;
    padding: 8px 1.6rem 7px;
    text-transform: capitalize;
    font-weight: 400
}

.cta-outline.blue {
    border-color: #5472d2
}

.cta-outline.blue h3 {
    color: #5472d2
}

.cta-outline.blue .btn {
    box-shadow: 0 5px #3253bc;
    background-color: #5472d2;
    transition: none
}

.cta-outline.blue .btn:hover {
    top: 3px;
    box-shadow: 0 2px #3253bc
}

.cta-outline.red {
    border-color: #f4524d
}

.cta-outline.red h3 {
    color: #f4524d
}

.cta-outline.red .btn {
    box-shadow: 0 5px #f11f18;
    background-color: #f4524d;
    transition: none
}

.cta-outline.red .btn:hover {
    top: 3px;
    box-shadow: 0 2px #f11f18
}

.cta-outline.cyan {
    border-color: #4cadc9
}

.cta-outline.cyan h3 {
    color: #4cadc9
}

.cta-outline.cyan .btn {
    box-shadow: 0 5px #338faa;
    background-color: #4cadc9;
    transition: none
}

.cta-outline.cyan .btn:hover {
    top: 3px;
    box-shadow: 0 2px #338faa
}

.cta-outline.dark {
    border-color: #50485b
}

.cta-outline.dark h3 {
    color: #50485b
}

.cta-outline.dark .btn {
    box-shadow: 0 5px #342f3c;
    background-color: #50485b;
    transition: none
}

.cta-outline.dark .btn:hover {
    top: 3px;
    box-shadow: 0 2px #342f3c
}

.cta-3Ds.blue {
    box-shadow: 0 5px #3253bc
}

.cta-3Ds.red {
    box-shadow: 0 5px #f11f18
}

.cta-3Ds.cyan {
    box-shadow: 0 5px #338faa
}

.cta-3Ds.dark {
    box-shadow: 0 5px #342f3c
}

.cta-bg {
    border-color: transparent
}

.cta-bg h3 {
    color: #fff
}

.cta-bg p {
    color: rgba(255, 255, 255, 0.7)
}

.cta-bg.blue {
    background-color: #5472d2
}

.cta-bg.red {
    background-color: #f4524d
}

.cta-bg.cyan {
    background-color: #4cadc9
}

.cta-bg.dark {
    background-color: #50485b
}

.cta-bg.light {
    background-color: #f2f2f2;
    border-color: #dfdfdf
}

.cta-bg.light h3,
.cta-bg.light p {
    color: #1d2127
}