/*---------------------------------
    IMPORTS
-----------------------------------*/
/*@import url(fonts/fontawesome/font-awesome-4.0.3/css/font-awesome.min.css);
 @import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@font-face { 
font-family: 'OswaldLight'; 
src: url('/assets/css/fonts/oswald-light-webfont.eot'); 
src: url('/assets/css/fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/css/fonts/oswald-light-webfont.woff') format('woff'), url('/assets/css/fonts/oswald-light-webfont.ttf') format('truetype'), url('/assets/css/fonts/oswald-light-webfont.svg#OswaldLight') format('svg'); font-weight: normal; font-style: normal; }*/
/*@import url(http://fonts.googleapis.com/css?family=Nunito:400,700);*/

/*---------------------------------

  ---------------------------------
         TABLE OF CONTENTS
  ---------------------------------

# MOBILE RESPONSIVE CODING

        ## MOBILE WIRE FRAME
        ## MOBILE GLOBAL STYLES
        ## MOBILE CONSTANT CONTACT FORM

        ------ HOME PAGE --------
        ## MOBILE HOME HEADER + QUICK PRICE CHECK
        ## MOBILE HOME POPULAR PRODUCTS + CONTENT

        ------ OTHER PAGES --------
        ## MOBILE PRODUCT CONTENT
        ## MOBILE MATERIALS CONTENT
        

# TABLET RESPONSIVE CODING

        ## TABLET WIRE FRAME
        ## TABLET GLOBAL STYLES
        ## TABLET CONSTANT CONTACT FORM

        ------ HOME PAGE --------
        ## TABLET HOME HEADER + QUICK PRICE CHECK
        ## TABLET HOME POPULAR PRODUCTS + CONTENT

        ------ OTHER PAGES --------
        ## TABLET PRODUCT CONTENT


# DESKTOP RESPONSIVE CODING

        ## DESKTOP WIRE FRAME
        ## DESKTOP GLOBAL STYLES

        ------ HOME PAGE --------
        ## DESKTOP HOME HEADER + QUICK PRICE CHECK
        ## DESKTOP HOME POPULAR PRODUCTS + CONTENT

        ------ OTHER PAGES --------
        ## DESKTOP PRODUCT CONTENT


-----------------------------------*/


/*------------------------------------------------------------------
    # MOBILE RESPONSIVE CODING
--------------------------------------------------------------------*/

/*--------------------------------
    ## MOBILE WIRE FRAME
--------------------------------*/

    /*.Home #photoblock .col_4 {
        width: 49%;
        min-height: 230px;
    }



/*--------------------------------
    ## MOBILE GLOBAL STYLES
--------------------------------*/

    a#bbblink {
    float: left !important;     
    }

    p.learn-more {
    padding-top: 10px;
    color: #2e509b;
    font-size: 1.6em;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    }

    p.learn-more a:hover {
        color: #3e73de;
        text-decoration: underline;
    }


    .goldBttn, input[type="submit"].goldBttn {
        -webkit-appearance: none;
        background: #ebbc5e;
        background-color: #ebbc5e;
        border: none;
        box-shadow: none;
        width: 60%;
        height: 65px;
        margin-top: 15px;
        padding: 9px;
        font-family: 'Open Sans', arial, verdana, sans-serif;
        font-size: 1.5em;
        font-weight: 900;
        text-transform: uppercase;
        color: #fff;
    }

    .goldBttn:hover, input[type="submit"].goldBttn:hover {
        background: #fff;
        background-color: #fff;
        border: 2px solid #ebbc5e;
        box-shadow: none;
        color: #ebbc5e;
        cursor: pointer;
    }


    .bluBttn {
        -webkit-appearance: none;
        background-color: #2e509b;
        border: none;
        font-family: 'Open Sans', arial, verdana, sans-serif;
        color: #fff;
    }

    .bluBttn:hover {
        cursor: pointer;
        background-color: #1c2f58;
    }

    .bluBttn:active {
        border: none;
        box-shadow: 0 0 10px #95afe5;
    } 

    .bluBttn:focus {
        border: none;
    }

    .showDesktop {
        display: none;
    }

    .showTablet {
        display: none;
    }

    .showMobile {
        display: block;
    }

    .hideMobile {
        display: none;
    }


