/*@font-face{*/

/*font-family: 'Century';*/

/*src: url('../libriary/century.ttf') format('truetype');*/

/*font-weight: normal;*/

/*font-style: normal;*/

/*}*/


/*
font-family: 'Prompt', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Montserrat Subrayada', sans-serif;
font-family: 'Montserrat Alternates', sans-serif;
font-family: 'Open Sans', sans-serif;
 */


 /* @media only screen and (min-device-width : 10px) and (max-device-width : 360px) {

 } */



 /* _________________________ Html _________________________ */
/** {*/
/*  margin: 0;*/
/*  padding: 0;*/
/*  width: 100%;*/
/*}*/

/*html, body*/
/*{*/
/*  width: 100%;*/
/*}*/

/*body {*/
/*  background-color: #111;*/
/*  font-family: Trebuchet MS, Helvetica, Century;*/
/*}*/



/* _________________________ Header _________________________ */

/*#header {*/
/*  width: 100%;*/
/*  position: fixed;*/
/*  top: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*  font-family: Century;*/
/*  z-index: 3000;*/
/*  transition: .2s;*/
/*}*/

/*.header_cont {*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  align-items: center;*/
/*}*/

/*#logo {*/
/*  color: #fff;*/
/*  transition: color .2s;*/
/*  cursor: pointer;*/
/*}*/

/*#nav {*/
/*  display: inline-block;*/
/*  vertical-align: top;*/
/*}*/

/*#nav_link {*/
/*  text-decoration: none;*/
/*  color: #fff;*/
/*  position: relative;*/
/*  transition: color .2s linear;*/
/*}*/

/*#nav_link:hover {*/
/*  color: #222;*/
/*}*/

/*#nav_link:after {*/
/*  content: "";*/
/*  display: block;*/
/*  width: 100%;*/
/*  height: 3px;*/
/*  background-color: #222;*/
/*  position: absolute;*/
/*  top: 100%;*/
/*  left: 0;*/
/*  z-index: 1;*/
/*  opacity: 0;*/
/*  transition: opacity .2s linear;*/
/*}*/

/*#nav_link:hover:after {*/
/*  opacity: 1;*/
/*}*/

/*.fixed {*/
/*  background-color: #fff;*/
/*}*/

/*.fixed #logo {*/
/*  color: #222;*/
/*}*/

/*.fixed #nav_link {*/
/*  color: #222;*/
/*}*/

/*.fixed #nav_link:hover {*/
/*  color: #00cccc;*/
/*}*/

/*.fixed #header {*/
/*  background-color: #fff;*/
/*}*/

/*.fixed #nav_link:after {*/
/*  background-color: #00cccc;*/
/*}*/


/* !!!!!!!!!!!!!!!!!! */
/*.header_cont {*/
/*  padding-top: 15px;*/
/*  padding-bottom: 15px;*/
/*}*/
 
 
/*#logo {*/
/*  font-size: 2.3em;*/
/*  padding-left: 40px;*/
/*}*/

/*#nav_link {*/
/*  font-size: 2em;*/
/*  margin: 0 20px;*/
/*}*/

/*#nav {*/
/*  margin-right: 15px;*/
/*}*/
/* !!!!!!!!!!!!!!!!! */



/* ________________________ Main _________________________ */

/*#main {*/
/*  width: 100%;*/
/*  height: 1024px;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  justify-content: center;*/
/*  background-image: url(../libriary/main_bg.jpg);*/
/*  background-size: cover;*/
/*  background-blend-mode: multiply;*/
/*  background-color: #777;*/
/*  background-attachment:fixed;*/
/*}*/

/*.main_cont {*/
/*  background-color: rgb(0,0,0,70%);*/
/*  position: absolute;*/
/*  align: center;*/
/*  border: solid 3px #fff;*/
/*}*/

/*#line {*/
/*  margin-left: 10%;*/
/*  content: "";*/
/*  display: block;*/
/*  width: 80%;*/
/*  height: 3px;*/
/*  background-color: #fff;*/
/*}*/

/*#title {*/
/*  color: #fff;*/
/*  text-align: center;*/
/*  text-transform: uppercase;*/
/*  font-family: Century;*/
/*}*/

/*#subtitle {*/
/*  color: #fff;*/
/*  font-family: Century;*/
/*  text-align: center;*/
/*}*/



/* !!!!!!!!!!!!!!!!!! */
/*.main_cont{*/
/*  top: 28%;*/
/*  left: 10%;*/
/*  width: 80%;*/
/*}*/


/*#title {*/
/*  padding-top: 80px;*/
/*  font-size: 3em;*/
/*}*/

/*#subtitle {*/
/*  font-size: 3em;*/
/*  padding-top: 20px;*/
/*  padding-bottom: 80px;*/
/*}*/
/* !!!!!!!!!!!!!!!!!:; */


/* _________________________ About _________________________ */

/*#about {*/
/*  font-family: Century;*/
/*  width: 100%;*/
/*  height: 1024px;*/
/*  background-color: #fff;*/
/*}*/

/*.aboutlogo {*/
/*  width: 100%;*/
/*  text-align: center;*/
/*}*/

