@font-face {
    font-family: OpenSans;
    src: url('fonts/OpenSans.ttf');
}
@font-face {
    font-family: OpenSans_Bold;
    src: url('fonts/OpenSans_Bold.ttf');
}
body {
    font-family: "OpenSans" !important;
    font-size: 14px;
    font-weight: 400;
    color: #6c757d;
    line-height: 1.5;
    margin:0px;
    overflow-x: hidden;
}
a, a:visited, a:link, a:active  {
    outline: none; 
    text-decoration: none;
    color:#FFF;
    transition: all 0.3s ease-out 0s;
    font-weight: bold;
    font-size: 14px;
}
a:hover {
    outline: none;     
    text-decoration: none;
}
a img {
    border: none; 
    outline: none; 
    text-decoration: none;
}
*, ::before, ::after {
    box-sizing: border-box;
}
.bg_body {
    position: absolute;
    background-image: url('../images/Adecco_Background.jpg');
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-position: 0px 0px;
    background-size: 100% 100%;
    background-color: #c1c1c1;
}
:root {
    --color-white: #FFFFFF;
    --color-mat: #474a4d;
    --color-mat-hover: #383b3d;
    --color-jos: #5778bb;
    --color-jos-hover: #476196;
    --color-principal: #1ab394;
    --color-principal-hover: #18a689;
    --color-secundario: #1c84c6;
    --color-secundario-hover: #1a7bb9;
    --color-turque: #23c6c8;
    --color-turque-hover: #21b9bb;
    --color-blue: #1c84c6;
    --color-blue-hover: #1a7bb9;
    --color-ambar: #f8ac59;
    --color-ambar-hover: #f7a54a;
    --color-rosa: #f76666;
    --color-rosa-hover: #f76666;
    --color-dark: #4c4b4b;
    --color-dark-hover: #2e2d2d;
    --max-width: 1056px;
}