/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
body{
 background: #ffed00;
background: -moz-linear-gradient(top,  #ffed00 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffed00), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #ffed00 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #ffed00 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #ffed00 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #ffed00 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffed00', endColorstr='#ffffff',GradientType=0 );
background-attachment: fixed;
 }
 .uk-container.uk-container-center{
 background-color:#ffffff;
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
 }
.tm-headerbar > a:hover{
text-decoration:none;
}
 .uk-navbar-nav > li > a {
	text-transform: uppercase;
    font-size: 12px;
    padding: 0 11px;
}
.uk-panel.box1 {
    margin-top: 8px;
}
/* not important */
.sclogin-modal-links, .rightas{
    float: right;
}
#kunena.layout .breadcrumb{
    display: none;
}
.readon{
    display: none;
}
.navbar .nav > li > a {
    text-shadow:none;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus, .navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
    color: #ffffff;
}
.lgs:hover {
    text-decoration:none;
}
.sclogin-joomla-login.horizontal .control-group {
    margin-right: 5px;
}
.container-flp { 
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
	width: 500px;
    height: 500px;
}

.page1 {
    width: 515px;
    height: 502px;
    position: relative;
	background: url("../images/logo500.png") no-repeat scroll 0 0 #fff;
	background-size:cover;
}
.page2 {
    width: 515px;
    height: 502px;
    position: relative;
    display: none;
	background: url("../images/logo-side-2.png") no-repeat scroll 0 0 #fff;
	background-size:cover;
}
.breadcrumbs {
    margin-bottom: 10px;
}

h3.logas{
  margin: 0 0 2px;
}
.logas1{
  color:#000000;
}

@media (max-width: 640px) {
  .container-flp, .page1, .page2 {
    width: 257px;
    height: 250px;
    background-size:cover;
  }
}

@media (max-width: 808px) {
  .uk-navbar-nav > li > a
  {
    padding: 0 7px;
    font-size: 11px;
  }
}


@media (min-width: 809px) and (max-width: 945px) {
  .uk-navbar-nav > li > a
  {
    padding: 0 8px;
    font-size: 12px;
  }
}

@media (min-width: 767px) and (max-width: 975px) {
.uk-navbar-nav > li > a {
    font-size: 10px;
    padding: 0 5px;
}
}

@media (min-width: 976px) and (max-width: 1226px) {
.uk-navbar-nav > li > a {
    font-size: 12px;
    padding: 0 10px;
}
}

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus
{
background: none repeat scroll 0 0 #000000;
}

.hidden-button{
display:none;
}
.uk-modal-close.uk-close.uk-close-alt{
    z-index: 1000;
}

#pirmas {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -33px;
    margin-bottom: -11px;
}
.container-flp.uk-container-center > a {
  position: relative;
}

#my-id  > .uk-modal-dialog.uk-modal-dialog-frameless{
background:none;
}

.flip {
    -webkit-backface-visibility:hidden;
    -webkit-transform:translateX(0); 
    -moz-backface-visibility:hidden;
    -moz-transform:translateX(0);
}
.flip.out {
    -webkit-transform: rotateY(-90deg) scale(.9);
    -webkit-animation-name: flipouttoleft;
    -webkit-animation-duration: 900ms;
    -moz-transform: rotateY(-90deg) scale(.9);
    -moz-animation-name: flipouttoleft;
    -moz-animation-duration: 900ms;
}
.flip.in {
    -webkit-animation-name: flipintoright;
    -webkit-animation-duration: 920ms;
    -moz-animation-name: flipintoright;
    -moz-animation-duration: 920ms;
}
.flip.out.reverse {
    -webkit-transform: rotateY(90deg) scale(.9);
    -webkit-animation-name: flipouttoright;
    -moz-transform: rotateY(90deg) scale(.9);
    -moz-animation-name: flipouttoright;
}
.flip.in.reverse {
    -webkit-animation-name: flipintoleft;
    -moz-animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0); }
    to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@-moz-keyframes flipouttoleft {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(-90deg) scale(.9); }
}
@-webkit-keyframes flipouttoright {
    from { -webkit-transform: rotateY(0) ; }
    to { -webkit-transform: rotateY(90deg) scale(.9); }
}
@-moz-keyframes flipouttoright {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(90deg) scale(.9); }
}
@-webkit-keyframes flipintoleft {
    from { -webkit-transform: rotateY(-90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoleft {
    from { -moz-transform: rotateY(-90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}
@-webkit-keyframes flipintoright {
    from { -webkit-transform: rotateY(90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoright {
    from { -moz-transform: rotateY(90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}
.tm-headerbar{
	margin-bottom:10px;
}
.tm-navbar{
	margin-top:10px;
}
.tm-logo-small {
    letter-spacing: 0;
}
/*Gif*/
.gifas { 
    -webkit-animation: fadein 5s; /* Safari and Chrome */
       -moz-animation: fadein 5s; /* Firefox */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera */
            animation: fadein 5s;
} 

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​