.box {
    min-height: 280px;
    padding: 0 0 9px 30px;
    border-left: 1px dotted #E5E5E6
}

.tall .box {
    border-left: none
}

.box .row {
    margin: 0 -3px
}

.box .row [class*=col-] {
    padding: 0 3px
}

.box a {
    color: #59595c !important
}

.box-products {
    padding: 0;
    border-left: none
}

.product_list li {
    font-size: 12px
}

ul.docs {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.docs li {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAMAAABIK2QJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRF8vT0/Pz8zMzMnn+yegAAADRJREFUeNqUjEEOADAIwor/f/TAGO7rwTQoAnNgZRRG1sxk2ot69vVrrqN2f/PizypPgAEANScAtO7c7KgAAAAASUVORK5CYII=) no-repeat scroll 0 10px;
    line-height: 16px;
    margin: 4px 0;
    padding: 7px 0 7px 18px
}

.icon-box {
    float: left;
    margin-bottom: 20px;
    margin-left: 0;
    padding: 0;
    margin-right: 10px
}

.box .title {
    font-size: 18pt;
    line-height: 20pt;
    border-bottom: 2px solid #e5e5e5;
    letter-spacing: -0.3px
}

.box .title img {
    max-width: 48px;
    height: auto;
    display: inline;
    max-height: 48px;
    width: inherit;
    display: none
}

.spotlight a.ps_control {
    left: 60px
}

.spotlight a#ps_right {
    left: 280px
}

#prods.owl-carousel .owl-item .item {
    text-align: center
}

#prods.owl-carousel .owl-item .item img {
    display: inline-block;
    margin: -15px 0;
    max-width: 100%;
    width: auto
}

#prods.owl-carousel .owl-item .item span {
    display: block;
    font: italic 16px/24px Georgia, serif
}

#prods .owl-next,
#prods .owl-prev {
    height: 30px;
    position: absolute;
    top: calc(50% - 15px);
    right: 0;
    text-align: center;
    width: 30px
}

#prods .owl-prev {
    left: 0
}

