Lietuvos kvalifikacijų sandaros lygiai

@media only screen and (min-width : 1300px) { body .container { width: 1240px; } body { background: url('../images/abstract-back1.png') center no-repeat; } }

/* Large Devices, Wide Screens */ @media only screen and (max-width : 1300px) {

.homepage-layout .first-step .line { width: 194px; }

.left2 .tooltip.tip2::after { top: 68px; left: 474px; transform: rotate( -90deg ); } .left2 .tooltip.tip3::after { top: 68px; left: 474px; transform: rotate( -90deg ); } .left2 .tooltip.tip4::after { top: 68px; left: 474px; transform: rotate( -90deg ); } .left2 .tooltip.tip5::after { top: 224px; left: 474px; transform: rotate( -90deg ); } .left2 .tooltip.tip2 { top: -18px; left: -505px; } .left2 .tooltip.tip5 { top: -98px; left: -505px; } .left2 .tooltip.tip3 { top: -18px; left: -505px; } .left2 .tooltip.tip4 { top: -18px; left: -505px; } .right2 .tooltip.tip1 {

top: -20px; left: 144px; } .right2 .tooltip.tip8 { top: -138px; left: 144px; }

.right2 .tooltip.tip7 { top: -138px; left: 144px; } .right2 .tooltip.tip6::after { top: 339px; } .right2 .tooltip.tip6 { top: -210px; left: 144px; } .item-5.list-item-character { width: 150px; height: 150px; margin-top: -15px; margin-right: -75px; } .item-4.list-item-character { margin-top: -15px; }

body .container { width: 970px; }

h1 { font-size: 65px; }

.mobility-page h1, .test-page h1 { font-size: 55px; }

h2 { font-size: 25px; }

.test-page h2.pre-text p { font-size: 25px; line-height: 130%; }

.homepage-layout .step-icon { /*width: 120px;*/ /*height: 120px;*/ }

.homepage-layout .step-icon-body { width: 120px; height: 120px; line-height: 120px; }

.homepage-layout .step-icon-body img { width: 88px; height: auto; }

.homepage-layout .step-block { width: 300px; } .homepage-layout .first-step .step-title { left: 218px; } .homepage-layout .first-step2 .step-title, .homepage-layout .first-step3 .step-title, .homepage-layout .fourth-step .step-title { left: 125px; } .homepage-layout .second-step .step-title { right: 175px; min-width: 150px; } .homepage-layout .second-step3 .step-title { right: 35px; width: 200px; top: -40px; } .homepage-layout .second-step4 .step-title { right: 35px; width: 200px; top: -80px; } .homepage-layout .fourth-step .step-title{ bottom: 90px; } .homepage-layout .first-step3 .step-title { top: -75px; } .homepage-layout .first-step2 .step-title { top: -40px; }

.homepage-layout .third-step .step-title { right: 35px; width: 200px; /* top: -80px; */ bottom: 70px; }

.homepage-layout .step-title h3 { font-size: 18px; }

.homepage-layout .step-block.hovered .line { width: 165px !important; }

.homepage-layout .first-step.step-block.hovered .step-title, .homepage-layout .fourth-step.step-block.hovered .step-title { left: 139px; }

.homepage-layout .second-step.step-block.hovered .step-title, .homepage-layout .third-step.step-block.hovered .step-title { right: 139px; }

.test-page h3.test-title { font-size: 30px; }

.test-page h2.test-res-title { font-size: 25px; }

.test-page .test-variations .variation { margin: 45px 80px; width: 140px; height: 140px; }

.test-page .test-block { padding: 40px 0; }

.test-page .test-variations .variation .inner { padding: 40px 15px; font-size: 18px; }

.test-page .test-video-block { width: 300px; }

.test-page .thermometer { width: 130px; height: 347px; margin: 70px auto 0; float: none !important; }

.test-page .thermometer .thermometer-frame { width: 130px; height: 347px; background-size: cover; }

.test-page .thermometer .thermometer-counter { width: 130px; bottom: 31px; background-size: 100%; }

.test-page .thermometer .thermometer-counter.counter-2.loaded { height: 189px; }

.test-page .thermometer .thermometer-counter.counter-3.loaded { height: 97px; }

.test-page .test-block.block-3 { margin: 40px 0 60px; }

.test-page .test-block.block-3 h1 { font-size: 40px; margin: 90px 0; }

.mobility-page .item-buble { width: 160px; height: 160px }

.mobility-page .item-buble h2 { font-size: 18px; }

.mobility-page #itemListPrimary .item-buble { width: 150px; height: 150px; }

.mobility-page div.catItemView { margin-top: 20px; margin-right: 70px; }

.mobility-page .itemList { background-size: 350px; }

/* .mobility-page #itemListLeading .item-0 .item-buble { margin: 0px -150px 0 0; }

.mobility-page #itemListLeading .item-1 .item-buble { margin: 0 0 0 -150px; }

.mobility-page #itemListSecondary .item-1 .item-buble { margin-left: -150px; }

.mobility-page #itemListSecondary .item-0 .item-buble { margin-right: -150px; }

.mobility-page #itemListPrimary .item-0 .item-buble { margin-top: 75px; margin-left: -40px; }

.mobility-page #itemListPrimary .item-1 .item-buble { margin-right: -40px; margin-top: 75px; } */

.mobility-page.prepare-mobility .itemList { background-size: 350px; }

/* .mobility-page.prepare-mobility #itemListLeading .item-0, .mobility-page.prepare-mobility #itemListLeading .item-1, .mobility-page.prepare-mobility #itemListPrimary .item-1 { position: inherit; } */

.mobility-page.prepare-mobility #itemListLeading .item-0 .item-buble { margin: 50px 0px 0 135px; }

.mobility-page.prepare-mobility #itemListLeading .item-1 .item-buble { margin: -120px 0 0; }

/* .mobility-page.prepare-mobility #itemListLeading .item-1 .item-buble { margin: 0; position: absolute; top: 85px; right: 30px; } */

/* .mobility-page.prepare-mobility #itemListPrimary .item-0 .item-buble { position: absolute; top: 400px; right: 15px; } */

.globe .mobility-page #itemListLeading .item-0 .item-buble { margin-right: 40px; width: 160px; height: 160px; }

.globe .mobility-page #itemListLeading .item-1 .item-buble { margin-left: 40px; width: 160px; height: 160px; }

.globe .mobility-page #itemListPrimary .item-1 .item-buble { width: 160px; height: 160px; margin-left: 40px; }

.globe .mobility-page #itemListPrimary .item-0 .item-buble { margin-right: 40px; width: 160px; height: 160px; }

.test-page.test-layout2 .test-variations .variation .inner { padding: 58px 0; }

.os-block p { font-size: 12px; }

.stuff-page .mobility-page.prepare-mobility .itemList { background-size: 60%; }

.stuff-page .mobility-page.prepare-mobility #itemListLeading .item-1 .item-buble { top: inherit; }

.stuff-page .mobility-page.prepare-mobility #itemListPrimary .item-0 .item-buble { top: 220px; left: 380px; }

.adaptation .mobility-page.away .itemList { background-size: 100%; }

.adaptation .mobility-page.away #itemListPrimary .item-buble, .adaptation .mobility-page.away #itemListLeading .item-buble { width: 100px; height: 100px; }

.adaptation .mobility-page.away .item-buble h2 { font-size: 15px; }

.adaptation .mobility-page.away #itemListLeading .item.item-0 { left: 10px; }

.adaptation .mobility-page.away #itemListLeading .item.item-1 { left: 130px; }

.adaptation .mobility-page.away #itemListLeading .item.item-2 { left: 370px; bottom: 410px; }

.adaptation .mobility-page.away #itemListPrimary .item.item-0 { right: 350px; bottom: 350px; }

.learning .mobility-page.away #itemListPrimary .item-buble, .learning .mobility-page.away #itemListLeading .item-buble { width: 120px; height: 120px; }

.learning .mobility-page.away #itemListLeading .item.item-0 { left: 120px; }

.learning .mobility-page.away #itemListLeading .item.item-1 { left: 450px; }

.learning .mobility-page.away #itemListPrimary .item.item-1 { right: 100px; top: 230px; }

.learning .mobility-page.away #itemListPrimary .item.item-0 { right: 200px; bottom: 80px; }

.join .mobility-page.away #itemListLeading .item.item-0 { left: 50px; }

.join .mobility-page.away #itemListLeading .item.item-1 { right: 50px; }

.mobility-page.away #itemListPrimary .item.item-0 .item-buble, .mobility-page.away #itemListSecondary .item.item-0 .item-buble { margin-left: -30px !important; }

.mobility-page.away #itemListPrimary .item.item-1 .item-buble, .mobility-page.away #itemListSecondary .item.item-1 .item-buble { margin-right: -30px !important; }

.stereotypes .mobility-page.away #itemListLeading .item.item-0 { left: 50px; }

.stereotypes .mobility-page.away #itemListLeading .item.item-1 { right: 50px; }

.mobility-page.home #itemListLeading .item.item-0, .mobility-page.home #itemListPrimary .item.item-0 { /*left: 50px;*/ }

.mobility-page.home #itemListLeading .item.item-1, .mobility-page.home #itemListPrimary .item.item-1, .certificate .mobility-page.home #itemListPrimary .item.item-2 { /*right: 50px;*/ }

.mobility-page.home #itemListLeading .item.item-2 { right: 90px; }

.mobility-page.home #itemListPrimary .item.item-1 { right: 90px; }

.mobility-page.home #itemListLeading .item.item-1 { left: 90px; }

.mobility-page.home #itemListPrimary .item.item-0 { left: 90px; }

#footer-wrapper .container-fluid { min-width: 970px; }

.list-item-character { width: 150px; height: 150px; margin-top: -95px; margin-right: -75px; }

.list-item-character.right { margin-left: -75px; }

.mobility-page.home .itemList { background-size: 350px; }

.mobility-page.away .itemList { background-size: 350px; }

.itemList .list-item-tooltip { top: 185px; left: 100px; }

.itemList .list-item-tooltip.left { left: 540px; }

.itemList .list-item-tooltip.visible { opacity: 1; width: 320px; height: 151px; }

} /* iPhone 4 ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) { /* Styles */ body { background: url('../images/abstract-background-mobile.png') center no-repeat; } }

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) { /* Styles */ body { background: url('../images/abstract-background-mobile.png') center no-repeat; } }

