﻿
#headline h1 { text-align:right; }

#contact-form input[type="text"] {width: 100%; border-radius: 2px; padding: 0px; border: 1px solid #B7B7B7; padding: 6px 5px 1px 0px;}

#contact-form-title { width:100%; color:#F68B1F; font-size:35px; padding:10px; }

#contact-form textarea { width: 100%; margin-top: 10px; height: 245px; }


.table-responsive td { word-wrap:break-word; padding:10px; }



ul.eventsList               { list-style: none;padding: 0; margin-top: 80px; padding-bottom: 5%; float: right; width: 100%; }
ul.eventsList .item         { padding-bottom:24%;margin-bottom:30px; animation: fadeElements 2s forwards;-webkit-animation: fadeElements 2s forwards; animation-delay: 2s;}
ul.eventsList .item .owl-item-content { position: absolute;top: 50%; width: 90%;left:5%; transform: translateY(-50%);-webkit-transform:translateY(-50%); text-align: center; padding-bottom: 70px; }
ul.eventsList a.events-item-readmore  { transition:all 500ms ease-in-out;-webkit-transition:all 500ms ease-in-out; position: absolute;bottom: 18%;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%);text-align: center;color: #B6864C;border-bottom: 1px solid;padding-bottom: 2px; }
.innerWrapper { position: absolute;top: 0;left: 15px;right: 15px;bottom: 0;background: #ECECEC;transition:all 500ms ease-in-out;-webkit-transition:all 500ms ease-in-out; }


.innerWrapper:after                           { transition:all 500ms ease-in-out;-webkit-transition:all 500ms ease-in-out; content: "";border: 2px solid #92A288;top: 12px;left: 12px;right: 12px;bottom: 12px;position: absolute;pointer-events:none; }

ul.eventsList .item:hover .innerWrapper { background: #92A288;color: #ffffff; }
ul.eventsList .item:hover .innerWrapper:after { border-color: #ffffff; }
ul.eventsList .item:hover a.events-item-readmore { color: #ffffff; }

.modal-content  { width: 800px;border-radius: 0;margin: auto;}
.modalRight,.modalLeft { float: none;display: table-cell; }
.modalLeft             { background-size: cover;background-position: center center; }
.modalRight            { padding: 7% 3%; }
.modal-content h3      { font-size: 135%; }
.all-content           { display: table;width: 100%; }


@media (max-width:1440px){
    ul.eventsList a.events-item-readmore    { bottom: 10%; }
    ul.eventsList .item .owl-item-content   { width:92%; left:4%; padding-bottom: 50px;padding-top:20px; }
    .events-item-where      { margin-bottom:5px; }
    ul.eventsList .item      { padding-bottom:30%; }
}
@media (min-width:992px){
    ul.eventsList .item:first-child .innerWrapper { right: 0; }
    ul.eventsList .item:last-child .innerWrapper  { left: 0; }
}
@media (max-width:991px){
    ul.eventsList   { margin-top:30px; }
    ul.eventsList .item { padding-bottom:45%; }   
    .modal-content      { width:650px; }
}
@media (min-width:768px) and (max-width:991px){
     ul.eventsList .item:nth-child(odd) .innerWrapper { right: 0; }
    ul.eventsList .item:nth-child(even) .innerWrapper  { left: 0; }
}
@media (max-width:767px){
   .innerWrapper    { right:0; left:0; }
   ul.eventsList .item  { padding-bottom:85%; }
   ul.eventsList    { margin-top:0; }
   .all-content     { display: block; }
    .modalRight, .modalLeft { display: block;width: 100%; }
    .modalLeft.col-xs-6     { height: 150px; }
    .close svg              { width: 20px; height: 20px; }
    a.close                 { top: -30px; }
    .modal-content  { width:250px; }
}