/*.abouttext{*/
/*  border: solid 4px #222;*/
/*  position: relative;*/
/*}*/

/* !!!!!!!!!!!!!!!! */
/*#about {*/
/*  height: auto;*/
/*  padding-bottom: 30px;*/
/*  padding-top: 30px;*/
/*}*/

/*.abouttext {*/
/*  font-size: 1.3em;*/
/*  margin-top: 2%;*/
/*  width: 70%;*/
/*  left: 15%;*/
/*}*/

/*.aboutlogo {*/
/*  padding-top: 30px;*/
/*  font-size: 2em;*/
/*}*/

/* !!!!!!!!!!!!!!!! */

/* _________________________ Katalog _________________________ */

/*#katalog {*/
/*  width: 100%;*/
/*  background-image: url(../libriary/main_bg.jpg);*/
/*  background-attachment:fixed;*/
/*  background-size: cover;*/
/*  background-blend-mode: multiply;*/
/*  background-color: #222;*/
/*}*/

/*#katalog {*/
/*  padding-bottom: 30px;*/
/*  padding-top: 5px;*/
/*  height: auto;*/
/*}*/

/*#katalogcont {*/
  
/*  margin-left: 10%;*/
/*  width: 80%;*/
 
/*}*/

/*.slot {*/
/*  margin-left: 10px;*/
/*  margin-top: 20px;*/
/*  align-self: center;*/
/*  display: inline-block;*/
/*  padding-top: 1px;*/
/*  width: 350px;*/
/*  height: 530px;*/
/*  background-color: #fff;*/
/*  border-radius: 20px;*/
/*}*/

/*.photocont {*/
/*  width: 86%;*/
/*  height: 200px;*/
/*}*/

/*.slot #line {*/
/*  margin-top: 20px;*/
/*  background-color: #222;*/
/*  height: 3px;*/
/*}*/

/*.photo {*/
/*  margin-top: 19px;*/
/*  top: 50px;*/
/*  margin-left: 7%;*/
/*  width: 100%;*/
/*  height: 200px;*/
/*  background-image: url(../libriary/sintepon.jpg);*/
/*  background-size: cover;*/
/*  background-blend-mode: multiply;*/
/*}*/

/*.buttn {*/
/*  text-align: center;*/
/*  margin-top: 60px;*/
/*  margin-left: 15%;*/
/*}*/

/*.buttn {*/
/*  transition: .2s linear;*/
/*  border: solid 2px #f00;*/
/*  cursor: pointer;*/
/*  width: 70%;*/
/*  height: 50px;*/
/*  background-color: #f00;*/
/*  border-radius: 11px;*/
/*  font-family: Century;*/
/*  font-size: 1.7em;*/
/*  color: #fff;*/
/*}*/

/*.buttn:hover {*/
/*  background-color: #0dd;*/
/*  border-color: #0dd;*/
/*}*/

/*.kattext {*/
/*  font-family: 'Open Sans', sans-serif;*/
/*  font-size: 1.3em;*/
/*  margin-left: 20px;*/
/*}*/
/*h3 {*/
/*  font-size: 1.3em;*/
/*  margin-top: 10px;*/

/*}*/

/*h2 {*/
/*  font-size: 1.3em;*/
/*  margin-top: 10px;*/
/*}*/
















/* _________________________ Kontakty _________________________ */

/*#contacts {*/
/*  border-top: 4px solid #fff;*/
/*  width: 100%;*/
/*  background-image: url(../libriary/main_background.png);*/
/*  background-blend-mode: multiply;*/
/*  background-color: #222;*/
/*}*/


/*#contacts .cont {*/
/*  margin-left: 5%;*/
/*  width: 80%;*/
/*  padding-top: 30px;*/
/*}*/


/*#contacts .cont {*/
/*  position: relative;*/
/*}*/

/*#contacts h1 {*/
/*  color: #fff;*/
/*  font-family: 'century';*/
/*  text-decoration: underline;*/
/*}*/

/*#contacts h3 {*/
/*  color: #fff;*/
/*  font-family: 'century';*/
/*}*/


/* !!!!!!!!!!!!!!!! */

/*#contacts {*/
/*  height: auto;*/
/*  padding-bottom: 30px;*/
/*  padding-top: 30px;*/
/*}*/

/*#contacts h1 {*/
/*  margin-left: 5%;*/
/*  padding-top: 30px;*/
/*  font-size: 30px;*/
/*  width: 70%;*/
/*}*/

/*#contacts h3 {*/
/*  font-size: 24px;*/
/*}*/

/* !!!!!!!!!!!!!!!! */













/*  */


@font-face{
    font-family: 'Century';
    src: url('../library/century.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

html, body {
    width: 100%;
    margin: 0;
    padding: 0;
}

/*header*/
header{
    width: 100%;
    margin: 0;
    padding: 0;
    position: fixed;
    z-index: 3;
    color: white;
    transition: .3s;
}

#header_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#logo_container {
    padding: 0;
    margin-bottom: 12px;
    margin-top: 0px;
    margin-left: 12px;
}

#logo {
    font-family: "Century Gothic", serif;
    font-size: 3vw;
    cursor: pointer;
    transition: .3s;
    margin-bottom: 10px;
}
#logo:hover {
    color: #81ffee;
}