/*----------------------------------------------
    ## MOBILE CONSTANT CONTACT FORM
----------------------------------------------*/


div#constantContact {
    margin: 20px auto;
    width: 90%;
    box-shadow: 0px 0px 3px #bbb;
    border-radius: 6px;
}

.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-header {
    font-size: 1.2em !important;
}

.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-text {
    font-size: 0.9em !important;
}

div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
    height: 30px !important;
}

p.ctct-gdpr-text {
        font-size: 0.7em !important;
}


/*----------------------------------------------
    ## MOBILE HOME HEADER + QUICK PRICE CHECK
----------------------------------------------*/

    .heading_Container {
        position: relative;
        z-index: -1;
        height: 100%;
        min-height: 55vh;
        width: 100%;
        overflow: auto;
        background-image: url('https://dev.megaprint.com/assets/images/Twenty19/Main_Banner.jpg');
        background-size: cover;
        background-position: center;
    }

    #slideshow {
        position: absolute;
        z-index: -2;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .slideshowContainer {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .slideshowContainer ul {
      margin: 0;
      padding: 0;
      list-style: none;
      position: absolute;
      height: 100%;
      top: 0;
    }

    .slideshowContainer ul li {
      padding: 0;
      margin: 0;
      width: 16.6666667%;
      height: 100%;
      position: absolute;
      bottom: 0;
      border: none;
    }

    .slideshowContainer img {
        height: 100%;
    }

    img.homeAccent {
        display: none;
    }

    .easyPricerHome {
        position: absolute;
        display: table;
        z-index: 1;
        margin: 0 auto;
        width: 100%;
        min-height: inherit;
        max-height: inherit;
        overflow: auto;
        border-radius: 12px;
    }

    #pricingPop {
        display: table-cell;
        vertical-align: middle;
        padding: 6px 0;
    }

    .box {
        overflow: auto;
    }

    .boxHomePage {
        background: rgba(255,255,255,0.85);
        border: 1px solid #888;
        box-shadow: -1px 1px 5px rgba(85,85,85,0.85);
        padding: 4px 8px;
        margin: 15px auto;
        width: 90%;
        max-height: 70vh;
    }

    .boxHomePage::-webkit-scrollbar {
        width: 8px;
        background: transparent;
    }

    .boxHomePage::-webkit-scrollbar-thumb {
        background: rgba(204,204,204,0.6);
        border-radius: 12px;
    }

    #easyPricer h2 {
      font-size: 1.4em;  
    }

    #easyPricer h3 {
      font-size: 1.3em;  
    }

    #easyPricer p {
        font-weight: bold;
        color: #2e509b;
        margin: 4px 0;
        padding: 0;
    }

    #easyPricer select {
        font-size: 0.8em;
    }

    #prodLink, #pricing_material {
        width: 99%;
    }

    #pricing_container {
        width: 100%;
        margin: 0.5em 0;
    }

    #pricing_dimension_area {
        padding-bottom: .5em;
        display: table;
        vertical-align: middle;
        width: 99%;
    }

    #dimensionSelect {
        display: table-cell;
    }

    #detailLabel {
        width: 32%;
        float:left;
        padding-right: 8px;
        text-align: right;
        font-weight: bold;
        color: #2e509b;
    }

    #pricing_mounting, #pricing_finish, #lamination, pricing_hanger {
        width:67%;
    }


/*----------------------------------------------
    ## MOBILE HOME POPULAR PRODUCTS + CONTENT
----------------------------------------------*/

    .Home div#finder {
        width: 100%;
        margin: 20px auto 0 auto;
      }

    div#photoblock h1 {
        margin-bottom: 20px;
        text-align: center;
      }

    div#photoblock img:hover {
        box-shadow: none;
      }

    div.photothumb {
        position: relative;
        margin: 1em 0;
      }


    figure.tint {
        position: relative;
        cursor: pointer;
        max-width: 85%;
        margin:  0 auto 20px auto;
        border-radius: 100%;
        overflow: hidden;
      }

    figure.tint:after {
        background: none;
      }

    figure.tint:hover:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0, 0.6);
        -moz-transition: all .3s linear;
        -webkit-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
      }

    figure.tint p {
        position: absolute;
        z-index: 5;
        top: 0;
        bottom: 0;
        margin: auto;
        text-align: center;
        width: 100%;
        color: white;
        text-shadow: 0 0 5px rgba(0,0,0,0.9);
        height: 25px;
      }

    .hideP {
        display: none;
        }

    .showP {
        display: block;
        }

    div#introduction {
        width: 100%;
        margin: 20px auto 0 auto;
        }

    p.intro {
        width: 90%;
        margin: 0 auto;
        }

    div.chooseus_icons {
        border-bottom: 2px dotted #ccc;
        margin-bottom: 35px;
        padding-bottom: 10px;
        }

    div.chooseus_icons h5, div.fullfillment_icons h5 {
        text-align: center;
        }

    div.chooseus_icons ul {
        margin-left: 40%;
        }

    span.phototitle {
        font-size: 1.1em;
        }

