/* Add here all your css styles (customizations) */

body {
    font-family: "Roboto Slab",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
weight: 200;
}

.keepratio {
    display: block;
    /*max-width: 400px;*/
    max-height: 300px;
    width: auto;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
}

.fullwidthimg{
    width: 1920px;
}

#wumo-carousel .item img{
    display: block;
    width: 100%;
    height: auto;
}

#partners-carousel .item img{
  object-fit: contain;
  object-position: center; /* Center the image within the element */
  height: 200px;
  width: 100%;
}

#recommended-carousel .item img{
    display: block;
    width: auto;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
}

.center-cropped {
  object-fit: cover; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
  height: 200px;
  width: 100%;
}

.center-cropped-contain {
  object-fit: cover; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
  height: 200px;
  width: 100%;
}

.center-cropped-2 {
  object-fit: cover; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
  height: 400px;
  width: 100%;
}

.drop-shadow {
    box-shadow: 15px 15px 10px -8px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}



/*
* new
*/

.rvfs-1 p, .rvfs-1 li{ font-size: 70% }
.rvfs-2 p, .rvfs-2 li{ font-size: 80% }
.rvfs-3 p, .rvfs-3 li{ font-size: 90% }
.rvfs-4 p, .rvfs-4 li{ font-size: 100% }
.rvfs-5 p, .rvfs-5 li{ font-size: 110% }
.rvfs-6 p, .rvfs-6 li{ font-size: 120% }
.rvfs-7 p, .rvfs-7 li{ font-size: 130% }
.rvfs-8 p, .rvfs-8 li{ font-size: 140% }
.rvfs-9 p, .rvfs-9 li{ font-size: 150% }


#fontSizeControl
{

    position:fixed;
    bottom:45px;
    right:7px;
    color:#fff;
    background-color:#000;
    font-size:24px;
    text-align: center;
    padding:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 1034;
}




html.invert
{
    filter: invert(100%);
}

html.invert img
{
    filter: invert(100%);
}

html.bold
{
    font-weight:bold;
}

#fontSizeControl > #controlsWrapper > .control{
    position: relative;
}

#fontSizeControl > #controlsWrapper > .separator{
    border-bottom:1px solid #fff;
    margin-top:10px;
    margin-bottom:10px;
}



#fontSizeControl > #controlsWrapper > .control:hover{
    cursor:pointer;
}

#fontSizeControl > #controlsWrapper > .control:hover > span.title{
    display: block;
}

#fontSizeControl > #controlsWrapper > .control > span.title{
    display: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position:absolute;
    width:150px;
    padding:5px;
    background-color: #000;
    right:40px;
    top:4px;
    font-size:14px;
}

#controlToggle:hover
{
    cursor:pointer;  
}

#fontSizeControl #controlsWrapper
{
    display: none;
}