/* from 3 files */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

.container {
    margin-left: auto;
    margin-right: auto;
    width: 96%;
    max-width: 1044px;
}

.nested-container {
    width: 102%;
    margin-left: -1%;
}

.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-5,
.grid12-6,
.grid12-7,
.grid12-8,
.grid12-9,
.grid12-10,
.grid12-11,
.grid4-1,
.grid4-2,
.grid4-3,
.grid2-1,
.grid-full,
.grid-col2-sidebar,
.grid-col2-main {
    position: relative;
    display: inline;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

.grid12-1 {
    width: 6.33%;
}

.grid12-2 {
    width: 14.67%;
}

.grid12-3,
.grid4-1 {
    width: 23%;
}

.grid12-4 {
    width: 31.33%;
}

.grid12-5 {
    width: 39.67%;
}

.grid12-6,
.grid4-2,
.grid2-1 {
    width: 48%;
}

.grid12-7 {
    width: 56.33%;
}

.grid12-8 {
    width: 64.67%;
}

.grid12-9,
.grid4-3 {
    width: 73%;
}

.grid12-10 {
    width: 81.33%;
}

.grid12-11 {
    width: 89.67%;
}

.grid-full {
    width: 98%;
}

.grid-col2-sidebar {
    width: 23%;
}

.grid-col2-main {
    width: 73%;
}

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

.hide-below-1680 {
    display: none !important;
}

.hide-below-1440 {
    display: none !important;
}

.hide-below-1360 {
    display: none !important;
}

.hide-below-1280 {
    display: none !important;
}

.container.stretched {
    width: 96%;
    padding-left: 0;
    padding-right: 0;
}

.container.stretched .grid-full {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .hide-below-960 {
        display: none !important;
    }
}

@media only screen and (max-width:767px) {
    .container {
        width: 94%;
        padding-left: 1%;
        padding-right: 1%;
    }
    .nested-container {
        width: 100%;
        margin-left: auto;
    }
    .grid12-1,
    .grid12-2,
    .grid12-3,
    .grid12-4,
    .grid12-5,
    .grid12-6,
    .grid12-7,
    .grid12-8,
    .grid12-9,
    .grid12-10,
    .grid12-11,
    .grid4-1,
    .grid4-2,
    .grid4-3,
    .grid2-1,
    .grid-full,
    .grid-col2-sidebar,
    .grid-col2-main {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .hide-below-960 {
        display: none !important;
    }
    .hide-below-768 {
        display: none !important;
    }
    .persistent-grid2-1 {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }
    .persistent-grid3-1 {
        width: 31.33%;
        margin-left: 1%;
        margin-right: 1%;
    }
    .persistent-grid3-2 {
        width: 64.67%;
        margin-left: 1%;
        margin-right: 1%;
    }
    .persistent-grid4-1 {
        width: 23%;
        margin-left: 1%;
        margin-right: 1%;
    }
    .persistent-grid4-2 {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }
    .persistent-grid4-3 {
        width: 73%;
        margin-left: 1%;
        margin-right: 1%;
    }
}

@media only screen and (min-width:640px) and (max-width:767px) {}

@media only screen and (min-width:320px) and (max-width:479px) {
    .hide-below-960 {
        display: none !important;
    }
    .hide-below-768 {
        display: none !important;
    }
    .hide-below-480 {
        display: none !important;
    }
}

@media only screen and (max-width:319px) {
    .hide-below-960 {
        display: none !important;
    }
    .hide-below-768 {
        display: none !important;
    }
    .hide-below-480 {
        display: none !important;
    }
    .hide-below-320 {
        display: none !important;
    }
}

@media only screen and (min-width:960px) and (max-width:1023px) {
    .itemslider-q.adjusted .slides>li {
        width: 156px !important;
    }
    .itemslider-q.adjusted {
        max-width: 883px;
    }
}

@media only screen and (max-width:959px) {
    .toolbar .sorter .amount {
        display: none !important;
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .nobr {
        white-space: normal !important;
    }
    .itemgrid-2cols .item,
    .itemgrid-3cols .item,
    .itemgrid-4cols .item,
    .itemgrid-5cols .item,
    .itemgrid-6cols .item,
    .itemgrid-7cols .item {
        width: 48%;
        clear: none !important;
    }
    .itemgrid-2cols .item:nth-child(2n+1),
    .itemgrid-3cols .item:nth-child(2n+1),
    .itemgrid-4cols .item:nth-child(2n+1),
    .itemgrid-5cols .item:nth-child(2n+1),
    .itemgrid-6cols .item:nth-child(2n+1),
    .itemgrid-7cols .item:nth-child(2n+1) {
        clear: left !important;
    }
    .itemslider-products .slides>li {
        width: 160px !important;
    }
    .itemslider-q.count-4,
    .itemslider-q.count-5,
    .itemslider-q.count-6,
    .itemslider-q.count-7,
    .itemslider-q.count-8,
    .itemslider-q.count-multi {
        max-width: 752px;
    }
    .itemslider-q.adjusted .slides>li {
        width: 160px !important;
    }
    .itemslider-q.adjusted {
        max-width: 722px;
    }
    .narrow-slider .itemslider-q.count-4,
    .narrow-slider .itemslider-q.count-5,
    .narrow-slider .itemslider-q.count-6,
    .narrow-slider .itemslider-q.count-7,
    .narrow-slider .itemslider-q.count-8,
    .narrow-slider .itemslider-q.count-multi {
        max-width: 564px !important;
    }
    .itemslider-thumbnails.count-3,
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi {
        max-width: 158px !important;
    }
    .itemslider-thumbnails.count-3 .direction-nav,
    .itemslider-thumbnails.count-4 .direction-nav,
    .itemslider-thumbnails.count-5 .direction-nav,
    .itemslider-thumbnails.count-multi .direction-nav {
        display: block;
    }
    .category-products-grid.itemgrid-6cols .item:hover .btn-cart {
        display: none;
    }
    .caption .heading {
        font-size: 2.0833em;
    }
    .caption p {
        font-size: 1.1666em;
    }
}

@media only screen and (min-width:768px) {
    .mono-slider .itemslider-q.count-1,
    .mono-slider .itemslider-q.count-2,
    .mono-slider .itemslider-q.count-3,
    .mono-slider .itemslider-q.count-4,
    .mono-slider .itemslider-q.count-5,
    .mono-slider .itemslider-q.count-6,
    .mono-slider .itemslider-q.count-7,
    .mono-slider .itemslider-q.count-8,
    .mono-slider .itemslider-q.count-multi {
        max-width: 188px;
    }
    .box-up-sell .itemslider-q.count-1,
    .box-up-sell .itemslider-q.count-2 {
        margin-left: 0;
        margin-right: auto;
    }
}

@media only screen and (max-width:767px) {
    .col-main,
    .col-left,
    .col-right {
        margin-bottom: 30px;
    }
    .product-view .grid12-1,
    .product-view .grid12-2,
    .product-view .grid12-3,
    .product-view .grid12-4,
    .product-view .grid12-5,
    .product-view .grid12-6,
    .product-view .grid12-7,
    .product-view .grid12-8,
    .product-view .grid12-9,
    .product-view .grid12-10,
    .product-view .grid12-11,
    .product-view .grid4-1,
    .product-view .grid4-2,
    .product-view .grid4-3,
    .product-view .grid2-1 {
        margin-bottom: 30px;
    }
    .nobr {
        white-space: normal !important;
    }
    .form-list .field,
    .form-list input.input-text,
    .form-list textarea,
    .form-list select,
    .form-list li.wide .input-box,
    .form-list li.wide input.input-text,
    .form-list li.wide textarea,
    .form-list li.wide select {
        max-width: 100%;
    }
    .data-table thead .nobr {
        white-space: normal !important;
    }
    .data-table th,
    .data-table td {
        padding: 5px;
    }
    .cart .data-table thead,
    .my-wishlist .data-table thead,
    .my-account .data-table thead,
    .order-review .data-table thead {
        display: none;
    }
    .cart .data-table tbody,
    .my-wishlist .data-table tbody,
    .my-account .data-table tbody,
    .order-review .data-table tbody {
        background: transparent !important;
    }
    .cart .data-table tr,
    .cart .data-table td,
    .my-wishlist .data-table tr,
    .my-wishlist .data-table td,
    .my-account .data-table tr,
    .my-account .data-table td,
    .order-review .data-table tr,
    .order-review .data-table td {
        border: none !important;
        background: transparent !important;
        display: block;
        width: 100%;
        text-align: left !important;
    }
    .cart .data-table tr,
    .my-wishlist .data-table tr,
    .my-account .data-table tr,
    .order-review .data-table tr {
        border-bottom: 1px solid #e5e5e5 !important;
        margin-bottom: 20px;
    }
    .my-account .data-table tfoot tr td:first-child,
    .order-review .data-table tfoot tr td:first-child {
        font-weight: bold;
    }
    .data-table .cell-label {
        display: inline-block;
        width: 30%;
        min-width: 100px;
        max-width: 140px;
        margin-right: 10px;
        font-weight: bold;
    }
    .breadcrumbs {
        margin-top: 0;
        margin-bottom: 10px;
    }
    .v {
        display: block;
    }
    .v .v-item {
        float: inherit;
        display: block;
        width: 100%;
    }
    .header .logo-wrapper {
        text-align: center;
    }
    .header .logo {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    .header-top-search-wrapper {
        width: 100%;
        max-width: 301px;
        margin-left: auto;
        margin-right: auto;
    }
    .header .form-search {
        width: 100%;
    }
    .header .form-search .input-text {
        width: 100%;
        padding: 0;
    }
    .user-menu {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .after-mini-cart {
        clear: none;
    }
    .top-links {
        float: left;
    }
    .footer .show-separators .links li a,
    .footer .show-separators-left .links li a {
        background-image: none;
    }
    .footer-top .item {
        float: none;
    }
    .footer-primary-top-inner,
    .footer-primary-bottom-inner,
    .footer-top .links {
        text-align: center;
    }
    .footer-primary-top-inner .item,
    .footer-primary-bottom-inner .item,
    .footer-top .links li {
        float: none;
        display: inline-block;
    }
    .social-links a {
        float: none;
        display: inline-block;
        margin-right: 0;
        margin-bottom: 3px;
        padding: 6px;
    }
    .footer-bottom {
        text-align: center;
    }
    .footer-bottom .item {
        float: none;
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
    }
    .footer-copyright {
        margin-left: 0;
    }
    .products-list .product-shop-inner {
        padding-right: 0;
        border-right: none;
    }
    .products-grid .add-to-links.addto-onimage {
        display: none;
    }
    .block-layered-nav dd li,
    .block-layered-nav .currently ol li {
        line-height: 2.3333em;
        background-position: 3px 10px;
    }
    .block-layered-nav dd li:hover,
    .block-layered-nav .currently ol li:hover {
        background-position: 6px 10px;
    }
    .pager,
    .sorter {
        text-align: center;
    }
    .pager .amount,
    .pager .limiter,
    .pager .pages,
    .sorter .amount,
    .sorter .limiter,
    .sorter .view-mode,
    .sorter .sort-by {
        display: inline-block;
        float: none;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .toolbar .sort-by,
    .toolbar sorter .amount {
        border-right: none;
    }
    .product-secondary-column .inner {
        padding-left: 0;
        border-left: none;
        min-height: auto;
    }
    .product-view .box-additional {
        margin-top: 0;
    }
    .product-view .box-sidebar .box-sidebar-inner {
        padding-left: 0;
        border-left: none;
    }
    .block-related-slider {
        margin-bottom: 0;
    }
    .cart-table .product-name {
        font-size: 1.5em;
    }
    .cart-table tfoot tr.first td {
        text-align: center !important;
        padding: 0;
        margin-bottom: 20px;
    }
    .cart-table tfoot button {
        display: inline-block;
        float: none !important;
        margin: 0 0 3px;
        padding: 0;
    }
    .opc .allow .step-title a {
        display: none;
    }
    .opc form fieldset {
        display: table-column-group;
    }
    .opc .form-list select {
        width: auto;
    }
    .control-nav.control-paging {
        display: none;
    }
    .the-slideshow .direction-nav .next {
        top: 4%;
        right: 2%;
    }
    .the-slideshow .direction-nav .prev {
        top: 4%;
        right: 63px;
        left: auto;
    }
    .caption .heading {
        font-size: 2.0833em;
        margin-bottom: 1px;
    }
    .caption p {
        font-size: 1.1666em;
        display: none;
    }
    .caption button {
        margin-top: 0.5em;
        display: none;
    }
    .cloud-zoom-big,
    .cloud-zoom-lens {
        display: none !important;
    }
    .cloud-zoom-lens {
        cursor: default !important;
    }
    #cboxTitle,
    #cboxCurrent {
        display: none !important;
    }
    .accordion li a {
        padding: 15px;
    }
    .accordion li.parent>a {
        padding-right: 53px;
    }
    .accordion .opener {
        width: 48px;
        height: 48px;
    }
    .category-products-grid.itemgrid .product-name {
        font-size: 1.3333em;
        line-height: 1.25em;
    }
    .category-products-grid.itemgrid-6cols .item .btn-cart,
    .category-products-grid.itemgrid-7cols .item .btn-cart {
        display: block;
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .itemgrid-2cols .item,
    .itemgrid-3cols .item,
    .itemgrid-4cols .item,
    .itemgrid-5cols .item,
    .itemgrid-6cols .item,
    .itemgrid-7cols .item {
        clear: none !important;
    }
    .itemgrid-2cols .item:nth-child(2n+1),
    .itemgrid-3cols .item:nth-child(2n+1),
    .itemgrid-4cols .item:nth-child(2n+1),
    .itemgrid-5cols .item:nth-child(2n+1),
    .itemgrid-6cols .item:nth-child(2n+1),
    .itemgrid-7cols .item:nth-child(2n+1) {
        clear: left !important;
    }
    .itemslider-products .slides>li {
        width: 206px !important;
    }
    .itemslider-q.count-2,
    .itemslider-q.count-3,
    .itemslider-q.count-4,
    .itemslider-q.count-5,
    .itemslider-q.count-6,
    .itemslider-q.count-7,
    .itemslider-q.count-8,
    .itemslider-q.count-multi {
        max-width: 376px !important;
    }
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi {
        max-width: 316px;
    }
    .product-view .product-img-box .product-image {
        width: 60.4651%;
        max-width: 364px;
        margin: 0 auto;
    }
}

@media only screen and (min-width:640px) and (max-width:767px) {
    .itemslider-q.count-3,
    .itemslider-q.count-4,
    .itemslider-q.count-5,
    .itemslider-q.count-6,
    .itemslider-q.count-7,
    .itemslider-q.count-8,
    .itemslider-q.count-multi {
        max-width: 564px !important;
    }
}

@media only screen and (max-width:479px) {
    .col2-set .col-1,
    .col2-set .col-2 {
        width: 100%;
    }
    .user-menu .show-separators .links li a,
    .user-menu .show-separators-left .links li a {
        background-image: none;
    }
    .header-top {
        text-align: center;
    }
    .header-top .item {
        float: none;
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
    }
    .user-menu {
        text-align: center;
    }
    .user-menu .top-links {
        float: none;
    }
    #mini-cart,
    .user-menu .links,
    .user-menu .links li {
        float: none;
        display: inline-block;
    }
    #mini-cart .block-content {
        display: none !important;
    }
    .products-list .product-image {
        margin-bottom: 20px;
    }
    .product-view .box-reviews .form-add .data-table th,
    .product-view .box-reviews .form-add .data-table td {
        padding: 6px 1px;
    }
    .product-view .box-reviews .form-add .form-list input.input-text,
    .product-view .box-reviews .form-add .form-list textarea {
        width: 90%;
    }
    .toolbar .limiter {
        display: none;
    }
    .pager .pages li {
        display: none;
    }
    .pager .pages li.previous,
    .pager .pages li.current,
    .pager .pages li.next {
        display: block;
    }
    .my-account .col2-set .col-1 {
        border-right: none;
        margin-bottom: 20px;
    }
    .my-account .col2-set .col-1 .box {
        padding-right: 0;
    }
    .order-items .sub-title .separator {
        display: none;
    }
    .the-slideshow .control-nav {
        display: none;
    }
    .caption .heading {
        font-size: 1.3333em;
        display: none;
    }
    .caption p {
        font-size: 1em;
    }
    #zoom-btn {
        display: none;
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .itemgrid-2cols .item,
    .itemgrid-3cols .item,
    .itemgrid-4cols .item,
    .itemgrid-5cols .item,
    .itemgrid-6cols .item,
    .itemgrid-7cols .item {
        width: 98%;
        clear: none !important;
    }
    .itemslider-products .slides>li {
        width: 301px !important;
    }
    .itemslider-q.count-2,
    .itemslider-q.count-3,
    .itemslider-q.count-4,
    .itemslider-q.count-5,
    .itemslider-q.count-6,
    .itemslider-q.count-7,
    .itemslider-q.count-8,
    .itemslider-q.count-multi {
        max-width: 188px !important;
    }
    .itemslider-thumbnails.count-3,
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi {
        max-width: 158px;
    }
    .itemslider-thumbnails.count-3 .direction-nav,
    .itemslider-thumbnails.count-4 .direction-nav,
    .itemslider-thumbnails.count-5 .direction-nav,
    .itemslider-thumbnails.count-multi .direction-nav {
        display: block;
    }
}

@media only screen and (max-width:319px) {
    .itemgrid-2cols .item,
    .itemgrid-3cols .item,
    .itemgrid-4cols .item,
    .itemgrid-5cols .item,
    .itemgrid-6cols .item,
    .itemgrid-7cols .item {
        width: 98%;
        clear: none !important;
    }
    .itemslider-products .slides>li {
        width: 226px !important;
    }
    .itemslider-q.count-1,
    .itemslider-q.count-2,
    .itemslider-q.count-3,
    .itemslider-q.count-4,
    .itemslider-q.count-5,
    .itemslider-q.count-6,
    .itemslider-q.count-7,
    .itemslider-q.count-8,
    .itemslider-q.count-multi {
        max-width: 188px !important;
    }
    .itemslider-thumbnails.count-2,
    .itemslider-thumbnails.count-3,
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi {
        max-width: 79px !important;
    }
    .itemslider-thumbnails.count-2 .direction-nav,
    .itemslider-thumbnails.count-3 .direction-nav,
    .itemslider-thumbnails.count-4 .direction-nav,
    .itemslider-thumbnails.count-5 .direction-nav,
    .itemslider-thumbnails.count-multi .direction-nav {
        display: block;
    }
    .the-slideshow .direction-nav {
        display: none;
    }
}

body {
    color: #000000;
    font-size: 12px;
}

a {
    color: #144f9a;
}

a:hover,
.vertnav li.current>a {
    color: #801122;
}

.wrapper {
    border-top-color: #333333;
}

.page {}

.header a {}

.header a:hover {}

#nav ul.level0,
#nav ul,
#mini-cart .block-content,
.truncated .truncated_full_value .item-options,
.dropdown-button:hover .inner,
.dropdown-button ul {
    background-color: #ffffff;
    color: #ffffff;
}

#nav ul li a,
#mini-cart .block-content a,
.dropdown-button ul a {
    color: #777777;
}

#nav ul li a:hover,
#mini-cart .block-content a:hover,
.dropdown-button ul a:hover {
    color: #00a9c7;
}

#mobnav {
    background-color: #f5f5f5;
    color: #333333;
}

#mobnav-trigger {
    color: #333333;
}

#mobnav-trigger:hover {
    background-color: #5bd2ec;
    color: #ffffff;
}

#mobnav-trigger.active {
    background-color: #5bd2ec;
    color: #ffffff;
}

#mobnav-trigger .icon .line {
    background-color: #333333;
}

