@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap');
/*=========================================
1.  GLOBAL
2. MEDIA QUERY

=========================================*/

/*=========================================
1. GLOBAL
=========================================*/

html {
    font-family: 'Inter', sans-serif;
    background: #fff;
    font-weight: 400;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #212124;
    font-size: 18px;
    line-height: 22px;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    padding-top: 55px;
}

@media only screen and (min-width: 768px) {
    body {
        padding-top: 92px;
    }
}


.cor img {
    max-width: 100%;
    height: auto;
}

iframe {
    max-width: 100% !important;
}

.field-validation-error {
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

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

    .validation-summary-errors ul li {
        margin-bottom: .25rem;
        font-size: 80%;
        color: #dc3545;
    }
/* ==========================================================================
2. MEDIA QUERY
========================================================================== */

/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {
}
/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {
}
/* Small Devices, Tablets (MD) */

@media only screen and (min-width: 768px) {
}
/* Large Devices, Wide Screens */

@media only screen and (min-width: 992px) {
}
/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
}
/* Large Devices - Extra-Large Devices */

@media only screen and (min-width: 1320px) {
}
/* Extra-large Devices, Wide Screens */

@media only screen and (min-width: 1600px) {
}
/* Custom */

/*=========================================
1.  GLOBAL
2.  DIV STICK ON TOP
3.  TEXT COLOR
4.  BACKGROUND ELEMENT
5.  HEADER
6.  NAVIGATION
7.  HOMEPAGE SLIDER
8.  MIN HEIGHT
9.  OUR PARTNERS SLIDER
10. SUB HERO
11. FAQ ACCORDION
12. PRODUCT GALLERY
13. PRODUCT TAB
14. SEARCH ELEMENT
15. BADGE
16. COMPARE PRODUCT TABLE
17. BUTTON/LINK
18. FORM
19. OUR PARTNERS - CAROUSEL
20. PADDING
21. HOMEPAGE
22. PAGENATION
23. BREADCRUMB
24. FOOTER
25. Umb Grid Extensions
26. PRINT FRIENDLY
27. MEDIA QUERY
28. EXTRA
=========================================*/

/*=========================================
1. GLOBAL
=========================================*/

.cor a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s linear;
    -webkit-transition: color 0.3s linear;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .cor a:hover, .cor a:focus {
        text-decoration: underline;
    }

.cor strong, b {
    font-weight: 600;
}

.cor p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

    .cor p.lead-text {
        font-size: 18px;
        line-height: 22px;
        font-weight: 400;
    }

    .cor p.small-text {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
    }

.cor h1, .cor h2, .cor h4, .cor h5, .cor #blogPost h1, .cor #blogPost h2, .cor #blogPost h3, .cor #blogPost h4 {
    font-weight: 500;
}

.cor h1 {
    font-size: 36px;
    line-height: 40px;
    font-size: 32px;
    line-height: 36px;
    color: #1F2B6C;
}

.cor .h1-size {
    font-size: 36px;
    line-height: 40px;
}

.cor h2 {
    font-size: 30px;
    line-height: 34px;
    color: #1F2B6C;
}

.cor .h2-size {
    font-size: 30px;
    line-height: 34px;
}

.cor h4 {
    font-size: 24px;
    line-height: 28px;
}

.cor h5 {
    font-size: 22px;
    line-height: 26px;
    color: inherit;
}

.cor h6 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
}

.cor ul {
    padding: 0;
    margin: 0;
    padding-left: 40px;
}

    .cor ul li {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
    }

@media only screen and (min-width: 768px) {
    .cor p {
        font-size: 18px;
        line-height: 22px;
    }

        .cor p.lead-text {
            font-size: 20px;
            line-height: 24px;
        }

        .cor p.small-text {
            font-size: 16px;
            line-height: 20px;
        }

    .cor h1 {
        font-size: 72px;
        line-height: 72px;
    }

    .cor .h1-size {
        font-size: 72px;
        line-height: 72px;
    }

    .cor h2 {
        font-size: 50px;
        line-height: 58px;
    }

    .cor .h2-size {
        font-size: 50px;
        line-height: 58px;
    }

    .cor h4 {
        font-size: 30px;
        line-height: 34px;
    }

    .cor h5 {
        font-size: 24px;
        line-height: 28px;
    }

    .cor h6 {
        font-size: 22px;
        line-height: 30px;
    }

    .cor .h1-size {
        font-size: 72px;
        line-height: 72px;
    }

    .cor .h2-size {
        font-size: 50px;
        line-height: 58px;
    }

    .cor ul {
        padding: 0;
        margin: 0;
        padding-left: 40px;
    }

        .cor ul li {
            font-size: 18px;
            line-height: 22px;
        }

    .cor #imgLinkEffect img:hover {
        -webkit-box-shadow: 0 0 10px #ccc;
        box-shadow: 0 0 10px #ccc;
        transition: color 0.3s linear;
        -webkit-transition: color 0.3s linear;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
}
/*=========================================
2. ARTICLES
=========================================*/

.cor #blogPost img {
}

.cor #blogPost h1 {
    font-size: 30px;
    line-height: 34px;
    color: #1F2B6C;
    padding-bottom: 20px;
}

.cor #blogPost h2 {
    font-size: 24px;
    line-height: 28px;
    color: #1F2B6C;
    padding-top: 20px;
    padding-bottom: 8px;
}

.cor #blogPost h3 {
    font-size: 22px;
    line-height: 26px;
    color: #1F2B6C;
    padding-top: 20px;
    padding-bottom: 8px;
}

.cor #blogPost h4 {
    font-size: 20px;
    line-height: 24px;
    color: #1F2B6C;
    padding-top: 20px;
    padding-bottom: 8px;
}

.cor #blogPost .h-100 {
    padding: 0;
}

.cor #blogPost #firstLevel .h-100 {
    padding: 0;
}

.cor .bbcode {
    font-size: 24px;
    line-height: 28px;
    color: #1F2B6C;
    padding-top: 20px;
    display: block;
}

.cor #blogPost ul {
    margin-bottom: 20px;
}

    .cor #blogPost ul li {
        margin-bottom: 8px;
    }

        .cor #blogPost ul li:last-child {
            margin-bottom: 0px;
        }

.cor .col-md-12,
.cor .col-md-10,
.cor .col-md-8 {
    padding: 0;
}

.cor .col-md-5,
.cor .col-md-3 {
    padding: 0 15px;
}

.cor .macro-page-list {
    padding-left: 15px;
    padding-right: 15px;
}

