

.container
{
    max-width: 1200px;
}

h1
{
    display: inline-block;
    width: 100%;    
    font-size: 18pt;
    font-family: montserratregular, leaguegothic, cabin, avenir;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 2px;
    color: #444444;
}

h1::after
{
    display: block;
    width: 60px;
    height: 2px;
    overflow: hidden;
    background-color: #57DBD7;      
    background-color: #CCCCCC;
    content: "";
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 10pt;
    line-height: 0%;
}

h2
{
    display: inline-block;
    width: 100%;    
    font-size: 14pt;
    font-family: nevis, montserratregular, leaguegothic, cabin, avenir;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 2px;
    color: #444444;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCCCCC;
    text-align: center;
}

/*h2::after
{
    display: block;
    width: 100px;
    height: 2px;
    overflow: hidden;
    background-color: #CCCCCC;
    content: "";
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 10pt;
    line-height: 0%;
}*/   

h3
{
    display: inline-block;
    width: 100%;
    text-transform: none;
    font-size: 12pt;
    font-family: avenir, cabin, sans-serif;
    font-weight: normal;
    color: #555555;
    margin-top: 20px;
    text-align: center;
}

.sectionDiv
{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 60px;
    border: none;
}


#slideshowSectionDiv
{
    max-width: 1800px;
    margin-top: -15px;
}

#slideshowParent
{
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 0px;
    padding-bottom: 32%;
    border: none;
    overflow: hidden;
    box-shadow: none;
}

.slideDiv
{
    z-index: 0;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0%;
    width: 100%;
    background-color: #444444;
    background-image: none;
    background-position: center;
    background-size: 100%;
    background-size: cover;
    background-repeat: repeat-y;
    cursor: pointer;
    cursor: hand;
}

#slideshowArrowLeft
{
    position: absolute;
    left: 0px;
    top: 50%;
    top: calc(50% - 50px);
    padding: 30px;
    padding-left: 15px;
    opacity: 0.85;
    border: none;
}

#slideshowArrowLeft:hover
{
    opacity: 1;
}   

#slideshowArrowRight
{
    position: absolute;
    right: 0px;
    top: 50%;
    top: calc(50% - 50px);
    padding: 30px;
    padding-right: 15px;
    opacity: 0.85;
    border: none;
}

#slideshowArrowRight:hover
{
    opacity: 1;
}   

.slideshowSquare
{
    float: left;
    width: 12px;
    height: 12px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 1.0);
    border-radius: 0px;
    box-shadow: none;
    margin-right: 8px;
    cursor: pointer;
    cursor: hand;   
}

.slideshowSquareNotSelected
{
    background-color: rgba(255, 255, 255, 0.25);
}

.slideshowSquareSelected
{
    background-color: rgba(255, 255, 255, 1.0);
}

.simpleText
{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    margin-top: 20px;
    font-size: 12pt;
    font-family: avenir, arial;
    color: #555555;
}

.quoteContainerDiv
{
    margin-top: 20px;
    padding: 25px;
    background-color: #F9F9F9;
    border: 1px solid #CCCCCC;
}

.quoteDiv
{
    display: inline-block;
    box-sizing: border-box;
    width: 33%;
    padding-left: 2%;
    padding-right: 2%;
    text-align: center;
}

.quoteTitle
{
    width: 100%;
    font-size: 9pt;
    font-family: montserratregular, arial;
    text-transform: uppercase;
    color: #666666;
}

