body {
    padding-top: 50px;
    background-color: #5A9D9D;
    background-image: url('../Images/bg_index_static.png');
}

header .menu {
    color: #fff;
    z-index: 99;
    position: fixed;
    top: 0;
}

header > .menu {
    min-width: 100%;
    min-height: 50px;
    background-color: #363636;
    background-color: rgba(54, 54, 54, 0.9);
}

    header > .menu > div {
        min-width: 220px;
    }

header .menu .contacts {
    font-size: 12px;
    padding-top: 19px;
}

    header .menu .contacts span {
        white-space: nowrap;
    }


 .logo {
     padding-top: 20px;    
 }

 .home {
     padding-bottom: 30px;   
 }

section > .row {
    min-width: 100%;
    color: #fff;
}

section .content-1 {
    padding-top: 50px;
}

    section .content-1 .title {
        padding-bottom: 30px;
        color: #fff;
    }

    section .content-1 h5 {
        font-size: 1.225rem;
        font-weight: bold;
        color: #fff;
    }

section .content-2 {
    background-color: white;
    padding-bottom: 50px;
    color: #337772;
}

section .section-title > h3 {
    padding-top: 20px;
    color: #ffffff;
}

section .break-line {
    background-color: #e6e6e6; 
    height: 3px;
    margin-top: 50px;
}

section .break-line-2 {
    background-color: #5A9D9D;
    height: 10px;
}

section .content-2 h5 {
    color: #337772;
    font-size: 12pt;
    font-weight: bold;
}

section .content-2 .content-list {
    display: inline-block;
    margin-right: 50px;
}

section .content-2 .conten-2-text-1 {
    padding-top: 70px;
}

section .content-2 .photo-sample {
    padding-top: 20px;
    margin-right: 0;
}

.printer {
    background-image: url("../Images/Icons/spausdintuvas.png");
    background-repeat: no-repeat;
    background-position: 10% 50px;
    -o-background-size: 300px 300px;
    -webkit-background-size: 300px 300px;
    -moz-background-size: 300px 300px;
    background-size: 300px 300px;
}


.plane {
    width: 60px;
    margin-left: 20px;
    margin-right: 20px;
}


.book {
    background-image: url("../Images/Icons/fotozurnalai.png");
    background-repeat: no-repeat;
    background-position: 10% 100px;
    -o-background-size: 200px;
    -webkit-background-size: 200px;
    -moz-background-size: 200px;
    background-size: 200px;
}


.pencil {
    background-image: url("../Images/Icons/piestukas.png");
    background-repeat: no-repeat;
    background-position: 10% 50px;
    -o-background-size: 200px;
    -webkit-background-size: 200px;
    -moz-background-size: 200px;
    background-size: 200px;
}


.photos {
    background-image: url("../Images/Icons/nuotrauku redagavimas.png");
    background-repeat: no-repeat;
    background-position: 10% 25px;
    -o-background-size: 250px;
    -webkit-background-size: 250px;
    -moz-background-size: 250px;
    background-size: 250px;
}

.brandbook {
    background-image: url("../Images/Icons/brandbook.png");
    background-repeat: no-repeat;
    background-position: 10% 50px;
    -o-background-size: 250px;
    -webkit-background-size: 250px;
    -moz-background-size: 250px;
    background-size: 250px;
}

.lauko_reklama {
    background-image: url("../Images/Icons/lauko reklamos.png");
    background-repeat: no-repeat;
    background-position: 10% 25px;
    -o-background-size: 250px;
    -webkit-background-size: 250px;
    -moz-background-size: 250px;
    background-size: 250px;
}

.content_pos {
    height: 50px; 
    background-color: #fff;
}

.first_content_pos {
    height: 50px; 
    background-color: #5A9D9D;
    background-image: url('../Images/bg_index_static.png');
    border-bottom: 3px solid #fff;
}





header a, header a:visited, header a:hover, header a:link, header a:active {
    color: #ffffff;
}

footer a, footer a:visited, footer a:hover, footer a:link, footer a:active {
    color: #ffffff;
}