@media only screen and (max-width: 768px) {
    .cor .col-md-5, .cor .col-md-3 {
        padding: 0 0px;
    }

    .cor .macro-page-list {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.cor footer .col-md-6,
.cor footer .col-md-4 {
    padding-left: 15px;
    padding-right: 15px;
}

@media only screen and (max-width: 768px) {
    .cor footer .col-md-6,
    .cor footer .col-md-4 {
        padding-left: 0;
        padding-right: 0;
    }
}



.cor #blogPost a {
    color: #159EEC;
}

    .cor #blogPost a:hover {
    }


/*
.cor blockquote, {
    padding: 30px;
    background-color: #EFF3FD;
    padding: 0px;
    background-color: #ffffff;
    width:80%;
    margin:0 auto;
}

.cor blockquote:after, blockquote:before {
    color: #1F2B6C;
    font-size: 18px;
    line-height: 26px;
}

.cor blockquote:after {
    content: close-quote;
    vertical-align: bottom;
    font-size:150px;
    line-height:150px;
}

.cor blockquote:before {
    content: open-quote;
    vertical-align: top;
    font-size:150px;
    line-height:150px;
}

.cor blockquote p {
    text-align: left;
    font-size: 1.125rem;
    font-style: italic;
}
*/

.cor blockquote,
.blockquote {
    width: 75%;
    width: 90%;
    position: relative;
    /* background: #ddd; */
    margin: 0 auto;
    margin-bottom: 2rem;
    padding-top: 1rem;
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    font-weight: 400;
}

    .cor blockquote:before,
    .blockquote:before {
        position: absolute;
        content: open-quote;
        font-size: 2em;
        margin-left: -0.6em;
        margin-top: -0.4em;
        margin-top: -0.1em;
    }

    .cor blockquote:after,
    .blockquote:after {
        position: absolute;
        content: close-quote;
        font-size: 2em;
        bottom: 0;
        right: 0;
        margin-right: -0.6em;
        margin-bottom: -0.8em;
        margin-bottom: -0.2em;
    }

    .cor blockquote p,
    .blockquote p {
        display: inline;
        font-weight: 600;
    }


.cor ins blockquote p {
    text-decoration: none;
    line-height: 30px;
}


.cor blockquoteWithout,
.blockquoteWithout {
    width: 75%;
    width: 90%;
    position: relative;
    margin: 0 auto;
    margin-bottom: 2rem;
    padding-top: 1rem;
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    font-weight: 400;
}


.cor .pr30to0 {
    padding-right: 0px;
}


@media only screen and (min-width: 768px) {

    .cor .pr30to0 {
        padding-right: 30px;
    }

    .cor #blogPost h1 {
        font-size: 50px;
        line-height: 58px;
    }

    .cor #blogPost h2 {
        font-size: 30px;
        line-height: 34px;
    }

    .cor #blogPost h3 {
        font-size: 26px;
        line-height: 30px;
    }

    .cor #blogPost h4 {
        font-size: 22px;
        line-height: 26px;
    }

    .cor #blogPost .h-100 {
        padding: 0 30px;
    }

    .cor #blogPost #firstLevel .h-100 {
        padding: 0 0px;
    }

    .cor .bbcode {
        font-size: 30px;
        line-height: 34px;
    }

    .cor .col-md-12,
    .cor .col-md-8 {
        padding: 0;
    }
}



/*=========================================
2. DIV STICK ON TOP
=========================================*/

.cor .sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 30px;
}

    .cor .sticky:before, .cor .sticky:after {
        content: '';
        display: table;
    }
/*=========================================
3. SPACING
=========================================*/

.cor .mt-1 {
    margin-top: 10px;
}

.cor .mt-2 {
    margin-top: 20px;
}

.cor .mt-3 {
    margin-top: 30px;
}

.cor .mt-4 {
    margin-top: 40px;
}

.cor .mt-5 {
    margin-top: 50px;
}

.cor .mt-6 {
    margin-top: 60px;
}

.cor .mt-7 {
    margin-top: 70px;
}

.cor .mt-8 {
    margin-top: 80px;
}

.cor .mt-9 {
    margin-top: 90px;
}

.cor .mb-1 {
    margin-bottom: 10px;
}

.cor .mb-2 {
    margin-bottom: 20px;
}

.cor .mb-3 {
    margin-bottom: 30px;
}

.cor .mb-4 {
    margin-bottom: 40px;
}

.cor .mb-5 {
    margin-bottom: 50px;
}

.cor .mb-6 {
    margin-bottom: 60px;
}

.cor .mb-7 {
    margin-bottom: 70px;
}

.cor .mb-8 {
    margin-bottom: 80px;
}

.cor .mb-9 {
    margin-bottom: 90px;
}

.cor .my-1 {
    margin-bottom: 10px;
    margin-top: 10px;
}

.cor .my-2 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.cor .my-3 {
    margin-bottom: 30px;
    margin-top: 30px;
}

.cor .my-4 {
    margin-bottom: 40px;
    margin-top: 40px;
}

.cor .my-5 {
    margin-bottom: 50px;
    margin-top: 50px;
}

.cor .my-6 {
    margin-bottom: 60px;
    margin-top: 60px;
}

.cor .my-7 {
    margin-bottom: 70px;
    margin-top: 70px;
}

.cor .my-8 {
    margin-bottom: 80px;
    margin-top: 80px;
}

.cor .my-9 {
    margin-bottom: 90px;
    margin-top: 90px;
}

.cor .pt-1 {
    padding-top: 10px;
}

.cor .pt-2 {
    padding-top: 20px;
}

.cor .pt-3 {
    padding-top: 30px;
}

.cor .pt-4 {
    padding-top: 40px;
}

.cor .pt-5 {
    padding-top: 50px;
}

.cor .pt-6 {
    padding-top: 60px;
}

.cor .pt-7 {
    padding-top: 70px;
}

.cor .pt-8 {
    padding-top: 80px;
}

.cor .pt-9 {
    padding-top: 90px;
}

.cor .pb-1 {
    padding-bottom: 10px;
}

.cor .pb-2 {
    padding-bottom: 20px;
}

.cor .pb-3 {
    padding-bottom: 30px;
}

.cor .pb-4 {
    padding-bottom: 40px;
}

.cor .pb-5 {
    padding-bottom: 50px;
}

.cor .pb-6 {
    padding-bottom: 60px;
}

.cor .pb-7 {
    padding-bottom: 70px;
}

.cor .pb-8 {
    padding-bottom: 80px;
}

.cor .pb-9 {
    padding-bottom: 90px;
}

.cor .py-1 {
    padding-bottom: 10px;
    padding-top: 10px;
}

.cor .py-2 {
    padding-bottom: 20px;
    padding-top: 20px;
}

.cor .py-3 {
    padding-bottom: 30px;
    padding-top: 30px;
}

.cor .py-4 {
    padding-bottom: 40px;
    padding-top: 40px;
}

.cor .py-5 {
    padding-bottom: 50px;
    padding-top: 50px;
}