.container a.learnmore,
a.readmore {
    background: #000000;
    background: -webkit-gradient(linear, left top, left bottom, from(#000000), color-stop(21%, #090909), color-stop(81%, #333333), to(#3b3b3b));
    background: -webkit-linear-gradient(top, #000000 0%, #090909 21%, #333333 81%, #3b3b3b 100%);
    background: -o-linear-gradient(top, #000000 0%, #090909 21%, #333333 81%, #3b3b3b 100%);
    background: linear-gradient(top, #000000 0%, #090909 21%, #333333 81%, #3b3b3b 100%);
    border-radius: 4px;
    -webkit-box-shadow: 0px 2px 2px #bbb;
    box-shadow: 0px 2px 2px #bbb;
    color: white !important;
    font-weight: bold;
    padding: 3px 9px;
    width: auto;
    text-align: center;
    font-size: 12px;
    text-shadow: none
}

.container a.learnmore:hover,
a.readmore:hover {
    background: #00b7ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#00b7ff), to(#009cd9));
    background: -webkit-linear-gradient(top, #00b7ff 0%, #009cd9 100%);
    background: -o-linear-gradient(top, #00b7ff 0%, #009cd9 100%);
    background: linear-gradient(top, #00b7ff 0%, #009cd9 100%);
    border-radius: 4px;
    text-decoration: none;
    border: none
}

.container a.learnmore:hover span,
a.readmore:hover span {
    border-top: none
}

.container a.learnmore {
    background: -webkit-gradient(linear, left top, left bottom, from(#c1c1c1), color-stop(24%, #b4b4b4), color-stop(76%, #8e8e8e), to(#818181));
    background: -webkit-linear-gradient(top, #c1c1c1 0%, #b4b4b4 24%, #8e8e8e 76%, #818181 100%);
    background: -o-linear-gradient(top, #c1c1c1 0%, #b4b4b4 24%, #8e8e8e 76%, #818181 100%);
    background: linear-gradient(to bottom, #c1c1c1 0%, #b4b4b4 24%, #8e8e8e 76%, #818181 100%);
    font-size: 11px
}

.row.feat a.readmore,
footer a.readmore {
    padding: 0 10px;
    display: block;
    float: left;
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
    font-size: 11px;
    line-height: 18px;
    text-decoration: none;
    color: #ffffff;
    text-shadow: -1px -1px 1px #909090;
    margin-top: 3px;
    background: #c1c1c1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, from(#c1c1c1), color-stop(24%, #b4b4b4), color-stop(76%, #8e8e8e), to(#818181));
    background: -webkit-linear-gradient(top, #c1c1c1 0%, #b4b4b4 24%, #8e8e8e 76%, #818181 100%);
    background: -o-linear-gradient(top, #c1c1c1 0%, #b4b4b4 24%, #8e8e8e 76%, #818181 100%);
    background: linear-gradient(to bottom, #c1c1c1 0%, #b4b4b4 24%, #8e8e8e 76%, #818181 100%);
    border: 1px solid #848484;
    border-bottom: 1px solid #666666;
    border-top: 1px solid #9f9f9f;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 2px #c5c5c5;
    box-shadow: 0px 1px 2px #c5c5c5;
    text-decoration: none !important
}

footer {
    background: #000;
    border-top: #009cd9 solid 35px;
    font-size: 12px;
    position: relative
}

footer a {
    color: #a0a0a0
}

footer h5 {
    color: #fff;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    font-weight: bold
}

footer h4 {
    color: #009cd9;
    font-weight: 400;
    font-size: 18pt;
    margin: 16px 0px 26px
}

footer p {
    color: #fff;
    line-height: 1.5em;
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular
}

footer .container {
    color: #fff;
    font-weight: 300;
    padding: 40px 15px;
    position: relative;
    letter-spacing: 0
}

footer .container.no-pad {
    padding: 0 15px !important
}

footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block
}

footer ul.nav-tabs {
    border: none;
    width: 100%
}

footer ul.nav-tabs li {
    margin-bottom: 0
}

footer ul.nav-tabs li a {
    background: #666;
    border: none;
    border-bottom: 1px solid transparent;
    border-radius: 15px 15px 0 0;
    color: #fff;
    padding: 8px 11px 4px
}

footer ul.nav-tabs li.active a,
footer ul.nav-tabs li.active a:focus,
footer ul.nav-tabs li.active a:hover,
footer ul.nav-tabs li a:hover {
    background: #009cd9;
    background: -moz-linear-gradient(top, #40c9ff 0%, #0dbbff 29%, #00aef3, #009cd9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009cd9), color-stop(29%, #00b0f6), color-stop(75%, #00a1e1), color-stop(100%, #009cd9));
    background: -webkit-linear-gradient(top, #40c9ff 0%, #0dbbff 29%, #00aef3, #009cd9 100%);
    background: -o-linear-gradient(top, #40c9ff 0%, #0dbbff 29%, #00aef3, #009cd9 100%);
    background: -ms-linear-gradient(top, #40c9ff 0%, #0dbbff 29%, #00aef3, #009cd9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-primary', endColorstr='#009cd9', GradientType=0);
    background: -webkit-gradient(linear, left top, left bottom, from(#40c9ff), color-stop(29%, #0dbbff), color-stop(#00aef3), to(#009cd9));
    background: linear-gradient(top, #40c9ff 0%, #0dbbff 29%, #00aef3, #009cd9 100%);
    border: none;
    border-bottom: 1px solid #009cd9;
    color: #fff
}

footer .tab-content {
    border-bottom: 2px solid #009cd9;
    min-height: 327px;
    overflow: hidden;
    position: relative
}

.footer-tabs-divider {
    background-color: #009cd9;
    height: 3px
}

.ecommerce-box {
    color: #e0e0e0;
    font-size: 12px;
    line-height: 18px
}

.resources-box img {
    background: #333;
    border-radius: 10px;
    margin: 0 20px;
    padding: 20px
}

footer .js-tabcollapse-panel-body {
    background: #000
}

footer h5.panel-title {
    font-size: 13px;
    padding-bottom: 0
}

footer h5.panel-title a {
    display: block;
    padding: 10px 15px
}

footer .panel-default>.panel-heading {
    background: #009cd9;
    border-color: #009cd9;
    padding: 0
}

footer .panel-default>.panel-heading a {
    color: #fff
}

footer .tab-content ul h5 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px
}

.numbered {
    position: absolute;
    bottom: 0;
    right: 20px;
    width: auto
}

.numbered li {
    float: left;
    font-size: 14px
}

.numbered li a {
    display: inline-block;
    padding: 5px 8px
}

.copyright {
    font-size: 12px;
    font-weight: 500;
    margin-top: 20px
}

.copyright a {
    text-decoration: underline
}

.copyright a:hover {
    text-decoration: none
}

footer.footer.foot-white {
    border-top: 40px solid #333
}

.foot-white #footer-background {
    border-top: none !important
}

.foot-white #footer-tabs-divider {
    background-color: #333
}

footer.footer.foot-white ul li a {
    color: #333
}

.foot-white .address-block>p a,
.foot-white footer.footer .address-block>div a,
.foot-white footer.footer .address-block>p a {
    color: #333 !important
}

.foot-white .copyright a {
    color: #333
}

footer.foot-gray #footer-search.opc-bg-color {
    background: none !important
}

footer.foot-white #footer-background {
    border-top: 0
}

header {
    padding: 15px 0
}

.logo-link {
    float: left
}

.logo-link img {
    margin: 10px 0;
    padding-right: 50px
}

.tagline {
    text-align: right;
    font-family: Arial Black, sans-serif;
    font-style: normal;
    font-size: 16px;
    float: right;
    margin-top: 40px;
    margin-bottom: 0;
    padding-bottom: 0
}

#crossbar {
    overflow: hidden;
    padding: 30px 0
}

#crossbar .container {
    padding: 0 35px;
    max-height: 282px
}

#hero .item {
    padding-bottom: 10px
}

#hero .item img {
    border: 7px solid #fff
}

#hero .capi {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 39px;
    z-index: 99
}

#hero .capi .capi-inn {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    text-shadow: 0 3px 1px #111;
    width: 100%
}

#hero .capi .capi-inn h1 {
    font-size: 60px;
    font-weight: bold;
    margin: 0 0 24px;
    padding-top: 27px
}

#hero .owl-controls {
    margin-top: -8px
}

#hero .owl-next,
#hero .owl-prev {
    position: absolute;
    bottom: 0;
    display: none !important
}

#hero .owl-prev {
    left: -15px
}

#hero .owl-next {
    right: -15px
}
.carousel-hero__section {
min-height: 0;
transition:
    /* animate both height and min-height changes */
    height 0.3s ease-in-out,
    min-height 0.3s ease-in-out;
}

.carousel-hero__section--preload-min-height {
min-height: 430px;
}

@media (min-width: 768px) {
.carousel-hero__section--preload-min-height {
    min-height: 300px;
}
}

@media (min-width: 1280px) {
.carousel-hero__section--preload-min-height {
    min-height: 450px;
}
}
#carouselHero {
    font-family: "Open Sans", sans-serif
}

#carouselHero h1 {
    color: #333;
    text-shadow: 0 0px 3px #ffffff;
    font-size: clamp(3.0rem, 6vw, 4.5rem);
}
#carouselHero h2 {
    color: #333333;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    font-size: clamp(1.25rem, 6vw, 3rem);
}

#carouselHero .carousel-img-background {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 50vh;
    min-height: 380px;
    max-height: 56vw;
    position: relative
}

#carouselHero .carousel-img-banner {
    width: 100%;
}

#carouselHero .carousel-caption {
    position: absolute;
    text-align: right;
    bottom: unset;
    right: unset;
    margin: 0 auto;
    max-width: 980px;
    padding: 0 15px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

#carouselHero .carousel-caption p {
    font-size: 2rem;
    line-height: 3rem
}

