@charset "UTF-8";
@keyframes animatedBackground {
    from { background-position: 0 0; }
    to { background-position: 100% 0; }
}
/* Layout (global rules for all sizes) */
.wrp {
    max-width:990px;
    margin:0 auto;
    text-align:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;

}

header, header.wrp{
    text-align:center;
    background:#5db2c7;
    height:30px;
}
a.menuButton{
    display: none;
}
.links2, footer .languages {
    display: none;
}
footer {
    text-align:center;
    background:#9e9e9e;
    padding:35px 0 45px 0;
}
    footer p {
        font-size:12px;
        color:#FFF;
        line-height:110%;
        margin:0;
    }

nav{margin: 10px 0;}
.logo {
    float:left;
    background:url(../img/ivija360.png);
    width:163px;
    height:69px;
}
    .logo a {
        display:block;
        text-decoration:none;
        text-indent:-10000px;
        overflow:hidden;
        width:163px;
        height:69px;
    }
.navigation {
    float:left;
    padding:20px 0 0 65px;
    overflow: hidden;
}
    .navigation ul {
        padding:0;
        margin:0;
        list-style:none;
        display:block;
    }
    .navigation li {
        padding:0;
        margin:0 10px 0 0;
        list-style:none;
        display:block;
        float:left;
        position:relative;
    }
    .navigation span {
        position:absolute;
        top:100%;
        left:50%;
        margin-left:-6px;
        background:url(../img/menuact.png);
        width:11px;
        height:6px;
        display:none;
    }
    .navigation a {
        display:block;
        padding:5px 6px;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;
        text-decoration:none;
    }
        .navigation .active span {
            display:block;
        }
        .navigation .active a {
            background:#88c720;
            color:#FFF;
        }


article{
    background:url(../img/sky3.jpg);
    height: auto;
    background-position: 0px 0px;
    background-repeat: repeat;
    /*animation: animatedBackground 20s linear infinite; */
}

/* Layout Large Screens (default for older browsers) */

.links {
    padding:5px 0 0 0;
    float:left;
}
    .links a {
        font-size:12px;
        color:#e7f4f7;
        text-decoration:none;
        margin:0 12px 0 0;
        line-height:110%;
    }
    .links a:hover {
        text-decoration:underline;
    }
.languages {
    padding:5px 0 0 0;
    float:right;
}
    .languages a {
        display:block;
        float:left;
        width:18px;
        height:18px;
        overflow:hidden;
        text-indent:-10000px;
        text-decoration:none;
        margin:0 0 0 7px;
        background-image:url(../img/flags.png);
        background-repeat:no-repeat;
    }
    .languages a.bg {
        background-position:0 0;
    }
    .languages a.ru {
        background-position:right 0;
    }
    .languages a.lt {
        background-position:0 bottom;
    }
    .languages a.pl {
        background-position:right bottom;
    }
.slide-1 {

    padding:85px 0 105px 0;
}
    .slide-1 .wrp {
        padding-left:610px;
        position:relative;
        z-index:1;
    }
    .slide-1 .qmark {
        position:absolute;
        top:-35px;
        left:40px;
        z-index:1;
        background:url(../img/qmark.png);
        width:494px;
        height:916px;
    }
    .slide-1 .person {
        position:absolute;
        top:-9px;
        left:155px;
        z-index:1;
        background:url(../img/person-1.png);
        width:259px;
        height:389px;
    }
    .slide-1 .birds {
        position:absolute;
        top:264px;
        left:285px;
        z-index:1;
        background:url(../img/bird-1.png);
        width:289px;
        height:311px;
    }
    .slide-1 .slidewrp {
        width:280px;
    }
            .slide-1 .slidewrp .buttons a {
                float:none;
                margin:0 0 10px 0;
            }
    .slide-1 h1 {
        font-size:60px;
        color:#000;
        letter-spacing:-1px;
        line-height:100%;
        font-weight:normal;
        text-transform:uppercase;
        display:block;
        margin:0 0 20px 0;
    }
        .slide-1 h1 * {
            font-size:60px;
            font-weight:normal;
            line-height:100%;
            text-transform:uppercase;
            color:#88c720;
            letter-spacing:-1px;
        }
    .slide-1 .slogan {
        font-size:36px;
        line-height:110%;
        font-weight:normal;
        margin:0 0 50px 0;
    }
.slide-3 {
    text-align:center;
    background:#FFF;
    padding:40px 0 60px 0;
}
    .slide-3 .buttons {
        margin:0 auto 45px auto;
        width:  100%;
        display: block;
        clear:  both;
        padding-bottom: 30px;
    }
    .slide-3 .buttons div{
        width:  50%;
        display:  block;
        float:  left;
    }
    .slide-3 .buttons div.first a {
        float: right;
    }
    .slide-3 p {
            margin:10px auto 45px auto;
            width:  100%;
            display: block;
            clear:  both;
            font-size:36px;
            color:#000;
            font-weight:normal;
            line-height:110%;
            text-align:center;
     }
        .slide-3 .buttons a {
            margin:0 25px;

        }

        .slide-3 p a {
            font-size:36px;
            color:#0098ce;
            font-weight:normal;
            line-height:110%;
            text-decoration:none;
        }
        .slide-3 p a:hover {
            text-decoration:underline;
        }
    .buttons a {
        display:block;
        -webkit-border-radius:9px;
        -moz-border-radius:9px;
        border-radius:9px;
        padding:13px 65px 13px 40px;
        text-decoration:none;
        color:#FFF;
        font-size:18px;
        font-weight:normal;
        cursor:pointer;
        background-image:url(../img/button-arrow.png);
        background-repeat:no-repeat;
        background-position:right center;
        float:left;
    }
    .buttons a.blue {
        background-color:#62b3d0;
    }
    .buttons a.green {
        background-color:#88c720;
    }
    .buttons a.grey {
        background-color:#9e9e9e;
    }

