@font-face {

    font-family: 'Avenir LT Std 55 Roman';
    src: url('../font/AvenirLTStd-Heavy.eot');
    src: url('../font/AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../font/AvenirLTStd-Heavy.woff2') format('woff2'),
        url('../font/AvenirLTStd-Heavy.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std 35';
    src: url('../font/AvenirLTStd-Light.eot');
    src: url('../font/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/AvenirLTStd-Light.woff2') format('woff2'),
        url('../font/AvenirLTStd-Light.woff') format('woff'),
        url('../font/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}



body {
    color: #505050;
    font: 12px/1.55em 'Avenir LT Std 55 Roman';
    text-align: center;
    overflow-x: hidden;
}



a {
    color: #555452;
    text-decoration: underline;
}

a:hover {
    color: #555452;
    text-decoration: none;
}

a img {
    border: 0;
}

a:focus {
    outline: 2px solid black;
}



.f-right {
    float: right;
}

.f-left {
    float: left;
}

.a-right {
    text-align: right;
}

.a-left {
    text-align: left;
}

.a-center {
    text-align: center;
}


.language-mobile {
    display: none;
}


.header {
    text-align: left;
    z-index: 100;
}

.header-top {

    width: 30%;

    padding: 0;

    /* margin: 0 auto; */

    position: relative;

    z-index: 100;

    float: left;

}

.nav-container {
    padding-top: 25px;
}



body .main {

    height: auto;

    width: 100%;

    /* padding: 5px; */

    margin: 0 auto;

    text-align: left;

    padding: 0px;

    min-height: unset;

}

.side-col {
    width: 190px;
}

.col-left {
    float: left;
}

.col-main {
    float: right;
}

.col-right {
    float: right;
    display: none;
}

.col-main-left {
    float: left;
}

.col-1-layout .col-main {
    float: none;
    margin: 0;
}

.col-2-right-layout .col-main {
    float: left;
    width: 100%;
}

.col-2-left-layout .col-main {
    float: right;
    width: 740px;
}

.col-3-layout .col-main {
    width: 530px;
    margin-left: 10px;
}



.header-nav-container {
    padding-top: 13px;
}

/*.main { background: #FFF url(../images/content_bg.gif) no-repeat 0 0; }*/



.mini-search {
    position: absolute;
    padding: 7px 7px 7px 9px;
    bottom: 5px;
    right: 0;
    width: 280px;
    height: 24px;
    background: url(../images/search.gif) no-repeat;
}

.mini-search .input-text {
    width: 233px;
    padding: 5px 4px 4px;
    border: none;
    color: #e36761;
    text-transform: lowercase;
    font-size: 1em;
}

.mini-search .input-submit {
    float: right;
    height: 26px;
    width: 26px;
    border: 0px solid #FFF;
    font-weight: bold;
    background: url(../images/common.gif) no-repeat -321px -214px;
    font-size: .9em;
    cursor: pointer;
}

.mini-search .input-submit span {
    display: none;
}

.mini-search .advanced-search-link {
    padding-left: 12px;
    font-size: .9em;
    background: url(../images/common.gif) no-repeat -590px 2px;
}

.search-autocomplete {
    z-index: 999;
}

.search-autocomplete ul {
    border: 1px solid #888;
    background-color: #f9f5f0;
}

.search-autocomplete li {
    border-bottom: 1px solid #f4eee7;
    padding: 2px 8px 1px 8px;
    cursor: pointer;
}

.search-autocomplete li .amount {
    float: right;
    font-weight: bold;
}

.search-autocomplete li.odd {
    background-color: #fffefb;
}

.search-autocomplete li.selected {
    background-color: #f7e8dd;
}





.logo {
    float: left;
}





.select-language {
    position: absolute;
    right: 400px;
    top: 80px;
}

.select-language label {
    color: #777;
    padding-right: 5px;
}

.select-language .flag option {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    margin-left: 2px;
}





.welcome-message {
    font-size: 0.9em;
    margin: 0 !important;
    color: #ffffff;
    position: absolute;
    top: 60px;
    left: 300px;
}

.icon-cart-infobar {
    width: 40px;
    height: 63px;
    background: url(../images/icon_cart_infobar.png) no-repeat 0 0;
    position: absolute;
    bottom: -5px;
    left: 0;
}

.header-cart {
    position: absolute;
    top: 14px;
    left: 0;
    z-index: 100;
    height: 22px;
    padding-left: 40px;
}

.header-cart .head {
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    padding-right: 4px;
    float: left;
}

.header-cart .head span {
    font-weight: normal;
    font-size: .9em;
    color: #f5e1e6;
}

.header-cart .head span {
    padding: 4px 0 4px 0;
    display: block;
}

.header-cart .head a {
    color: #fff;
}

.header-cart .content {
    background: #de4362;
    padding: 0;
    width: 238px;
    position: absolute;
    bottom: 36px;
    left: 37px;
}

.header-cart .content li {
    padding: 2px 6px;
    border-bottom: 1px solid #c92344;
}

.header-cart .content li.last {
    border: none;
}

.header-cart .content li a {
    color: #ddd;
    font-size: .9em;
}

.header-cart .content li a:hover {}

.header-cart .widget-btn {
    float: right;
    margin-top: 2px;
}

.header-cart .btn-checkout {
    background: url(../images/btn_checkout_infobar.gif) no-repeat 0 0;
    width: 97px;
    height: 23px;
    padding: 0;
    border: none;
    margin-left: 5px;
}

.header-cart .btn-checkout span {
    display: none;
}



.homepage-callout {
    margin: 0 auto 7px auto;
    width: 960px;
    overflow: hidden;
    zoom: 1;
}



.box-social {
    float: left;
    padding: 12px;
    margin-left: 13px;
    display: inline;
}

.box-social li {
    float: left;
    margin-right: 5px;
    background: none !important;
    padding: 0px !important
}

.box-social a {
    text-indent: -9999px;
    display: block;
    width: 32px;
    height: 32px;
    padding: 0 !important;
}

.icon-twitter a {
    background: url(../images/common.gif) no-repeat -400px -129px;
}

.icon-facebook a {
    background: url(../images/common.gif) no-repeat -443px -87px;
}

.icon-rss a {
    background: url(../images/common.gif) no-repeat -357px -171px;
}



.breadcrumbs {
    margin: 5px 0 10px 5px;
}



.header .header-links {
    position: absolute;
    left: 291px;
    top: 6px;
    background: url(../images/header_tab.gif) 0 0;
    padding: 0 0 0 33px;
}

.header .header-links li {
    float: left;
    margin-right: 1px;
    padding: 0 10px 0 0;
    background: url(../images/header_tab.gif) no-repeat 100% -48px;
}

.header .header-links li.first {
    padding-left: 0;
    background-position: 100% -73px;
}

.header .header-links li.first a {
    background-image: none !important;
    padding: 0;
}

.header .header-links li.last {
    margin: 0;
}

.header .header-links a {
    text-decoration: none;
    font-size: .9em;
    display: block;
    color: #00355f;
    background: url(../images/header_tab.gif) no-repeat 0 -24px;
    padding: 0 0 0 10px;
}

.header .header-links a:hover {
    text-decoration: underline;
}

.header .header-links span {
    display: block;
    line-height: 14px;
    padding: 3px 0 2px;
}



.cu3er-wrapper {
    height: 300px;
    overflow: hidden;
    margin-bottom: 6px;
}



.box-navigation {
    padding: 0;
}

.box-navigation .content {
    padding: 0;
}



#nav-sidebox {
    font-size: 1.15em;
}

#nav-sidebox a {
    text-decoration: none;
    color: #000;
}

#nav-sidebox a:hover {}

#nav-sidebox li,

#nav-sidebox li.parent {
    vertical-align: top;
}