#carouselHero .owl-nav .owl-prev {
    left: 15px;
    padding: 10px 18px 8px 16px
}

#carouselHero .owl-nav .owl-next {
    right: 15px;
    padding: 10px 16px 8px 18px
}

#carouselHero .owl-nav [class*=owl-] {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: none;
    color: rgba(255, 255, 255, 0.4);
    outline: 1px rgba(0, 0, 0, 0.3)
}

#carouselHero .owl-nav [class*=owl-]:hover {
    background: none;
    color: #fff;
    text-decoration: none
}

#carouselHero .owl-theme .owl-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.5
}

#carouselHero .btn-lg {
    padding: clamp(0.6rem, 1.5vw, 1rem) clamp(1rem, 3vw, 2rem);
    font-size: clamp(1.5rem, 2.5vw, 2.0rem);
}

#carouselHero a.btn {
    color: #fff
}

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

.title img {
    max-height: 37px;
    height: auto
}

#menu {
    margin-right: -15px;
    margin-left: -15px
}

#menu ul {
    line-height: 24px;
    list-style-type: none;
    margin: 0;
    margin-top: 10px;
    padding: 0
}

#menu>ul {
    background: #000000;
    background: -webkit-gradient(linear, left top, left bottom, from(#000000), color-stop(21%, #090909), color-stop(81%, #333333), to(#3b3b3b));
    background: -webkit-linear-gradient(top, #000000 0%, #090909 21%, #333333 81%, #3b3b3b 100%);
    background: -o-linear-gradient(top, #000000 0%, #090909 21%, #333333 81%, #3b3b3b 100%);
    background: linear-gradient(top, #000000 0%, #090909 21%, #333333 81%, #3b3b3b 100%);
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 2px #bbb;
    box-shadow: 0px 2px 2px #bbb;
    width: 100%;
    height: 44px;
    font-size: 12px;
    float: left;
    position: relative
}

.megamenu {
    text-align: left;
    color: #59595c
}

.megamenu a {
    color: #009cd9
}

#menu>ul>li {
    font-size: 14px;
    text-align: center;
    float: left;
    padding: 0;
    position: relative;
    top: -4px;
    height: 52px;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAANCAYAAABo1wTyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3RjBFOEE0MDg5MkZERjExQkIxNEU2MjA3OUE3QUZDNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNkE0QkQ5OTYxQUIxMURGOTczREFDQjNBNzVFNzhCOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNkE0QkQ5ODYxQUIxMURGOTczREFDQjNBNzVFNzhCOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NEQwRTM3NTRFNUZERjExODNFOURBMzk1OTU5MUU1MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3RjBFOEE0MDg5MkZERjExQkIxNEU2MjA3OUE3QUZDNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnNnbosAAAAaSURBVHjaYjh9+mwDA5BgYGIAAhBBGhcgwAA4/A6AHBu3ygAAAABJRU5ErkJggg==)
}

#menu>ul>li:hover {
    text-decoration: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAA0CAYAAABmUH0tAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX9JREFUeNrsnL1Kw2AYhd8vUSwouHojXoXXoTfQxYKLUx3M5pTJxdXNunkD3oqDCA4KNjZpv/44WpEn8Bx4KVm/h3POG5ImxWPThOLovho19fAqXxbR4nE4EzFOZ9X5CpCnQpwOUkopdswUmKbTiDTzTWrGcXodKR6+7CCSTsqNSx0EUxtrPwBpIDYgt2y0jDi4i3QQFE7+tYOAgPIsHOShsAFJCAvJDupBF+kgIJiiKJYusoPgMWfEQR2UXWTE6SClg3SQ+m8wKwcJCKcMp4s6j4N5g2rEwR2UR0DgDpoDcovDQjLieuEgAWHdY8QZceo3cNzi3OLUX8SbEQe/SV1EnIfC7iAJGXFqm4jTQThAOqhfS4KAyA7ygR1MZVl2o4PgDvKtHngHuSSAI24dkB1kB6ltHGQHQQGtvbjoodAAbf7LW0L0iFMkPR8dz3btcv5BpbeXG5cEmvb222cOEe+vVTzd1TqIpoPDiM+Py5jUlR1E1O5gFLcXy09ifgswANjFKjoaBpkfAAAAAElFTkSuQmCC);
    background-size: cover;
    height: 52px;
    top: -4px
}

