@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800||Raleway:400,500,600,700,800,900');
@import url("https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.min.css");

body, html {
    font-family: 'Domine', serif;
    height: 100%;
}

*, *::before, *::after {
    box-sizing: border-box;
}

article, aside, figure, footer, header, hgroup, nav, section, a, p, div, img, body, html, button, input, select, :focus, :hover, :active, a:focus {
    outline: 0;
}

img {
    border: none;
}

body {
    background-color: #FAFAF8;
    margin: 0px;
    padding: 0px;
    font-family: 'Open Sans', sans-serif;
}

.main-container {
    width: 100%;
    height: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.forgot_password_form {
    width: 50%;
    padding: 2% 13% 1.5%;
    float: left;
}

    .forgot_password_form .logo-brand {
        display: table;
        width: 142px;
        margin: 0 auto;
    }

.form-box {
    width: 100%;
    display: block;
}

    .form-box h2 {
        font-size: 24px;
        font-weight: normal;
        margin-top: 15px;
    }

    .form-box p {
        font-size: 13px;
        color: #D46317;
        font-style: italic;
    }

    .form-box a.back-btn {
        width: 100%;
        display: inline-block;
        color: #D46317;
        padding: 10px 0 0;
        font-size: 13px;
        font-weight: 600;
        text-decoration: none;
    }

    .form-box .form-group {
        margin-bottom: 15px;
    }

        .form-box .form-group label {
            display: inline-block;
            max-width: 100%;
            margin-bottom: 5px;
            font-weight: 500;
        }

        .form-box .form-group .form-control {
            display: block;
            width: 100%;
            /*height: 25px;*/
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #999;
            border-radius: 4px;
        }

        .form-box .form-group select[name="title"] {
            /*font-family: 'font-awesome';*/
            width: 120px;
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            background: #fff;
            background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='30' viewBox='0 0 30 30' width='30' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h30v30H0z' fill='none'/></svg>");
            background-repeat: no-repeat;
            background-position-x: 100%;
            background-position-y: 5px;
        }

    .form-box .btn {
        display: inline-block;
        padding: 10px 18px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-radius: 4px;
    }

    .form-box .btn-primary {
        background-color: #000000;
        color: #fff;
        border: transparent;
    }

    .form-box .btn-white {
        color: #000000;
        background-color: #fff;
        border: 1px solid #e5e9ec;
    }

    .form-box .btn-box .btn {
        width: 49%;
        margin-top: 15px;
    }

.right-part {
    width: 49.5%;
    height: 100%;
    float: right;
}

    .right-part .right-bg {
        background: #000000 url("../../dist/images/4_01_right.jpg") no-repeat top center;
        background-size: 100%;
        height: 100%;
        width: 100%;
        background-position: 50% 50%;
        background-size: cover;
    }
/* Landing Page */

.header {
    width: 100%;
    /*height: 100%;*/
    position: absolute;
    top: 12px;
    z-index: 1;
}

.nav-container {
    /*max-width: 1280px;*/
    width: 90%;
    margin: 0 auto;
}

.hameburger-icon {
    font-size: 30px;
    cursor: pointer;
    float: right;
    color: #fff;
    position: absolute;
    top: 32px;
    right: 6%;
    z-index: 2;
}

.navbar-brand {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    font-style: italic;
}

.login-form {
    width: 350px;
    padding: 40px 25px 20px;
    border-radius: 8px !important;
    -webkit-box-shadow: 0px 7px 39px -16px rgba(61, 61, 61, 1);
    -moz-box-shadow: 0px 7px 39px -16px rgba(61, 61, 61, 1);
    box-shadow: 0px 7px 39px -16px rgba(61, 61, 61, 1);
}

.navbar-right .dropdown-menu.login-form {
    right: -28%;
    left: auto;
    top: 80px;
}

.navbar .nav > li > .dropdown-menu::after {
    content: '';
    display: inline-block;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ffffff;
    position: absolute;
    top: -15px;
    right: 20%;
}

.login-form label {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.login-form .form-group .form-control {
    display: block;
    width: 100%;
    /*height: 25px;*/
    padding: 6px 12px;
    height: 48px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #999;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}

.login-form .btn {
    display: inline-block;
    padding: 10px 18px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.login-form .btn {
    margin: 15px 0 10px;
}

.login-form .btn-primary {
    background-color: #D46317;
    color: #fff;
    height: 48px;
    border: transparent;
}

.login-form .text-link {
    color: #D46317;
}

.masthead-nav > li {
    display: inline-block;
}

    .masthead-nav > li + li {
        margin-left: 20px;
    }

    .masthead-nav > li > a {
        font-size: 16px;
        font-weight: normal;
        color: #fff; /* IE8 proofing */
        color: rgba(255,255,255,.95);
        border-bottom: 2px solid transparent;
    }

        .masthead-nav > li.open > a:hover, .masthead-nav > li.open > a:focus, .masthead-nav > li.open a, .masthead-nav > li > a:hover, .masthead-nav > li > a:focus {
            background-color: #fff;
            color: #D36317;
            border-bottom-color: #fff;
            border-radius: 7px;
        }

.masthead-nav > .active > a, .masthead-nav > .active > a:hover, .masthead-nav > .active > a:focus {
    color: #fff;
    border-bottom-color: #fff;
}
/* General sizing */
ul.dropdown-lr {
    width: 300px;
}
/* side slide menu */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 3;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 15px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

        .sidenav a:hover, .offcanvas a:focus {
            color: #f1f1f1;
        }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

#myCarousel .carousel-caption {
    text-align: left;
    top: 20%;
    left: 10%;
    bottom: auto;
}

    #myCarousel .carousel-caption h1 {
        font-family: 'Raleway', sans-serif;
        color: #F7A11A;
        font-size: 98px;
        margin: 0px;
        padding: 0px;
        font-weight: 800;
        line-height: 42px;
        text-shadow: none;
    }

        #myCarousel .carousel-caption h1 span {
            margin-left: 5%;
        }

        #myCarousel .carousel-caption h1 small {
            color: #fff;
            font-size: 48px;
            font-weight: 700;
        }

    #myCarousel .carousel-caption p {
        width: 50%;
        margin-top: 30px;
        font-weight: 600;
        text-shadow: none;
        margin-bottom: 30px;
    }