.quoteTitle::after
{
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background-color: #999999;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.quoteText
{
    width: 100%;
    margin-top: 5px;
    font-size: 14pt;
    font-family: montserratregular, avenir, arial;
    color: #444444;
}

.flexboxDiv
{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: flex-start;
    -webkit-align-content: flex-start;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.noTitle .flexboxDiv
{

}

.lifestyleTextOutDiv
{
    vertical-align: top;
    width: 15%;
    border: none;
    overflow: hidden;
    margin-bottom: 25px;
}

.lifestyleTextOutDiv > div
{
    display: inline-block;
    width: 100%;
    height: 0px;
    padding-bottom: 140%;
    background-size: cover;
    background-position: center center;
}

.lifestyleTextOutDiv img
{
    display: inline-block;
    width: 100%;
}

.lifestyleTextOutDiv > p
{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 9pt;
    fotn-family: montserratregular, nevis, sans-serif;
    color: #444444;
    text-transform: uppercase;
    padding-top: 10px;

}

.sectionProductGroupFullWidthSlider > div
{
    margin-top: 20px;
}

.productGroupLeftRightContainerDiv
{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: center;
    -webkit-align-content: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #CCCCCC;
}

.productGroupLeftRightContainerDiv:last-of-type
{
    border-bottom: none;
}

.productGroupLeftRightTitle
{
    display: inline-block;
    box-sizing: border-box;
    width: 90%;
    font-size: 20pt;
    font-family: montserratregular;
    text-align: center;
    text-transform: uppercase;
}

.productGroupLeftRightSubtitle
{
    display: inline-block;
    box-sizing: border-box;
    width: 90%;
    font-size: 12pt;
    font-family: avenir, arial, sans-serif;
    text-align: center;
    margin-top: 5px;
    color: #444444;
}

.productGroupLeftRightButtonContainerDiv
{
    display: inline-block;
    box-sizing: border-box;
    width: 90%;
    margin-top: 20px;
    text-align: center;
}

.productGroupImageContainerDiv
{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    width: 32%;
    margin-bottom: 15px;
}

.productGroupImageContainerDiv:nth-of-type(n+4)
{
    width: 18%;
}

.productGroupImageContainerDiv:nth-of-type(n+9)
{
    display: none;
}

.productGroupImage
{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
}



.productGroupLeftRightSliderContainerDiv
{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: center;
    -webkit-align-content: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #CCCCCC;
}

.productGroupLeftRightSliderContainerDiv:last-of-type
{
    border-bottom: none;
}

.productGroupLeftRightSliderTitle
{
    display: inline-block;
    box-sizing: border-box;
    width: 90%;
    font-size: 20pt;
    font-family: montserratregular;
    text-align: center;
    text-transform: uppercase;
}

.productGroupLeftRightSliderSubtitle
{
    display: inline-block;
    box-sizing: border-box;
    width: 90%;
    font-size: 12pt;
    font-family: avenir, arial, sans-serif;
    text-align: center;
    margin-top: 5px;
    color: #444444;
}

.productGroupLeftRightSliderButtonContainerDiv
{
    display: inline-block;
    box-sizing: border-box;
    width: 90%;
    margin-top: 20px;
    text-align: center;
}


.singleProductLeftRightContainerDiv
{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: center;
    -webkit-align-content: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #CCCCCC;
}

.noTitle .singleProductLeftRightContainerDiv:nth-of-type(1)
{
    border-top: 1px solid #CCCCCC;
}

.singleProductLeftRightContainerDiv:last-child
{
    border-bottom: none;
}

.singleProductLeftRightContainerDiv .column-image
{
    order: 1;
}

.singleProductLeftRightContainerDiv .column-text
{
    order: 2;
}

.singleProductLeftRightContainerDiv:nth-of-type(2n) .column-image
{
    order: 2;
}

.singleProductLeftRightContainerDiv:nth-of-type(2n) .column-text
{
    order: 1;
}


.singleProductLeftRightImageDiv
{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    width: 100%;
}

.singleProductLeftRightTitle
{
    display: inline-block;
    box-sizing: border-box;
    width: 90%;
    font-size: 20pt;
    font-family: montserratregular;
    text-align: center;
    text-transform: uppercase;
}

.singleProductLeftRightSubtitle
{
    display: inline-block;
    box-sizing: border-box;
    width: 90%;
    font-size: 12pt;
    font-family: avenir, arial, sans-serif;
    text-align: center;
    margin-top: 5px;
    color: #444444;
}

.singleProductLeftRightButtonContainerDiv
{
    display: inline-block;
    box-sizing: border-box;
    width: 90%;
    margin-top: 20px;
    text-align: center;
}

.singleProductImage
{
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
}

.column
{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    text-align: justify;
}

.column-text
{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: center;
    -webkit-align-content: center;
    align-items: center;
    -webkit-align-items: center;    
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;    
    
    order: 1;
}

.column-image
{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: flex-start;
    -webkit-align-content: flex-start;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    
    order: 2;
}

.column-25
{
    width: 24%;
}

.column-30
{
    width: 29%;
}

.column-40
{
    width: 39%;
}

.column-50
{
    width: 49%;
}

.column-60
{
    width: 59%;
}

.column-70
{
    width: 69%;
}

.column-75
{
    width: 74%;
}

.column-100
{
    width: 100%;
}

.productGroupFullWidthDiv
{
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #CCCCCC;
}

.productGroupFullWidthDiv:last-of-type
{
    border-bottom: none;
}

.productGroupFullWidthButtonContainerDiv
{
    margin-top: 30px;
    text-align: center;
}

.productGroupFullWidthImagesContainerDiv
{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: center;
    -webkit-align-content: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
}

.productGroupFullWidthImageDiv
{
    display: inline-block;
    box-sizing: border-box;
    width: 15%;
}

.productGroupFullWidthImageDiv:nth-of-type(n + 7)
{
    display: none;
}

.featuredProductImage
{
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
}

.featuredProductName
{
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    font-size: 9pt;
    font-family: avenir, montserratregular, arial, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    color: #444444;
}

.featuredProductArtworkName
{
    display: inline-block;
    width: 100%;
    font-size: 11pt;
    font-family: helvetica, arial, sans-serif;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: none;
}

.featuredProductPrice
{
    display: inline-block;
    width: 100%;
    font-size: 9pt;
    font-family: avenir, helvetica, arial, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
    color: #444444;
}

.horizontalScrollingImage
{
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
}


.textImageLeftRightContainerDiv
{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: center;
    -webkit-align-content: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #CCCCCC;
}



.textImageLeftRightContainerDiv:last-of-type
{
    border-bottom: none;
}

.textImageLeftRightImageDiv
{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    width: 100%;
    text-align: center;
}

.textImageLeftRightContainerDiv:nth-of-type(2n) .column-image
{
    order: 1;
}

.textImageLeftRightContainerDiv:nth-of-type(2n) .column-text
{
    order: 2;
}

.textImageLeftRightTitle
{
    display: inline-block;
    box-sizing: border-box;
    width: 90%;
    font-size: 20pt;
    font-family: montserratregular;
    text-align: center;
    text-transform: uppercase;
}

.textImageLeftRightSubtitle
{
    display: inline-block;
    box-sizing: border-box;
    width: 90%;
    font-size: 12pt;
    font-family: avenir, arial, sans-serif;
    text-align: center;
    margin-top: 5px;
    color: #444444;
}

.textImageLeftRightButtonContainerDiv
{
    display: inline-block;
    box-sizing: border-box;
    width: 90%;
    margin-top: 20px;
    text-align: center;
}

.textImageLeftRightImage
{
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
}


.sliderProductName
{
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    font-size: 9pt;
    font-family: avenir, montserratregular, arial, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    color: #444444;
}

.sliderArtworkName
{
    display: inline-block;
    width: 100%;
    font-size: 11pt;
    font-family: helvetica, arial, sans-serif;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: none;
}

.sliderProductPrice
{
    display: inline-block;
    width: 100%;
    font-size: 9pt;
    font-family: avenir, helvetica, arial, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
    color: #444444;
}

.lifestyleTextInDiv
{
    display: inline-block;    
    box-sizing: border-box;
    position: relative;
    text-align: center;
    position: relative;
    width: 32.0%;
    height: 0px;
    padding-bottom: 30%;
    margin-bottom: 1.5%;
    overflow: hidden;
}   

.lifestyleTextInImage
{
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .2s ease-in;
}

.lifestyleTextInTextContainerDiv
{
	box-sizing: border-box;    
	position: absolute;
	bottom: 0px;    
	width: 100%;
	padding-left: 25px;
	padding-right: 25px;
    padding-bottom: 25px;
	text-align: left;
}

.lifestyleTextInText
{
	display: inline-block;
	padding: 10px;
	font-size: 10pt;
	font-family: montserratregular, avenir;
	font-weight: normal;
	background-color: rgba(255, 255, 255, 0.70);
	color: #222222;
	text-transform: uppercase;
	word-spacing: 2px;
	border: 1px solid rgba(255, 255, 255, 0.80);
	border-radius: 2px;
	border: none;
}

.lifestyleTextInDiv:hover .lifestyleTextInText
{
	background-color: rgba(255, 255, 255, 0.95);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
	box-shadow: none;
}

.lifestyleTextInDiv:hover .lifestyleTextInImage
{
    transform: scale(1.05);
}

.productGroupHalfWidthDiv
{
    display: inline-block;
    box-sizing: border-box;
    width: 45%;
    margin-bottom: 80px;
}   

.productGroupTitle
{
    display: none;
    width: 100%;
    padding-bottom: 15px;
    font-size: 18pt;
    font-family: avenir;
    font-weight: bold;
    border-bottom: 1px solid #EEEEEE;

}

.productContainerDiv
{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: flex-start;
    -webkit-align-content: flex-start;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    
    width: 100%;

}

.productDiv
{
    display: inline-block;
    width: 30%;
    margin-bottom: 25px;
}

.productDiv:nth-of-type(n + 4)
{
    display: none;
}

.productContainerDiv p
{
    display: inline-block;
    width: 100%;
    padding-top: 10px;
    font-size: 12pt;
    font-family: avenir, oswald, arial;
}

.productGroupButton, .productGroupButton:link, .productGroupButton:active, .productGroupButton:visited
{
    display: inline-block;
    padding: 15px;
    border: 1px solid #999999;
    font-size: 10pt;
    font-family: montserratregular, cabin, avenir;
    font-weight: normal;
    text-transform: uppercase;
    color: #444444;
    word-spacing: 2px;
}

.productGroupButton:hover
{
    border-color: #8DD4B3;
    background-color: #8DD4B3;
    color: #FFFFFF;
}

.youtubeVideoParentContainer
{
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}

.youtubeVideoParentDiv
{
    display: inline-block;
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 56.25%;
}

.youtubeVideo
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    width: calc(100% - 2px);
    height: 100%;
    border: 1px solid #999999;
    box-shadow: none;       
}   

.embeddedVideoContainerDiv
{
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}

.embeddedVideo
{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #999999;
}

.fullWidthImage, .fullWidthImageMobile
{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 0px;
    padding-bottom: 40%;
    background-size: cover;
    background-position: center center; 
}

.fullWidthImageMobile
{
    display: none;
    padding-bottom: 100%;
}

.sectionCustom
{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	
}

.sectionCustom p
{
	display: inline-block;
	width: 100%;
	font-size: 11pt;
	font-family: arial, avenir;
	text-align: left;
}

@media screen and (max-width: 800px)
{
    h2, h3
        {
        text-align: center;
    }
        
    #slideshowOuterContainer
    {
        width: 100%;
        padding-top: 0px;
        margin-top: 0px;
    }    

    #slideshowParent
    {
        position: relative;
        width: 100%;
        height: 0px;
        padding-bottom: 100%;
        border: none;
        overflow: hidden;
    }

    #slideshowArrowLeft
        {
        padding-left: 5px;
    }

    #slideshowArrowRight
        {
        padding-left: 5px;
    }       

    #slideshowSquares
        {
        visibility: hidden;
    }       

    .slideDiv
        {
        background-position: center center;
        background-size: cover;
    }

    .slideshowTextContainerDiv
        {
        width: 90%;
    }
    
    .column-text,
    .textImageLeftRightContainerDiv:nth-of-type(2n) .column-text,
    .singleProductLeftRightContainerDiv:nth-of-type(2n) .column-text
        {
        width: 100%;
        margin-top: 20px;        
        order: 2;
    }
  
    .column-image, 
    .textImageLeftRightContainerDiv:nth-of-type(2n) .column-image,
    .singleProductLeftRightContainerDiv:nth-of-type(2n) .column-image
        {
        width: 100%;
        order: 1;
    }    
        
    .lifestyleTextOutDiv
        {
        width: 45%;
    }    


    .lifestyleTextInDiv
        {
        width: 100%;
        padding-bottom: 50%;
        margin-bottom: 40px;
    }

    .fullWidthImage
        {
        display: none;
    }    
    
    .fullWidthImageMobile
        {
        display: inline-block;
    }
    
    .productGroupHalfWidthDiv
        {
        width: 100%;
    }

    .productDiv
        {
        display: inline-block;
        width: 40%;
        margin-bottom: 25px;
    }
    
    .quoteDiv
        {
        width: 100%;
        padding-left: 0%;
        padding-right: 0%;
        margin-bottom: 40px;
    }
    
    .quoteDiv:last-child
        {
        margin-bottom: 0px;
    }
    
    .featuredCollectionImageDiv
        {
        display: inline-block;
        box-sizing: border-box;
        width: 22%;
    }

    .featuredCollectionImageDiv:nth-of-type(n + 5)
        {
        display: none;
    }    
    
    .productGroupButton, .productGroupButton:link, .productGroupButton:active, .productGroupButton:visited
        {
        padding: 8px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 10pt;
        font-family: montserratregular, cabin, avenir;
    }
 
}   

@media screen and (max-width: 640px)
{
    .column-image
    {

    }    
    
    .sliderProductName
    {
        margin-top: 15px;
        color: #000000;
    }
    
    .sliderArtworkName
    {
        display: none;
    }

}

@media screen and (max-width: 480px)
{
    .slickContainerDiv,
    .slickContainerFullWidthDiv
        {
        width: 100vw;
        margin-left: calc(-50vw + 50%);
    }
}