nav {
    background-color: rgb(0, 138, 255);
}
/* html {
    font-family: ProximaNova !important; 
} */

@font-face {
    font-family: "ProximaNova";
    src: url("/fonts/ProximaNova-Light-webfont.woff2") format("woff2"),
        url("/fonts/ProximaNova-Light-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "ProximaNova";
    src: url("/fonts/ProximaNova-Reg-webfont.woff2") format("woff2"),
        url("/fonts/ProximaNova-Reg-webfont.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "ProximaNova";
    src: url("/fonts/ProximaNova-Sbold-webfont.woff2") format("woff2"),
        url("/fonts/ProximaNova-Sbold-webfont.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
.c-thumbnail {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 5px;
}

.c-thumbnailc {
    border: 1px solid #ddd;
    border-radius: 4px;
    max-width: 235px;
    max-height: 190px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    
}

.centerimgcontainer {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    height:300px;
    width:300px;
}

.prodimages {
    max-width: 80px;
    max-height: 80px;
    
}

.boxfpo {
    background-color: rgb(236, 0, 140, 0.2) !important;
}
.text-dropshadow {
    color: white;
    text-shadow: 2px 2px 4px #000000;
}
.hr-thick {
    border-top: 6px solid;
    border-top-color: rgb(233, 233, 233);
}

.hdrcustom{
    color: rgb(255, 255, 255, 1.0) !important;
    font-weight: 500 !important;
}

.uk-navbar-dropdown-nav>li>a{
    color: #606162 !important;
}

html{
    color: #3c3c3c;
}


.photos
{
padding: 15px;
border: 1px solid #C8C8C8;
background-color: #FFF;
float: left;
max-width: 130px;
max-height: 130px;
}
 
.photoDisplay
{
margin-left: 0px;
margin-top: 0px;
}
 
.samplePhoto1
{
transform:rotate(-10deg);
-ms-transform:rotate(-10deg); /* IE 9 */
-moz-transform:rotate(-10deg); /* Firefox */
-webkit-transform:rotate(-10deg); /* Safari and Chrome */
-o-transform:rotate(-10deg); /* Opera */
position: absolute;
margin-left: 20px;
}
 

 
.samplePhoto2
{
transform:rotate(10deg);
-ms-transform:rotate(10deg); /* IE 9 */
-moz-transform:rotate(10deg); /* Firefox */
-webkit-transform:rotate(10deg); /* Safari and Chrome */
-o-transform:rotate(10deg); /* Opera */
position: absolute;
margin-left: 100px;
}
 
 
.samplePhoto3
{
margin-top: 10px;
position: absolute;
margin-left: 30px;
}