.cor .py-6 {
    padding-bottom: 60px;
    padding-top: 60px;
}

.cor .py-7 {
    padding-bottom: 70px;
    padding-top: 70px;
}

.cor .py-8 {
    padding-bottom: 80px;
    padding-top: 80px;
}

.cor .py-9 {
    padding-bottom: 90px;
    padding-top: 90px;
}

.cor .padding0to15 {
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (max-width: 768px) {
    .cor .py-6 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .cor .padding0to15 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.cor .margin30to0 {
    margin-left: 30px;
    margin-right: 30px;
}



@media only screen and (max-width: 768px) {
    .cor .margin30to0 {
        margin-left: 0px;
        margin-right: 0px;
    }
}


.cor .py60to40 {
    padding-top: 60px;
    padding-bottom: 60px;
}

@media only screen and (max-width: 768px) {
    .cor .py60to40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

/*=========================================
3. TEXT COLOR
=========================================*/

.cor .text-red {
    color: #fe0000;
}

.cor .text-light-blue {
    color: #EFF3FD;
}

.cor .text-blue {
    color: #159EEC;
}

.cor .text-dark-blue {
    color: #1F2B6C;
}

.cor .text-white {
    color: #fff;
}
/*=========================================
4. BACKGROUND ELEMENT
=========================================*/

.cor .bg-cover {
    background-size: cover;
    background-position: top center;
}

.cor .bg-repeat-y {
    background-repeat: repeat-y;
    background-position: top right;
    height: 100%;
    right: -15px;
}

.cor .bg-repeat-y-reverse {
    background-repeat: repeat-y;
    background-position: top left;
    height: 100%;
    right: 15px;
}

.cor .bg-light-blue {
    background: #EFF3FD;
}

.cor .bg-blue {
    background: #159EEC;
}

.cor .bg-dark-blue {
    background: #1F2B6C;
}
/*=========================================
5. HEADER
=========================================*/


.cor header {
    -webkit-box-shadow: 0px 7px 13px -3px rgba(0,0,0,0.1);
    box-shadow: 0px 7px 13px -3px rgba(0,0,0,0.1);
}

.cs .top {
    padding: 10px 0px;
    /*
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index:9;
    */
}

@media only screen and (min-width: 992px) {
    .cs .top {
        padding: 10px 30px;
    }
}

.cs .top ul {
    margin: 0;
    padding: 0
}

    .cs .top ul li {
        list-style-type: none;
        display: inline-block;
        margin-right: 20px;
        position: relative;
    }

        .cs .top ul li:last-child {
            margin-right: 0px;
        }

        .cs .top ul li img {
            margin-right: 10px;
        }

        .cs .top ul li a:not(.btn) {
            color: #fff;
            font-size: 14px;
        }

.cs .top .cartCount {
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 17px;
    font-size: 14px;
    font-weight: 300;
}

.cs .top .icon ul li a {
    font-weight: 400;
}

    .cs .top .icon ul li a:hover {
        text-decoration: none;
    }

.cs .logoContact {
    padding: 15px 0px;
}

@media only screen and (min-width: 992px) {
    .cs .logoContact {
        padding: 15px 30px;
    }
}

.cs .logoContact ul {
    margin: 0;
    padding: 0;
}

    .cs .logoContact ul li {
        list-style-type: none;
        display: inline-block;
        margin-right: 20px;
    }

        .cs .logoContact ul li:last-child {
            margin-right: 0px;
        }

        .cs .logoContact ul li a {
            color: #3d5fa8;
            font-size: 24px;
            font-weight: 500;
        }

            .cs .logoContact ul li a:hover {
                text-decoration: none;
            }

.cs .logoImage img {
    width: 180px;
}

.cs .contactImage img {
    height: 25px;
}

.cs .removeText {
    display: none;
}

@media only screen and (min-width: 768px) {
    .cs .logoImage img {
        width: auto;
    }

    .cs .contactImage img {
        height: auto;
    }

    .cs .removeText {
        display: inline-block;
    }
}




/*=========================================
6. NAVIGATION
=========================================*/


.menu-area {
    background: #3d5fa8;
    background: #fff;
}

    .menu-area .dropdown-toggle:after {
        display: inline-block;
    }

@media only screen and (min-width: 992px) {
    .menu-area .dropdown-toggle:after {
        display: none;
    }
}

.dropdown-menu {
    padding: 0;
    margin: 0;
    border: 0 solid transition !important;
    border: 0 solid rgba(0, 0, 0, .15);
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}




.mainmenu a,
.navbar-default .navbar-nav > li > a,
.mainmenu ul li a,
.navbar-expand-lg .navbar-nav .nav-link {
    color: #fff;
    color: #1F2B6C;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 16px 15px;
    padding: 12px 15px;
    display: block !important;
    text-decoration: none;
}


@media screen and (min-width: 768px) and (max-width: 1250px) {
    .mainmenu a,
    .navbar-default .navbar-nav > li > a,
    .mainmenu ul li a,
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 16px;
        line-height: 16px;
        font-weight: 700;
        padding: 28px 13px 36px 13px;
    }
}



@media only screen and (min-width: 1251px) {
    .mainmenu a,
    .navbar-default .navbar-nav > li > a,
    .mainmenu ul li a,
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 18px;
        line-height: 18px;
        font-weight: 700;
        padding: 28px 16px 36px 16px;
    }
}



/*
.mainmenu a,
.navbar-default .navbar-nav > li > a,
.mainmenu ul li a,
.navbar-expand-lg .navbar-nav .nav-link {
	color: #fff;
	color: #1F2B6C;
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	text-transform: capitalize;
	padding: 16px 15px;
	padding: 12px 15px;
	display: block !important;
	text-decoration: none;
}


@media only screen and (min-width: 992px) {
	.mainmenu a,
	.navbar-default .navbar-nav>li>a,
	.mainmenu ul li a,
	.navbar-expand-lg .navbar-nav .nav-link {
		font-size:18px;
		line-height:18px;
		font-weight:700;
		padding: 28px 16px 36px 16px;
	}
}
*/


.mainmenu .active a, .mainmenu .active a:focus, .mainmenu .active a:hover, .mainmenu li a:hover, .mainmenu li a:focus, .navbar-default .navbar-nav > .show > a, .navbar-default .navbar-nav > .show > a:focus, .navbar-default .navbar-nav > .show > a:hover {
    color: #fff;
    background: #333;
    background: #159EEC;
    outline: 0;
    text-decoration: none;
}


/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a {
    background: #333;
    background: #159EEC;
}

.mainmenu .collapse ul ul > li:hover > a,
.navbar-default .navbar-nav .show .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .show .dropdown-menu > li > a:hover {
    background: #000;
    background: #1F2B6C;
    text-decoration: none;
}

.mainmenu .collapse ul ul ul > li:hover > a {
    background: #4CAF50;
}

.mainmenu .collapse ul ul,
.mainmenu .collapse ul ul.dropdown-menu {
    background: #159eec;
    padding-left: 0;
    padding: 30px;
    padding: 15px;
}

@media only screen and (max-width: 768px) {
    .mainmenu .collapse ul ul,
    .mainmenu .collapse ul ul.dropdown-menu {
        background: #159eec;
        padding-left: 0;
        padding: 0px 30px 15px 30px;
    }
}



.mainmenu .collapse ul ul ul,
.mainmenu .collapse ul ul ul.dropdown-menu {
    background: #333
}

    .mainmenu .collapse ul ul ul ul,
    .mainmenu .collapse ul ul ul ul.dropdown-menu {
        background: #333
    }
/********Drop-down menu work on hover*********/

.mainmenu {
    background: none;
    border: 0 solid;
    margin: 0;
    padding: 0;
    min-height: 20px;
    width: 100%;
}
/* @media only screen and (min-width: 767px) { */

@media only screen and (min-width: 992px) {
    .mainmenu .collapse ul li:hover > ul {
        display: block
    }

    .mainmenu .collapse ul ul {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 256px;
        min-width: 273px;
        min-width: 223px;
        min-width: 283px;
        display: none
    }

        .mainmenu .collapse ul ul.wide {
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 256px;
            min-width: 550px;
            display: none
        }
        /*******/
        .mainmenu .collapse ul ul li {
            position: relative
        }

            .mainmenu .collapse ul ul li:hover > ul {
                display: block
            }

        .mainmenu .collapse ul ul ul {
            position: absolute;
            top: 0;
            left: 100%;
            min-width: 256px;
            min-width: 272px;
            display: none
        }
            /*******/
            .mainmenu .collapse ul ul ul li {
                position: relative
            }

                .mainmenu .collapse ul ul ul li:hover ul {
                    display: block
                }

            .mainmenu .collapse ul ul ul ul {
                position: absolute;
                top: 0;
                left: -100%;
                min-width: 256px;
                display: none;
                z-index: 1
            }
}

@media only screen and (max-width: 767px) {
    .navbar-nav .show .dropdown-menu .dropdown-menu > li > a {
        padding: 16px 15px 16px 35px
    }

    .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
        padding: 16px 15px 16px 45px
    }
}

