html, body {
    width: 100%;
    overflow-x: hidden;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #444444;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}

.text-none {
    text-transform: none !important;
}

a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
}

.ratio {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
}

.ratio43 {
    padding: 75% 0 0 0;
}

.ratio169 {
    padding: 56.25% 0 0 0;
}

.ratioS {
    padding: 100% 0 0 0;
}

.ratioL {
    padding: 48% 0 0 0;
}

.ratio72 {
    padding: 28.57% 0 0 0;
}

.ratio74 {
    padding: 57.14% 0 0 0;
}

.ratio img, .ratio div {
    position: absolute;
    display: block;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.btns {
    margin-left: -10px;
    margin-right: -10px;
}

    .btns .btn {
        margin: 0 10px 10px 10px;
    }

.btn-standard {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight: 800;
    min-width: 155px;
    padding: 12px 15px;
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;
    -webkit-box-shadow: 5px 0 35px rgba(0,0,0,0.12);
    box-shadow: 5px 0 35px rgba(0,0,0,0.12);
}

.btn-bg-lightblue {
    background-color: #0074e3;
    color: #fff;
}

    .btn-bg-lightblue:hover {
        background-color: #0068CC;
        color: #fff;
    }

.btn-bg-darkblue {
    background-color: #254e85;
    color: #fff;
}

    .btn-bg-darkblue:hover {
        background-color: #214678;
        color: #fff;
    }

.section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.sectionTitle {
    font-size: 23px;
    text-transform: uppercase;
}

.sectionTitle-lg {
    font-size: 32px;
}

.sectionShortTitle {
    font-size: 15px;
    color: #0074e3;
    margin: 0;
}

.sectionShortTitle-lg {
    font-size: 22px;
    color: #0074e3;
}

#header {
    font-family: 'Poppins', sans-serif;
}

    #header.home, #header:not(.home) {
        background-color: #0074e3;
    }

    #header:not(.home) {
        background-color: #0074e3;
    }

        #header:not(.home) #headerTop {
            background-image: url('../Images/header.png');
            background-repeat: no-repeat;
            background-position: 95%;
        }

    #header #headerTop .box {
        background-color: #fff;
        border-radius: 0 0 6px 6px;
        padding: 15px 30px;
    }

    #header #headerTop .headerTopRight > div {
        margin-bottom: 10px;
    }

    #header #headerTop .details span {
        padding-right: 15px;
        display: inline-block;
        vertical-align: middle;
    }

        #header #headerTop .details span:first-child:not(:only-child):after {
            content: "|";
            padding-left: 15px;
            font-size: 8px;
            display: inline-block;
            vertical-align: middle;
            padding-bottom: 5px;
            color: #2d2d2d;
        }

    #header #headerTop .details i {
        color: #0074e3;
        font-size: 15px;
        margin-right: 5px;
    }

    #header #headerTop .details a {
        color: #2d2d2d;
    }

    #header #headerTop .socials {
        margin-left: -2px;
        margin-right: -2px;
        padding-left: 15px;
        padding-right: 30px;
    }

        #header #headerTop .socials a {
            font-size: 12px;
            border-radius: 50%;
            height: 30px;
            width: 30px;
            background-color: #254e85;
            color: #fff;
            text-align: center;
            line-height: 30px;
            display: inline-block;
            vertical-align: middle;
            margin: 0 2px;
            -webkit-transition: .2s opacity ease-in-out;
            -o-transition: .2s opacity ease-in-out;
            transition: .2s opacity ease-in-out;
        }

            #header #headerTop .socials a:hover {
                opacity: .8;
            }

#headerBottom {
    padding: 20px 0;
}

#header #headerBottom ul.navbar-nav {
    margin-left: -20px;
    margin-right: -20px;
}

    #header #headerBottom ul.navbar-nav > li {
        position: relative;
    }

        #header #headerBottom ul.navbar-nav > li > a {
            color: #fff;
            font-size: 14px;
            padding: 10px 20px;
            text-transform: uppercase;
        }

        #header #headerBottom ul.navbar-nav > li.active > a {
            font-weight: bold;
        }

        #header #headerBottom ul.navbar-nav > li .sub-menu {
            display: none;
        }

