body {
    font-family : "Open Sans", sans-serif;
}

body.home {
    background-color : #000000;
}

header {
    background-color : #000000;
}

.logo {
    padding-top : 10%;
    text-align  : center;
	left : 40px;
}

#bg {
    background          : url('../images/bgS.png') #000000 no-repeat;
    background-size     : contain;
    background-position : right bottom;
}

figure img {
    max-width : 100%;
}

.menu {
    text-align : center;
    color      : #fff;
    font-size  : 20px;
}

.menu .tit_menu {
    font-size      : 45px;
    font-variant   : small-caps;
    text-transform : uppercase;
}

.menu a {
    font-size       : 20px;
    color           : rgb(255, 255, 255);
    font-variant    : small-caps;
    text-decoration : none;
}

.socials {
    text-align : center;
}

.socials a {
    color        : #fff;
    margin-right : .5rem;
    font-size    : 40px;
}

.phone {
    font-size         : 2em;
    color             : rgb(255, 255, 255);
    font-weight       : bold;
    text-align        : center;
    text-transform    : uppercase;
   /* -moz-transform    : scale(0.8, 1);
    -webkit-transform : scale(0.8, 1);
    -ms-transform     : scale(0.8, 1); */
}

.phone a {
    color           : #fff;
    text-decoration : none;
}

address {
    font-size         : 20px;
    color             : rgb(255, 255, 255);
    font-weight       : bold;
    font-variant      : small-caps;
    line-height       : 1.2;
    text-align        : center;
    -moz-transform    : scale(0.8, 1);
    -webkit-transform : scale(0.8, 1);
    -ms-transform     : scale(0.8, 1);
}

.lang {
    font-size      : 30px;
    color          : rgb(255, 255, 255);
    font-weight    : bold;
    text-transform : uppercase;
    text-align     : center;
}

.lang a {
    color           : #fff;
    text-decoration : none;
}

@media (max-width : 476px) {
    .phone {
        font-size : 35px !important;
    }
}

.list-prices {
    background-color : #fff;
}

.fullLine {
    width          : 50%;
    min-width      : 300px;
    text-align     : center;
    border-bottom  : 2px solid #000;
    line-height    : 1;
    margin         : 2rem auto 4rem;
    height         : 15px;
    font-size      : 30px;
    font-weight    : bold;
    text-transform : uppercase;
}

.fullLine span {
    background : #ffffff;
    padding    : 0 10px;
}

article .title {
    font-size    : 24px;
    color        : rgb(1, 1, 1);
    font-weight  : bold;
    font-variant : small-caps;
}

article .price {
    display         : -webkit-flex;
    display         : flex;
    flex-wrap       : wrap;
    font-size       : 20px;
    color           : rgb(1, 1, 1);
    font-variant    : small-caps;
    font-weight     : 500;
    align-items     : center;
    justify-content : center;
}

html {
    position   : relative;
    min-height : 100%;
}

body:not(.home) {
    /* Margin bottom by footer height */
    margin-bottom : 40px;
}

.footer {
    position    : absolute;
    bottom      : 0;
    width       : 100%;
    /* Set the fixed height of the footer here */
    height      : 40px;
    line-height : 39px; /* Vertically center the text there */
    border-top  : 1px solid #000;
}

footer .copyright {
    font-size      : 12px;
    color          : rgb(0, 0, 0);
    font-weight    : bold;
    text-transform : uppercase;
}

footer .copyright a {
    color : #000000;
}

.delay05 {
    -webkit-animation-delay : 0.5s;
    animation-delay         : 0.5s;
}

.delay1 {
    -webkit-animation-delay : 1s;
    animation-delay         : 1s;
}

.delay15 {
    -webkit-animation-delay : 1.5s;
    animation-delay         : 1.5s;
}

.delay2 {
    -webkit-animation-delay : 2s;
    animation-delay         : 2s;
}

.button_menu {
    position           : absolute;
    left               : 0;
    background         : transparent;
    font-size          : 16px;
    color              : #ffffff;
    height             : 160px;
    font-weight        : bold;
    font-variant       : small-caps;
    z-index            : 1;
    transition         : all .7s ease;
    -webkit-transition : all .7s ease;
    -moz-transition    : all .7s ease;
    -o-transition      : all .7s ease;
}

.button_menu i.fa-times-circle-o {
    display : none;
}

.button_menu.open-button {
    left : 280px;
}

.button_menu.open-button i.fa-bars {
    display : none;
}

.button_menu.open-button i.fa-times-circle-o {
    display   : block;
    font-size : 20px;
    left      : 5px;
    top       : 5px;
}

.button_menu.open-button::after {
    border-width : 0 0 50px 40px;
}

.button_menu::after {
    left              : 100%;
    top               : 0;
    border            : solid transparent;
    content           : " ";
    height            : 0;
    width             : 0;
    position          : absolute;
    pointer-events    : none;
    border-left-color : #fff;
    border-width      : 0 0 150px 130px;
}

.button_menu i {
    position  : absolute;
    z-index   : 1;
    left      : 15px;
    top       : 10px;
    font-size : 50px;
    color     : #000000;
}

.left_menu {
    padding-left     : 0;
    list-style       : none;
    background-color : #000;
    width            : 280px;
    display          : none;
    position         : absolute;
    z-index          : 10;
}

.left_menu li {
    text-align    : center;
    margin-bottom : 1rem;
}

.left_menu li a {
    color             : #fff;
    -moz-transform    : scale(0.8, 1);
    -webkit-transform : scale(0.8, 1);
    -ms-transform     : scale(0.8, 1);
    font-weight       : bold;
}