/* iPhone 5 ----------- */ @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){ /* Styles */ body { background: url('../images/abstract-background-mobile.png') center no-repeat; } }

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){ /* Styles */ body { background: url('../images/abstract-background-mobile.png') center no-repeat; } }

/* iPhone 6, 7, 8 ----------- */ @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){ /* Styles */ body { background: url('../images/abstract-background-mobile.png') center no-repeat; } }

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){ /* Styles */ }

/* iPhone 6+, 7+, 8+ ----------- */ @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){ /* Styles */ body { background: url('../images/abstract-background-mobile.png') center no-repeat; } }

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){ /* Styles */ body { background: url('../images/abstract-background-mobile.png') center no-repeat; } }

/* iPhone X ----------- */ @media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){ /* Styles */ body { background: url('../images/abstract-background-mobile.png') center no-repeat; } }

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){ /* Styles */ body { background: url('../images/abstract-background-mobile.png') center no-repeat; } }

/* iPhone XS Max, XR ----------- */ @media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){ /* Styles */ }

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){ /* Styles */ }

/* Samsung Galaxy S3 ----------- */ @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){ /* Styles */ }

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){ /* Styles */ }

/* Samsung Galaxy S4 ----------- */ @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){ /* Styles */ }

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){ /* Styles */ }

/* Samsung Galaxy S5 ----------- */ @media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){ /* Styles */ }

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){ /* Styles */ }

/* Medium Devices, Desktops */ @media only screen and (max-width : 992px) { }

/* Small Devices, Tablets */ @media only screen and (max-width : 768px) { }

/* Extra Small Devices, Phones */ @media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ @media only screen and (max-width : 380px) { body { background: url('../images/abstract-background-mobile.png') center no-repeat; } }

