@media only screen and (min-width: 1020px) {
    .group-process {
        display: flex;
    }
}

.block-process {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    z-index: 10;
}

    .block-process::before, .block-process::after {
        content: " ";
        display: table;
    }

    .block-process::after {
        clear: both;
    }

    .block-process::before, .block-process::after {
        content: " ";
        display: table;
    }

    .block-process::after {
        clear: both;
    }

    .block-process .__icon {
        position: relative;
    }

        .block-process .__icon::before {
            background: #99e3c1 none repeat scroll 0% 0%;
            content: "";
            display: block;
            position: absolute;
            z-index: -1;
        }

    .block-process:last-child .__icon::before {
        display: none;
    }

    .block-process.active .__icon .circle-icon::before {
        background-color: #00bfff;
    }

    .block-process.active .__icon::before, .block-process.active ~ .block-process .__icon::before {
        background-color: #dadada;
    }

    .block-process.active ~ .block-process .__icon .circle-icon::before {
        background-color: #a2a2a2;
    }

@media only screen and (min-width: 1020px) {
    .block-process {
        text-align: center;
    }

        .block-process .__title {
            height: 60px;
            margin-bottom: 0px;
        }

        .block-process .__icon {
            margin: 0px -15px 40px;
        }

            .block-process .__icon::before {
                width: 100%;
                top: 50%;
                height: 4px;
                transform: translateY(-50%);
            }

            .block-process .__icon::before {
                left: 50%;
            }

    .group-process.large-icon .block-process .__icon .circle-icon::before {
        width: 140px;
        height: 140px;
        border: 10px solid rgba(255, 255, 255, 0.6);
        line-height: 120px !important;
        font-size: 40px;
    }
}

@media only screen and (max-width: 1019px) {
    .block-process {
        padding-left: 100px;
        padding-bottom: 20px;
    }

        .block-process .__title {
            margin-bottom: 10px;
        }

        .block-process .__icon {
            position: absolute;
            width: 70px;
            height: 100%;
            left: 15px;
            top: 0px;
        }

            .block-process .__icon::before {
                width: 4px;
                height: 100%;
                left: 50%;
                transform: translateX(-50%);
            }
}

.block-process-2 {
    position: relative;
}

    .block-process-2 .cell-vertical-wrapper {
        height: 320px;
    }

    .block-process-2 .__number {
        bottom: 0px;
        color: #333333;
        font-size: 200px;
        height: 200px;
        left: 6px;
        line-height: 1;
        margin-bottom: auto;
        margin-top: auto;
        opacity: 0.04;
        position: absolute;
        top: -20px;
    }

    .block-process-2 .__block {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 40px;
        padding-top: 40px;
    }

        .block-process-2 .__block > * {
            letter-spacing: 0.05em;
        }

        .block-process-2 .__block .__title {
            font-size: 14px;
            margin-bottom: 10px;
        }

        .block-process-2 .__block p.__content {
            margin-bottom: 0px;
        }

    .block-process-2.size-small .cell-vertical-wrapper {
        height: 240px;
    }

    .block-process-2.size-small .__block > * {
        letter-spacing: 0px;
    }

    .block-process-2.size-small .__block .__title {
        font-size: 18px;
        margin-bottom: 5px;
    }

@media only screen and (min-width: 1020px) {
    .block-process-2 .__block {
        max-width: 320px;
    }
}

@media only screen and (max-width: 1019px) {
    .block-process-2 .__block {
        max-width: 720px;
    }
}
/* Icon-box-list */
.group-icon-box-list-right-slider {
    position: relative;
}

    .group-icon-box-list-right-slider .__block-wrapper-1, .group-icon-box-list-right-slider .__block-wrapper-2 {
        padding-right: 15px;
        padding-left: 15px;
    }

        .group-icon-box-list-right-slider .__block-wrapper-1 .__block, .group-icon-box-list-right-slider .__block-wrapper-2 .__block {
            margin-right: auto;
            margin-left: auto;
        }

    .group-icon-box-list-right-slider .__block-wrapper-1 {
        padding-top: 100px;
        padding-bottom: 60px;
    }

        .group-icon-box-list-right-slider .__block-wrapper-1 .__block .hr-header {
            margin-bottom: 30px;
        }

    .group-icon-box-list-right-slider .__block-wrapper-2 {
        position: relative;
    }

        .group-icon-box-list-right-slider .__block-wrapper-2 .cell-vertical-wrapper {
            table-layout: fixed;
        }

        .group-icon-box-list-right-slider .__block-wrapper-2 .__block {
            max-width: 640px;
        }