.slide-2 .wrp {
        padding:70px 0 25px 0;
        text-align:center;

    }
    .slide-2 h2 {
        color:#88c720;
        font-size:36px;
        font-weight:normal;
        line-height:100%;
        letter-spacing:-1px;
        margin:0 0 15px 0;
        display:block;
    }
    .slide-2 p {
        color:#000;
        font-size:18px;
        font-weight:normal;
        line-height:110%;
        margin:0 0 45px 0;
        display:block;
    }
.features {
    margin:0 auto;
    background:url(../img/features.png);
    width:201px;
    height:124px;
    position:relative;
    z-index:2;
    text-align:center;
    color:#FFF;
    font-size:36px;
    font-weight:normal;
    letter-spacing:-1px;
    padding:77px 0 0 0;
    display:block;
    text-decoration:none;
    line-height:100%;
}
.video {
    padding:30px 0 0 0;
}
    .video h3 {
        font-size:60px;
        font-weight:normal;
        letter-spacing:-1px;
        color:#000;
        text-align:center;
        display:block;
        margin:0 0 10px 0;
    }
    .video h3 span {
        font-size:60px;
        font-weight:normal;
        letter-spacing:-1px;
        color:#88c720;
        text-align:center;
    }
/*Features page styles*/
.qmarkbirdsmall{
    display: none;
}
.top-line {
    background:#eff3f3;
    padding:10px 0;
}
    .top-line .wrp {
        overflow:hidden;
    }

    .top-line .buttons {
        left: 50%;
        width: 100%;
        position:relative;
        margin-left: -30%;
    }
    .buttonCenter{
        display: block;
        float: left;
        margin-left: 20px;

    }
        .top-line .buttons a {
            float: left;
            display: block;

            position:relative;
            padding: 13px 0;
            font-size:12px;
            margin:0 auto;
            text-align: left;

            padding: 9px 55px 9px 19px;

        }




.overlay h3 {
            font-weight:normal;
            color:#88c720;
            font-size:60px;
            letter-spacing:-1px;
            font-weight:normal;
        }
        .overlay.withnav h3 {
            float:left;
            width:50%;
        }
        .overlay.withnav .wrp {
            position:relative;
            z-index:1;
        }
            .overlay.withnav .wrp img {
                position:absolute;
                bottom:-87px;
                left:0;
                z-index:1;
            }
        .overlay.withnav ul {
            float:left;
            width:50%;
            padding:25px 0 50px 0;
            margin:0;
            list-style:none;
            display:block;
            max-height:385px;
        }
        .overlay.withnav li {
            padding:10px 10px 7px 10px;
            margin:0;
            list-style:none;
            display:block;
            border-bottom:1px dotted #aeb5b7;
        }
        .overlay.withnav a {
            text-decoration:none;
            color:#0098ce;
            font-size:18px;
            font-weight:normal;
        }
        .overlay.withnav a:hover {
            text-decoration:underline;
        }
    .list-1 .wrp {
        padding:77px 0 20px 0;
    }
.seperator-1 {
    background:url(../img/leftright.png);
    width:878px;
    height:111px;
    margin:0 0 0 27px;
}
.seperator-2 {
    background:url(../img/rightleft.png);
    width:878px;
    height:112px;
    margin:0 0 0 27px;
}
.seperator-1.last,
.seperator-2.last {
    height:61px;
}
    .list-1 .info {
        padding:0 50px;
        margin:0 0 0 27px;
        width:778px;
    }
    .list-1 .info.leftside {
        background:url(../img/vertloop.png) 0 12px repeat-y;
    }
    .list-1 .info.rightside {
        background:url(../img/vertloop.png) right 12px repeat-y;
    }
        .list-1 .info h5 {
            font-size:36px;
            color:#88c720;
            font-weight:normal;
            line-height:110%;
            display:block;
        }
        .list-1 .info p {
            font-size:20px;
            color:#6e767b;
            font-weight:normal;
            line-height:110%;
            display:block;
            margin:0 0 30px 0;
        }
        .list-1 .info ul {
            display:block;
            padding:0;
            margin:0;
            list-style:none;
        }
        .list-1 .info li {
            display:block;
            padding:20px 0 0 20px;
            margin:0;
            list-style:none;
            background:url(../img/list-1.png) 0 24px no-repeat;
            font-style:italic;
        }
            .list-1 .info li strong {
                font-style:normal;
            }
            .list-1 .info li a {
                color:#0098ce;
                text-decoration:none;
                font-style:normal;
            }
            .list-1 .info li a:hover {
                text-decoration:underline;
            }

