.skrit { display: none; }
.ruka { cursor: pointer; }
.mnogogoliam { font-size: 120px; }
.cviat { display: inline-block; padding: 0px 5px 5px 0px; margin: 0px; cursor: pointer; }
.cviat img { width: 32px }
.zatars { display: block; width: 100%; text-align: right; cursor: pointer; background: #eeeeee; z-index: 999999; }
.zataro { position: absolute; width: 100%; height: 400px; background: #ffffff; border: 1px solid #E6E6E6; z-index: 999995; }
.sticky { position: -webkit-sticky; position: sticky; top: 0; z-index: 9999999; }
.zabpass { cursor: pointer; }
.zabpass:hover { color: #dc2b19; }

/* statii preview*/
.blog-statii3 { margin: 0 auto; border-top: #4CAF50; max-width: 1400px; }
.blog-statii3 h2 { text-align: center; font-size: 24px; font-weight: bold; color: #080808; margin: 5px 6px 6px 6px !important; letter-spacing: 0.1px; }
.blogStatii-container3 { font-family: "Source Sans Pro", Arial, serif; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 10px; max-width: 100%; }
.blog-item3 { align-items: center; display: flex; flex: 1 1 0; flex-direction: column; min-width: 330px; max-width: 500px; border: 1px solid #eeeeee; border-bottom: 2px solid #eeeeee; transition: .4s linear; background: #fff; padding: 1em; margin: 0.5em; border-radius: 4px; }
.blog-item3 img { display: block; height: auto; max-width: 100%; width: 100%; margin: 0 auto; margin-bottom: 6px; border-radius: 4px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px, #fb1d0633 0px 0px 0px 3px; }
.blog-item3 iframe { display: block; margin: 0 auto; margin-bottom: 6px; }
.blog-item3 video { display: block; margin: 0 auto; margin-bottom: 6px; }
.blog-item3 h3 { text-align: center; font-size: 18px; font-weight: 600; color: #080808; margin: 5px 6px 6px 6px !important; letter-spacing: 0.1px; }
.blog-item3:hover { border-bottom: 2px solid #fc5a5a; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; border-bottom: 2px solid #fc5a5a; }
.blog-description3 { word-wrap: break-word; font-size: 16px; color: #636363; display: block; margin: 6px 6px 6px 6px; text-indent: 20px; letter-spacing: 0.1px; }
.blogStatii-container3 aside { margin-top: auto; width: 100%; }
.blog-button3 { text-align: center; background: #dc2b19; border: 0; border-radius: 4px; cursor: pointer; color: #FFF; font-weight: bold; font-size: 20px; padding: 15px 8px; text-transform: uppercase; display: block; }
.blog-button3:hover { background-color: #000000; }
.blog-statii2 { margin: 0 auto; border-top: #4CAF50; max-width: 1400px; }
.blog-statii2 h2 { text-align: center; font-size: 24px; font-weight: bold; color: #080808; margin: 5px 6px 6px 6px !important; letter-spacing: 0.1px; }
.blogStatii-container2 { font-family: "Source Sans Pro", Arial, serif; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 10px; max-width: 100%; }
.blog-item2 { align-items: center; display: flex; flex: 1 1 0; flex-direction: column; min-width: 330px; max-width: 700px; border: 1px solid #eeeeee; border-bottom: 2px solid #eeeeee; transition: .4s linear; background: #fff; padding: 1em; margin: 0.5em; border-radius: 4px; }
.blog-item2 img { display: block; height: auto; max-width: 100%; width: 100%; margin: 0 auto; margin-bottom: 6px; border-radius: 4px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px, #fb1d0633 0px 0px 0px 3px; }
.blog-item2 iframe { display: block; margin: 0 auto; margin-bottom: 6px; }
.blog-item2 video { display: block; margin: 0 auto; margin-bottom: 6px; }
.blog-item2 h3 { text-align: center; font-size: 18px; font-weight: 600; color: #080808; margin: 5px 6px 6px 6px !important; letter-spacing: 0.1px; }
.blog-item2:hover { border-bottom: 2px solid #fc5a5a; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; border-bottom: 2px solid #fc5a5a; }
.blog-description2 { word-wrap: break-word; font-size: 16px; color: #636363; display: block; margin: 6px 6px 6px 6px; text-indent: 20px; letter-spacing: 0.1px; }
.blogStatii-container2 aside { margin-top: auto; width: 100%; }
.blog-button2 { text-align: center; background: #dc2b19; border: 0; border-radius: 4px; cursor: pointer; color: #FFF; font-weight: bold; font-size: 20px; padding: 15px 8px; text-transform: uppercase; display: block; }
.blog-button2:hover { background-color: #000000; }
.blog-statii1 { margin: 0 auto; border-top: #4CAF50; max-width: 1400px; }
.blog-statii1 h2 { text-align: center; font-size: 24px; font-weight: bold; color: #080808; margin: 5px 6px 6px 6px !important; letter-spacing: 0.1px; }
.blogStatii-container1 { font-family: "Source Sans Pro", Arial, serif; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 10px; max-width: 100%; }
.blog-item1 { align-items: center; display: flex; flex: 1 1 0; flex-direction: column; min-width: 330px; max-width: 1400px; border: 1px solid #eeeeee; border-bottom: 2px solid #eeeeee; transition: .4s linear; background: #fff; padding: 1em; margin: 0.5em; border-radius: 4px; }
.blog-item1 img { display: block; height: auto; max-width: 100%; width: 100%; margin: 0 auto; margin-bottom: 6px; border-radius: 4px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px, #fb1d0633 0px 0px 0px 3px; }
.blog-item1 iframe { display: block; margin: 0 auto; margin-bottom: 6px; }
.blog-item1 video { display: block; margin: 0 auto; margin-bottom: 6px; }
.blog-item1 h3 { text-align: center; font-size: 18px; font-weight: 600; color: #080808; margin: 5px 6px 6px 6px !important; letter-spacing: 0.1px; }
.blog-item1:hover { border-bottom: 2px solid #fc5a5a; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; border-bottom: 2px solid #fc5a5a; }
.blog-description1 { word-wrap: break-word; font-size: 16px; color: #636363; display: block; margin: 6px 6px 6px 6px; text-indent: 20px; letter-spacing: 0.1px; }
.blogStatii-container1 aside { margin-top: auto; width: 100%; }
.blog-button1 { text-align: center; background: #dc2b19; border: 0; border-radius: 4px; cursor: pointer; color: #FFF; font-weight: bold; font-size: 20px; padding: 15px 8px; text-transform: uppercase; display: block; }
.blog-button1:hover { background-color: #000000; }
/* statii preview krai */

.marki-statii { margin: 0 auto; border-top: #4CAF50; max-width: 1400px; }
.marki-statii h2 { text-align: center; font-size: 24px; font-weight: bold; color: #080808; margin: 5px 6px 6px 6px !important; letter-spacing: 0.1px; }
.markiStatii-container { font-family: "Source Sans Pro", Arial, serif; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 10px; max-width: 100%; }
.marki-item { align-items: center; display: flex; flex: 1 1 0; flex-direction: column; min-width: 150px; max-width: 200px; border: 1px solid #eeeeee; border-bottom: 2px solid #eeeeee; transition: .4s linear; background: #fff; padding: 1em; margin: 0.5em; border-radius: 4px; }
.marki-item img { display: block; height: auto; max-width: 100%; width: 100%; margin: 0 auto; margin-bottom: 6px; border-radius: 4px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px, #fb1d0633 0px 0px 0px 3px; }
.marki-item h3 { text-align: center; font-size: 18px; font-weight: 600; color: #080808; margin: 5px 6px 6px 6px !important; letter-spacing: 0.1px; }
.marki-item:hover { border-bottom: 2px solid #fc5a5a; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; border-bottom: 2px solid #fc5a5a; }

.djammat { display: block; position: fixed; top: 0; left: 0; text-align: center; width: 100%; height: 100%; z-index: 999999999; background: rgba(0, 0, 0, 0.50); }
.djam { position: absolute; display: block; z-index: 9999999998; top: 50%; left: 50%; padding: 25px 75px 20px 25px; text-align: center; background: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #777777; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.djamtitle { font-size: 36px; text-align: center; margin-bottom: 30px; }
.zazatvor { position: absolute; top: 15px; right: 15px; z-index: 9999999999; }
.zatvor { font-family: 'FontAwesome'; font-size: 18pt; color: #000; }