#mobnav-trigger:hover .icon .line {
    background-color: #ffffff;
}

#mobnav-trigger.active .icon .line {
    background-color: #ffffff;
}

.nav {}

#nav,
.vertnav-top li a {
    background-color: #f5f5f5;
    color: #333333;
}

#nav>li>a {
    color: #333333;
}

#nav>li:hover>a,
.vertnav-top li>a:hover {
    background-color: #5bd2ec;
    color: #ffffff;
}

.cms-index-index #nav #nav-home-link>a,
#nav>li.active>a,
.vertnav-top li.current>a {
    background-color: #333333;
    color: #ffffff;
}

#nav,
.vertnav-top {
    border-bottom: 5px solid #333333;
}

#nav>li {
    border-bottom: 5px solid transparent;
    margin-bottom: -5px;
}

#nav ul.level0 {
    top: 54px;
}

.vertnav-top>li.first>a {
    margin-top: 1px;
}

.vertnav-top li a {
    margin-bottom: 1px;
}

.vertnav-top {
    background-color: #dddddd;
}

.vertnav-top li .opener {
    background: url(../../images/img/opener.png) center center no-repeat;
}

.vertnav-top li:hover>.opener {
    background-image: url(../../images/img/opener-w.png);
}

.vertnav-top li:hover>.opener:hover {
    background-image: url(../../images/img/opener.png);
}

