@import url("https://fonts.googleapis.com/css?family=Oxygen:400,300,700");

* {
    outline: 0;
    margin: 0;
    padding: 0;
}

html, * {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.productCaption h4{
    min-height:40px;
}

ul#selectProductsSearch {
    margin-top: 40px;
}
    ul#selectProductsSearch li {
        padding: 5px;
        line-height: initial;
        font-size: 12px;
        cursor:pointer;
    }
.searchResult{
    cursor:pointer;
}


body {
    font-family: 'Oxygen', sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #252525;
    font-weight: 400;
}

td.count-input {
    text-align: center;
}

.pageHeader {
    width: 100%;

}

ul {
    margin: 0;
    padding: 0;
}

    ul li {
        list-style-type: none;
    }

p {
    font-size: 13px;
    color: #252525;
    font-weight: 400;
    line-height: 18px;
}

h1, h2, h3, h4, h5 {
    font-family: 'Oxygen', sans-serif;
    color: #56928f;
    margin-top: 0;
    margin-bottom: 0px;
}

h4 {
    font-size: 16px;
    font-weight: 700;
}

h2{
    font-size:1.5rem;
}

.folderList .fa {
    font-size: 3em;
    margin-right: 10px;
    vertical-align: middle;
}

.folderList div a {
    color: white;
    text-decoration: none;
    background: #3893cf;
    padding: 20px;
    border-radius: 10px;
    display: inline-block;
    width: 100%;
}

.productImage {
    border: 1px solid #efefef;
}



.textBlock li {
    font-size: 14px;
    color: #797979;
    line-height: 30px;
    padding-left: 18px;
}

    .textBlock li:before {
        content: "";
        width: 8px;
        height: 8px;
        position: relative;
        left: -10px;
        top: -1px;
        background: #3893cf;
        transform: rotate( 45deg );
        display: inline-block;
    }

.sitePage ul {
    margin-bottom: 1rem;
}

.sitePage p {
    font-size: 14px;
    color: #797979;
    line-height: 22px;
}

h5 {
    font-size: 14px;
    font-weight: 700;
}

ul {
    margin: 0;
    padding: 0;
}

.main-content.container-fluid {
    min-height: 370px;
}
.navbar-default .navbar-brand {
    display: inline-block;
    padding: 15px 15px;
}

.header .logo {
    display: block;
    float: left;
    width:242px;
}
.hRow {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    margin-bottom: 0;
    /* padding: 10px 0; */
    border: none;
}


.wsmenu {
    font-family: Oxygen;
    text-transform: capitalize;
    color: #fff;
    font-size: 14px;
    padding: 0px 0px;

    float: right;
    display: block;
}
a {
    cursor: pointer;
}
.wsmenucontainer {

    min-height: 100vh !important;



    -ms-flex-direction: column !important;
    flex-direction: column !important;



    display: -ms-flexbox !important;
    display: flex !important;

}

.lightSection {
    background-color: #f0f0f0;
    height: 125px;
    margin-left: -15px;
    margin-right: -15px;
}



/*QUICK VIEW DROP DOWN SELECT BOX*/
.quick-drop .sbHolder, .quick-drop .sbSelector {
    width: 174px !important;
    height: 39px !important;
}

.quick-drop .sbHolder {
    background-color: #ffffff;
    border-color: #d0d0d0;
    margin: 0;
}

.quick-drop .sbSelector:link, .quick-drop .sbSelector:visited, .quick-drop .sbSelector:hover {
    color: #797979 !important;
}

.quick-drop .sbSelector {
    font-family: 'Oxygen', sans-serif;
    font-size: 15px;
    line-height: 36px;
    text-indent: 18px;
}

.quick-drop .sbToggle {
    background: rgba(0, 0, 0, 0) url("images/drop-down-arrow.jpg") no-repeat scroll 0 0;
    height: 6px;
    right: 10px;
    top: 16px;
    width: 9px;
}

.quick-drop .sbOptions {
    width: 174px !important;
    background-color: #ffffff;
    border-color: #d0d0d0;
}

    .quick-drop .sbOptions a {
        color: #797979;
        font-family: 'Oxygen', sans-serif;
        font-size: 15px;
        padding: 6px 10px;
    }

        .quick-drop .sbOptions a:hover {
            color: #3893cf;
        }

.quick-drop.resizeWidth .sbHolder,
.quick-drop.resizeWidth .sbSelector,
.quick-drop.resizeWidth .sbOptions {
    width: 87px !important;
}


/*=== 2.1.1 TOPBAR ===*/
.topBar {
    width: 100%;
    display: block;
    min-height: 35px;
    height: auto;
    background-color: #bed9df;
}

.navbarBG{
	background-color:#56928f;
}

.text-main {
    color: #d9d9d9 !important
}

.topBar ul li {
    padding-right: 5px;
    padding-left: 5px;
}

    .topBar ul li a {
        padding: 0 3px;
        display: block;
        line-height: 35px;
        font-size: 14px;
        transition: all 0.3s ease-in-out;
        color: #797979;
    }

        .topBar ul li a:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
            filter: alpha(opacity=0.8);
            -moz-opacity: 0.8;
            -khtml-opacity: 0.8;
            opacity: 0.8;
        }

.topBar ul.float-right li {
    padding: 0;
    float: left;
    position: relative;
}

    .topBar ul.float-right li a {
        font-size: 14px;
        display: inline-block;
    }

.topBar ul.float-right > li {
    margin: 0 0 0 10px;
}

    .topBar ul.float-right > li.cart-dropdown {
        margin-left: 3px;
    }

    .topBar ul.float-right > li:nth-child(2)::before {
        content: "";
        position: absolute;
        top: 6px;
        height: 24px;
        width: 1px;
        background: rgba(255, 255, 255, 0.2);
    }

.display-block {
    display: block;
}

.display-none {
    display: none;
}

.top-right .account-login span small {
    color: rgba(0, 0, 0, 0.9);
    padding: 0 10px;
}

.top-right .account-login span a {
    color: #200c74;
    transition: all 0.3s ease-in-out;
}

    .top-right .account-login span a:hover {
        color: rgba(255, 255, 255, 0.5);
    }

.top-right .searchBox {
    position: relative;
}

    .top-right .searchBox a {
        color: #ffffff;
        transition: all 0.3s ease-in-out;
        padding: 0 10px;
    }

        .top-right .searchBox a:hover {
            opacity: 1;
        }

        .top-right .searchBox a i {
            font-size: 16px;
            width: 20px;
        }

    .top-right .searchBox .dropdown-menu {
        padding: 10px 15px;
        border-radius: 0;
        right: 0;
        left: auto;
    }

@media (max-width: 479px) {
    .top-right .searchBox .dropdown-menu {
        width: 280px;
        margin: 0 -65px 0 0;
    }
}

@media (min-width: 480px) {
    .top-right .searchBox .dropdown-menu {
        width: 350px;
        margin: 0;
    }
}

.top-right .searchBox .dropdown-menu li {
    line-height: 0;
    width: 100%;
}

.searchBox .input-group {
    width: 100%;
    position: relative;
}

    .searchBox .input-group .form-control {
        box-shadow: none;
        border-radius: 4px;
        height: 34px;
        line-height: 34px;
    }

        .searchBox .input-group .form-control:focus {
            border-color: #56928f;
        }

    .searchBox .input-group .input-group-addon {
       border-radius: 0 4px 4px 0;
        background-color: #56928f;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 700;
        border-color: #56928f;
        width: auto;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9;
        height: 34px;
        padding-left: 10px;
        padding-right: 10px;
    }

        .searchBox .input-group .input-group-addon:focus {
            outline: none;
        }

.top-right .cart-dropdown a,
.cart-dropdown a {
    background-color: #56928f;
    line-height: 35px;
    min-height: 36px;
    font-size: 12px;
    color: #ffffff;
    display: block;
    transition: all 0.3s ease-in-out;
}

.cart-dropdown .media-body {

    padding-left: 8px;
}

@media (max-width: 479px) {
    .top-right .cart-dropdown a,
    .cart-dropdown a {
        padding: 0 7px;
    }
}

@media (min-width: 480px) {
    .top-right .cart-dropdown a,
    .cart-dropdown a {
        padding: 0 10px;
    }
}

@media (min-width: 768px) {
    .top-right .cart-dropdown a,
    .cart-dropdown a {
        font-size: 13px;
        padding: 0 19px;
    }
}

.top-right .cart-dropdown a i,
.cart-dropdown a i {
    font-size: 18px;
    margin-right: 10px;
}