.right-now, .btn-border {
    background-color: #D36317;
    border: transparent;
    font-size: 30px;
    color: #fff;
    border-radius: 35px;
    padding: 9px 40px 11px;
}

.btn-border {
    background-color: transparent;
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    border: 2px solid #EC8500;
    padding-top: 12px;
    margin-top: 25px;
    line-height: 26px;
}

.infomative-text {
    width: 100%;
    display: block;
    text-align: center;
    color: #000;
    font-weight: 600;
    padding: 18px 0 5px;
}

    .infomative-text p {
        font-size: 112%;
    }
/* About Us Block */
.about-us {
    width: 100%;
    float: left;
    display: block;
    background-color: #F1EDEC;
}

    .about-us .left-content {
        width: 50%;
        float: left;
        margin-bottom: 50px;
    }

        .about-us .left-content .content-inner {
            width: 70%;
            margin: 0 10% 0 20%;
            display: block;
        }

            .about-us .left-content .content-inner h2 {
                font-size: 40px;
                font-weight: 800;
                color: #000;
                margin: 60px 0 20px;
            }
/* Tabs panel */
.tabbable-panel {
    width: 100%;
    display: inline-block;
    margin-top: 40px;
}
/* Default mode */
.tabbable-line > .nav-tabs {
    border: none;
    margin: 0px;
}

    .tabbable-line > .nav-tabs > li {
        margin-right: 10px;
        padding-bottom: 15px;
    }

        .tabbable-line > .nav-tabs > li > a {
            display: inline;
            border: 0;
            margin-right: 0;
            color: #000;
            text-align: left;
            text-transform: uppercase;
            padding: 0px 0 15px;
        }

            .tabbable-line > .nav-tabs > li > a > i {
                color: #a6a6a6;
            }

        .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li a:hover {
            border-bottom: 2px solid #ccc;
        }

            .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
                border: 0;
                background: none !important;
                color: #333333;
            }

                .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
                    color: #a6a6a6;
                }

            .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
                margin-top: 0px;
            }

        .tabbable-line > .nav-tabs > li.active {
            position: relative;
        }

            .tabbable-line > .nav-tabs > li.active > a {
                border: none;
                border-bottom: 2px solid #000;
                font-weight: 600;
                color: #000;
                background-color: transparent;
            }

                .tabbable-line > .nav-tabs > li.active > a:hover, .tabbable-line > .nav-tabs > li.active > a:focus {
                    border: none;
                    border-bottom: 2px solid #000;
                }

                .tabbable-line > .nav-tabs > li.active > a > i {
                    color: #404040;
                }