#hero {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 12.24% 0;
    text-align: center;
}

    #hero:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.75);
    }

    #hero .hero-text {
        position: relative;
        z-index: 1;
    }

        #hero .hero-text h1 {
            font-size: 32px;
            font-weight: 800;
            color: #fff;
        }

            #hero .hero-text h1 span {
                color: #0074e3;
            }

        #hero .hero-text .content {
            font-size: 22px;
            color: #fff;
        }

#theme {
    background-color: #0074e3;
    background-image: url('../Images/theme.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    padding: .26% 0 2.69% 0;
    border-bottom: 10px solid #254e85;
}

    #theme h1, #theme .h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 36px;
        font-weight: 800;
        text-align: center;
        color: #fff;
        margin: 0;
    }

#summary {
    padding-top: 50px;
    background-color: #f7f7f7;
}

    #summary.bg-50 {
        background: rgb(247,247,247);
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(247,247,247,1)), color-stop(50%, rgba(247,247,247,1)), color-stop(50%, rgba(255,255,255,1)), to(rgba(255,255,255,1)));
        background: -o-linear-gradient(bottom, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
        background: linear-gradient(0deg, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    }

    #summary .items .item:not(:last-child) {
        border-bottom: 3px solid #fff;
    }

    #summary .items .item .box {
        color: #fff;
        padding: 50px 25px;
        background-color: #0074e3;
        text-align: left;
    }

    #summary .items .item:nth-child(odd) .box {
        background-color: #254e85;
    }

    #summary .items .item:first-child .box {
        border-radius: 6px 6px 0 0;
    }

    #summary .items .item:last-child .box {
        border-radius: 0 0 6px 6px;
    }

    #summary .items .item .box p {
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        font-weight: 800;
        margin: 0;
    }

        #summary .items .item .box p a {
            color: #fff;
        }

    #summary .items .item .box .link {
        font-size: 14px;
        line-height: 28px;
        color: #fff;
        border-bottom: 1px solid #fff;
    }

.about .columns {
    margin-left: -30px;
    margin-right: -30px;
}

    .about .columns .column {
        padding-left: 30px;
        padding-right: 30px;
    }

.about .content {
    line-height: 26px;
    color: #2d2d2d;
}

.about .image {
    border-radius: 6px;
    -webkit-box-shadow: 5px 0 35px rgba(0,0,0,.12);
    box-shadow: 5px 0 35px rgba(0,0,0,.12);
    overflow: hidden;
}

#products {
    background-color: #f7f7f7;
}

    #products .btn {
        min-width: 200px;
    }

.productList {
    margin-bottom: -75px;
}

    .productList .item {
        text-align: center;
        padding-bottom: 75px;
    }

        .productList .item .image {
            display: block;
            background-image: url('../Images/shape-diamond.png');
            background-repeat: no-repeat;
            background-position: center;
            width: 161px;
            height: 161px;
            margin: 0 auto;
            position: relative;
        }

