/** FONTS **/
@font-face {
    font-family: RotoboRegular;
    src: url("./Data/Fonts/Roboto/Roboto-Regular.ttf") format('truetype');
}

@font-face {
    font-family: RotoboSlabLight;
    src: url("./Data/Fonts/roboto-slab.light.ttf") format('truetype');
}

@font-face {
    font-family: RotoboBold;
    src: url("./Data/Fonts/Roboto/Roboto-Bold.ttf") format('truetype');
}

.VerticalAlignment
{
    padding-left: 150px !important;
    padding-right: 150px !important;
}

.spaced
{
    padding-top: 60px;
    padding-bottom: 60px;
}

@media only screen and (min-width: 2200px) {
    .VerticalAlignment
    {
        padding-left: 30% !important;
        padding-right: 30% !important;
    }
}

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

    .VerticalAlignment
    {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .OrangeBtn
    {
        width: auto !important;
        min-width: 150px;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .icon-Icons_AEM_scroll_down
    {
        display: none !important;
    }

    .spaced
    {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}

body
{
    font-family: Roboto, sans-serif !important;
}

.line
{
    display: block;
    width: 45px;
    height: 1px;
    border: 1px solid black;
}

.line.expanded
{
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.ServiceBox
{
    width: 100%;
    background-color: #000F1C;
    color: white;
    height: 370px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 200px;
    padding: 10px;
    padding-top: 0px;
}

.ServiceBG
{
    width: 100%;
    height: 200px;
    background-size: cover !important;
    background-position: center !important;
}

.OrangeBtn
{
    background-color: #FF9D00;
    color: white !important;
    padding: 9px;
    width: 280px;
    border-radius: 0px;
    font-size: 16px;
    transition: all 0.2s;
}

.OrangeBtn:hover
{
    color: white;
    background-color: #F28C11;
}

.TopBottomAlignment
{
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.ProductBlock
{
    background-color: #000A11;
    height: 300px !important;
    width: 100%;
    max-width: 500px;
    color: white;
    transition: 0.5s all;
}

.BGImage
{
    background-size: cover;
    background-position: center;
    transition: 0.5s all;
}

.ProductBlock:hover
{
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
    transform: scale(1.005);
}

.hidden
{
    display: none;
}

a
{
    color: #FF9D00;
    transition: all 0.5s;
}

a:hover
{
    text-decoration: none;
    color:#F28C11;
}