#nav-sidebox li a {
    font: bold .9em VeVerdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 3px 7px 2px 10px;
    color: #7c7c7c;
    display: block;
}

#nav-sidebox li a:hover {
    color: #000;
}



#nav-sidebox li ul li {
    font-weight: normal;
    margin: 0;
}

#nav-sidebox ul {}

#nav-sidebox ul li {
    background: none;
    padding-left: 5px;
}

#nav-sidebox ul li a {
    font-weight: normal;
}

#nav-sidebox ul li.parent a {
    font-weight: bold;
}

#nav-sidebox ul li.parent ul li a {
    font-weight: normal;
}



#nav-sidebox ul li.active>a {
    font-weight: bold;
}

#nav-sidebox ul li span {
    padding: 0;
    background: none;
}

#nav-sidebox ul {
    background: #fff;
}

#nav-sidebox li.active>ul {
    display: block;
}



.tab-container .content {
    font-family: Tahoma;
    padding: 0px;
}

.tab-container .tabs {
    overflow: hidden;
    zoom: 1;
    margin: 0.5em 0;
    background: url(../images/tab_bg.gif) repeat-x 0 0;
    border: 1px solid #e8e8e8;
}

.tab-container .tabs li {
    float: left;
    cursor: pointer;
    margin: 0 0;
}

.tab-container .tabs li.first {}

.tab-container .tabs li.last {
    margin-right: 0;
}

.tab-container .tabs li span {
    color: #ba2d4e;
    padding: 10px 30px 9px 0;
    font-size: 1.15em;
    text-align: center;
    white-space: nowrap;
    font-weight: normal;
    text-decoration: underline;
    letter-spacing: .05em;
    display: block;
}

.tab-container .tabs li.over span {
    color: #871a1a;
}

.tab-container .tabs li.active {
    cursor: default;
    background: #ba2d4e;
}

.tab-container .tabs li.active span {
    color: #fff;
    text-decoration: none;
}

.tab-container .tabs li .head {
    border: none;
    margin: 0;
    float: left;
    padding-left: 30px;
}

.tab-container .col3-set {
    padding: 0 10px;
}



.no-margin {
    margin: 0;
}



.col-main .highlight-featured {
    clear: both;
    margin: 4px 0 0;
}

.col-main .highlight-featured .category-head {}

.col-main .highlight-featured h3 {
    font-size: 1.3em;
    font-weight: normal;
    color: #af4141;
}

.listing-thin li.item {
    width: 123px !important;
    text-align: left;
    padding: 10px 5px !important;
}

.listing-thin .grid-row {
    background: none;
    border: none;
}

.listing-thin .product-name {
    color: #999;
    font-size: .9em;
    font-weight: normal;
}





.footer-container {}

.footer {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 0em;
}

.footer .store-switcher {
    display: inline;
    padding: 0 10px 0 0;
    vertical-align: middle;
}

.footer .informational label {
    color: #fff;
    font-weight: bold;
    padding-right: 3px;
}

.footer .informational ul {
    display: inline;
}

.footer .informational li {
    float: left;
    margin-right: 20px;
    width: 125px;
}

.footer .informational li li {
    margin-right: 0px;
}

.footer .informational ul ul li {
    padding: 0;
    border: none;
    margin: 0;
    text-align: left;
    display: block;
}

.footer .informational li.last {
    background: none;
    margin-right: 0;
}

.footer .informational a {
    font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-transform: none;
    color: #445461;
    background: url(../images/marker.gif) no-repeat left center;
    padding-left: 10px;
}

.footer .informational a:hover {
    text-decoration: none;
}

.footer .legality {
    padding: 0;
    margin-bottom: 15px;
    text-align: center;
}

.mini-newsletter h4 {
    background: url(../images/common.gif) no-repeat -545px 3px;
    padding-left: 20px;
    font-size: 13px;
    color: #2a7ebb;
}

.footer {

    color: #fff;

    text-align: left;

    zoom: 1;

    background: #335ea8;

}

.footer .mini-newsletter .button {
    margin-top: 8px;
}

.footer:after {
    content: ".";
    display: block;
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}

.footer h6 {
    font: bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-transform: lowercase;
    color: #af4141;
    margin-bottom: 0.4em;
    padding: 0;
}

.footer .legality {
    font-size: .9em;
}

.footer .mini-newsletter {
    float: left;
    padding: 10px;
    width: 185px;
    background: url(../images/common.gif) no-repeat -70px -245px;
}

.footer .mini-newsletter .content {
    padding: 0;
}

.footer .mini-newsletter .input-text {
    margin: 0;
    width: 170px;
    padding: 5px 4px 4px;
    border: 1px solid #a9d3f5;
    background: #FFF;
    color: #00F;
    text-transform: lowercase;
    font-size: 1em;
}

.footer .mini-newsletter .form-button {
    margin-top: 8px;
}

.footer .mini-newsletter .validation-advice {
    display: none;
}

.footer .mini-newsletter label {
    font-weight: normal;
}

.footer .contacts {
    text-align: center;
    font-size: 0.9em;
}

.footer .contacts p {
    margin-bottom: 4px;
}

.mini-product-tags .grid-row .item {
    float: left;
    padding: 0 5px;
    width: 120px;
}



.footer-nav {
    font-size: .9em;
    margin-bottom: 8px;
    zoom: 1;
}

.footer-nav li {
    float: left;
}

.footer-nav li.first {
    background-image: none;
}

.footer-nav a {
    float: left;
    line-height: normal;
    padding: 5px;
    text-transform: none;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

.footer-nav a:hover {
    color: #d7261e;
}

.footer-nav:after {
    content: ".";
    display: block;
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}

.information,

.top-search,

.follow {
    padding: 10px !important;
}



.information {
    background: url(../images/common.gif) no-repeat 15px -245px;
}

.top-search {
    background: url(../images/common.gif) no-repeat 0px -245px;
}



.information h4 {
    background: url(../images/common.gif) no-repeat -529px -17px;
    padding-left: 20px;
    font-size: 13px;
    color: #2a7ebb;
}

.top-search h4 {
    background: url(../images/common.gif) no-repeat -512px -35px;
    padding-left: 20px;

    font-size: 13px;
    color: #2a7ebb;
}

.follow h4 {
    background: url(../images/common.gif) no-repeat -488px -61px;
    padding-left: 20px;
    font-size: 13px;
    color: #2a7ebb;
}

.mini-product-tags a {
    color: #445461;
    background: url(../images/marker.gif) no-repeat left center;
    padding-left: 10px;
}



/* glider */

div.easyslidecontrolwr {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    z-index: 6;
    background: url(../images/control_bg.png) no-repeat scroll right bottom;
    padding: 10px 8px 4px 5px;
}

div.scroller img {
    border: none;
}

div.scroller div.sectionslide {
    height: 430px;
    overflow: hidden;
    float: left;
}

div.scroller div.content {
    width: 100%;
    padding: 0px;
}

.content .easysliderdescription {
    padding: 0px 10px;
    position: relative;
    top: -30px;
    color: #000;
    font: 11px bold Helvetica, sans-serif;
}

.content .easysliderdescription p {
    line-height: 20px;
    text-align: center;
}

div.easysliderdescription:hover {
    background: #fff;
}

.content a {
    text-decoration: none;
    color: #777;
}

.content a:hover {
    text-decoration: underline;
}

.easyslidercontrol a {
    float: left;
    padding: 1px 7px !important;
    margin: 0 2px !important;
    text-decoration: none;
    color: #7bafd4;
    font-weight: bold;
    overflow: hidden;
    text-align: left;
}

.easyslidercontrol a:hover {
    color: #016bba;
}

.easyslidercontrol a.active {
    color: #7bafd4;
    background: #cbe6f9;
}





.welcomebanner1,
.welcomebanner2,
.welcomebanner3,
.welcomebanner4 {
    .float: left;
    margin: 0 0px;
    height: auto;
}

.welcomebanner1 {
    margin-left: 0px;
    margin-right: 0px;
}

.welcomebanner4 {
    margin-right: 0px;
}



#newsletter-f {
    float: left;
    clear: both;
}