#menu>ul>li:last-child:not(:hover) {
    background-image: none
}

#menu>ul>li:last-child a {
    color: #f8ae00;
    font-weight: bold
}

#menu>ul>li:last-child a:hover {
    color: #fff
}

#menu>ul>li>a {
    display: block;
    padding: 14px 19px;
    margin: 0px 7px;
    color: #FFF;
    text-decoration: none
}

#menu ul li div.megamenu {
    background: #fff;
    -webkit-box-shadow: 0 6px 5px rgba(68, 68, 68, 0.5);
    box-shadow: 0 6px 5px rgba(68, 68, 68, 0.5);
    font-size: 12px;
    width: 480px;
    position: absolute;
    left: 0;
    top: 100%;
    padding: 18px 16px 5px;
    display: none;
    z-index: 9999
}

#menu ul li:hover div.megamenu {
    display: block
}

#menu ul li:hover div.megamenu a {
    display: inline-block
}

#menu ul li div.megamenu img {
    float: left;
    margin-right: 10px
}

#menu ul li div.megamenu ul.mega {
    margin: 0;
    overflow: hidden
}

#menu ul li div.megamenu ul.mega li {
    float: left;
    width: 33%
}

#menu ul li div.megamenu ul.mega.beside-photo li {
    margin-top: -5px;
    width: 100%
}