/*--------------------------------
    ## MOBILE PRODUCT CONTENT
--------------------------------*/

    div.products h4 {
        font-size: 1.3em; 
        text-transform: uppercase; 
        color: #000;
    }

    div.prodSummary {
        padding: 15px 0;
    }

    div.prodSummary img {
        width: 100%;
    } 

    div.bannerStand {
        display: none;
    }

    div.telescopeTab {
        float: none;
        margin: -11% auto 0 auto;
        padding: 8% 6% 0 6%;
        -webkit-box-shadow: 0 3px 4px 0 #ccc;
        box-shadow: 0 3px 4px #ccc;
        overflow: auto;
        width: 94%;
    }

    div.active {
        display: block;
        border-radius: 8px;
        -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
        animation-name: example;
    }

    /* Safari 4.0 - 8.0 */
    @-webkit-keyframes example {
      0% {background-color: #ffe0a3; box-shadow: 0 0 20px #ffe0a3}
      100% {box-shadow: none;}
    }
    img.prodIcon {
        height: 95px;
    }

    img#dreamscape {
        display: block;
        margin: 0 auto 30px auto;
        width: 150px;
    }

    div.trail img {
        width: 100%;
        margin: 0.5em 0;
    }

    p.prodAltNames {
        margin-top: 0;
        font-size: 1.1em;
        font-style: italic;
    }

    ul#prodDesc {
        margin-left: 20px;
    }

    ul.prodDetails {
        list-style-type: none; 
        margin-left: 0;
    }

    ul.comSizes li, ul.comSizes2 li {
        display: inline-block;
        width: 49%;
        margin-bottom: 10px;
        vertical-align: top;
    }

    ul.HorizCol0 li, ul.HorizCol1 li, ul.HorizCol2 li, ul.HorizCol3 li {
        display: inline-block;
        width: 100%;
        padding: 15px 0;
    }

    ul.HorizCol4 li {
        display: inline-block;
        width: 49%;
        padding: 15px 0;
    }

    ul.tabMenu li {
        text-align: center;
        margin-left: 0;
        padding: 15px 0;
    }

    ul.tabMenu a {
        font-family: 'Oswald', arial, verdana, sans-serif;;
        font-size: 1.7em;
        font-weight: bold;
        text-transform: uppercase;
        color: #555;
    }

    ul.tabMenu a.current-item {
        color: #2e509b;
    }

    ul.tabMenu a:hover, ul.tabMenu a.current-item:hover {
        cursor: pointer;
        color: #ebbc5e;
    }

    table.pricing, table.pricing2, table.pricing3, table.pricing4 {
        width: auto;
        margin: 25px 0;
    }

    table.pricing5 {
        width: auto;
        float: left;
    }

    table.tableLeft {
        margin-right: 12% !important;
    }

    table.pricing td, table.pricing2 td, table.pricing3 td, table.pricing4 td, table.pricing5 td {
        font-size: 1em;
        padding: 10px;
    }

    table.pricing th, table.pricing2 th, table.pricing4 th {
        font-size: 1em;
        padding: 6px 0;
        text-align: center;
    }

    table.pricing3 th, table.pricing3 td {
        text-align: center;
    }

    table.pricing2 td:first-child, table.pricing4 td:first-child {
        padding-right: 28px;
        text-align: right;
    }

    p#prodSnapshot {
        margin: 0 0 20px 0;
        font-family: 'Oswald', arial, verdana, sans-serif; 
        font-size: 1.3em; 
        line-height: 1.5em; 
        font-weight: bold; 
        color: #777; 
    }

    p.prodNote, span.prodNote {
        font-size: .8em; 
        font-style: italic;
    }

    .templateBttn {
        display: block;
        width: 100%;
        margin: 10px auto;
        padding: 9px;
        font-size: 1em;
        line-height: 1.1em;
        font-weight: bold;
        text-transform: uppercase;
    }

    form.quoteForm {
        background-color: #d6d6d6;
        padding: 20px;
    }

    .quoteCol_3, .quoteCol_4, .quoteCol_6, .quoteCol_8  {
        width: 100%;
        clear: both;
    }

    .quoteCol_6 {
        padding-top: 3px;
    }


    .quoteCol_5 {
        float: left;
        width: 30%;
        /* height:  55px; */
    }

    .quoteCol_7 {
        float: left;
        width: 70%;
        height:  55px;
        padding: 10px 0;
    } 

    form.quoteForm input[type="radio"] {
      cursor: pointer;
      position: absolute;
      opacity: 0;
      height: 0;
    }

    div.quoteRadio label {
      
      position: relative;
      padding-left: 33px;
      padding-top: 4px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      height: 25px;
      font-weight: normal;    
    }

    .quoteRadioBttn {
      cursor: pointer;
      position: absolute;
      top: 0;
      left: 0;
      height: 25px;
      width: 25px;
      border: 1px solid #bbb;
      border-radius: 50%;
      background-color: white;
    }

    .quoteRadioBttn:after {
      content: "";
      position: absolute;
      display: none;
    }

    label input:checked ~ .quoteRadioBttn:after {
      display: block;
    }

    label .quoteRadioBttn:after {
      top: 4px;
      left: 4px;
      height: 15px;
      width: 15px;
      border-radius: 50%;
      background: #000;
    }


    form.quoteForm ul {
        margin: 0;
    }

    form.quoteForm ul li {
        display: inline-block;
        vertical-align: middle;
        margin: 10px 50px 7px 0;
        padding-top: 4px;
        height: 25px;
        line-height: 1em;
    }

    form.quoteForm ul li.first {
        margin-left: 0;
    }

    .quoteLabel {
        line-height: 1em;
        font-weight: bold;
    }

    form.quoteForm input[type="text"], form.quoteForm input[type="tel"], form.quoteForm input[type="email"] {
        width:100%;
        border: 1px solid #bbb;;
        box-shadow:  none;
    } 

    div.imgGal {
        width: 100%;
        padding-top: 90%;
    }

    div#saleBox {
        margin: 7% 0;
        width: 80%;
    }

    div#saleBox p:last-child {
        margin-top: 0; 
        font-size: 0.75rem; 
        color: #777; 
        font-style: italic;  
    }

    .tilestyles .col_3 {
        text-align: center;
    }

    .tilestyles img {
        width: 50%;
    }

    .tilestyles h6 {
        margin-bottom: 4%;
    }