body { font-weight: 300; font-weight: 400; color: #71818a; min-height: 100%; font-size: 12px; }

#wrapper { width: 100%; }

a, button, input[type="submit"], input[type="button"] { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none; cursor: pointer; }

a:focus, a:hover { text-decoration: none; outline: none; }

h1 { font-size: 80px; color: #008dc8; font-weight: 300; }

h2 { font-size: 35px; font-weight: 300; color: #b7c6d0; } h2 a { font-weight: 300; color: #b7c6d0; }

h2.pre-text { margin-top: 20px; }

.itemFullText h2 { font-size: 20px; }

h3.moduleTitle { text-align: center; margin: 20px 0; }

p { font-size: 12px; font-weight: 300; line-height: 26px; margin: 0 0 15px; }

img { max-width: 100% }

iframe { max-width: 100%; }

ol { padding-left: 0; }

ol li { padding-left: 0; list-style: none; font-size: 16px; line-height: 26px; counter-increment: par-num; }

ol li:before { content: counter(par-num) ". "; }

.tooltip-inner { min-width: 80px; }

.out-table { color: #fff; font-size: 18px; }

/** buttons **/ body .btn { border: none; font-size: 30px; font-weight: 400; border-radius: 5px; padding: 15px 32px 15px; line-height: 40px; text-transform: uppercase; }

.btn.btn-primary { background: #16c3b0; }

.btn.btn-primary:hover { background: #12b7a5; }

/** page tools **/ .page-tools { position: fixed; right: 35px; top: 26px; z-index: 150; display: flex; align-items: center; }

.page-tools i { font-size: 34px; color: #afc0c9; cursor: pointer; }

.page-tools i.fa-bars { margin-left: 12px; }

#version-disabled { background: #fff; border: 2px solid #afc0c9; font-size: 16px; font-weight: 700; border-radius: 5px; padding: 10px 25px; margin-right: 12px; }

#version-disabled:hover { background: #afc0c9; color: #fff;; }

.home-page-tool { position: fixed; left: 30px; top: 26px; z-index: 150; }

/*.home-page-tool a i { font-size: 34px; color: #3db5d8; }*/

.home-page-tool ul.menu { padding-left: 0; list-style: none; text-align: center; }

.home-page-tool ul.menu li a { font-size: 0; position: relative; }

.home-page-tool ul.menu li a:before { font-size: 34px; color: #3db5d8; }

.home-page-tool ul.menu li.active a:before, .home-page-tool ul.menu li.alias-parent-active a:before { width: 50px !important; height: 50px !important; font-size: 20px !important; line-height: 41px !important; }

.home-page-tool ul.menu li.active a:after, .home-page-tool ul.menu li.alias-parent-active a:after { top: 17px !important; left: 23px !important; }

.home-page-tool ul.menu li:first-child a:before { content: '\f14e'; }

.home-page-tool ul.menu li:first-child a:after { content: ''; position: absolute; top: 0; left: 13px; width: 5px; height: 19px; background-image: -webkit-linear-gradient(top, #3db5d8, #3db5d8); background-image: -moz-linear-gradient(top, #3db5d8, #3db5d8); background-image: -o-linear-gradient(top, #3db5d8, #3db5d8); z-index: 1; }

.home-page-tool ul.menu li:nth-child(2) a:before { font-size: 14px; content: '\f277'; border-radius: 50%; border: 4px solid #3db5d8; display: inline-block; width: 30px; height: 30px; line-height: 25px; margin-bottom: 15px; margin-top: 6px; }

.home-page-tool ul.menu li:nth-child(2) a:after { content: ''; position: absolute; top: 8px; left: 13px; width: 5px; height: 17px; background-image: -webkit-linear-gradient(top, #3db5d8, #f1c22e); background-image: -moz-linear-gradient(top, #3db5d8, #f1c22e); background-image: -o-linear-gradient(top, #3db5d8, #f1c22e); z-index: 1; }

.home-page-tool ul.menu li:nth-child(3) a:before { font-size: 14px; content: '\f0b1'; border-radius: 50%; border: 4px solid #f1c22e; display: inline-block; width: 30px; height: 30px; line-height: 25px; margin-bottom: 15px; color: #f1c22e; }

.home-page-tool ul.menu li:nth-child(3) a:after { content: ''; position: absolute; top: 8px; left: 13px; width: 5px; height: 17px; background-image: -webkit-linear-gradient(top, #f1c22e, #16c3b0); background-image: -moz-linear-gradient(top, #f1c22e, #16c3b0); background-image: -o-linear-gradient(top, #f1c22e, #16c3b0); z-index: 1; }

.home-page-tool ul.menu li:nth-child(4) a:before { font-size: 14px; content: '\f0ac'; border-radius: 50%; border: 4px solid #16c3b0; display: inline-block; width: 30px; height: 30px; line-height: 23px; margin-bottom: 15px; color: #16c3b0; }

.home-page-tool ul.menu li:nth-child(4) a:after { content: ''; position: absolute; top: 8px; left: 13px; width: 5px; height: 17px; background-image: -webkit-linear-gradient(top, #16c3b0, #fd5b4e); background-image: -moz-linear-gradient(top, #16c3b0, #fd5b4e); background-image: -o-linear-gradient(top, #16c3b0, #fd5b4e); z-index: 1; }

.home-page-tool ul.menu li:nth-child(5) a:before { font-size: 14px; content: '\f015'; border-radius: 50%; border: 4px solid #fd5b4e; display: inline-block; width: 30px; height: 30px; line-height: 23px; color: #fd5b4e; }

.home-page-tool ul.menu li.item-back a:before { font-size: 14px; content: '\f053'; border-radius: 50%; border: 4px solid #71818a; display: inline-block; width: 30px; height: 30px; line-height: 23px; color: #71818a; margin-top: 15px; text-align: left; padding-left: 5px; }

/** sidebar **/ .sidebar { width: 340px; height: 100%; position: fixed; top: 0; right: -340px; z-index: 999; background: #16c3b0; transition: all 0.3s ease 0s; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.sidebar .close-sidebar { color: #fff; z-index: 999; display: block; width: 100%; text-align: right; font-size: 32px; padding: 16px 33px 0; }

.sidebar .close-sidebar i { cursor: pointer; }

.sidebar .row-container { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.sidebar ul.menu { padding: 0; }

.sidebar ul.menu li { list-style: none; padding: 5px 15px; }

.sidebar ul.menu li a { color: #fff; font-weight: 300; font-size: 22px; }

.sidebar ul.menu li a:before { content: '\f056'; margin-right: 10px; font-size: 20px; line-height: 24px; /*color: #fff;*/ }

.sidebar ul.menu li.deeper a:before { content: '\f055'; }

.sidebar ul.menu li a:hover { text-decoration: none; color: #0c8073; }

.sidebar ul.menu ul.nav-child { display: none; }

.sidebar ul.menu ul.nav-child a { font-size: 17px; }

.sidebar ul.menu ul.nav-child a:before { content: '\f068'; font-size: 15px; }

.sidebar ul.menu ul.nav-child li.deeper a:before { content: '\f067'; }

.sidebar ul.menu ul.nav-child li.deeper ul.nav-child a { font-size: 14px; }

.sidebar ul.menu ul.nav-child li.deeper ul.nav-child a:before { content: '\f068'; font-size: 12px; }

.sidebar ul.menu li.active > a { color: #0c8073; }

.sidebar ul.menu li.active > a:before { content: '\f056'; }

.sidebar ul.menu ul.nav-child li.active > a:before { content: '\f068'; }

.sidebar ul.menu li.active > ul.nav-child { display: block; }

.sidebar ul.menu.sidebar-menu2 { margin-top: 15px; padding-top: 15px; border-top: 1px solid #0ca796; }

.body-fade { position: fixed; z-index: 200; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.6)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom right, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.6)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom right, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.6)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.6)); /* Standard syntax */ display: none; }

.sidebar-opened .sidebar { box-shadow: 0 0 19px rgba(0, 0, 0, 0.5); right: 0; }

.sidebar-opened .body-fade { display: block; }

body #wrapper, body #footer-wrapper { transition: all 0.3s ease 0s;

}

body.sidebar-opened #wrapper, body.sidebar-opened #footer-wrapper { padding-right: 340px; }

/** homepage **/ body #wrapper { border-top: 6px solid #f5f7fa; padding-top: 6px;

}

body.map-page { background: none; }

.header-block { text-align: center; margin-top: 25px; z-index: 2; position: relative; }

.homepage-layout .compass-container { position: relative; padding: 15px 0; margin: 45px 0; }

.homepage-layout .compass-frame { width: 500px; height: 500px; background: url('../images/frame.png') center no-repeat; background-size: cover; margin: 0 auto; position: relative; }

.homepage-layout .compass-frame .ballon { width: 50px; height: 70px; background: url('../images/ballon.png') center no-repeat; position: absolute; top: 8px; right: 149px; }

.compass-shadow { width: 352px; height: 42px; background: url('../images/compass_shadow.png') center no-repeat; position: absolute; bottom: -52px; left: 50%; margin-left: -163px; opacity: 0.5; }

.homepage-layout .compass-arrow { height: 339px; width: 55px; /* background: url(../images/compass_arrow.png) center no-repeat; */ position: absolute; top: 50%; left: 50%; margin-top: -171px; margin-left: -27px;

}

.homepage-layout .step-block { width: 437px; height: 169px; position: absolute;

}

.homepage-layout .step-icon { position: absolute; width: 88px; height: 88px; border-radius: 50%; text-align: center; transform:scale(0); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; /*z-index: -100;*/

}

.homepage-layout .step-icon .inner { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.homepage-layout .step-icon-body { position: absolute; width: 168px; height: 168px; border-radius: 50%; text-align: center; /*line-height: 167px;*/ transform:scale(0); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 1; }

.homepage-layout .step-block .loaded { transform:scale(1);

}

.step-icon-body .tooltip{ padding-top:10%; }

.homepage-layout .step-icon-body .loaded { transform:scale(1); }

.homepage-layout .step-icon.hover { transform:scale(1.1); opacity: 0; }

/*.homepage-layout .step-icon:hover .inner {*/ /* transform: scale(0.91);*/ /*}*/

.homepage-layout .line { width: /*264px*/0; height: 126px; position: absolute; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.homepage-layout .step-block.hovered .line { width: 300px !important; }

.homepage-layout .step-title { position: absolute; z-index: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; transform:scale(0); }

.homepage-layout .step-title h3 { font-size: 19px; font-weight: 300; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.homepage-layout .first-step { top: 0; left: 0;

}

.homepage-layout .first-step .step-icon { background: #3db5d8; left: 90px; top: 0; }

.homepage-layout .first-step .step-icon.hover { background: #00A7E6; }

.homepage-layout .first-step .step-icon-body { left: 90px; top: 0; }

.homepage-layout .first-step .line { bottom: 0; right: -90px; background: url('../images/lygis-1-line.png') top right no-repeat; }

.homepage-layout .first-step .step-title {

left: 205px; bottom: 125px; min-width: 250px; }

.homepage-layout .first-step.step-block.hovered .step-title { left: 228px; }

.homepage-layout .first-step .step-title h3 { color: #3db5d8; }

.homepage-layout .first-step.step-block.hovered .step-title h3 { color: #3db5d8; }

/** Antras lygis **/

.homepage-layout .second-step { top: 0; right: 0;

}

.homepage-layout .second-step .step-icon { background: #3db5d8; right: 90px; top: 0; }

.homepage-layout .second-step .step-icon.hover { background: #3db5d8; }

.homepage-layout .second-step .step-icon-body { right: 90px; top: 0; } .step-icon-body .inner { text-align: left; z-index: 1; } .homepage-layout .second-step .line { bottom: 0; left: -90px; background: url('../images/lygis-2-line-blue.png') top left no-repeat; }

.homepage-layout .second-step .step-title { right: 210px; bottom: 125px; min-width: 250px; }

.homepage-layout .second-step.step-block.hovered .step-title { right: 220px; }

.homepage-layout .second-step .step-title h3 { color: #3db5d8;

}

.homepage-layout .second-step.step-block.hovered .step-title h3 { color: #3db5d8; }

/** Trečias lygis **/

.homepage-layout .second-step3 { top: 146px; right: 0;

}

.homepage-layout .second-step3 .step-icon { background: #DAAE3A; right: 0; top: 0; }

.homepage-layout .second-step3 .step-icon.hover { background: #48C080; }

.homepage-layout .second-step3 .step-icon-body { right: 0; top: 0; } .step-icon-body .inner { text-align: left; z-index: 1; } .homepage-layout .second-step3 .line { bottom: 0; left: 1px; background: url('../images/lygis-3-line.png') top left no-repeat; }

.homepage-layout .second-step3 .step-title { right: 121px; bottom: 125px; }

.homepage-layout .second-step3.step-block.hovered .step-title { right: 138px; }

.homepage-layout .second-step3 .step-title h3 { color: #DAAE3A; text-align: left; }

.homepage-layout .second-step3.step-block.hovered .step-title h3 { color: #DAAE3A; }

/** Ketvirtas lygis **/

.homepage-layout .second-step4 { top: 291px; right: 0;

}

.homepage-layout .second-step4 .step-icon { background: #48C080; right: 0; top: 0; }

.homepage-layout .second-step4 .step-icon.hover { background: #48C080; }

.homepage-layout .second-step4 .step-icon-body { right: 0; top: 0; } .step-icon-body .inner { text-align: left; z-index: 1; } .step-icon-body .inner img { z-index: 0; }

.homepage-layout .second-step4 .line { bottom: 0; left: 1px; background: url('../images/lygis-4-line.png') top left no-repeat; }

.homepage-layout .second-step4 .step-title { right: 109px; bottom: 125px; }

.homepage-layout .second-step4.step-block.hovered .step-title { right: 138px; }

.homepage-layout .second-step4 .step-title h3 { color: #48C080; text-align: left; }

.homepage-layout .second-step4.step-block.hovered .step-title h3 { color: #48C080; }

.homepage-layout .third-step { bottom: 0; right: 0;

}

.homepage-layout .third-step .step-icon { background: #F16845; right: 90px; top: 80px; }

.homepage-layout .third-step .step-icon.hover { background: #F16845; }

.homepage-layout .third-step .step-icon-body { right: 90px; top: 0; }

.homepage-layout .third-step .line { bottom: -41px; left: -90px; background: url('../images/lygis-5-line-red.png') top left no-repeat; }

.homepage-layout .third-step .step-title { right: 180px; bottom: 48px; min-width: 280px; }

.homepage-layout .third-step.step-block.hovered .step-title { right: 220px; }

.homepage-layout .third-step .step-title h3 { color: #F16845; text-align: left; }

.homepage-layout .third-step.step-block.hovered .step-title h3 {

}

.homepage-layout .fourth-step { bottom: 3px; left: 0;

}

.homepage-layout .fourth-step .step-icon { background: #fd5b4e; left: 90px; top: 80px; }

.homepage-layout .fourth-step .step-icon.hover { background: #f14d40; }

.homepage-layout .fourth-step .step-icon-body { left: 90px; top: 0; }

.homepage-layout .fourth-step .line { bottom: -41px; right: -90px; background: url('../images/lygis-6-line.png') top right no-repeat; }

.homepage-layout .fourth-step .step-title {

left: 205px; bottom: 48px; min-width: 250px; }

.homepage-layout .fourth-step.step-block.hovered .step-title { left: 228px; }

.homepage-layout .fourth-step .step-title h3 { color: #F16845; }

.homepage-layout .fourth-step.step-block.hovered .step-title h3 { color: #F16845; }

/** Aštuntas lygis **/

.homepage-layout .first-step2 { top: 146px; left: 0;

}

.homepage-layout .first-step2 .step-icon { background: #DAAE3A; left: 0; top: 0; }

.homepage-layout .first-step2 .step-icon.hover { background: #DAAE3A; }

.homepage-layout .first-step2 .step-icon-body { left: 0; top: 0; }

.homepage-layout .first-step2 .line { bottom: 0; right: 1px; background: url('../images/lygis-8-line-yellow.png') top right no-repeat; }

.homepage-layout .first-step2 .step-title { left: 115px; bottom: 125px; }

.homepage-layout .first-step2.step-block.hovered .step-title { left: 138px; }

.homepage-layout .first-step2 .step-title h3 { color: #DAAE3A; }

.homepage-layout .first-step2.step-block.hovered .step-title h3 { color: #DAAE3A; }

/** Septintas lygis **/

.homepage-layout .first-step3 { top: 291px; left: 0;

}

.homepage-layout .first-step3 .step-icon { background: #48C080; left: 0; top: 0; }

.homepage-layout .first-step3 .step-icon.hover { background: #48C080; }

.homepage-layout .first-step3 .step-icon-body { left: 0; top: 0; }

.homepage-layout .first-step3 .line { bottom: 0; right: 1px; background: url('../images/lygis-7-line.png') top right no-repeat; }

.homepage-layout .first-step3 .step-title { left: 115px; bottom: 125px; }

.homepage-layout .first-step3.step-block.hovered .step-title { left: 138px; }

.homepage-layout .first-step3 .step-title h3 { color: #48C080; }

.homepage-layout .first-step3.step-block.hovered .step-title h3 { color: #48C080; }

/** test pages **/

.transit { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.invisible { opacity: 0; }

.test-page .header-block { margin-top: 50px; }

.test-page h1 { text-align: center; font-size: 70px; }

.test-page h1.title-1 { color: #fd5b4e; }

.test-page h1.title-2 { color: #f1c22e; }

.test-page h2.pre-text { text-align: center; font-size: 30px; line-height: 130%; margin: 30px 0 !important; }

.test-page h2.pre-text p { font-size: 30px; line-height: 130%; }

.test-page h2.test-res-title { text-align: center; font-size: 35px; line-height: 130%; color: #16c3b0; font-weight: 300; margin-bottom: 50px; }

.test-page .test-block { padding: 50px 0; }

.test-page.test-layout2 .test-block { padding: 0; }

.test-page h3.test-title { color: #16c3b0; font-size: 35px; font-weight: 300; text-align: center; opacity: 0; }

.test-page h3.test-title.loaded { opacity: 1; }

.test-page .test-variations { display: block; text-align: center; }

.test-page .test-variations .variation { display: inline-block; margin: 85px; width: 160px; height: 160px; text-align: center; color: #fff; font-size: 24px; border-radius: 50%; background: #fd5b4e; cursor: pointer; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0);

}

.test-page .test-variations .variation.loaded { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.test-page .test-variations .variation:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.test-page .test-variations .variation.var-2 { background: #f1c22e; }

.test-page .test-variations .variation.var-3 { background: #3db5d8; }

.test-page .test-variations .variation .inner { padding: 46px 0; font-weight: 300; }

.test-page.test-layout2 .test-variations .variation .inner { padding: 63px 0; }

.test-page .test-block.block-3 { margin: 100px 0; }

.test-page .test-block.block-3 h1 { font-size: 70px; line-height: 110%; margin: 0 0 30px; }

.test-page .thermometer { position: relative; width: 174px; height: 465px; }

.test-page .thermometer .thermometer-frame { width: 174px; height: 465px; background: url('../images/thermometer_frame.png') center no-repeat; }

.test-page .thermometer .thermometer-counter { width: 174px; bottom: 41px; left: 0; height: 0; position: absolute; background: url('../images/thermometer_counter.png') bottom center no-repeat; }

.test-page .thermometer .thermometer-counter.counter-1.loaded { height: 393px; }

.test-page .thermometer .thermometer-counter.counter-2.loaded { height: 253px; }

.test-page .thermometer .thermometer-counter.counter-3.loaded { height: 128px; }

.video-block { width: 750px; margin: 0 auto; max-width: 100%; }

.test-page .test-video-block { width: 349px; }

.test-page .test-video { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); text-align: center; }

.test-page .test-video .video-inner { width: 750px; display: inline-block; }

.test-page .test-video.loaded { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.test-page .test-video-0 { float: right; }

.test-page .test-video-1 { float: left; }

.test-page .test-video-block-title { background: #fafafa; min-height: 94px; }

.test-page .test-video-block-title h3 { margin: 0; padding: 20px; font-size: 18px; color: #959595; text-align: center; font-weight: 300; line-height: 150%; }

.test-page .test-video-block-img, .video-block-img { position: relative; }

.test-page .test-video-block-img .play-button, .video-block-img .play-button { width: 86px; height: 86px; line-height: 86px; border-radius: 50%; background: #004d75; position: absolute; top: 50%; left: 50%; margin-left: -43px; margin-top: -43px; z-index: 100; color: #fff; text-align: center; font-size: 30px; opacity: 0.7; }

.test-page .hidden-video, .hidden-video { display: none; }

.test-page .test-video .video-block:hover .test-video-block-img .play-button, .video-play .video-block:hover .video-block-img .play-button { opacity: 1; }

.test-page .test-video .video-block:hover, .video-play .video-block:hover { cursor: pointer; }

/** drag and drop test page **/ .test-page.test-layout3 .header-block { margin-top: 20px; }

.test-page.test-layout3 .header-block h1 { font-size: 45px; }

.test-page.test-layout3 .header-block h2.pre-text { margin: 5px 0 !important; }

.test-page.test-layout3 .header-block h2.pre-text p { font-size: 20px; }

.test-page.test-layout3 .drag-box { width: 70px; height: 70px; background: #fff; position: absolute; box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); border-radius: 50%; z-index: 100; }

.test-page.test-layout3 .toast { width:200px; height:20px; height:auto; position:absolute; left:50%; bottom: 50px; margin-left:-100px; bottom:40px; background-color: #383838; color: #F0F0F0; font-size: 20px; padding:10px; text-align:center; border-radius: 2px; -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1); -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1); box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1); }

.test-page.test-layout3 .finish { position: absolute; top: 30%; left: 0; width: 100%; text-align: center; z-index: 999; }

.test-page.test-layout3 .finish h2 { color: #fd5b4e; margin-bottom: 20px; }

.test-page.test-layout3 .drag-box:hover { z-index: 999; }

.test-page.test-layout3 .drag-box .dragbox-inner { border-radius: 50%; overflow: hidden; }

.test-page.test-layout3 .drag-box .dragbox-inner img { padding: 15px; }

.test-page.test-layout3 .drag-box .tooltip { width: 200px; font-size: 11px; font-weight: 300; }

.test-page.test-layout3 .drag-box.is-pointer-down { opacity: 0.6; z-index: 999; }

.test-page.test-layout3 .dragability-block { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; overflow: hidden; }

.test-page.test-layout3 .box-1, .test-page.test-layout3 .box-2 { width: 150px; height: 225px; position: absolute; z-index: 1; padding-bottom: 25px; }

.test-page.test-layout3 .box-1 span, .test-page.test-layout3 .box-2 span { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font-size: 18px; color: #fd5b4e; font-weight: 700; }

.test-page.test-layout3 .box-1 { bottom: 40px; left: 30%; background: url('../images/luggage.png') center top no-repeat; }

.test-page.test-layout3 .box-2 { bottom: 40px; right: 30%; background: url('../images/backpack.png') center top no-repeat; }

.dragndrop-page .wrapper-inner > .container-fluid { padding: 0; }

/** mobility page **/ .mobility-page h1, .mobility-page h2.pre-text { text-align: center; font-size: 70px; }

.mobility-page .header-block { margin-top: 50px; }

.mobility-page h2.pre-text { font-size: 20px; line-height: 35px; }

.learning .mobility-page h2.pre-text { font-size: 16px; line-height: 26px; color: #657987; font-weight: 500; }

.mobility-page .itemList { background: url('../images/mobilumogidas-mob-galimybes-tau.svg') center 272px no-repeat; padding: 180px 0; background-size: 420px; }

/* .mobility-page.home .itemList { margin-top: 170px; } */

.itemList { position: relative; }

.item-buble { z-index: 10; position: relative; }

.itemList .list-item-tooltip { width: 0; height: 0; background-size: contain !important; background-position: right !important; background-repeat: no-repeat !important; position: absolute; z-index: 100; top: 175px; left: 95px; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; opacity: 0; }

.itemList .list-item-tooltip.left { left: 670px; }

.itemList .list-item-tooltip.visible { opacity: 1; width: 445px; height: 210px; }

.itemid-157 .mobility-page.home .itemList { margin-top: 0; }

.mobility-page.prepare-mobility .itemList { background: url('../images/mobilumogidas-pasiruosk-mobilumui.svg') center 280px no-repeat; padding: 160px 0 400px; background-size: 420px; }

.globe .mobility-page .itemList { background: url('../images/globe.png') center no-repeat; background-size: 35%; }

.stuff-page .mobility-page.prepare-mobility .itemList { background: url('../images/stuff_bg.png') bottom right no-repeat; min-height: 635px; padding: 0; margin-bottom: 40px; position: relative; }

.adaptation .mobility-page.away .itemList { background: url('../images/mountain.png') center center no-repeat; height: 635px; position: relative; }

.mobility-page.away .itemList { background: url('../images/mobilumogidas-nuvykus-svetur.svg') center 280px no-repeat; position: relative; padding: 80px 0 160px; background-size: 420px; }

.learning .mobility-page.away .itemList { background: url('../images/iceberg.png') top center no-repeat; height: 570px; margin-top: 30px; position: relative; }

.stereotypes .mobility-page.away .itemList { background: url('../images/group.png') center center no-repeat; height: 520px; position: relative; }

.join .mobility-page.away .itemList { background: url('../images/city.png') center center no-repeat; height: 520px; position: relative; }

.mobility-page.home .itemList { background: url('../images/mobilumogidas-grizus-namo.svg') center 280px no-repeat; height: 635px; background-size: 420px; padding: 330px 0 400px; position: relative; }

.certificate .mobility-page.home .itemList { background: url('../images/certificate.png') top center no-repeat; height: 635px; position: relative; }

div#itemListLinks { background: none; border: none; padding: none; }

.mobility-page .item-buble { display: inline-block; margin: 0 80px 0 0; width: 180px; height: 180px; text-align: center; color: #fff; font-size: 24px; border-radius: 200px; background: #fd5b4e; cursor: pointer; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); padding: 0; }

.mobility-page.prepare-mobility .item-buble { background: #16c3b0; width: 168px; height: 168px; }

.mobility-page.prepare-mobility .item-1 .item-buble { background: #3db5d8 !important; }

.mobility-page.prepare-mobility .item-2 .item-buble { background: #fd5b4e !important; }

.adaptation .mobility-page.away #itemListPrimary .item-buble, .adaptation .mobility-page.away #itemListLeading .item-buble { width: 110px !important; height: 110px !important; margin: 0 !important; }

.learning .mobility-page.away #itemListPrimary .item-buble, .learning .mobility-page.away #itemListLeading .item-buble { width: 135px !important; height: 135px !important; margin: 0 !important; }

.mobility-page.away #itemListPrimary .item-buble, .mobility-page.away #itemListLeading .item-buble { width: 150px !important; height: 150px !important; margin: 0 !important; }

/** home **/ .mobility-page.home #itemListPrimary .item-buble, .mobility-page.home #itemListLeading .item-buble { width: 180px; height: 180px; margin: 0 !important; }

.mobility-page.home .item-buble h2 { font-size: 18px; }

.mobility-page.home #itemListLeading .item.item-0 { left: 50%; margin-left: -90px; margin-top: -260px; }

.mobility-page.home #itemListLeading .item.item-1 { left: 150px; top: 260px; }

.mobility-page.home #itemListLeading .item-1 .item-buble { background: #3db5d8; }

.mobility-page.home #itemListPrimary .item-0 .item-buble { background: #f1c22e; }

.mobility-page.home #itemListPrimary .item-1 .item-buble { background: #c6c343; }

.mobility-page.home #itemListLeading .item.item-2 { right: 150px; top: 260px; }

.mobility-page.home #itemListLeading .item.item-2 .item-buble { background: #16c3b0; }

.mobility-page.home #itemListPrimary .item.item-0 { left: 150px; bottom: 60px; }

.mobility-page.home #itemListPrimary .item.item-1 { right: 150px; bottom: 60px; }

/** away **/ .adaptation .mobility-page.away .item-buble h2 { margin: 0 5px; font-size: 16px; }

.learning .mobility-page.away .item-buble h2 { font-size: 16px; }

.mobility-page.away .item-buble h2 { font-size: 18px; }

.mobility-page.home .item { width: auto !important; padding: 0 !important; position: absolute; }

.mobility-page.away .item-buble { margin: 0 !important; width: 180px !important; height: 180px !important; }

.mobility-page.away #itemListPrimary { margin-bottom: 80px; }

/* .mobility-page.away #itemListLeading .item.item-0 { left: 150px; top: 50px; } */

.mobility-page.away #itemListLeading .item.item-0 .item-buble { background: #3db5d8; }

/* .mobility-page.away #itemListLeading .item.item-1 { left: 150px; top: 250px; } */

.mobility-page.away #itemListLeading .item.item-1 .item-buble { background: #f1c22e; }

/* .mobility-page.away #itemListLeading .item.item-2 { left: 150px; top: 450px; } */

.mobility-page.away #itemListLeading .item.item-2 .item-buble { background: #fd5b4e; }

/* .mobility-page.away #itemListPrimary .item.item-0 { right: 150px; top: 50px; } */

.mobility-page.away #itemListPrimary .item.item-0 .item-buble { background: #f1c22e; } /* .mobility-page.away #itemListPrimary .item.item-1 { right: 150px; top: 250px; } */

.mobility-page.away #itemListPrimary .item.item-1 .item-buble { background: #16c3b0; }

/* .mobility-page.away #itemListPrimary .item.item-2 { right: 150px; top: 450px; } */

.mobility-page.away #itemListPrimary .item.item-2 .item-buble { background: #fd8c37; }

.mobility-page.away #itemListSecondary .item.item-0 .item-buble { background: #fd5b4e; }

.mobility-page.away #itemListSecondary .item.item-1 .item-buble { background: #c6c343; }

/** learning **/

.learning .mobility-page.away #itemListLeading .item.item-0 { left: 250px; top: 220px; position: absolute; width: auto !important; }

.learning .mobility-page.away #itemListLeading .item.item-0 .item-buble { background: #3db5d8; }

.learning .mobility-page.away #itemListLeading .item.item-1 { left: 570px; top: 220px; position: absolute; width: auto !important; }

.learning .mobility-page.away #itemListLeading .item.item-1 .item-buble { background: #f1c22e; }

.learning .mobility-page.away #itemListPrimary .item.item-0 { right: 430px; top: inherit; bottom: 20px; position: absolute; width: auto !important; }

.learning .mobility-page.away #itemListPrimary .item.item-0 .item-buble { background: #fd5b4e; }

.learning .mobility-page.away #itemListPrimary .item.item-1 { right: 180px; top: 250px; position: absolute; width: auto !important; }

.learning .mobility-page.away #itemListPrimary .item.item-1 .item-buble { background: #16c3b0; }

/** adaptation **/

.adaptation .mobility-page.away #itemListLeading .item.item-0 { left: 20px; bottom: 250px; top: inherit; position: absolute; width: auto !important; }

.adaptation .mobility-page.away #itemListLeading .item.item-0 .item-buble { background: #3db5d8; }

.adaptation .mobility-page.away #itemListLeading .item.item-1 { left: 190px; bottom: 340px; top: inherit; position: absolute; width: auto !important; }

.adaptation .mobility-page.away #itemListLeading .item.item-1 .item-buble { background: #16c3b0 }

.adaptation .mobility-page.away #itemListLeading .item.item-2 { left: 490px; bottom: 480px; top: inherit; position: absolute; width: auto !important; }

.adaptation .mobility-page.away #itemListLeading .item.item-2 .item-buble { background: #c6c343; }

.adaptation .mobility-page.away #itemListPrimary .item.item-0 { right: 460px; bottom: 400px; top: inherit; position: absolute; width: auto !important; }

.adaptation .mobility-page.away #itemListPrimary .item.item-0 .item-buble { background: #f1c22e; }

.adaptation .mobility-page.away #itemListPrimary .item.item-1 { right: 190px; bottom: 320px; top: inherit; position: absolute; width: auto !important; }

.adaptation .mobility-page.away #itemListPrimary .item.item-1 .item-buble { background: #fd8c37; }

.adaptation .mobility-page.away #itemListPrimary .item.item-2 { right: 20px; bottom: 220px; top: inherit; position: absolute; width: auto !important; }

/** stereotypes **/

.stereotypes .mobility-page.away #itemListLeading .item.item-0 { left: 180px; top: 180px; position: absolute; width: auto !important; }

.stereotypes .mobility-page.away #itemListLeading .item.item-0 .item-buble { background: #16c3b0; }

.stereotypes .mobility-page.away #itemListLeading .item.item-1 { left: inherit; right: 180px; top: 180px; position: absolute; width: auto !important; }

.stereotypes .mobility-page.away #itemListLeading .item.item-1 .item-buble { background: #f1c22e; }

/** join **/

.join .mobility-page.away #itemListLeading .item.item-0 { left: 120px; top: 120px; position: absolute; width: auto !important; }

.join .mobility-page.away #itemListLeading .item.item-0 .item-buble { background: #16c3b0; }

.join .mobility-page.away #itemListLeading .item.item-1 { left: inherit; right: 120px; top: 120px; position: absolute; width: auto !important; }

.join .mobility-page.away #itemListLeading .item.item-1 .item-buble { background: #fd5b4e; }

/** certificate **/ .certificate .mobility-page.home #itemListLeading .item.item-1 .item-buble { background: #fd8c37; }

.certificate .mobility-page.home #itemListPrimary .item.item-0 { bottom: 50px; left: 50%; margin-left: -90px; }

.certificate .mobility-page.home #itemListPrimary .item.item-1 { right: 50%; bottom: 50px; margin-right: -90px; }

.certificate .mobility-page.home #itemListPrimary .item.item-2 { right: 150px; bottom: 50px; }

.certificate .mobility-page.home #itemListPrimary .item.item-2 .item-buble { background: #f1c22e; }

/*----------*/

.adaptation .mobility-page.away #itemListPrimary .item.item-2 .item-buble { background: #fd5b4e; }

body .mobility-page .item-buble:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mobility-page #itemListLeading .item-0 .item-buble { margin: -25px -260px 0 0; }

.itemid-157 .mobility-page.home #itemListLeading .item-0 { left: 150px; top: 100px; margin: 0; }

.itemid-157 .mobility-page.home #itemListLeading .item-1 { right: 150px; top: 100px; left: auto; }

.mobility-page #itemListLeading .item-1 .item-buble { background: #f1c22e; margin-top: -120px; margin-right: 0; margin-left: 0; }

.mobility-page #itemListLeading .item-2 .item-buble { background: #3db5d8; margin-top: -25px; margin-right: 0; margin-left: -260px; }

.globe .mobility-page #itemListLeading .item-0 .item-buble { margin: 0; width: 180px; height: 180px; }

.globe .mobility-page #itemListLeading .item-1 .item-buble { margin: 0; width: 180px; height: 180px; }

.globe .mobility-page #itemListPrimary .item-0 .item-buble { margin: 70px 0 0; width: 180px; height: 180px; }

.globe .mobility-page #itemListPrimary .item-1 .item-buble { margin: 70px 0 0; width: 180px; height: 180px; }

.globe .mobility-page .item-buble h2 { font-size: 20px; }

.mobility-page.prepare-mobility #itemListLeading .item-0 .item-buble { margin: 50px 0px 0 215px; }

.stuff-page .mobility-page.prepare-mobility #itemListLeading .item-0 { position: inherit; }

.stuff-page .mobility-page.prepare-mobility #itemListLeading .item-0 .item-buble { position: absolute; margin: 0; top: 50px; left: 200px; }

.mobility-page.prepare-mobility #itemListLeading .item-2 .item-buble { margin: 50px 250px 0 0; }

.stuff-page .mobility-page.prepare-mobility #itemListLeading .item-1 { position: inherit; }

.stuff-page .mobility-page.prepare-mobility #itemListLeading .item-1 .item-buble { margin: 0; position: absolute; bottom: 70px; left: 140px; }

.mobility-page #itemListPrimary .item-0 .item-buble { background: #16c3b0; margin-top: 45px; margin-left: -70px; margin-right: 0; margin-bottom: 0; }

.mobility-page.prepare-mobility #itemListPrimary .item-0 .item-buble { background: #fd5b4e; margin-top: -90px; margin-left: 470px; width: 202px; height: 202px; }

.stuff-page .mobility-page.prepare-mobility #itemListPrimary .item-0 .item-buble { position: absolute; margin: 0; left: 510px; top: 200px; }

.mobility-page #itemListPrimary .item-1 .item-buble { background: #16c3b0; margin-bottom: 0; margin-right: -70px; margin-left: 0; margin-top: 45px; }

.mobility-page #itemListSecondary .item-0 .item-buble { background: #c6c343; margin-top: 65px; margin-left: 0; margin-right: -260px; margin-bottom: 0; }

.mobility-page #itemListSecondary .item-0 .item-buble h2 { font-size: 16px; }

.mobility-page.prepare-mobility #itemListSecondary .item-0 .item-buble { background: #fd5b4e; margin-top: -90px; margin-left: 470px; width: 202px; height: 202px; }

.stuff-page .mobility-page.prepare-mobility #itemListSecondary .item-0 .item-buble { position: absolute; margin: 0; left: 510px; top: 200px; }

.mobility-page #itemListSecondary .item-1 .item-buble { background: #fd5b4e; margin-top: 155px; margin-right: 0; margin-left: 0; }

.mobility-page #itemListSecondary .item-2 .item-buble { background: #fd8c37; margin-bottom: 0; margin-right: 0; margin-left: -260px; margin-top: 65px; }

.mobility-page div.catItemView { margin-bottom: 20px; }

.mobility-page #itemListPrimary .item-buble { width: 180px; height: 180px; }

.mobility-page .item-buble.loaded { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.mobility-page .item-buble h2 { margin: 0 20px; font-size: 22px; line-height: 140%; color: #fff; font-weight: 300; }

.mobility-page #itemListPrimary .item-buble { font-size: 20px; line-height: 130%; }

/*.mobility-page #itemListPrimary .item-buble h2 {*/ /* /*font-size: 18px;*/ /*}*/

.mobility-page .item-buble h2 a { color: #fff; }

.itemFullText { margin: 20px 0; }

.itemFullText .video-responsive { margin: 30px 0; }

/*.mobility-page.prepare-mobility.inner-page .itemBody {*/ /* padding: 30px;*/ /* background: #fff;*/ /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);*/ /*}*/

/** map page **/ .map-page .wrapper-inner { /*overflow: hidden;*/ }

.map-page .wrapper-inner > .container-fluid { padding: 0; }

.map-page h1 { margin: 0; color: #f1c22e; }

#map-block { width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin-bottom: 40px; z-index: 1; /* margin-left: -15px; margin-right: -15px;*/ }

.ammapDescriptionText p { font-size: 13px; margin-bottom: 0; }

.flag { width: 100px; height: auto; margin: 3px; float: right; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.documents-page .component-inner { margin-bottom: 30px !important; }

.documents-page .itemBody { display: none; }

.documents-page #content-bottom { margin-top: 30px; }

.documents-page #content-bottom .moduletable { margin-bottom: 30px; }

.documents-page #content-bottom .moduletable .module-inner { background: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); border-radius: 3px; min-height: 250px; padding: 20px 25px; }

.documents-page #content-bottom .moduletable .module-inner h3.moduleTitle { margin: 0; text-align: left; }

.documents-page #content-bottom .moduletable .module-inner header { margin-bottom: 20px; }

.documents-page #content-bottom .moduletable.mod1 .module-inner h3.moduleTitle { color: #3db5d8; }

.documents-page #content-bottom .moduletable.mod2 .module-inner h3.moduleTitle { color: #f1c22e; }

.documents-page #content-bottom .moduletable.mod3 .module-inner h3.moduleTitle { color: #16c3b0; }

.documents-page #content-bottom .moduletable.mod4 .module-inner h3.moduleTitle { color: #fd5b4e; }

.documents-page #content-bottom .moduletable .module-inner ul { padding-left: 0; list-style: none; font-size: 16px; line-height: 26px; }

.documents-page #content-bottom .moduletable .module-inner ul li:before { content: '\f101'; margin-right: 5px; }

.documents-page #content-bottom .moduletable .module-inner ul li a { border-bottom: 1px solid #337ab7; }

.documents-page #content-bottom .moduletable .module-inner ul li a:hover { border-color: #23527c; }

.documents-page #content-bottom .moduletable .module-inner h3.moduleTitle:after { content: '\f00c'; float: right; }

.adaptation-feature .module-inner, .adaptation-recomendation .module-inner, .box .module-inner { background: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); border-radius: 3px; min-height: 260px; padding: 20px 25px; }

.box .module-inner { margin-bottom: 30px; min-height: 340px; }

.box.box-small .module-inner { min-height: inherit; }

.image-box p { margin: 0; }

.image-box .module-inner { margin-bottom: 30px; }

.adaptation-feature .module-inner h2, .adaptation-recomendation .module-inner h2, .box .module-inner h2 { margin: 0 0 20px; text-align: left; font-size: 24px; font-weight: 500; color: #3db5d8; }

.box .module-inner h2 { position: relative; padding-right: 60px; }

.box .module-inner h2:after { content: '\f00c'; color: #16c3b0; top: 0; right: 0; position: absolute; }

.box.link-title .module-inner h2:after { content: '\f0c1'; color: #16c3b0; top: 0; right: 0; position: absolute; }

.box .module-inner ul { padding: 0; }

.box .module-inner ul li { font-size: 16px; list-style: none; line-height: 26px; }

.box .module-inner ul li ul li { margin-left: 15px; font-size: 14px; }

.box .module-inner ul li:before { content: '\f101'; margin-right: 5px; }

.box.link p { margin-bottom: 0; position: relative; padding-left: 30px; }

.box.link-title.link p { padding-left: 0; }

.box.link p:before { content: '\f0c1'; font-size: 20px; position: absolute; left: 0; top: 0; color: #16c3b0; }

.box.link-title.link p:before { display: none; }

.box.link.fb p:before { content: '\f09a'; }

.adaptation-recomendation .module-inner h2 { color: #16c3b0; }

.adaptation-feature .module-inner h2:after { content: '\f005'; float: right; }

.adaptation-recomendation .module-inner h2:after { content: '\f27a'; float: right; }

.item-page h2 { color: #333; }

body div.itemImageBlock { padding: 0; margin: 2px 20px 10px 0; }

.item-page .itemBody { background: #fff; padding: 0; margin-top: 50px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); border-radius: 3px; margin-bottom: 30px; }

.item-page .itemBody .video-play { margin-bottom: 30px; }

.item-page .itemBody .itemFullText { margin: 0; padding: 20px 25px; }

.item-page.app-page .itemBody .itemFullText img { margin: 20px 0; }

.item-page .itemBody .itemFullText ul { padding-left: 0; list-style: none; font-size: 16px; line-height: 26px; }

.item-page .itemBody .itemFullText ul li:before { content: '\f101'; margin-right: 5px; }

.item-page.app-page .itemBody .itemFullText ul li { color: #3db5d8; }

.item-page div.itemFullText .itemImage img { padding: 0; margin: 0 15px 15px 0 !important; }

/*.os-inner {*/ /* background: #fff;*/ /* padding: 20px;*/ /* margin-top: 30px;*/ /* box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);*/ /* border-radius: 3px;*/ /*}*/

.os-block { padding: 20px; margin-top: 30px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); border-radius: 3px; display: block; }

.os-block:hover { box-shadow: 0 0 6px rgba(0, 0, 0, 0.7); }

.os-block p { display: inline; font-size: 18px; color: #fff; }

.os-block p strong { display: inline-block; }

.os-block p strong span { color: #fff !important; }

.os-block:before { margin-right: 5px; font-size: 40px; float: left; margin-right: 10px; }

.os-0 .os-block { background: #689f38; }

.os-1 .os-block { background: #b4bcc9; }

.os-2 .os-block { background: #ed2290; }

.os-0 .os-block:before { content: '\f17b'; color: #fff; }

.os-1 .os-block:before { content: '\f179'; color: #fff; }

.os-2 .os-block:before { content: '\f17a'; color: #fff; }

#content-bottom { margin-bottom: 40px; }

/** main bottom **/ #mainbottom-row { margin-top: 80px; }

#mainbottom-row .buble { display: inline-block; margin: 85px auto; width: 160px; height: 160px; text-align: center; color: #fff; font-size: 24px; border-radius: 50%; background: #fd5b4e; cursor: pointer; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0);

}

#mainbottom-row .buble.loaded { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

#mainbottom-row .buble:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

#mainbottom-row .buble.buble-1 { background: #f1c22e; }

#mainbottom-row .buble.buble-2 { background: #3db5d8; }

#mainbottom-row .buble .inner { }

#mainbottom-row .buble .inner h4 { font-weight: 300; line-height: 130%; font-size: 18px; padding: 0 15px;

}

#mainbottom-row { margin-bottom: 30px; }

#copyright-row { padding: 15px 0; color: #71818a; font-size: 16px; font-weight: 300;

}

.footer-text { float: left; margin-right: 30px; }

.footer-logo { float: right; margin-top: 10px; margin-left: 15px; }

.footer-logo img { margin-top: 2px; margin-right: 15px; height: 40px; width: auto; }

.facebook-module .custom { text-align: right; margin-top: 10px; /*opacity: 0.6;*/ margin-right: 15px; }

/** preloader **/ .preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 999; }

.spinner { width: 240px; height: 40px; position: relative; margin: -20px 0 0 -80px; top: 50%; left: 50%; }

.double-bounce1, .double-bounce2, .double-bounce3, .double-bounce4 { width: 40px; height: 40px; border-radius: 50%; background-color: #3db5d8; float: left;

-webkit-animation: sk-bounce 1.1s infinite ease-in-out; animation: sk-bounce 1.1s infinite ease-in-out; }

.double-bounce2 { background-color: #f1c22e; -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }

.double-bounce3 { background-color: #16c3b0; -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }

.double-bounce4 { background-color: #fd5b4e; -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }

@-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.3) } 50% { -webkit-transform: scale(0.8) } }

@keyframes sk-bounce { 0%, 100% { transform: scale(0.3); -webkit-transform: scale(0.3); } 50% { transform: scale(0.8); -webkit-transform: scale(0.8); } }

.presentation-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 200; display: none; }

.character-presentation { width: 840px; height: 50px; padding-top: 500px; padding-right: 400px; background: url('../images/mobilumogidas-home-prisistatymas.svg'); background-size: cover; background-position: top center; z-index: 300; position: absolute; top: -83px; left: 20px; display: none; text-align: center; }

.close-presentation { margin-top: 40px; border: 4px solid #3db5d8; border-radius: 10px; padding: 10px 25px; font-size: 18px; font-weight: 500; color: #3db5d8; background-color: #fff; text-transform: uppercase; }

.list-item-character { width: 130px; height: 130px; background-size: contain !important; background-position: right !important; background-repeat: no-repeat !important; position: absolute; margin-top: -105px; top: 50%; margin-right: -25px; right: 50%;

-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; transform: scale(0.8, 0.8); }

.list-item-character.right { background-position: left !important; left: 50%; margin-left: -25px; }

.hovered .list-item-character { opacity: 1; transform: scale(1, 1); }

.step-block .list-item-tooltip { width: 0; height: 0; background-size: contain !important; background-position: right !important; background-repeat: no-repeat !important; position: absolute; z-index: 100; top: 100px; right: -495px; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; opacity: 0; }

.step-block .list-item-tooltip.top { top: -190px; right: -465px; }

.step-block .list-item-tooltip.right { top: 100px; left: -495px; right: auto; }

.step-block .list-item-tooltip.right.top { top: -190px; left: -465px; right: auto; }

.step-block.hovered .list-item-tooltip{ opacity: 1; width: 445px; height: 210px; }

table { width: 100%; }

@keyframes ldio-3i5cq57pius { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .ldio-3i5cq57pius > div > div { transform-origin: 100px 100px; animation: ldio-3i5cq57pius 3.0303030303030303s linear infinite; opacity: 0.8 } .ldio-3i5cq57pius > div > div > div { position: absolute; left: 30px; top: 30px; width: 70px; height: 70px; border-radius: 70px 0 0 0; transform-origin: 100px 100px }.ldio-3i5cq57pius > div div:nth-child(1) { animation-duration: 0.7575757575757576s } .ldio-3i5cq57pius > div div:nth-child(1) > div { background: #3db0c6; transform: rotate(0deg); }.ldio-3i5cq57pius > div div:nth-child(2) { animation-duration: 1.0101010101010102s } .ldio-3i5cq57pius > div div:nth-child(2) > div { background: #48c080; transform: rotate(0deg); }.ldio-3i5cq57pius > div div:nth-child(3) { animation-duration: 1.5151515151515151s } .ldio-3i5cq57pius > div div:nth-child(3) > div { background: #daae3a; transform: rotate(0deg); }.ldio-3i5cq57pius > div div:nth-child(4) { animation-duration: 3.0303030303030303s } .ldio-3i5cq57pius > div div:nth-child(4) > div { background: #e16744; transform: rotate(0deg); } .loadingio-spinner-wedges-owe04icj7o { width: 200px; height: 200px; display: inline-block; overflow: hidden; background: #ffffff; } .ldio-3i5cq57pius { width: 100%; height: 100%; position: relative; transform: translateZ(0) scale(1); backface-visibility: hidden; transform-origin: 0 0; /* see note above */ } .ldio-3i5cq57pius div { box-sizing: content-box; }

.loadingio-spinner-wedges-owe04icj7o { position: relative; margin: -20px 0 0 -80px; top: 40%; left: 50%; } .servera { text-align: center; font-size: 14px; margin-right: 5px; color: #b7c6d0; } .fb_iframe_widget { margin-right: 3px; } .margin-top80 { margin-top: 80px; } .text-right-align { text-align: right !important; }

.fix-zoom1 { margin-top: -30px; }

/*tooltip Box*/ .con-tooltip {

transition: all 0.3s ease-in-out; cursor: default;

}

/*tooltip */ .tooltip { visibility: hidden; z-index: 999999; font-size: 14px; font-weight: 400; opacity: .40; width: 400%; padding: 0px 20px;

background: white; color: #404040; position: absolute; top: -140%; left: -25%; border-radius: 4px;

transform: translateY(9px); transition: all 0.3s ease-in-out; box-shadow: 0 0 3px rgb(56 54 54 / 86%);

} .tooltip p { margin-top: 15px; font-size: 14px; font-weight: 400; line-height: 1.6; } .tooltip.tip1 p,.tooltip.tip2 p { color: black; } .tooltip.tip1 h1,.tooltip.tip2 h1 { font-size: 18px; background: #008dc8; color: white; padding-top: 5px; padding-bottom: 5px; border-radius: 3px; }

.tooltip.tip3 p { color: black; } .tooltip.tip3 h1 { font-size: 18px; background: #DAAE3A; color: white; padding-top: 5px; padding-bottom: 5px; border-radius: 3px; }

.tooltip.tip4 p { color: black; } .tooltip.tip4 h1 { font-size: 18px; background: #48C080; color: white; padding-top: 5px; padding-bottom: 5px; border-radius: 3px; }

.tooltip.tip5 p { color: black; } .tooltip.tip5 h1 { font-size: 18px; background: #F16845; color: white; padding-top: 5px; padding-bottom: 5px; border-radius: 3px; }

.tooltip.tip6 p { color: black; } .tooltip.tip6 h1 { font-size: 18px; background: #F16845; color: white; padding-top: 5px; padding-bottom: 5px; border-radius: 3px; } .tooltip.tip7 p { color: black; } .tooltip.tip7 h1 { font-size: 18px; background: #48C080; color: white; padding-top: 5px; padding-bottom: 5px; border-radius: 3px; }

.tooltip.tip8 p { color: black; } .tooltip.tip8 h1 { font-size: 18px; background: #DAAE3A; color: white; padding-top: 5px; padding-bottom: 5px; border-radius: 3px; }

/* tooltip after*/ .tooltip.tip1::after { content: " "; width: 0; height: 0;

border-style: solid; border-width: 12px 12.5px 0 12.5px; border-color: #008dc8 transparent transparent transparent;