.product .image {
    background-image: url('../Images/shape-diamond.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 161px;
    height: 161px;
    position: relative;
}

.productList .item .image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-image: url('../Images/shape-diamond-hover.png');
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.productList .item:hover .image:after {
    opacity: 1;
}

.productList .item .image svg,
.productList .item .image img,
.product .image svg,
.product .image img {
    position: absolute;
    top: 48%;
    left: 50%;
    -webkit-transform: translate(-50%, -48%);
    -ms-transform: translate(-50%, -48%);
    transform: translate(-50%, -48%);
    z-index: 2;
}

.productList .item .image svg,
.product svg {
    width: 47px;
    height:47px;
    fill: #0074e3;
    -webkit-transition: .2s fill ease-in-out;
    -o-transition: .2s fill ease-in-out;
    transition: .2s fill ease-in-out;
}

    .productList .item .image svg path,
    .product svg path {
        fill: #0074e3;
    }

    .productList .item:hover .image svg {
        fill: #fff;
    }

.productList .item:hover .image svg path {
    fill: #fff;
}

.productList .item h3 {
    font-size: 18px;
    margin: 0 0 10px 0;
}

    .productList .item h3 a {
        color: #333333;
    }

.productList .item .itemIntroduction {
    font-size: 15px;
    color: #444444;
    line-height: 26px;
}

    .productList .item .itemIntroduction p {
        margin-bottom: 0;
    }

.product .row {
    margin-left: -50px;
    margin-right: -50px;
}

    .product .row .column {
        padding-left: 50px;
        padding-right: 50px;
    }

.product .themeImage {
    -webkit-box-shadow: 5px 0 35px rgba(0,0,0,.12);
    box-shadow: 5px 0 35px rgba(0,0,0,.12);
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 50px;
}

.product .titles p {
    color: #0074e3;
    margin: 0;
    font-style: italic;
    font-weight: 600;
}

.product .titles h1 {
    font-size: 30px;
    color: #333333;
    margin: 0;
}

.product .content {
    font-size: 16px;
    line-height: 26px;
}

.product .box {
    padding: 50px;
    -webkit-box-shadow: 5px 0 35px rgba(0,0,0, .12);
    box-shadow: 5px 0 35px rgba(0,0,0, .12);
    margin-bottom: 40px;
}

    .product .box h4 {
        font-size: 24px;
        color: #333333;
    }

    .product .box p {
        font-size: 15px;
        font-weight: bold;
        font-style: italic;
        color: #2d2d2d;
    }

#cta .box {
    background-color: #2d2d2d;
    padding: 30px;
    text-align: center;
    color: #fff;
    border-radius: 6px;
}

#cta .text {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
}

#cta2 {
    background-color: #f7f7f7;
    padding-top: 75px;
    padding-bottom: 75px;
    text-align: center;
}

    #cta2 .text {
        font-size: 15px;
        color: #0074e3;
        font-weight: bold;
        font-style: italic;
    }

#about {
    color: #fff;
    background-color: #0074e3;
    background-image: url('../Images/about.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    font-size: 15px;
}

    #about .introduction {
        font-family: 'Poppins', sans-serif;
        font-size: 26px;
        font-weight: 600;
        line-height: 33px;
    }

    #about .callus {
        font-family: 'Poppins', sans-serif;
        font-style: italic;
        font-weight: bold;
    }

        #about .callus a {
            color: #fff;
        }

    #about .sectionShortTitle {
        color: #fff;
    }

    #about .content {
        line-height: 26px;
    }

#map {
    height: 550px;
}

#bottom .items {
    margin-bottom: -50px;
}

    #bottom .items .item {
        padding-bottom: 50px;
    }

        #bottom .items .item .row {
            margin-left: -30px;
            margin-right: -30px;
            padding-bottom: 50px;
        }

        #bottom .items .item .itemColumn {
            padding-left: 30px;
            padding-right: 30px;
        }

        #bottom .items .item .image {
            border-radius: 6px;
            -webkit-box-shadow: 5px 0 35px rgba(0,0,0,.12);
            box-shadow: 5px 0 35px rgba(0,0,0,.12);
            overflow: hidden;
        }

        #bottom .items .item .introduction {
            color: #2d2d2d;
            font-size: 16px;
            line-height: 26px;
        }

#contact .contactDetails {
    margin-left: -25px;
    margin-right: -25px;
}

    #contact .contactDetails .contactLeft,
    #contact .contactDetails .contactRight {
        padding-left: 25px;
        padding-right: 25px;
    }