.footer .box {}


.mini-product-tags .head h4 {}

.top-search {
    width: 260px;
}

.information {
    width: 280px;
}



button.button {
    overflow: visible;
    width: auto;
    padding: 2px 8px;
    color: #fff;
    font: bold 12px arial, sans-serif !important;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #335EA8;
    background: #335EA8 repeat-x;
}





.grey-box .button,

.cart-table .btn-continue,

.cart-table .btn-update,

.cart .discount button,

.cart .shipping button,

.block-compare button.button,

.block-poll button.button,

.block-subscribe .actions button.button,

.block-login .actions button.button,

.product-view .box-tags .form-add button.button,

.multiple-checkout .title-buttons button.button,

#multiship-addresses-table tfoot button.button {
    border: 1px solid #335EA8;
    background: #335EA8 repeat-x;
}

button.button span {
    display: block;
    line-height: 19px;
    font: bold 12px/19px Arial, Helvetica, sans-serif;
    text-align: center;
    white-space: nowrap;
    color: #fff;
}



.form-language {
    top: 60px;
    right: 0px;
}

.form-language label {
    color: #444;
    padding-right: 5px;
}

.form-language .flag option {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    margin-left: 2px;
}



.toolbar {
    border: 1px solid #E1E9E4;
    background: #fff;
}

.toolbar .strong {
    font-weight: bold;
}

.sort-by a,
div.limiter a {
    background: transparent url(../images/common.gif) no-repeat scroll -542px -94px;
    margin: 0 4px 0 0;
    padding-left: 7px;
}

div.pages li {
    padding: 0 2px;
}

div.pages li span {
    font-weight: bold;
}

.view-by div {
    width: 33%;
    padding: 4px 8px;
    vertical-align: middle;
}

.list-modes {
    margin-right: 15px;
}

.sort-by,
.list-modes {
    float: left;
}

.sort-by a,
div.limiter a {
    margin: 0 4px 0 0;
    padding-left: 7px;
    background: url(../images/common.gif) no-repeat -542px -94px;
}

.pager .pages .current,
.list-modes a.current,
.sort-by a.current,
div.limiter a.current {
    font-weight: bold;
}

.sort-by a.first,
div.limiter a.first {
    background: none;
}

.list-modes span.current {
    opacity: 1 !important;
    filter: alpha(opacity="100") !important;
}

.list-modes span {
    padding-right: 5px;
}

.sort-dir {
    margin-left: 10px;
}

.pager-wrapper {
    border: 1px solid #e5e6e6;
    background: #eee url(../images/pager_bg.gif) repeat-x 0 0;
}

.sorter .pager {
    padding-right: 0px;
}



.block-layered-nav dd {
    background: transparent url(../images/narrow_by_dd_bg.gif) repeat-x scroll 0 100%;
    padding: 0 12px 0.8em;
}

.block-layered-nav dd.last {
    background: none;
}



.col-2-left-layout .products-grid,

.col-2-right-layout .products-grid {
    background-image: url(../images/bkg_products-grid2.gif);
}

.category-products .products-grid {
    border: 1px solid #EEEEEE;
}

.products-grid .grid-row {
    border-bottom: 1px solid #E9EFEB;
}

.products-grid li.item {
    float: left;
    max-width: 442px;
}

.products-grid li.item {
    text-align: center;
}

.product-view {
    border: 1px solid #EEEEEE;
    margin-top: 0;
}



.products-grid h5 a,

.products-grid h4 a,
.products-grid h4 a .product-name {
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    font: normal .9em Verdana, Geneva, Arial, Helvetica, sans-serif !important;
}



.data-table .odd {
    background: #fff none repeat scroll 0 0;
}

.data-table .even {
    background: #F0F7FD none repeat scroll 0 0;
}

.data-table,
.product-attribute-specs-table,
.product-attribute-specs-table * {
    border-color: #D9DDE3 !important;
}

.product-view .product-shop {
    width: 360px;
}

.short-description .h4 {
    color: #335EA8;
    font-weight: bold;
    padding-bottom: 4px;
}

.fieldset .legend,
.fieldset {
    border: 0px;
}

.account-login .buttons-set {
    background: none;
    border-width: 1px 0px 0px 0px;
    margin: 0 auto;
}

.account-login .content {
    border-width: 0px;
}

.account-login .content h2 {
    color: #335EA8;
}





.box-collateral .h2 {
    color: #335EA8;
    font-weight: bold;
    border-bottom: 1px solid #AAAAAA;
    font-size: 1.15em;
    margin-bottom: 1em;
    padding-bottom: 4px;
}



.sidebar .block {
    margin-bottom: .9em;
    background: #FFFFFF;
}

.sidebar .block-content {
    padding: 5px 10px;
}

.sidebar strong {
    color: #5a7e69;
    text-transform: none;
}

.block {
    line-height: 1.3em;
    font-size: .95em;
}

.block .block-title {
    padding: 4px 8px 0px;
    margin: 0;
}

.block .block-title span {
    line-height: 25px;
    color: #335EA8;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 1px 0 1px 0;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.block-cart .subtotal {
    margin: 5px 0 0;
    padding: 2px 0;
    background: none;
    text-align: center;
}

.page-title h1 {
    color: #335EA8;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    padding: 10px 0;
}



#nav-sidebox .level0 a {
    background: url(../images/nav_item_bg.gif) repeat-x left top;
    height: 21px
}

#nav-sidebox .level0 ul {
    display: none
}



.price-box .price {
    font-weight: bold;
    color: #489cd9;
}

.regular-price {
    color: #489cd9;
}

.regular-price .price {
    font-weight: bold;
    font-size: 13px;
    color: #489cd9;
}

.old-price .price-label {
    white-space: nowrap;
    color: #999;
}

.old-price .price {
    color: #999;
    text-decoration: line-through;
}





.support {
    left: 300px;
    position: absolute;
    top: 10px
}

.checkout-btn {
    float: right
}

.checkout-btn img {
    height: 42px;
    width: 152px
}

.cart-info {
    float: left;
    padding-top: 7px
}

.grey-box {
    background: #f2f2f2;
    border: 1px solid #ccc;
    clear: both;
    height: 160px;
    zoom: 1
}



.grey-box .tip {
    color: #747474;
    font-size: 12px
}



.grey-box .head,

.highlight-featured .head {
    font-family: Tahoma;
    font-size: 17px;
    line-height: 20px;
    padding-left: 20px;
    text-align: left;
    margin-top: 5px;
    text-transform: uppercase;
    color: #323232
}

.grey-box .start {
    float: left;
    height: 20px;
    width: 27px
}

.grey-box .start {
    background: url(../images/quote-up.gif) no-repeat top left
}