.cs .navbar-toggler-icon {
    width: 1.5em;
    height: 1.5em;
}

.cs .navbar-toggler {
    font-size: 1em;
    margin-left: -2px;
    border-radius: 0;
    border: 0px solid #fff;
}

.cs .navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
}
/********Drop-down menu makes 2 columns when list over 16*********/

ul.twoColumns {
    list-style: none;
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}

@media only screen and (min-width: 992px) {
    ul.twoColumns {
        list-style: none;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        width: 650px;
        width: 426px;
        width: 520px;
    }
}


.cor .dropdown-menu li a {
    padding: 16px;
    padding: 10px;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.cor .navbar-light .navbar-toggler {
    color: rgba(31,43,108,1);
    border-color: rgba(31,43,108,0);
    padding: 0;
}


.cor #navbarSupportedContent ul.navbar-nav li:hover a {
    color: #fff;
}



.cor .logoSrc {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 15px;
    display: block;
    width: 212px;
    height: 34px;
}

@media only screen and (min-width: 992px) and (max-width: 1079px) {
    .cor .logoSrc {
        width: 240px;
        height: 38px;
        top: 20px;
    }
}

@media screen and (min-width: 1080px) and (max-width: 1250px) {
    .cor .logoSrc {
        width: 304px;
        height: 48px;
        top: 16px;
        left: 15px;
    }
}


@media only screen and (min-width: 1251px) {
    .cor .logoSrc {
        width: 386px;
        height: 61px;
        top: 10px;
        left: 15px;
    }
}


.cor #navbarSupportedContent {
    padding-bottom: 15px;
}

@media screen and (min-width: 987px) {
    .cor #navbarSupportedContent {
        padding-bottom: 0px;
    }
}



/*

.cor .logoSrc img {
	max-width:212px;
	width: 212px ;
	height: 33px ;
}





@media only screen and (min-width: 976px) {
	.cor .logoSrc img {
		max-width:386px;
		width: 386px;
		height: 61px;
	}
}
*/
/*=========================================
7. HOMEPAGE SLIDER
=========================================*/

.cor #homeSlider .carousel-inner img {
    width: 100%;
    height: 100%;
}

.cor .carousel-control-next, .cor .carousel-control-prev {
    width: 7%;
}

@media only screen and (min-width: 992px) {
    .cor #homeSlider .carousel-inner img {
        width: 100%;
        height: 100%;
    }
}

/*=========================================
8. MIN HEIGHT
=========================================*/

.cs .mh-40 {
    min-height: auto;
}
/*product list - filter*/

.cs .mh-65 {
    min-height: auto;
}
/*product list - text pannel*/

.cs .mh-90 {
    min-height: 90px;
}
/*control store difference - text pannel*/

.cs .mh-92 {
    min-height: auto;
}
/*homepage - how can we help you - go button*/

.cs .mh-97 {
    min-height: auto;
}
/*Difference - text box*/

.cs .mh-104 {
    min-height: auto;
}
/*homepage - how can we help you - go button - remove*/

.cs .mh-115 {
    min-height: auto;
}
/*product list title height*/

.cs .mh-140 {
    min-height: 140px;
}

.cs .mh-200 {
    min-height: 200px;
}

.cs .mh-210 {
    min-height: auto;
}

.cs .mh-510 {
    min-height: auto;
}

@media only screen and (min-width: 992px) {
    .cs .mh-40 {
        min-height: 40px;
    }

    .cs .mh-65 {
        min-height: 65px;
    }

    .cs .mh-92 {
        min-height: 92px;
    }

    .cs .mh-97 {
        min-height: 97px;
    }

    .cs .mh-104 {
        min-height: 104px;
    }

    .cs .mh-115 {
        min-height: 115px;
    }

    .cs .mh-210 {
        min-height: 210px;
    }

    .cs .mh-510 {
        min-height: 510px;
    }
}
/*=========================================
10. SUB HERO
=========================================*/

.cor .sub-page-hero {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #4066ad;
    color: #fff;
}