.form-box {
    background-color: #0074e3;
    padding: 25px;
    border-radius: 6px;
}

    .form-box.dark {
        background-color: #254e85;
    }

        .form-box.dark .btn {
        }

        .form-box.dark .btn {
            background-color: #0074e3;
            color: #fff;
        }

            .form-box.dark .btn :hover {
                background-color: #0074e3;
                color: #fff;
            }

    .form-box h4 {
        font-size: 30px;
        color: #fff;
        margin: 0;
    }

    .form-box p {
        font-size: 15px;
        color: #fff;
    }

    .form-box .form-group .form-control {
        height: 50px;
        border: 0;
        border-radius: 6px;
    }

    .form-box .form-group textarea.form-control {
        height: 130px;
        resize: none;
    }

    .form-box .form-group .form-control::-webkit-input-placeholder {
        font-size: 13px;
        font-style: italic;
        color: #aea9a9;
    }

    .form-box .form-group .form-control::-moz-placeholder {
        font-size: 13px;
        font-style: italic;
        color: #aea9a9;
    }

    .form-box .form-group .form-control:-ms-input-placeholder {
        font-size: 13px;
        font-style: italic;
        color: #aea9a9;
    }

    .form-box .form-group .form-control::-ms-input-placeholder {
        font-size: 13px;
        font-style: italic;
        color: #aea9a9;
    }

    .form-box .form-group .form-control::placeholder {
        font-size: 13px;
        font-style: italic;
        color: #aea9a9;
    }

    .form-box .form-group .form-control:-ms-input-placeholder {
        font-size: 13px;
        font-style: italic;
        color: #aea9a9;
    }

    .form-box .form-group .form-control::-ms-input-placeholder {
        font-size: 13px;
        font-style: italic;
        color: #aea9a9;
    }

#contact .contactRight > div:not(.content) {
    padding-left: 85px;
    margin-bottom: 30px;
    min-height: 70px;
    position: relative;
}

#contact .contactRight > div:last-child {
    margin-bottom: 0;
}

#contact .contactRight .tel,
#contact .contactRight .email {
    padding-top: 10px;
}

#contact .contactRight > div i {
    font-size: 35px;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    background-color: #254e85;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

#contact .contactRight .tel i,
#contact .contactRight .email i {
    font-size: 24px;
}

#contact .contactRight .tel i {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


#contact .contactRight > div label {
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    color: #333333;
    display: block;
    margin: 0;
    font-weight: bold;
}

#contact .contactRight > div p {
    color: #2d2d2d;
    margin: 0;
    font-weight: 500;
}

    #contact .contactRight > div p a {
        color: #2d2d2d;
    }

#footer {
    background-color: #2d2d2d;
}

    #footer #footerTop {
        padding: 50px 0;
    }

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

        #footer #footerTop .footer-text {
            color: #c0c0c0;
            font-size: 16px;
            line-height: 28px;
            margin-bottom: 30px;
        }

            #footer #footerTop .footer-text p {
                margin-bottom: 20px;
            }

        #footer #footerTop .socials {
            margin-left: -2px;
            margin-right: -2px;
        }

            #footer #footerTop .socials a {
                font-size: 12px;
                border-radius: 50%;
                height: 30px;
                width: 30px;
                background-color: #0074e3;
                color: #fff;
                text-align: center;
                line-height: 30px;
                display: inline-block;
                vertical-align: middle;
                margin: 0 2px;
                -webkit-transition: .2s opacity ease-in-out;
                -o-transition: .2s opacity ease-in-out;
                transition: .2s opacity ease-in-out;
            }

                #footer #footerTop .socials a:hover {
                    opacity: .8;
                }

        #footer #footerTop .title {
            font-family: 'Poppins', sans-serif;
            font-size: 24px;
            font-weight: 800;
            color: #fff;
            margin-bottom: 30px;
        }

        #footer #footerTop ul li {
            margin-bottom: 10px;
        }

            #footer #footerTop ul li a {
                padding: 0;
                color: #c0c0c0;
            }

        #footer #footerTop .tel a {
            font-size: 24px;
            color: #fff;
        }

        #footer #footerTop .email a {
            color: #0074e3;
        }

        #footer #footerTop .address {
            color: #c0c0c0;
            font-size: 16px;
            line-height: 28px;
            margin-top: 40px;
        }

    #footer #footerBottom .container {
        padding-top: 40px;
        padding-bottom: 40px;
        position: relative;
    }

        #footer #footerBottom .container:before {
            content: "";
            height: 1px;
            width: 100%;
            background-color: #969696;
            position: absolute;
            top: 0;
            left: 15px;
            right: 15px;
        }

    #footer #footerBottom .copyright {
        color: #797b7a;
    }

    #footer #footerBottom .scrollTop {
        color: #fff;
        cursor: pointer;
    }

    #footer .scrollTop i {
        color: #0074e3;
        margin-left: 10px;
    }