.grey-box .fin {}

.grey-box .text {
    background: url(../images/quote-down.gif) no-repeat bottom right;
    float: left;
    font-style: italic;
    padding: 5px 25px 5px 5px;
    width: 285px;
    color: #747474;
    font-size: 15px
}

.grey-box .customer {
    color: #333;
    font-style: italic;
    font-weight: bold;
    margin: 0;
    padding: 5px;
    text-align: right
}

.envelope {
    float: left;
    padding: 0 10px 5px 0
}

.grey-box .content {
    padding: 12px 12px 12px 15px;
}



#newsletter-homepage {
    margin-bottom: 10px;
    width: 200px
}



.tab-container {
    margin-top: 15px
}

.tab-container .add-to {
    margin-left: 40px;
    text-align: left
}

.tab-container .add-to a {
    background: url(../images/item-marker.gif) no-repeat left center;
    font-weight: normal;
    padding-left: 10px;
    text-decoration: none
}

.tab-container h4 {
    font-weight: normal
}

.footer .payment {
    background: url(../images/footer_separator.gif) repeat-y left top;
    margin-right: 15px
}



.cart-collaterals .totals {
    background: #fff;
    border: 1px solid #DAE4DE;
}

.cart-collaterals .discount,
.cart-collaterals .shipping {
    background: #fff;
    border: 1px solid #DAE4DE;
}

.cart .crosssell {
    background: #fff;
    border: 1px solid #DAE4DE;
}

.checkout-onepage-index .page-title {
    display: none;
}

.opc .active .step-title .number {
    background: #213E4B !important;
}

.opc .active .step-title {
    background: #fff !important;
    border-color: #E1E9E4;
}

.opc .step-title {
    background: #fff;
}

.opc .allow .step-title {
    border-color: #E1E9E4;
}

.block-progress {
    background: transparent !important;
    border: 0 none;
}

.block-progress .block-content {
    padding: 5px 0px !important;
    border: 0px !important;
}

.block-progress dt {
    background: #F1F5F2 none repeat scroll 0 0;
    color: #999999;
    border: 1px solid #A3AEB3;
    margin: 3px 0 0 0 !important;
}

.block-progress dt.complete {
    color: #999999;
}

button.btn-checkout {
    background-size: contain;
}

.account-login .content {
    background: #F9F9F9;
}

.opc .step {
    border-color: #E1E9E4;
    background: #F9FBFA none repeat scroll 0 0;
    border-color: #E1E9E4;
    display: block;
}

.opc .active {
    background: #F4F4F4 none repeat scroll 0 0;
    border-color: #E1E9E4;
}

.opc .active .step-title h2 {
    color: #444444;
}

.opc .step-title .number {
    color: #AF4141;
}

.opc .active .step-title .number {
    background: #AF4141 none repeat scroll 0 0;
    border: 1px solid #E1E9E4;
    color: #FFFFFF;
}



#nav {
    padding: 0;
    font-size: 1.0em;
    float: right;
}



/************** ALL LEVELS  *************/
/* Style consistent throughout all nav levels */

#nav li {
    position: relative;
    text-align: left;
    margin-right: 13px;
}

#nav li.over {
    z-index: 999;
}

#nav a,

#nav a:hover {
    display: block;
    line-height: 1.3em;
    text-decoration: none;
}

#nav span {
    display: block;
    cursor: pointer;
    white-space: nowrap;
    padding: 0px 15px 0px 0;
}

#nav li ul span {
    white-space: normal;
}



/************ 0 LEVEL  ***************/

#nav li {
    float: left;
    /*padding-bottom:10px;*/
}

#nav li.first {}

#nav li.active a {}

#nav li.active a span {
    background: url(../images/menu_item.gif) no-repeat right -24px;
}



#nav a {

    /* float: left; */

    padding: 0 0 0 0px;

    text-transform: uppercase;

    color: #000;

    /* font-weight: bold; */

    /* border-left: 1px solid #fff; */

    font-size: 14px;

}

/*#nav a span {  }*/

/*#nav li.over a, #nav a:hover { color:#2A7EBB; background: url(../images/menu_item.gif) no-repeat 0 0; }*/

#nav li.over a span,

/*#nav a:hover span { background: url(../images/menu_item.gif) no-repeat right -24px; }/*

/************ 1ST LEVEL ************/

#nav ul li,

#nav ul li.active {
    float: none;
    margin: 0;
    padding-bottom: 1px;
    /*  background:#FFF;  */
}

#nav ul li.last {
    /* background:#FFF; */
    padding-bottom: 0;
}



#nav ul a,

#nav ul a:hover {
    float: none;
    padding: 0;
    background: none;
}

#nav ul li a {
    font-weight: normal;
    background-image: none !important;
}

#nav ul li a:hover span,

#nav ul li.active a span,

#nav ul li span {
    background-image: none !important;
}

/************ 2ND LEVEL ************/

#nav ul {
    position: absolute;
    width: 15em;
    top: 36px;
    left: -10000px;
    border: 1px solid #6BB6F0;
    border-top-color: #fff;
    background: #FFFFFF;
}

#nav ul ul {
    border-top-color: #6BB6F0;
}



/* Show menu */

#nav li.over>ul {
    left: 0;
}

#nav li.over>ul li.over>ul {
    left: 100px;
}

#nav li.over ul ul {
    left: -10000px;
}



#nav ul li a {
    background: #f7f7f7;
    text-transform: none;
}

#nav ul li a:hover {
    font-weight: bold;
}

#nav ul li.over>a {
    text-transform: underline;
}

#nav ul li a {
    color: #335EA8;
    font-weight: normal;
}

#nav ul li a:hover {
    color: #335EA8;
}

#nav ul span,
#nav ul li.last li span {
    padding: 5px 10px 5px 10px;
    background: none;
}



#nav ul li.parent>a span {}



/************ 3RD+ LEVEL ************/

#nav ul ul {
    top: 5px;
}



#nav li.active a span {
    background: none;
}



/****hide product price on virtual product page*****/

#this_will_be_disabled {
    display: none !important;
}



.quick-access {

    background: #335EA8;

}

.welcome-quote {
    width: 40%;
    color: #fff;
    font-size: 14px;
    float: left;
    font-family: Avenir LT Std 35, Verdana, sans-serif;
}

.header {

    background: #fff;

}

.header .logo img {

    width: 321px;

    height: auto;

}

.header .logo {

    float: left;

    text-decoration: none !important;

    padding: 12px;

    box-sizing: border-box;
    padding-top: 15px;
    padding-bottom: 15px;

}

.nav-container {

    width: 70%;

    float: left;

}



div.scroller img {



    width: 100%;

    height: auto;

}

div#section1 {

    width: 100% !important;



}

body .easyslideslider-id .scroller {



    width: 100% !important;

    height: auto !important;

}

.easyslideslider-id {



    margin-bottom: 0px;

    width: 100% !important;

    height: auto !important;

}

body .easyslideslider-id {



    margin-bottom: 0px;

}



body .col-main .homepage-callout {

    width: 100%;

}



.quick-access {

    overflow: hidden;

}

.shop-access {

    width: 60%;

    float: left;

    position: relative;

}

.form-language {

    top: 14px;

    right: 13px;

    position: absolute;

}

body .form-language label {
    color: #fff;
    padding-right: 5px;
    font-size: 14px;

    font-family: Avenir LT Std 35, Verdana, sans-serif;
}

ul.links li a {

    /* text-align: center; */

    color: #fff;

    text-decoration: none;

}