@media only screen and (min-width: 768px) {
    .cor .sub-page-hero {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}
/*=========================================
11. FAQ ACCORDION
=========================================*/

.cs .macro-faqs .accordion {
    margin-left: 0px;
    margin-top: 10px;
}

.cs .accordion .fa {
    margin-right: 0.5rem;
}

.cs .accordion > .card {
    border: 0;
}

    .cs .accordion > .card > .card-header {
        margin-bottom: 10px;
        border-bottom: 0px;
    }
/*=========================================
12. PRODUCT GALLERY
=========================================*/

.cs .carousel-indicators {
}

    .cs .carousel-indicators .active {
        background: #333;
    }

    .cs .carousel-indicators li {
        background: #ccc;
    }

.carousel-item {
}

.carousel-indicators li {
    width: 18px;
    height: 1px;
    border-radius: 100%;
}

.carousel-indicators {
    bottom: -60px;
}
/*=========================================
13. PRODUCT TAB
=========================================*/

#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #f3f3f3;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 4px solid !important;
    font-size: 18px;
    font-weight: 500;
}

#tabs .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #3d5fa8;
    font-size: 18px;
    text-decoration: none;
}

#tabs .nav-tabs a.nav-link:hover, #tabs .nav-tabs a.nav-link:focus {
    font-weight: 400;
}

#tabs #spec tr td:first-child {
    background: #f2f2f2;
}




/*=========================================
4.  HAMBURGER BUTTON
=========================================*/


.cor .navbar-default .hamburger-button {
    position: absolute;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 40px;
    height: 34px;
    display: block;
    top: 28px;
    right: 130px;
    z-index: 99999;
    zoom: 0.6;
    display: none;
}

@media only screen and (min-width: 768px) {
    .cor .navbar-default .hamburger-button {
        position: absolute;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        width: 40px;
        height: 34px;
        display: block;
        top: 41px;
        right: 55px;
        z-index: 99999;
        zoom: 0.8;
        display: block;
    }
}

.overlay {
    position: fixed;
    background: #091625;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 99997;
}


    .overlay.visible {
        height: 100%;
        opacity: .95;
        visibility: visible;
    }



.cor .sitewide-search-container .form-control {
    border: 0;
    border-radius: 0;
    background: none;
    height: 50px;
    color: #fff;
    font-size: 24px;
    line-height: 34px;
    padding-left: 0;
    padding-right: 0;
    box-shade: none;
}

.cor .input-group-btn .btn:focus {
    border: 0;
}

.cor .input-group *:focus {
    outline: none;
    box-shadow: rgba(0,0,0,0) 10px 10px inset;
}


/*=========================================
17. BUTTON/LINK
=========================================*/
.cor .btn {
    border-radius: 0;
    font-size: 16px;
    line-height: 16px;
    padding: 23px 46px;
}



.cor .button-blue {
    border: 1px solid #159EEC;
    color: #fff;
    background: #159EEC;
    border-radius: 0;
    font-size: 16px;
    line-height: 16px;
    padding: 23px 46px;
    display: inline-block;
    transition: color 0.3s linear;
    -webkit-transition: color 0.3s linear;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .cor .button-blue:hover, .cor .button-blue:focus {
        color: #fff;
        border: 1px solid #1F2B6C;
        background: #1F2B6C;
        text-decoration: none;
    }


.cor .btn-outline-white {
    border: 1px solid #FCFBFA;
    color: #FCFBFA;
    padding: 20px 58px;
}

    .cor .btn-outline-white:hover, .cor .btn-outline-white:focus {
        color: #fff;
        border: 1px solid #159EEC;
        background: #159EEC;
        text-decoration: none;
    }

@media only screen and (max-width: 768px) {
    .cor .btn-outline-white {
        padding: 10px 38px;
    }
}


.cor .btn-image {
    padding: 0;
}

    .cor .btn-image:hover, .cor .btn-image:focus {
    }


.cor .btn-blue {
    border: 1px solid #159EEC;
    color: #fff;
    background: #159EEC;
}

    .cor .btn-blue:hover, .cor .btn-blue:focus {
        color: #fff;
        border: 1px solid #1F2B6C;
        background: #1F2B6C;
        text-decoration: none;
    }






.cor .btn-outline-dark-blue, .cor #blogPost .btn-outline-dark-blue {
    border: 1px solid #1F2B6C;
    color: #1F2B6C;
    font-size: 18px;
    line-height: 22px;
    padding: 10px 20px 10px 20px;
}

    .cor .btn-outline-dark-blue:hover, .cor .btn-outline-dark-blue:focus, .cor #blogPost .btn-outline-dark-blue:hover, .cor #blogPost .btn-outline-dark-blue:focus {
        color: #fff;
        border: 1px solid #1F2B6C;
        background: #1F2B6C;
        text-decoration: none;
    }

    .cor .btn-outline-white:hover, .cor .btn-outline-white:focus, .cor .btn-blue:hover, .cor .btn-blue:focus, .cor .btn-outline-dark-blue:hover, .cor .btn-outline-dark-blue:focus {
        -webkit-box-shadow: 0px 10px 16px -13px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 10px 16px -13px rgba(0, 0, 0, 0.75);
        text-decoration: none;
    }

.cs .btn-outline-primary:not(:disabled):not(.disabled).active, .cs .btn-outline-primary:not(:disabled):not(.disabled):active, .cs .show > .btn-outline-primary.dropdown-toggle {
    background-color: #cc0000;
    border-color: #3d5fa8;
}




/*=========================================
18. FORM
=========================================*/

.cor .form-control {
    border-radius: 0;
    color: #1F2B6C;
    background-color: #EFF3FD;
}

.cor .form-control-lg {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    border-radius: 0;
    color: #1F2B6C;
    border: 0;
    border-bottom: 1px solid #1F2B6C;
}

.cor .form-control-sm {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    border-radius: 0;
    color: #1F2B6C;
}