.vertnav-top li.active>.opener {
    background-image: url(../../images/img/opener-active.png);
}

.vertnav-top li.active:hover>a:hover+.opener {
    background-image: url(../../images/img/opener-active-w.png);
}

.vertnav-top li.active:hover>a+.opener:hover {
    background-image: url(../../images/img/opener-active.png);
}

.vertnav-top li.current>.opener,
.vertnav-top li.current>.opener:hover {
    background-image: url(../../images/img/opener-w.png);
}

.vertnav-top li.active.current>a+.opener,
.vertnav-top li.active.current:hover>a+.opener {
    background-image: url(../../images/img/opener-active-w.png);
}

.vertnav-top li.active.current>a+.opener:hover {
    background-image: url(../../images/img/opener-active-w.png);
}

.main-container {}

.main {
    background-color: #ffffff;
}

.footer-container {
    background-color: #000000;
}

.footer {
    color: #ffffff;
}

.footer a {
    color: #adacac;
}

.footer a:hover {
    color: #00a9c7;
}

.footer-top-container {}

.footer-top {}

.footer-top a {}

.footer-top a:hover {}

.footer-primary-container {
    background-color: #373737;
}

.footer-primary {
    background-color: transparent;
    color: #ffffff;
}

.footer-primary a {
    color: #adacac;
}

.footer-primary a:hover {
    color: #00a9c7;
}

button.button span {
    background-color: #144F9A;
    color: #ffffff;
}

button.button:hover span {
    background-color: #004BAA;
    color: #801122;
}

.product-view .btn-cart span,
button.btn-checkout span {
    background-color: transparent;
    color: #ffffff;
}

.product-view .btn-cart:hover span,
button.btn-checkout:hover span {
    background-color: #004BAA;
    color: #801122;
}

.feature div.icon {
    background-color: #d52462;
}

.feature:hover div.icon {
    background-color: #144f9a;
}

.links a:hover {
    background-color: #333333;
    color: #ffffff;
}

.price-box .price {
    color: #000000;
}

.sticker.new {
    background-color: #144f9a;
    color: #ffffff;
}

.sticker.sale {
    background-color: #144f9a;
    color: #ffffff;
}

.social-links a {
    background-color: #888888;
}

.social-links a:hover {
    background-color: #333333;
}

h1,
h2,
.section-title,
.products-list .product-name,
.products-grid .product-name,
h3.product-name,
#mobnav-trigger,
#nav>li>a,
#nav.wide ul.level0>li>a,
.vertnav-top li a,
.block .block-title,
#opc-login h3,
.box-account .box-head h2,
.order-items h2.table-caption,
.order-items h2.sub-title,
.order-items .order-comments h2,
.product-view .box-reviews dt .heading,
.footer .heading,
.slide .caption h2,
.slide .caption h3,
.main-font {
    font-family: Open Sans, georgia, serif;
}


/*start esha*/

.cms-page-view .main-container .map {
    height: 400px;
}

.cms-page-view .main-container p,
.cms-page-view .main-container li {
    font-size: medium !important;
}

.cms-page-view .main-container p span,
.cms-page-view .main-container li span {
    font-size: medium;
}

.cms-page-view .main-container table td {
    font-size: medium !important;
    vertical-align: middle !important;
    padding: 10px;
}