.tabbable-line > .tab-content {
    margin-top: 0px;
    background-color: transparent;
    border: 0;
    border-top: 1px solid #000;
    padding: 15px 0 15px;
}

.portlet .tabbable-line > .tab-content {
    padding-bottom: 0;
}
/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
    border-top: 4px solid transparent;
}

    .tabbable-line.tabs-below > .nav-tabs > li > a {
        margin-top: 0;
    }

    .tabbable-line.tabs-below > .nav-tabs > li:hover {
        border-bottom: 0;
        border-top: 4px solid #fbcdcf;
    }

    .tabbable-line.tabs-below > .nav-tabs > li.active {
        margin-bottom: -2px;
        border-bottom: 0;
        border-top: 4px solid #f3565d;
    }

.tabbable-line.tabs-below > .tab-content {
    margin-top: -10px;
    border-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.tabbable-line > .tab-content h3.large-text {
    font-size: 22px;
    color: #333;
    line-height: 30px;
    margin-bottom: 20px;
}

.tabbable-line > .tab-content p {
    font-size: 15px;
    color: #333;
    font-weight: 500;
    line-height: 24px;
}

.about-us .right-img-blocks {
    width: 50%;
    float: right;
}

.flex-item {
    width: 50%;
    min-height: 400px;
    float: left;
}

    .flex-item .background-img {
        background-position: 50% 50%;
        background-size: cover;
        height: 400px;
    }

.feature-map {
    height: 350px;
    width: 100%;
    position: relative;
    display: block;
    float: left;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.map {
    filter: invert(.9);
}

.feature-map .caption {
    position: absolute;
    display: inline;
    width: 80%;
    left: 10%;
    margin-top: 7%;
    text-align: center;
}

    .feature-map .caption h2 {
        font-size: 34px;
        color: #fff;
        line-height: 40px;
    }
/* Terms and Use */
.welcome-msg {
    padding: 50px 0;
}

    .welcome-msg h1 {
        font-weight: 700;
    }

.form-box .terms-use {
    width: 100%;
    max-height: 250px;
    overflow: auto;
    padding: 10px 0;
    color: #000;
    font-style: normal;
    text-align: justify;
}

    .form-box .terms-use label {
        font-weight: normal;
    }
    .width390 {
        width: 375px;
    }
.print {
    width: 100%;
    text-align: right;
    float: right;
    font-size: 15px;
    color: #000000;
    margin-top: 20px;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 600;
}

/* Site Footer */

.footer {
    background-color: #fff;
    padding: 80px 0px 40px;
    float: left;
    width: 100%;
}

    .footer .logo {
        width: auto;
    }

        .footer .logo img {
            width: 150px;
            display: block;
        }

    .footer .adress, .footer .menu {
        margin: 0px;
        padding: 0px;
    }

        .footer .adress span, .footer .menu span {
            color: #000;
            font-weight: 600;
            margin-bottom: 30px;
            display: block;
            text-transform: uppercase;
            font-size: 20px;
        }

        .footer .adress li a, .footer .menu li a {
            color: #333;
            text-decoration: none;
            font-size: 15px;
            font-weight: 600;
        }

        .footer .adress li a {
            display: table-cell;
            padding-left: 15px;
        }

        .footer .adress li, .footer .menu li {
            margin-top: 15px;
            list-style: none;
        }

            .footer .adress li a:hover, .footer .menu li a:hover {
                color: #da3e44;
                -webkit-transition: all 1s ease-in-out;
                -moz-transition: all 1s ease-in-out;
                -o-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
            }

    .footer .fa {
        /*margin-right: 10px;*/
        font-size: 18px;
        display: table-cell;
    }

.welcome-msg {
    background-color: #fff;
    padding: 50px 0;
    min-height: 500px;
}

.laptop-img {
    width: 500px;
    position: absolute;
    top: 37%;
    right: 10%;
}

.form-box .form-group.email-validation-code {
    display: block;
}

    .form-box .form-group.email-validation-code .btn-primary {
        width: 31%;
        display: inline-block;
        padding: 8px 15px 6px;
    }

    .form-box .form-group.email-validation-code .form-control {
        width: 67%;
        display: inline-block;
    }

    .form-box .form-group.email-validation-code .control-label {
        width: 100%;
        display: inline-block;
    }
    .disclaimer {
        margin-top: 30px;
        font-size: 14px;
    }
.pageStatus img {
    max-width: 100%;
}
.step-desc {
    float: left;
    width: 100%;
    margin-bottom: 13px;
        font-size: 10px;
        line-height: 10px;
    text-align: center;
}

.step-desc div {
    width: 30px;
    float: left;
    text-align: center;
    opacity: 0.3;
}

.step-desc div.active {
    opacity:1;
}

.step-desc div + div{
    margin-left: 60px;
}


@media (min-width: 1280px) {
    .navbar-brand {
        float: left;
        width: 200px;
        margin-top: 3px;
    }

    .masthead-nav {
        float: right;
        margin-right: 5%;
        margin-top: 15px;
    }

    #myCarousel .carousel-inner {
        height: 640px;
    }

        #myCarousel .carousel-inner.vendor {
            height: 490px;
        }
}