ul.links li a {



    /* line-height: 20px !important; */

    line-height: 35px;
    font-size: 14px;
    font-family: Avenir LT Std 35, Verdana, sans-serif;

}

ul.links li {

    padding-left: 20px;

    padding-right: 13px;



    /* border-left: 1px solid #fff; */

    /* height: 28px; */

    line-height: 35px;
}

.welcome-quote p {

    line-height: 35px;

    margin-bottom: 0px;

}

.welcome-quote p {

    text-align: left;

    padding-left: 14px;
    font-size: 0px !important;

}

.image-sec {

    width: 25%;

    float: left;

}

.image-sec a img {

    width: 100%;

    height: 180px;

}

.image-sec {

    box-sizing: border-box;

    padding-right: 1px;

}

.image-sec:nth-of-type(4) {

    padding-right: 0px;

}

.image-sec:nth-of-type(4) a img {



    height: 180px;

}

.links li {

    display: inline-block;

}

.links li {

    display: inline-block;



}

.footer ul:nth-of-type(1) {
    display: none;
}


body .links li.first {

    padding-left: 13px !important;

}

body .links li.last {

    background: none !important;

    padding-right: 13px !important;



}

.footer {

    padding-top: 4px;

}

body .footer .legality {

    font-size: 14px;

}

/*.crea-text {

	width: 35%;

	float: left;

}*/

/*.tel-mail {

	width: 25%;

	float: left;

}*/

/*.social-icon {

	width: 40%;

	float: left;

}*/

.upper-tel {

    margin-bottom: 0px;

}



.icon-img {

    display: inline-block;

    float: left;

}

.icon-text {

    display: inline-block;
    /* float: left; */
    /* margin-left: 74px; */
    text-align: left;
    font-size: 14px;
    /* font-weight: 200 !important; */
    /* font-family: AvenirLTStd; */

}

.icon-text p {

    margin-bottom: 0px;

    line-height: 49px;

}

.icon-text p a {

    text-decoration: none;

}

.inner-crea {

    font-size: 14px;

}

.icon-img img {
    width: 65%;
}

.social-image {

    display: inline-block;

}

.social-image img {

    width: 59%;

}

.crea-text {

    /*line-height: 87px;*/

    /*padding: 5px;*/

    box-sizing: border-box;

}

.tel-mail {
    text-align: center;
    box-sizing: border-box;
    padding: 0px 7% 0px 7%;
}

.social-icon {

    box-sizing: border-box;

    padding: 14px;

}

/*.social-icon {

	line-height: 100px;

}*/

/*.social-icon {

	line-height: 72px;

	

	padding-top: 30px;

}*/

.upper-footer-container {

    /* height: 126px; */

    border-bottom: 1px solid #000;

    overflow: hidden;

}

.crea-brand {
    width: 27%;
    float: left;
}

.crea-text2 {
    width: 73%;
    float: left;
    padding-bottom: 15px;
}

.middle-footer {

    overflow: hidden;

}

.crea-side-image {

    width: 30%;

    float: left;

}

.crea-bigtext {

    display: inline-block;

    float: left;

    /* font-size: 80px; */

}

.crea-text-inner p {

    font-size: 16px;
    text-align: left;

    line-height: 27px;

    padding-top: 37px;
    font-family: Avenir LT Std 35, Verdana, sans-serif;

}

.crea-bigtext p {

    font-size: 86px;

    line-height: 215px;

    margin-bottom: 0px;

}

.brand-inner {

    /* padding-top: 75px; */

    box-sizing: border-box;

    padding-left: 20px;

}

.brand-inner {



    overflow: hidden;

}

.synbol-img img {
    width: 44px;
    height: 58px;
}

.synbol-img {
    margin-left: 240px;
    padding-top: 69px;
    text-align: left;
}

.brand-inner {



    padding-right: 28px;
    padding-top: 48px;

}



body .easyslideslider-id .section {



    position: relative;

}

.slider-text {

    transform: translate(-50%, -50%);

    position: absolute;

    font-size: 51px;

    top: 65%;

    color: #fff;

    line-height: 29px;





    left: 50%;

}

.slider-text p {

    text-align: center;

}

div#section1:before {

    content: "";

    background: #0000001a;

    position: absolute;

    width: 100%;

    top: 0;

    bottom: auto;

    left: 0;

    right: 0;

    height: 100%;

    display: block;

}

body div#section1 {



    height: auto !important;

}

body .easyslideslider-id {



    height: auto !important;

}

.crea-side-image-inner {

    text-align: right;

}

.image-sec img {

    height: 180px;

}

body .form-language {
    top: 9px;
    right: 19px;
    position: absolute;
}

body .language-switcher {
    float: right;
}



.upper-footer-container {
    /* height: 126px; */
    border-bottom: 1px solid #000;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    padding-bottom: 11px;
}

/*blue-box-css*/

.homepage-callout .flex-cont a {
    text-align: center;
    width: 25%;
}

.blue-box {
    width: 25%;
    float: left;
}

.blue-padded {
    background: #365fa8;
    padding: 37px 0px 37px 0px;
    margin-right: 1px;
}

.blue-box-icon {
    height: 45px;
}

h3.blue-head {
    color: #fff;
    margin-top: 8px;
    font-size: 20px;
    font-weight: 400 !important;
    margin-bottom: 0px;
}

h4.blue-light-head {
    color: #fff;

}

.blue-box-icon img {
    width: auto;
    height: 44px;
}

.flex-cont a:nth-of-type(4) .blue-box .blue-padded {
    margin-right: 0px;
}

/*blue-box-css-end*/



.icon-text span {
    padding: 0 5px;
}

.inner-crea p {
    margin-bottom: 0px;
}

.icon-text span a {
    font-weight: normal !important;
    padding-left: 7px;
    text-decoration: none;
}

#nav li:before {
    /* content: ""; */
    background: #000;
    display: block;
    position: absolute;
    width: 2px;
    height: 11px;
    top: 2px;
    bottom: 0;
    /* left: 52px; */
    right: 0%;
}


li.nav-contacts.last:before {
    display: none !important;
}

.slider-text {
    width: 39%;
}

.margined {
    width: 50%;
    float: left;
}

.banner-icon img {
    width: 11% !important;
}

.margined {
    text-align: center;
}

.background-blue {
    background: rgba(51, 94, 168, 0.8);
}

.margined {
    padding: 0px 3px;
    box-sizing: border-box;

}

.first,
.third {
    padding-left: 0px;
}

.second,
.fourth {
    padding-right: 0px;
}

.upper-block {
    overflow: hidden;
    margin-bottom: 6px;
}

.lower-block {
    overflow: hidden;
}

.background-blue {
    padding: 10px 24px;
    box-sizing: border-box;
}

.four-block {
    background: #fff9;
}

h3.blue-head {

    font-size: 18px;
}

.margined a:hover {
    text-decoration: none;
}

h4.blue-light-head {
    font-size: 13px;
}


.contacts {
    font-size: 14px;
}

.contacts span {
    font-family: Avenir LT Std 35, Verdana, sans-serif;
}

b.bold_spacing {
    margin-left: 10px;
}

.social-image {

    margin-right: 14px;
}

.social-image img {
    width: 100%;
}

.language-switcher a {
    line-height: 23px;
}

.togle {
    display: none;
}

.main-toggle {
    display: none;
}

.triangle {
    width: 0;
    height: 0;
    border-left: 10px solid #0000;
    border-right: 10px solid #0000;
    border-top: 10px solid #394ea2;
    position: absolute;
    left: 13%;
}