.cms-page-view .main-container a {
    text-decoration: underline;
}

.cms-page-view table.ourgiving td {
    text-align: center;
}


/* styling the table align left */

.cms-page-view table.tablecloth {
    min-width: 800px;
}

.cms-page-view table.tablecloth th,
.cms-page-view table.tablecloth td {
    padding: 0 0 0 40px;
}

.cms-page-view table.tablecloth tr:first-child td {
    padding: 30px 0 0 40px;
}

.cms-page-view table.tablecloth tr:last-child td {
    padding: 0 0 20px 40px;
}


/* styling the table */

.cms-page-view table.tabcloth {
    font-size: medium !important;
    width: 800px;
}

.cms-page-view table.tabcloth th {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
}

.cms-page-view table.tabcloth td {
    padding: 5px;
    width: 33.33%;
    text-align: center;
}

.cms-page-view table.tabcloth td img {
    width: 200px;
}

.cms-page-view .tenga {
    margin: 65px 0;
}


/*.cms-page-view .std iframe{width:80%!important;height:450px!important;position:relative!important;}*/

.cms-page-view.cms-about-us .fullwidth {
    width: 48%;
}

.cms-page-view.cms-about-us .fullwidth div {
    padding-bottom: 52% !important;
}

.cms-page-view.cms-about-us iframe.aboutus {
    width: 490px;
    height: 276px;
}

.product-view .promo-banner {
    text-align: center
}

.product-view .product-specs {
    text-align: center
}

.product-view .product-specs div {
    padding-bottom: 0!important
}

.product-view .product-specs iframe {
    width: 80%!important;
    height: 400px!important;
    position: relative!important;
}

.vidpr {
    margin: 0 auto;
    width: 600px;
}


/*styling popup */

#toLeft {
    text-decoration: none;
    position: fixed;
    bottom: 17px;
    left: 10px;
    overflow: hidden;
    z-index: 16000004;
    display: block;
    width: 268px;
    -webkit-transition: left 0.2s;
    transition: left 0.2s;
}

.nav-banner:checked~#toLeft {
    left: -233px;
}

#nav-banner {
    display: none
}

#minimize {
    width: 223px;
    background-color: #F20A72;
    display: block;
    text-align: center;
    padding: 20px 5px 5px;
    margin: -20px 0 0;
    border-radius: 0 0 10px 10px;
    color: #000;
    font-weight: 900;
}


/*#offo{
	background-color: #F20A72;
    text-align: center;
    float: right;
	display: inline-block;
    margin-top: -177px;
	color: #000;
    font-weight: 900;
	width: 35px;
}*/


/* http://www.cheapsheds.com.au/fathers-day-specials/ */

.promopage {
    background: url('https://www.cheapsheds.com.au/media/wysiwyg/Content-pages/fathersday/backgfather.jpg') no-repeat;
    background-size: cover;
}

.promopage .fatherday {
    background: url('https://www.cheapsheds.com.au/media/wysiwyg/Content-pages/fathersday/backgfather.jpg') no-repeat;
    background-size: cover;
    height: 1500px;
}

.promopage .title {
    font-family: 'Mochary';
    font-size: 60px;
    text-align: center;
    padding-top: 60px;
    text-shadow: 3px 3px 1px #fff;
}

.promopage .titlea {
    font-family: 'gothamblack';
    text-align: center;
    font-size: 30px;
    padding-bottom: 15px;
    padding-top: 50px;
    letter-spacing: 2px;
    color: #0035a2;
    text-shadow: 2px 2px 1px #fff;
}

.promopage .subtitle {
    font-family: 'gothamblack';
    text-align: center;
    font-size: 30px;
    padding-bottom: 15px;
    padding-top: 50px;
    letter-spacing: 2px;
    color: #0035a2;
    text-shadow: 2px 2px 1px #fff;
}

.promopage .titleb {
    font-family: 'gothambook';
    text-align: center;
    font-size: 20px;
    line-height: 25px;
}

.promopage .titleb span {
    font-style: italic;
}

.promopage .titlebborder {
    width: 350px;
    margin: 0 auto;
    border-top: 4px double;
    margin-top: 20px;
}

.promopage .titlec {
    font-family: 'gothamblack';
    color: #9b2405;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    background-color: #fff;
    width: 75%;
    margin: 0 auto;
    padding: 10px;
}

.promopage .titlec span {
    font-family: 'gothambook';
    font-size: 16px;
}

.promopage .titled {
    font-family: 'gothamblack';
    text-align: center;
    font-size: 22px;
    margin-top: 14px;
}

.promopage .promoproducts {
    overflow: auto;
    padding-top: 28px;
}

.promopage .promoproducts .listitem {
    margin-top: 15px;
    margin-bottom: 15px;
}

.promopage .promoproducts .listitem .promoitem {
    display: inline-block;
    width: 49.8%;
    text-align: center;
}

.promopage .promoproducts .listitem .promoitem img {
    margin: 5px 0 0;
}

.promopage .promoproducts .listitem .promoitem img.img {
    border: 2px dashed #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.promopage .promoproducts .listitem .promoitem img.img:hover,
.promo-content .promo-item:hover {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}

.promopage .promofooter {
    text-align: center;
    padding: 20px;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 22px;
}

.gen-tabs .tabs li .notif {
    position: absolute;
    background: #b10103;
    border-radius: 50%;
    width: 18px;
    padding: 0px;
    text-align: center;
    color: #fff;
    border: 2px solid #fff;
    font-size: 10px;
    margin-left: 95px;
    margin-top: 2px;
    font-weight: bold;
}


/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
    /* Force table to not be like tables anymore */
    table.resp,
    table.resp thead,
    table.resp tbody,
    table.resp td,
    table.resp tr {
        display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    table.resp thead tr {
        display: none;
    }
    table.resp tr {
        border: 1px solid #ccc;
        height: auto !important
    }
    table.resp td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
        white-space: normal !important;
        word-wrap: break-word !important;
    }
    table.resp td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 2px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
    }
    /*
	Label the data
	*/
    table.csaward tr:nth-child(2) {
        background: #fafafa;
    }
    table.csaward td {
        padding-left: 35% !important;
    }
    table.csaward td:nth-of-type(1):before {
        content: "Date";
        top: 15px;
    }
    table.csaward td:nth-of-type(2):before {
        content: "Publication";
        text-align: left;
        top: 15px;
    }
    table.csaward td:nth-of-type(3):before {
        content: "Description";
        top: 15px;
    }
    table.ourgiving td:nth-of-type(1):before {
        content: "Date";
    }
    table.ourgiving td:nth-of-type(2):before {
        content: "Project";
    }
    table.ourgiving td:nth-of-type(3):before {
        content: "# Impacts";
    }
    table.ourgiving td:nth-of-type(4):before {
        content: "Impact Created";
    }
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 870px) {
    .fatherday {
        height: 2550px;
    }
    .fatherday .fatherproducts .satu .satuitem {
        width: 50%;
        margin: 0 auto;
        display: block;
    }
    .fatherday .fatherproducts .satu .satuitem img.gambarnya {
        width: auto;
    }
}

@media only screen and (max-width: 768px) {
    .fatherday {
        height: 1280px;
    }
    .fatherday .title {
        padding-top: 30px;
    }
    .fatherday .titlea {
        padding-top: 35px;
        padding-bottom: 10px;
    }
    .fatherday .titlec {
        padding: 0 10px;
        width: 100%;
    }
    .fatherday .titlebborder {
        margin-top: 10px;
        margin-bottom: -10px;
    }
    .fatherday .fatherproducts .satu {
        margin-top: 35px;
    }
    .fatherday .fatherproducts .satu .satuitem {
        width: 49.5%;
        display: inline-block;
    }
    .fatherday .fatherproducts .satu .satuitem img.gambarnya {
        width: 85%;
    }
    .promo-content {
        height: 1800px;
    }
    .logo-wrapper.v-item {
      width:auto;
    }
}