@media (max-width: 1200px) {
    .navbar-brand {
        float: left;
        width: 160px;
        margin-top: 3px;
    }

    .masthead-nav {
        margin-right: 6%;
        margin-top: 13px;
    }

    .navbar-brand img {
        width: 100%;
    }

    #myCarousel .carousel-inner {
        height: 100%;
    }

    #myCarousel .carousel-caption {
        top: 14%;
    }

        #myCarousel .carousel-caption p {
            width: 100%;
            margin: 24px 0 10px;
        }

    .right-now, .btn-border {
        padding-bottom: 5px;
        font-size: 26px;
    }

    .infomative-text {
        width: 90%;
        margin: 0 auto;
    }

    .flex-item {
        min-height: 340px;
    }

        .flex-item .background-img {
            height: 340px;
        }

        .flex-item .background-img {
            background-position: 75% 50%;
        }
}

@media (max-width: 768px) {
    .navbar-toggle {
        background: #000 !important;
    }

    .footer .menu {
        margin: 0 0 20px;
        padding: 0px;
    }

    .flex-item:first-child .background-img {
        background-position: 50% 50%;
    }

    .flex-item {
        width: 100%;
        min-height: 250px;
    }

        .flex-item .background-img {
            height: 250px;
        }

    .form-box .form-group.email-validation-code .btn-primary {
        width: 40%;
    }

    .form-box .form-group.email-validation-code .form-control {
        width: 57.5%;
    }
}

@media (max-width:680px) {
    .right-part {
        display: none;
    }

    .forgot_password_form {
        width: 100%;
        padding: 15px 50px;
    }

    .footer .logo {
        margin-bottom: 20px;
        display: block;
    }

    .navbar-brand {
        padding: 0px;
    }

        .navbar-brand > img {
            width: 120px;
        }

    .masthead-nav {
        position: absolute;
        top: 3px;
        right: 15%;
        margin: 0px;
    }

        .masthead-nav > li.open > a:hover, .masthead-nav > li.open > a:focus, .masthead-nav > li.open a, .masthead-nav > li > a:hover, .masthead-nav > li > a:focus {
            display: inline-block;
            font-size: 14px;
        }

    .navbar-right .dropdown-menu.login-form {
        position: absolute;
        background-color: #fff;
        min-width: 300px;
        top: 60px;
    }

    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }

    .hameburger-icon {
        top: 15px;
        right: 6%;
    }

    .infomative-text {
        width: 86%;
        margin: 0 auto;
        padding-top: 10px;
        text-align: left;
    }

        .infomative-text p {
            font-size: 80%;
        }

    .about-us .left-content, .about-us .right-img-blocks {
        width: 100%;
        float: left;
    }

        .about-us .left-content .content-inner {
            width: 80%;
            margin: 0 10% 0 10%;
        }

    .tabbable-line > .nav-tabs > li {
        display: table-cell;
        width: 40%;
    }

        .tabbable-line > .nav-tabs > li a {
            border-radius: 0px;
        }

    about-us .left-content .content-inner h2 {
        font-size: 28px;
        margin: 40px 0 0px;
    }

    .about-us .left-content .content-inner h2 {
        font-size: 30px;
        margin: 48px 0 0;
    }

    .feature-map .caption h2 {
        font-size: 22px;
        line-height: 28px;
    }

    .footer {
        background-color: #fff;
        padding: 40px 0px 20px;
    }

        .footer .logo {
            margin-bottom: 30px;
        }

            .footer .logo img {
                width: auto;
            }
}