.cor select {
    background-image: linear-gradient(45deg, transparent 50%, #1f5fac 60%), linear-gradient(135deg, #1f5fac 40%, transparent 50%) !important;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.cor .select-sm {
    background-position: calc(100% - 13px) 10px, calc(100% - 3px) 10px, 100% 0;
    background-size: 7px 7px, 10px 7px;
}

.cor .select-lg {
    background-position: calc(100% - 20px) 18px, calc(100% - 10px) 18px, 100% 0;
    background-size: 9px 9px, 10px 9px;
}

.cor input.placeholder {
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .cor .form-control {
        border-radius: 0;
        color: #1F2B6C;
        background-color: #EFF3FD;
    }
}
/*=========================================
19. THUMBNAIL IMAGE
=========================================*/

.cor .longShade {
    background-position: left top, center;
    background-repeat: repeat-y, no-repeat;
    display: block;
    transition: all 0.3s ease-in-out;
}

.cor .shortShade {
    background-position: left top, center;
    background-repeat: repeat-y, no-repeat;
    display: block;
    transition: all 0.3s ease-in-out;
}
/*=========================================
20. PADDING
=========================================*/

.cor .pad50to15 {
    padding: 30px 15px;
}

.cor .pad50to15contact {
    padding: 30px 30px;
}

.cor .pad15to0 {
    padding: 0px;
}

.cor .pad0to15 {
    padding-left: 15px;
    padding-right: 15px;
}

.cor .margin0to15 {
    margin: 0 15px;
}

@media only screen and (min-width: 992px) {
    .cor .pad50to15 {
        padding: 50px;
    }

    .cor .pad50to15contact {
        padding: 50px;
    }

    .cor .pad15to0 {
        padding: 0 15px;
    }

    .cor .pad0to15 {
        padding-left: 0;
        padding-right: 0;
    }

    .cor .margin0to15 {
        margin: 0
    }
}

.cor .padTB50to30 {
    padding: 30px 0;
}
/*cta*/

@media only screen and (min-width: 992px) {
    .cor .padTB50to30 {
        padding: 50px 0;
    }
}


.cor .pad15to0contact {
    padding: 0 15px;
}

@media only screen and (max-width: 768px) {
    .cor .pad15to0contact {
        padding: 0;
    }
}



/*=========================================
21. HOMEPAGE
=========================================*/

.cs .homeProductNoteTitle {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

@media only screen and (min-width: 768px) {
    .cs .homeProductNoteTitle {
        font-size: 22px;
    }
}

.cs .homeProductNote {
    position: absolute;
    z-index: 1;
    left: 40px;
    bottom: 30px;
}

.cs .imagePannelText {
    position: absolute;
    z-index: 1;
    left: 40px;
    bottom: 30px;
}
/*=========================================
22. PAGENATION
=========================================*/


.cor .page-item .page-link {
    font-size: 28px;
    line-height: 28px;
    color: #212124;
    border: 0;
    background: transparent;
}

    .cor .page-item .page-link:hover {
        color: #212124;
        background: transparent;
        text-decoration: underline;
    }

.cor .page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.cor .page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.cor .pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .cor .pagination > .active > a, .cor .pagination > .active > span, .cor .pagination > .active > a:hover, .cor .pagination > .active > span:hover, .cor .pagination > .active > a:focus, .cor .pagination > .active > span:focus {
        z-index: 2;
        color: #212124;
        cursor: default;
        background-color: transparent;
        border-color: none;
        padding: 6px 6px;
        text-decoration: underline;
    }


    .cor .pagination > li > a:hover, .cor .pagination > li > span:hover, .cor .pagination > li > a:focus, .cor .pagination > li > span:focus {
        color: #fff;
        background-color: #3d5fa8;
        border-color: #3d5fa8;
        border: 0;
        outline: none;
        box-shadow: rgba(0,0,0,0) 10px 10px inset;
    }

    .cor .pagination > li > a, .cor .pagination > li > span {
        position: relative;
        float: left;
        padding: 6px 14px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
        margin: 0 3px;
    }
/*=========================================
23. BREADCRUMB
=========================================*/

.cor .breadcrumb {
    font-size: 16px;
    line-height: 22px;
    background: transparent;
    margin-bottom: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    padding-right: 0;
    padding-left: 0;
}

    .cor .breadcrumb ol {
        margin: 0;
        padding: 0;
    }

        .cor .breadcrumb ol li {
            display: inline-block;
            color: #333;
            font-size: 14px;
            line-height: 18px;
        }

            .cor .breadcrumb ol li::after {
                content: " > ";
            }

            .cor .breadcrumb ol li:last-child::after {
                content: "";
            }

            .cor .breadcrumb ol li a {
                color: #afafaf;
                font-size: 14px;
                line-height: 18px;
            }

                .cor .breadcrumb ol li a:hover {
                    color: #333;
                    text-decoration: none;
                }

.cor .breadcrumb-item a {
    color: #159EEC;
}

    .cor .breadcrumb-item a:hover {
    }

.cor .breadcrumb-item + .breadcrumb-item::before {
    content: '>';
}

.cor .ml-auto, .mx-auto {
    margin-left: 0px !important;
}
/*=========================================
24. FOOTER
=========================================*/

.cor footer {
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    padding-top: 80px;
    padding-bottom: 40px;
}

@media only screen and (max-width: 768px) {
    .cor footer {
        font-size: 18px;
        line-height: 22px;
        padding-top: 30px;
        padding-bottom: 40px;
    }
}


.cor .mb80to30 {
    margin-bottom: 80px;
}

@media only screen and (max-width: 768px) {
    .cor .mb80to30 {
        margin-bottom: 30px;
    }
}


.cor footer ul {
    margin: 0;
    padding: 0
}

.cor footer li {
    list-style-type: none;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 20px;
}

.cor footer p {
    font-size: 18px;
    line-height: 22px;
    font-weight: 200;
}

.cor footer a {
    color: #fff;
}

    .cor footer a:hover, .cor footer a:focus {
        color: #fff;
        text-decoration: underline;
    }

.cor .social-icons a {
    opacity: 0.9;
}

    .cor .social-icons a:hover, .cs .social-icons a:focus {
        opacity: 1;
    }

.cor .footerLinkSpace1 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.cor .footerLinkSpace2 {
    padding-top: 60px;
    padding-bottom: 60px;
}

@media only screen and (max-width: 768px) {
    .cor .footerLinkSpace1 {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .cor .footerLinkSpace2 {
        padding-top: 0px;
        padding-bottom: 30px;
    }
}




/* ==========================================================================
25. Umb Grid Extensions
========================================================================== */

.no-gutters .row {
    padding-left: 15px;
    padding-right: 15px;
}

    .no-gutters .row .col, .no-gutters .row [class*=col-] {
        padding-right: 0;
        padding-left: 0;
    }

.cor .umb-grid {
}

    .cor .umb-grid .grid-section > div, .cor .row-narrow-width, .cor .row-full-width, .cor .umb-grid .column > div {
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

        .cor .row-narrow-width > .row {
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {
}
/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {
}
/* Small Devices, Tablets (MD) */

@media only screen and (min-width: 768px) {
    .cor .row-narrow-width > .row {
        max-width: 1170px;
    }
}


/* Large Devices, Wide Screens */

@media only screen and (min-width: 992px) {
}
/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
}
/* Large Devices - Extra-Large Devices */

@media only screen and (min-width: 1320px) {
}
/* Extra-large Devices, Wide Screens */

@media only screen and (min-width: 1600px) {
}

.cor .row-narrow-width {
    padding-left: 15px;
    padding-right: 15px;
}

.cor .row {
    margin-left: 0px;
    margin-right: 0px;
}

img.imageleft, img[style*="float:left"], img[style*="float: left"] {
    margin-right: 20px;
    margin-bottom: 20px;
}

img.imageright, img[style*="float:right"], img[style*="float: right"] {
    margin-left: 20px;
    margin-bottom: 20px;
}

.cor .umb-grid img {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .cor .umb-grid img {
        width: auto;
    }
}
/* ==========================================================================
26. PRINT FRIENDLY
========================================================================== */

@media print {
    body {
        color: #000 !important;
        margin: 0;
        padding: 0;
    }

    @page {
        size: auto;
        margin: 25mm 25mm 25mm 25mm;
    }

    .cor {
        padding: 0;
    }

        .cor * {
            text-align: left !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            vertical-align: text-top !important;
            border: 0 !important;
        }

        .cor .top {
            display: none !important;
        }

        .cor .logoContact .contactImage {
            display: none !important;
        }

        .cor .topBanner {
            display: none !important;
        }

        .cor .print {
            display: none !important;
        }

        .cor .megamenu {
            display: none !important;
        }

        .cor footer {
            display: none !important;
        }

        .cor a[href]:after {
            content: none !important;
        }

        .cor .banner {
            display: none !important;
        }

        .cor .adPannel {
            display: none !important;
        }

        .cor .richtext img {
            display: block;
        }

        .cor .adItemImageSmallNoChange {
            display: none !important;
        }

        .cor .adItemImage {
            display: none !important;
        }

        .cor .rmPrint {
            display: none !important;
        }

        .cor #floatingSocialbar {
            display: none !important;
        }

            .cor #floatingSocialbar a {
                display: none !important;
            }

        .cor .pagination-container {
            display: none;
        }

        .cor iframe {
            display: none !important;
        }

        .cor .mainHero {
            height: 138px;
            height: 65px;
        }

        .cor .sub-page-hero {
            height: 138px;
            height: 65px;
        }

        .cor .articleHero {
            height: 138px;
            height: 65px;
        }

        .cor .mh-283 {
            min-height: 138px;
        }

        .cor .mh-566 {
            min-height: 138px;
        }
}
/* ==========================================================================
27. MEDIA QUERY
========================================================================== */

/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {
}
/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {
}
/* Small Devices, Tablets (MD) */

@media only screen and (min-width: 768px) {
}
/* Large Devices, Wide Screens */

@media only screen and (min-width: 992px) {
}
/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
}
/* Large Devices - Extra-Large Devices */

@media only screen and (min-width: 1320px) {
}
/* Extra-large Devices, Wide Screens */

@media only screen and (min-width: 1600px) {
}
/*=========================================
28. EXTRA
=========================================*/

.cor .umb-grid #how-can-we-help-you img {
    width: auto;
}