.top-right .cart-dropdown a:hover,
.cart-dropdown a:hover {
    background-color: #56928f;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.top-right .cart-dropdown a:focus,
.cart-dropdown a:focus {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.top-right .cart-dropdown a:after,
.cart-dropdown a:after {
    border: none;
    display: none;
}

.top-right .cart-dropdown ul.dropdown-menu,
.cart-dropdown ul.dropdown-menu {
    background-color: #56928f;
    border-radius: 0;
    margin: 0;
    box-shadow: none;
    border: none;
    z-index: 9999;
}

@media (max-width: 479px) {
    .top-right .cart-dropdown ul.dropdown-menu,
    .cart-dropdown ul.dropdown-menu {
        width: 280px;
    }
}

@media (min-width: 480px) {
    .top-right .cart-dropdown ul.dropdown-menu,
    .cart-dropdown ul.dropdown-menu {
        width: 300px;
    }
}

@media (min-width: 768px) {
    .top-right .cart-dropdown ul.dropdown-menu,
    .cart-dropdown ul.dropdown-menu {
        width: auto;
    }
}

.top-right .cart-dropdown ul.dropdown-menu li:first-child,
.cart-dropdown ul.dropdown-menu li:first-child {
    color: #ffffff;
    padding: 10px 0 8px 19px;
}

.top-right .cart-dropdown ul.dropdown-menu li,
.cart-dropdown ul.dropdown-menu li {
    width: 100%;
}

    .top-right .cart-dropdown ul.dropdown-menu li a,
    .cart-dropdown ul.dropdown-menu li a {
        line-height: 26px;
        display: block;
    }

        .top-right .cart-dropdown ul.dropdown-menu li a .media,
        .cart-dropdown ul.dropdown-menu li a .media {
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            padding: 12px 0;
        }

            .top-right .cart-dropdown ul.dropdown-menu li a .media .media-body h5,
            .cart-dropdown ul.dropdown-menu li a .media .media-body h5 {
                color: #ffffff;
                line-height: 20px;
                letter-spacing: 1px;
            }

                .top-right .cart-dropdown ul.dropdown-menu li a .media .media-body h5 span,
                .cart-dropdown ul.dropdown-menu li a .media .media-body h5 span {
                    font-size: 18px;
                }

        .top-right .cart-dropdown ul.dropdown-menu li a:hover,
        .cart-dropdown ul.dropdown-menu li a:hover {
            opacity: .8;
            background-color: transparent;
        }

    .top-right .cart-dropdown ul.dropdown-menu li .btn-group,
    .cart-dropdown ul.dropdown-menu li .btn-group {
        padding: 14px 19px;
    }

        .top-right .cart-dropdown ul.dropdown-menu li .btn-group .btn,
        .cart-dropdown ul.dropdown-menu li .btn-group .btn {
            border: none;
            height: 36px;
            padding: 0;
            line-height: 36px;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 1px;
            border-radius: 4px !important;
            color: #252525;
            background-color: #f8f8f8;
            transition: all 0.3s ease-in-out;
        }

        .top-right .cart-dropdown ul.dropdown-menu li .btn-group button:first-child:hover,
        .cart-dropdown ul.dropdown-menu li .btn-group button:first-child:hover {
            opacity: .8;
        }

@media (max-width: 479px) {
    .top-right .cart-dropdown ul.dropdown-menu li .btn-group button:first-child,
    .cart-dropdown ul.dropdown-menu li .btn-group button:first-child {
        width: 135px;
    }
}

@media (min-width: 480px) {
    .top-right .cart-dropdown ul.dropdown-menu li .btn-group button:first-child,
    .cart-dropdown ul.dropdown-menu li .btn-group button:first-child {
        width: 149px;
    }
}

.top-right .cart-dropdown ul.dropdown-menu li .btn-group button:last-child,
.cart-dropdown ul.dropdown-menu li .btn-group button:last-child {
    margin-left: 8px;
}

@media (max-width: 479px) {
    .top-right .cart-dropdown ul.dropdown-menu li .btn-group button:last-child,
    .cart-dropdown ul.dropdown-menu li .btn-group button:last-child {
        width: 100px;
    }
}

@media (min-width: 480px) {
    .top-right .cart-dropdown ul.dropdown-menu li .btn-group button:last-child,
    .cart-dropdown ul.dropdown-menu li .btn-group button:last-child {
        width: 109px;
    }
}

.top-right .cart-dropdown ul.dropdown-menu li .btn-group button:last-child:hover,
.cart-dropdown ul.dropdown-menu li .btn-group button:last-child:hover {
    opacity: .8;
    color: #777777;
}

.footer {
    display: block;
    width: 100%;
    padding: 38px 0 0 0;
    background-color: #252525;
    border-top: 8px solid #56928f;
}

@media (max-width: 479px) {
    .footer .footerLink {
        text-align: center;
        margin-bottom: 25px;
    }
}

@media (min-width: 480px) {
    .footer .footerLink {
        text-align: center;
        margin-bottom: 25px;
    }
}

@media (min-width: 768px) {
    .footer .footerLink {
        text-align: left;
        margin-bottom: 0;
    }
}

.footer .footerLink h5 {
    letter-spacing: 1px;
    color: #5f5f5f;
    text-transform: uppercase;
    margin-bottom: 13px;
}

.footer .footerLink ul li {
    color: #acacac;
    font-size: 12px;
    line-height: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

    .footer .footerLink ul li a {
        color: #acacac;
        font-size: 12px;
        line-height: 20px;
    }

        .footer .footerLink ul li a:hover {
            color: rgba(255, 255, 255, 0.5);
        }

.footer .newsletter {
    display: block;
    text-align: center;
}

@media (min-width: 480px) {
    .footer .newsletter {
        float: none;
        margin: 0 auto;
        margin-bottom: 25px;
        width: 75%;
    }
}

@media (min-width: 768px) {
    .footer .newsletter {
        float: right;
        margin-bottom: 0;
        width: 90%;
    }
}

@media (min-width: 992px) {
    .footer .newsletter {
        width: 75%;
    }

   
}

.footer .newsletter h4 {
    color: #5f5f5f;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.footer .newsletter h3 {
    color: #acacac;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 24px;
}

.footer .newsletter p {
    color: #acacac;
}

.footer .newsletter .input-group {
    display: block;
    width: 100%;
}

    .footer .newsletter .input-group .form-control, .footer .newsletter .input-group .input-group-addon {
        float: left;
        margin-right: 2%;
        border-radius: 0;
        border: none;
        background-color: #3b3b3b;
        height: 40px;
        line-height: 40px;
        padding: 0 14px;
        font-size: 13px;
        color: #999999;
    }

        .footer .newsletter .input-group .form-control:focus, .footer .newsletter .input-group .input-group-addon:focus {
            box-shadow: none;
        }

@media (max-width: 479px) {
    .footer .newsletter .input-group .form-control, .footer .newsletter .input-group .input-group-addon {
        width: 73%;
    }
}

@media (min-width: 480px) {
    .footer .newsletter .input-group .form-control, .footer .newsletter .input-group .input-group-addon {
        width: 73%;
    }
}

@media (min-width: 768px) {
    .footer .newsletter .input-group .form-control, .footer .newsletter .input-group .input-group-addon {
        width: 63%;
    }
}

@media (min-width: 992px) {
    .footer .newsletter .input-group .form-control, .footer .newsletter .input-group .input-group-addon {
        width: 65%;
        margin-right: 5%;
    }
}

.footer .newsletter .input-group .input-group-addon {
    display: inline-block;
    margin-right: 0;
    height: 40;
    padding: 0;
    text-align: center;
    line-height: 36px;
    border: 3px solid #56928f;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 479px) {
    .footer .newsletter .input-group .input-group-addon {
        width: 25%;
    }
}

@media (min-width: 480px) {
    .footer .newsletter .input-group .input-group-addon {
        width: 25%;
    }
}

@media (min-width: 768px) {
    .footer .newsletter .input-group .input-group-addon {
        width: 35%;
    }
}

@media (min-width: 992px) {
    .footer .newsletter .input-group .input-group-addon {
        width: 27%;
    }
}

.footer .newsletter .input-group .input-group-addon i {
    transition: all 0.3s ease-in-out;
    color: #56928f;
}

@media (min-width: 480px) {
    .footer .newsletter .input-group .input-group-addon i {
        margin-left: 7px;
    }
}

@media (min-width: 768px) {
    .footer .newsletter .input-group .input-group-addon i {
        margin-left: 3px;
    }
}

@media (min-width: 992px) {
    .footer .newsletter .input-group .input-group-addon i {
        margin-left: 7px;
       
    }
}

.footer .newsletter .input-group .input-group-addon:hover {
    background-color: #56928f;
    border-color: #56928f;
    color: #ffffff;
}

    .footer .newsletter .input-group .input-group-addon:hover i {
        color: #ffffff;
    }

.footer .footerLink .list-inline {
    margin-top: 25px;
}

    .footer .footerLink .list-inline li a {
        font-size: 17px;
    }

/*=== 4.1.2 COPY RIGHT ===*/
.copyright {
    display: block;
    width: 100%;
    min-height: 53px;
    background-color: #101010;
}

    .copyright p {
        color: #acacac;
        margin-bottom: 0;
        font-size: 13px;
        padding-top: 17px;
    }

@media (max-width: 479px) {
    .copyright p {
        text-align: center;
        font-size: 11px;
    }
}

@media (min-width: 480px) {
    .copyright p {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .copyright p {
        text-align: left;
    }
}

.copyright p a {
    color: inherit;
}

@media (max-width: 479px) {
    .copyright ul {
        text-align: center;
    }
}

@media (min-width: 480px) {
    .copyright ul {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .copyright ul {
        text-align: right;
    }
}

.copyright ul li {
    line-height: 53px;
    padding-left: 5px;
    padding-right: 5px;
}

    .copyright ul li a {
        display: block;
        line-height: 53px;
        font-size: 14px;
    }


.list-inline li {
    display: inline-block;
}

#login .modal-dialog .modal-content, #signup .modal-dialog .modal-content, .quick-view .modal-dialog .modal-content, .quick-view-drone .modal-dialog .modal-content {
    border-radius: 0;
    box-shadow: none;
    border: none;
}

    .quick-view .modal-dialog .modal-content .modal-body .media .media-body, .quick-view-drone .modal-dialog .modal-content .modal-body .media .media-body, .singleProduct .media .media-body {
        overflow: visible;
    }

        .quick-view .modal-dialog .modal-content .modal-body .media .media-body h3, .quick-view-drone .modal-dialog .modal-content .modal-body .media .media-body h3, .singleProduct .media .media-body h3 {
            font-weight: 700;
            margin-bottom: 7px;
            letter-spacing: 1px;
            font-size: 24px;
            color: #797979;
        }

        .quick-view .modal-dialog .modal-content .modal-body .media .media-body h3, .quick-view-drone .modal-dialog .modal-content .modal-body .media .media-body h3, .singleProduct .media .media-body h3 {
            margin-bottom: 26px;
        }

        .quick-view .modal-dialog .modal-content .modal-body .media .media-body p, .quick-view-drone .modal-dialog .modal-content .modal-body .media .media-body p, .singleProduct .media .media-body p {
            font-size: font-size3px;
            line-height: 24px;
            color: #797979;
            margin-bottom: 37px;
        }

        .quick-view .modal-dialog .modal-content .modal-body .media .media-body .quick-drop, .quick-view-drone .modal-dialog .modal-content .modal-body .media .media-body .quick-drop, .singleProduct .media .media-body .quick-drop {
            margin: 0 12px 38px 0;
            display: inline-block;
        }

        .quick-view .modal-dialog .modal-content .modal-body .media .media-body .btn-area, .quick-view-drone .modal-dialog .modal-content .modal-body .media .media-body .btn-area, .singleProduct .media .media-body .btn-area {
            display: block;
            width: 100%;
        }

            .quick-view .modal-dialog .modal-content .modal-body .media .media-body .btn-area .btn-primary, .quick-view-drone .modal-dialog .modal-content .modal-body .media .media-body .btn-area .btn-primary, .singleProduct .media .media-body .btn-area .btn-primary {
                padding: 0 30px;
                font-weight: 400;
                width: 196px;
                height: 55px;
                line-height: 55px;
                font-size: 13px;
                text-align: left;
                transition: all 0.3s ease-in-out;
                position: relative;
            }

                .quick-view .modal-dialog .modal-content .modal-body .media .media-body .btn-area .btn-primary i, .quick-view-drone .modal-dialog .modal-content .modal-body .media .media-body .btn-area .btn-primary i, .singleProduct .media .media-body .btn-area .btn-primary i {
                    position: absolute;
                    right: 20px;
                    top: 16px;
                    font-size: 22px;
                }

                .quick-view .modal-dialog .modal-content .modal-body .media .media-body .btn-area .btn-primary:hover, .quick-view-drone .modal-dialog .modal-content .modal-body .media .media-body .btn-area .btn-primary:hover, .singleProduct .media .media-body .btn-area .btn-primary:hover {
                    background: rgba(25, 61, 114, 0.8) !important;
                }

#login .modal-dialog, #signup .modal-dialog {
    margin: 30px auto 0 auto;
}

    #login .modal-dialog .modal-content .modal-header, #signup .modal-dialog .modal-content .modal-header {
        background-color: #56928f;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

        #login .modal-dialog .modal-content .modal-header .modal-title, #signup .modal-dialog .modal-content .modal-header .modal-title {
            text-align: center;
            color: #ffffff;
            font-weight: 700;
            text-transform: uppercase;
        }

        #login .modal-dialog .modal-content .modal-header .close, #signup .modal-dialog .modal-content .modal-header .close {
            opacity: 1;
            color: #ffffff;
            position: absolute;
            right: 0px;
            top: 0;
            font-size: 30px;
            cursor: pointer;
            padding: 0px 10px 5px;
            transform: translate(-15px, 15px);
        }

            #login .modal-dialog .modal-content .modal-header .close:hover, #signup .modal-dialog .modal-content .modal-header .close:hover, #login .modal-dialog .modal-content .modal-header .close:focus, #signup .modal-dialog .modal-content .modal-header .close:focus {
                opacity: .6;
                outline: none;
            }

@media (max-width: 479px) {
    #login .modal-dialog, #signup .modal-dialog {
        width: 270px;
    }
}

@media (min-width: 480px) {
    #login .modal-dialog, #signup .modal-dialog {
        width: 430px;
    }
}


/*=== 5. FORM ===*/
/*=== 5.1 FORM COMMON ===*/
.form-field .form-group .form-control, .form-body .panel .panel-body .form-group .form-control, .signUp .panel .panel-body .form-group .form-control, .lostPassword .panel .panel-body .form-group .form-control, .logIn .panel .panel-body .form-group .form-control, .commentsForm .form-group .form-control, #login .modal-dialog .modal-content .modal-body .form-group .form-control, #signup .modal-dialog .modal-content .modal-body .form-group .form-control, .stepsPage form .form-group .form-control, .profile .form-horizontal .form-group .form-control {
    border-radius: 0;
    background-color: #f0f0f0;
    border: none;
    height: 44px;
    line-height: 44px;
    box-shadow: none;
}

    .form-field .form-group .form-control:focus, .form-body .panel .panel-body .form-group .form-control:focus, .signUp .panel .panel-body .form-group .form-control:focus, .lostPassword .panel .panel-body .form-group .form-control:focus, .logIn .panel .panel-body .form-group .form-control:focus, .commentsForm .form-group .form-control:focus, #login .modal-dialog .modal-content .modal-body .form-group .form-control:focus, #signup .modal-dialog .modal-content .modal-body .form-group .form-control:focus, .stepsPage form .form-group .form-control:focus, .profile .form-horizontal .form-group .form-control:focus {
        box-shadow: none;
    }

.form-field, .form-body .panel .panel-body, .signUp .panel .panel-body, .lostPassword .panel .panel-body, .logIn .panel .panel-body, .commentsForm, #login .modal-dialog .modal-content .modal-body, #signup .modal-dialog .modal-content .modal-body {
    padding: 15px 30px;
}

    .form-field .form-group, .form-body .panel .panel-body .form-group, .signUp .panel .panel-body .form-group, .lostPassword .panel .panel-body .form-group, .logIn .panel .panel-body .form-group, .commentsForm .form-group, #login .modal-dialog .modal-content .modal-body .form-group, #signup .modal-dialog .modal-content .modal-body .form-group {
        margin-bottom: 30px;
    }

        .form-field .form-group label, .form-body .panel .panel-body .form-group label, .signUp .panel .panel-body .form-group label, .lostPassword .panel .panel-body .form-group label, .logIn .panel .panel-body .form-group label, .commentsForm .form-group label, #login .modal-dialog .modal-content .modal-body .form-group label, #signup .modal-dialog .modal-content .modal-body .form-group label {
            font-size: 13px;
        }

    .form-field .checkbox, .form-body .panel .panel-body .checkbox, .signUp .panel .panel-body .checkbox, .lostPassword .panel .panel-body .checkbox, .logIn .panel .panel-body .checkbox, .commentsForm .checkbox, #login .modal-dialog .modal-content .modal-body .checkbox, #signup .modal-dialog .modal-content .modal-body .checkbox {
        margin: 0 0 30px 0;
    }

        .form-field .checkbox label, .form-body .panel .panel-body .checkbox label, .signUp .panel .panel-body .checkbox label, .lostPassword .panel .panel-body .checkbox label, .logIn .panel .panel-body .checkbox label, .commentsForm .checkbox label, #login .modal-dialog .modal-content .modal-body .checkbox label, #signup .modal-dialog .modal-content .modal-body .checkbox label {
            font-size: 13px;
        }

    .form-field .btn-primary, .form-body .panel .panel-body .btn-primary, .signUp .panel .panel-body .btn-primary, .lostPassword .panel .panel-body .btn-primary, .logIn .panel .panel-body .btn-primary, .commentsForm .btn-primary, #login .modal-dialog .modal-content .modal-body .btn-primary, #signup .modal-dialog .modal-content .modal-body .btn-primary {
        transition: all 0.3s ease-in-out;
    }

        .form-field .btn-primary:hover, .form-body .panel .panel-body .btn-primary:hover, .signUp .panel .panel-body .btn-primary:hover, .lostPassword .panel .panel-body .btn-primary:hover, .logIn .panel .panel-body .btn-primary:hover, .commentsForm .btn-primary:hover, #login .modal-dialog .modal-content .modal-body .btn-primary:hover, #signup .modal-dialog .modal-content .modal-body .btn-primary:hover {
            opacity: .9;
        }

    .form-field .btn-link, .form-body .panel .panel-body .btn-link, .signUp .panel .panel-body .btn-link, .lostPassword .panel .panel-body .btn-link, .logIn .panel .panel-body .btn-link, .commentsForm .btn-link, #login .modal-dialog .modal-content .modal-body .btn-link, #signup .modal-dialog .modal-content .modal-body .btn-link {
        color: #56928f;
        text-transform: capitalize;
        transition: all 0.3s ease-in-out;
    }

        .form-field .btn-link:hover, .form-body .panel .panel-body .btn-link:hover, .signUp .panel .panel-body .btn-link:hover, .lostPassword .panel .panel-body .btn-link:hover, .logIn .panel .panel-body .btn-link:hover, .commentsForm .btn-link:hover, #login .modal-dialog .modal-content .modal-body .btn-link:hover, #signup .modal-dialog .modal-content .modal-body .btn-link:hover {
            text-decoration: none;
            color: #4dc8cf;
        }