/*------------------------------------------------------------------
    ## MOBILE MATERIALS CONTENT
--------------------------------------------------------------------*/
    
    #quickLink:before {
        display: block;
        content: " ";
        margin-top: -100px;
        height: 100px;
        visibility: hidden;
    }

    .scaleBox {
        background: #eee;
        border: 1px solid #dedede;
    }

    h2[title="Click to Expand/Collapse"]:hover {
        color: #e2b14f !important;
    }

    .MatPage a {
        color: #000;
    }

    .MatPage a img:hover, .MatPage a img:focus, .MatPage a img:active  {
        box-shadow: none;
        text-shadow: none;
    }

    .caretRGT:before {
        cursor: pointer;
        font-family: "fontawesome";
        content: "\f0da";
        margin-left: 8px;
        font-size: 0.75em;
    }

    .caretDWN:before {
        font-family: "fontawesome";
        content: "\f0d7";
        margin-left: 8px;
        font-size: 0.75em;
    }

    div.hideContainer {
        display: none;
    }

    div.showContainer {
        display: block;
    }

    div.viewContainer {
        position:relative;
        height: 15em;
    }

    div.viewLrg {
        width: 100%; 
        padding-top: 253px; 
        position: absolute; 
        top:0; 
        left:0; 
        z-index: 1;
        background-color: black; 
        opacity: .6;
        display: none;
    }

    p.viewLrg {
        top: 100px; 
        right: -50%; 
        left: -50%; 
        position: absolute; 
        z-index: 2; 
        color: white; 
        text-align: center; 
        font-weight: bold;
        display: none;
    }

    div.MatMat {
        margin: 40px auto;

    }

    img.MatIMG {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    ul.prodDetails button {
        z-index: 100;
        width: 96%;
        height: 60px;
        vertical-align: middle;
        background: none;
        border: 1.5px solid #333;
        border-radius: 20px;
        font-size: 0.9em;
    }

    ul.prodDetails button:hover {
            cursor: pointer;
            background: #aaa !important;
            border: 1.5px solid #aaa;
            color: white;
    }

    ul.prodDetails button:focus, ul.prodDetails button:active {
            background: #ebbc5e !important;
            color: white;
            border: 1.5px solid #ebbc5e; 
            box-shadow: 0 0 4px #ffe4af;
    }

    button.no-info, button.no-info:hover, button.no-info:focus, button.no-info:active {
            cursor: default !important;
            background: none !important;
            border: 1.5px solid #aaa !important;
            color: #000 !important;
    }

/*------------------------------------------------------------------
    # TABLET RESPONSIVE CODING
--------------------------------------------------------------------*/

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

        
/*--------------------------------
    ## TABLET WIRE FRAME
--------------------------------*/

/*   .Home .grid {
         max-width: 85%;
        } 

/*--------------------------------
    ## TABLET GLOBAL STYLES
--------------------------------*/

     .goldBttn, input[type="submit"].goldBttn {
         width: 250px;
         height: 75px;     
        }   

    .showTablet {
        display: block;
    }

    .showMobile {
        display: none;
    }

    .hideMobile {
        display: block;
    }


/*----------------------------------------------
    ## TABLET CONSTANT CONTACT FORM
----------------------------------------------*/


div#constantContact {
    width: 50%;
}

        
/*----------------------------------------------
    ## TABLET HOME HEADER + QUICK PRICE CHECK
----------------------------------------------*/        

    .heading_Container {
        min-height: 35vh;
        }

     .boxHomePage {
        width: 60%;
        }
    
        
        