.cor .umb-grid #would-you-like-to-speak img {
    width: auto;
}

.cor .umb-grid #brand-story {
    padding: 2rem 1rem 2rem 1rem;
    background-position: top left;
}
/* Small Devices, Tablets (MD) */

@media only screen and (min-width: 768px) {
    .cor .umb-grid #brand-story {
        padding: 2rem 4rem 2rem 40%;
    }
}

.cor .umb-grid #home-about-img {
    min-height: 200px;
}

.cor .umb-grid #home-about-text {
    padding: 2rem 1rem 2rem 1rem;
}
/* Small Devices, Tablets (MD) */

@media only screen and (min-width: 768px) {
    .cor .umb-grid #home-about-text {
        padding: 3rem 2rem 2rem 2rem;
    }
}

.cor .product-group-list-item img {
    width: 100%;
}

.cor #partner-keyword .col-lg-8, .cor #keep .col-lg-8 {
    max-width: 100%;
}

.cor #partner-keyword img, .cor #keep .col-lg-8 {
    width: auto;
}

.cor #partner-keyword .col-md-8, .cor #keep .col-md-8 {
    padding-left: 30px;
    padding-right: 30px;
}
/* Small Devices, Tablets (MD) */

@media only screen and (min-width: 768px) {
    .cor #partner-keyword .col-md-8, .cor #keep .col-md-8 {
        padding-left: 30px;
        padding-right: 30px;
    }
}
/*=========================================
FORM
=========================================*/

.gnw .input-lg, .gnw .form-horizontal .form-group-lg .form-control {
    height: 52px;
    border-radius: 3px;
}

.gnw .form-control:focus {
    border-color: #BBB4A7;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.gnw .input-group-lg > .form-control, .gnw .input-group-lg > .input-group-addon, .gnw .input-group-lg > .input-group-btn > .btn {
    border-radius: 3px;
}

.gnw .form-control {
    border: 0;
    background: #f2f2f2;
    font-weight: 400;
    border-radius: 0;
}

.gnw input::-webkit-input-placeholder {
    color: #666;
}

.gnw input:-moz-placeholder {
    color: #666;
}

.gnw textarea::-webkit-input-placeholder {
    color: #666;
}

.gnw textarea:-moz-placeholder {
    color: #666;
}

.gnw select {
    color: #666;
}

.gnw textarea {
    white-space: pre-wrap !important;
}
/*=========================================
HOMEPAGE HERO
=========================================*/

.cor .homepageHero {
    height: 317px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .cor .homepageHero {
        height: 517px;
    }
}

@media only screen and (min-width: 992px) {
    .cor .homepageHero {
        height: 817px;
    }
}

.cor .banner-content {
    padding-left: 50px;
    width: 320px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .cor .banner-content {
        padding-left: 30px;
        width: 720px;
    }
}

@media only screen and (min-width: 992px) {
    .cor .banner-content {
        padding-left: 192px;
        width: 920px;
    }
}

/*=========================================
SUBPAGE HERO
=========================================*/

.cor .subpageHero {
    height: 250px;
    height: 160px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .cor .subpageHero {
        height: 300px;
    }
}

@media only screen and (min-width: 992px) {
    .cor .subpageHero {
        height: 350px;
    }
}



/*=========================================
MACROS
=========================================*/

.container .macro .container-fluid,
.container-fluid .macro .container,
.container-fluid .macro .container-fluid {
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
    max-width: none;
}

.container .macro .container,
.container .macro .container-fluid {
    margin-left: -30px;
    margin-right: -30px;
    width: auto;
    max-width: none;
}

.macro-testimonials .uicarousel,
.macro-carousel .uicarousel {
    list-style: none;
    margin: auto;
    padding: 0;
    font-size: 0;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}

.macro-testimonials .uicarousel-item,
.macro-carousel .uicarousel-item {
    display: inline-block;
    width: 100%;
    font-size: 1rem;
    font-size: 22px;
    line-height: 28px;
    white-space: normal;
    vertical-align: middle;
}

@media only screen and (max-width: 768px) {
    .macro-testimonials .uicarousel-item,
    .macro-carousel .uicarousel-item {
        font-size: 20px;
        line-height: 26px;
    }
}

.macro-carousel .uicarousel-item-inner {
    height: 80px;
    padding: 0 1rem;
    text-align: center;
    vertical-align: middle;
}

.macro-carousel .uicarousel-item img {
    max-width: 100%;
    max-width: 80%;
    height: auto;
    vertical-align: middle;
}