.triangle2 {
    width: 0;
    height: 0;
    border-left: 10px solid #0000;
    border-right: 10px solid #0000;
    border-top: 10px solid #fff;
    position: absolute;
    /* left: 13%; */
    right: 52%;

}

.background-blue {

    min-height: 127px;
}

dt.head-tab.wzpr-12 :after {
    display: none;
}

dt.wzpr-7 label,
dt.wzpr-8 label,
dt.wzpr-9 label,
dt.wzpr-10 label {
    display: none;
}

h5.expand a {
    padding-left: 27px;
    position: relative;
}

h5.expand {
    margin: 0px 0 8px;
    font-size: 18px !important;
}

h5.expand a:after {
    content: "";
    width: 20px;
    height: 15px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/icon_plus.png) no-repeat center;
}

h5.expand a.open:after {
    background: url(../images/icon_minus.png) no-repeat center;
}

.right-section-main .content p {
    margin-top: 20px;
}



div.topic {
    display: none;
}











/********   responsive start here      ***********/

@media screen and (max-width:1044px) {

    /*.add-to-cart button.button{float: right;}*/
    .regular-price {
        line-height: 2;
    }

    .product-options-bottom,
    .product-housing-report-pdf .product-options dd {
        border: unset !important;
        /*   margin-top: -23px; */
    }

    .product-housing-report-pdf .product-options ul.options-list label,
    .product-yearly-membership-unit .product-options ul.options-list label,
    .product-yearly-membership-aggregate .product-options ul.options-list label {
        /* margin-left: -30px; */
        color: #d9dde6;
    }

    .product-options-bottom .price-box {
        margin-top: 0;
    }

    .product-options-bottom .add-to-cart {
        display: inline-block;
        margin-top: 0px;
    }

    h3.blue-head {
        font-size: 15px;
    }

    h4.blue-light-head {
        font-size: 12px;
    }

    .tel-mail {

        padding: 0px 3% 0px 3%;
    }

    .crea-bigtext p {
        font-size: 64px;

    }

    .brand-inner {

        padding-left: 25px;
    }

    .synbol-img {
        margin-left: 173px;
    }

    .synbol-img img {
        width: 31px;
        height: auto;
    }

    .synbol-img {

        margin-left: 174px;
        padding-top: 64px;
    }

    .crea-text-inner p {
        font-size: 12px;
    }

    .crea-side-image-inner img {
        height: auto;
        width: 80%;
    }

    .crea-bigtext p {

        line-height: 182px;
    }

    body .products-grid li.item {
        width: 100% !important;
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .product-essential {
        padding: 25px 15px;
    }

    .welcome-quote {
        width: 25%;
    }

    .shop-access {
        width: 75%;
    }

    .background-blue {
        padding: 15px;
    }

    .background-blue {
        min-height: 130px;
    }
}

@media screen and (min-width:1400px) {

    div.scroller .banner-icon img {
        height: 39px;
        width: 41px !important;
    }

    h3.blue-head {
        font-size: 20px;
    }

    h4.blue-light-head {
        font-size: 15px;
    }
}



@media screen and (max-width:1000px) {
    .next-tab-cl {
        margin-left: 190px;
    }

    .welcome-quote {
        width: 100%;
    }

    .shop-access {
        width: 100%;
    }

    .header .logo img {
        width: 200px;
        height: auto;
    }

    #nav li {
        float: unset;
    }

    .nav-container {
        display: none;
    }

    .main-toggle {
        display: block;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        text-align: right;
        padding: 5px;
    }

    .main-toggle img {
        width: 21%;
    }

    .header-nav {
        width: 100%;
        overflow: hidden;
    }

    .header-nav {
        padding-top: 15px;
        padding-bottom: 15px;
        background: #ddd;
    }

    #nav {
        float: left;
    }

    ul#nav li a {
        font-size: 15px;
    }

    ul#nav li:before {

        display: none;
    }

    ul#nav li a {
        padding-bottom: 10px;
    }

    ul#nav {
        padding-left: 31px;
        display: inline-grid;
    }

    .add-to-cart button.button {
        float: left;
        border: 1px solid #fff;
        background: unset;
        padding: 4px 12px;
        margin-left: -40px;
    }

    .header-top {
        width: 25%;
    }

    .welcome-quote p {
        text-align: center;
    }

    .shop-access ul {
        text-align: center;
    }

    body .form-language {

        right: 68px;
    }

    h3.blue-head {
        font-size: 13px;
    }

    .crea-text2 {
        width: 60%;
    }

    .crea-brand {
        width: 30%;
    }

    .background-blue {
        min-height: 132px;
    }

}

@media screen and (max-width:768px) {
    .next-tab-cl {
        margin-left: 165px;
    }

    .top-container2 {
        display: none;
    }

    .top-container2 {
        padding-bottom: 10px;
    }

    .language-mobile {
        display: inherit;
        padding: 15px;
        float: right;
        color: #fff;
    }

    .welcome-quote {
        width: 100%;

    }

    .welcome-quote p {
        text-align: center;
    }

    .welcome-quote p {
        font-size: 25px;

    }

    .togle {
        display: block;
        position: absolute;
    }

    .welcome-quote {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .togle img {
        width: 60%;

    }

    .togle {

        top: 4px;

        left: 4%;
    }

    .nav-container {
        display: none;
    }

    .main-toggle {
        display: block;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        text-align: right;
        padding: 5px;
    }

    .main-toggle img {
        width: 21%;
    }

    .shop-access {
        width: 30% !important;
        position: absolute;
        z-index: 1000;
        top: 49px;
        left: 0;
    }

    .links li {
        display: block;
    }

    ul.links {
        text-align: left !important;
        padding-left: 13%;
    }

    .top-container2 {
        background: #ddd;
    }

    ul.links li a {
        color: #000;
        font-size: 15px;
    }

    body .form-language {

        position: inherit;
        text-align: left;
        padding-left: 13%;
    }

    body .form-language label {
        color: #000;

        font-size: 15px;
    }

    body .language-switcher {
        float: none;
    }

    .language-switcher a {
        /*color: #000 !important;*/
        font-size: 18px;
    }

    body .form-language label {
        display: inline-block;
        float: left;
    }

    ul.links li {
        padding-left: 0px;
    }

    body .links li.first {
        padding-left: 0px !important;
    }

    #nav li {
        float: unset;
    }

    .nav-container {
        padding-top: 42px;
    }

    .nav-container {
        width: 26% !important;

        position: absolute;
        right: 0;
        top: 0;
    }

    .header-nav {
        width: 100%;
        overflow: hidden;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .header-nav {
        padding-top: 15px;
        padding-bottom: 15px;
        background: #ddd;
    }

    #nav {
        float: left;
    }

    ul#nav li a {
        font-size: 15px;
    }

    ul#nav li:before {

        display: none;
    }

    ul#nav li a {
        padding-bottom: 10px;
    }

    ul#nav {
        padding-left: 31px;
        display: inline-grid;
    }
}