/*----------------------------------------------
    ## TABLET HOME POPULAR PRODUCTS + CONTENT
----------------------------------------------*/
        
   .Home #photoblock .col_4 {
        max-width: 50%;
    }
        
    #photoblock img {
        min-width: 100%;    
    }
    
      .Home #photoblock .photothumb2 {
        width: 48%;
        margin: 5px;
    }

    #checklists .col_4 {
        display: block;
        float: left;
        clear: none;
        width: 33.666666666667%;
    }
        
    #checklists .col_6 {
        display: block;
        float: left;
        clear: none;
        min-width: 51.333333333333%;   
        max-width: 65.333333333333%;
    }
        
    div.chooseus_icons {
        border-bottom: none;
        border-right: 2px dotted #ccc;
        margin-bottom: 0;
        padding-right: 10px;
        padding-bottom: 0;
    }

    div.fullfillment_icons {
        padding-left: 40px;
    }
    
    div.chooseus_icons h5, div.fullfillment_icons h5 {
        text-align: left;
    }
    
    
    div.chooseus_icons ul {
        margin-left: 55px;
    }
        

/*--------------------------------
    ## TABLET PRODUCT CONTENT
--------------------------------*/ 

    div.prodSummary {
        padding: 25px;
    }   
        
    img#prodMainIMG {
        display: block;
        margin: 10px auto 0 auto;
        width: 60%;
    } 

    div.trail img {
    width: 48%;
    margin-left: 0.83333333333333%;
    margin-right: 0.83333333333333%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    float: left;
    display: block;
    }

    ul.comSizes li, ul.comSizes2 li {
        width: 24.55%;
    }
    
        
    ul.HorizCol0 li, ul.HorizCol1 li, ul.HorizCol2 li, ul.HorizCol3 li {
        width: 49%;        
    }
        
    ul.HorizCol4 li {
        width: 32%;        
    } 

    ul.tabMenu {
        text-align: center;
    }

    ul.tabMenu li {
        display: inline-block;
        width: 32%;
    }

    table.pricing4 {
        float: left;
    }
        
    .templateBttn {
        width: 60%;   
    }

    .quoteCol_3 {
        float: left;
        clear: none;
        width: 45%;
    }

    .quoteH {
        float: right;
    }

    .quoteCol_5 {
        float: left;
        width: 27%;
        height:  55px;
    }

    .quoteCol_7 {
        float: left;
        width: 73%;
        height:  55px;
        padding: 10px 0;
    }
        
    form.quoteForm ul li {
        margin: 10px 30px 7px 0;
    }
        
    div.imgGal {
        width: 60%;
        padding-top: 55%;
        margin: 5px auto;
    }


