@font-face { font-family:Calibri; src:url(/themes/mm/calibri.ttf)} 
html { overflow-y:scroll; scroll-behavior:smooth; }
body { color:#000; font:110% Calibri!important; padding:0; margin:0; text-align:center; background:#000 }
header, main { clear:both; text-align:left }
header { padding:30px 0 }
header .cnt { max-width:1000px; margin:0 auto }
#logo { width:200px; float:left }
#logo img { width:100%; height:auto }
footer { color:#c9c9c9; font-size:90%; clear:both; text-align:center; padding:20px; background:#000 }
#block-mm-virsus { text-align:center }
.sukis { width:300px; color:#888; padding:0; margin:0 auto; position:relative }
.telmail { float:right; padding:0; margin:0 }
.tel { padding:0 0 5px 30px; background:url(/themes/mm/img/icon-phone.png) no-repeat 3px 0; background-size:23px 23px }
footer a { color:#ccc }
main { margin:0 auto 30px auto }
.layout-container { background:#fff }
.layout-content { width:800px; margin:0 auto }
.sidebar-first { width:23.5%; float:right; margin-left:0.5% }
.region-footer { max-width:1860px; margin:0 auto }
.clr { display:block; clear:both; border:none }
hr.clr { padding:0; margin:0; border:none; clear:both }
a { color:#0011ba; text-decoration:underline; transition:0.5s }
a:hover { text-decoration:underline }
h1 { text-align:center; font-size:200%; font-weight:normal; border-bottom:1px solid #ccc }
h2, h3, h4 { color:#000; font-size:140%;font-weight:normal; padding:10px 0; margin:0 }
h6 { font-size:120%; font-weight:normal; padding:0; margin:0 0 15px 0 }
ul, li { padding:0; margin:0; list-style-type:none }
article li { padding:5px 10px }
p, article li { line-height:25px }
input, textarea, select { padding:5px; border:1px solid #ccc; background:#f9f9f9 }
form .tips, form #edit-body-0-format { display:none }
form .description { color:#999 }
form label { display:block }
.feed-icons, .feed-icon { display:none }
#edit-submit, #edit-actions-submit { color:#fff; padding:10px 15px; text-transform:uppercase; border:none; background:#000 }
#block-mm-main-menu { clear:both; padding-top:10px; margin-bottom:20px; background:#000 }
.menu-main { list-style-type:none; padding:0;  }
.menu-main li { display:inline; padding:0; margin:0 5px }
.menu-main a { color:#fff; display:inline-block; text-align:center; padding:14px 10px 20px 10px; margin:0 0 -4px 0; text-decoration:none; border-bottom:4px solid #fff }
.menu-main a:hover, 
.menu-main .menu-main__item--active-trail a { border-bottom:4px solid #0011ba}
.menu-main__submenu { display:none }

.logopic { position:absolute; z-index:-9999; top:-1000px }
.node__content { text-align:justify }
.node__content img { padding:5px 15px }
.node__content hr { border:none; clear:both }

.chatai { height:120px; text-align:center; clear:both; position:relative; top:80px }
.chatai a { text-decoration:none; padding:35px 40px 0 0; margin:0 40px 20px 0; background-position:center 0; background-repeat:no-repeat; background-size:40px 40px }
.whatsapp { background-image:url(/themes/mm/img/icon-whatsapp.png) }
.messenger { background-image:url(/themes/mm/img/icon-messenger.png) }
.facebook { background-image:url(/themes/mm/img/icon-fb.png) }
.linkedin { background-image:url(/themes/mm/img/icon-linkedin.png) }
.youtube { background-image:url(/themes/mm/img/icon-yt.png) }

.zemelapis { width:49%; float:left; padding:0; margin:0 0.5% 0 0 }

.views-row { padding:0 0 30px 0; margin-bottom:20px; border-bottom:1px solid #ccc }
.creator { padding:20px 0 }
.creator a { color:#555 }
ol.skaiciai { padding:0; margin:0 }
ol.skaiciai li { }
.skaiciai li span { font-weight:bold; color:#fff; padding:5px 7px; margin:0 5px 5px 0; background:#0011ba }

/* Footer */

footer .menu-main a { color:#fff }
footer .menu-main a:hover, 
footer .menu-main .menu-main__item--active-trail a { color:#fff; border-bottom:1px solid #ccc }
#block-mm-copyrights { color:#999; border-top:1px solid #777 }

/*h1 {
    animation: 3s ease-out 0s 1 slideInFromLeft;
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}*/


#block-mm-citata p { animation:4s anim-lineUp ease-out; }
@keyframes anim-lineUp {
  0% {
    opacity: 0;
    transform: translateY(80%);
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}


/** { color:#999; font-size:100%; font-weight:bold; padding:10px 15px; margin:0; text-transform:uppercase; background:#efefef }**/

#block-mm-content {  }

.block-webform { color:#fff; padding:5px 0 5px 15px; background:#444 }
.block-webform input, .block-webform textarea { width:90% }
.block-webform textarea { width:96%; height:100px }
.block-webform #edit-actions-submit { width:20%; margin-left:1%; }
#block-webform h2 { padding:0 30px 0 1%; margin:0 }


@media screen and (max-width:680px) {
header { padding:20px 0 30px 0 }
#logo,
.region-content, 
.region-contentsecond,
.layout-content, 
.region-primary-menu, 
.sidebar-first { width:92%; margin:0 4% 50px 4%; float:auto; clear:both }
#logo { width:50%; float:none; text-align:center; margin:0 auto 15px auto; }
#block-mm-main-menu { float:none; text-align:center }
#block-prisijunges, #block-prisijungti { float:none; margin:0 auto }
.menu-main li { display:block; padding:0; margin:5px 0 }
.menu-main a, footer .menu-main a { text-align:center; padding:14px 10px; margin:0; text-decoration:none; border-bottom:4px solid #000 }
input, select { width:100% }
.region-footer { width:auto; padding:3% }
.telmail { float:none; margin:0 auto; text-align:Center; padding:0 0 30px 0 }
.zemelapis { width:98%; float:none; margin:0 0.5% }
.node__content img { width:90%; }
}

.pager__items { padding-top:20px }
.pager__items a { color:#fff; padding:1px 10px; border:1px solid #ccc }
.pager__items a:hover, .pager__items .is-active a { color:#fff; text-decoration:none; border-color:#0011ba; background:#0011ba }

/* Admin */

#block-mm-primary-local-tasks { padding:20px 0 20px 50px; background:url(/themes/mm/img/icon-edit.png) no-repeat 0 13px; background-size:35px auto }
#block-mm-primary-local-tasks ul { padding:0; margin:0 }
#block-mm-primary-local-tasks li { list-style:none; display:inline }
#block-mm-primary-local-tasks a { color:#000; display:inline; text-decoration:none; padding:10px 15px; border:1px solid #ccc }
#block-mm-primary-local-tasks .is-active a, #block-mm-primary-local-tasks a:hover { background:#fff }
#block-mm-primary-local-tasks .is-active a { font-size:130% }