@media only screen and (max-width: 767px) {
    .home-for-banner {
        
    }
    .cms-page-view.cms-about-us .fullwidth {
        width: 100%;
    }
    .cms-page-view.cms-about-us .imgea {
        width: 49%;
    }
    .cms-page-view.cms-about-us .imgea img {
        width: 100%;
    }
    .cms-page-view.cms-our-giving .iframeourgiving iframe {
        height: auto;
    }
    .cms-page-view.cms-our-giving iframe.bigislider {
        display: none !important;
    }
    .cms-page-view .tenga {
        margin: 10px 0;
    }
    .b1g1footer {
        width: 100% !important;
        padding: 0 !important;
        margin: 10px 0 0;
    }
    .comodoimage {
        text-align: center !important;
    }
    table.table-product,
    table.table-product thead,
    table.table-product tbody,
    table.table-product td,
    table.table-product tr {
        display: block;
    }
    table.table-product td {
        min-height: 300px;
    }
    table.table-product td a,
    table.table-product td h2 {
        font-size: 16px !important;
        line-height: 22px;
    }
    table.table-product td em {
        display: block;
    }
    table.table-product tr {
        width: 50%;
        float: left;
    }
    table.table-product tr:nth-child(odd) {}
    table.table-product tr:nth-child(even) {}
}

@media only screen and (max-width: 667px) {
    .fatherday {
        height: 1130px;
    }
    .fatherday .titlea {
        font-size: 26px;
    }
    .fatherday .titlec {
        padding: 10px;
    }
    .fatherday .titlec span {
        font-size: 14px;
    }
    .fatherday .fatherproducts {
        padding-top: 0px;
    }
}

@media only screen and (max-width: 568px) {
    .fatherday {
        height: 1024px;
    }
    .fatherday .titlea {
        font-size: 22px;
    }
    .fatherday .titleb {
        font-size: 17px;
    }
    .fatherday .titlec {
        font-size: 16px;
    }
    .fatherday .titlec span {
        font-size: 16px;
    }
    .fatherday .fatherproducts .satu {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .fatherday {
        height: 2535px;
    }
    .fatherday .titlea {
        font-size: 18px;
    }
    .fatherday .fatherproducts .satu .satuitem {
        width: 100%;
    }
    .fatherday .fatherproducts .satu .satuitem img.gambarnya {
        width: 90%;
    }
    .cms-page-view.cms-about-us .imgea,
    .cms-page-view.cms-about-us .imgea img {
        width: 100%;
    }
}

@media only screen and (max-width: 420px) {
    .fatherday .title {
        font-size: 55px;
    }
    .fatherday .titlea {
        font-size: 20px;
        line-height: 30px;
        padding-top: 25px;
        padding-bottom: 0;
    }
    .fatherday .titleb span {
        font-size: 16px;
    }
    .fatherday .fatherproducts {
        padding-top: 20px;
    }
    .fatherday .fatherproducts .satu {
        margin-top: 0px;
    }
    .promo-content {
        background: none !important
    }
}

@media only screen and (max-width: 380px) {
    .fatherday {
        height: 2180px;
    }
    .fatherday .title {
        font-size: 50px;
    }
    .fatherday .titleb span {
        font-size: 20px;
    }
    .fatherday .titlec span {
        font-size: 15px;
    }
}

@media only screen and (max-width: 320px) {
    .fatherday {
        height: 1960px;
    }
    .fatherday .title {
        font-size: 45px;
        padding-top: 35px;
    }
    .fatherday .titlea {
        line-height: 24px;
        padding-bottom: 10px;
    }
    .fatherday .titleb {
        font-size: 18px;
    }
    .fatherday .titlec span {
        font-size: 16px;
    }
    .fatherday .titled {
        margin-top: 5px;
        margin-bottom: 15px;
    }
    .fatherday .titlebborder {
        width: 300px;
    }
}


/* show me your shed */

.showus {
    line-height: normal;
}

.blueline {
    background-color: #10488f;
    height: 50px;
}

.toptitle {
    text-transform: uppercase;
    font-size: 3.2em;
    text-align: center;
    color: #10488f;
    font-family: 'Arial Black';
    font-weight: bold;
    margin: 10px 10px 10px 10px
}

.top-section-blue {
    background-color: #10488f;
    height: 450px;
    text-transform: uppercase;
    color: white;
    font-family: arial;
    text-align: center;
    margin-bottom: 40px;
}

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

.text-top {
    font-size: 3em;
    margin: 60px;
}

.yellow-text {
    color: #f4f11a;
    font-weight: bold;
}

.text-bottom {
    font-size: 1.9em;
    margin: 25px;
}

.text-content {
    font-size: 1.9em;
    font-family: arial;
    margin: 5px;
}

.text-content-small {
    font-size: 1.3em;
    font-family: arial;
    margin: 1.3em;
}

.shed-right {
    background-image: url('http://www.cheapsheds.com.au/media/wysiwyg/promo_page/showus/shed-right.png');
    background-color: #10488f;
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 100%;
    height: 450px;
}

@media only screen and (min-width: 768px) {
    .shed-right {
        left: 4%;
        position: relative;
    }
}

.get-started {
    color: blue;
    font-weight: bold;
    font-size: 1.2em;
}

.bluetext {
    color: blue;
    font-weight: bold;
}

.bold-big {
    font-size: 1.1em;
    font-weight: bold;
    display: block;
}

.bold-bigger {
    font-size: 1.4em;
    font-weight: bold;
    display: block;
}

.video {
    margin-bottom: 40px;
}

.promo-content {
    max-width: 900px;
    text-align: center;
    overflow: auto;
    background: #e9e7e8 url("https://www.cheapsheds.com.au/media/wysiwyg/promo_page/AUSTRALIADAY/2018/bg.jpg") no-repeat right top;
}
}

.promo-section-title {
    text-align: center;
    margin-bottom: 20px;
}

.promo-header {
    max-width: 900px;
}

.promo-item {
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
    margin-right: 8px;
}

.bottom-banner {
    background-image: url('https://www.cheapsheds.com.au/media/wysiwyg/promo_page/Custom-Sheds/bottombg.png');
    background-size: cover;
    height: 190px;
}

h2.banner-title {
    text-align: center;
    color: white;
    font-size: 32px;
    text-transform: uppercase;
    letter-spacing: 4px;
    padding: 15px;
    font-family: 'Montserrat';
}

.free-quote {
    text-align: center;
    align-items: center;
    color: white;
    border: 3px solid white;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 2px;
    font-family: 'Montserrat';
}

.conf-icon {
    margin: 10px;
    min-height: 74px;
}

.conf-icon ul li {
    background: none;
    padding: 0px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    color: #537eb5;
    font-family: 'Montserrat';
}

.grey-bg {
    margin-top: 60px;
    padding: 20px 15px 20px 15px;
    background: #f3f3f3;
}

h2.section-title-promo {
    color: #537eb5;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 5px;
    margin-top: 20px;
}

.numbering ul li {
    background: #f3f3f3;
    padding: 15px;
    margin-bottom: 5px;
    padding: 15px 5px 15px 5px;
    border-left: 4px solid #537eb5;
}

span.number-big {
    font-size: 40px !important;
    display: inline;
    line-height: 14px;
    vertical-align: bottom;
    float: left;
    padding: 3px 6px 3px 0px;
    color: #537eb5;
}

.col {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
}

@media screen and (min-width: 0px) {
    .col {
        margin-left: 1%;
        padding: 0 0.5%;
    }
    .row .col:first-child {
        margin-left: 0;
    }
    .span_1 {
        width: 15.8333333333%;
    }
    .span_2 {
        width: 32.6666666667%;
    }
    .span_3 {
        width: 49.5%;
    }
    .span_4 {
        width: 66.3333333333%;
    }
    .span_5 {
        width: 83.1666666667%;
    }
    .span_6 {
        margin-left: 0;
        width: 100%;
    }
    .span_14 {
        width: 23.75%;
    }
}

li.col.item {
    background: white;
    padding: 40px 20px 40px 20px;
    margin-bottom: 20px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 15px !important;
}

h2.section-title-black {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 5px;
    font-family: 'Montserrat';
}

.std p,
.std li {
    font-family: 'Lato';
    font-size: 16px;
}

.options li.col.item {
    border-right: 1px solid #537eb5;
    border-bottom: 1px solid #537eb5;
}

li.item.classic-cream {
    background: #ddc79c;
}

li.item.manor-red {
    background: #783f30;
    color: white;
}