#menu ul li div.megamenu ul.mega.beside-photo li a {
    padding: 3px 0
}

#menu ul li div.megamenu ul.mega.social-links li {
    width: auto
}

#menu ul li div.megamenu a {
    color: #444;
    padding: 1px 5px;
    text-decoration: underline
}

#menu ul li div.megamenu a:hover {
    text-decoration: none;
    text-shadow: none
}

#menu ul li div.megamenu ul.mega li:last-child a {
    color: #797979;
    font-weight: normal
}

#menu ul li div.megamenu.help ul.mega li,
#menu ul li div.megamenu.resource ul.mega li {
    width: 50%
}

#menu ul li div.megamenu.contact {
    max-width: 360px
}

.row.feat {
    margin-top: 30px;
    border-top: 2px solid #888;
    padding-top: 20px;
    padding-bottom: 20px
}

.row.feat div:first-child {
    border-left: none
}

.row.feat [class*=col-] {
    position: relative;
    padding-left: 95px;
    border-left: 1px dotted #E5E5E6
}

.row.feat [class*=col-] img {
    position: absolute;
    left: 15px
}

body {
    background: #ffffff;
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QNtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6N0YwRThBNDA4OTJGREYxMUJCMTRFNjIwNzlBN0FGQzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0MxMThCMzI1RUIxMTFERkJFNDdDMTA2RjU3NjI0QTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0MxMThCMzE1RUIxMTFERkJFNDdDMTA2RjU3NjI0QTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkIyRDk0MjVCMTVFREYxMUE4RUVCN0JGMDVDMzQ0ODEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0YwRThBNDA4OTJGREYxMUJCMTRFNjIwNzlBN0FGQzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCANHAAMDAREAAhEBAxEB/8QAZAABAQEBAQAAAAAAAAAAAAAAAAQFCQMBAQAAAAAAAAAAAAAAAAAAAAAQAQABAgQDBwUAAAAAAAAAAAABYRORodESUQKS8BGB4WIFCFiY2AkaEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwDrz/OP+kv6DPZvuQ+aX5Jg7bgotenPzBds5eGc6grsxTGQWWpr0yC3ZzcM41Bo2op0wC6zFMZBoWYpjILrM1xgGh3RwjCAXbIrloCyzFMZBVsmmegL7VOXt4A9gUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//2Q==);
    background-repeat: repeat-x
}

.img-sidebar {
    border-radius: 10px;
    border: #f4f4f4;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 30px;
    display: block;
    margin-right: auto;
    margin-left: auto
}