@media only screen and (min-width: 768px ) {
    .group-icon-box-list-right-slider .__block-wrapper-1 .__block {
        width: 720px;
    }
}

@media only screen and (min-width: 1020px ) {
    .group-icon-box-list-right-slider .__block-wrapper-1 .__block {
        width: 960px;
    }
}

@media only screen and (min-width: 1230px ) {
    .group-icon-box-list-right-slider .__block-wrapper-1, .group-icon-box-list-right-slider .__block-wrapper-2 {
        width: 50%;
        padding-right: 30px;
        padding-left: 30px;
    }

        .group-icon-box-list-right-slider .__block-wrapper-1 .__block {
            max-width: 680px;
        }

    .group-icon-box-list-right-slider .__block-wrapper-2 {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
    }
}

@media only screen and (max-width: 1229px ) {
    .group-icon-box-list-right-slider .__block-wrapper-2 {
        padding-top: 80px;
        padding-bottom: 60px;
    }
}

.group-icon-box-list-side-image {
    position: relative;
}

    .group-icon-box-list-side-image:before, .group-icon-box-list-side-image:after {
        content: " ";
        display: table;
    }

    .group-icon-box-list-side-image:after {
        clear: both;
    }

    .group-icon-box-list-side-image:before, .group-icon-box-list-side-image:after {
        content: " ";
        display: table;
    }

    .group-icon-box-list-side-image:after {
        clear: both;
    }

    .group-icon-box-list-side-image .__block-wrapper-2 {
        padding-top: 100px;
        padding-bottom: 75px;
        padding-right: 15px;
        padding-left: 15px;
    }

        .group-icon-box-list-side-image .__block-wrapper-2 .__block {
            margin-right: auto;
            margin-left: auto;
        }

            .group-icon-box-list-side-image .__block-wrapper-2 .__block > .__title {
                margin-bottom: 20px;
            }

            .group-icon-box-list-side-image .__block-wrapper-2 .__block > .__caption {
                margin-bottom: 50px;
            }

            .group-icon-box-list-side-image .__block-wrapper-2 .__block .block-icon-box-left-icon {
                margin-bottom: 25px;
            }

                .group-icon-box-list-side-image .__block-wrapper-2 .__block .block-icon-box-left-icon .__right-side .__heading {
                    padding-top: 5px;
                    margin-bottom: 8px;
                }

@media only screen and (min-width: 768px ) {
    .group-icon-box-list-side-image .__block-wrapper-2 .__block {
        width: 720px;
    }
}

@media only screen and (min-width: 1020px ) {
    .group-icon-box-list-side-image .__block-wrapper-2 .__block {
        width: 960px;
    }
}

@media only screen and (min-width: 1230px ) {
    .group-icon-box-list-side-image .__block-wrapper-1, .group-icon-box-list-side-image .__block-wrapper-2 {
        width: 50%;
    }

    .group-icon-box-list-side-image .__block-wrapper-2 {
        padding-right: 30px;
        padding-left: 30px;
        float: right;
    }

        .group-icon-box-list-side-image .__block-wrapper-2 .__block {
            max-width: 700px;
        }

    .group-icon-box-list-side-image .__block-wrapper-1 {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
}

@media only screen and (max-width: 1229px ) {
    .group-icon-box-list-side-image .__block-wrapper-1 {
        position: relative;
        min-height: 500px;
    }
}

.static-background {
    background-position: 50% 50%;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}

/* DEFAULT HEX COLOR: #ce2127 */
/* CHANE IT BY REPLEACING THE VALUE ABOVE */

::-moz-selection {
    background: #ce2127;
    color: #333;
    text-shadow: none;
}

::selection {
    background: #ce2127;
    text-shadow: none;
    color: #333;
}

.text-colored, h1.text-colored, h2.text-colored, h3.text-colored, h4.text-colored, h5.text-colored, h6.text-colored, .color-font, .color-font a, .widget-tweeter li a, .widget-twitter li a, p.text-colored, .heading.heading-colored h1, .heading.heading-colored h2 {
    color: #ce2127 !important;
}

.progress-bar-container.color .progress-bar {
    background-color: #ce2127;
    color: #fff;
}

.blockquote-color {
    background-color: #ce2127;
    color: #fff;
}

    .blockquote-color > small {
        color: #fff;
    }
/*buttons*/
.button.color, .btn.btn-primary {
    background-color: #ce2127;
    border-color: #ce2127;
    color: #fff;
}
/*go to top*/

.gototop-button {
    background-color: #3a3a3c;
}

.gototop-button {
    color: #fff;
}

nav .main-menu .dropdown-menu {
    border-color: #ce2127;
}

#topbar.topbar-colored {
    background-color: #ce2127;
}
/*vertical-dot-menu */
#vertical-dot-menu a:hover .cd-dot, #vertical-dot-menu a.active .cd-dot {
    background-color: #ce2127;
}
/*scrollspy nav */
/*.sidebar-menu ul.nav-tabs li, */
.sidebar-menu ul.nav-tabs li:hover .sidebar-menu ul.nav-tabs li a, .sidebar-menu ul.nav-tabs li a:hover, .sidebar-menu ul.nav-tabs li.active a, .sidebar-menu ul.nav-tabs li.active a:hover {
    color: #fff;
    background: #ce2127;
    border: 1px solid #ce2127;
}
/*Bootstrap defaults overrides*/

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: #ce2127;
    border-color: #ce2127;
}

    .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
        color: #fff;
    }

    .list-group-item.active > .badge, .nav-pills > .active > a > .badge {
        color: #ce2127;
    }