li.item.cottage-green {
    background: #335244;
    color: white;
}

li.item.shale-grey {
    background: #bdbfba;
}

li.item.monument {
    background: #424045;
    color: white;
}

li.item.Surfmist {
    background: #e1e2df;
}

li.item.deep-ocean {
    background: #465161;
    color: white;
}

li.item.pale-eucalypt {
    background: #7a8977;
    color: white;
}

li.item.windspray {
    background: #888a89;
    color: white;
}

li.item.dune {
    background: #b7b2ac;
}

li.item.woodland-grey {
    background: #5e5c57;
    color: white;
}

li.item.paperbark {
    background: #cdc1a9;
}

li.item.jasper {
    background: #806d5b;
    color: white;
}

li.item.span_5 {
    background: none;
}

.conf-icon li img {
    margin-bottom: 10px;
}

#mc_embed_signup input {
    width: 90%;
    font-size: 15px;
    color: black;
    line-height: 32px;
    margin: 3px;
    padding: 5px;
    border-top: none;
    border-right: 1px solid darkblue;
    border-bottom: 1px solid darkblue;
    border-left: none;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #9E9E9E;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #9E9E9E;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #9E9E9E;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #9E9E9E;
}

div#mc_embed_signup {
    min-height: 245px;
    font-family: 'Lato';
    font-size: 15px;
}

input#mc-embedded-subscribe {
    background: #f26522;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    letter-spacing: 5px;
}

@media only screen and (max-width: 480px) {
    .span_1 {
        width: 32%;
        font-size: 12px !important;
        height: 90px;
    }
    .span_5 {
        width: 65%
    }
    .bottom-banner {
        height: 240px
    }
    .conf-icon {
        height: 440px;
    }
    .conf-icon li {
        margin-bottom: 20px
    }
    div#mc_embed_signup {
        height: 445px;
    }
    .span_14 {
        width: 48%;
    }
    .span_2,.span_3 {
        width:98%;
        margin-bottom:10px;
    }
    .row.option .three-tips, .row.option .product-list {
      display: block !important;
    }
    .numbering.white ul li{
        background:#f3f3f3 !important;
    }
    .top-4{
        background:none;
    }
}

h3.banner-title {
    font-size: 30px;
    color: white;
    font-weight: normal;
}

h2.section-title-thank {
    font-size: 28px;
    font-family: 'Montserrat';
    color: darkblue;
    text-align: center;
}

.get-touch {
    background: #f26522;
    font-family: 'Lato';
    font-size: 28px;
    color: white;
    padding: 5px 10px;
    letter-spacing: 4px;
    border-bottom: 3px solid #b53a00;
}

li.col.item.none {
    border-color: #f3f3f3;
    background: none;
}


div#Tell_A_Friend_504408ac4b6b7 {
    padding-top: 30px;
}

.separator-title {
    border-top: 3px black solid;
    margin-bottom: 15px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.separator-title-blue {
    border-top: 3px #537eb5 solid;
    margin-bottom: 15px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.separator-top {
    border-top: 3px black solid;
    margin-bottom: 15px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}


a.button {
    text-decoration: none !important;
}

h3.number-title {
    font-size: 1.8em;
}

.disclaimer {
    margin-top: 20px;
    font-size: 14px;
    background: #6f6f6f;
    color: white;
    padding: 1%;
}

.faq-grey-bg {
    padding: 20px 15px 20px 15px;
    background: #f3f3f3;
    margin-bottom: 20px;
}

.faq-number-title {
    text-align: center;
}

.faq-separator-title {
    border-top: 3px black solid;
    margin-bottom: 15px;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.faqs-custom h3 span.number-big {
    font-size: 40px !important;
    display: inline;
    line-height: 14px;
    vertical-align: bottom;
    float: left;
    padding: 3px 6px 3px 0px;
    color: #103c89;
    font-weight: bold;
}

.faqs-custom .faq-number-title {
    font-weight: bold;
}

.faqs-custom h3 {
    background: #f3f3f3;
    padding: 15px;
    margin-bottom: 5px;
    padding: 15px 5px 15px 5px;
    border-left: 4px solid #537eb5;
}

.faqs-custom ul li {
    list-style-type: disc;
    padding-left: 0px;
    background: none;
    margin-left: 20px;
}

.faqs-custom ul {
    margin-bottom: 20px;
}

.faqs-custom .top-banner {
    margin-bottom: 20px;
}

.faqs-custom li {
    margin-bottom: 10px;
}

.faqs-custom {
    max-width: 960px;
    margin: auto;
}

article.ac-small {
    margin-left: 17px;
    margin-top: 4px;
}

.navbar-inner {
    height: 54px;
}


/*copied from media */


/* width < 320px */

@media only screen and (max-width: 320px) {}


/* width < 480px */

@media only screen and (max-width: 479px) {
    .bestseller-list .itemgrid-3cols .item {
        width: 96%;
    }
    #subscribe-form .button {
        float: none;
    }
    #subscribe-form .input-text {
        float: none;
        margin-bottom: 10px;
    }
    #subscribe-form {
        text-align: center;
    }
    .the-slideshow .caption h2.heading {
        font-size: 14px;
        line-height: 20px;
        max-width: 85%;
        padding: 0 0 0 4%;
    }
    .the-slideshow .caption p {
        font-size: 10px;
        padding: 1% 2% 1% 4%;
    }
    .carousel {
        width: 90%;
        height: 85px;
    }
    .carousel-indicators {
        display: none;
    }
}


/* 480 <= width <= 568px */

@media only screen and (min-width:480px) and (max-width: 568px) {
    .bestseller-list .itemgrid-3cols .item {
        width: 45.6%!important;
    }
    .the-slideshow .caption h2.heading {
        font-size: 23px;
        line-height: 25px;
    }
}


/* 480 <= width < 568px */

@media only screen and (min-width:480px) and (max-width: 567px) {
    .carousel {
        width: 90%;
        height: 130px;
    }
}


/* 530<= width <= 568px */

@media only screen and (min-width:530px) and (max-width: 568px) {
    .carousel {
        width: 90%;
        height: 155px;
    }
}


/* 600<= width <= 630px */

@media only screen and (min-width:600px) and (max-width: 630px) {
    .carousel {
        width: 85%;
        height: 155px;
    }
}


/* 631<= width <= 685px */

@media only screen and (min-width:631px) and (max-width: 681px) {
    .carousel {
        width: 85%;
        height: 175px;
    }
}


/* 690<= width <= 850px */

@media only screen and (min-width:690px) and (max-width: 850px) {
    .carousel {
        width: 85%;
        height: 200px;
    }
}

@media only screen and (max-width: 568px) {
    .top-links {
        float: none;
    }
    .header-top .topling {
        width: 290px;
        margin: 0 auto;
    }
    .header-top .loginregister .links {
        float: left!important;
    }
    .header-top .loginregister .links a {
        font-size: 12px
    }
}


/* width <= 600px */