.modal {
    display: inline-table;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 150px;
    margin-left: -200px;
    margin-top: -150px;
    background-color: #fff;
    padding: 25px;
    border-radius: 5px;
    z-index: 10;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
    text-align: center;
}

.orange-btn {
    background-color: #000000;
    color: rgb(255, 255, 255);
    border: none;
}

.small-input {
    width: 150px;
}

/*Validation CSS*/
.form-box .form-group .input-group .inline-item {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: none;
}

.form-box .form-group .input-group .btn-primary {
    text-decoration: none;
    cursor: pointer;
}

.form-box .form-group {
    position: relative;
}

.field-validation-error {
    color: red;
    position: absolute;
    width: 100%;
    left: 0;
    top: 60px;
    font-size: 11px;
    line-height: 12px;
}

#userinfo.form-box .field-validation-error {
    position: relative;
    top: 0px;
}

.form-box .form-group .input-group .field-validation-error {
    top: 36px;
}

.form-group.required .control-label:after, .checkbox.required label:after {
    content: " *";
    color: red;
}
/*Validation CSS*/

/*Loader css*/

.page-loader {
    background: rgba(0,0,0,0.8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998;
}

.loader {
    height: 8px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 50%;
    width: 44px;
}

.dot {
    background: #ccc none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    position: absolute;
    width: 10px;
}

.dot_1 {
    animation: 1.5s linear 0s normal none infinite running animateDot1;
    background: #f26f29 none repeat scroll 0 0;
    left: 12px;
}

.dot_2 {
    animation: 1.5s linear 0.5s normal none infinite running animateDot2;
    left: 24px;
}

.dot_3 {
    animation: 1.5s linear 0s normal none infinite running animateDot3;
    left: 12px;
}

.dot_4 {
    animation: 1.5s linear 0.5s normal none infinite running animateDot4;
    left: 24px;
}

@keyframes animateDot1 {
    0% {
        transform: rotate(0deg) translateX(-12px);
    }

    25% {
        transform: rotate(180deg) translateX(-12px);
    }

    75% {
        transform: rotate(180deg) translateX(-12px);
    }

    100% {
        transform: rotate(360deg) translateX(-12px);
    }
}

@keyframes animateDot2 {
    0% {
        transform: rotate(0deg) translateX(-12px);
    }

    25% {
        transform: rotate(-180deg) translateX(-12px);
    }

    75% {
        transform: rotate(-180deg) translateX(-12px);
    }

    100% {
        transform: rotate(-360deg) translateX(-12px);
    }
}

@keyframes animateDot3 {
    0% {
        transform: rotate(0deg) translateX(12px);
    }

    25% {
        transform: rotate(180deg) translateX(12px);
    }

    75% {
        transform: rotate(180deg) translateX(12px);
    }

    100% {
        transform: rotate(360deg) translateX(12px);
    }
}

@keyframes animateDot4 {
    0% {
        transform: rotate(0deg) translateX(12px);
    }

    25% {
        transform: rotate(-180deg) translateX(12px);
    }

    75% {
        transform: rotate(-180deg) translateX(12px);
    }

    100% {
        transform: rotate(-360deg) translateX(12px);
    }
}
/*Loader css*/
.pageStatus {
    padding-top: 15px;
    /*width: 110%;*/
}
.main-footer {
     float: left;
    width: 100%;
    text-align: left;
    background-color: #eee;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 12px;
    padding-left: 10px;
}