@media(max-width: 767px) {
    #header #headerBottom .nav-scroller {
        position: absolute;
        overflow-y: scroll;
        overflow-x: hidden;
        width: 100%;
        height: 100%;
    }

    #header #headerBottom ul.navbar-nav {
        margin-left: 0;
        margin-right: 0;
    }

        #header #headerBottom ul.navbar-nav > li {
            margin: 5px 0;
        }

            #header #headerBottom ul.navbar-nav > li > a {
                padding: 5px 10px;
                text-align: left;
            }

            #header #headerBottom ul.navbar-nav > li a:after {
                content: ' \f078';
                font-family: 'Font Awesome 6 Pro';
                font-weight: 900;
                font-size: 14px;
                padding-left: 5px;
            }

            #header #headerBottom ul.navbar-nav > li > a.expand::after {
                content: ' \f077';
            }

            #header #headerBottom ul.navbar-nav > li a:only-child:after {
                content: "";
            }

            #header #headerBottom ul.navbar-nav > li ul {
                list-style: none;
                margin: 0;
                padding-left: 20px;
                background-color: none;
            }

                #header #headerBottom ul.navbar-nav > li ul li a {
                    color: #fff;
                    text-align: left;
                    display: block;
                    padding: 5px;
                    font-size: 16px;
                }

        #header #headerBottom ul.navbar-nav li {
            border: none;
        }

    #header #headerBottom .navbar-toggler {
        border-width: 0;
        outline: 0;
    }

    #header #headerBottom .animated-icon {
        width: 30px;
        height: 20px;
        position: relative;
        margin: 0px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

        #header #headerBottom .animated-icon span {
            display: block;
            position: absolute;
            height: 3px;
            width: 100%;
            border-radius: 9px;
            opacity: 1;
            left: 0;
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: .25s ease-in-out;
            -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
        }

        #header #headerBottom .animated-icon span {
            background: #fff;
        }

            #header #headerBottom .animated-icon span:nth-child(1) {
                top: 0px;
            }

            #header #headerBottom .animated-icon span:nth-child(2),
            #header #headerBottom .animated-icon span:nth-child(3) {
                top: 10px;
            }

            #header #headerBottom .animated-icon span:nth-child(4) {
                top: 20px;
            }

        #header #headerBottom .animated-icon.open span:nth-child(1) {
            top: 11px;
            width: 0%;
            left: 50%;
        }

        #header #headerBottom .animated-icon.open span:nth-child(2) {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        #header #headerBottom .animated-icon.open span:nth-child(3) {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        #header #headerBottom .animated-icon.open span:nth-child(4) {
            top: 11px;
            width: 0%;
            left: 50%;
        }

    #header #headerBottom .nav-wrapper {
        position: fixed;
        top: 0;
        left: 100%;
        padding: 0;
        width: 100%;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        display: block;
        height: 100%;
        z-index: 999;
    }

    #header #headerBottom .btn-close {
        position: absolute;
        left: 0;
        background: #254e85;
        padding: 20px;
        border: 0;
        top: 0;
        border-radius: 0;
    }

        #header #headerBottom .btn-close .animated-icon span {
            background: #fff;
        }


    #header #headerBottom .navbar-collapse.collapsing .nav-wrapper {
        height: 100% !important;
        margin-left: 50%;
        left: 50%;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    #header #headerBottom .navbar-collapse.show .nav-wrapper {
        left: 0;
    }

    #header #headerBottom .nav-group {
        margin-left: 70px;
        background: #254e85;
        padding: 15px;
    }

        #header #headerBottom .nav-group::after {
            content: "";
            display: block;
            height: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            left: 70px;
            right: 0;
            bottom: 0;
            background: #254e85;
            z-index: -1;
        }

        #header #headerBottom .nav-group .callus {
            padding-left: 10px;
            margin-top: 10px;
        }

            #header #headerBottom .nav-group .callus i {
                color: #0074e3;
                margin-right: 5px;
            }

            #header #headerBottom .nav-group .callus a {
                color: #fff;
                font-weight: bold;
            }
}

