@import "fonts";

@font-face { font-family: 'pag-bold';
    src: url('fonts/Porsche_Next_Web_Lat-Gr-Cyr/Porsche_Next_Web_Lat-Gr-Cyr/OT-TTF-Web/Porsche Next WebCyril/Fonts/PorscheNextWCy-Bold.ttf') format('truetype'),
         url('fonts/Porsche_Next_Web_Lat-Gr-Cyr/Porsche_Next_Web_Lat-Gr-Cyr/WOFF-2-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Bold.woff2') format('woff2'),
         url('fonts/Porsche_Next_Web_Lat-Gr-Cyr/Porsche_Next_Web_Lat-Gr-Cyr/WOFF-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Bold.woff') format('woff'),
         url('fonts/Porsche_Next_Web_Lat-Gr-Cyr/Porsche_Next_Web_Lat-Gr-Cyr/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Bold.eot') format('eot'); }

@font-face { font-family: 'pag-bold-italic';
    src: url('fonts/Porsche_Next_Web_Lat-Gr-Cyr/Porsche_Next_Web_Lat-Gr-Cyr/OT-TTF-Web/Porsche Next WebCyril/Fonts/PorscheNextWCy-BoldItalic.ttf') format('truetype'),
         url('fonts/Porsche_Next_Web_Lat-Gr-Cyr/Porsche_Next_Web_Lat-Gr-Cyr/WOFF-2-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-BoldItalic.woff2') format('woff2'),
         url('fonts/Porsche_Next_Web_Lat-Gr-Cyr/Porsche_Next_Web_Lat-Gr-Cyr/WOFF-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-BoldItalic.woff') format('woff'),
         url('fonts/Porsche_Next_Web_Lat-Gr-Cyr/Porsche_Next_Web_Lat-Gr-Cyr/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-BoldItalic.eot') format('eot'); }

@font-face { font-family: 'pag-italic';
    src: url('fonts/Porsche_Next_Web_Lat-Gr-Cyr/Porsche_Next_Web_Lat-Gr-Cyr/OT-TTF-Web/Porsche Next WebCyril/Fonts/PorscheNextWCy-Italic.ttf') format('truetype'); }

@font-face { font-family: 'pag-regular';
    src: url('fonts/Porsche_Next_Web_Lat-Gr-Cyr/Porsche_Next_Web_Lat-Gr-Cyr/OT-TTF-Web/Porsche Next WebCyril/Fonts/PorscheNextWCy-Regular.ttf') format('truetype'),
         url('fonts/Porsche_Next_Web_Lat-Gr-Cyr/Porsche_Next_Web_Lat-Gr-Cyr/WOFF-2-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Regular.woff2') format('woff2'),
         url('fonts/Porsche_Next_Web_Lat-Gr-Cyr/Porsche_Next_Web_Lat-Gr-Cyr/WOFF-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Regular.woff') format('woff'),
         url('fonts/Porsche_Next_Web_Lat-Gr-Cyr/Porsche_Next_Web_Lat-Gr-Cyr/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-BoldItalic.eot') format('eot'); }

@font-face { font-family: 'pag-thin';
    src: url('fonts/Porsche_Next_Web_Lat-Gr-Cyr/Porsche_Next_Web_Lat-Gr-Cyr/OT-TTF-Web/Porsche Next WebCyril/Fonts/PorscheNextWCy-Thin.ttf') format('truetype'),
         url('fonts/Porsche_Next_Web_Lat-Gr-Cyr/Porsche_Next_Web_Lat-Gr-Cyr/WOFF-2-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Thin.woff2') format('woff2'),
         url('fonts/Porsche_Next_Web_Lat-Gr-Cyr/Porsche_Next_Web_Lat-Gr-Cyr/WOFF-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Thin.woff') format('woff'),
         url('fonts/Porsche_Next_Web_Lat-Gr-Cyr/Porsche_Next_Web_Lat-Gr-Cyr/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-BoldItalic.eot') format('eot'); }