pre {
    background-color: #fcfcfc;
    border: 1px solid #ececec;
}

.alert {
    border-left-width: 10px;
    border-radius: 0;
}

.alert-success {
    background-color: #5cb85c;
    border-color: #53af53;
}

.alert-info {
    background-color: #2699c8;
    border-color: #3aaddc;
}

.alert-warning {
    background-color: #f6b63a;
    border-color: #ffcd51;
}

.alert-danger {
    background-color: #de4b37;
    border-color: #f3604c;
}

.alert, .alert a.alert-link {
    color: #fff;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #ce2127;
    border-color: #ce2127;
    color: #fff;
}

.pagination > li > a:hover i, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #333;
}
/*navs*/

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #ce2127;
    color: #fff;
}
/*Typography*/

a:hover {
    color: #ce2127;
}
/*dropcat & highlight*/
.dropcap.dropcap-colored, .dropcap.dropcap-colored a, .highlight.highlight-colored, .highlight.highlight-colored a {
    background-color: #ce2127;
    color: #fff;
}
/*timeline*/
.timeline.timeline-colored .timeline-circles:before, .timeline.timeline-colored .timeline-circles:after, .timeline.timeline-colored .timeline-date, .timeline.timeline-colored:before {
    background-color: #ce2127;
    color: #fff;
}

.timeline.timeline-colored li .timeline-block:before {
    border-color: transparent #ce2127;
}

.timeline.timeline-colored .timeline-block-image {
    border-color: #ce2127;
}

.timeline.timeline-colored.timeline-simple .timeline-date {
    background-color: #fff;
    border: 1px solid #ce2127;
    color: #ce2127;
}
/*tabs*/

.border .tabs-navigation li.active a:after {
    background: #ce2127;
}
/*accordions*/

.breadcrumb a:hover {
    color: #ce2127;
}
/*color*/

.accordion.color .ac-item .ac-title {
    background: #ce2127;
    color: #fff;
}

.accordion.color-border-bottom .ac-item .ac-title {
    border-bottom: 1px dotted #ce2127;
}

    .accordion.color-border-bottom .ac-item .ac-title:before {
        color: #ce2127;
    }
/*ICONS*/

.icon-box.color .icon i {
    background: #ce2127;
    color: #fff;
}

    .icon-box.color .icon i:after {
        box-shadow: 0 0 0 3px #ce2127;
    }

.icon-box.border.color .icon, .icon-box.border.color .icon i {
    color: #ce2127;
    border-color: #ce2127;
}

.icon-box.fancy.color .icon i {
    color: #ce2127;
    background-color: transparent;
}
/*FONT AWESOME ICONS*/

.fontawesome-icon-list .fa-hover a:hover {
    background-color: #ce2127;
}
/*lists icons*/

ul.icon-list li i {
    color: #ce2127;
}
/* ----------------------------------------------------------------
    Backgrounds
-----------------------------------------------------------------*/

.background-colored {
    background-color: #ce2127 !important;
}
/* ----------------------------------------------------------------
    NPROGRESS
-----------------------------------------------------------------*/