.form-body .panel, .signUp .panel, .lostPassword .panel, .logIn .panel {
    border-radius: 0;
    border: none;
}

    .form-body .panel .panel-heading, .signUp .panel .panel-heading, .lostPassword .panel .panel-heading, .logIn .panel .panel-heading {
        background-color: #56928f;
        border-radius: 0;
        padding: 0 15px;
        height: 60px;
    }

        .form-body .panel .panel-heading h3, .signUp .panel .panel-heading h3, .lostPassword .panel .panel-heading h3, .logIn .panel .panel-heading h3 {
            text-align: center;
            text-transform: capitalize;
            margin-bottom: 0;
            font-weight: 400;
            color: #ffffff;
            line-height: 60px;
        }

    .form-body .panel .panel-body, .signUp .panel .panel-body, .lostPassword .panel .panel-body, .logIn .panel .panel-body {
        border: 3px solid #f0f0f0;
        border-top: none;
    }

        .form-body .panel .panel-body .btn-link span, .signUp .panel .panel-body .btn-link span, .lostPassword .panel .panel-body .btn-link span, .logIn .panel .panel-body .btn-link span {
            color: #797979;
        }

        .form-body .panel .panel-body .form-check .form-check-label, .signUp .panel .panel-body .form-check .form-check-label, .lostPassword .panel .panel-body .form-check .form-check-label, .logIn .panel .panel-body .form-check .form-check-label {
            font-size: 13px;
            font-weight: 400;
        }

            .form-body .panel .panel-body .form-check .form-check-label:before, .signUp .panel .panel-body .form-check .form-check-label:before, .lostPassword .panel .panel-body .form-check .form-check-label:before, .logIn .panel .panel-body .form-check .form-check-label:before {
                margin-top: -4px;
                background: #f0f0f0;
                border: none;
            }

        .form-body .panel .panel-body .checkbox-custom:checked + .checkbox-custom-label:before, .signUp .panel .panel-body .checkbox-custom:checked + .checkbox-custom-label:before, .lostPassword .panel .panel-body .checkbox-custom:checked + .checkbox-custom-label:before, .logIn .panel .panel-body .checkbox-custom:checked + .checkbox-custom-label:before {
            content: "\f00c";
            font-family: 'FontAwesome';
            color: #ffffff;
            background: #56928f;
            border: 0px solid #56928f;
        }

/*=== 5.4 FORM LOG IN ===*/
.logIn .btn-default {
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    font-weight: 700;
    letter-spacing: 1px;
}

    .logIn .btn-default i {
        margin-right: 5px;
    }

    .logIn .btn-default:hover, .logIn .btn-default:active, .logIn .btn-default:focus {
        opacity: .9;
        color: #ffffff;
    }

@media (max-width: 479px) {
    .logIn .btn-default {
        width: 100%;
        font-size: 11px;
    }
}

@media (min-width: 480px) {
    .logIn .btn-default {
        width: 48%;
        font-size: 11px;
    }
}

.pageHeader {
    height: 70px;
    margin-top: 60px;
}

@media (min-width: 992px) {
    .logIn .btn-default {
        font-size: 13px;
    }

    .pageHeader {
        height: 70px;
        margin-top: 0;
        margin-left: unset;
        margin-right: unset;
    }
}