.files-order-estimate [class*=col-] {
    border-left: 1px solid #ffffff78
}

.files-order-estimate [class*=col-]:last-child {
    border-right: 1px solid #ffffff78
}

.files-order-estimate a {
    color: #fff !important;
    border-radius: 0;
    margin: 10px 0
}

.files-order-estimate a:hover {
    background-color: rgba(255, 255, 255, 0.1)
}

body {
    color: #59595c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 24px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding-bottom: 10px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400
}

h1 {
    font-size: 28px
}

h2 {
    font-size: 24px
}

h2.larger {
    font-size: 30px;
    line-height: 35px
}

h3 {
    font-size: 20px
}

h3.larger {
    font-size: 27px;
    line-height: 30px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 15px
}

h6 {
    font-size: 14px
}

p {
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular
}

a:visited {
    text-decoration: none
}

a {
    color: #444
}

a:focus,
a:hover {
    color: #009cd9;
    outline: 0;
    -o-transition: all linear 0.2s 0s;
    transition: all linear 0.2s 0s;
    -webkit-transition: all linear 0.2s 0s
}

.container {
    width: 980px;
    max-width: 100%
}

.img-right {
    float: right;
    margin-left: 15px
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

.headings-my-0 .h1,
.headings-my-0 .h2,
.headings-my-0 .h3,
.headings-my-0 h1,
.headings-my-0 h2,
.headings-my-0 h3 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.text-light {
    color: #f8f9fa !important
}

.btn-default {
    color: #333 !important
}

.btn-outline-light {
    color: #f8f9fa !important;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529 !important;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-primary:link,
.btn-primary:visited {
    color: #fff
}

.callouts-transparent-paralax {
    background-image: url(/designOutsideTheBox_R/images/designer.jpg);
    background-size: cover;
    background-color: #888;
    background-attachment: fixed
}

@media (min-width:991px) {
    .callouts-transparent-paralax .row>[class*=col-]:nth-child(3n+1) {
        clear: both
    }
}

@media (max-width:991px) {
    .callouts-transparent-paralax .row>[class*=col-]:nth-child(odd) {
        clear: both
    }
}

.callouts-transparent-paralax .product-list {
    padding: 30px 0
}

.callouts-transparent-paralax .product_list {
    margin-bottom: 0
}

.callouts-transparent-paralax .box {
    border: 2px solid #fff;
    padding: 15px;
    color: #fff;
    margin: 15px 0;
    padding-bottom: 50px;
    position: relative;
    min-height: 315px
}

.callouts-transparent-paralax .box .row {
    margin: 0 -3px
}

.callouts-transparent-paralax .box .row [class*=col-] {
    padding: 0 3px
}

.callouts-transparent-paralax .box .title {
    color: #fff;
    font-size: 18pt;
    line-height: 20pt;
    text-align: center;
    overflow-wrap: break-word
}

.callouts-transparent-paralax .box .title img {
    display: none !important
}

.callouts-transparent-paralax .box .icon-box {
    float: left;
    margin-bottom: 20px;
    margin-left: 0;
    padding: 0;
    margin-right: 10px
}

.callouts-transparent-paralax .box ul.docs {
    list-style: none;
    margin: 0;
    padding: 0
}

.callouts-transparent-paralax .box ul.docs li {
    background: none !important;
    line-height: 16px;
    margin: 4px 0;
    padding: 7px 0 7px 18px
}

.callouts-transparent-paralax .box ul.docs li:before {
    content: "\00bb\00a0";
    font-size: 1.6rem;
    position: relative;
    top: -1px;
    color: #fff
}

.callouts-transparent-paralax .box a {
    color: #fff !important
}

.callouts-transparent-paralax .box a.learnmore,
.callouts-transparent-paralax .box a.readmore {
    width: auto;
    min-width: 150px;
    height: auto;
    position: absolute;
    bottom: 15px;
    left: 50%;
    right: inherit;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: transparent !important;
    border-radius: 25px !important;
    border: 2px solid #fff !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 8px 12px !important;
    color: #fff !important;
    line-height: 1.4em;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none !important;
    text-shadow: none;
    -webkit-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease
}

.callouts-transparent-paralax .box a.learnmore:active,
.callouts-transparent-paralax .box a.learnmore:hover,
.callouts-transparent-paralax .box a.readmore:active,
.callouts-transparent-paralax .box a.readmore:hover {
    color: #fff !important;
    text-decoration: none !important;
    border: 2px solid #fff !important;
    background: transparent !important;
    border-radius: 25px !important;
    text-decoration: none;
    text-shadow: none !important;
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.32) !important;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.32) !important
}