#nanobar-progress div {
    background: #ce2127 !important;
}
/* ----------------------------------------------------------------
    PORTFOLIO
-----------------------------------------------------------------*/
.portfolio-filter li.ptf-active, .portfolio-filter li:hover {
    background-color: #ce2127;
}

.portfolio-filter li:not(.ptf-active):hover {
    color: #ce2127;
}
/* ----------------------------------------------------------------
    HEADINGS
-----------------------------------------------------------------*/
.heading-title-border-color {
    border-color: #ce2127;
}
/* ----------------------------------------------------------------
    IMAGE BOX
-----------------------------------------------------------------*/
.image-box-links a {
    background-color: #ce2127;
}

.image-box.effect.bleron {
    background-color: #ce2127;
}

.image-block-content .feature-icon {
    background-color: #ce2127;
}

.image-box.effect.bleron p.image-box-links a {
    color: #ce2127;
}
/* ----------------------------------------------------------------
    SHOP PRODUCTS
-----------------------------------------------------------------*/
.product .product-wishlist a:hover {
    border-color: #ce2127;
}
/* */

#topbar .top-menu {
    text-align: right;
    font-size: 13px;
}

    #topbar .top-menu li:first-child a {
        color: #ce2127;
    }

    #topbar .top-menu li {
        text-transform: none !important;
    }

    #topbar .top-menu > li > a {
        font-size: 14px;
        font-weight: lighter;
    }

.footer-content .btn.btn:not(.btn-xs):not(.btn-sm):not(.btn-lg) {
    padding: 14px 24px;
    margin-left: 8px;
    border-radius: 5px;
}

.footer-content h1, .footer-content h2, .footer-content p {
    color: #fff;
}

.footer-content .btn-primary {
    background: #ebebeb;
    border: 1px solid #ebebeb;
    color: #ce2127;
}

.footer-content h2 {
    font-size: 23px;
}

ul.footer-social {
    list-style: none;
    text-align: right;
}

    ul.footer-social li {
        display: inline-block;
        width: 20px;
        height: 24px;
        margin: 0 10px;
    }

        ul.footer-social li .fa-facebook,
        ul.footer-social li .fa-youtube,
        ul.footer-social li .fa-twitter,
        ul.footer-social li .fa-google-plus,
        ul.footer-social li .fa-instagram {
            font-size: 16px;
            line-height: 20px;
            color: #fff;
        }

/*ul.footer-social li .fa-facebook {
            color: #3c5b99;
        }

        ul.footer-social li .fa-youtube {
            color: #ee3c38;
        }

        ul.footer-social li .fa-twitter {
            color: #5fa8dc;
        }

        ul.footer-social li .fa-google-plus {
            color: #dd4e41;
        }*/

#header #logo img {
    width: 160px;
    margin-top: 12px;
}

.mrgn-t-10 {
    margin-top: 10px;
}

.mrgn-t-15 {
    margin-top: 15px;
}

.mrgn-t-20 {
    margin-top: 20px;
}

.mrgn-t-25 {
    margin-top: 25px;
}

.mrgn-b-10 {
    margin-bottom: 10px;
}

.mrgn-b-15 {
    margin-bottom: 15px;
}

.mrgn-b-20 {
    margin-bottom: 20px;
}

.mrgn-b-25 {
    margin-bottom: 25px;
}

.b-r-4 {
    border-radius: 4px !important;
}

.mobile-menu-toggle {
    display: none;
}

    .mobile-menu-toggle i {
        color: #fff;
        font-size: 31px;
    }

.offcanvas {
    display: none;
}

.masking:after {
    background-color: rgba(0,0,0,0.3);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#go-top {
    display: none;
    font-size: 45px;
    position: fixed;
    bottom: 50px;
    right: 30px;
    border: 2px solid #333;
    background: #3a3a3c;
    border-radius: 5px;
    width: 50px;
    height: 52px;
    /* line-height: 0; */
    color: #fff;
    text-align: center;
    cursor: pointer;
}

    #go-top i {
        font-weight: lighter;
    }
/* off canvas */
.mobile-menu-toggle-push {
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 1px;
    line-height: 4px;
    right: -4px;
    border: 1px solid #fff;
    border-radius: 90px;
    height: 30px;
    text-align: center;
    width: 30px;
    position: relative;
}

    .mobile-menu-toggle-push i {
        position: absolute;
        top: 4px;
        left: 0;
        right: 0;
    }