@media (min-width: 1200px) {
    .logIn .btn-default {
        font-size: 16px;
    }

    .pageHeader {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.logIn .btn.btn-block {
    width: 100%;
}

.logIn .social-login {
    margin: 30px 0 20px;
    min-height: 45px;
}

    .logIn .social-login .btn.btn-social {
        height: 45px;
        line-height: 45px;
        font-size: 14px;
        margin-bottom: 10px;
        display: inline-block;
        max-width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 1px;
    }

.logIn .btn-primary {
    color: #ffffff;
}

@media (min-width: 480px) {
    .logIn {
        padding: 45px 0 25px 0;
    }
}

@media (min-width: 768px) {
    .logIn {
        padding: 90px 0 70px 0;
    }
}

.logIn .checkbox input[type=checkbox],
.logIn .checkbox-inline input[type=checkbox],
.logIn .radio input[type=radio],
.logIn .radio-inline input[type=radio] {
    margin-left: -21px;
}


.form-group {
    margin-bottom: 0px;
}

.input-group-addon {
    border-color: #f0f0f0;
    display: flex;
    align-items: center;
}

.form-control {
    height: auto;
    background-clip: border-box !important;
}

select.form-control:not([size]):not([multiple]) {
    height: unset;
}

.warning{
    border:2px solid red!important;

}

.red{
    color:red;
}

input.form-control, textarea.form-control, select.form-control {
    border-radius: 0px;
    font-size: 14px;
    line-height: 24px;
    border: 1px solid #f0f0f0;
    background-color: #ffffff;
    margin-bottom: 5px;
    font-weight: 300;
}

    input.form-control::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder, select.form-control::-webkit-input-placeholder {
        color: #797979;
    }

    input.form-control:-moz-placeholder, textarea.form-control:-moz-placeholder, select.form-control:-moz-placeholder {
        color: #797979;
    }

    input.form-control::-moz-placeholder, textarea.form-control::-moz-placeholder, select.form-control::-moz-placeholder {
        color: #797979;
    }

    input.form-control:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder, select.form-control:-ms-input-placeholder {
        color: #797979;
    }

    input.form-control.focus, input.form-control:focus, input.form-control.active, input.form-control:active, textarea.form-control.focus, textarea.form-control:focus, textarea.form-control.active, textarea.form-control:active, select.form-control.focus, select.form-control:focus, select.form-control.active, select.form-control:active {
        background-color: #ffffff;
        border-color: #f0f0f0;
        font-weight: 300;
        box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.05);
    }

    input.form-control.is-valid.focus, input.form-control.is-valid:focus, input.form-control.is-valid.active, input.form-control.is-valid:active, input.form-control.is-invalid.focus, input.form-control.is-invalid:focus, input.form-control.is-invalid.active, input.form-control.is-invalid:active {
        background-color: #ffffff;
        border-color: default;
        font-weight: 300;
        box-shadow: default;
    }

.text_input .form-group {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .text_input .form-group {
        margin-bottom: 20px;
    }
}

.text_input .form-group label {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #252525;
}

@media (min-width: 992px) {
    .text_input .form-group label {
        font-size: 16px;
    }
}

.text_input input.form-control, .text_input textarea.form-control, .text_input select.form-control {
    margin-bottom: 0px;
}

.form-group .helpText {
    position: absolute;
    top: 18px;
    right: 25px;
}

.selectOptions {
    margin-bottom: 0px;
}

    .selectOptions .sbHolder {
        background-color: transparent;
        border: none;
        margin: 0;
        border-radius: 0;
        border: 1px solid #e4e4e4;
    }

    .selectOptions .sbHolder, .selectOptions .sbSelector {
        width: 100% !important;
        height: 50px !important;
        line-height: 50px;
        background: #f0f0f0;
        border: none;
    }

    .selectOptions .sbOptions {
        width: 100% !important;
        background-color: #ffffff;
        border: 1px solid #e4e4e4;
        right: 0 !important;
        border-radius: 0;
        z-index: 100;
    }

        .selectOptions .sbOptions a {
            color: #797979;
            font-size: 13px;
            padding: 5px 15px;
            text-transform: uppercase;
        }

            .selectOptions .sbOptions a:hover {
                color: #56928f;
                background-color: transparent;
            }

        .selectOptions .sbOptions li:first-child a {
            padding-top: 10px;
        }

        .selectOptions .sbOptions li:last-child a {
            padding-bottom: 10px;
        }

        .selectOptions .sbOptions .sbToggle:hover, .selectOptions .sbOptions .sbToggle:focus, .selectOptions .sbOptions .sbToggle:active {
            color: inherit;
        }

    .selectOptions .sbHolder > a.sbToggle:after {
        position: absolute;
        content: '\f078';
        font-family: 'FontAwesome';
        top: 0px;
        right: 10px;
        font-size: 10px;
    }

    .selectOptions .sbHolder > a.sbToggle.sbToggleOpen:after {
        content: '\f077';
    }

.form-check-input {
    margin-left: 4px;
    margin-top: 6px;
    padding: 5px;
    opacity: 0;
}

.form-check-label {
    padding-left: 0px;
    margin-bottom: 25px;
    font-size: 15px;
    cursor: default;
    color: #252525;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: #ffffff;
    border: 1px solid #dedede;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-right: 10px;
    text-align: center;
    line-height: 20px;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #ffffff;
    background: #56928f;
    border: 0px solid #56928f;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    content: "\f111";
    font-size: 9px;
    font-family: 'FontAwesome';
    color: #ffffff;
    background: #56928f;
    border: 0px solid #56928f;
}

span.or {
    font-size: 15px;
    padding: 15px 0;
    display: block;
    color: #222222;
}

.checkbox-custom:checked + .checkbox-custom-label.default-checked:before,
.radio-custom:checked + .radio-custom-label.default-checked:before {
    background-color: #e5e5e5 !important;
    color: #797979 !important;
}

.checkbox-custom:checked + .checkbox-custom-label.disable-checked:before,
.radio-custom:checked + .radio-custom-label.disable-checked:before {
    background: #f2f2f2 !important;
    color: rgba(121, 121, 121, 0.5) !important;
}

h3.form_title {
    display: block;
    font-size: 25px;
    padding: 25px 30px;
    text-transform: capitalize;
    background: #f0f0f0;
}

form.register {
    border: 1px solid #e5e5e5;
    border-top: 0px;
    padding: 25px 30px;
}

    form.register .form-check label.checkbox-custom-label {
        color: #252525;
        margin-bottom: 0px;
    }

        form.register .form-check label.checkbox-custom-label:before {
            width: 16px;
            height: 16px;
            line-height: 16px;
        }

    form.register .form-check .checkbox-custom:checked + .checkbox-custom-label:before {
        font-size: 12px;
    }

    form.register .btn-link {
        color: #439fdb;
        text-decoration: none;
        font-size: 15px;
        display: inline-block;
    }

    form.register span.or {
        position: relative;
        font-weight: 700;
    }

        form.register span.or:before {
            content: '';
            position: absolute;
            left: 0;
            width: 47%;
            background: #e5e5e5;
            height: 1px;
            top: 50%;
        }

        form.register span.or:after {
            content: '';
            position: absolute;
            right: 0;
            width: 47%;
            background: #e5e5e5;
            height: 1px;
            top: 50%;
        }

    form.register .btn {
        font-weight: 700;
        margin-bottom: 20px;
    }

        form.register .btn.btn-facebook, form.register .btn.btn-twitter {
            margin-top: 20px;
            margin-bottom: 10px;
            text-transform: unset;
        }

p.form-footer {
    margin: 0;
    text-align: center;
    padding: 20px 0;
    border: 1px solid #e5e5e5;
    border-top: 0px;
    font-size: 15px;
}

.input-icon {
    position: relative;
}

    .input-icon .input-group-addon {
        background-color: transparent;
        border: 0px solid transparent;
        font-size: 16px;
        color: #797979;
        position: absolute;
        top: 0;
        padding: 0px;
        z-index: 55;
        margin: 17px 0px;
        left: 15px;
    }

.carouselColor {
    width: 100%;
    height: 100%;
}

img.fsImage {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

    .input-icon input {
        padding-left: 40px;
    }

    .input-icon.col-md-12 .input-group-addon {
        left: 27px;
    }

.form-inline {
    justify-content: space-between;
}

    .form-inline .input-group {
        width: 38%;
        position: relative;
    }

    .form-inline .uname, .form-inline .email, .form-inline .password {
        position: relative;
    }

.carousel-media-holder {
    height: calc(75vh);
    min-height: 500px;
    position: relative;
}

    .carousel video, .carousel-media-holder video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

 .middleCenter.carousel-Light {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    height: fit-content;
    max-width: 650px;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    padding: 30px;
    background: rgba(255,255,255,0.8);
    box-shadow: 5px 5px 5px #666;
    -moz-box-shadow: 5px 5px 5px #666;
    -webkit-box-shadow: 5px 5px 5px #666;
    border-radius: 10px;
}

.middleCenter.carousel-Dark {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    height: fit-content;
    max-width: 650px;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    padding: 30px;
    background: rgba(0,0,0,0.8);
    box-shadow: 5px 5px 5px #666;
    -moz-box-shadow: 5px 5px 5px #666;
    -webkit-box-shadow: 5px 5px 5px #666;
    border-radius: 10px;
}


.carousel-caption .pre-header {
    text-transform: uppercase;
    color: #56928f;
    font-weight: bold;
}

.textBlock {
    padding: 30px;
}

.carousel-caption.carousel-Dark .pre-header {
    color: #56928f;
}

a.btn.btn-carousel {
    background: #56928f;
    color: white;
    border-radius: 0;
    padding-left: 25px;
    padding-right: 25px;
}

.carousel-caption.carousel-Dark a.btn.btn-carousel {
    background: #56928f;
    color: white;
}

.carousel-caption.carousel-Dark h1, .carousel-caption.carousel-Dark p{
    color:white;
}



.fa-l {
    font-size: 6vh;
    opacity: 0.7;
}

.page-header {
    margin: 0 0 17px 0;
    padding-bottom: 9px;
    border-bottom: 3px solid #e4e4e4;
}
    .page-header h4 {
        margin-bottom: 0;
        font-size: 22px;
        text-transform: capitalize;
        font-weight: 400;
        letter-spacing: 1px;
    }

.mainContent {
    padding: 60px 0 60px 0;
}


.page-header {
    margin: 0 0 17px 0;
    padding-bottom: 9px;
    border-bottom: 3px solid #e4e4e4;
}

    .page-header h4 {
        margin-bottom: 0;
        font-size: 22px;
        text-transform: capitalize;
        font-weight: 400;
        letter-spacing: 1px;
    }

.masking-hover, .imageBox .productImage .productMasking, .whiteSection .featuredProducts .slide .productImage .productMasking, .mainContent .featuredProducts .slide .productImage .productMasking, .productsContent .productBox .productImage .productMasking, .whiteSection .featuredCollection .thumbnail .imageWrapper .masking, .mainContent .featuredCollection .thumbnail .imageWrapper .masking, .productListSingle .media .media-left .maskingImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(86, 146, 143, 0.9);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

    .content-center, .imageBox .productImage .productMasking ul, .whiteSection .featuredProducts .slide .productImage .productMasking ul, .mainContent .featuredProducts .slide .productImage .productMasking ul, .productsContent .productBox .productImage .productMasking ul {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.content-middle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.content-top, .whiteSection .featuredCollection .thumbnail .caption, .mainContent .featuredCollection .thumbnail .caption {
    position: absolute;
    top: 0;
    left: 0;
}

.content-bottom, .masking-btn, .whiteSection .featuredCollection .thumbnail .imageWrapper .masking .viewBtn, .mainContent .featuredCollection .thumbnail .imageWrapper .masking .viewBtn, .productListSingle .media .media-left .maskingImage .viewBtn {
    position: absolute;
    bottom: 0;
    left: 0;
}

.thumbnail {
    border: none;
    border-radius: 0;
    padding: 0;
}

    .thumbnail .caption {
        padding: 0;
    }

.btn-wishlist.active {
    color: #f00 !important;
}

    .btn-wishlist.active:hover {
        color: #f00;
    }

.imageBox, .whiteSection .featuredProducts .slide, .mainContent .featuredProducts .slide, .productsContent .productBox {
    height: auto;
    display: block;
    margin-bottom: 40px;
}

    .imageBox .productImage, .whiteSection .featuredProducts .slide .productImage, .mainContent .featuredProducts .slide .productImage, .productsContent .productBox .productImage {
        position: relative;
        margin-bottom: 20px;
        display: block;
        overflow: hidden;
    }

        .imageBox .productImage img, .whiteSection .featuredProducts .slide .productImage img, .mainContent .featuredProducts .slide .productImage img, .productsContent .productBox .productImage img {
            width: 100%;
            transition: all 0.3s ease-in-out;
            height: 100%;
            object-fit: contain;
        }

        .imageBox .productImage .productMasking ul, .whiteSection .featuredProducts .slide .productImage .productMasking ul, .mainContent .featuredProducts .slide .productImage .productMasking ul, .productsContent .productBox .productImage .productMasking ul {
            width: 168px;
            height: 56px;
            background: #fff;
            text-align: center;
            display: flex;
            justify-content: space-around;
            align-items: center;
        }

            .imageBox .productImage .productMasking ul li, .whiteSection .featuredProducts .slide .productImage .productMasking ul li, .mainContent .featuredProducts .slide .productImage .productMasking ul li, .productsContent .productBox .productImage .productMasking ul li {
                position: relative;
                width: 33.333%;
            }

                .imageBox .productImage .productMasking ul li::after, .whiteSection .featuredProducts .slide .productImage .productMasking ul li::after, .mainContent .featuredProducts .slide .productImage .productMasking ul li::after, .productsContent .productBox .productImage .productMasking ul li::after {
                    position: absolute;
                    content: '';
                    height: 24px;
                    border-right: 1px solid rgba(0, 0, 0, 0.1);
                    top: 50%;
                    transform: translateY(-50%);
                    right: 0;
                }

                .imageBox .productImage .productMasking ul li:last-child::after, .whiteSection .featuredProducts .slide .productImage .productMasking ul li:last-child::after, .mainContent .featuredProducts .slide .productImage .productMasking ul li:last-child::after, .productsContent .productBox .productImage .productMasking ul li:last-child::after {
                    display: none;
                }

                .imageBox .productImage .productMasking ul li a, .whiteSection .featuredProducts .slide .productImage .productMasking ul li a, .mainContent .featuredProducts .slide .productImage .productMasking ul li a, .productsContent .productBox .productImage .productMasking ul li a {
                    padding: 0;
                    width: 100%;
                    text-align: center;
                    border: none;
                    border-radius: 0px;
                    background-color: transparent;
                    font-size: 14px;
                    color: #252525;
                    transition: all 0.3s ease-in-out;
                }

                    .imageBox .productImage .productMasking ul li a:hover, .whiteSection .featuredProducts .slide .productImage .productMasking ul li a:hover, .mainContent .featuredProducts .slide .productImage .productMasking ul li a:hover, .productsContent .productBox .productImage .productMasking ul li a:hover {
                        color: #252525;
                    }

@media (min-width: 480px) {
    .imageBox .productImage, .whiteSection .featuredProducts .slide .productImage, .mainContent .featuredProducts .slide .productImage, .productsContent .productBox .productImage {
        width: 100%;
        height: 250px;
    }
}

.imageBox:hover .productImage img, .whiteSection .featuredProducts .slide:hover .productImage img, .mainContent .featuredProducts .slide:hover .productImage img, .productsContent .productBox:hover .productImage img {
    transform: scale(1.2);
}

.imageBox:hover .productMasking, .whiteSection .featuredProducts .slide:hover .productMasking, .mainContent .featuredProducts .slide:hover .productMasking, .productsContent .productBox:hover .productMasking {
    opacity: 1;
}

    .imageBox:hover .productMasking ul, .whiteSection .featuredProducts .slide:hover .productMasking ul, .mainContent .featuredProducts .slide:hover .productMasking ul, .productsContent .productBox:hover .productMasking ul {
        -webkit-animation: move-bottom 0.3s linear;
        animation: move-bottom 0.3s linear;
    }

.imageBox .productCaption, .whiteSection .featuredProducts .slide .productCaption, .mainContent .featuredProducts .slide .productCaption, .productsContent .productBox .productCaption {
    width: 100%;
    display: block;
    text-align: center;
}

@media (min-width: 768px) {
    .imageBox .productCaption, .whiteSection .featuredProducts .slide .productCaption, .mainContent .featuredProducts .slide .productCaption, .productsContent .productBox .productCaption {
        text-align: center;
    }
}

.navbar-brand img.img-fluid {
    max-width: 15vw;
}

.smallMenu {
    color: #56928f !important;
    font-size: 70% !important;
}

.imageBox .productCaption h4, .whiteSection .featuredProducts .slide .productCaption h4, .mainContent .featuredProducts .slide .productCaption h4, .productsContent .productBox .productCaption h4 {
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

    .imageBox .productCaption h4 a, .whiteSection .featuredProducts .slide .productCaption h4 a, .mainContent .featuredProducts .slide .productCaption h4 a, .productsContent .productBox .productCaption h4 a {
        color: #252525;
    }

.imageBox .productCaption h3, .whiteSection .featuredProducts .slide .productCaption h3, .mainContent .featuredProducts .slide .productCaption h3, .productsContent .productBox .productCaption h3 {
    color: #a5a5a5;
    font-size: 20px;
    font-weight: 700;
}

.imageBox .productCaption h5, .whiteSection .featuredProducts .slide .productCaption h5, .mainContent .featuredProducts .slide .productCaption h5, .productsContent .productBox .productCaption h5 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}

    .imageBox .productCaption h5 a, .whiteSection .featuredProducts .slide .productCaption h5 a, .mainContent .featuredProducts .slide .productCaption h5 a, .productsContent .productBox .productCaption h5 a {
        color: #252525;
    }

.imageBox .productCaption .offer-price, .whiteSection .featuredProducts .slide .productCaption .offer-price, .mainContent .featuredProducts .slide .productCaption .offer-price, .productsContent .productBox .productCaption .offer-price {
    font-size: 24px;
    font-weight: 700;
    color: #56928f;
    display: block;
    margin-bottom: 10px;
}

.imageBox .productCaption .regular-price, .whiteSection .featuredProducts .slide .productCaption .regular-price, .mainContent .featuredProducts .slide .productCaption .regular-price, .productsContent .productBox .productCaption .regular-price {
    font-size: 18px;
    color: #c5c5c5;
    display: block;
    margin-bottom: 25px;
}

.masking-btn, .whiteSection .featuredCollection .thumbnail .imageWrapper .masking .viewBtn, .mainContent .featuredCollection .thumbnail .imageWrapper .masking .viewBtn, .productListSingle .media .media-left .maskingImage .viewBtn {
    height: 50px;
    width: 165px;
    bottom: 35px;
    left: 30px;
    border: 3px solid #ffffff;
    font-weight: 700;
    text-transform: capitalize;
    color: #ffffff;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0;
    border-radius: 0;
    padding: 0;
    line-height: 45px;
    background-color: #ffffff;
    color: #252525;
}

    .masking-btn:hover, .whiteSection .featuredCollection .thumbnail .imageWrapper .masking .viewBtn:hover, .mainContent .featuredCollection .thumbnail .imageWrapper .masking .viewBtn:hover, .productListSingle .media .media-left .maskingImage .viewBtn:hover {
        background-color: transparent;
        color: #ffffff !important;
    }

.whiteSection, .mainContent {
    background-color: #ffffff;
}

@media (max-width: 479px) {
    .whiteSection, .mainContent {
        padding: 40px 0 40px 0;
    }
	

}

@media (max-width: 767px) {

	
	.main-content {

    margin-top: 50px;
}
}

@media (min-width: 480px) {
    .whiteSection, .mainContent {
        padding: 90px 0 0 0;
    }
}

@media (min-width: 768px) {
    .whiteSection, .mainContent {
        padding: 60px 0 60px 0;
    }
}

.whiteSection .featuredCollection .thumbnail, .mainContent .featuredCollection .thumbnail {
    cursor: pointer;
    margin-bottom: 40px;
}

    .whiteSection .featuredCollection .thumbnail .imageWrapper, .mainContent .featuredCollection .thumbnail .imageWrapper {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

        .whiteSection .featuredCollection .thumbnail .imageWrapper img, .mainContent .featuredCollection .thumbnail .imageWrapper img {
            transition: all 0.5s ease-in-out;
            width: 100%;
        }

    .whiteSection .featuredCollection .thumbnail:hover .imageWrapper .masking, .mainContent .featuredCollection .thumbnail:hover .imageWrapper .masking {
        opacity: 1;
    }

    .whiteSection .featuredCollection .thumbnail:hover .imageWrapper img, .mainContent .featuredCollection .thumbnail:hover .imageWrapper img {
        transform: scale(1.2);
    }

    .whiteSection .featuredCollection .thumbnail:hover .imageWrapper .viewBtn, .mainContent .featuredCollection .thumbnail:hover .imageWrapper .viewBtn {
        -webkit-animation: move-bottom 0.3s linear;
        animation: move-bottom 0.3s linear;
    }

    .whiteSection .featuredCollection .thumbnail .caption, .mainContent .featuredCollection .thumbnail .caption {
        top: 30px;
        left: 30px;
        z-index: 55;
    }

@media (min-width: 768px) {
    .whiteSection .featuredCollection .thumbnail .caption, .mainContent .featuredCollection .thumbnail .caption {
        top: 10px;
        left: 10px;
    }
}

@media (min-width: 992px) {
    .whiteSection .featuredCollection .thumbnail .caption, .mainContent .featuredCollection .thumbnail .caption {
        top: 30px;
        left: 30px;
    }
}

.whiteSection .featuredCollection .thumbnail .caption h3, .mainContent .featuredCollection .thumbnail .caption h3 {
    text-transform: capitalize;
    line-height: 26px;
    color: #252525;
    margin-bottom: 0px;
    font-size: 22px;
    font-weight: 700;
    transition: color 0.3s ease-in-out;
}

@media (min-width: 768px) {
    .whiteSection .featuredCollection .thumbnail .caption h3, .mainContent .featuredCollection .thumbnail .caption h3 {
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 992px) {
    .whiteSection .featuredCollection .thumbnail .caption h3, .mainContent .featuredCollection .thumbnail .caption h3 {
        font-size: 22px;
        line-height: 26px;
    }
}

.whiteSection .featuredCollection .thumbnail .caption small, .mainContent .featuredCollection .thumbnail .caption small {
    color: #797979;
    display: inline-block;
    font-size: 13px;
    line-height: 26px;
    transition: color 0.3s ease-in-out;
}

.whiteSection .featuredCollection .thumbnail:hover .caption h3, .whiteSection .featuredCollection .thumbnail:hover .caption small, .mainContent .featuredCollection .thumbnail:hover .caption h3, .mainContent .featuredCollection .thumbnail:hover .caption small {
    color: #ffffff;
}

.whiteSection .featuredProducts, .mainContent .featuredProducts {
    margin-bottom: 30px;
}

    .whiteSection .featuredProducts .slide .productImage:hover img, .mainContent .featuredProducts .slide .productImage:hover img {
        transform: scale(1.2);
    }

.whiteSection .latestArticles .thumbnail, .mainContent .latestArticles .thumbnail {
    margin-bottom: 30px;
    position: relative;
}

    .whiteSection .latestArticles .thumbnail .date-holder, .mainContent .latestArticles .thumbnail .date-holder {
        position: absolute;
        top: 20px;
        width: 55px;
        height: 60px;
        background: #fff;
        text-align: center;
        left: 20px;
        padding: 0px;
    }

        .whiteSection .latestArticles .thumbnail .date-holder p, .mainContent .latestArticles .thumbnail .date-holder p {
            margin-top: 8px;
            font-size: 22px;
            line-height: 26px;
        }

        .whiteSection .latestArticles .thumbnail .date-holder span, .mainContent .latestArticles .thumbnail .date-holder span {
            color: #252525;
            margin-top: 0px;
            text-transform: uppercase;
        }

    .whiteSection .latestArticles .thumbnail h5, .mainContent .latestArticles .thumbnail h5 {
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 26px;
        text-transform: capitalize;
        margin-bottom: 0;
        color: #252525;
        margin-top: 10px;
    }

        .whiteSection .latestArticles .thumbnail h5 a, .mainContent .latestArticles .thumbnail h5 a {
            font-size: inherit;
            letter-spacing: inherit;
            color: #252525;
        }

        .whiteSection .latestArticles .thumbnail h5 span, .mainContent .latestArticles .thumbnail h5 span {
            text-transform: capitalize;
            color: #bcbcbc;
        }

            .whiteSection .latestArticles .thumbnail h5 span a, .mainContent .latestArticles .thumbnail h5 span a {
                color: #bcbcbc;
                text-decoration: underline !important;
            }

    .whiteSection .latestArticles .thumbnail span, .mainContent .latestArticles .thumbnail span {
        color: #797979;
        display: block;
        margin-bottom: 10px;
        margin-top: 5px;
    }

        .whiteSection .latestArticles .thumbnail span a, .mainContent .latestArticles .thumbnail span a {
            color: #797979;
            text-decoration: underline !important;
            transition: color 0.3s ease;
        }

            .whiteSection .latestArticles .thumbnail span a:hover, .mainContent .latestArticles .thumbnail span a:hover {
                color: #56928f;
            }

    .whiteSection .latestArticles .thumbnail img, .mainContent .latestArticles .thumbnail img {
        width: 100%;
    }

    .whiteSection .latestArticles .thumbnail p, .mainContent .latestArticles .thumbnail p {
        margin-bottom: 0;
        color: #252525;
        line-height: 22px;
    }

.margin-bottom {
    margin-bottom: 40px;
}

.btn-primary {
    background-color: #56928f !important;
    border: 1px solid #56928f !important;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary.active, .btn-primary:active {
        background-color: #56928f !important;
        border: 1px solid #56928f !important;
    }

.btn {
    border: none;
    border-radius: 0px;
    height: 40px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 40px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    color: #ffffff;
    transition: all 0.3s ease-in-out;
}

.form-check {
    padding-left:0;
}


.featuredCollection.version2 button.slick-arrow, .featuredProducts button.slick-arrow, .dealSlider button.slick-arrow, .testimonialSlider button.slick-arrow {
    top: -40px;
}

    .featuredCollection.version2 button.slick-arrow.slick-prev:before, .featuredCollection.version2 button.slick-arrow.slick-next:before, .featuredProducts button.slick-arrow.slick-prev:before, .featuredProducts button.slick-arrow.slick-next:before, .dealSlider button.slick-arrow.slick-prev:before, .dealSlider button.slick-arrow.slick-next:before, .testimonialSlider button.slick-arrow.slick-prev:before, .testimonialSlider button.slick-arrow.slick-next:before {
        font-family: FontAwesome;
        font-size: 11px;
        line-height: 1;
        opacity: 1;
        color: #d5d5d5;
    }

    .featuredCollection.version2 button.slick-arrow.slick-prev, .featuredProducts button.slick-arrow.slick-prev, .dealSlider button.slick-arrow.slick-prev, .testimonialSlider button.slick-arrow.slick-prev {
        left: auto;
        right: 48px;
    }

        .featuredCollection.version2 button.slick-arrow.slick-prev:before, .featuredProducts button.slick-arrow.slick-prev:before, .dealSlider button.slick-arrow.slick-prev:before, .testimonialSlider button.slick-arrow.slick-prev:before {
            content: '\f053';
        }

        .featuredCollection.version2 button.slick-arrow.slick-prev:after, .featuredProducts button.slick-arrow.slick-prev:after, .dealSlider button.slick-arrow.slick-prev:after, .testimonialSlider button.slick-arrow.slick-prev:after {
            position: absolute;
            content: '';
            border: 1px solid #c5c5c5;
            height: 20px;
            right: -7px;
            top: 0px;
        }

        .featuredCollection.version2 button.slick-arrow.slick-prev:hover:before, .featuredProducts button.slick-arrow.slick-prev:hover:before, .dealSlider button.slick-arrow.slick-prev:hover:before, .testimonialSlider button.slick-arrow.slick-prev:hover:before {
            color: #2c2c2c;
        }

    .featuredCollection.version2 button.slick-arrow.slick-next, .featuredProducts button.slick-arrow.slick-next, .dealSlider button.slick-arrow.slick-next, .testimonialSlider button.slick-arrow.slick-next {
        left: auto;
        right: 15px;
    }

        .featuredCollection.version2 button.slick-arrow.slick-next:before, .featuredProducts button.slick-arrow.slick-next:before, .dealSlider button.slick-arrow.slick-next:before, .testimonialSlider button.slick-arrow.slick-next:before {
            content: '\f054';
        }

        .featuredCollection.version2 button.slick-arrow.slick-next:hover:before, .featuredProducts button.slick-arrow.slick-next:hover:before, .dealSlider button.slick-arrow.slick-next:hover:before, .testimonialSlider button.slick-arrow.slick-next:hover:before {
            color: #2c2c2c;
        }


/*=== 8. SIDEBARS ===*/
.sideBar .panel {
    border-radius: 0;
    border: none;
    margin-bottom: 20px;
}

    .sideBar .panel .panel-heading {
        background-color: #56928f;
        border-radius: 0;
        padding: 0 15px;
        height: 45px;
        line-height: 45px;
        font-size: 15px;
        font-weight: 700;
        text-transform: uppercase;
        color: #ffffff;
    }

    .sideBar .panel .panel-body {
        border: 3px solid #f0f0f0;
        border-top: none;
        padding: 15px;
    }

.sideBar .input-group {
    border: 3px solid #f0f0f0;
}

    .sideBar .input-group .form-control,
    .sideBar .input-group .input-group-addon {
        border: none;
    }

.navbar-side-collapse .side-nav li a, .filterNormal .list-unstyled li a {
    font-size: 14px;
    color: #252525;
    line-height: 22px;
    padding: 0;
    transition: all 0.3s ease-in-out;
    display: block;
}

.sub-list-item, .navbar-side-collapse .side-nav li .collapseItem li a, .sidebar-list li a {
    font-size: 13px !important;
    color: #888888;
    width: 100%;
    display: block;
    line-height: 20px;
    padding: 7px 0 7px 14px;
    transition: all 0.3s ease-in-out;
}

    .sub-list-item i, .navbar-side-collapse .side-nav li .collapseItem li a i, .sidebar-list li a i {
        right: auto;
        left: 0;
        line-height: 20px;
        position: absolute;
    }

    .sub-list-item:hover, .navbar-side-collapse .side-nav li .collapseItem li a:hover, .sidebar-list li a:hover {
        color: #56928f;
    }

.navbar-side-collapse {
    padding: 0;
    display: block !important;
}

    .navbar-side-collapse .side-nav {
        width: 100%;
        margin: 0;
    }

        .navbar-side-collapse .side-nav li {
            width: 100%;
            margin-bottom: 15px;
        }

            .navbar-side-collapse .side-nav li a {
                background-color: transparent;
                position: relative;
            }

                .navbar-side-collapse .side-nav li a i {
                    font-size: 12px;
                    line-height: 22px;
                    position: absolute;
                    right: 0;
                }

                .navbar-side-collapse .side-nav li a:hover {
                    color: #56928f;
                }

                .navbar-side-collapse .side-nav li a[aria-expanded="true"] i:before {
                    content: "" !important;
                }

            .navbar-side-collapse .side-nav li .collapseItem li {
                margin-bottom: 0 !important;
            }

.filterNormal .list-unstyled {
    width: 100%;
}

    .filterNormal .list-unstyled li {
        width: 100%;
    }

        .filterNormal .list-unstyled li a {
            padding: 10px 0;
        }

            .filterNormal .list-unstyled li a:hover {
                color: #56928f;
            }

            .filterNormal .list-unstyled li a span {
                margin-left: 10px;
            }

.priceRange .progress {
    margin: 20px 0 25px 0;
    height: 4px;
    background-color: #f0f0f0;
    position: relative;
    overflow: visible;
}

    .priceRange .progress .progress-bar {
        background-color: #252525;
    }

    .priceRange .progress .bulet {
        width: 16px;
        height: 16px;
        background-color: #ffffff;
        border: 2px solid #252525;
        border-radius: 100%;
        left: 0px;
        top: -5px;
        position: absolute;
    }

        .priceRange .progress .bulet.next {
            left: 60px;
        }

.priceRange .btn-default {
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-transform: uppercase;
    background-color: #252525;
    border-radius: 0;
    border: none;
    color: #ffffff;
    font-weight: 700;
}

@media (max-width: 479px) {
    .priceRange .btn-default {
        width: 82px;
        font-size: 14px;
    }
}

@media (min-width: 480px) {
    .priceRange .btn-default {
        width: 82px;
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .priceRange .btn-default {
        width: 50px;
        font-size: 10px;
    }
}

@media (min-width: 992px) {
    .priceRange .btn-default {
        width: 45px;
        font-size: 10px;
    }
}

@media (min-width: 1200px) {
    .priceRange .btn-default {
        width: 82px;
        font-size: 14px;
    }
}

.priceRange .priceLabel {
    float: right;
    line-height: 30px;
    color: #252525;
}

@media (min-width: 480px) {
    .priceRange .priceLabel {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .priceRange .priceLabel {
        font-size: 11px;
    }
}

@media (min-width: 992px) {
    .priceRange .priceLabel {
        font-size: 14px;
    }
}

.sidebar-list li a {
    position: relative;
}

.recentBlogPosts .media-heading {
    text-transform: capitalize;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 12px;
}

@media (min-width: 480px) {
    .recentBlogPosts .media-heading {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .recentBlogPosts .media-heading {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .recentBlogPosts .media-heading {
        font-size: 14px;
    }
}

.recentBlogPosts .media-heading a {
    color: #252525;
}

.recentBlogPosts p {
    color: #797979;
}

    .recentBlogPosts p i {
        margin-right: 8px;
    }

@media (min-width: 480px) {
    .recentBlogPosts p {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .recentBlogPosts p {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .recentBlogPosts p {
        font-size: 14px;
    }
}

.priceRange {
    position: relative;
}

    .priceRange .price-slider-inner {
        display: block;
        margin: 15px 0 25px 0;
    }

        .priceRange .price-slider-inner .amount-wrapper {
            position: absolute;
            bottom: 25px;
            right: 20px;
            font-size: 14px;
            width: 120px;
            right: 15px;
        }

            .priceRange .price-slider-inner .amount-wrapper input {
                background-color: transparent;
                border: 0;
                width: 28%;
                font-size: 14px;
                color: #252525;
                font-weight: 700;
                text-align: right;
            }

        .priceRange .price-slider-inner .ui-widget-content {
            background: none;
            border: 0;
            background-color: #f0f0f0;
            height: 4px;
            clear: both;
            border-radius: 0;
            margin: 0 5px 0 9px;
        }

            .priceRange .price-slider-inner .ui-widget-content .ui-slider-range {
                background-color: #252525;
                border: none;
                border-radius: 0;
            }

            .priceRange .price-slider-inner .ui-widget-content .ui-slider-handle {
                border-radius: 50%;
                background: none;
                border: 3px solid #252525;
                background-color: #ffffff;
                top: -6px;
                width: 16px;
                height: 16px;
                outline: none;
            }


/*=== 9. PRODUCTS ===*/
/*=== 9.1 PRODUCTS COMMON ===*/
@media (min-width: 768px) {
    .productsContent .productBox .productImage {
        width: 100%;
        height: auto;
    }
}

@media (min-width: 992px) {
    .productsContent .productBox .productImage {
        width: 100%;
        height: 250px;
    }

    .productsContent .productListSingle .productBox .productImage {
        width: 100%;
        height: 130px;
    }
}

.filterArea {
    margin-bottom: 30px;
}

    .filterArea .btn-group .btn-default {
        height: 35px;
        padding: 0;
        line-height: 33px;
        border-radius: 0;
        border-color: #d0d0d0;
        margin: 0 0 0 5px;
        font-size: 15px;
        text-transform: capitalize;
        font-weight: 400;
        color: #252525;
        box-shadow: none;
        transition: all 0.3s ease-in-out;
    }

@media (max-width: 479px) {
    .filterArea .btn-group .btn-default span {
        display: none;
    }
}

@media (min-width: 480px) {
    .filterArea .btn-group .btn-default span {
        padding-left: 8px;
        display: inline-block;
    }
}

@media (min-width: 768px) {
    .filterArea .btn-group .btn-default i {
        margin-right: 6px;
    }
}

.filterArea .btn-group .btn-default:hover, .filterArea .btn-group .btn-default.active {
    background-color: #56928f;
    color: #ffffff;
    border-color: #56928f;
}

@media (max-width: 479px) {
    .filterArea .btn-group .btn-default {
        width: 40px;
    }
}

@media (min-width: 480px) {
    .filterArea .btn-group .btn-default {
        width: 88px;
    }
}

.productListSingle .media {
    margin-bottom: 50px;
}

    .productListSingle .media .media-left {
        position: relative;
        padding-right: 0;
        overflow: hidden;
    }

        .productListSingle .media .media-left img {
            transition: all 0.5s ease-in-out;
        }

        .productListSingle .media .media-left .maskingImage .viewBtn {
            width: 175px;
            padding: 0;
            line-height: 55px;
        }

@media (max-width: 479px) {
    .productListSingle .media .media-left {
        float: none !important;
        display: block;
        margin: 0 0 20px 0;
    }

        .productListSingle .media .media-left img {
            width: 100%;
            height: auto;
        }
}

@media (min-width: 480px) {
    .productListSingle .media .media-left {
        float: none !important;
        display: block;
        margin: 0 0 20px 0;
    }

        .productListSingle .media .media-left img {
            width: 100%;
            height: auto;
        }
}

@media (min-width: 768px) {
    .productListSingle .media .media-left {
        float: left !important;
        margin-right: 30px;
        display: inline-block;
        width: 126px;
    }

        .productListSingle .media .media-left img {
            width: 100%;
            height: auto;
        }
}

.productListSingle .media .media-body .media-heading a {
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
    color: inherit;
    display: block;
}

.productListSingle .media .media-body p {
    font-size: 14px;
    color: #888888;
    line-height: 22px;
    margin-top: 5px;
    margin-bottom: 25px;
}

.productListSingle .media .media-body h3 {
    color: #c5c5c5;
    font-weight: 700;
    margin-bottom: 25px;
    font-size: 24px;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    margin-right: 20px;
}

@media (min-width: 992px) {
    .productListSingle .media .media-body h3 {
        display: block;
        margin-right: 0;
    }
}

.productListSingle .media .media-body .btn-group .btn-default {
    border-radius: 0;
    width: 35px;
    height: 35px;
    line-height: 33px !important;
    padding: 0;
    text-align: center;
    margin-right: 7px;
    border: 1px solid #d0d0d0;
    background: transparent;
    transition: all 0.3s ease-in-out;
}

    .productListSingle .media .media-body .btn-group .btn-default i {
        transition: all 0.3s ease-in-out;
        color: #888888;
    }

    .productListSingle .media .media-body .btn-group .btn-default:hover, .productListSingle .media .media-body .btn-group .btn-default:focus {
        background-color: #56928f;
        border-color: #56928f;
    }

        .productListSingle .media .media-body .btn-group .btn-default:hover i, .productListSingle .media .media-body .btn-group .btn-default:focus i {
            color: #ffffff;
        }

.productListSingle .media:hover .pull-left img {
    transform: scale(1.2);
}

.productListSingle .media:hover .maskingImage {
    opacity: 1;
}

    .productListSingle .media:hover .maskingImage .viewBtn {
        -webkit-animation: itemMove 0.3s linear;
        animation: itemMove 0.3s linear;
    }

.productListSingle .media:hover .media-heading,
.productListSingle .media:hover h3 {
    color: #56928f;
}

/*=== 9.2 SINGLE PRODUCTS ===*/
.singleProduct .media {
    margin-bottom: 70px;
}

@media (max-width: 479px) {
    .singleProduct .media .productSlider {
        width: 100%;
        padding: 0 0 30px 0;
    }
}

@media (min-width: 480px) {
    .singleProduct .media .productSlider {
        width: 100%;
        padding: 0 0 30px 0;
    }
}

@media (min-width: 768px) {
    .singleProduct .media .productSlider {
        width: 100%;
        padding: 0 0 30px 0;
    }
}

@media (min-width: 992px) {
    .singleProduct .media .productSlider {
        width: 489px;
        padding: 0 30px 0 0;
    }
}

.singleProduct .media .productSlider #carousel {
    margin-bottom: 20px;
}

    .singleProduct .media .productSlider #carousel .item img {
        width: 100%;
    }

.singleProduct .media .productSlider #thumbcarousel .thumb {
    width: 23.35%;
    cursor: pointer;
    float: left;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 479px) {
    .singleProduct .media .productSlider #thumbcarousel .thumb {
        margin-right: 2.1%;
    }
}

@media (min-width: 480px) {
    .singleProduct .media .productSlider #thumbcarousel .thumb {
        margin-right: 2.1%;
    }
}

@media (min-width: 768px) {
    .singleProduct .media .productSlider #thumbcarousel .thumb {
        margin-right: 2.1%;
    }
}

@media (min-width: 992px) {
    .singleProduct .media .productSlider #thumbcarousel .thumb {
        margin-right: 10px;
    }
}

.singleProduct .media .productSlider #thumbcarousel .thumb img {
    width: 100%;
}

.singleProduct .media .productSlider #thumbcarousel .thumb:last-child {
    margin-right: 0;
}

.singleProduct .media .productSlider #thumbcarousel .thumb:hover {
    opacity: .8;
}

.singleProduct .media .productSlider #thumbcarousel .carousel-control {
    display: none;
}