.callouts-transparent-paralax .box a.learnmore:active span,
.callouts-transparent-paralax .box a.learnmore:hover span,
.callouts-transparent-paralax .box a.readmore:active span,
.callouts-transparent-paralax .box a.readmore:hover span {
    border-top: none
}

.callouts-transparent-paralax .box-products {
    padding: 0;
    border-left: none
}

.callouts-transparent-paralax .product_list {
    padding: 0
}

.callouts-transparent-paralax .product_list li {
    list-style: none inside;
    font-size: 15px
}

.callouts-transparent-paralax .product_list li:before {
    content: "\00bb\00a0";
    font-size: 1.6rem;
    position: relative;
    top: -1px
}

.callouts-transparent-paralax .callouts .box a:link,
.callouts-transparent-paralax .callouts .box a:visited {
    color: #fff
}

.callouts-transparent-paralax .spotlight a.ps_control {
    left: 13px
}

.callouts-transparent-paralax a.learnmore {
    border: 1px solid transparent
}

a.meanmenu-reveal {
    display: none
}

.mean-container .mean-bar {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    min-height: 42px;
    padding: 4px 0;
    position: absolute;
    right: 5px;
    top: 0px !important;
    width: 100%;
    z-index: 999999
}

.mean-container .mean-bar * {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.mean-container a.meanmenu-reveal {
    color: #009cd9;
    cursor: pointer;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1px;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    padding: 13px 13px 11px;
    position: absolute;
    right: 0;
    text-decoration: none;
    text-indent: -9999em;
    top: 0;
    width: 22px;
    z-index: 999999
}

.mean-container a.meanmenu-reveal span {
    background: #009cd9;
    display: block;
    height: 3px;
    margin-top: 3px
}

.mean-container .mean-nav {
    background-color: #009cd9;
    float: left;
    margin-top: 44px;
    width: 100%
}

.mean-container .mean-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.mean-container .mean-nav ul li {
    float: left;
    position: relative;
    width: 100%
}

.mean-container .mean-nav ul li a {
    border-top: 1px solid #383838;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    display: block;
    float: left;
    margin: 0;
    padding: 0.5em 5%;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    width: 90%
}

.mean-container .mean-nav ul li a:hover {
    background: #ffffff;
    color: #000000
}

.mean-container .mean-nav ul li li a {
    border-top: 1px solid #f1f1f1;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    filter: alpha(opacity=75);
    opacity: 0.75;
    padding: 0.5em 10%;
    text-shadow: none !important;
    visibility: visible;
    width: 80%
}

.mean-container .mean-nav ul li li li a {
    padding: 0.5em 15%;
    width: 70%
}

.mean-container .mean-nav ul li li li li a {
    padding: 0.5em 20%;
    width: 60%
}

.mean-container .mean-nav ul li li li li li a {
    padding: 0.5em 25%;
    width: 50%
}

.mean-container .mean-nav ul li a.mean-expand {
    background: rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
    border: 0 !important;
    font-weight: 700;
    padding: 8px !important;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 26px;
    z-index: 2
}

.mean-container .mean-nav ul li a.mean-expand:hover {
    background: rgba(170, 170, 5, 0.3);
    color: #009cd9
}

.mean-container .mean-nav ul li.mean-last a {
    border-bottom: 0;
    margin-bottom: 0
}

.mean-container .mean-push {
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

.mean-nav .wrapper {
    margin: 0;
    padding: 0;
    width: 100%
}

.mean-remove {
    display: none !important
}