html,
html *,
body {
 font-family: 'Poppins', sans-serif;
 color: #000;
}
*:focus {
  outline: 2px solid blue;
}
.fancybox-content p {
 color: #000;
}
.center {
 text-align: center;
}

hr {
 border-top: 2px solid #DD1972;
}
hr.short {
 text-align: left;
}
.container {
 background: #fff;
 padding-left: 40px;
 padding-right: 40px;
}
header {
 padding-top: 30px;
 padding-bottom: 20px;
}
img.logo {
 width: 100%;
}
#timeline {
 width: 100%;
}
img#timeline {
 margin-top: 50px;
}

.social img {
    margin: 5px;
}
.social {
    float: right;
}
main {
 padding-top: 0px;
 padding-bottom: 40px;
}
main {
 /*background: #fff;*/
 word-wrap: inherit;
}

h1,
h2,
h3 {
 margin: 0px;
 padding: 0px;
}
h2 {
 font-weight: bold;
 padding-top: 50px !important;
}
h3 {
 font-weight: bold;
}
h1 {
 font-size: 40px;
 line-height: 40px;
}
h1 a,
h1 a:hover,
h1 a:active,
h1 a:visited {
 text-decoration: none;
}
h2 {
 font-size: 40px;
 margin-top: 40px;
 margin-bottom: 5px;
 line-height: 40px;
}
h3 {
 font-size: 24px;
 margin-top: 25px;
 margin-bottom: 30px;
}
p {
 font-size: 18px;
 //margin-left: 240px;
}
li {
 font-size: 18px;
}
p.small {
 font-size: 14px;
}
div.line {
 background: #696969;
 height: 5px;
}
div.line.one {
 width: 250px;
 margin-top: 60px;
}
div.line.second {
 width: 85px;
 margin-top: 35px;
}
div.images {
 margin-left: 240px;
}
img.rounded {
 width: 85px;
 height: 85px;
 object-fit: cover;
 border-radius: 50%;
 //padding: 30px 50px 60px 0px;
}
.strong {
 font-weight: bold;
}
.light {
 color: #dcc0b1;
}
nav {
 font-size: 18px;
 padding-top: 10px;
}
.footermenu {
 font-size: 18px;
 padding: 30px 0;
}
.menu-item:hover, 
.menu-item:active {
 font-weight: bold;
}
#slider {
 width: 100%;
 max-height: 564px;
 /*height: 600px;
 width: 1142px;
 height: 602px;*/
 background: #000;
 /*background-image: url('img/banner1.png');*/
}
img#slide {
 width: 100%;
}
#slidetxt {
 position: relative;
 float: right;
 right: 10%;
 transform: translate(9%, -210%);
 text-align: right;
 line-height: 51px;
 font-size: 48px;
 color: #DD1972;
 font-weight: bold;
}
#slidetxt, #slidebtn {
 display: none;
}
#slidebtn {
 /*background: #b98264;*/
 background: #3c3c3b;
 position: relative;
 float: right;
 transform: translate(263%, -220%);
 -ms-transform: translate(263%, -220%);
 -webkit-transform: translate(263%, -220%);
 -o-transform: translate(263%, -220%);
 -moz-transform: translate(263%, -220%);
 text-align: center;
 width: 150px;
 height: 40px;
 line-height: 40px;
}
a {
 text-decoration: underline;
 font-weight: bold;
}
a #slidebtn {
 color: #000;
 font-size: 20px;
 font-weight: bold;
}
#slidebtn:hover {
 background: #fff;
}
.logos {
 /*display: grid;*/
 /*grid-template-columns: 14.97% 14.32% 14.24% 13.1% 13.1% 15.12% 14.6%;*/
 /*grid-template-columns: 7.69% 7.69% 7.69% 7.69% 7.69% 7.69% 7.69% 7.69% 7.69% 7.69% 7.69% 7.69% 7.69%;*/
 display: inline-block;
 margin-left: auto;
 margin-right: auto;
}
.kapitula {
 display: grid;
 grid-template-columns: 25% 25% 25% 25% ;
}


/* FORM */
input[type=text],
select,
textarea {
 width: 100%;
 padding: 12px;
 border: 1px solid #ccc;
 border-radius: 4px;
 box-sizing: border-box;
 margin-top: 6px;
 margin-bottom: 16px;
 resize: vertical;
}
input[type=submit], input[type=button] {
 background-color: #2653a0;
 color: #FFF;
 padding: 12px 20px;
 border: none;
 border-radius: 0px;
 cursor: pointer;
}
input[type=submit]:hover, input[type=submit]:focus {
 background-color: #000;
 color: #FFF;
}

input[type=button] {
 margin-right: 50px;
}

textarea#uza {
 height: 100px;
}
label.agreements {
 font-weight: 100 !important;
}
.buttons {
 height: 50px;
 text-align: right;
 padding-top: 20px;
}
.stars {
 color: #ff0000;
}
input.gray {
 background: #bdbdbd;
}

.persona {
 display: inline-block;
 text-align: center;
 padding: 10px;
}
.personaimg {
 width: 60%;
 margin: auto;
 display: -moz-box;
 -moz-box-pack: center;
 -moz-box-align: center;
 display: -webkit-box;
 -webkit-box-pack: center;
 -webkit-box-align: center;
 display: box;
 box-pack: center;
 box-align: center;
}
.personaimg:hover {
 background-image: url(img/kapitula/obwodka.png);
 background-repeat-x: no-repeat;
 background-position: center;
 display: -moz-box;
 -moz-box-pack: center;
 -moz-box-align: center;
 display: -webkit-box;
 -webkit-box-pack: center;
 -webkit-box-align: center;
 display: box;
 box-pack: center;
 box-align: center;
}
.personaimg img {
 width: 100%;
}
.logosimg {
 width: 100%;
 max-width: 7.69%;
}
.red {
 color: #b4191f;
}
.big {
 font-size: 18px;
}
.icon {
 width: 40%;
 max-width: 50px;
 padding-bottom: 5px;
 color: #be324d;
}
@media (min-width:992px) {
 .timeline {
    padding: 25px 10% 5px;
 }
}
.timeline {
    width:100%;
}