@media only screen and (max-width: 600px) {
    .home-content-top,
    .header-top-links-wrapper {
        display: none;
    }
    .block_footer_payment {
        display: none!important;
    }
    .header-top-search-wrapper {
        display: none;
    }
    .header .logo-wrapper {
        margin-top: 20px;
    }
    .header-container {
        background: #144F9A;
    }
    #mini-cart,
    .user-menu .links,
    .user-menu .links li {
        float: right!important;
    }
    .nav-container {
        background: #fafafa;
        border: none;
    }
    .search-hide {
        display: block !important;
        margin: 4% auto;
        width: 60%;
    }
    .header-top-help-wrapper {
        display: none;
    }
    .help-hide {
        display: block!important;
        margin: 5% auto 0;
        text-align: center;
    }
    .help-hide .phone {
        background: url("../images/ic-phone-gray.png") no-repeat scroll 26% center transparent;
        color: #144F9A;
        font-size: 21px;
        font-weight: bold;
        padding: 0 0 0 10%;
    }
    .footer .heading a.accordion-toggle {
        background: url("../images/collapse-active.png") no-repeat scroll right center transparent;
        float: left;
        line-height: 30px;
        min-height: 30px;
        width: 100%;
        cursor: pointer;
    }
    .footer .heading a.collapsed {
        background: url("../images/collapse.png") no-repeat scroll right center transparent;
    }
    .footer .heading {
        margin: 0;
        padding: 0;
        background: none;
    }
    .footer-primary-container .accordion-title {
        background: url("../images/collapse-active.png") no-repeat scroll right center transparent;
        width: 100%;
        height: 31px;
        cursor: pointer;
    }
    .footer-primary-container .active {
        background: url("../images/collapse.png") no-repeat scroll right center transparent;
    }
    .footer-primary .section {
        padding: 0;
    }
    .footer-primary .according-detail {
        display: none;
    }
    #collapseOne,
    #collapseTwo,
    #collapseThree,
    #collapseFour,
    #collapseFive,
    #collapseSix,
    #collapseSeven,
    #collapseEight {
        display: none;
    }
    .product-view-left {
        width: 100%;
    }
    .product-view-right {
        display: none;
    }
    .view-left-mid .left-mid-col1,
    .view-left-mid .left-mid-col2 {
        width: 100%;
    }
    .view-left-mid .left-mid-col2 {
        width: 100%;
        margin: 20px 0;
    }
    .product-view .box-up-sell,
    .addcart-bottom .product-type-data {
        display: block;
        float: none;
        margin-bottom: 10px
    }
    .add-to-cart label {
        width: auto;
    }
    .add-to-cart .qty-wrapper {
        float: none;
        width: 100%;
        text-align: center;
    }
    .add-to-cart button.btn-cart {
        float: none;
        margin: 10px 0 0 0;
    }
    .add-to-cart label,
    .add-to-cart .qty,
    .addcart-bottom .add-to-box {
        float: none;
    }
    .footer-primary .persistent-grid2-1 {
        width: 100%;
    }
    .the-slideshow {
        margin: 0 auto 0%;
    }
    .caption {
        margin: 0 0 4% 0;
    }
    .the-slideshow .caption p {
        padding: 2% 0 2% 4%;
    }
    .the-slideshow .caption p a {
        display: none;
    }
    .the-slideshow {
        margin: 0px auto;
    }
    div.onestepcheckout-threecolumns div.onestepcheckout-column-left {
        width: 100%;
    }
    div.onestepcheckout-threecolumns div.onestepcheckout-column-middle,
    div.onestepcheckout-threecolumns div.onestepcheckout-column-right {
        width: 100%;
        margin-top: 15px;
    }
    /*hide zopim*/
    .zopim {
        /*display:none !important;*/
    }
}


/* width >= 600px */

@media only screen and (min-width: 600px) {
    .header-top-search-wrapper {
        width: auto!important;
    }
    .footer-primary .collapse {
        display: block!important;
        height: auto!important;
    }
    /* .footer-primary .according-detail{display:block!important;} */
}


/* 568px <= width < 686px */

@media only screen and (min-width:568px) and (max-width: 686px) {
    .bestseller-list .itemgrid-3cols .item {
        width: 45.6%!important;
    }
    .the-slideshow .caption h2.heading {
        font-size: 30px;
        line-height: 35px;
        padding: 0 0 0 4%;
        width: 85%;
    }
    .the-slideshow .caption p {
        padding: 1% 0 1% 4%;
    }
}

@media only screen and (min-width:568px) and (max-width: 740px) {
    .header-top-links-wrapper {
        width: 58.5%;
    }
}


/* 700px <= width <= 770px */

@media only screen and (min-width:700px) and (max-width: 770px) {
    .bestseller-list .itemgrid-3cols .item {
        width: 45.6%!important;
    }
    .bestseller-list .itemgrid-2cols .item:nth-child(2n+1),
    .bestseller-list .itemgrid-3cols .item:nth-child(2n+1),
    .bestseller-list .itemgrid-4cols .item:nth-child(2n+1),
    .bestseller-list .itemgrid-5cols .item:nth-child(2n+1),
    .bestseller-list .itemgrid-6cols .item:nth-child(2n+1),
    .bestseller-list .itemgrid-7cols .item:nth-child(2n+1) {
        clear: none;
    }
    .block_footer_payment {
        margin-top: 10px;
    }
    .itemgrid-3cols .item:nth-child(3n+1) {
        width: 45.6%!important;
    }
    .header-top-links-wrapper {
        width: 58.5%;
    }
}


/* 640px <= width <= 850px */

@media only screen and (min-width: 640px) and (max-width: 850px) {
    .itemgrid-3cols .item:nth-child(3n+1),
    .bestseller-list .itemgrid-3cols .item {
        width: 45.6%!important;
    }
    .page-banners .grid12-2 {}
    .footer-primary .grid12-3 {
        width: 21%;
    }
    .footer-primary .omega {
        width: 29%;
    }
    .top-links {
        float: none;
    }
    .header-top-search-wrapper {
        min-width: 25%;
    }
    .header .logo-wrapper {
        text-align: left;
        float: left;
        width: 25%;
        margin-right: 3%;
    }
    #mini-cart .block-title .summary {
        font-size: 10px;
    }
    .header-top .links a {
        font-size: 9px;
    }
    .header .logo {
        width: 100%;
    }
    .header-top-help-wrapper .phone {
        font-size: 18px;
    }
    .product-view-right {
        display: none;
    }
    .product-view-left {
        width: 100%;
    }
    .addcart-top-tablet {
        display: block!important;
        margin: 15px 0 10px 0;
        overflow: hidden;
        float: left;
        width: 94%;
        margin-top: 20px;
    }
    .addcart-top-tablet .product-type-data,
    .addcart-bottom {
        display: block;
        float: none;
        margin-bottom: 10px
    }
    .add-to-cart label {
        width: auto;
        line-height: 25px;
    }
    .add-to-cart .qty-wrapper {
        margin-top: 10px;
    }
    .product-view .btn-cart span span,
    button.btn-checkout span span {
        padding: 0 70px 0 70px;
    }
}

@media only screen and (max-width: 850px) and (min-width: 480px) {
    .itemgrid-2cols .item,
    .itemgrid-3cols .item,
    .itemgrid-4cols .item,
    .itemgrid-5cols .item,
    .itemgrid-6cols .item,
    .itemgrid-7cols .item {
        width: 45.6%!important;
    }
}


/* 768 <= width < 960px */

@media only screen and (min-width:768px) and (max-width: 959px) {
    .footer-primary .grid12-3 {
        width: 21%;
    }
    .footer-primary .omega {
        width: 29%;
    }
    .header .logo-wrapper {
        margin: 0;
        float: left!important;
    }
    .navbar .nav>li>a {
        font-size: 14px;
        padding: 15px 5px;
    }
    .dropdown_desktop,
    .sidebar_desktop,
    .dropline_desktop {
        display: block!important;
    }
    .dropdown_desktop,
    .sidebar_desktop,
    .dropline_desktop {
        display: none!important;
    }
    .dropline_responsive,
    .sidebar_responsive,
    .dropdown_responsive,
    .navbar-inner {
        /* display:none!important; */
    }
}


/* 960 <= width < 1440px */

@media only screen and (min-width:960px) and (max-width: 1439px) {
    .footer-primary .grid12-3 {
        width: 21%;
    }
    .footer-primary .omega {
        width: 29%;
    }
    .logo-wrapper.v-item {
      width: 450px;
    }
}


/* 1000px <= width <= 1024px */

@media only screen and (min-width:1000px) and (max-width: 1024px) {
    .s_w0 .nav-header {
        font-size: 15px;
    }
    .sub_one {
        width: 280px;
    }
    .carousel {
        width: 70%;
    }
    .container {
        width: 100%;
    }
}


/* width >= 1440px */

@media only screen and (min-width:1440px) {
    .footer-primary .grid12-3 {
        width: 21%;
    }
    .footer-primary .omega {
        width: 29%;
    }
}


/* width < 767px */

@media only screen and (max-width:850px) {
    .category-top {
        min-height: 350px;
    }
    .category-top .category-description {
        color: #FFFFFF;
        padding: 0 20px;
        position: absolute;
        bottom: 0;
    }
    .category-title h1 {
        font-size: 18px;
        font-weight: bold;
        margin: 30px 0 0;
        padding: 10px 30px;
        text-transform: uppercase;
        opacity: 0.9;
    }
}