/*------------------------------------------------------------------
    # TABLET MATERIALS CONTENT
--------------------------------------------------------------------*/

    div.viewContainer {
        height: 30em;
    }



}




/*------------------------------------------------------------------
    # DESKTOP RESPONSIVE CODING
--------------------------------------------------------------------*/

/*@media screen and (min-width: 480px) {
    
    img#prodMainIMG {
        display: block;
        margin: 0 auto;
        width: 60%;
    } 
    
    ul#links {
        float: left;
        width: 50%;
    }

    img#dreamscape {
        float: left;
        margin-left: 10%;
        width: 25%;
    }
    
}*/


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

    .showTablet {
        display: block;
    }

    .showMobile {
        display: none;
    }

    .hideMobile {
        display: block;
    }
    
    .goldBttn, input[type="submit"].goldBttn {
        width: 250px;
    }

    div.prodSummary {
        padding: 15px 5px;
    } 

    div.imgGal {
        width: 60%;
        padding-top: 55%;
        margin: 5px auto;
    }  

    table.pricing2 {
        width: 50%;
    }
        
    table.pricing3 th {
        padding: 10px 20px;
    }

    table.pricing4 {
        float: left;
        margin: 10px 50px 30px 0;
    }

    ul.tabMenu {
        text-align: center;
    }

    ul.tabMenu li {
        display: inline-block;
        width: 32%;
    }

    ul.tabMenu a {
        font-size: 1.3em;
    }

    div.trail img {
    width: 48%;
    margin-left: 0.83333333333333%;
    margin-right: 0.83333333333333%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    float: left;
    display: block;
    }

    .templateBttn {
        width: 60%;   
    }

}


@media screen and (min-width: 1025px) {
        
    
/*--------------------------------
    ## DESKTOP WIRE FRAME
--------------------------------*/

   .Home #photoblock .col_4 {
        width: 31.66666666667%;
    }


/*--------------------------------
    ## DESKTOP GLOBAL STYLES
--------------------------------*/
    
    
    p.learn-more {
        padding-top: 0;
        font-size: 1.1em;
        text-align: left;
    }

    .goldBttn, input[type="submit"].goldBttn {
        width: 200px;
        height: 51px;
        font-size: 1.1em;
    }  
    
    .hideDesktop {
        display: none !important;
    }

    .showDesktop {
        display: block;
    }

    .showTablet {
        display: none;
    }
    
    .hideMobile {
        display: block;
    }
    

 /*----------------------------------------------
    ## DESKTOP HOME HEADER + QUICK PRICE CHECK
----------------------------------------------*/        

    
    .heading_Container {
        background-position-y: 60%;
        min-height: 50vh;
        overflow: hidden;
        } 


    .slideshowContainer ul li {
        bottom: 25%;
    }

    .slideshowContainer img {
        height: auto;
        width: 100%;
    }

    img.homeAccent {
       display: block;
       position:absolute;
       z-index: 2;
       left: 0;
       top: 0;
       height: 100% !important;
       /*animation-name: accent;
       animation-duration: 2s;
       -webkit-animation-name: accent;
       -webkit-animation-duration: 2s; */
    }

    /*@-webkit-keyframes accent {
      0%{left: -430px};
      40%{left: -430px};
      100%{left: 0}
    }*/
    
    .easyPricerHome {
        width: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin-right: 6px;
        }
        
    
    .boxHomePage {
        width: 100%;
        min-height: 43vh;
        max-height: 47vh;
        overflow: auto;
        margin: 0 auto;
        }
    
    
    