@media(min-width:768px) {
    .sectionTitle {
        font-size: 26px;
    }

    .sectionTitle-lg {
        font-size: 40px;
    }

    #hero {
        padding: calc(16.41% + 45px) 0 12.24% 0;
    }

        #hero .hero-text h1 {
            font-size: 40px;
        }

    #summary .items .item:not(:last-child) {
        border-right: 3px solid #fff;
        border-bottom: none;
    }

    #summary .items .item:first-child .box {
        border-radius: 6px 0 0 6px;
    }

    #summary .items .item:last-child .box {
        border-radius: 0 6px 6px 0;
    }

    #cta {
        margin-bottom: -130px;
    }

    #about {
        padding-top: calc(6.77% + 100px);
    }
}

@media(min-width:992px) {
    .section {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .sectionTitle {
        font-size: 30px;
    }

    .sectionTitle-lg {
        font-size: 48px;
    }

    #header.home {
        background: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 2;
    }

    #header #headerBottom ul.navbar-nav > li .sub-menu {
        position: absolute;
        top: 100%;
        left: 20px;
        background-color: #254e85;
        min-width: 240px;
        display: none;
        z-index: 1;
    }

    #header #headerBottom ul.navbar-nav > li:hover .sub-menu {
        display: block !important;
    }

    #header #headerBottom ul.navbar-nav > li .sub-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #header #headerBottom ul.navbar-nav > li .sub-menu ul li a {
            color: #fff;
            padding: 5px 10px;
            -webkit-transition: .2s background-color linear;
            -o-transition: .2s background-color linear;
            transition: .2s background-color linear;
        }

        #header #headerBottom ul.navbar-nav > li .sub-menu ul li:hover a {
            background-color: #f7f7f7;
            color: #0074e3;
        }

    #header.home #headerBottom ul.navbar-nav > li.active > a {
        color: #0074e3;
    }

    #hero .hero-text h1 {
        font-size: 48px;
    }

    .product .themeImage {
        margin-bottom: 100px;
    }

    #summary {
        padding: 0;
        margin-top: -50px;
    }

    #cta .box {
        padding: 60px;
    }

    #contact.pt-lg-0 {
        margin-top: -55px;
    }

    #bottom .items {
        margin-bottom: -100px;
    }

        #bottom .items .item {
            padding-bottom: 100px;
        }
}

@media(min-width:1600px) {
    .container {
        max-width: 1400px;
    }

    #hero {
        padding: 16.41% 0 12.24% 0;
    }

    #summary {
        margin-top: -100px;
    }

        #summary .items .item .box {
            padding: 50px;
        }

    .productList {
        margin-left: -50px;
        margin-right: -50px;
    }

        .productList .item {
            padding-left: 50px;
            padding-right: 50px;
        }

    .form-box {
        padding: 50px;
    }

    #footer #footerTop .title {
        margin-top: 80px;
    }
}
/*Recaptcha Validation*/
.validation-summary-errors {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 10px;
    color: #721c24;
    margin-bottom: 10px;
}

    .validation-summary-errors ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

/*Cookie Policy*/
.cookieLaw {
    color: #fff;
    font-size: 12px;
    background-color: rgba(0, 0, 0, .8);
    padding: 5px;
    text-align: center;
    border-top: 3px white solid;
    display: none;
}

    .cookieLaw .btn {
        background-color: #000;
        color: #fff;
    }