@charset "UTF-8";

body {
        background-color : rgba(26, 26, 26, 1);
;        color : rgba(88, 88, 88, 1);
        color : rgba(143, 143, 143, 1);
        }

div.container {
        position : relative;
        /* display : table !important; */
        width : 100%;
        min-width : 320px;
        min-height : 100vh;
        padding-top : 83px;
        /* overflow : hidden; */
        }

div.container > span {
        display : none;
        }

div.container.opened > span {
        display : block;
        position : absolute;
        top : 80px;
        left : 0;
        z-index : 70;
        width : 100%;
        height : calc(100% - 80px);
        background-color : rgba(26, 26, 26, 0.9);
        content : "";
        }

a { text-decoration : underline; }

a.button,
a:hover { text-decoration : none; }

a.button {
    display: inline-block;
    position: relative;
    height: 50px;
    border: 0;
    padding: 0 60px 0 20px;
    margin: 10px auto;
    background-color: rgba(213, 38, 38, 1);
    color: rgba(255, 255, 255, 1);
    font: normal 18px/50px "Bold", Arial, Tahoma, Verdana, sans-serif;
    text-align : center;
    white-space : nowrap;
        }

a.button::after {
    display : block;
    position : absolute;
    right : 5px;
    top : 0;
    z-index : 10;
    width : 50px;
    height : 50px;
    background-image : url("../img/arrow.svg?110320191457");
    background-repeat : no-repeat;
    background-position : 50% 50%;
    background-size: 11px 17px;
    content : "";
    transition : right 0.25s ease;
        }

a.button:hover::after {
        right : 0;
        }

a.zoom {
        display : block;
        position : relative;
        text-decoration : none;
        }

a.zoom::before {
        display : block;
        position : absolute;
        top : 0;
        left : 0;
        z-index : 10;
        width : 100%;
        height : 100%;
        background-color : rgba(26, 26, 26, 1);
        opacity : 0;
        content : "";
        transition : opacity 0.25s ease;
        }

a.zoom:hover::before {
        opacity : 0.5;
        }

a.zoom::after {
        display : block;
        position : absolute;
        left : calc(50% - 20px);
        top : calc(50% - 20px);
        z-index : 10;
        width : 40px;
        height : 40px;
        border : solid 1px rgba(255, 255, 255, 0);
        color : rgba(255, 255, 255, 0);
        border-radius : 50%;
        content : "+";
        font : normal 26px/38px "Light", Arial, sans-serif;
        text-align : center;
        transform : scale(0);
        transition : all 0.25s ease;
        }

a.zoom:hover::after {
        border : solid 1px rgba(255, 255, 255, 1);
        color : rgba(255, 255, 255, 1);
        transform : scale(1);
        }

a.zoom-start {
        position : relative;
        display : block;
        width : 100%;
        padding-top : 60%;
        text-decoration : none;
        text-align : left;
        overflow : hidden;
        }

a.zoom-start::before {
        display : block;
        position : absolute;
        top : 0;
        left : 0;
        z-index : 11;
        width : 100%;
        height : 100%;
        background-color : rgba(26, 26, 26, 1);
        opacity : 0;
        content : "";
        transition : opacity 0.25s ease;
        }

a.zoom-start:hover::before {
        opacity : 0.75;
        }

a.zoom-start > img {
        display : block;
        width : inherit;
        height : auto;
        position : absolute;
        top : 50%;
        left : 50%;
        z-index : 10;
        transform : translate(-50%, -50%);
        }

a.zoom-start > p {
        position : absolute;
        bottom : 0;
        left : 0;
        z-index : 20;
        width : 100%;
        margin : 0;
        padding : 20px;
        overflow : hidden;
        transition : bottom 0.25s ease;
        }

a.zoom-start > p > strong,
a.zoom-start > p > span {
        display : block;
        color : rgba(255, 255, 255, 1);
        }

a.zoom-start > p > span {
        position : relative;
        max-height : 0px;
        opacity : 0;
        overflow : hidden;
        transition : all 0.25s ease;
        }

a.zoom-start:hover > p > span {
        padding-top : 10px;
        opacity : 0.5;
        }



.linkphone a {
        color : rgba(255, 255, 255, 1);
        font : normal 16px/20px "Bold", Arial, Tahoma, Verdana, sans-serif;
        text-decoration: none;
}
.linkphone a:hover {
        color : rgba(143, 143, 143, 1);
        font : normal 16px/20px "Bold", Arial, Tahoma, Verdana, sans-serif;
        text-decoration: none;
        transition : color 0.25s ease;
}

.linkin a {
        color : rgba(255, 255, 255, 1);
        font : normal 16px/20px "Bold", Arial, Tahoma, Verdana, sans-serif;
        text-decoration: none;
        padding : 30px;
        left : 10;
}
.linkin a:hover {
        color : rgba(143, 143, 143, 1);
        font : normal 16px/20px "Bold", Arial, Tahoma, Verdana, sans-serif;
        text-decoration: none;
        transition : color 0.25s ease;
}

.linkin1 a {
        color : rgba(255, 255, 255, 1);
        font : normal 16px/20px "Bold", Arial, Tahoma, Verdana, sans-serif;
        text-decoration: none;
        padding : 50px;
        left : 20;
}
.linkin1 a:hover {
        color : rgba(143, 143, 143, 1);
        font : normal 16px/20px "Bold", Arial, Tahoma, Verdana, sans-serif;
        text-decoration: none;
        transition : color 0.25s ease;
}


@media (min-width : 1401px) {
        a.zoom-start > p > strong {
        font : normal 26px/26px "Bold", Arial, Tahoma, Verdana, sans-serif;
        }

        }

@media (min-width : 1041px) and (max-width : 1400px) {
        a.zoom-start > p > strong {
        font : normal 22px/22px "Bold", Arial, Tahoma, Verdana, sans-serif;
        }
        }

@media (min-width : 861px) and (max-width : 1040px) {
        a.zoom-start > p > strong {
        font : normal 20px/20px "Bold", Arial, Tahoma, Verdana, sans-serif;
        }
        }

@media (min-width : 481px) and (max-width : 860px) {
        a.zoom-start > p > strong {
        font : normal 16px/16px "Bold", Arial, Tahoma, Verdana, sans-serif;
        }
        }

@media (max-width : 480px) {
        a.zoom-start > p > strong {
        font : normal 16px/16px "Bold", Arial, Tahoma, Verdana, sans-serif;
        }
        }