/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 18, 2017, 7:49:39 PM
    Author     : E
*/
body, body a, body p, span, h1, h2, h3{
    font-family: roboto!important;
    font-size: 14px;
}
/* top */
.top-langs, .top-toliau{
    min-height: 25vh;
    width: 100%;
    background: #EEEDEF;
}
.top-videologo{
    min-height: 50vh;
    width: 100%;
    background: #EEEDEF;
}

.top-videologo img{
    width: 250px;
    height: 140px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#top{
    padding-top: 40px;
}
.top-langs{
    font-size: 12px;

}
.lang-now{
    font-weight: 600;
}
@media(min-width: 200px){
    .langs{
        padding-top: 30px;
    }
    .toliau{
        display: block;
        width: 90px;
        height: 50px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }
    .contact{
        max-width: 320px;
        width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
    #portfolio{
        padding-bottom: 30px;
    }
    .partners{
        padding-bottom: 30px;
    }
    .servos{
        padding-bottom: 30px;
    }
    .phototato, .djmag, .arbaarba, .kleizos, .launchmen, .jumex, .veronica, .balticum, .tripshop, .vaizdo, .kastonas, .tempureti, .taxify, .rankos, .mittwald{
        transform: scale(0.8);   
    }
}
@media(min-width: 768px){
    .phototato, .djmag, .arbaarba, .kleizos, .launchmen, .jumex, .veronica, .balticum, .tripshop, .vaizdo, .kastonas, .tempureti, .taxify, .rankos, .mittwald{
        transform: scale(1);   
    }
    .langs{
        padding-top: 70px;
    }
    .toliau{
        display: block;
        width: 90px;
        height: 50px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        bottom: -70px;
    }
    .contact{
        max-width: 350px;
        width: 350px;
        margin-left: auto;
        margin-right: auto;
    }
    .rowright{
        margin-left: 55px;
    }
    .video-left{float: right;}
    .video-right{float: left;}
}
.toliau-animation{
    position:relative;
    animation:mymove 10.51s ease-out forwards;
    animation-iteration-count:1;
    margin-top: -100px;

    /* Safari and Chrome */
    -webkit-animation:mymove 10.9s;
    -webkit-animation-iteration-count:1;
}

@keyframes mymove
{ from {top:0px;}
  to {top:-10px;}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
    from {top:0;}
    to {top:-10px;}
}
@keyframes delayedShow {
    to {
        visibility: visible;
    }
}

.delayedShow{
    visibility: hidden;
    animation: 0s linear 10.2s forwards delayedShow ;
}

/* services */
#services{
    min-height: 85vh;
    width: 100%;
    background: #fff;
}
.services-top{
    min-height: 10vh;
    width: 100%;
    background: #fff;
}
.services-bottom{
    min-height: 15vh;
    width: 100%;
    background: #fff;
    padding-bottom: 15px;
}
.paslauga{
    margin-left: auto;
    margin-right: auto;
    background: none!important;
    border: none!important;
    display: block;
}
.paslauga span{
    font-weight: 500;
    padding-top: 20px;
    clear: both;
    display: block;
    max-width: 100%;
    text-transform: none;
    letter-spacing: 0px;
}
.btn, btn:hover {
    outline: none !important;
    outline: 0!important;
    box-shadow: none!important; 
    max-width: 100%;
    clear: both;  
}
.button:focus, .button:active {
    outline: 0px!important;
}
.strelka{
    display: block;
    width: 90px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
}

/* portfolio */

#portfolio{
    background: #EEEEEE;
    min-height: 85vh;
}

.portfolio-bottom{
    min-height: 15vh;
    width: 100%;
    background: #EEEEEE;
    padding-bottom: 15px;   
}
.video-logo{
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 10vh
}
.videowindow{
    margin-top: 10px;
    background-color: #e0e0e0;
    border-radius: 10px;
    width: 250px;
    height: 160px;
    margin-left: auto; 
    margin-right: auto; 
    padding-top: 2px;
}
.videowindow p{
    font-size: 14px;
}
/* partners */
#partners-top{
    background: #F4F4F4;
    min-height: 20vh;
}
.partners{
    background: #F4F4F4;
    min-height: 65vh;
}
.partners-bottom{
    background: #F4F4F4;
    min-height: 15vh;
}
.partners-logo{
    display: block;
    margin-left: auto;
    margin-right: auto;
    top: 40px;
    position: relative;
}
/* .part-logo{
     margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 250px;
}*/
/* contact */
#contact{
    background: #eeeeee;
    min-height: 100vh;
}
.contact-content{
    width: 400px;
    text-align: center;
    height: 100vh;
    vertical-align: middle;
    display: table-cell;

}
.contact-btn{
    display: block;
    border: 3px solid #737373;
    background: #eee;
    width: 100px;
    height: 100px;
    border-radius:50px;
    transition: all 0.6s;
    margin-left: auto;
    margin-right: auto;
}
.contact-btn:hover{
    background: #f7f7f7;
}
.contact-btn:active, .contact-btn:focus{
    outline: none!important;
 
}


.phototato, .djmag, .arbaarba, .kleizos, .launchmen, .jumex, .veronica, .balticum, .tripshop, .vaizdo, .kastonas, .tempureti, .taxify, .rankos, .mittwald{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.launchmen{
    margin-top: 20px;
}
.veronica{
    margin-top: 10px;
}
.vaizdo{
    margin-top: 20px
}
.tempureti{
    margin-top: 30px;
}
.mittwald{
    margin-top: 10px;
}
@keyframes delayedShowIntro {
    to {
        visibility: visible;
    }
}

.delayedShowIntro{
    visibility: hidden;
    animation: 0s linear 0.5s forwards delayedShow ;
}
footer{
    background: #111821;
    height: 80px;
    padding: 0px!important;
}

.contact-content p{font-size: 14px;}

.videowindow p{
    padding: 0px 0px 0px 10px; margin: 0px;
}
.contact a:hover{
    text-decoration: none!important;
    outline: none!important;
    box-shadow: none!important;
}
.contact a{
    color: #737373;
}
.video-frame{
    width: 250px;
    height: 140px;
}
.center{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.modal-body {
    position: relative;
    padding: 30px 15px 0px 15px;
}
.modal-header, .modal-footer{
    background: #EEEDEF;
}
.modal .btn{
      border: 1px solid #737373;
      transition: all 0.6s;
      background: #EEEDEF;
      border-radius: 30px;
      width: 50px;
      padding: 14px 19px;
}
.modal .btn:hover{
      background: #fff;
}

.glyphicon{
    font-size: 45px;
    text-align: center;
    clear: both;
    color: #737373;
}