footer {
    min-height: 100px;
    background-color: #363636;
    padding-top: 20px;
    color: #ffffff;
}

    footer h5 {
        color: #ffffff;
        border-bottom: 1px solid #555555;
    }

    footer ul {
        font-size: 11pt;
    }

        footer ul > li {
            padding-left: 10px;
        }


/* Services animations --------*/

.service-process {
    background-image: url('http://enstudija.lt/v2/img/service-bg.png');
    background-repeat: no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: center center;
    padding-bottom: 20px;
    padding-left: 100px;
}


    .service-process a {
        color: #5c5c5c;
    }

@media(max-width:979px) {
    .service-process {
        background-image: none;
    }
}

.service-process .thumbnail, .service-process .thumbnail:hover {
    border: 0 none;
    box-shadow: none;
    padding-top: 50px;
}

.caption-head {
    color: #337772;
    height: 140px;
    width: 140px;
    background-color: #fff;
    border: 6px solid #e6e6e6;
    border-radius: 500px;
    -moz-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
}

    .caption-head .caption-icon {
        display: block;
        height: 50px;
        margin-top: 20px;
    }

    .caption-head .caption-title {
        color: #337772;
        font-size: 15px;

    }

        .caption-head .caption-icon:hover, .caption-head .caption-title:hover {
            cursor: pointer;
        }

    .caption-head:hover {
        background-color: #5A9D9D;
        cursor: pointer;
        -webkit-transition: background-color .3s ease;
        -moz-transition: background-color .3s ease;
        -o-transition: background-color .3s ease;
        transition: background-color .3s ease;
    }

        .caption-head:hover > .caption-icon {
            color: #fff;
            -webkit-animation: slideFromBottom 300ms ease;
            -moz-animation: slideFromBottom 300ms ease;
            -o-animation: slideFromBottom 300ms ease;
            animation: slideFromBottom 300ms ease;
        }

        .caption-head:hover > .caption-title {
            color: #fff;
            -webkit-animation: slideFromBottom 500ms ease;
            -moz-animation: slideFromBottom 500ms ease;
            -o-animation: slideFromBottom 500ms ease;
            animation: slideFromBottom 500ms ease;
        }

.icon-big {
    font-size: 3em;
    line-height: 1.1;
}

.icon-large {
    font-size: 300px;
}

@-webkit-keyframes slideFromBottom {
    from {
        -webkit-transform: translateY(150%) scale(0.5);
        -moz-transform: translateY(150%) scale(0.5);
        -ms-transform: translateY(150%) scale(0.5);
        -o-transform: translateY(150%) scale(0.5);
        transform: translateY(150%) scale(0.5);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0) scale(1);
        -moz-transform: translateY(0) scale(1);
        -ms-transform: translateY(0) scale(1);
        -o-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

@-moz-keyframes slideFromBottom {
    from {
        -webkit-transform: translateY(150%) scale(0.5);
        -moz-transform: translateY(150%) scale(0.5);
        -ms-transform: translateY(150%) scale(0.5);
        -o-transform: translateY(150%) scale(0.5);
        transform: translateY(150%) scale(0.5);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0) scale(1);
        -moz-transform: translateY(0) scale(1);
        -ms-transform: translateY(0) scale(1);
        -o-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

@keyframes slideFromBottom {
    from {
        -webkit-transform: translateY(150%) scale(0.5);
        -moz-transform: translateY(150%) scale(0.5);
        -ms-transform: translateY(150%) scale(0.5);
        -o-transform: translateY(150%) scale(0.5);
        transform: translateY(150%) scale(0.5);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0) scale(1);
        -moz-transform: translateY(0) scale(1);
        -ms-transform: translateY(0) scale(1);
        -o-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}


@media handheld, only screen and (max-width: 1024px) {
    .service-process {
        background-image: none;
    }

    .caption-head {
        height: 125px;
        width: 125px;
    }

    .icon-big {
        font-size: 3em;
        line-height: 20px;
        margin: 0;
        padding: 0;
    }

    .caption-head h2 {
        font-size: 15px;
        line-height: 20px;
        margin: 0;
        padding: 0;
        margin-top: -30px;
    }

    .caption-head .caption-icon {
        height: 60px;
    }
}

@media handheld, only screen and (max-width: 767px) {
    .service-process {
        display: table;
        margin: 0 auto;
        background-image: none;
    }
}