.navmenu-fixed-left, .navmenu-fixed-right, .navbar-offcanvas {
    background-color: #3d3d3d !important;
}

.stellarnav ul li.open {
    background: #323232 !important;
}

.stellarnav ul li.has-sub ul li {
    width: 92%;
    margin: 0 auto;
}

    .stellarnav ul li.has-sub ul li ul li {
        width: 87%;
        margin: 0 auto;
    }

.line-border-solid {
    border: 1px solid #eaeaea;
}

.login-box {
    padding: 30px;
}

    .login-box h2 {
        font-size: 38px;
        margin-bottom: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #eaeaea;
    }

.button + .button, .btn + .btn {
    margin-right: 0;
    margin-bottom: 0;
}

.btn.btn:not(.btn-xs):not(.btn-sm):not(.btn-lg) {
    padding: 12px 24px;
    margin: 0 2px;
}

ul.login-menu-link {
    float: right !important;
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul.login-menu-link li {
        display: inline-block;
        padding-right: 40px;
        line-height: 80px;
        height: 80px;
    }

        ul.login-menu-link li a {
            padding: 0 5px;
            text-transform: capitalize;
            color: #2b2e32;
            font-size: 13px;
            font-family: "Open Sans", Arial, Helvetica, sans-serif;
            -webkit-font-smoothing: subpixel-antialiased;
            display: block;
            border-top: 3px solid #fff;
        }

            ul.login-menu-link li a:hover {
                border-top: 3px solid #ce2127;
            }

.page-header {
    margin: 0 auto 20px;
    padding: 0;
    border: none;
}

.btn-url {
    cursor: pointer;
    font-weight: bold;
    background: none;
    padding: 0;
    border: none;
}

.panel-default > .panel-heading {
    background-color: #ce2127;
    color: #fff;
}

.login-password {
    margin-bottom: 0;
}

.login-remember {
    height: 24px;
}

.fa-facebook:before {
    font-family: "FontAwesome";
}

.upperinput {
    text-transform: uppercase;
}

/* Styles for tablet and mobile */
@media (max-width: 992px) {
    .page-header.container,
    #footer {
        display: none;
    }
}

@media only screen and (max-width: 767px ) {
    .login-menu-link,
    #footer {
        display: none;
    }

    #logo {
        margin: 0 0 20px 0 !important;
    }

    .page-header {
        padding: 0;
        border-bottom: 0;
        margin-bottom: 0;
        height: 54px;
    }

    section {
        padding: 0;
    }

    #logindelimiter {
        margin: 10px 0 !important;
    }

    .panel-body {
        padding: 5px 10px;
    }

    .container.body-content {
        padding: 0;
    }

    .panel.panel-default {
        margin-bottom: 5px;
    }

    .login-button {
        margin-bottom: 5px;
    }

        .form-button button,
        .login-button button {
            width: 100%;
            margin-bottom: 10px !important;
        }

        .login-remember {
            display:none;
        }
}

body {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    font-style: normal;
}

header {
    box-shadow: rgba(0,0,0,.117647) 0 1px 3px;
}

#logo {
    margin: 20px 0;
}

.loader {
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

    .loader .loader-img {
        background-image: url(../images/svg-loaders/loading-icon.gif);
        width: 100%;
        background-size: 200px;
        margin: auto;
        height: 100vh;
        background-repeat: no-repeat;
        background-position: center;
        vertical-align: middle;
    }

.footer-link a {
    color: #fff;
    padding: 0 10px;
}

.footer-link span {
   text-align: right;
}

.form-chkbox {
    margin-top: 2px;
    display: inline-block;
    vertical-align: top;
}

.form-notes {
    font-size: 10px;
    padding: 0;
    margin: -10px 0 0 5px;
}

.form-notes a {
    text-decoration: underline !important;
}

.label-info {
    background:none;
    font-size: 10px;
    font-weight: normal;
}

.input-upper {
    text-transform: uppercase;
}

.subtitle {
    padding: 30px 0 10px;
}

.subtitle span {
    text-decoration: underline;     
}

.pdpa-page ul {
    margin-bottom: 0;
}

.pdpa-page ul li {
    padding-left: 10px;
}
    ul.numberlist li {
    list-style-type: decimal;
}

ul.alphalist li {
    list-style-type: lower-alpha;
}

.estorewarning {
    color: #ce2127;
    padding-left: 2px;
}