@media only screen and (max-width: 767px) and (min-width: 300px) {
    ul.form-list {
        width: 100% !important;
    }

    body .form-list .field {
        padding: 0px !important;
        width: 100% !important;
        margin-top: 7px;
    }

    body .slider-text {
        transform: unset;
        position: sticky;
        font-size: 51px;
        top: unset;
        color: #fff;
        line-height: 29px;
        left: unset;
        background: url(/media/easyslide/New_homepage_banner_blur_small.jpg);
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }

    body .four-block {
        background: unset;
        width: 60%;

        padding: 43px 0px;
        margin: auto;
    }

    body .margined {
        margin-bottom: 20px;
        width: 100%;
    }

    body .margined.fourth {
        margin-bottom: 0px;
    }

    a.banner-image {
        display: none;
    }

    .background-blue {
        border-radius: 6px !important;
    }

    .footer-container:before {
        content: "";
        background: #d8dee6;
        position: absolute;
        width: 90%;
        top: 30px;
        height: 8px;
        /* margin: auto; */
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .footer-container {
        position: relative;
    }

    .upper-footer-container {
        border-bottom: unset;
    }

    .middle-footer:before {
        content: "";
        position: absolute;
        background: #ddd;
        height: 2px;
        width: 90%;
        top: 0;
        left: 50%;
        transform: translate;
        transform: translate(-50%, -50%);
    }

    .middle-footer {
        position: relative;
    }

    .background-blue {
        min-height: 114px;
    }

    .upper-footer-container {
        display: block;
    }

    .crea-brand {
        width: 100% !important;
        text-align: left;
    }

    .crea-text2 {
        width: 100% !important;
        text-align: left;
    }

    .crea-side-image {
        width: 100%;
        text-align: right;
    }

    .crea-side-image-inner img {
        height: auto;
        width: 34%;
    }

    .crea-text {
        text-align: left;
        margin-bottom: 10px;
    }

    .tel-mail {
        text-align: left;
        padding: 0;
        margin-bottom: 10px;
    }

    .social-icon {
        text-align: left;
        padding: 0;
        margin-bottom: 4px;
    }

    .upper-footer-container {
        padding-left: 36px;
    }

    .crea-bigtext p {
        line-height: 76px;
    }

    .synbol-img {
        padding-top: 3px;
    }

    .crea-text-inner p {
        font-size: 18px;
    }

    .crea-text-inner p {
        padding-top: 0px;
        padding-right: 30px;
    }

    .brand-inner {
        padding-left: 0px;
    }

    .middle-footer {
        padding-left: 35px;
        padding-top: 27px;
    }

    .easyslideslider-id .scroller {
        overflow: visible !important;
    }

    .easyslideslider-id .section {
        overflow: visible !important;
    }

    .slider-text {
        top: unset;
        bottom: -237px;
    }

    .upper-footer-container {
        padding-top: 80px;
        padding-bottom: 20px;
    }

    .inner-crea {
        font-size: 18px;
    }

    .contacts {
        font-size: 18px;
    }

    .crea-bigtext p {
        font-size: 85px;
    }

    .synbol-img img {
        width: 46px;
        height: auto;
    }

    .synbol-img {
        margin-left: 232px;
    }

    .crea-text2 {
        padding-top: 15px;
    }

    .left-section-main .left-section {
        margin-top: 0px;
    }

    .next-tab-cl {
        margin-left: 0px;
    }

    .pre-tab-cl {
        margin-right: 80px;
    }

    .product-essential {
        padding: 25px 15px;
    }

}

@media screen and (max-width:667px) {
    .pre-tab-cl {
        margin-right: 125px;
    }

    .background-blue {
        min-height: 99px !important;
    }

    .togle img {
        width: 56%;
    }

    .togle {
        top: 6px;

    }

    .shop-access {
        width: 40% !important;
    }

    .top-container2 {
        padding-bottom: 11px;
    }

    .nav-container {
        width: 45% !important;
    }

    #nav {
        float: left;
    }

    ul#nav {
        padding-left: 31px;
        display: inline-grid;
    }

    .banner-icon {
        height: 46px;
    }

    h3.blue-head {
        font-size: 11px;
    }

    .slider-text {
        top: unset;
        bottom: -208px;
    }

    .upper-footer-container {
        margin-top: unset;
    }

    .crea-bigtext p {
        font-size: 70px;
    }

    .synbol-img img {
        width: 35px;
        height: auto;
    }

    .synbol-img {
        margin-left: 193px;
    }

    .synbol-img {
        padding-top: 7px;
    }

    .crea-text-inner p {
        font-size: 13px;
    }

    .welcome-quote p {
        font-size: 20px;
    }

    .togle img {
        width: 46%;
    }

    .togle {
        top: 12px;
    }

    .triangle {
        left: 11%;
    }
}

@media screen and (max-width:568px) {
    .slider-text {
        width: 71%;
    }

    .slider-text {
        top: unset;
        bottom: -204px;
    }

    .background-blue {
        min-height: 98px !important;
    }
}

@media only screen and (max-width: 500px) and (min-width: 300px) {

    dl.last .left-section-main,
    dl.last .right-section-main {
        width: 100%;
        float: none;
    }

    .product-options dd.tab-content {
        height: 200px;
    }

    .product-options dt label:after {
        border: none;
    }

    .product-options dt.head-tab label span,
    dl.last .left-section-main {
        display: none;
    }
}

@media screen and (max-width:375px) {

    .shop-access {
        width: 57% !important;
    }

    .nav-container {
        width: 65% !important;
    }

    .pre-tab-cl {
        margin-right: 120px;
    }

    .header .logo img {
        width: 218px;
        height: auto;
    }

    .main-toggle {
        right: 5%;
        width: 27px;
    }

    body .banner-icon {
        height: 30px;
    }

    .footer-container:before {

        width: 81%;
    }

    .middle-footer:before {

        width: 81%;
    }

    .main-toggle img {
        width: 90%;
    }

    .background-blue {
        min-height: 93px !important;
    }

    .background-blue {
        padding: 0px !important;
        height: 93px !important;
        padding-top: 10px !important;
    }

    .inner-crea {
        font-size: 14px;
    }

    .contacts {
        font-size: 14px;
    }

    .crea-bigtext p {
        font-size: 55px;
    }

    .synbol-img img {
        width: 27px;
        height: auto;
    }

    .synbol-img {
        margin-left: 155px;
    }

    .synbol-img {
        padding-top: 15px;
    }

    .crea-text2 {
        padding-top: 0px;
    }

    .crea-side-image-inner img {
        height: auto;
        width: 66%;
    }

    .slider-text {
        top: unset;
        bottom: -194px;
    }

    .triangle {
        left: 7%;
    }

    .triangle2 {
        right: 12% !important;
    }
}

@media screen and (max-width:320px) {
    .pre-tab-cl {
        margin-right: 60px;
    }

    .shop-access {
        width: 73%;
    }

    .welcome-quote p {
        font-size: 15px;
    }

    .togle img {
        width: 37%;
    }

    .togle {
        top: 15px;
    }

    .header-top {
        width: 100%;
    }

    .main-toggle img {
        width: 40%;
    }

    .main-toggle {
        right: 0%;
    }

    .main-toggle {
        z-index: 9999;
    }
}




p {
    font-family: 'Avenir LT Std 35';
    font-size: 16px;
    font-weight: 400;
}

.crea-side-image {
    display: none;
}

#main a {
    color: #505050;
    text-decoration: none;
    font-family: 'Avenir LT Std 35';
    font-size: 16px;
    font-weight: normal;
    text-decoration: underline;
}

#main a:hover {
    color: #66ade0;
    text-decoration: underline;
}


.footer-logo img {
    width: 65%;
}

.cms-terms .std {
    font-family: 'Avenir LT Std 35';
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}

#main .slider-text a {

    font-family: unset;
    color: #fff;
}



@media screen and (min-width:1001px) {
    .nav-container {

        display: block !important;
    }
}

.shop-access {

    float: right;
}

.main-container {
    max-width: 1200px;
    margin: auto;
}