header.fixed {
    background: rgba(255, 255, 255, .97);
    color: #141414;
    border-bottom: #141414 solid 2px;
    transition: .3s;
}

#nav_links {

    font-family: "Century Gothic", serif;
    cursor: pointer;
}

.nav_link {
    margin-right: 12px;
    transition: .3s;
}

.nav_link:hover {
    color: #81ffee;
    text-decoration: underline;
}


/* main container*/
.container {
    height: 100vh;
    width: 100%;
}

#main {
    width: 100%;
    margin: 0;
    padding: 0;
    background: url("../library/main_bg.jpg") no-repeat center rgba(0, 0, 0, .7) fixed;
    background-size: cover;
}

#in_main_container {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    display: flex;
    align-items: center;
    justify-content: center;
}

#main_text_container_1 {
    width: 80%;
    height: auto;
    margin: 0;
    text-align: center;
    padding: 10px;
    background: rgba(0, 0, 0, .5);
    border: white solid 5px;

}
#main_text_container_1 h1 {
    margin-bottom: 10px;
    font-family: "Century Gothic", serif;
    color: white;
    font-size: 8vw;
}

#line {
    width: 90%;
    height: 3px;
    background: white;
    margin-left: auto;
    margin-right: auto;
}
#main_text_container_1 h2 {
    margin-top: 10px;
    font-family:"Century Gothic", serif;
    color: white;
    font-size: 4vw;
}

.in_about_container{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#about_text_container_0 {
    width: 100%;
    text-align: center;
    font-size: 4vw;
    margin-top: 20px;
    font-family: "Century Gothic", serif;
    text-decoration: #141414 underline;
    cursor: pointer;
}

#about_text_container {
    height: auto;
    width: 80%;
    margin: auto;
    border: #141414 solid 5px;
    padding: 2vw;
    font-family: "Century Gothic", serif;
    font-size: 2vw;
}




#contacts {
    border-top: 4px solid #fff;
    width: 100%;
    background-image: url(../library/main_bg.jpg);
    background-blend-mode: multiply;
    background-color: #141414;
    background-size: cover;
}


#contacts .cont {
    margin-left: 5%;
    width: 80%;
    padding-top: 30px;
}


#contacts .cont {
    position: relative;
}

#contacts h1 {
    font-size: 3vw;
    color: #fff;
    font-family: "century", serif;
    text-decoration: underline;
}

#contacts h3 {
    color: #fff;
    font-family: "century", serif;
}

#contacts a {
    color: #fff;
    font-family: "century", serif;
}


/* !!!!!!!!!!!!!!!! */

#contacts {
    height: auto;
    padding-bottom: 30px;
    padding-top: 30px;
}

#contacts h1 {
    margin-left: 5%;
    padding-top: 30px;
    font-size: 5vw;
    width: 70%;
}

#contacts h3 {
    font-size: 2.5vw;
}


#sale_cotainer {
    width: 100%;
    text-align: center;
    background-color: #222;
    align-items: center;
    margin-top: 50px;
}

#sale {
    text-align: center;
    font-family: Trebuchet MS, Helvetica, Century;
    color: red;
}

/*Catalog*/

#catalog {
    width: 100%;
    background-image: url(../library/main_bg.jpg);
    background-attachment:fixed;
    background-size: cover;
    background-blend-mode: multiply;
    background-color: #141414;
}

#catalog {
    padding-bottom: 30px;
    padding-top: 5px;
    height: auto;
    display: table-cell;



}

#in_catalog_container {
    margin-right: auto;
    margin-left: auto;
    display: table-cell;

}

.slot {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    align-self: center;
    display: inline-block;
    padding-top: 1px;
    width: 350px;
    height: 530px;
    background-color: #fff;
    border-radius: 20px;
}

.photo_cont {
    width: 86%;
    height: 200px;
}

.slot #line {
    margin-top: 20px;
    background-color: #141414;
    height: 3px;
}

.photo {
    margin-top: 19px;
    top: 50px;
    margin-left: 7%;
    width: 100%;
    height: 200px;
    background-image: url(../library/sintepon.jpg);
    background-size: cover;
    background-blend-mode: multiply;
}

.button {
    text-align: center;
    margin-top: 60px;
    margin-left: 15%;
}

.button {
    transition: .2s linear;
    border: solid 2px #141414;
    cursor: pointer;
    width: 70%;
    height: 50px;
    background-color: #141414;
    border-radius: 11px;
    font-family: Century, serif;
    font-size: 1.7em;
    color: #fff;
}

.button:hover {
    background-color: #81ffee;
    border-color: #81ffee;
}

.cat_text {
    font-family: "century", serif;
    font-size: 1em;
    margin-left: 20px;
}
h3 {
    font-size: 1.3em;
    margin-top: 10px;

}

h2 {
    font-size: 1.3em;
    margin-top: 10px;
}

.slot .line_2{
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    background-color: #141414;
    height: 3px;
}