@media (max-width: 479px) {
    .singleProduct .media .media-body {
        display: block;
        width: 100%;
    }
}

@media (min-width: 480px) {
    .singleProduct .media .media-body {
        display: block;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .singleProduct .media .media-body {
        display: table-cell;
    }
}

.singleProduct .media .media-body .list-inline {
    margin-bottom: 30px;
}

    .singleProduct .media .media-body .list-inline li {
        margin-right: 30px;
    }

        .singleProduct .media .media-body .list-inline li a {
            color: #797979;
            transition: all 0.3s ease-in-out;
        }

            .singleProduct .media .media-body .list-inline li a i {
                margin-right: 8px;
            }

            .singleProduct .media .media-body .list-inline li a:hover {
                opacity: .8;
            }

.singleProduct .media .media-body h2 {
    font-size: 32px;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.singleProduct .media .media-body > p {
    margin: 40px 0 45px;
}

.singleProduct .media .media-body .btn-area {
    margin-bottom: 40px;
}

.singleProduct .media .media-body .tabArea .nav-tabs li a.nav-link {
    text-transform: uppercase;
    border: none;
    line-height: 1;
    color: #797979;
    transition: all 0.3s ease-in-out;
}

    .singleProduct .media .media-body .tabArea .nav-tabs li a.nav-link:hover {
        color: #252525;
        background-color: transparent;
    }

@media (max-width: 479px) {
    .singleProduct .media .media-body .tabArea .nav-tabs li a.nav-link {
        font-size: 10px;
        padding: 10px;
    }
}

@media (min-width: 480px) {
    .singleProduct .media .media-body .tabArea .nav-tabs li a.nav-link {
        font-size: 13px;
        padding: 10px 15px;
    }
}

.singleProduct .media .media-body .tabArea .nav-tabs li a.nav-link:before {
    bottom: -1px;
    border-bottom: 1px solid #252525;
}

.singleProduct .media .media-body .tabArea .nav-tabs li a.nav-link.active {
    color: #252525;
}

.singleProduct .media .media-body .tabArea .tab-content {
    color: #797979;
}

    .singleProduct .media .media-body .tabArea .tab-content p {
        color: #797979;
        font-size: 13px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .singleProduct .media .media-body .tabArea .tab-content .list-unstyled {
        padding-left: 15px;
    }

        .singleProduct .media .media-body .tabArea .tab-content .list-unstyled li {
            list-style-type: square;
            font-size: 13px;
            line-height: 24px;
        }

@media (max-width: 479px) {
    .singleProduct .media .media-body .tabArea {
        width: 100%;
    }
}

@media (min-width: 480px) {
    .singleProduct .media .media-body .tabArea {
        width: 348px;
    }
}

@media (min-width: 768px) {
    .singleProduct .media .media-body .tabArea {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .singleProductTab .media .media-body .tabArea .nav-tabs a.nav-link {
        padding: 10px 50px !important;
    }
}

@media (min-width: 992px) {
    .singleProductTab .media .media-body .tabArea .nav-tabs a.nav-link {
        padding: 10px 80px !important;
    }
}

@media (min-width: 1200px) {
    .singleProductTab .media .media-body .tabArea .nav-tabs a.nav-link {
        padding: 10px 100px !important;
    }
}

/*=== 9.3 CART PRODUCTS ===*/
.cartListInner .updateArea .input-group .form-control, .cartListInner .updateArea .input-group .input-group-addon {
    border-radius: 0;
    box-shadow: none;
    height: 40px;
    background-color: #ffffff;
    border: 2px solid #d0d0d0;
}

.cartListInner .updateArea .input-group .input-group-addon {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
}

.cartListInner .row.totalAmountArea {
    margin: 0;
}

.cartListInner .updateArea, .cartListInner .totalAmountArea, .cartListInner .checkBtnArea {
    display: block;
    float: left;
    padding: 20px 30px;
    width: 100%;
    border-left: 5px solid #f0f0f0;
    border-right: 5px solid #f0f0f0;
    border-bottom: 3px solid #f0f0f0;
}

.cartListInner .table-responsive .table thead tr th, .orderBox .table-responsive .table thead tr th {
    background-color: #56928f;
    padding: 0;
    height: 55px;
    vertical-align: middle;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    padding-left: 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: none;
}

.cartListInner .table-responsive .table tbody tr td, .orderBox .table-responsive .table tbody tr td {
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 3px solid #f0f0f0;
    border-top: none;
    position: relative;
}

    .cartListInner .table-responsive .table tbody tr td .close, .orderBox.myAddress .table-responsive .table tbody tr td .close {
        position: absolute;
        left: 0;
        float: left;
        font-size: 22px;
        margin-right: 30px;
        color: #56928f;
        opacity: 1;
        line-height: 74px;
        font-weight: normal;
        transition: all 0.3s ease-in-out;
    }

        .cartListInner .table-responsive .table tbody tr td .close:hover, .orderBox.myAddress .table-responsive .table tbody tr td .close:hover {
            opacity: .8;
        }

@media (min-width: 768px) {
    .cartListInner .table-responsive .table tbody tr td .close, .orderBox.myAddress .table-responsive .table tbody tr td .close {
        margin-right: 5px;
    }
}

@media (min-width: 992px) {
    .cartListInner .table-responsive .table tbody tr td .close, .orderBox.myAddress .table-responsive .table tbody tr td .close {
        position: relative;
        margin-right: 30px;
    }
}

.cartListInner .table-responsive {
    margin-bottom: 0;
}

@media (min-width: 480px) {
    .cartListInner .table-responsive {
        overflow-x: auto;
    }
}

@media (min-width: 768px) {
    .cartListInner .table-responsive {
        overflow-x: visible;
    }
}

.cartListInner .table-responsive .table {
    margin-bottom: 0;
}

    .cartListInner .table-responsive .table thead tr {
        border-left: 3px solid #56928f;
        border-right: 3px solid #56928f;
    }

        .cartListInner .table-responsive .table thead tr th {
            letter-spacing: 1px;
            border-top: none;
        }

            .cartListInner .table-responsive .table thead tr th:last-child {
                border-right: none;
            }

@media (max-width: 479px) {
    .cartListInner .table-responsive .table thead tr th:first-child {
        display: none;
    }
}

@media (min-width: 480px) {
    .cartListInner .table-responsive .table thead tr th:first-child {
        display: none;
    }
}

@media (min-width: 768px) {
    .cartListInner .table-responsive .table thead tr th:first-child {
        display: table-cell;
    }
}

.cartListInner .table-responsive .table tbody tr {
    border-left: 3px solid #f0f0f0;
    border-right: 3px solid #f0f0f0;
}

    .cartListInner .table-responsive .table tbody tr td {
        font-size: 16px;
        text-transform: capitalize;
        font-weight: 400;
    }

@media (min-width: 480px) {
    .cartListInner .table-responsive .table tbody tr td {
        padding: 10px;
    }
}

@media (min-width: 768px) {
    .cartListInner .table-responsive .table tbody tr td {
        padding: 10px;
    }
}

@media (min-width: 768px) {
    .cartListInner .table-responsive .table tbody tr td {
        padding-left: 20px;
    }
}

.cartListInner .table-responsive .table tbody tr td .close {
    position: relative;
    left: 0;
    font-size: 22px;
}

.cartListInner .table-responsive .table tbody tr td .cartImage {
    display: inline-block;
    float: left;
}

.cartListInner .table-responsive .table tbody tr td:nth-child(3) {
    color: #888888;
}

.cartListInner .table-responsive .table tbody tr td input {
    width: 20px;
    height: 40px;
    text-align: center;
    color: #333333;
    font-weight: 700;
    border: 1px solid #e4e4e4;
    margin: 0 -3px;
    border-left: 0px;
    border-right: 0px;
}

@media (min-width: 768px) {
    .cartListInner .table-responsive .table tbody tr td input {
        width: 40px;
    }
}

.cartImage img {
    width: 75px;
    height: 75px;
    object-fit: contain;
}

@media (max-width: 479px) {
    .cartListInner .table-responsive .table tbody tr td:first-child {
        display: none;
    }
}

@media (min-width: 480px) {
    .cartListInner .table-responsive .table tbody tr td:first-child {
        display: none;
    }
}

@media (min-width: 768px) {
    .cartListInner .table-responsive .table tbody tr td:first-child {
        display: table-cell;
    }
}

.cartListInner .table-responsive .table tbody tr td.count-input a {
    color: #a5a5a5;
    font-size: 10px;
    padding: 4px 6px 0px;
    display: inline-block;
    border: 1px solid #e4e4e4;
    line-height: 34px;
    height: 40px;
    left: -1px;
    position: relative;
}

@media (min-width: 768px) {
    .cartListInner .table-responsive .table tbody tr td.count-input a {
        padding: 4px 10px 0px;
    }
}

.cartListInner .updateArea .input-group {
    float: left;
}

@media (max-width: 479px) {
    .cartListInner .updateArea .input-group {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media (min-width: 480px) {
    .cartListInner .updateArea .input-group {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .cartListInner .updateArea .input-group {
        width: 435px;
        margin-bottom: 0;
    }
}

.cartListInner .updateArea .input-group .form-control {
    margin-right: 10px;
    margin-right: 10px;
    border-color: #e4e4e4;
    font-size: 13px;
}

@media (max-width: 479px) {
    .cartListInner .updateArea .input-group .form-control {
        width: 50%;
    }
}

@media (min-width: 480px) {
    .cartListInner .updateArea .input-group .form-control {
        width: 60%;
    }
}

@media (min-width: 768px) {
    .cartListInner .updateArea .input-group .form-control {
        width: 285px;
    }
}

.cartListInner .updateArea .input-group .input-group-addon {
    transition: all 0.3s ease-in-out;
}

    .cartListInner .updateArea .input-group .input-group-addon:hover {
        opacity: .8;
    }

@media (max-width: 479px) {
    .cartListInner .updateArea .input-group .input-group-addon {
        width: 45%;
        font-size: 10px;
    }
}

@media (min-width: 480px) {
    .cartListInner .updateArea .input-group .input-group-addon {
        width: 35%;
    }
}

@media (min-width: 768px) {
    .cartListInner .updateArea .input-group .input-group-addon {
        width: 140px;
    }
}

.cartListInner .updateArea .btn {
    display: inline-block;
    transition: all 0.3s ease-in-out;
    color: #252525;
    font-size: 13px;
    font-weight: 700;
}

    .cartListInner .updateArea .btn.btn-primary-outlined:hover {
        color: #ffffff;
    }

.cartListInner .totalAmountArea .list-unstyled li {
    font-weight: 400;
    text-align: right;
    margin: 10px 0;
    font-size: 15px;
}

    .cartListInner .totalAmountArea .list-unstyled li span {
        width: 108px;
        display: inline-block;
        color: #888888;
    }

    .cartListInner .totalAmountArea .list-unstyled li .grandTotal {
        color: #252525;
    }

.cartListInner .checkBtnArea {
    border-bottom-width: 5px;
}

    .cartListInner .checkBtnArea .btn-primary {
        float: right;
        letter-spacing: 1px;
        font-weight: 700;
        transition: all 0.3s ease-in-out;
    }

        .cartListInner .checkBtnArea .btn-primary i {
            margin-left: 10px;
        }

        .cartListInner .checkBtnArea .btn-primary:hover {
            opacity: .8;
        }

.SingleListStyle {
    padding-left: 0 !important;
}

    .SingleListStyle li {
        list-style-type: none !important;
        font-size: 15px !important;
        color: #000 !important;
    }

        .SingleListStyle li span {
            color: #888 !important;
        }

/*=== productSlider ===*/
.SingleProductItem {
    position: relative;
    transition: all 0.3s ease-in-out;
}

    .SingleProductItem:hover .SingleProductImage img {
        transform: scale(1.2);
    }

    .SingleProductItem:hover .productMasking a,
    .SingleProductItem:hover .MaskingIcon i,
    .SingleProductItem:hover .product-content {
        opacity: 1;
    }

    .SingleProductItem:hover .video-icon a {
        border-color: #fff;
        color: #fff;
    }

    .SingleProductItem .SingleProductImage img {
        width: 100% !important;
        transition: all .3s;
    }

    .SingleProductItem .product-content {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(25,61,114, 0.9);
        opacity: 0;
        transition: all 0.3s ease-in-out;
    }

    .SingleProductItem .productMasking a {
        color: #fff;
        font-size: 16px;
        width: 50px;
        height: 50px;
        border: 2px solid #fff;
        display: inline-block;
        text-align: center;
        line-height: 46px;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.3s ease-in-out;
        opacity: 0;
    }

    .SingleProductItem .MaskingIcon i {
        color: #fff;
        font-size: 16px;
        width: 50px;
        height: 50px;
        border: 2px solid #fff;
        display: inline-block;
        text-align: center;
        line-height: 46px;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.3s ease-in-out;
        opacity: 0;
    }

    .SingleProductItem .video-icon {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 10;
    }

        .SingleProductItem .video-icon a {
            width: 50px;
            height: 50px;
            line-height: 48px;
            border: 2px solid #56928f;
            border-radius: 50%;
            color: #56928f;
            display: inline-block;
            text-align: center;
            transition: all 0.3s ease-in-out;
        }

.share-all .all-link {
    visibility: hidden;
    opacity: 0;
    transition: .5s;
}

    .share-all .all-link.active {
        visibility: visible;
        opacity: 1;
        margin-left: 25px;
    }

.SingleSocialIcon {
    border: 1px solid #797979;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}

    .SingleSocialIcon:hover {
        background-color: #56928f;
        border-color: #56928f;
        color: #fff !important;
    }

    .SingleSocialIcon:last-child {
        margin-right: 0;
    }

    .SingleSocialIcon i {
        margin-right: 0 !important;
    }

.ReviewsPost {
    font-size: 13px;
}

.quantityWidth.resizeWidth .sbHolder, .quantityWidth.resizeWidth .sbSelector, .quantityWidth.resizeWidth .sbOptions {
    width: 196px !important;
}

.single-quick-drop {
    margin: 0 0px 30px 0 !important;
}

.singleFormWidth.resizeWidth .sbHolder, .singleFormWidth.resizeWidth .sbSelector, .singleFormWidth.resizeWidth .sbOptions {
    width: 100% !important;
    background-color: #f0f0f0;
    border-color: transparent;
}

.singleFormWidth .sbOptions {
    background-color: #fff !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.singleFormWidth .sbToggle {
    z-index: 10;
}

.singleFormWidth .sbHolder, .singleFormWidth .sbSelector {
    height: 38px !important;
}

.SingleCartListInner.cartListInner .table-responsive .table tbody tr td input {
    width: 33px;
    color: #797979;
    border-color: #d0d0d0;
    margin: 0 -4px;
    font-weight: 400;

}

.SingleCartListInner.cartListInner .table-responsive .table tbody tr td.count-input a {
    padding: 4px 13px 0px;
    border: 1px solid #d0d0d0;

}

.SingleCartListInner.cartListInner .table-responsive .table tbody tr td:first-child {
    display: block;
}

.SingleCartListWrapper .cartListInner .table-responsive .table tbody tr td:first-child,
.SingleCartListWrapper .cartListInner .table-responsive .table thead tr th:first-child {
    display: table-cell;
}

.SingleCartSizing .cartListInner .table-responsive .table tbody tr td,
.SingleCartSizing .cartListInner .table-responsive .table thead tr th {
    text-align: center;
}

.SingleCartSizing .cartListInner .table-responsive .table tbody tr td {
    padding: 16px 0 !important;
}

.SingleCartSizing .cartListInner .table-responsive .table thead tr th {
    padding-left: 0 !important;
}

.SingleCartShipping .cartListInner .table-responsive .table tbody tr td,
.SingleCartShipping .cartListInner .table-responsive .table thead tr th {
    font-size: 14px;
}

@media (min-width: 768px) {
    .SingleCartShipping .cartListInner .table-responsive .table tbody tr td,
    .SingleCartShipping .cartListInner .table-responsive .table thead tr th {
        font-size: 16px;
    }
}

.SingleCartShipping .cartListInner .table-responsive .table tbody tr td {
    padding: 16px 0 16px 15px !important;
}

@media (min-width: 768px) {
    .SingleCartShipping .cartListInner .table-responsive .table tbody tr td {
        padding: 16px 0 16px 20px !important;
    }
}

.SingleCartShipping .cartListInner .table-responsive .table thead tr th {
    padding: 10px;
}

@media (min-width: 768px) {
    .SingleCartShipping .cartListInner .table-responsive .table thead tr th {
        padding: 20px;
    }
}

.single-custom-control .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #56928f;
    box-shadow: none !important;
}

.navbar-sticky {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 999;
}





/*=== 6.2 PORDUCT QUICK VIEW MODAL ===*/
@media (max-width: 479px) {
    .quick-view .modal-dialog, .quick-view-drone .modal-dialog {
        max-width: 280px;
        margin: 0 auto;
    }
	
	.checkBtnArea .btn {
    width: 100%;
    margin-bottom: 5px;
}
}

@media (min-width: 480px) {
    .quick-view .modal-dialog, .quick-view-drone .modal-dialog {
        max-width: 450px;
        margin: 0 auto;
    }
}

@media (min-width: 768px) {
    .quick-view .modal-dialog, .quick-view-drone .modal-dialog {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    .quick-view .modal-dialog, .quick-view-drone .modal-dialog {
        max-width: 950px;
    }
}

@media (min-width: 1200px) {
    .quick-view .modal-dialog, .quick-view-drone .modal-dialog {
        max-width: 1030px;
    }
}

.quick-view .modal-dialog .modal-content .modal-body, .quick-view-drone .modal-dialog .modal-content .modal-body {
    padding: 30px;
}

    .quick-view .modal-dialog .modal-content .modal-body .close, .quick-view-drone .modal-dialog .modal-content .modal-body .close {
        font-size: 25px;
        margin: 0;
        position: absolute;
        top: -5px;
        right: 0px;
        padding: 5px 10px;
        opacity: .2;
        font-weight: 300;
    }

        .quick-view .modal-dialog .modal-content .modal-body .close:hover, .quick-view .modal-dialog .modal-content .modal-body .close:focus, .quick-view-drone .modal-dialog .modal-content .modal-body .close:hover, .quick-view-drone .modal-dialog .modal-content .modal-body .close:focus {
            outline: none;
        }

@media (min-width: 768px) {
    .quick-view .modal-dialog .modal-content .modal-body .close, .quick-view-drone .modal-dialog .modal-content .modal-body .close {
        font-size: 34px;
    }
}

@media (min-width: 992px) {
    .quick-view .modal-dialog .modal-content .modal-body .close, .quick-view-drone .modal-dialog .modal-content .modal-body .close {
        font-size: 55px;
    }
}

.quick-view .modal-dialog .modal-content .modal-body .media, .quick-view-drone .modal-dialog .modal-content .modal-body .media {
    margin-top: 0;
    margin-right: 20px;
}

@media (min-width: 992px) {
    .quick-view .modal-dialog .modal-content .modal-body .media, .quick-view-drone .modal-dialog .modal-content .modal-body .media {
        margin-right: 0;
    }
}

@media (min-width: 480px) {
    .quick-view .modal-dialog .modal-content .modal-body .media .media-left, .quick-view-drone .modal-dialog .modal-content .modal-body .media .media-left {
        width: 100%;
        padding-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .quick-view .modal-dialog .modal-content .modal-body .media .media-left, .quick-view-drone .modal-dialog .modal-content .modal-body .media .media-left {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .quick-view .modal-dialog .modal-content .modal-body .media .media-left, .quick-view-drone .modal-dialog .modal-content .modal-body .media .media-left {
        padding-bottom: 0;
        padding-right: 40px;
        width: auto;
    }
}

.quick-view .modal-dialog .modal-content .modal-body .media .media-left img, .quick-view-drone .modal-dialog .modal-content .modal-body .media .media-left img {
    width: 100%;
    padding-bottom: 20px;
}

@media (min-width: 992px) {
    .quick-view .modal-dialog .modal-content .modal-body .media .media-left img, .quick-view-drone .modal-dialog .modal-content .modal-body .media .media-left img {
        padding-right: 40px;
        padding-bottom: 0;
    }
}

.quick-view .modal-dialog .modal-content .modal-body .media .media-body h2, .quick-view-drone .modal-dialog .modal-content .modal-body .media .media-body h2 {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
}

.quick-view .modal-dialog .modal-content .modal-body .media .media-body h3, .quick-view-drone .modal-dialog .modal-content .modal-body .media .media-body h3 {
    color: #252525;
}

.quick-view .modal-dialog .modal-content .modal-body .media .media-body .btn-area .btn-primary, .quick-view-drone .modal-dialog .modal-content .modal-body .media .media-body .btn-area .btn-primary {
    font-size: 14px;
}

.quick-view .modal-dialog .modal-content .modal-body .media .media-body .btn-area .btn-primary,
.singleProduct .media .media-body .btn-area .btn-primary {
    color: white;
}



.quick-view .media-object {

    width: 450px!important;
    height: 450px;
    object-fit: contain;
max-width: 100%;
}

.modal{
    margin-top:25px;
}


.userProfile .btn-group a, .userProfile .innerWrapper .list-inline li .btn-lg {
    box-shadow: none;
    background-color: #f0f0f0;
    border: none;
    border-radius: 0;
}

.stepsWrapper .innerWrapper.stepsPage .panel, .userProfile .innerWrapper .panel {
    border-radius: 0;
    border: 3px solid #f0f0f0;
    box-shadow: none;
    margin-bottom: 30px;
}

    .stepsWrapper .innerWrapper.stepsPage .panel .panel-heading, .userProfile .innerWrapper .panel .panel-heading {
        background-color: #f0f0f0;
        border-color: #f0f0f0;
        border-radius: 0;
    }

        .stepsWrapper .innerWrapper.stepsPage .panel .panel-heading .panel-title, .userProfile .innerWrapper .panel .panel-heading .panel-title {
            font-size: 15px;
            margin-bottom: 0;
            font-weight: 700;
            text-transform: capitalize;
            color: #252525;
        }

    .stepsWrapper .innerWrapper.stepsPage .panel .panel-body address, .userProfile .innerWrapper .panel .panel-body address {
        font-size: 13px;
        line-height: 30px;
        margin-bottom: 0;
    }

        .stepsWrapper .innerWrapper.stepsPage .panel .panel-body address strong, .userProfile .innerWrapper .panel .panel-body address strong {
            font-size: 15px;
            font-weight: 400;
        }

        .stepsWrapper .innerWrapper.stepsPage .panel .panel-body address span, .userProfile .innerWrapper .panel .panel-body address span {
            font-size: 15px;
        }

        .stepsWrapper .innerWrapper.stepsPage .panel .panel-body address a, .userProfile .innerWrapper .panel .panel-body address a {
            font-size: 15px;
            color: #252525;
            transition: all 0.3s ease-in-out;
        }

            .stepsWrapper .innerWrapper.stepsPage .panel .panel-body address a:hover, .userProfile .innerWrapper .panel .panel-body address a:hover {
                opacity: .8;
            }

        .stepsWrapper .innerWrapper.stepsPage .panel .panel-body address p, .userProfile .innerWrapper .panel .panel-body address p {
            line-height: 24px;
            margin-bottom: 0;
            color: #252525;
        }

.userProfile .btn-group {
    margin-bottom: 30px;
    display: block;
}

    .userProfile .btn-group a {
        float: none;
        height: 45px;
        padding: 0 20px;
        line-height: 45px;
        color: #252525;
        font-weight: 700;
        transition: all 0.3s ease-in-out;
    }

@media (max-width: 479px) {
    .userProfile .btn-group a {
        font-size: 10px;
        padding: 0 10px;
        margin: 0 5px 5px 0;
    }
}

@media (min-width: 480px) {
    .userProfile .btn-group a {
        font-size: 10px;
        padding: 0 10px;
        margin: 0 5px 5px 0;
    }
}

@media (min-width: 768px) {
    .userProfile .btn-group a {
        font-size: 12px;
        padding: 0 15px;
        margin: 0 5px 0 0;
    }
}

@media (min-width: 992px) {
    .userProfile .btn-group a {
        font-size: 14px;
        padding: 0 20px;
    }
}

.userProfile .btn-group a i {
    margin-right: 10px;
}

.userProfile .btn-group a:hover, .userProfile .btn-group a.active {
    background-color: #56928f;
    color: #ffffff;
}

.userProfile .innerWrapper {
    width: 100%;
    display: block;
    border: 3px solid #f0f0f0;
    padding: 30px;
}

@media (min-width: 480px) {
    .userProfile .innerWrapper {
        margin-bottom: 90px;
    }
}

@media (min-width: 768px) {
    .userProfile .innerWrapper {
        margin-bottom: 30px;
    }
}

.userProfile .innerWrapper .alert {
    border: none;
    border-radius: 0;
    font-size: 15px;
    color: #252525;
    padding: 25px 30px;
    margin-bottom: 40px;
}

    .userProfile .innerWrapper .alert .close {
        padding: 5px 12px;
        transform: translateY(-10px);
    }

.userProfile .innerWrapper h3 {
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 15px;
}

    .userProfile .innerWrapper h3 span {
        color: #56928f;
    }

.userProfile .innerWrapper p {
    font-size: 14px;
    color: #888888;
    line-height: 22px;
    margin-bottom: 45px;
}

.userProfile .innerWrapper .list-inline {
    display: block;
    margin-bottom: 50px;
}

@media (max-width: 479px) {
    .userProfile .innerWrapper .list-inline li {
        padding: 0;
        display: block;
        margin-bottom: 10px;
    }
}

@media (min-width: 480px) {
    .userProfile .innerWrapper .list-inline li {
        padding: 0;
        display: block;
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .userProfile .innerWrapper .list-inline li {
        padding: 0 10px 0 0;
        display: inline-block;
        margin: 0;
    }
}

@media (min-width: 992px) {
    .userProfile .innerWrapper .list-inline li {
        padding: 0 20px 0 0;
    }
}

.userProfile .innerWrapper .list-inline li .btn-lg {
    color: #797979;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 479px) {
    .userProfile .innerWrapper .list-inline li .btn-lg {
        width: 100%;
        padding: 47px 0;
        font-size: 16px;
    }
}

@media (min-width: 480px) {
    .userProfile .innerWrapper .list-inline li .btn-lg {
        width: 100%;
        padding: 47px 0;
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .userProfile .innerWrapper .list-inline li .btn-lg {
        width: 120px;
        padding: 31px 0;
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .userProfile .innerWrapper .list-inline li .btn-lg {
        width: 156px;
        padding: 47px 0;
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    .userProfile .innerWrapper .list-inline li .btn-lg {
        width: 196px;
        padding: 67px 0;
        font-size: 18px;
    }
}

.userProfile .innerWrapper .list-inline li .btn-lg i {
    display: block;
    margin-bottom: 20px;
}

.userProfile .innerWrapper .list-inline li .btn-lg:hover {
    background-color: #56928f;
    color: #ffffff;
}

.userProfile .innerWrapper .list-inline li:last-child {
    padding: 0;
}

.userProfile .innerWrapper.singleOrder .orderBox {
    margin-bottom: 0;
}

.userProfile .innerWrapper.singleOrder .btn-group {
    margin-bottom: 30px;
    float: left;
}

    .userProfile .innerWrapper.singleOrder .btn-group .btn-default {
        border-radius: 0;
        border: none;
        background-color: #56928f;
        padding: 0 20px;
        color: #ffffff;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        height: 40px;
        line-height: 40px;
        transition: all 0.3s ease-in-out;
    }

        .userProfile .innerWrapper.singleOrder .btn-group .btn-default:hover {
            opacity: .8;
        }

@media (max-width: 479px) {
    .userProfile .innerWrapper.singleOrder .btn-group .btn-default {
        display: block;
        width: 100%;
        margin: 0 0 15px 0;
    }
}

@media (min-width: 480px) {
    .userProfile .innerWrapper.singleOrder .btn-group .btn-default {
        display: inline-block;
        width: auto;
        margin-right: 0px;
    }
}

@media (min-width: 768px) {
    .userProfile .innerWrapper.singleOrder .btn-group .btn-default {
        margin-right: 5px;
    }
}

.userProfile .innerWrapper.singleOrder .panel-title {
    height: 50px;
    line-height: 50px;
    padding-left: 40px;
    font-weight: 400 !important;
    font-size: 16px !important;
}

.userProfile .innerWrapper.singleOrder .panel-body {
    padding: 30px 40px;
}
/*  14.  Product Sorting Toolbar  */
/* Toolbar */

.toolbar .pager {
    text-align: left;
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    width: 55%;
}

.pager .limiter label, .toolbar label {
    display: inline;
    float: left;
    margin-right: 10px;

    font-size: 13px;
    font-weight: normal;
}

.mw300{
    min-width:300px;
}
.orderRow {
    cursor: pointer;
}

.stepsWrapper .innerWrapper {
    border: 3px solid #f0f0f0;
    display: block;
    padding: 30px 30px 0;
    width: 100%;
}

.stepsWrapper .summary-box {
    border: 3px solid #f0f0f0;
    padding: 40px 25px;
    margin-bottom: 50px;
}

.toolbar {
    clear: both;
    margin-top: 0px;
    padding: 0px 0 0 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

.lhn{
    line-height:normal;
}

.bg-black{
    background:black!important;

}


.pager {
    margin: 0;
    text-align: center;
    padding: 0;
}

    .pager .amount {
        float: left;
    }

    .pager .limiter label {
        float: left;
        font-size: 14px;
      
        margin-right: 10px;
        display: inline;
    }

    .pager .pages {
        margin: 0px 0px;
    }

.pages .pagination {
    margin: auto;
}

.pager .pages li {
    display: inline-block;
}

    .pager .pages li a {
        box-shadow: none;
        padding: 6px 12px;
        border-radius: 3px;
        background: #fff;
        color: #333;
        border: 1px #e5e5e5 solid;
    }

        .pager .pages li a:hover {
            color: #fff;
            border: 1px #0aa2ee solid;
        }

.pages .pagination > .active > a, .pages .pagination > .active > span, .pages .pagination > .active > a:hover, .pages .pagination > .active > span:hover, .pages .pagination > .active > a:focus, .pages .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: pointer;
    background-color: #0aa2ee !important;
    border-color: #0aa2ee;
    border-radius: 3px;
    border-width: 1px;
    padding: 6px 12px;
}
/* Sorter */

.fa-trash-alt {
    color: #56928f;
}


@media (max-width: 479px) {
    .pageHeader .col-md-6, .pageHeader .col-sm-6 {
        width: 100%;
        padding-top: 10px;
    }
}

@media (min-width: 480px) {
    .pageHeader .col-md-6, .pageHeader .col-sm-6 {
        width: 50%;
        padding-top: 0;
    }
}

.pageHeader {
    height: 70px;
}

    .pageHeader .page-title h2 {
        color: #797979;
        text-transform: uppercase;
        font-weight: 400;
        margin-bottom: 0;
    }

@media (max-width: 479px) {
    .pageHeader .page-title h2 {
        font-size: 12px;
        line-height: 18px;
    }
}

@media (min-width: 480px) {
    .pageHeader .page-title h2 {
        font-size: 12px;
        line-height: 70px;
    }
}

@media (min-width: 768px) {
    .pageHeader .page-title h2 {
        font-size: 24px;
    }
}

@media (min-width: 992px) {
    .pageHeader .page-title h2 {
        font-size: 30px;
    }
}

.pageHeader ol.breadcrumb {
    background-color: transparent;
    margin-bottom: 0;
    padding: 0;
    display: block;
}

@media (max-width: 479px) {
    .pageHeader ol.breadcrumb {
        float: left !important;
        min-height: 15px;
    }
}

@media (min-width: 480px) {
    .pageHeader ol.breadcrumb {
        float: right !important;
        min-height: 70px;
    }
}

.pageHeader ol.breadcrumb .active {
    color: #252525;
    text-transform: uppercase;
}

@media (min-width: 480px) {
    .pageHeader ol.breadcrumb .active {
        font-size: 9px;
    }
}

@media (min-width: 768px) {
    .pageHeader ol.breadcrumb .active {
        font-size: 12px;
    }
}

.pageHeader ol.breadcrumb li {
    display: inline-block;
}

    .pageHeader ol.breadcrumb li + li::before {
        color: #ccc;
        content: "/\00a0";
    }

@media (min-width: 480px) {
    .pageHeader ol.breadcrumb li + li::before {
        padding: 0;
    }
}

@media (min-width: 768px) {
    .pageHeader ol.breadcrumb li + li::before {
        padding: 0 10px;
    }
}

.pageHeader ol.breadcrumb li a {
    text-transform: uppercase;
    color: #969696;
    transition: all 0.3s ease-in-out;
}

    .pageHeader ol.breadcrumb li a:hover {
        opacity: .9;
    }

@media (min-width: 480px) {
    .pageHeader ol.breadcrumb li a {
        font-size: 9px;
        line-height: 15px;
    }
}

@media (min-width: 480px) {
    .pageHeader ol.breadcrumb li a {
        font-size: 9px;
        line-height: 70px;
    }
}

@media (min-width: 768px) {
    .pageHeader ol.breadcrumb li a {
        font-size: 12px;
    }
}
.strike {
    text-decoration: line-through;

}
.special {
    color: red;
    margin-left: 10px;
}


@media (max-width: 1200px) {

    .carousel .carousel-caption {
        background: rgba(255,255,255,1) !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px;
        padding-bottom: 40px;
    }

    .carousel .middleCenter {
        left: unset;
        top: unset;
        transform: none;
        text-align: center;
        max-width: 850px;
        padding-left: 0;
        padding-right: 0;
        position: initial;
        border-radius:0;
    }
    .carousel-indicators li {

        background-color: #56928f;

    }

}
.mBasket i {
    color: #56928f;
	font-size: 18px;
    background-color: transparent;
    z-index: 1000;
    position: absolute;
    top: 0px;
    right: 50px;
    padding: 18px 22px;
    cursor: pointer;
}
.logLink{
	color:#555555!important;
}

.row.flexcenter {
    align-items: center;
}

.cart-dropdown a{
	border-radius:4px;
}