@font-face { font-family: 'pag-thin-italic';
    src: url('fonts/Porsche_Next_Web_Lat-Gr-Cyr/Porsche_Next_Web_Lat-Gr-Cyr/OT-TTF-Web/Porsche Next WebCyril/Fonts/PorscheNextWCy-ThinItalic.ttf') format('truetype'); }

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot');
    src: url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
    url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
    url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff') format('woff'),
    url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
    url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font: normal normal 16px/1 'Glyphicons Halflings';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin-right: 4px;
}
/* Add icons you will be using below */
.glyphicon-send:before {
    content:"\e171";
}
.glyphicon-backward:before {
    content:"\e069";
}
.glyphicon-copy:before {
    content:"\e205";
}
.glyphicon-refresh:before {
    content:"\e031";
}
.glyphicon-backward:before {
    content:"\e069";
}
.glyphicon-remove:before {
    content:"\e014";
}
.glyphicon-ok:before {
    content:"\e013";
}
.glyphicon-login:before{
    content: "\e161";
}
.glyphicon-off:before{
    content: "\e017";
}
.glyphicon-user:before{
    content:"\e008";
}
.glyphicon-plus:before{
    content:"\2b";
}
.glyphicon-search:before{
    content:"\e003";
}
.glyphicon-home:before{
    content:"\e021";
}

.glyphicon-user:before{
    content:"\e008";
}



body {
    font-family: pag-regular, serif;
    font-size: 16px; !important;
}


h4{
    font-family: pag-bold, serif;

    margin-top: 3%;
    margin-bottom: 2%;

}

@media screen and (max-width: 901px) {
    h4{
        font-size: 3vw;
    }
}

@media screen and (max-width: 640px) {
    h4{
        font-size: 20px;
    }
}

._pag-bold {
    font-family: pag-bold, serif;
}

._pag-thin-italic {
    padding-top: 15px;
    font-family: pag-thin-italic, serif;
    text-align: center;
}

._pag-regular {
    font-family: pag-regular, serif;
}

._modal-title{
    margin-top: 5%;
}

input{
    font-family: pag-thin, serif;
}

._container {
    /*background-color: rgba(214, 214, 214, 0.15);*/
    padding-left: 5%;
}

._header {
    margin-top: 7%;
    color: #393939;
    border-top: 2px solid #eee;
}

._img-header{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -6%;
}


@media screen and (max-width: 963px) {
    ._img-header{
        max-width: 20%;
        margin-top: -8%;
    }

    ._header {
        margin-top: 12%;
    }


}

@media screen and (min-width: 964px) {
    ._img-header{
        max-width: 15%;

    }
    ._header {
        margin-top: 7.5%;
    }

}

._body {
    padding-top: 2%;
    padding-bottom: 2%;
    display: block;
    position: absolute;
    min-width: 100%;
    background-image: url("pics/EP18P3ZOX0002_low.jpg");
    background-size: cover;
}


._modal-body{
    word-wrap: break-word;
}

.label{
    color: snow;
}

._linkarea{
    font-size: 13px;
}

._button {
    margin-top: 3%;
    margin-bottom: 3%;
    margin-right: 1%;
    font-weight: bold;
    font-size: 14px;
    color: snow;
    border: 0;
    background-color: #393939;
    border-radius: 3px;
    padding: 10px;
}
._button:hover {
    color: snow;
    border: 0;
    background-color: #a41e0f;
    border-radius: 3px;
}

._buttonCreateUser{
    font-weight: bold;
    font-size: 14px;
    color: snow;
    border: 0;
    background-color: #393939;
    border-radius: 3px;
    padding: 9px;
}
._buttonCreateUser:hover {
    color: snow;
    border: 0;
    background-color: #a41e0f;
    border-radius: 3px;
}


._info{
    font-size: 12px;
    font-style: italic;
    font-weight: lighter;
}

._info_header{
    padding-left:0px !important;
    font-size: 16px;
    font-weight: bolder;
    margin-top: 40px;
    font-style: italic;
}

._info_header1{
    padding-left:0px !important;
    font-size: 16px;
    font-weight: bolder;
    margin-top: 40px;
    font-style: italic;
}

._info2 {
    font-size: 11px;
    margin-top: 55px;
    margin-bottom: 0;
    margin-left: 20px;
    font-style: italic;
    font-weight: lighter;
    color: #000000;
}

._info3 {
    color: #000000;
    font-size: 11px;
    margin-top: 55px;
    margin-bottom: 0;
    font-style: italic;
    font-weight: lighter;
}

#custom_text{

}


/*.backkground_login{
    background-image: url("pics/911_login.jpg");
    background-size: cover;
}*/