.macro-testimonials .uicarousel-item {
    padding: 0 1rem;
}

.macro-testimonials .uicarousel-item-inner {
    padding: 1rem;
}


.cor .testimonialArrowPosition {
    padding-top: 260px;
}


@media screen and (min-width: 768px) and (max-width: 991px) {
    .cor .testimonialArrowPosition {
        padding-top: 200px;
    }
}

@media only screen and (min-width: 992px) {
    .cor .testimonialArrowPosition {
        padding-top: 150px;
    }
}


.macro-image-video-box .box-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

    .macro-image-video-box .box-img img {
        display: block;
        width: 100%;
        height: auto;
        opacity: 0;
    }

.macro-image-video-box .box-video iframe {
    display: block;
    margin: 0;
    padding: 0;
}

iframe {
    max-width: 100% !important;
}

.field-validation-error {
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

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

    .validation-summary-errors ul li {
        margin-bottom: .25rem;
        font-size: 80%;
        color: #dc3545;
    }

@media only screen and (min-width: 992px) {
    .macro-carousel .uicarousel-item {
        width: 20%;
        width: 18%;
    }

    .macro-testimonials .uicarousel-item {
        width: 33.333%;
    }
}

.macro-page-list {
    padding-left: 15px;
    padding-right: 15px;
}

.cor .vh100,
.cor .vh80,
.cor .vh60,
.cor .vh40,
.cor .vh20 {
    width: 100%;
    display: block;
    overflow: hidden;
}

.cor .vh100 {
    height: 100px;
}

.cor .vh80 {
    height: 80px;
}

.cor .vh60 {
    height: 60px;
}

.cor .vh40 {
    height: 40px;
}

.cor .vh20 {
    height: 20px;
}

@media only screen and (max-width: 768px) {
    .cor .vh100 {
        height: 50px;
    }

    .cor .vh80 {
        height: 40px;
    }

    .cor .vh60 {
        height: 30px;
    }

    .cor .vh40 {
        height: 20px;
    }

    .cor .vh20 {
        height: 10px;
    }
}


/*=========================================
MACROS - CONTACT - COMPANY DETAIL
=========================================*/


.cor #companyDetail {
    min-height: 280px;
    padding: 45px 25px;
}

@media only screen and (max-width: 768px) {
    .cor #companyDetail {
        min-height: 20px;
    }
}

.cor #companyDetail p {
    line-height: 26px;
}

.cor #companyDetail strong {
    font-weight: 700;
}


/*=========================================
MACROS - CONTACT - MAP
=========================================*/

.cor #mapImage {
    width: 100%;
    height: 850px;
    margin-top: 60px;
}

    .cor #mapImage .map {
        width: 100%;
        height: 850px;
        float: left;
    }

        .cor #mapImage .map .frame {
            width: 100%;
            height: 850px;
        }

    .cor #mapImage .image {
        width: 50%;
        height: 500px;
        float: left;
        background-size: cover;
        background-position: center;
    }


@media only screen and (max-width: 768px) {
    .cor #mapImage {
        width: 100%;
        height: 300px;
    }

        .cor #mapImage .map {
            width: 100%;
            height: 300px;
        }

            .cor #mapImage .map .frame {
                width: 100%;
                height: 300px;
            }

        .cor #mapImage .image {
            width: 100%;
            height: 300px;
        }
}


.cor #testimonialMacro {
    box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
}

.cor .darkBackground {
    background: #1F2B6C;
}

.cor .lightBackground {
    background: #ffffff;
}

.cor .darkText {
    color: #1F2B6C;
}

.cor .lightText {
    color: #ffffff;
}

.cor #testimonialMacro p {
    margin-bottom: 0;
}


.cor .blog-post-list-item a {
    color: #124360;
    color: #aeaeae;
}

    .cor .blog-post-list-item a:hover {
        color: #159EEC;
        text-decoration: none;
    }


.cor #banner1Column a {
    color: #124360;
}

    .cor #banner1Column a:hover {
        color: #159EEC;
        text-decoration: none;
    }

.cor .borderRightToNone {
    border-right: 1px solid #BFD2F8;
}

@media only screen and (max-width: 768px) {
    .cor .borderRightToNone {
        border-right: 0px solid #BFD2F8;
    }
}

.cor .b1cHeight {
    height: 260px;
}


@media screen and (min-width: 768px) and (max-width: 991px) {
    .cor .b1cHeight {
        height: 280px;
    }
}

@media only screen and (min-width: 992px) {
    .cor .b1cHeight {
        height: 320px;
    }
}

.cor .btn-sm {
    padding: 13px 38px;
}


.cor .wow {
    visibility: hidden;
}



.cor .searchM {
    display: none;
}

.cor .searchD {
    margin: 22px 15px 0 15px;
    display: block;
}

@media only screen and (max-width: 768px) {
    .cor .searchM {
        position: absolute;
        z-index: 1;
        top: 12px;
        right: 70px;
        display: block;
    }

    .cor .searchD {
        display: none;
    }
}


.cor .alerts-list {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    min-width: 300px;
    z-index: 9999;
}


.cor .contactUsText {
    font-size: 32px;
    line-height: 38px;
    font-weight: 600;
}

@media only screen and (max-width: 768px) {
    .cor .contactUsText {
        font-size: 21px;
        line-height: 28px;
        font-weight: 600;
    }
}


.cor .fixed-top {
    background: #fff;
}


.cor .embededVideo {
    width: 100%;
    height: 415px;
}

@media only screen and (max-width: 768px) {
    .cor .embededVideo {
        width: 100%;
        height: 225px;
    }
}


.cor .button-outline {
    color: #1F2B6C;
    font-weight: 600;
    border: 1px solid #1F2B6C;
    padding: 3px 10px;
    text-decoration: none;
}





/*=========================================
5. HEADER
=========================================*/
.cor .top {
    padding: 0px 0px;
    /*
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index:9;
    */
}

    .cor .top ul {
        margin: 0;
        padding: 0
    }

        .cor .top ul li {
            list-style-type: none;
            display: inline-block;
            margin-right: 10px;
            padding-right: 20px;
            position: relative;
        }

            .cor .top ul li.no-padding-right {
                padding-right: 0;
            }

            .cor .top ul li:first-child {
                border-right: 1px solid #fff;
            }

            .cor .top ul li:last-child {
                margin-right: 0px;
                padding-right: 0px;
                border-right: 0;
            }

            .cor .top ul li img {
            }

            .cor .top ul li a:not(.btn) {
                color: #fff;
                font-size: 12px;
            }

    .cor .top .icon ul li a {
        font-weight: 400;
    }

        .cor .top .icon ul li a:hover {
            text-decoration: none;
        }




.cor #firstLevel .row-narrow-width {
    padding-left: 0px;
    padding-right: 0px;
}