/*Price page styles*/
.info-1 p {
        font-size:20px;
        margin:35px 0 20px 0;
        text-align:center;
    }
.info-1 h5 {
        font-size:36px;
        font-weight:normal;
        display:block;
        color:#88c720;
        text-align:center;
        margin:0 0 20px 0;
        display:block;
    }
    .info-1 table {
        margin:0 auto;
    }
    .info-1 td {
        text-align:left;
        padding:10px 20px;
        background:#FFF;
        border:1px solid #88c720;
        font-size:14px;
        font-weight:bold;
    }
    .info-1 .bubles {
        background:url(../img/circles.png);
        max-width:770px;
        height:695px;
        margin:45px 0 70px 55px;
        position:relative;
    }
    .info-1 .buble-1 {
        position:absolute;
        top:50px;
        left:330px;
        width:175px;
        text-align:center;
        font-size:22px;
        color:#FFF;
        font-weight:normal;
        line-height:110%;
    }
    .info-1 .buble-2 {
        position:absolute;
        top:225px;
        left:575px;
        width:195px;
        text-align:center;
        font-size:24px;
        color:#FFF;
        font-weight:normal;
        line-height:110%;
    }
    .info-1 .buble-3 {
        position:absolute;
        top:530px;
        left:475px;
        width:220px;
        text-align:center;
        font-size:26px;
        color:#FFF;
        font-weight:normal;
        line-height:110%;
    }
    .info-1 .buble-4 {
        position:absolute;
        top:530px;
        left:140px;
        width:220px;
        text-align:center;
        font-size:28px;
        color:#FFF;
        font-weight:normal;
        line-height:110%;
    }
    .info-1 .buble-5 {
        position:absolute;
        top:195px;
        left:20px;
        width:255px;
        text-align:center;
        font-size:30px;
        color:#FFF;
        font-weight:normal;
        line-height:110%;
    }

/*contacts page styles*/
.info-2 {
    background:url(../img/maplines.png) center 0 no-repeat;
}
    .info-2 .wrp {
        text-align:center;
    }
    .info-2 .coll-1 {
        float:left;
        width:50%;
        padding:80px 0 0 0;
    }
    .info-2 .coll-2 {
        float:left;
        width:50%;
        padding:80px 0 130px 0;
    }
        .info-2 .coll-1 b,
        .info-2 .coll-2 b,
        .info-2 .coll-3 b {
            display:block;
            text-align:center;
            font-size:18px;
            line-height:120%;
            margin:0 0 15px 0;
        }
        .info-2 .coll-1 img,
        .info-2 .coll-2 img {
            display:block;
            margin:0 auto 20px auto;
        }
        .info-2 .coll-1 a,
        .info-2 .coll-2 a,
        .info-2 .coll-3 a {
            font-size:18px;
            color:#62b3d0;
            text-decoration:none;
            font-weight:normal;
            line-height:120%;
        }
        .info-2 .coll-1 a:hover,
        .info-2 .coll-2 a:hover,
        .info-2 .coll-3 a:hover {
            text-decoration:underline;
        }
        .info-2 .coll-1 p,
        .info-2 .coll-2 p {
            font-size:18px;
            font-weight:normal;
            line-height:120%;
        }
        .info-2 .coll-3 b {
            margin:0 0 30px 0;
        }
        .info-2 .coll-3 a {
            font-size:14px;
        }
        .info-2 .coll-3 strong,
        .info-2 .coll-3 p {
            font-size:14px;
            line-height:130%;
            display:block;
            margin:0 0 15px 0;
        }
    .info-2 .coll-3 {
        width:100%;
        padding:0 0 75px 0;
    }
@media screen and (max-width: 990px) {
    .links {
    padding:5px 0 0 15px;
    }
    .languages {
        padding:5px 15px 0 0;
        float:right;
    }
    footer p {
    padding-left: 15px;
    }
    .navigation {
        padding:20px 0 0 35px;
    }
    nav {
        padding-left: 15px;
    }
    .slide-1 .wrp {
        padding-left: 65%;
    }
    .top-line .buttons a.grey {
    margin-left: 15px;
    }
    .page-1 h3 {
    margin-left: 10px;
    }

    .info-1 .bubles {
        margin:45px 0 30px 10px;
    }
    .overlay.withnav ul {
        width: auto;
        margin-left: 10%;
    }
    .seperator-1, .seperator-2{
        width: auto;
        background: none;
        height: 40px;
    }
    .list-1 .info{
        background: none;
        width: auto;
    }

    .list-1 .info.rightside, .list-1 .info.leftside{
        background: none;
        background-color: rgba(255,255,255,.5);
        margin: 0;
    }
    .info-2 .coll-1, .info-2 .coll-2{
        margin-top: -4%;
    }
}
.question {
	font-weight:bold;
	font-size: 20px;
}
.copyright {
	font-size:14px;
}

strong {
	font-size:20px;
}
.contact-link>a{
	font-size:20px !important;
}