/* for setting images height on frontend before the images loaded */

@media only screen and (min-width:1100px) {
    .bestseller-list .item .product-image img {
        width: 212px;
        height: 212px
    }
}


/* copied from newestmodification */

button.btn-checkout:hover span {
    background-color: transparent;
}

button.btn-checkout:hover span span {
    background: url("../images/checkout-btn2.png") no-repeat scroll 0 0 transparent;
}

#getcostbypostcode {
    text-indent: 0;
    background: #144f9a;
    width: auto;
    height: auto;
    border: none;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 5px;
    margin-left: 5px;
}

#recently-viewed-items .ratings .rating-box {
    float: none;
    margin: 0 auto;
}


/*
edited by ipin on 9 January 2014 4:53PM
search page styling
*/

.catalogsearch-result-index .clear {
    height: 20px;
}

.catalogsearch-result-index .page-head.groups {
    padding: 15px 10px 5px;
    background: #144f9a;
    margin-bottom: 15px;
    color: #fff;
}

.catalogsearch-result-index .page-head h4 {
    font-size: 1.4em;
    font-weight: normal;
}

.catalogsearch-result-index a.search-page-title {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    text-decoration: underline;
    margin-bottom: 5px;
}

.catalogsearch-result-index a.search-page-title:hover {
    text-decoration: none;
}

.catalogsearch-result-index a.search-page-title:visited {
    color: #801122
}

.catalogsearch-result-index p.abstract {
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e0e0e0;
    line-height: 1.8em;
}


/* manufacture label*/

.view-left-top {
    position: relative
}

.brand-trust-icon {
    position: absolute;
    bottom: 0;
    right: 0;
}

.brand-trust-icon img {
    height: 70px
}


/* uzi */

.vwo-testing {
    display: none
}

.products-grid .actions .add-link li.vwo-testing {
    display: none
}

.products-grid .actions .rating-bottom {
    float: left
}

.price-bottom {
    display: none
}


/*end uzi*/


/* uzi: bigger search bar */

.header-top-help-wrapper.item.item-right.phone-test {
    margin: 0px 25px 0px 0px;
    display: block !important;
}

.header-top-help-wrapper.item.item-right.phone-test .phone {
    color: rgb(255, 255, 255);
    background-image: url(../images/ic-phone-white.png);
    font-size: 16px;
    font-weight: bold;
}

.header-top-links-wrapper.item.item-left {
    float: left
}

.logo-wrapper.v-item {
    width: 450px;
    height: 64px;
}

.header-main-search-wrapper.v-item {
    display: block !important;
    float: right;
    margin-top: 10px;
}

#search_mini_form .form-search button.button {
    background-color: transparent;
    background-image: url(../images/searchbtnbig.png);
    width: 34px;
    height: 34px;
    margin-top: 3px;
}

#search_mini_form .form-search .input-text {
    background-color: rgb(232, 232, 232);
    line-height: 40px;
    height: 40px;
    font-size: 13px;
    padding-left: 3% !important;
    padding-right: 0 !important;
    color: rgb(77, 77, 77);
    width: 97%
}

.header-top {
    height: 35px;
}


/*mac problem*/


/* uzi: end bigger search bar */


/* uzi: hide optin */

.checkout-cart-index #subscribe-form,
.onestepcheckout-index-index #subscribe-form {
    display: none
}


/* uzi: end hide optin */


/* facebook store (or... design for 810px screen or less) */

@media only screen and (max-width: 810px) and (min-width: 768px) {
    body {
        overflow-x: hidden
    }
    .header.container {
        width: 100%
    }
    .header.container .grid-full {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .header .logo {
        max-width: none;
        margin-top: 0px;
    }
    .header-main-search-wrapper.v-item {
        width: 70%;
        float: right;
        margin-top: 5px;
    }
    .header-top-links-wrapper.item.item-left {
        width: 70%;
        margin-bottom: 0;
        float: right;
    }
    .header .form-search {
        width: 100%;
    }
    .logo-wrapper.v-item {
        margin-top: 10px;
        width: 30%;
        margin-right: 0px;
        height: auto
    }
    .header-main .logo a {
        display: block;
    }
    .user-menu {
        width: 100%
    }
    .nav-container {
        border-width: 0px;
    }
    .nav-accordion {
        margin: 10px auto 15px;
    }
}


/*uji deui*/

.block-book-download a span {
    text-align: center;
    display: block;
    padding-top: 5px;
}


/*enduji deui*/


/*resfonsife by uzie *til the bottom* */

@media only screen and (max-width: 500px) {
    /* hide them all*/
    .header-main-search-wrapper.v-item,
    .header-top-help-wrapper.item.item-right.phone-test {
        display: none !important
    }
    .header .logo {
        margin-top: 0
    }
    .logo-wrapper.v-item {
        margin: 30px auto 0;
        width: 245px;
    }
    .search-hide {
        margin: 10px auto
    }
    .help-hide {
        width: 160px;
    }
    .help-hide .phone {
        background-position: 0 center
    }
    .top-links {
        float: right
    }
}

@media only screen and (max-width: 256px) {
    .logo-wrapper.v-item {
        margin: 100px auto 0
    }
    .search-hide {
        width: 90%;
    }
}


/*new font size by yans 7 June 2015 */

.page-banners {
    font-size: 12px;
}

.products-grid .product-name {
    font-size: 13px;
}

.wrap_accessories tr.value td h4 {
    font-size: 12px;
}

h3.section-title {
    font-size: 13px;
}

.box-up-sell ul.products-grid li.item .upsell-right h3.product-name {
    font-size: 13px;
}

div.footer-primary-container.section-container {
    font-size: 13px;
}

.section-space {
    padding: 4px;
}

div.main.container.show-bg {
    font-size: 13px;
}

.animated {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transition-delay: 5s;
    transition-delay: 5s
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in;
    pointer-events: none
}

.modalDialog:target {
    opacity: 1;
    pointer-events: auto
}

.modalDialog>div {
    width: 800px;
    position: relative;
    margin: 1% auto;
    padding: 5px 20px 13px;
    border-radius: 5px;
    background: #fff
}

.close-mod {
    background: #606061;
    color: #FFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: 700;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000
}

.close:hover {
    background: #00d9ff
}

table.popup {
    border: 1px solid
}

.popup td {
    padding: 0 10px;
    width: 400px
}

.popup li {
    margin-left: -5px;
    list-style: none;
}

td.delivery-cost-title,
td span.price {
    font-weight: bold;
}

.globel-cms .blue-center-bold {
    font-weight: bold;
    font-style: italic;
    color: #287bbd;
    text-align: center;
    width: 45%;
    margin-left: auto;
    margin-right: auto;
}

.globel-cms h3 span.number-big {
    color: #ec5246;
    margin-right: 10px;
}

.globel-cms h3 {
    border-left:#ec5246 solid 4px;
    color: #287bbd;
    margin: 20px 0px 10px 0px;
}

.globel-cms a {
    color: #287bbd;
}

.globel-cms li {
    margin-left: 10px;
}

span.blue-bold {
    font-weight:bold;
    color:#287bbd;
}

.tips-box {
    border: 1px solid #ec5246;
    margin: 20px auto 20px auto;
    padding:10px 10px 0px 10px;
    background: #f3f3f3;
    width:90%;
}

span.tips-text {
    text-transform:uppercase;
    font-weight:bold;
    color:#ec5246;
}

.promo-content.promopage.fatherday {background: url(https://www.cheapsheds.com.au/media/wysiwyg/promo_page/Fathers_day/2017/header-2017.jpg) repeat-y center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:1137px;
}

.fatherday .promo-item {
  margin: 40px 0px 20px 10px;
}

.promo-item a img {

}

img.logo-below {
    margin-top:15px;
}

.number-div2 {
    float: left;
}
.text-bold{
  font-weight: bold;
}

.std i.fa {
  font-style: normal;
}

.fa-circle{
    padding:10px;
    color:#557eb5;
}

.grey-bg ul.three-tips li {
  background: white;
}

.three-tips li.col.item {
  margin-bottom:10px;
}

.grey-bg .numbering ul li {
    background: #ffffff;
}

.category-description.std p {
    font-size: 16px;
}