.container {
    max-width: 1200px;
    margin: auto;
}

.container {
    max-width: 1200px;
    margin: auto;
}

body .easyslideslider-id {
    height: auto !important;
    width: 100vw !important;
    position: relative;
    margin-left: -50vw;


    left: 50%;
}

@media screen and (max-width:1223px) {
    .container {
        padding: 0 19px;
    }
}

@media screen and (max-width:768px) {
    .quick-access {

        height: 48px;
    }
}

@media screen and (max-width:667px) {
    .triangle2 {

        right: 44%;

    }

    .catalog-category-view li.item img {
        width: 100%;
    }
}


body #nav li.last {
    margin-right: 0px;
}




@media screen and (min-width:768px) and (max-width:769px) {
    .slider-text {
        width: 55%;
    }

    .slider-text {

        top: 54%;
    }
}

@media screen and (min-width:1440px) {
    .background-blue {
        min-height: 146px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
}

@media screen and (min-width:2560px) {
    .slider-text {
        width: 30%;
    }

    .background-blue {
        padding: 44px 24px;
    }
}

body .products-grid li.item {
    float: left;
    max-width: 100%;
    margin: 12px auto;
    width: 31%;
}

/*body .products-grid li:hover {
border-style:dashed;
border-width: 1px;
border-color: black;

}*/
.description {
    font-family: 'Avenir LT Std 35';
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.description a {
    display: block;
    font-weight: 900 !important;
    width: 151px;
    margin: 10px auto;
    color: #000 !important;
    padding: 7px 0px;
}

.description a:hover {
    text-decoration: underline;
    color: #335EA8;
}


/*form modification css*/


.fieldset h2.legend {
    float: none;
    font-size: 20px;
    text-align: center;
    margin-bottom: 30px;
}

ul.form-list {
    width: 50%;
    margin: auto;
}

.form-list .input-box .input-text {
    height: 40px;
    width: 100%;
    box-sizing: border-box;
}

.form-list textarea#comment {
    height: 130px;
}

ul.form-list li:nth-of-type(2) .input-box {
    width: 100%;
}

ul.form-list li:nth-of-type(2) .input-box .input-text {
    width: 100%;
}

body .form-list .field {
    float: left;
    width: 50%;
}

li.fields .field:nth-of-type(2) {
    padding-left: 10px;
    box-sizing: border-box;
}

li.fields .field:nth-of-type(1) {
    padding-right: 10px;
    box-sizing: border-box;
}

.field .input-box {
    width: 100% !important;
}

body .form-list li.wide .input-box {
    width: 100%;
}

.form-list textarea#comment {

    width: 100%;
}

input.input-text,
select,
textarea {

    border-radius: 5px;
}

body .fieldset {

    margin: 0px 0;
}

body .buttons-set {
    margin: 0em 0 0;
    padding: 0px 10px 12px 10px;
    margin: auto;
    width: 50%;
    box-sizing: border-box;
}

body .buttons-set button.button {
    float: none;
    margin-left: 0px;
    width: auto;
    height: 35px;

}

@media screen and (min-width:1440px) {

    .col-1-layout .col-main,
    .main {

        min-height: 768px;
    }
}

.mobileHideMenu {
    display: none;
}

@media only screen and (max-width: 768px) {
    .mobileHideMenu {
        display: block;
    }
}

#options-3-list .has-child .forceShow {
    padding-left: 0px;
}

@media only screen and (max-width: 991px) {
    .col-2-left-layout .col-main {
        width: 100%;
    }

    .dashboard .welcome-msg {
        margin: 0 8em 1.5em 0;
        width: 100%;
    }

    table,
    thead,
    tbody,
    th,
    td,
    tr {
        display: block;
    }

    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr {
        border: 1px solid #ccc;
    }

    td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
    }

    /*	#my-orders-table td:nth-of-type(1):before { content: "Order #";}
 	#my-orders-table td:nth-of-type(2):before { content: "Date"; }
 	#my-orders-table td:nth-of-type(3):before { content: "Order Total"; }
 	#my-orders-table td:nth-of-type(4):before { content: "Status";} 	


 	.cart-table 	td:nth-of-type(1):before { content: "Report Contents";}
 	.cart-table 	td:nth-of-type(2):before { content: "Edit Report"; }
	.cart-table 	td:nth-of-type(3):before { content: "Unit Price"; }
 	.cart-table 	td:nth-of-type(4):before { content: "Subtotal";}

 	#my-downloadable-products-table td:nth-of-type(1):before { content: "Order #";}
 	#my-downloadable-products-table td:nth-of-type(2):before { content: "Date"; }
 	#my-downloadable-products-table td:nth-of-type(3):before { content: "Download Report"; }
 	#my-downloadable-products-table td:nth-of-type(4):before { content: "Status";}
 	#my-downloadable-products-table td:nth-of-type(5):before { content: "Expiry";}*/



    table#shopping-cart-totals-table,
    thead#shopping-cart-totals-table,
    tbody#shopping-cart-totals-table,
    th#shopping-cart-totals-table,
    td#shopping-cart-totals-table,
    tr#shopping-cart-totals-table {
        display: table;
    }
}

.form-list li.wide select {
    width: 100%;
}

.col-2-right-layout .col-main {
    width: 100%;
}

.col-left {
    width: 100%;
    float: none;
}

ol#cart-sidebar {
    display: none;
}


.box-account .box-head h2 {
    color: #335EA8;
}

a:focus {
    outline: 1px dashed #999;

}

label.l16 {
    font-size: 16px;
}

#report_name_input {
    background-color: #F6F6F6;
    border: solid thin #EEE;
    min-height: 20px;
    width: 86%;
    padding: 2px 9px;
}

#sort_report_order {
    border: solid 1px #000;
    background-color: aliceblue;
}

ul#sort_report_order li {
    width: 100%;
    border: solid 1px #000;
    cursor: grab;
    /*grabbing*/
    background-color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

ul#sort_report_order li:last-of-type {
    cursor: not-allowed;
}

ul#sort_report_order li span {
    padding: 7px;
    display: block;
}

ul#sort_report_order li.dragable-list-item {
    position: relative
}

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
							  supported by Chrome and Opera */
}

.under_price_text {
    margin-top: 40px;
    text-align: right;
    color: #fff;
    font: 12px/1.55em 'Avenir LT Std 55 Roman';
}

.block.block-reorder {
    display: none;
}

.block.block-cart {
    display: none;
}

span#product-price-19_clone {

    padding-right: 45px;
}

.product-housing-report-pdf .product-options ul.options-list input.checkbox {
    margin-right: 36px;
}

.product-housing-report-pdf .under_price_text {
    margin-top: 45px;
    text-align: center;
}

.product-housing-report-pdf .add-to-cart button.button:hover {
    background-color: #fff;
}

.product-housing-report-pdf .add-to-cart button.button:hover span {
    color: #5076b5
}

.product-housing-report-pdf .product-options ul.options-list .label {
    text-align: left;
}

.product-housing-report-pdf dl.last {
    max-width: 380px;
}

.product-options dd.tab-content label {
    color: #505050;
}

#checkoutSteps {
    border-bottom: solid 1px #E1E9E4;
}

#notice-cookie-block {
    position: fixed;
    z-index: 9999999;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e8ecf0;
    padding: 0 20px;
}

.notice-inner {
    display: flex;
    gap: 20px;
    margin: 20px 0 20px 0;
    justify-content: center;

}

.notice-text {
    text-align: left;
}

.notice-text p {
    margin: 0;
    padding-top: 2px;
}