/*----------------------------------------------
    ## DESKTOP HOME POPULAR PRODUCTS + CONTENT
----------------------------------------------*/
    
    div#photoblock h1 {
        margin-left: 25px;
        text-align: left;
    }

    figure.tint {
        margin:  0 auto;
    }
        
    .Home #photoblock .photothumb2 {
        width: 28%;
    }
    
    div#introduction {
        width: 80%;
        margin: 20px auto 50px auto;
    }
     
    div.chooseus_icons {
        border-bottom: none;
        border-right: 2px dotted #ccc;
        margin-bottom: 0;
        padding-right: 10px;
        padding-bottom: 0;
    }

    div.fullfillment_icons {
        padding-left: 40px;
    }
    
    div.chooseus_icons h5, div.fullfillment_icons h5 {
        text-align: left;
    }
    
    div.chooseus_icons ul {
        margin-left: 55px;
    } 
    
/*--------------------------------
    ## DESKTOP PRODUCT CONTENT
--------------------------------*/ 
    
    div.telescopeTab {
        margin: -8% auto 0 auto;
        width: 89%;
    }

    button.templateBttn {
        width: 100%; 
        padding: 10px;  
    }

    img#dreamscape {
        width: 20%;
    }
  
    ul#prodDesc {
        margin-left: 55px;
        padding-right: 20px;
    }  
    
    ul.comSizes li {
        display: block;
        width: 50%;
        float: left;
        margin-bottom: 15px;
    }

    ul.comSizes2 li {
        display: block;
        width: 33%;
        float: left;
        margin-bottom: 15px;
    }

    ul.HorizCol0 li {
        width: 100%;
        text-align: center;   
    }

    ul.HorizCol1 li {
        width: 70%;
        text-align: center;
    }

    ul.HorizCol2 li {
        width: 49%;
        text-align: center;   
    }
    
    ul.HorizCol3 li {
        width: 32%;
        text-align: center;
    }
        
    ul.HorizCol4 li {
        width: 24%;
        text-align: center;
    }

    table.pricing3 th {
        padding: 8px 20px;
    }

    table.pricing4 {
        float: left;
        margin: 10px 40px 24px 0;
    }
    
    label:hover input ~ .quoteRadioBttn {
      background-color: #ccc;
    }

     .quoteCol_3, .quoteH {
        width: 25%;
        clear: none;
        float: left;
    }

    .quoteCol_4 {
        width: 32%;
        height: 55px;
        float: left;
        clear: none;  
    }

     .quoteCol_5 {
        float: left;
        width: 41%;
    }

    .quoteCol_6 {
        width: 48.5%;
        float: left;
        clear: none;
    }

    .quoteCol_7 {
        float: left;
        width: 50%;
        padding: 10px 0 10px 8px;
    } 

    .quoteCol_8 {
        width: 68%;
        height: 55px;
        float: left;
        clear: none;
        padding: 10px 0 10px 8px;
    }

    .quoteForm .col_9 , .quoteForm .col_10 {
        padding: 8px 0;
    }

    form.quoteForm ul li.first {
        padding-top: 8px;
    }

    form.quoteForm ul li {
        margin: 10px 14px 7px 0;
    }
    
    div.imgGal {
        width: 100%;
        padding-top: 90%;
        margin: 5px auto;
    }
    
    #saleBox {
        margin: 4% 0;
        width: 100%;
    }

    #saleBox p:last-child {
        font-size: 0.8rem; 
    }
    
    .tilestyles {
        display: flex; 
        align-items: center; 
        -webkit-align-items: center  
    }
    
    .tilestyles .col_3 {
        text-align: center;
    }

    .tilestyles img {
        width: 100%;
    }

    .tilestyles h6 {
        margin-bottom: 10px;
    }

   /*------------------------------------------------------------------
    # DESKTOP MATERIALS CONTENT
    --------------------------------------------------------------------*/

    div.MatMat {
        margin-left: 0.83333333333333%;
        margin-right: 0.83333333333333%;
        margin-top: 0.5em;
        margin-bottom: 2em;

    }

        div.viewContainer {
        position:relative;
        height: 16em;
    }

        ul.prodDetails button {
        width: 90%;
        height: 52px;
        padding: 0;
        border-radius: 20px;
        font-size: 1em;
        }
}