/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section,
source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
/* ===================================
1. General
==================================== */
html {width:100%; height:100%;}
body {
font-family: 'Souvenir', Tahoma, Verdana, Helvetica;
font-size:14px; /* 14px 87,5% .875em because by default 1em=100%=16px */
line-height:24px ; /* 1.25em nuo default 16px buvo 25px 150% 1.5625em*/
color:#999;
height:100%;
background:url(../images/body-bg.jpg) center top no-repeat #f3f3f3;
text-align:justify;
}
.container {
width: 100%;
max-width: 1920px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.container:before,
.container:after {
display: table;
content: " ";
}
.container:after {
clear: both;
}
.wrapper {width:100%; overflow:hidden; position:relative;}
.extra-wrap {overflow:hidden;}
*, *:before, *:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
/**************** TYPOGRAHPHY *************************/
/****************** Fonts **************/
@font-face {
font-family: 'Souvenir';
src: url('../css/font/Souvenir-webfont.eot');
src: url('../css/font/Souvenir-webfont.eot?#iefix') format('embedded-opentype'),
url('../css/font/Souvenir-webfont.woff2') format('woff2'),
url('../css/font/Souvenir-webfont.woff') format('woff'),
url('../css/font/Souvenir-webfont.ttf') format('truetype'),
url('../css/font/Souvenir-webfont.svg#souvenir') format('svg');
font-weight: normal;
font-style: normal;
}
.myfont {
font-family: 'Souvenir', Tahoma;
line-height:100%;
}
.greek {font-size:15px}
.greek_title {
font-size:1.875em; /* 30px 187.5%*/
line-height:1.8em; /* 28.8px 180%*/
color:#4c4c4c;
letter-spacing:-2px;
background:url(../images/h3-tail.gif) 0 bottom repeat-x;
margin-bottom:.5em; /* 8px 50%*/
}
/****************** end Fonts **************/
.italic {font-style:italic;}
.uppercase {text-transform: uppercase;}
.lowercase{text-transform: lowercase;}
.capitalize {text-transform: capitalize;}
.text-nowrap {white-space: nowrap;}
.smaller-size {font-size:85%;} /* 12px; kai 1em=14px */
.smallest-size {font-size:70%;} /* 10px; kai 1em=14px */
input, button, select, textarea {
font-family: inherit;
font-size:inherit;
line-height:inherit;
}
a {color:#dc5130; outline:none;} /* visos nuorodos linked raudonai */
a:hover, a:active, a:focus, a:visited,
a:link,.link,
.button,
.noDecoration, /* ==== For elements in boxes or blocks ==== */
.list-1 a, .list-2 a,
.title-3, .title-3 a, h1 a,
#main_menu li a {
text-decoration: none;
}
.number {
display:block;
float:left;
/* font-size:8.57em; /* 120px */
/* line-height:1.2em; /* 16.8px */
color:#dc5130;
margin-right:.2em; /* 2.8px */
}
.numb {
display:block;
font-size:2.25em; /* 36px 225% */
line-height:1.8em; /* 28.8px 180%*/
color:#dc5130;
float:left;
margin-right:.625em; /* 10px 62.5% */
}
.number-form {
background: #dc5130;
color: #fff;
height: 30px;
width: 30px;
display: inline-block;
font-size: 0.8em;
margin-right: 4px;
line-height: 30px;
text-align: center;
text-shadow: 0 1px 0 rgba(255,255,255,0.2);
border-radius: 15px 15px 15px 0px;
-webkit-border-radius: 15px 15px 15px 0px;
-moz-border-radius: 15px 15px 15px 0px;
}
/****************** Images **************/
img, embed, object, video {max-width:100% !important;}
iframe {max-width:100% !important; width: auto !important; height: auto !important;}
img {
border: 0; /* kad nebūtų apvedimo */
vertical-align: middle;
/* page-break-inside: avoid; */
}
img.center {
display: block;
margin: 0 auto;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-wrapper-20 {width:20%;}
.img-wrapper-30 {width:30%;}
.img-wrapper-50 {width:50%;}
.img-wrapper-60 {width:60%;}
.img-wrapper-height20 {height:20%;}
.img-wrapper-height40 {height:40%;}
img.icon {width:2.142857em;}
.img-rounded {
border-radius: 200px;
}
/***** Image alignment style *****/ /* panaudota Widget */
img.pull-left, .align-left {
float:left;
margin:0 .9375em .9375em 0; /* 15px 93.75% */
}
img.pull-right, .align-right {
float:right;
margin:0 0 .9375em .9375em; /* 15px 93.75% */
}
article img.pull-left, article .align-left {
float:left;
margin:.3125em .9375em .9375em 0; /* 5px 31.25% 15px 93.75% */
}
article img.pull-right, article .align-right {
float:right;
margin:.3125em 0 .9375em .9375em;
}
/* section img {} */
/* Tabs
.tab_article img {float:left; width:7em; margin-right: .9375em;}
*/
/* Prie Paddings & Margins
.img-indent {float:left; margin:8px 20px 0px 0px;}
.img-indent1 {float:left; margin:10px 15px 10px 0px;}
.img-indent2 {float:left; margin:0px 20px 0px 0px;}
.img-indent3 {float:left; margin:0px 15px 0px 25px;}
.img-indent4 {float:left; margin:30px 15px 0px 25px;}
.img-indent5 {float:left; margin:25px 5px 0px;}
.img-indent-r {float:right; margin:0px 0px 0px 40px;}
.img-indent-r2 {float:right; margin:2px 18px 0px 0px;}
.img-indent-r3 {float:right; margin:2px 0px 0px 0px;}
.img-indent-r4 {float:right; margin:25px 5px 0px;}
.img-indent-r5 {float:right; margin:0px 0px 2px 20px;}
*/
/**********end Images ************/
/****************** Backgrounds **************/
.bg {width:100%; background:url(../images/bg-top.jpg) center 0 no-repeat;}
.background-white {background: #fff;}
.background-grey {background: #9d9e9e;}
.background-grey-lightest {color: #f0f0f0;} /* lightest gray like in accordion bcg rgb 240,240,240 Gray94 */
.background-transparent {background: transparent;}
/*********end Backgrounds ************/
/****************** Floats & Alignment & Displays **************/
.fleft {float:left;}
.fright {float:right;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.alignleft {text-align:left;}
.alignjustify {text-align:justify;}
.center-me {margin: 0 auto;} /* ==== Centering a block-level element horizontally ==== */
.bottom {
position: absolute;
bottom: 0;
}
.upper-right-corner {
position: absolute;
top:0;
right:0;
}
.upper_left {
position: absolute;
top: 0;
left: 0;
}
.upper_right {
position: absolute;
top: 0;
right: 0%;
}
.lower_left {
position: absolute;
bottom: 0%;
left: 0;
}
.lower_right {
bottom: 0%;
right: 0%;
position: absolute;
}
.block-display {display:block;}
.inline-block-display {display:inline-block;}
/********* end Floats & Alignment **********/
/*********************** Colors *****************/
.color-1 {color:#962402;} /* bordo in Arrows - konsultavimas */
.color-2 {color:#ffbf00;} /* yellow RGB 255, 191, 0 Sodri geltona. Taškas iš Box template */
.color-3 {color:#f3ad29;} /* dark yellow, similar to orange */
.color-4 {color:#dc5130;} /* red Chilean Fire RGB 220,81,48 */
.color-5 {color:#4c4c4c;} /* black */
.color-6 {color:#f34829;} /* bright red */
.color-7 {color:#f3cf29;} /* dark yellow */
.color-8 {color:#f36a29;} /* orange / red, part of orange group, red with yellowness*/
/*
h5 {color:#4c4c4c; font-weight:normal;}
h6 {color:#dc5130; font-weight:normal;}
*/
.red {color:#dc5130;} /* red Chilean Fire RGB 220,81,48 =color-4 & h6*/
.red-bright {color:#f34829;} /* bright red =color-6 */
.yellow {color:#ffbf00;} /* yellow RGB 255, 191, 0 Sodri geltona. Taškas iš Box template =color-2*/
.yellow-dark {color:#f3cf29;} /* dark yellow =color-7 */
.yellow-orange {color:#f3ad29;} /* dark yellow, similar to orange =color-3 */
.orange {color:#f36a29;} /* orange / red, part of orange group, red with yellowness =color-8 */
.bordo {color:#962402;} /* bordo in Arrows - konsultavimas =color-1 */
.grey {color: #9d9e9e;} /* grey in logo RGB 257, 258, 258 */
.grey-light {color: #d3d3d3;} /* light gray #d3d3d3 rgb 211,211,211 */
.grey-lightest {color: #f0f0f0;} /* lightest gray like in accordion bcg rgb 240,240,240 Gray94 */
.black {color:#4c4c4c;} /* black =color-5 & h5 */
.black-official {color:#000;} /* black */
.white {color: #fff;} /* white #ffffff */
/*
(in Ca-Menu)
.ca-menu li a.bordo {color:#962402;}
.ca-menu li a.red {color:#e33a02;}
.ca-menu li a.orange {color:#fa9200;}
.ca-menu li a.yellow {color:#f5c505;}
(in Tabs)
.menu_tab li a.bcg_bordo {background-color:#962402;}
.menu_tab li a.bcg_red {background-color:#e33a02;}
.menu_tab li a.bcg_orange {background-color:#fa9200;}
.menu_tab li a.bcg_yellow {background-color:#f5c505;}
*/
/****end Colors *******/
/******************* Paddings & Margins ***************/
.no-padding {padding:0 !important;}
.no-margin {margin:0 !important;}
.margin-bottom1 {margin-bottom:.286em;} /* 4px; kai 1em=14px p1 */
.margin-bottom2 {margin-bottom:.7142857em;} /* 10px; p ir prev-indent-bot */
.margin-bottom3 {margin-bottom:1.07em;} /* 15px; p2 */
.margin-bottom4 {margin-bottom:1.4285714em;} /* 20px; indent-bot */
.margin-bottom5 {margin-bottom:1.786em;} /* 25px; img-indent-bot */
.margin-bottom6 {margin-bottom:2.1435em;} /* 30px; p3 ir indent-bot2 */
.margin-bottom7 {margin-bottom:2.5em;} /* 35px; margin-bot */
.margin-bottom8 {margin-bottom:2.857em;} /* 40px; p4 */
.margin-bottom9 {margin-bottom:3.214em;} /* 45px; indent-bot3 */
.margin-bottom10 {margin-bottom:3.57em;} /* 50px; p5 */
.margin-right5 {margin-right:.357em;} /* 5px; kai 1em=14px */
.margin-right10 {margin-right:.7142857em;} /* 10px; kai 1em=14px */
.margin-right3 {margin-right:2.1435em;} /* 30px; kai 1em=14px */
p {margin-bottom:.7142857em;} /* 10px; kai 1em=14px */
.p1 {margin-bottom:4px;} /* 4px; */
.p2 {margin-bottom:15px;} /* 1.5625% 15px; */
.p3 {margin-bottom:30px;} /* 3.125% 30px; */
.p4 {margin-bottom:40px;} /* 4.17% 40px; */
.p5 {margin-bottom:50px;} /* 5.208% 50px; */
.indent-bot {margin-bottom:20px;} /* 2.08% 20px; */
.indent-bot2 {margin-bottom:30px;} /* 3.125% 30px; */
.indent-bot3 {margin-bottom:45px;} /* 4.6875% 45px; */
.prev-indent-bot {margin-bottom:10px;} /* 1.0417% 10px; */
.img-indent-bot {margin-bottom:25px;} /* 2.6% 25px; */
.margin-bot {margin-bottom:35px;} /* 3.65% 35px; */
.indent {padding:0 .7142857em;} /* 0 10px; kai 1em=14px */
.indent1 {padding:1.43em .7142857em 0;} /* 20px 10px 0; */
.indent2 {padding:.7142857em 0 0;} /* 10px 0 0; */
.indent3 {padding:6.4286em 2.1435em 0;} /* 90px 30px 0; */
.indent-top {padding-top:.7142857em;} /* 10px; kai 1em=14px */
.indent-top5 {padding-top:3.57em;} /* 50px; */
.indent-left {padding-left:20px;} /* 2.08% 20px; */ /* change positions to 10px */
.indent-left0 {padding-left:10px;} /* 1.0417% 10px; */ /* laikinai later change to indent-left mes */
.indent-left1 {padding-left:15px;} /* 1.5625% 15px; */
.indent-left2 {padding-left:10px;} /* 1.0417% 10px; */ /* change positions to 20px */
.indent-left3 {padding-left:15px;} /* 1.5625% 15px; */ /* change to 30px */
.indent-left5 {padding-left:.357em;} /* 5px; kai 1em=14px */
.indent-left10 {padding-left:.7142857em;} /* 10px; */
.indent-left15 {padding-left:1.07em;} /* 15px; */
.indent-left20 {padding-left:1.4285714em;} /* 20px; */
.indent-right0 {padding-right:.7142857em;} /* 10px; 1em=14px */
.indent-right {padding-right:1.07em;} /* 15px; */
.indent-right1 {padding-right:1.4285714em;} /* 20px; */
.indent-right2 {padding-right:2.1435em;} /* 30px; */
.indent-bottom {padding-bottom:.7142857em;} /* 10px; */
.indent-right5 {padding-right:.357em;} /* 5px; kai 1em=14px */
.indent-right10 {padding-right:.7142857em;} /* 10px; */
.indent-right15 {padding-right:1.07em;} /* 15px; */
.indent-right20 {padding-right:1.4285714em;} /* 20px; */
.img-indent {float:left; margin:.57em 1.4285714em 0 0;} /* 8px 20px 0px 0px; */
.img-indent1 {float:left; margin:.7142857em 1.07em .7142857em 0;} /* 10px 15px 10px 0px; */
.img-indent2 {float:left; margin:0 1.4285714em 0 0;} /* 0px 20px 0px 0px; */
.img-indent3 {float:left; margin:0 1.07em 0 1.7857em;} /* 0px 15px 0px 25px; */
.img-indent4 {float:left; margin:2.143em .1.07em 0 1.7857em;} /* 30px 15px 0px 25px; */
.img-indent5 {float:left; margin:1.7857em .357em 0;} /* 25px 5px 0px; */
.img-indent-r {float:right; margin:0 0 0 2.857em;} /* 0px 0px 0px 40px; */
.img-indent-r1 {float:right; margin:.7142857em 0 .7142857em 1.07em;} /* 10px 0px 10px 15px; */
.img-indent-r2 {float:right; margin:.14286em 1.2857em 0 0;} /* 2px 18px 0px 0px; */
.img-indent-r3 {float:right; margin:.14286em 0 0 0;} /* 2px 0px 0px 0px; */
.img-indent-r4 {float:right; margin:1.7857em .357em 0;} /* 25px 5px 0px; */
.img-indent-r5 {float:right; margin:0 0 .14286em 1.4285714em;} /* 0px 0px 2px 20px; */
.border-bot {
width:100%;
padding-bottom:1px;
background:url(../images/border-bot.gif) 0 bottom repeat-x;
}
.border-bot2 {
width:100%;
padding-bottom:.9375em; /* 15px; */
background:url(../images/border-bot.gif) 0 bottom repeat-x;
}
/***end Paddings & Margins ****/
/******** end TYPOGRAPHY *********/
/* ===================================
2. Header
==================================== */
header {
width:100%;
position:relative;
z-index:2;
}
/*** Fixed Header when scrolling down **********/
.fixed {
position:fixed;
z-index: 100;
top:0;
margin:0 auto;
width: 100%;
background:url(../images/body-bg.jpg) center top no-repeat #f3f3f3;
}
/*** end Fixed Header when scrolling down **********/
/* #logo in mediaqueries.css */
/******************* MENU ***********************/
/********************** Main Menu **************************/
#main_menu {list-style: none;}
#main_menu:before,
#main_menu:after {
content: "";
display: table;
}
#main_menu:after {
clear: both;
}
#main_menu {
zoom:1;
}
#main_menu li {
float: left;
position: relative;
display: inline-block;
}
#main_menu a {
float: left;
padding: .357em .714em; /* 5px 10px; kai 1em=14px*/
text-decoration: none;
color: #999;
line-height: 100%;
}
#main_menu a:hover {
background: #dc5130;
color: #fff;
}
#main_menu a.active {
background: #dc5130;
color: #fff;
border-radius: 15px 50px;
}
#main_menu a.active-prev {
background: #9d9e9e;
color: #fff;
border-radius: 15px 50px;
}
#main_menu ul {
opacity: 0;
visibility: hidden;
position: fixed;
z-index: 9999;
top: 45px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.7);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#main_menu li:hover > ul {
opacity: 1;
visibility: visible;
margin: 0;
}
#main_menu ul ul {
top:0;
-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
box-shadow: -1px 0 0 rgba(255,255,255,.3);
}
#main_menu ul li {
float: none;
display: block;
border: 0;
-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}
#main_menu ul li:last-child {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#main_menu ul a {
padding: .357em; /* 5px kai 1em=14px */
width: 6.7857em; /* 95px kai 1em=14px */
display: block;
background: #FFF;
border: 0;
white-space: nowrap;
float: none;
text-transform: none;
}
#main_menu ul a:hover {
background-color: #dc5130;
}
#main_menu ul li:first-child > a {
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
#main_menu ul li:first-child > a:after {
content: '';
position: absolute;
left: 40px;
top: -6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
}
#main_menu ul ul li:first-child a:after {
left: -6px;
top: 50%;
margin-top: -6px;
border-left: 0;
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-right: 6px solid #EF3B24;
}
#main_menu ul li:first-child a:hover:after {
border-bottom-color: #dc5130;
}
#main_menu ul ul li:first-child a:hover:after {
border-right-color: #EF3B24;
border-bottom-color: transparent;
}
#main_menu ul li:last-child > a {
-moz-border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}
#main_menu li .arrow {
opacity:1;
font-size:inherit;
line-height:inherit;
}
#main_menu li:hover .arrow {opacity: 0;}
/*
@media screen and (max-width:399px) {
#main_menu a {padding: 2% 2.4%;}
#main_menu ul {top: 30px;}
#main_menu ul a {
padding: 5px;
width: 85px;
}
#main_menu li.arrow {font-size:8px;}
}
@media screen and (max-width:479px) {
#main_menu {
position: relative;
min-height: 110px;
}
#main_menu ul {
width: 150px;
padding: 5px 0 0;
position: absolute;
top: 0;
left: 0;
background: url(../images/menu-icon.png) no-repeat right;
}
#main_menu li {
display: none; /* hide all items */ /*
margin: 0;
}
#main_menu li .active {
display: block; /* show only active item */ /*
}
#main_menu a {
display: block;
padding: 2px 0px 0px 32px;
text-align: left;
}
#main_menu a.active {
background: none;
color: #999;
}
/* on nav hover */ /*
#main_menu ul:hover {
background-image: none;
border: solid 1px #aaa;
border-radius: 15px;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
#main_menu ul:hover li {
display: block;
margin: 0 0 5px;
}
#main_menu ul:hover .active {
background: url(../images/checkmark-icon.png) no-repeat 10px 0px;
}
/* right nav */ /*
#main_menu.right ul {
left: auto;
right: 0;
}
}
*/
/*** end Main Menu **********/
/********************* Secondary Menu **********************/
#secondary_menu {
position: relative;
margin-left: 30%;
margin-top: 6.4%;
}
#secondary_menu ul {
margin: 0;
padding: 0;
min-height: 75%;
}
#secondary_menu li {
/*margin: 0 0 .7143em 0; *//* 0 0 10px 0; kai 1em=14px*/
padding: 0;
list-style: none;
display: inline-block;
}
#secondary_menu a {
padding: .357em .7143em; /* 5px 10px; kai 1em=14px */
text-decoration: none;
color: #999;
line-height: 100%;
}
#secondary_menu a:hover {
background: #dc5130;
color: #fff;
}
#secondary_menu a.active {
background: #dc5130;
color: #fff;
border-radius: 15px 50px;
}
#secondary_menu a.active-prev {
background: #9d9e9e;
color: #fff;
border-radius: 15px 50px;
}
@media screen and (max-width:1919px) {
#secondary_menu {
margin-top: 5.4%;
margin-right:30%;
}
}
@media screen and (max-width:1679px) {
#secondary_menu {margin-left:32%;}
}
@media screen and (max-width:1279px) {
#secondary_menu {
margin-top: 6.4%;
margin-left:30%;
}
}
@media screen and (max-width:959px) {
#secondary_menu {margin-left:0%;}
#secondary_menu a {padding:.357em .5em;} /* 5px 7px; kai 1em=14px */
}
@media screen and (max-width:799px) {
#secondary_menu {display: none !important; }
/*
.nav {margin-left:0%;}
.nav a {
padding: .2857em; /* 4px; kai 1em=14px*/ /*
font-size:.96em; /* 13.44px; kai 1em=14px*/ /*
}
}
@media screen and (max-width:767px) {
.nav {
position: relative;
margin-top: -1%;
margin-left: 30%;
min-height:7.857em; /* 110px; kai 1em=14px *//*
}
.nav ul {
width:9em; /* 126px; kai 1em=14px*//*
margin-top: 4%;
padding:.357em 0 0; /* 5px 0 0; kai 1em=14px*//*
position: absolute;
background: url(../images/menu-icon.png) no-repeat top; /*center; 5em 3em;*/ /*
} /* 30px 50px; kai 1em=14px*//*
.nav li {
display: none; /* hide all items *//*
margin: 0;
}
.nav .active {
display: block; /* show only active item *//*
}
.nav a {
display: block;
padding:.143em 0 0 2.143em; /* 2px 0 0 30px; kai 1em=14px*//*
text-align: left;
font-size:1em; /* 14px; kai 1em=14px*//*
}
.nav .active a {
background: none;
color: #999;
}
/* on nav hover *//*
.nav ul:hover {
background-image: none;
border: solid 1px #aaa;
border-radius: 15px;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
.nav ul:hover li {
display: block;
margin: 0 0 .357em; /* 0 0 5px; kai 1em=14px*//*
}
.nav ul:hover .active {
background: url(../images/checkmark-icon.png) no-repeat 0.5em 0.214em;
} /* 7px 3px; kai 1em=14px*/
}
@media screen and (max-width:599px) {
/* .nav ul {background: url(../images/menu-icon.png) no-repeat right 5px top; } */
}
@media screen and (max-width:399px) {
#secondary_menu {display: none !important; }
}
/*** end Secondary Menu ******/
/********************* Tertiary Menu **********************/
#third_menu {
position: relative;
padding: 1%;
}
#third_menu ul {
margin: 0;
padding: 0;
/* height: 75%; */
}
#third_menu li {
/*margin: 0 0 .7143em 0; *//* 0 0 10px 0; kai 1em=14px*/
padding: 0;
list-style: none;
display: inline-block;
}
#third_menu a {
padding: .357em .7143em; /* 5px 10px; kai 1em=14px */
text-decoration: none;
color: #999;
line-height: 100%;
}
#third_menu a:hover {
background: #dc5130;
color: #fff;
}
#third_menu a.active {
background: #dc5130;
color: #fff;
border-radius: 15px 50px;
}
@media screen and (max-width:1919px) {
#third_menu {
/* margin-top: 5.4%;
margin-right:30%; */
}
}
@media screen and (max-width:1679px) {
/* #third_menu {margin-left:32%;} */
}
@media screen and (max-width:1279px) {
#third_menu {
/* margin-top: 6.4%;
margin-left:30%; */
}
}
@media screen and (max-width:959px) {
/* #third_menu {margin-left:0%;}
#third_menu a {padding:.357em .5em;} /* 5px 7px; kai 1em=14px */
}
@media screen and (max-width:799px) {
#third_menu {margin-left:0%;}
#third_menu a {
/* padding: .2857em; /* 4px; kai 1em=14px*/
/* font-size:.96em; /* 13.44px; kai 1em=14px*/
}
@media screen and (max-width:767px) {
#third_menu {display: none !important; }
/*
.third_menu {
position: relative;
margin-top: -1%;
margin-left: 30%;
min-height:7.857em; /* 110px; kai 1em=14px *//*
}
.third_menu ul {
width:9em; /* 126px; kai 1em=14px*//*
margin-top: 4%;
padding:.357em 0 0; /* 5px 0 0; kai 1em=14px*//*
position: absolute;
background: url(../images/menu-icon.png) no-repeat top; /*center; 5em 3em;*/ /*
} /* 30px 50px; kai 1em=14px*//*
.third_menu li {
display: none; /* hide all items *//*
margin: 0;
}
.third_menu .active {
display: block; /* show only active item *//*
}
.third_menu a {
display: block;
padding:.143em 0 0 2.143em; /* 2px 0 0 30px; kai 1em=14px*//*
text-align: left;
font-size:1em; /* 14px; kai 1em=14px*//*
}
.third_menu .active a {
background: none;
color: #999;
}
/* on nav hover *//*
.third_menu ul:hover {
background-image: none;
border: solid 1px #aaa;
border-radius: 15px;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
.third_menu ul:hover li {
display: block;
margin: 0 0 .357em; /* 0 0 5px; kai 1em=14px*//*
}
.third_menu ul:hover .active {
background: url(../images/checkmark-icon.png) no-repeat 0.5em 0.214em;
} /* 7px 3px; kai 1em=14px*//*
/* right nav *//*
.third_menu.right ul {
left: auto;
right: 0;
}
/* center nav *//*
.third_menu.center ul {
text-align: center;
}
/* left nav *//*
.third_menu.left ul {
left: 0;
right: auto;
*/ }
}
@media screen and (max-width:599px) {
/*.third_menu ul {background: url(../images/menu-icon.png) no-repeat right 5px top; } */
}
@media screen and (max-width:399px) {
.third_menu {display: none !important; }
}
/*** end Tertiary Menu ******/
/*** end MENU ******/
/*** end HEADER ******/
/* ===================================
3. Content
==================================== */
#content {
width:100%;
padding:.7em 0 1.07em; /* 9.8px 0 14.98px kai 1em=14px 16.8px 0 25.68px kai 1em=24px */
position:relative;
z-index:1;
}
/* #puslapis-pradinis #content {padding:1.07em 0 2.86em;} /* 14.98px 0 40.04px kai 1em=14px 25.68px 0 68.64px kai 1em=24px */
/*
#puslapis-paslaugos #content { }
#puslapis-mes #content { }
#puslapis-izvalgos #content { }
*/
section {position: relative;}
.section {padding: 1.8em 0;} /* 25.2px 0 kai 1em=14px 43.2px 0 kai 1em=24px */
.spacer-1 {
width:100%;
background:url(../images/pic-1.gif) 217px 0 repeat-y;
}
/* .spacer-2 {
width:100%; /* in mediaqueries - from 600 px *//*
padding: 1.8em 0; /* 25.2px 0 kai 1em=14px 43.2px 0 kai 1em=24px */ /*
} */
/* .spacer-3 {
width:100%; /* in mediaqueries - from 600 px *//*
padding: 1em 0;
} */
.clearfix2:before,
.clearfix2:after {
display: table;
content: " ";
}
.clearfix2:after {
clear: both;
}
.clearfix2 {
*zoom: 1;
}
/********************* Text Headers **********************/
/*
h1 {font-size: 4.2857142;} /* 60px; kai 1em=14px */ /*
h2 {font-size: 3.4285714;} /* 48px; kai 1em=14px */ /*
h3 {font-size: 2.1428571;} /* 30px; kai 1em=14px */ /*
h4 {font-size: 1.7142857;} /* 24px; kai 1em=14px */ /*
h5 {font-size: 1.285714;} /* 18px; kai 1em=14px */ /*
h6 {font-size: 1.142857;} /* 16px; kai 1em=14px */ /*
*/
h1 {padding:.5em 0 0 0; float:left;} /* 7px; kai 1em=14px*/
h1 a {
display:inline-block;
font-size:3.5em; /* 49px; kai 1em=14px*/
line-height:2em; /* 28px; kai 1em=14px*/
color:#4c4c4c;
letter-spacing:-2px; /* -.14286em; -2px; kai 1em=14px*/
}
h1 strong {color:#dc5130;}
/*
h2 {font-size: 48px;}
*/
h3 {
font-size:2.143em; /* 30px; kai 1em=14px*/
line-height:1.8em; /* 25.2px; kai 1em=14px*/
color:#4c4c4c;
letter-spacing:-2px; /* -.14286em; -2px; kai 1em=14px*/
background:url(../images/h3-tail.gif) 0 bottom repeat-x;
margin-bottom:.57em; /* 7.98px; kai 1em=14px*/
}
/*
h4 {font-size: 24px;}
*/
h5 {font-size: 1.2857em;} /* 18px; kai 1em=14px*/
h6 {font-size: 1.143em;} /* 16px; kai 1em=14px*/
/*
h1, h2, h3, h4, h5, h6 {
position: relative;
margin: 10px 0;
}
*/
.title-3 {
display:block;
font-size:1.643em; /* 23px; kai 1em=14px*/
line-height:2em; /* 28px; kai 1em=14px*/
letter-spacing:-1px; /* -.0714em; -1px; kai 1em=14px*/
background:url(../images/pic-1.gif) left bottom repeat-x;
text-indent:.57em; /* 7.98px; kai 1em=14px*/
padding-bottom:.14286em; /* 2px; kai 1em=14px*/
margin-bottom:.7143em; /* 10px; kai 1em=14px*/
}
/*
(in Sliders - Banners - Textual Slogans)
.title-1 {display:block; font-size:59px; line-height:1.2em; color:#4c4c4c; letter-spacing:-1px; margin-bottom:-10px;}
.title-2 {display:block; font-size:38px; line-height:1.3em; color:#999; letter-spacing:-1px;}
(in Sliders - Elastic Image Slider)
.ei-title h2{font-size: 90px; line-height: 95%; color: #9d9e9e; text-align: right;}
.ei-title h4{font-size: 35px; line-height: 80%; color: #f5f5f5; text-align: right;}
@media screen and
(max-width: 767px) .ei-title h2{font-size: 45px; line-height: 50px;} .ei-title h3{font-size: 30px; line-height: 40px;}
(max-width: 479px) .ei-title h2{font-size: 25px; line-height: 30px;} .ei-title h3{font-size: 15px; line-height: 20px;}
(in Ca-Menu)
.ca-menu h2 {background: none; font-size: 24px; line-height: 32px; letter-spacing:-1px;}
(in Tabs)
.tab_article h3 {height:20px}
(in Services)
.service-gridy h4{font-size: 10px; text-transform: uppercase; font-weight: 700; margin:0; transform: rotate(-4deg);}
.griddy-acty h4 {color:#fff;}
(in Skirta)
.skirta h2 {font-size: 48px; position: relative; margin: 10px 0;}
.skirta h4 {font-size: 24px;position: relative; margin: 10px 0;}
(in Single Word as Headline with Point Rotating)
.box-intro h2 {color:#393939; font-size:100px; text-transform:uppercase;}
.box-intro h4 {letter-spacing: 4px; text-transform: uppercase; color: #999; line-height: 1.7}
(in Bridge & TextFill words)
.textfill h3 {font-size:4em;}
(in Grid by Images)
#grid h4 {font-size: 1.2em; font-weight: 700; margin: 0; padding: 0}
(in Widget)
.widget h3, h3.widget {font-size:20px; line-height:1.2em; color:#666; margin-bottom: 20px;}
.widget h6, h6.widget {font-size:16px; font-weight:600; line-height:1.1em; color:#666; margin-bottom: 20px;
(in Hexagon)
.hex h1 {width: 100%; padding: 5%; box-sizing:border-box; background: linear-gradient(yellow, red); font-weight: 300;
transition: transform .2s ease-out, opacity .3s ease-out;
bottom: 50%; padding-top:50%; font-size: 1.5em; text-transform: uppercase; z-index: 1; transform:translate3d(0,-100%,0);}
*/
/*****end Text Headers **************/
/********************* Banners - Textual Slogans / Texts (Testimonial) *************************/
.title-1 {
display:block;
font-size:59px;
line-height:1.2em;
color:#4c4c4c;
letter-spacing:-1px;
margin-bottom:-10px;
}
.title-2 {
display:block;
font-size:38px;
line-height:1.3em;
color:#999;
letter-spacing:-1px;
}
#banners1 {
position:relative;
z-index:2;
width:100%;
height:127px;
overflow:hidden;
text-align:center;
}
#banners1 > div{
width:100%;
padding-top:13px;
background:#f4f4f4;
}
#prev1,
#next1 {
display:block;
width:10px;
height:19px;
text-indent:-9999em;
position:absolute;
z-index:99;
top:50%;
margin-top:-11px;
}
#prev1 {background:url(../images/prev.gif) 0 0 no-repeat; left:27px;}
#next1 {background:url(../images/next.gif) 0 0 no-repeat; right:29px;}
#banners2{
position:relative;
z-index:2;
width:100%;
height:150px;
overflow:hidden;
text-align:justify;
}
#banners2 > div{
width:100%;
padding-top:5px;
background:#f4f4f4;
}
#prev2,
#next2 {
display:block;
width:10px;
height:19px;
text-indent:-9999em;
position:absolute;
z-index:99;
top:50%;
margin-top:-5px;
}
#prev2 {background:url(../images/prev.gif) 0 0 no-repeat; left:5px;}
#next2 {background:url(../images/next.gif) 0 0 no-repeat; right:5px;}
#banners3 {
width:100%;
height:110px;
overflow:hidden;
text-align:center;
}
#banners3 > div{
width:100%;
padding-top:5px;
background:#f4f4f4;
}
/******end Banners - Textual Slogans / Texts (Testimonial) **********/
/********************* Modals **********************/
.modalDialog,.modalDialog2 {
position: fixed;
top: 0; /* dėl fixed header in mobile & tablets reikia nuleisti 5% */
right: 0;
bottom: 0;
left: 0;
overflow: auto;
background: rgba(157,158,158, 0.8);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.modalDialog:target, .modalDialog2:target {
opacity:1;
pointer-events: auto;
}
.modalDialog > div, .modalDialog2 > div {
position: relative;
margin: 10% auto;
padding: .357em 1.42857em .92857em 1.42857em; /* 5px 20px 13px 20px; kai 1em=14px */
border-radius: 10px;
background: #fff;
background: -moz-linear-gradient(#fff, #d3d3d3); /* light gray #d3d3d3 rgb 211,211,211 */
background: -webkit-linear-gradient(#fff, #d3d3d3);
background: -o-linear-gradient(#fff, #d3d3d3); /* #999 */
}
.modalDialog > div {width: 28.57142em;} /* 400px; kai 1em=14px 548.6px kai 1em=14px */
.modalDialog2 > div {width: 68.57em;} /* 960px; */
.close {
background: #606061; /* dark gray rgb (96,96,97) */
color: #FFFFFF;
line-height: 1.7857em; /* 25px; */
position: absolute;
right: -.857em; /* -12px; */
text-align: center;
top: -.7142857em; /* -10px; arba -2% ar -3% kad ant kampo virš ribū būtų */
width: 1.7142857em; /* 24px; */
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {background: #dc5130;} /* red */
/*
.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
}
*/
/*****end Modals **************/
/********************* Buttons **********************/
.button {
display:inline-block;
padding:.35em 1.35em; /* 4.9px 19px kai 1em=14px; 8.4px 32.4px kai 1em=24px */
font-size:1em; /* 1em=14px - 1em=24px */
line-height:1.23em;
color:#fff;
background:#4c4c4c;
cursor:pointer;
}
.button:hover {background:#dc5130;}
.button-gray-fill { /* in ?? Atviri mokymai?? */
display:inline-block;
padding:.35em 1.35em; /* 4.9px 19px kai 1em=14px; 8.4px 32.4px kai 1em=24px */
font-size:1em; /* 1em=14px - 1em=24px */
line-height:1.23em;
color:#fff;
background:#c0c0c0;
cursor:pointer;
}
.button-gray-fill:hover {background:#dc5130;}
.button-big,
.button-big1,
.button-big2 {
display:inline-block;
font-size:1.25em;
font-style:italic;
font-weight: bolder;
color:#dc5130;
background:#9d9e9e;
cursor:pointer;
padding:.35em 1.35em;
}
.button-big,
.button-big1 {
text-align:center;
}
.button-big2 {text-align:right;} /* in Contact form in MES */
.button-big:hover,
.button-big1:hover,
.button-big2:hover {
color:#fff;
background:#dc5130;
}
.buttons {text-align:right;} /* in Contact form in MES */
.buttons a {margin-left:.4em;} /* 5.6px kai 1em=14px - 9.6px kai 1em=24px */
.buttons a:hover {cursor:pointer;}
.buttons1 {text-align:center;} /* main Button in mobile layout - centered, in other - left by mediaqueries */
.btn {
font-size: 1.25em; /* 17.5px kai 1em=14px 30px kai 1em=24px */
display: inline-block;
padding: .7em 1.3em; /* 9.8px 18.2px kai 1em=14px; 16.8px 31.2px kai 1em=24px */
color: white;
border: 2px solid transparent;
border-radius: 2px;
background: transparent;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn:hover, /* in Intro Tables, Skirta section */
.btn:focus {
color: white;
}
.btn.btn-white-fill {
color: #fff;
border-color: #fff;
background: transparent;
}
.btn.btn-white-fill:hover {
color: #9d9e9e;
background: #fff;
}
.btn.btn-gray-fill {
color: #fff;
border-color: #fff;
background: transparent;
}
.btn.btn-gray-fill:hover {
border-color: #bbb;
background: #bbb;
}
/*****end Buttons **************/
/************** Pointers ************/
/**** Static Icons ****/
.icon_back, .icon_back2, .icon_next, .icon_next2 {
z-index:100;
position:absolute;
cursor: pointer;
}
.icon_back, .icon_next {bottom:15%;}
.icon_back1, .icon_next1 {top:0;}
.icon_back2, .icon_next2 {bottom:0;}
.icon_back, .icon_back1, .icon_back2 {left:0.5%;}
.icon_next, .icon_next1, .icon_next2 {right:0.5%;}
#icon_back_img, #icon_next_img {
width:68px;
height:68px;
opacity:0.7;
}
#icon_next_img {float:right;}
#icon_back_img {float:left;}
.look {
float:left;
width: 100%;
height: auto;
left: 10%;
}
/**** end Static Icons ****/
/**** Mouse effect - Scroll down ****/
.mouse {
position: absolute;
width: 1.6em;
height: 3em;
bottom: 15%;
left: 50%;
margin-left: -12px;
border-radius: 15px;
border: 2px solid #000000;
opacity:0.7;
-webkit-animation: intro 1s;
animation: intro 1s;
cursor: pointer;
}
.scroll {
display: block;
width: 3px;
height: 3px;
margin: 6px auto;
border-radius: 4px;
background: #000000;
opacity:0.7;
-webkit-animation: finger 2s infinite;
animation: finger 2s infinite;
}
@-webkit-keyframes intro {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes intro {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes finger {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes finger {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
/**** end Mouse effect ****/
/**** end Pointers ****/
hr {
color: #a9a9a9;
opacity: 0.3;
}
.box {
width:100%;
background:#fff;
box-shadow:0 0 2px #ddd;
-moz-box-shadow:0 0 2px #ddd;
-webkit-box-shadow:0 0 2px #ddd;
margin-bottom:2px;
}
.box .padding {padding:10px 12px 20px;}
.box a {font-size:13px; line-height:20px; color:#999; display:inline-block;}
.tdate-1 {display:block;}
.tdate-1 a {color:#4c4c4c;}
.list-1 li {
line-height:1.357em; /* 19px */
padding:.57em 0 .57em 1em; /* 8px 0 8px 14px; */
background:url(../images/marker-1.gif) 0 1.07143em no-repeat; /* 0 8px 14px; */
}
.list-1 a {display:inline-block;}
.list-1 a:hover {color:#4c4c4c;}
.list-2 li {
font-size:1em;
line-height:1.7142857em; /* 24px; */
padding:0px;
background:url(../images/pic-1.gif) 0 bottom repeat-x;
}
.list-2 a {
display:block;
color:#1799cf;
padding-left:.857em; /* 12px; */
background:url(../images/marker-1.gif) 0 10px no-repeat;
}
.list-2 a:hover {color:#fff;}
.list-2 .last-item {background:none;}
.list-3 li {
/* display:inline-block; */
line-height: 1.4285714em; /* 20px; */
padding:0 0 0 1.07em; /* 0 0 0 15px; */
background:url(../images/marker-1.gif) 5px 5px no-repeat;
}
.list-4 li {
font-size:1.07em; /* 15px; */
line-height:1.7857em; /* 25px; */
padding:0 0 0 2.1428571em; /* 0 0 0 30px; */
background:url(../images/checkmark-icon.png) .21286em .2857em no-repeat; /* 3px 4px; */
}
.list-5 li {
display:inline;
font-size:1.07em; /* 15px; */
line-height:1.7857em; /* 25px; */
padding:0 0 0 1.4285714em; /* 0 0 0 20px; */
background:url(../images/checkmark-icon.png) .21286em .2857em no-repeat; /* 3px 4px; */
}
.list-services {
padding:0;
}
.list-services li {
float:left;
padding:0 0 0 .7142857em; /* 0 0 0 10px; */
}
.complex-list ul,
.complex-list2 ul {
list-style:none;
padding:0;
margin:0;
}
.complex-list li.complex {
padding: 9px;
margin-bottom: 30px;
}
.complex-list li.complex,
.complex-list2 li.complex {
display: block;
border:1px solid #c0c0c0;
border-radius: 10px 10px 10px 0px;
-webkit-border-radius: 10px 10px 10px 0px;
-moz-border-radius: 10px 10px 10px 0px;
}
.complex-list li.complex:last-child,
.complex-list2 li.complex:last-child {margin-bottom: 0px;}
.complex-list li.complex > label {
display: block;
/* float: left; */
margin-top: -20px;
margin-bottom: 10px;
background:#dddddd;
height: 1.2857em;
padding: 2px 5px 2px 5px;
color: #000000;
font-size: 1.07em;
overflow: hidden;
border-radius: 10px 10px 10px 0px;
-webkit-border-radius: 10px 10px 10px 0px;
-moz-border-radius: 10px 10px 10px 0px;
}
.complex-list li.complex > span {
background:#dddddd;
display: block;
padding: 5px 20px 5px 0px;
margin: 0 -9px -9px -9px;
text-align: right;
color: #9d9e9e;
font-size: .857em;
font-style:italic;
}
.complex-list2 li.complex {
padding: 5px;
margin-bottom: 10px;
}
.complex-list2 li.complex > span {
display: block;
margin-top: -20px;
transition: all ease-in-out 500ms;
}
.complex-list2 li.complex > span:hover {transform: rotate(360deg);}
.link:hover {color:#4c4c4c;}
.link-1 {
display:inline-block;
font-size:1em;
padding-right:.57em; /* 8px; */
background:url(../images/marker-3.gif) right .57em no-repeat; /* 8px; */
}
.link-1:hover {color:#fff;}
.height1 {height:20vh;}
.height2 {height:30vh;}
.height3 {height:50vh;}
.height4 {height:100vh;}
.height100 {height:100%;}
dl dt {margin-bottom:10px;}
dl span {float:left; width:69px;}
/***** Widget *****/
.widget h3, h3.widget {
font-size:1.4285714em; /* 20px; */
/* font-weight:700; */
line-height:1.2em;
color:#666;
margin-bottom: 1.4285714em; /* 20px; */
/* letter-spacing:1px; */
}
.widget h6, h6.widget {
font-size:1.1428571em; /* 16px; */
font-weight:600;
line-height:1.1em;
color:#666;
margin-bottom: 1.4285714em; /* 20px; */
}
.widget ul.recent li {
display:inline-block;
margin-bottom:1.4285714em; /* 20px; */
}
ul.recent li h6 {
margin:0 0 .7142857em 0; /* 0 0 10px 0; */
}
/* ul.recent li h6 a {
color:#666;
}
ul.recent li h6 a:hover{
color:#dc5130;
} */
.widget ul.tags {
list-style:none;
margin:0;
margin-left: 0;
padding-left:0;
}
.widget ul.tags li {
margin:0 .57em 1.07em 0; /* 0 5px 15px 0*/
display:inline-block;
}
.widget ul.tags li a {
background:#e6e6e6;
color:#333;
padding:.57em .7142857em; /* 5px 10px*/
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #888;
}
.widget ul.tags li a:hover {
text-decoration:none;
color:#fff;
}
/***** end Widget *****/
/* ===================================
4. Specifics in pages
==================================== */
/******* PRADINIS *******/
/******************** Elastic Image Slider ***************************************/
.ei-slider{
position: relative;
width: 100%;
max-width: 1920px;
height: 400px;
margin: 0 auto;
}
.ei-slider-loading{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index:999;
background: rgba(157,158,158,0.8); /* #9d9e9e gray like in logo */
color: #fff;
text-align: center;
line-height: 400px;
}
.ei-slider-large{
height: 100%;
width: 100%;
position:relative;
overflow: hidden;
}
.ei-slider-large li{
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
height: 100%;
width: 100%;
}
.ei-slider-large li img{
width: 100%;
}
.ei-title{
position: absolute;
right: 50%;
margin-right: 13%;
top: 30%;
}
.ei-title h2, .ei-title h4{
text-align: right;
}
.ei-title h2{
font-size: 90px;
line-height: 95%;
color: #9d9e9e; /* gray like in logo */
}
.ei-title h4{
font-size: 32px;
line-height: 95%;
color: #f5f5f5;
}
.ei-slider-thumbs{
height: 13px;
margin: 0 auto;
position: relative;
}
.ei-slider-thumbs li{
position: relative;
float: left;
height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
top: 0px;
left: 0px;
position: absolute;
height: 100%;
z-index: 10;
text-indent: -9000px;
background: #9d9e9e; /* gray like in logo */
}
.ei-slider-thumbs li a{
display: block;
text-indent: -9000px;
background: #eaeaea;
width: 100%;
height: 100%;
cursor: pointer;
-webkit-box-shadow:
0px 1px 1px 0px rgba(0,0,0,0.3),
0px 1px 0px 1px rgba(255,255,255,0.5);
-moz-box-shadow:
0px 1px 1px 0px rgba(0,0,0,0.3),
0px 1px 0px 1px rgba(255,255,255,0.5);
box-shadow:
0px 1px 1px 0px rgba(0,0,0,0.3),
0px 1px 0px 1px rgba(255,255,255,0.5);
-webkit-transition: background 0.2s ease;
-moz-transition: background 0.2s ease;
-o-transition: background 0.2s ease;
-ms-transition: background 0.2s ease;
transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
background-color: #f0f0f0;
}
.ei-slider-thumbs li img{
position: absolute;
bottom: 50px;
opacity: 0;
z-index: 999;
max-width: 100%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-box-reflect:
below 0px -webkit-gradient(
linear,
left top,
left bottom,
from(transparent),
color-stop(50%, transparent),
to(rgba(255,255,255,0.3))
);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
opacity: 1;
bottom: 13px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/******end Elastic Image Slider *****************/
/************** Intro Tables *****************/
.intro-table {
position: relative;
width: 100%;
height: 17.857em; /* 250px */
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: 0% 0%;
}
.intro-table-first {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/intro/table1.jpg');
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/intro/table1.jpg');
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/intro/table1.jpg');
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/intro/table1.jpg');
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url('../images/intro/table1.jpg');
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/intro/table1.jpg');
}
.intro-table-hover {
-webkit-transition: background-image 0.3s ease, background-position 0.3s;
transition: background-image 0.3s ease, background-position 0.3s;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/intro/PsiKimg1a.jpg');
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/intro/PsiKimg1a.jpg');
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/intro/PsiKimg1a.jpg');
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/intro/PsiKimg1a.jpg');
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url('../images/intro/PsiKimg1a.jpg');
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/intro/PsiKimg1a.jpg');
}
.intro-table-third {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/intro/table3.jpg');
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/intro/table3.jpg');
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/intro/table3.jpg');
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/intro/table1.jpg');
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url('../images/intro/table3.jpg');
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/intro/table3.jpg');
}
.intro-table-second {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/intro/xmas18.gif');
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/intro/xmas18.gif');
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/intro/xmas18.gif');
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/intro/xmas18.gif');
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url('../images/intro/xmas18.gif');
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/intro/xmas18.gif');
}
.intro-table-hover h6 {
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.intro-table-hover:hover {
background-image: url('../images/intro/PsiKimg1a.jpg');
background-position: 50% 50%;
}
.intro-table-hover .expand {
margin: 30px;
margin-top: 120px;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s ease, opacity 0.3s;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
.intro-table-hover:hover h5,
.intro-table-hover:hover h6 {
color: red;
}
.intro-table-hover:hover h6 {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.intro-table-hover:hover .expand {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.intro-table-hover .hide-hover {
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.intro-table-hover:hover .hide-hover {
opacity: 0;
}
.intro-table-hover .info-icon {
width:.85em; /* 12px */
height:.85em; /* 12px */
position: absolute;
top: 1%; /* buvo 0.5% - per arti; buvo .714em 10px - nevienodai*/
right: 2%; /* buvo 1%; buvo .714em 10px */
pointer-events: none;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.intro-table .heading,
.intro-table .small-heading,
.intro-table .descr {
color:#fff;
margin: 0;
padding-right:2%;
padding-left:2%;
}
.intro-table .heading {
padding-top:10%;
padding-bottom:5%;
}
.intro-table .small-heading {
padding-top:0%;
padding-bottom:0%;
}
.intro-table .btn {
font-size: 1.143em; /* 16px kaip ir h6 */
padding:.357em; /* 5px */
margin-top:5%;
margin-right:3%;
}
.intro-table .descr {
padding-top:20%;
padding-bottom:2%;
}
.intro-table .bottom {
position: absolute;
bottom:0;
}
/*****end Intro Tables **************/
/******* end PRADINIS *******/
/******* PASLAUGOS *******/
/***** Ca-Menu *****/
.ca-menu li {
width: 24%;
overflow: hidden;
position: relative;
float:left;
background: #fff;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
margin-right: .6666%;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.ca-menu li:first-child {margin-left: 1%;}
.ca-menu li:last-child {margin-right: 1%;}
.ca-menu li a{
width: 100%;
height: 100%;
display: block;
position: relative;
}
.ca-menu li a.bordo {color:#962402;}
.ca-menu li a.red {color:#e33a02;}
.ca-menu li a.orange {color:#fa9200;}
.ca-menu li a.yellow {color:#f5c505;}
.ca-content {
position: absolute;
bottom:5%;
width: 100%;
text-align: center;
padding: 0;
}
.ca-title {
margin:0;
padding:0;
background: none;
letter-spacing: -1px;
text-transform: uppercase;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.ca-subtitle {
padding: .3125em; /* 5px */
background: none;
color: #666;
opacity: 0.8;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.ca-icon-place {position: relative;}
@font-face {
font-family: 'WebSymbolsRegular';
src: url('websymbols/websymbols-regular-webfont.eot');
src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('websymbols/websymbols-regular-webfont.woff') format('woff'),
url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
font-weight: normal;
font-style: normal;
}
.ca-icon {
font-family: 'WebSymbolsRegular', cursive;
position: absolute;
bottom: 0;
left: 45%;
margin-right: -55%;
/* transform: translateX(-50%); */
color: #b1b1b1;
text-shadow: 0px 0px 1px #333;
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
-o-transition: all 400ms linear;
-ms-transition: all 400ms linear;
transition: all 400ms linear;
}
.ca-menu li:hover {background-color: #b1b1b1;}
.ca-menu li:hover .ca-icon {color: #fff;}
.ca-menu li:hover .ca-title {
color: #fff;
-webkit-animation: moveFromLeftRotate 300ms ease;
-moz-animation: moveFromLeftRotate 300ms ease;
-ms-animation: moveFromLeftRotate 300ms ease;
}
.ca-menu li:hover .ca-subtitle {
color: #fff;
-webkit-animation: moveFromBottom 500ms ease;
-moz-animation: moveFromBottom 500ms ease;
-ms-animation: moveFromBottom 500ms ease;
}
@-webkit-keyframes moveFromLeftRotate{
from {
-webkit-transform: translateX(-100%) rotate(-90deg);
}
to {
-webkit-transform: translateX(0%) rotate(0deg);
}
}
@-moz-keyframes moveFromLeftRotate{
from {
-moz-transform: translateX(-100%) rotate(-90deg);
}
to {
-moz-transform: translateX(0%) rotate(0deg);
}
}
@-ms-keyframes moveFromLeftRotate{
from {
-ms-transform: translateX(-100%) rotate(-90deg);
}
to {
-ms-transform: translateX(0%) rotate(0deg);
}
}
@-webkit-keyframes moveFromBottom {
from {
-webkit-transform: translateY(100%);
}
to {
-webkit-transform: translateY(0%);
}
}
@-moz-keyframes moveFromBottom {
from {
-moz-transform: translateY(100%);
}
to {
-moz-transform: translateY(0%);
}
}
@-ms-keyframes moveFromBottom {
from {
-ms-transform: translateY(100%);
}
to {
-ms-transform: translateY(0%);
}
}
/***** end Ca-Menu *****/
/***** Tabs *****/
.tab_content {
float:left;
clear:both;
border-top:none;
border-left:none;
background:#fff;
margin: 0 1%;
}
.tab_article {
margin: .625em .125em;
background:#fff;
clear:both;
}
/*
.tab_article p {padding:0; font-size:1em; line-height:1.7em;}
.tab_article img {float:left; width:7em; margin-right: .9375em;}
.tab_article h3 {height: 1.25em;}
*/
.tab_article_button {
display:inline-block;
padding:5px 19px;
font-size:13px;
line-height:1.23em;
color:#dc5130;
font-weight: bold;
background:#b1b1b1;
text-transform:uppercase;
cursor:pointer;
border-radius: 50px 50px;
}
.menu_tab {clear: both;}
.menu_tab li {
width: 24%;
margin-right: .6666%;
float: left;
}
.menu_tab li:first-child {margin-left: 1%;}
.menu_tab li:last-child {margin-right: 1%;}
.menu_tab li a {
display:inline-block;
text-align: center;
text-transform: uppercase;
letter-spacing: -.0625em; /* -1px */
width: 100%;
text-decoration: none;
color: #fff;
border-bottom: none;
border-right: .0625em solid #b1b1b1;
font-weight: bold;
}
.menu_tab li a.bcg_bordo {background-color:#962402;}
.menu_tab li a.bcg_red {background-color:#e33a02;}
.menu_tab li a.bcg_orange {background-color:#fa9200;}
.menu_tab li a.bcg_yellow {background-color:#f5c505;}
.menu_tab li.selected a {background:#fff;}
.menu_tab li.selected a.bordo {color:#962402;}
.menu_tab li.selected a.red {color:#e33a02;}
.menu_tab li.selected a.orange {color:#fa9200;}
.menu_tab li.selected a.yellow {color:#f5c505;}
/***** end Tabs *****/
/***** Services *****/
.services-rombic{background:#f6f6f6;}
.services-row {padding: 0 0 0 50px;}
.services-row-column {margin-bottom: 0.5em;}
.services-row-column h2 {
padding:1em 0; /* padding: 1em 0 0; */
margin:0px;
font-size:1em; /* font-size: 1.2em; */
font-weight:800;
text-transform:uppercase;
}
.services-row-column p {
font-size:0.85em;
line-height:23px;
color:#999;
}
.service-grid, .service-grid1, .service-grid2, .service-grid3 {
text-align:center;
float:left;
width:12%;
/*
-webkit-transform: rotate(44deg);
-moz-transform: rotate(44deg);
-o-transform: rotate(44deg);
-ms-transform: rotate(44deg);
transform: rotate(44deg);*/
}
.service-grid {margin: -1% 0 0 10%;}
.service-grid1 { margin: 0 0 0 7%;}
.service-grid2 {margin: 2% 0 0 5%;}
.service-grid3 { margin: 2% 0 0 7%;}
.service-griddy {
min-height:100px;
padding:0.5em 0.4em 0.7em 0.2em;
background:#ffffff;
margin-bottom:0.5em;
}
.service-griddy:hover div.service-gridy h4{
color:#fff;
transition:0.5s all;
-webkit-transition:0.5s all;
-o-transition:0.5s all;
-moz-transition:0.5s all;
-ms-transition:0.5s all;
}
.griddy-act,.service-griddy:hover {
background:#b1b1b1;
transition:0.5s all;
-webkit-transition:0.5s all;
-o-transition:0.5s all;
-moz-transition:0.5s all;
-ms-transition:0.5s all;
}
.service-gridy {
/*
-webkit-transform: rotate(-38deg);
-moz-transform: rotate(-38deg);
-o-transform: rotate(-38deg);
-ms-transform: rotate(-38deg);
transform: rotate(-38deg); */
margin:0.6em 0em 0em 0em;
}
.service-gridy h4 {
font-size: 10px;
text-transform: uppercase;
font-weight: 700;
margin:0;
/*
transform: rotate(-4deg);
-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
-o-transform: rotate(-4deg);
-ms-transform: rotate(-4deg); */
}
.griddy-acty h4 {
color:#fff;
}
.service-gridy i {
width: 2.5em; /* 35px; */
height: 2.5em; /* 35px; */
background:url(../images/paslaugos/service-icons.png)no-repeat;
display: inline-block;
}
.service-gridy i.icon-a{
background-position:0px 0px;
}
.service-gridy i.icon-b{
background-position:-40px 0px;
}
.service-gridy i.icon-c{
background-position:-78px 0px;
}
.service-gridy i.icon-d{
background-position:-120px 0px;
}
.service-gridy i.icon-e{
background-position:-161px 0px;
}
.service-gridy i.icon-f{
background-position:-204px 0px;
}
.service-gridy i.icon-g{
background-position:-246px 0px;
}
.service-gridy i.icon-h{
background-position:-281px 0px;
}
.service-gridy img{
width:100%;
}
/***** end Services *****/
/***** Skirta *****/
#pricing {
background: #fff url('../images/paslaugos/skirta1.jpg') no-repeat center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
transition: background-image 0.6s linear 0.3s;
-webkit-transition: background-image 0.6s linear 0.3s;
-moz-transition: background-image 0.6s linear 0.3s;
-o-transition: background-image 0.6s linear 0.3s;
}
.title h2 {font-size:48px; position:relative; margin:10px 0; color: gray;}
.title h4 {font-size:28px; position:relative; margin:10px 0; color: gray; line-height:2em;}
.box-main h4 {font-size:24px; position:relative; margin:10px 0;}
ul.white-list {
padding: 0;
list-style-type: none;
}
ul.white-list li {
font-size: 18px;
margin: 6px 2px;
color: #fff;
}
ul.white-list li:before {
content: ' ';
position: relative;
top: -3px;
display: inline-block;
width: 6px;
height: 6px;
margin-right: 10px;
background: white;
}
.owl-pricing img {
width: 100%;
}
.owl-pricing,
.pricings {
margin-top: 80px;
margin-bottom: 0px;
}
.pricing {
position: relative;
width: 100%;
}
.pricings .pricing .box-main,
.pricings .pricing .box-second {
position: relative;
left: 25%;
display: inline-block;
width: 50%;
height: 150px;
padding: 15px 10px;
background: #bbb;
-webkit-transition: -webkit-transform 0.3s, background-image 0.3s, opacity 0.3s;
transition: transform 0.3s, background-image 0.3s, opacity 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.pricings .pricing .box-main {
z-index: 10;
padding-top: 15px;
}
.pricings .pricing .box-main:not(.active) {
cursor: pointer;
}
.pricings .pricing .box-main .info-icon {
width:1.42857em; /* 20px */
height:1.42857em; /* 20px */
position: absolute;
top: 10px;
right: 10px;
pointer-events: none;
opacity: 0;
color: #fff;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.pricings .pricing .box-main:not(.active) .info-icon {
opacity: 1;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.pricings .pricing .box-main:not(.active):hover {
background: #afafaf;
}
.pricings .pricing .box-main.active {
background: #9d9e9e;
-webkit-transform: translateX(-99%);
-ms-transform: translateX(-99%);
transform: translateX(-99%);
}
.pricings .pricing .box-second {
position: absolute;
top: 0;
right: 0% !important;
left: auto;
opacity: 0;
background: #afafaf;
}
.pricings .pricing .box-second.active {
opacity: 1;
background: #9d9e9e;
}
.pricings .pricing.active .box-main,
.pricings .pricing .box-second {
background: #9d9e9e;
}
.pricings .pricing .box-main a.btn {
margin-top: 20px;
}
/***** end Skirta *****/
/******* end PASLAUGOS *******/
/**** MES ****/
/***** Bridge *****/
#bridge {
/* background: url('../images/mes/Eimg.png') no-repeat center center;
background-image: url('../images/mes/Eimg.png'); */
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
width: 100%;
height: 30vh;
}
/***** end Bridge *****/
/***** TextFill *****/
.textfill {
position:relative;
display:inline-block;
height:100%;
}
.word {width:35%;}
.sign {width:30%;}
.text--transparent {fill:transparent;}
.anim-shape {
-webkit-transform-origin: 0x 150px;
-moz-transform-origin: 0x 150px;
-o-transform-origin: 0x 150px;
-ms-transform-origin: 0x 150px;
transform-origin: 0x 150px;
-webkit-transform: scale(0, 1) translate(0, 0);
-moz-transform: scale(0, 1) translate(0, 0);
-o-transform: scale(0, 1) translate(0, 0);
-ms-transform: scale(0, 1) translate(0, 0);
transform: scale(0, 1) translate(0, 0);
-webkit-animation: moving-panel 3s infinite alternate;
-moz-animation: moving-panel 3s infinite alternate;
-o-animation: moving-panel 3s infinite alternate;
-ms-animation: moving-panel 3s infinite alternate;
animation: moving-panel 3s infinite alternate; }
.colortext1 .anim-shape:nth-child(1) {fill: #e30b13;}
.colortext1 .anim-shape:nth-child(2) {fill: #f07e0c;}
.colortext1 .anim-shape:nth-child(3) {fill: #f5c505;}
.colortext1 .anim-shape:nth-child(4) {fill: #fce300;}
.colortext1 .anim-shape:nth-child(5) {fill: #9d9e9e;}
.colortext2 .anim-shape:nth-child(1) {fill: #9d9e9e;}
.colortext2 .anim-shape:nth-child(2) {fill: #fce300;}
.colortext2 .anim-shape:nth-child(3) {fill: #f5c505;}
.colortext2 .anim-shape:nth-child(4) {fill: #f07e0c;}
.colortext2 .anim-shape:nth-child(5) {fill: #e30b13;}
.shadow {
-webkit-transform: translate(10px, 10px);
-moz-transform: translate(10px, 10px);
-o-transform: translate(10px, 10px);
-ms-transform: translate(10px, 10px);
transform: translate(10px, 10px); }
.anim-shape--shadow {
fill: #000;
fill-opacity: 0.2; }
@-webkit-keyframes moving-panel {
100% {
-webkit-transform: scale(1, 1) translate(20px, 0);
transform: scale(1, 1) translate(20px, 0); } }
@keyframes moving-panel {
100% {
-webkit-transform: scale(1, 1) translate(20px, 0);
transform: scale(1, 1) translate(20px, 0); } }
.text--line1, .text--line2 {font-size:6.5em;}
/* .text--line2 {font-size: 30em;} */
svg {
width: 100%;
margin: 0 auto;
display: block;
text-transform: uppercase; }
h1.plus {position: absolute;}
/***** end TextFill *****/
/***** Single Word as Headline with Point: Rotating *****/
.box-intro {
text-align: center;
display: table;
height: 30vh;
width: 100%;
}
.box-intro .table-cell {
display: table-cell;
vertical-align: middle;
}
.box-intro em {
font-style: normal;
text-transform: uppercase
}
b i:last-child {
color: #dc5130 !important; /* #ffbf00 !important; */
}
.box-intro h2 {
color:#393939;
font-size:100px;
text-transform:uppercase;
}
.box-intro h4 {
letter-spacing: 4px;
text-transform: uppercase;
color: #999;
line-height: 1.7
}
/* text rotate */
.box-headline {
font-size: 120px;
line-height: 1.0;
}
.box-words-wrapper {
display: inline-block;
position: relative;
}
.box-words-wrapper b {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
}
.box-words-wrapper b.is-visible {
position: relative;
}
.no-js .box-words-wrapper b {
opacity: 0;
}
.no-js .box-words-wrapper b.is-visible {
opacity: 1;
}
.box-headline.rotate-2 .box-words-wrapper {
-webkit-perspective: 300px;
perspective: 300px;
}
.box-headline.rotate-2 i,
.box-headline.rotate-2 em {
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.box-headline.rotate-2 b {
opacity: 0;
}
.box-headline.rotate-2 i {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
opacity: 0;
}
.is-visible .box-headline.rotate-2 i {
opacity: 1;
}
.box-headline.rotate-2 i.in {
-webkit-animation: box-rotate-2-in 0.4s forwards;
animation: box-rotate-2-in 0.4s forwards;
}
.box-headline.rotate-2 i.out {
-webkit-animation: box-rotate-2-out 0.4s forwards;
animation: box-rotate-2-out 0.4s forwards;
}
.box-headline.rotate-2 em {
-webkit-transform: translateZ(20px);
transform: translateZ(20px);
}
.no-csstransitions .box-headline.rotate-2 i {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 0;
}
.no-csstransitions .box-headline.rotate-2 i em {
-webkit-transform: scale(1);
transform: scale(1);
}
.no-csstransitions .box-headline.rotate-2 .is-visible i {
opacity: 1;
}
@-webkit-keyframes box-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
}
}
@keyframes box-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
transform: translateZ(-20px) rotateX(0deg);
}
}
@-webkit-keyframes box-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
}
}
@keyframes box-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
transform: translateZ(-20px) rotateX(-90deg);
}
}
@media only screen and (max-width: 959px) {
.box-intro {height:20vh;}
.box-headline {font-size:110px;}
.box-intro h2 {font-size:95px;}
.box-intro h4 {font-size:13px;}
}
@media only screen and (max-width: 860px) {
.box-intro {height:20vh;}
.box-headline {font-size:100px;}
.box-intro h2 {font-size:85px;}
.box-intro h4 {font-size:12px;}
}
@media only screen and (max-width: 767px) {
.box-intro {height:20vh;}
.box-headline {font-size:85px;}
.box-intro h2 {font-size:70px;}
.box-intro h4 {font-size:10px;}
}
@media only screen and (max-width: 620px) {
.box-intro {height:20vh;}
.box-headline {font-size:70px;}
.box-intro h2 {font-size:55px;}
.box-intro h4 {font-size:10px;}
}
@media only screen and (max-width: 495px) {
.box-intro {height:20vh;}
.box-headline {font-size:55px;}
.box-intro h2 {font-size:40px;}
.box-intro h4 {font-size:9px;}
}
@media only screen and (max-width: 399px) {
.box-intro {height:20vh;}
.box-headline {font-size:40px;}
.box-intro h2 {font-size:30px;}
.box-intro h4 {font-size:8px;}
}
@media only screen and (max-width: 319px) {
.box-intro {height:10vh;}
.box-headline {font-size:30px;}
.box-intro h2 {font-size:20px;}
.box-intro h4 {font-size:8px;}
}
/***** end Single Word as Headline with Point: Rotating *****/
/***** Responsive Image Accordion *****/
.accordion {
width: 100%;
max-width: 2000px;
overflow: hidden;
margin: 0 auto;
padding: .35em .35em;
}
.accordion ul {
width: 100%;
display: table;
table-layout: fixed;
margin-left:1%!important;
margin-right:1%!important;
padding: 0;
}
.accordion,
.accordion ul li,
.accordion ul li div a {height: 500px;}
.accordion ul li {
display: table-cell;
vertical-align: bottom;
position: relative;
background-repeat: no-repeat;
background-position: center center;
width: 19.6%;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.accordion ul li div {
display: block;
overflow: hidden;
width: 100%;
}
.accordion ul li div .info-icon {
font-size: inherit;
width:.85em;
height:.85em;
position: absolute;
bottom: 10%;
right: 5%;
opacity: 1;
/* color: #fff;*/
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.accordion ul li div a {
display: block;
width: 100%;
position: relative;
z-index: 3;
vertical-align: bottom;
box-sizing: border-box;
color: #fff;
text-decoration: none;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
}
.accordion ul li div a * {
opacity: 0;
margin: 0;
width: 100%;
text-overflow: ellipsis;
position: relative;
z-index: 5;
white-space: nowrap;
overflow: hidden;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}
.accordion ul li div a h2 {
font-size: 2.3em; /* 32.2px ksi 1em=14px */
line-height: 2.5em; /* 35px ksi 1em=14px */
top: 75%;
left: 2%;
text-overflow: clip;
color: #9d9e9e; /* gray like in logo */
text-transform: uppercase;
}
.accordion ul li div a p {
top: 265px;
font-size: 13.5px;
}
.accordion ul li:nth-child(1) {background-image: url('../images/mes/exp/exp-b-xLARGE.jpg');}
.accordion ul li:nth-child(2) {background-image: url('../images/mes/exp/exp-r-xLARGE.jpg');}
.accordion ul li:nth-child(3) {background-image: url('../images/mes/exp/exp-o-xLARGE.jpg');}
.accordion ul li:nth-child(4) {background-image: url('../images/mes/exp/exp-y-xLARGE.jpg');}
.accordion ul li:nth-child(5) {background-image: url('../images/mes/exp/exp-grey-xLARGE.jpg');}
.accordion ul:hover li {width:5%;}
.accordion ul:hover li:hover {width:78%;}
/*
.accordion ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); }
*/
.accordion ul:hover li:hover a * {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.accordion ul:hover li:hover a .info-icon,
.accordion ul li div a .info-icon {
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
/*
.accordion ul:hover li:hover a * .info-icon {
opacity: 0;
pointer-events: none;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
*/
@media only screen and (max-width: 1439px) {
.accordion,
.accordion ul li,
.accordion ul li div a {height: 450px;}
.accordion ul li:nth-child(1) {background-image: url('../images/mes/exp/exp-b-mLARGE.jpg');}
.accordion ul li:nth-child(2) {background-image: url('../images/mes/exp/exp-r-mLARGE.jpg');}
.accordion ul li:nth-child(3) {background-image: url('../images/mes/exp/exp-o-mLARGE.jpg');}
.accordion ul li:nth-child(4) {background-image: url('../images/mes/exp/exp-y-mLARGE.jpg');}
.accordion ul li:nth-child(5) {background-image: url('../images/mes/exp/exp-grey-mLARGE.jpg');}
}
@media only screen and (max-width: 1023px) {
.accordion,
.accordion ul li,
.accordion ul li div a {height: 300px;}
.accordion ul li:nth-child(1) {background-image: url('../images/mes/exp/exp-b-MEDIUM.jpg');}
.accordion ul li:nth-child(2) {background-image: url('../images/mes/exp/exp-r-MEDIUM.jpg');}
.accordion ul li:nth-child(3) {background-image: url('../images/mes/exp/exp-o-MEDIUM.jpg');}
.accordion ul li:nth-child(4) {background-image: url('../images/mes/exp/exp-y-MEDIUM.jpg');}
.accordion ul li:nth-child(5) {background-image: url('../images/mes/exp/exp-grey-MEDIUM.jpg');}
}
@media only screen and (max-width: 767px) {
.accordion,
.accordion ul li,
.accordion ul li div a {height: 200px;}
.accordion ul li:nth-child(1) {background-image: url('../images/mes/exp/exp-b-sMEDIUM.jpg');}
.accordion ul li:nth-child(2) {background-image: url('../images/mes/exp/exp-r-sMEDIUM.jpg');}
.accordion ul li:nth-child(3) {background-image: url('../images/mes/exp/exp-o-sMEDIUM.jpg');}
.accordion ul li:nth-child(4) {background-image: url('../images/mes/exp/exp-y-sMEDIUM.jpg');}
.accordion ul li:nth-child(5) {background-image: url('../images/mes/exp/exp-grey-sMEDIUM.jpg');}
.accordion ul li div a h2 {
font-size: 2em; /* 28px ksi 1em=14px */
line-height: 2.2em; /* 30.8px ksi 1em=14px */
}
}
@media only screen and (max-width: 599px) {
.accordion,
.accordion ul li,
.accordion ul li div a {height:150px;}
.accordion ul li:nth-child(1) {background-image: url('../images/mes/exp/exp-b-SMALL.jpg');}
.accordion ul li:nth-child(2) {background-image: url('../images/mes/exp/exp-r-SMALL.jpg');}
.accordion ul li:nth-child(3) {background-image: url('../images/mes/exp/exp-o-SMALL.jpg');}
.accordion ul li:nth-child(4) {background-image: url('../images/mes/exp/exp-y-SMALL.jpg');}
.accordion ul li:nth-child(5) {background-image: url('../images/mes/exp/exp-grey-SMALL.jpg');}
.accordion ul li div a h2 {
font-size: 1.2em; /* 16.8px ksi 1em=14px */
line-height: 1.6em; /* 22.4px ksi 1em=14px */
}
}
@media only screen and (max-width: 479px) {
.accordion { height: auto; }
.accordion ul li,
.accordion ul li:hover,
.accordion ul:hover li,
.accordion ul:hover li:hover {
position: relative;
display: table;
table-layout: fixed;
width: 100%;
transition: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
margin: 1% 0;
}
.accordion ul li div a * {
opacity: 1;
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
}
}
/*
@media only screen and (max-width: 319px) {
.accordion {display: none !important; }
}
*/
/***** end Responsive Image Accordion *****/
/***** Expanding Grid Overlay [by click on Accordion] *****/
/* grid by click on Accordion */
.rb-grid {
list-style: none;
text-align: center;
margin: 0 auto;
/* height: 60vh; mediaqueries */
}
/* clearfix */
.rb-grid:after {
content: '';
display: block;
clear: both;
}
.rb-grid li {
width: 24% !important;
height: 32.333%;
margin: 0.5%;
position: relative;
background: #9d9e9e;
color: #fff;
display: inline-block;
float: left;
cursor: pointer;
}
.rb-grid h4 {
font-size: 2.6em;
font-weight: 100;
opacity: 0.5;
line-height:2em;
top:15%;
/* left: 50%; */
transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
}
.rb-grid li:hover h4 {
opacity: 1;
}
.rb-grid li.rb-span-2 {width: 49% !important;}
.rb-grid li.rb-span-3 {width: 74% !important;}
.rb-grid li.rb-span-4 {width: 99% !important;}
.rb-grid li.rb-height-2 {height: 65.666%;}
.rb-grid li.rb-height-3 {height: 99%;}
/* grid by click on Accordion */
/* overlay as second grid */
.rb-overlay {
opacity: 0;
position: fixed;
/*
top: 15%;
height: 50%; in mediaqueries */
left: 0;
width: 99%;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
z-index: -1;
pointer-events: none;
cursor: default;
margin-left:.5% !important;
margin-right:.5% !important;
}
.rb-close {
position: absolute;
bottom: 1em;
right: 1em;
width: 2em;
height: 2em;
text-indent: -9000px;
cursor: pointer;
z-index: 1000;
}
.rb-close::before {
content: 'x';
font-weight: 100;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 3em;
line-height: 0.6;
text-align: center;
text-indent: 0px;
}
.rb-week {
width: 100%;
height: 100%;
}
.rb-week > div {
width: 17.5%;
height: 100%;
float: left;
position: relative;
}
.rb-week > div:first-child {
width: 30%;
}
.rb-week span {
font-weight: 100;
line-height: 1.4;
display: block;
margin: auto 0;
height: 100%;
width: 100%;
}
.rb-city {
font-weight: 50;
text-transform: uppercase;
padding: 20% 2% 0;
}
.vertical-text {
display:block;
float: right;
padding: 30% 2% 0;
/* transform: rotate(-90deg);
-webkit-transform: rotate(-90deg); /* Safari */ /*
-moz-transform: rotate(-90deg); /* Firefox */ /*
-o-transform: rotate(-90deg); /* Opera */ /*
-ms-transform: rotate(-90deg); /* IE */ /*
transform-origin: center bottom 0;
-webkit-transform-origin: center bottom 0;
-moz-transform-origin: center bottom 0;
-o-transform-origin: center bottom 0;
-ms-transform-origin: center bottom 0;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Internet Explorer */ /*
white-space:nowrap; */
}
/*
@media screen and (max-width: 63.125em) {
.rb-grid li,
.rb-grid li.rb-span-2,
.rb-grid li.rb-span-4 {
width: 100%;
height: 10em;
text-align: left;
}
.rb-grid li > div {
text-align: center;
}
}
*/
/* end overlay as second grid */
/***** end Expanding Grid Overlay [by click on Accordion] *****/
/***** Testimonials as slider - Text Banner *****/
#banners {
position:relative;
z-index:2;
/* width:85%;
/* height:10em; in mediaqueries */
overflow:hidden;
margin: 0 auto;
}
#banners > div{
width:100%;
padding-top:.357em; /* 5px ksi 1em=14px */
background:#f4f4f4;
text-align:justify;
}
#banners i {
width: 1.2em; /* 35px; */
height: 2.5em; /* 35px; */
background:url(../images/mes/quotes-symbols.png)no-repeat;
display: inline-block;
}
#banners i.quotes-symbols-a{
background-position: top left; /* 0px 0px; */
}
#banners i.quotes-symbols-b{
background-position: bottom right; /* 0px 0px; */
}
#prev,
#next {
display:block;
width:.75em; /* 10px ksi 1em=14px */
height:1.3em; /* 19px ksi 1em=14px */
text-indent:-9999em;
position:absolute;
z-index:99;
top:50%;
margin-top:-5px;
}
#prev {background:url(../images/mes/prev.png) 0 0 no-repeat; left:.357em;} /* 5px ksi 1em=14px */
#next {background:url(../images/mes/next.png) 0 0 no-repeat; right:.357em;} /* 5px ksi 1em=14px */
/***** end Testimonials as Slider - Text banner *****/
/***** Intro to Komanda *****/
#shoes {
background-image: url('../images/mes/Aimg0-small.png');
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
/***** end Intro to Komanda *****/
/***** IR *****/
#ir {
background-image: url('../images/mes/Aimg4.png');
background-repeat: no-repeat;
background-position: top left;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
width: 100%;
height: 100vh;
z-index:-1;
}
/***** end IR *****/
/***** Partnership *****/
#partnership {
background-image: url('../images/mes/Pimg.jpg');
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
.partnership {
text-align:center;
position: absolute;
bottom: 5%;
left:10%;
margin-right: -10%;
color: #fff;
}
/***** end Partnership *****/
/**** end MES ****/
/**** ĮŽVALGOS ****/
body#puslapis-izvalgos {
background-image: url('../images/izvalgos/fl-small.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
#puslapis-izvalgos header {
background:transparent !important;
background-color: rgba(0,0,0,0);
}
#puslapis-izvalgos footer {
background:transparent !important;
background-color: rgba(0,0,0,0);
}
/***** Rotating Words *****/
.rw-wrapper{
height: 70vh;
width: 100%;
position: relative;
margin: 0 auto;
}
.rw-sentence{
margin: 0;
}
.rw-sentence span{
text-align: center;
color: rgba(237,87,0,1);
white-space: nowrap;
text-shadow: 2px 5px 10px rgba(0,0,0,0.1);
}
.rw-sentence > span{
position: absolute;
}
.rw-sentence > span:first-child{
font-size: 255%;
top: 60px;
left: 155px;
color: rgba(187,177,168,0.6);
}
.rw-sentence > span:nth-child(2){
font-size: 150%;
top: 100px;
left: 110px;
color: rgba(0,0,0, 0.6);
}
.rw-sentence > span:nth-child(3){
font-size: 130%;
top: 130px;
left: 160px;
color: rgba(157,158,158,0.7);
}
.rw-sentence > span:last-child{
font-size: 150%;
top: 210px;
left: 130px;
color: rgba(187,177,168,0.6);
}
.rw-words{
position: absolute;
top: 170px;
left: 110px;
height: 5%;
width: 40%;
-webkit-perspective: 800px;
perspective: 800px;
}
.rw-words span{
position: absolute;
font-size: 320%;
color: transparent;
text-shadow: 0px 0px 80px rgba(237,87,0,1); /* rgba(237,87,0,1) pure orange + opacity 1 / rgba(235,87,7, 0.5) another orange */
opacity: 0;
-webkit-animation: rotateWord 18s linear infinite 0s;
-ms-animation: rotateWord 18s linear infinite 0s;
animation: rotateWord 18s linear infinite 0s;
}
.rw-words span:nth-child(2) {
-webkit-animation-delay: 3s;
-ms-animation-delay: 3s;
animation-delay: 3s;
}
.rw-words span:nth-child(3) {
-webkit-animation-delay: 6s;
-ms-animation-delay: 6s;
animation-delay: 6s;
}
.rw-words span:nth-child(4) {
-webkit-animation-delay: 9s;
-ms-animation-delay: 9s;
animation-delay: 9s;
}
.rw-words span:nth-child(5) {
-webkit-animation-delay: 12s;
-ms-animation-delay: 12s;
animation-delay: 12s;
}
.rw-words span:nth-child(6) {
-webkit-animation-delay: 15s;
-ms-animation-delay: 15s;
animation-delay: 15s;
}
@-webkit-keyframes rotateWord {
0% {opacity: 0; -webkit-animation-timing-function: ease-in; -webkit-transform: translateY(-200px) translateZ(300px) rotateY(-120deg);}
5% {opacity: 1; -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(0px) translateZ(0px) rotateY(0deg);}
6% {text-shadow: 0px 0px 0px rgba(237,87,0,1); color: #ed5700;}
17% {opacity: 1; text-shadow: 0px 0px 0px rgba(237,87,0,1); color: #ed5700;}
20% {opacity: 0;}
100% {opacity: 0;}
}
@-ms-keyframes rotateWord {
0% {opacity: 0; -ms-animation-timing-function: ease-in; -ms-transform: translateY(-200px) translateZ(300px) rotateY(-120deg);}
5% {opacity: 1; -ms-animation-timing-function: ease-out; -ms-transform: translateY(0px) translateZ(0px) rotateY(0deg);}
6% {text-shadow: 0px 0px 0px rgba(237,87,0,1); color: #ed5700;}
17% {opacity: 1; text-shadow: 0px 0px 0px rgba(237,87,0,1); color: #ed5700;}
20% {opacity: 0;}
100% {opacity: 0;}
}
@keyframes rotateWord {
0% {opacity: 0; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: translateY(-200px) translateZ(300px) rotateY(-120deg); transform: translateY(-200px) translateZ(300px) rotateY(-120deg);}
5% {opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(0px) translateZ(0px) rotateY(0deg); transform: translateY(0px) translateZ(0px) rotateY(0deg);}
6% {text-shadow: 0px 0px 0px rgba(237,87,0,1); color: #ed5700;}
17% {opacity: 1; text-shadow: 0px 0px 0px rgba(237,87,0,1); color: #ed5700;}
20% {opacity: 0;}
100% {opacity: 0;}
}
.rw-sentence-IE {
display: none;
padding: 30px;
}
/*** Galaxy S5 360x640 ***/ /*
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
.rw-sentence > span:first-child {font-size: 275%; top: 15%; left: 27%;}
.rw-sentence > span:nth-child(2) {font-size: 150%; top: 25%; left: 18%;}
.rw-sentence > span:nth-child(3) {font-size: 130%; top: 32%; left: 35%;}
.rw-words {top: 42%; left: 20%;}
.rw-words span {font-size: 320%;}
.rw-sentence > span:last-child {font-size: 150%; top: 53%; left: 21%;}
}
*/
/***** end Rotating Words *****/
/* FIX iOS bug not displaying vh correctly:
#ir, #flamingo - 100vh
.rw-wrapper - 70vh
.box-intro, #bridge - 30 vh
*/
/* ipad */ /*
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
#ir, #flamingo { height: 768px;}
.rw-wrapper {height: 537.6px;}
.box-intro, #bridge {height: 230.4px;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
#ir, #flamingo { height: 1024px;}
.rw-wrapper {height: 716.8px;}
.box-intro, #bridge {height: 307.2px;}
}
/* iphone5 */ /*
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
#ir, #flamingo { height: 320px;}
.rw-wrapper {height: 224px;}
.box-intro, #bridge {height: 96px;}
}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
#ir, #flamingo { height: 568px;}
.rw-wrapper {height: 397.6px;}
.box-intro, #bridge {height: 170.4px;}
}
/* 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) {
#ir, #flamingo { height: 320px;}
.rw-wrapper {height: 224px;}
.box-intro, #bridge {height: height: 96px;}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
#ir, #flamingo { height: 480px;}
.rw-wrapper {height: 336px;}
.box-intro, #bridge {height: height: 144px;}
}
*/
/***** Images Grid *****/
#images-grid {
width:100%;
margin-left:1% !important;
margin-right:1% !important;
}
#images-grid .one-half,
#images-grid .one-third,
#images-grid .one-fourth,
#images-grid .one-fifth,
#images-grid .one-sixth,
#images-grid .one-seventh,
#images-grid .one-eighth {
margin-right:0.2%;
margin-top:0.2%;
margin-bottom:0!important;
margin-left:0!important;
float:left;
position: relative;
}
#images-grid .item-hover{
margin:0!important;
padding:0!important;
height: 15.625%; /* 150px nuo 960px; */
}
#images-grid .portfolio-thumbnail{
position:absolute;
left: 0;
top: 0;
display:none;
height:100%;
width:100%;
background: #9d9e9e;
text-align: left;
cursor:pointer;
}
#images-grid .thumb-text{padding: 1%;} /* 10px kai 960px; */
#images-grid .thumb-text h5 {
font-weight: 700;
margin: 0;
padding: 0;
color:#dc5130;
text-transform: uppercase;
}
#images-grid .thumb-text h6 {
color:#696969; /* #a8a8a8; grey #dc5130; red
text-transform: uppercase; */
}
#images-grid .thumb-text h6 .red-title {color:#dc5130;}
#images-grid .thumb-text p {
color:#fff;
margin-bottom:0;
}
/***** end Images Grid *****/
/***** Articles *****/
/***** Hexagon *****/
#hexGrid {
display: flex;
flex-wrap: wrap;
width: 90%;
margin: 0 auto;
overflow: hidden;
list-style-type: none;
}
.hex {
position: relative;
visibility:hidden;
outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
}
.hex::after{
content:'';
display:block;
padding-bottom: 86.602%; /* = 100 / tan(60) * 1.5 */
}
.hexIn{
position: absolute;
width:96%;
padding-bottom: 110.851%; /* = width / sin(60) */
margin:0 2%;
overflow: hidden;
visibility: hidden;
outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
-webkit-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
-ms-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
transform: rotate3d(0,0,1,-60deg) skewY(30deg);
}
.hexIn * {
position: absolute;
visibility: visible;
outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
}
.hexLink {
display:block;
width: 100%;
height: 100%;
text-align: center;
color: #fff;
overflow: hidden;
-webkit-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
-ms-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
transform: skewY(-30deg) rotate3d(0,0,1,60deg);
}
/*** HEX CONTENT *****************/
.hex img {
left: -100%;
right: -100%;
width: auto;
height: 100%;
margin: 0 auto;
-webkit-transform: rotate3d(0,0,0,0deg);
-ms-transform: rotate3d(0,0,0,0deg);
transform: rotate3d(0,0,0,0deg);
}
.hex h1, .hex p {
width: 100%;
padding: 5%;
box-sizing:border-box;
background: rgba(255, 191, 0, 0.8); /* For browsers that do not support gradients */
background: -webkit-linear-gradient(yellow, red); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(yellow, red); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(yellow, red); /* For Firefox 3.6 to 15 */
background: linear-gradient(yellow, red); /* Standard syntax */
font-weight: 300;
-webkit-transition: -webkit-transform .2s ease-out, opacity .3s ease-out;
transition: transform .2s ease-out, opacity .3s ease-out;
}
.hex h1 {
bottom: 50%;
padding-top:50%;
font-size: 1.5em;
text-transform: uppercase;
z-index: 1;
-webkit-transform:translate3d(0,-100%,0);
-ms-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0);
}
.hex h1::after {
content: '';
position: absolute;
bottom: 0;
left: 45%;
width: 10%;
text-align: center;
border-bottom: 1px solid #fff;
}
.hex p {
top: 50%;
padding-bottom:50%;
-webkit-transform:translate3d(0,100%,0);
-ms-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0);
}
/*** HOVER EFFECT ***************************/
.hexLink:hover h1, .hexLink:focus h1,
.hexLink:hover p, .hexLink:focus p{
-webkit-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
/*** HEXAGON SIZING AND EVEN ROW INDENTATION ******/
@media (min-width:1201px) { /* <- 5-4 hexagons per row */
#hexGrid{
padding-bottom: 4.4%
}
.hex {
width: 20%; /* = 100 / 5 */
}
.hex:nth-child(9n+6){ /* first hexagon of even rows */
margin-left:10%; /* = width of .hex / 2 to indent even rows */
}
}
@media (max-width: 1200px) and (min-width:901px) { /* <- 4-3 hexagons per row */
#hexGrid{
padding-bottom: 5.5%
}
.hex {
width: 25%; /* = 100 / 4 */
}
.hex:nth-child(7n+5){ /* first hexagon of even rows */
margin-left:12.5%; /* = width of .hex / 2 to indent even rows */
}
}
@media (max-width: 900px) and (min-width:601px) { /* <- 3-2 hexagons per row */
#hexGrid{
padding-bottom: 7.4%
}
.hex {
width: 33.333%; /* = 100 / 3 */
}
.hex:nth-child(5n+4){ /* first hexagon of even rows */
margin-left:16.666%; /* = width of .hex / 2 to indent even rows */
}
}
@media (max-width: 600px) { /* <- 2-1 hexagons per row */
#hexGrid{
padding-bottom: 11.2%
}
.hex {
width: 50%; /* = 100 / 3 */
}
.hex:nth-child(3n+3){ /* first hexagon of even rows */
margin-left:25%; /* = width of .hex / 2 to indent even rows */
}
}
@media (max-width: 400px) {
#hexGrid {
font-size: 13px;
}
}
/***** end Hexagon *****/
/**** end ĮŽVALGOS ****/
/**** ATVIRI MOKYMAI ****/
/** Filters **/
#training-filter ol {
list-style: none;
}
#training-filter input[type="radio"] {
position: absolute;
left: -9999px;
}
:root {
--black: #3a3a3a;
--white: #fff;
--red: #dc5130;
}
.filters {
text-align: center;
margin-bottom: 2em;
}
.filters * {
display: inline-block;
}
.filters label {
padding: 0.5em 1em;
margin-bottom: 0.25em;
border-radius: 2em;
min-width: 50px;
line-height: normal;
cursor: pointer;
transition: all 0.1s;
}
.filters label:hover {
background: var(--red);
color: var(--white);
}
/* FILTERING RULES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[value="VISI"]:checked ~ .filters [for="VISI"],
[value="Seminarai"]:checked ~ .filters [for="Seminarai"],
[value="Pratybos"]:checked ~ .filters [for="Pratybos"],
[value="Pristatymai"]:checked ~ .filters [for="Pristatymai"] {
background: var(--red);
color: var(--white);
}
[value="All"]:checked ~ .posts [data-category] {
display: block;
}
[value="Seminarai"]:checked ~ .posts .post:not([data-category~="Seminarai"]),
[value="Pratybos"]:checked ~ .posts .post:not([data-category~="Pratybos"]),
[value="Pristatymai"]:checked ~ .posts .post:not([data-category~="Pristatymai"]) {
display: none;
}
/** end of Filters **/
/** Posts - Trainings in Masonry **/
/* Grid */
.masonry-wrap {
height: 50em;
overflow: hidden;
width: 100%;
}
.masonry-section {
float: left;
position: relative;
}
.masonry-section a {
text-decoration: none;
}
.masonry-half {
background: #dc5130; /* red as red-text */
border-right: 1px solid white;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
height: 25em;
width: 50%;
}
.masonry-top-half {
background: #f36a29; /* orange */
border-bottom: 1px solid white;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
height: 12.5em;
width: 50%;
}
.masonry-bottom-quarter {
height: 12.5em;
width: 25%;
}
.masonry-bottom-quarter-left {
background: #f58232;
border-right: 1px solid white;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.masonry-bottom-quarter-right {
background: #ffbf00; /* yellow */
}
.masonry-eighth {
height: 6.25em;
width: 25%;
}
.masonry-eighth-top {
background: #f58232;
border-right: 1px solid white;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.masonry-eighth-bottom {
background: #ffbf00; /* yellow */
}
/* Background Images */
.m1-bg,
.m2-bg,
.m3-bg,
.m4-bg,
.m5-bg,
.m6-bg,
.m7-bg,
.m8-bg,
.m9-bg,
.m10-bg,
.m11-bg {
display: inline-block;
position: absolute;
background-position: 50%;
background-size: cover;
transition: opacity .6s ease-in-out;
width: 100%;
height: 100%;
}
.m1-bg {background: url('/images/am/AMimg1.png');}
.m2-bg {background: url('/images/am/AMimg2.png');}
.m3-bg {background: url('/images/am/AMimg3-title-smaller.png');}
.m4-bg {background: url('/images/am/AMimg4.png');}
.m5-bg {background: url('/images/am/AMimg5.png');}
.m6-bg {background: url('/images/am/AMimg6.png');}
.m7-bg {background: url('/images/am/AMimg7-title-smaller.png');}
.m8-bg {background: url('/images/am/AMimg8-title-smaller.png');}
.m9-bg {background: url('/images/am/AMimg9.png');}
.m10-bg {background: url('/images/am/AMimg10-title-smaller.png');}
.m11-bg {background: url('/images/atida/Aimg1.png');}
/* Masonry Descriptions */
.masonry-description-wrap {
display: flex;
align-items: center;
justify-content: center;
position: relative;
color: #fff;
opacity: 0;
text-align: center;
transition: opacity .8s ease-in-out;
width: 100%;
height: 100%;
}
.masonry-title {
clear: both;
color: #fff;
display: block;
font-size: 1.4em;
text-transform: uppercase;
}
.masonry-subtitle {
color: #fff;
font-size: 1em;
/* text-transform: uppercase; */
}
.masonry-annotation {
color: #fff;
font-size: 0.8em;
}
/* Hovers */
.masonry-section:hover .masonry-bg {
opacity: 0.3;
}
.masonry-section:hover .masonry-description-wrap {
opacity: 1;
}
/** end of Posts - Trainings in Masonry **/
/*
I variant. To add some from Bootstrap.
.gridywrap div[class*=gridy] {
background: #eee;
box-shadow: inset 0 0 0 1px #ddd;
padding: 15px; float: left;
position: relative;
}
.gridywrap .gridy-1,
.gridywrap .gridy-2,
.gridywrap .gridy-3 {width: 320px;
overflow: hidden;}
.gridywrap .gridy-1 {width: 100%;}
.gridywrap .gridy-2 {width: 100%;}
.gridywrap .gridy-3 {width: 100%;}
.gridywrap .gridyhe-1 {height: 320px;}
.gridywrap .gridyhe-2 {height: 320px;}
@media screen and (min-width: 640px) {
.gridywrap .gridyhe-2 {height: 320px;}
.gridywrap {
width: 100%;
}
.gridywrap .gridy-1 {width: 50%;}
.gridywrap .gridy-2 {width: 50%;}
.gridywrap .gridy-3 {width: 100%;}
}
@media screen and (min-width: 1024px) {
.gridywrap .gridy-1 {width: 33.3%;}
.gridywrap .gridy-2 {width: 66.6%;}
.gridywrap .gridy-3 {width: 100%;}
.gridywrap .gridyhe-2 {height: 640px;}
}
*/
/*styling*/
/*
.gridywrap .gridimg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
background-position: center center;
background-size: cover;
}
.gridywrap .gridimg img {
width: 100%;
}
.gridywrap .gridinfo {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,0.4);
text-align: center;
transition: all 0.8s;
}
.gridywrap .gridinfo h3 {
font-size: 24px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
margin: 130px 0 20px;
position: relative;
}
.gridywrap .gridinfo h3:after {
content: '';
width: 25px;
border-top: 4px solid #fff;
display: block;
margin: 0 auto;
margin-top: 25px;
}
.gridywrap .gridinfo .gridmeta {
transition-delay: 0.25s;
}
.gridywrap .gridinfo .gridmeta p {
display: inline-block;
font-size: 13px;
color: #fff;
margin-bottom: 15px;
}
.gridywrap .gridinfo .gridmeta p i {
margin-right: 5px;
}
.gridywrap .gridinfo .gridmeta p.gridwho {
margin-left: 25px;
}
.gridywrap .gridinfo p.gridexerpt {
width: 60%;
margin: 0 auto;
line-height: 22px;
margin-bottom: 25px;
color: #fff;
transition-delay: 0.5s;
}
.gridywrap .gridinfo * {
opacity: 0;
transition: all 0.8s;
}
.gridywrap .gridinfo h3 {
opacity: 1;
}
.gridywrap .gridinfo .grid-btn {
color: #fff;
text-decoration: none;
margin: 0 auto;
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 25px;
border: 1px solid #fff;
display: block;
overflow: hidden;
}
.gridywrap .gridinfo .grid-btn:hover {
width: 75px;
background: rgba(0,0,0,0.3);
}
.gridywrap .gridinfo .grid-btn span {
opacity: 0;
display: none;
transition: opacity 0.8s;
}
.gridywrap .gridinfo .grid-btn:hover span {
opacity: 1;
display: inline;
}
.gridywrap .gridinfo .grid-btn:hover i {
opacity: 0;
display: none;
}
.gridywrap .gridinfo:hover * {
opacity: 0.7;
}
.gridywrap .gridinfo:hover p {
opacity: 1;
}
.gridywrap .gridinfo:hover {
background: rgba(158, 12, 73, 0.7);
}
.gridywrap .gridinfo:hover h3 {
margin-top: 70px;
opacity: 1;
}
/*
.intro {
text-align: center;
padding: 25px;
background: #111;
color: #ddd;
}
h1 {
font-size: 48px;
font-weight: 300;
padding: 15px 0;
}
.intro p {
opacity: 0.5;
font-size: 12px;
}
.intro p a {
color: #FA8CD3;
}
*/
/**** end Atviri mokymai ****/
/***** Title of training *****/
.title-training-image {
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
.title-training-words {
position: absolute;
text-align:center;
color:#dc5130;
background: #fff;
bottom: 5%;
}
/***** end Title of training *****/
.letter {
/* display:block; */
font-size:1.25em; /* 17.5px 125% */
line-height:1em; /* 14px 100%*/
color:#dc5130;
/* float:left;
margin-right:.625em; /* 10px 62.5% */
}
/***** Banner of training *****/
.training-banner {
position: relative;
width: 100%;
height: 10.7em; /* 150px */
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: 0% 0%;
}
.training-banner-img1 {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg3.png');
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg3.png');
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg3.png');
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg3.png');
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url('/images/am/AMimg3.png');
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg3.png');
}
.training-banner-img2 {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg7.png');
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg7.png');
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg7.png');
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg7.png');
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url('/images/am/AMimg7.png');
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg7.png');
}
.training-banner-img3 {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg8.png');
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg8.png');
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg8.png');
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg8.png');
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url('/images/am/AMimg8.png');
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg8.png');
}
.training-banner-img4 {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg10.png');
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg10.png');
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg10.png');
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg10.png');
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url('/images/am/AMimg10.png');
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg10.png');
}
.training-banner-img5 {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg22.png');
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg22.png');
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg22.png');
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg22.png');
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url('/images/am/AMimg22.png');
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/am/AMimg22.png');
}
.training-banner .text {
color:#fff; /* #dc5130; */
text-transform: uppercase;
/* background:#fff; */
}
/***** end Banner of training *****/
/***** Testimonials for training as Slider - Text Banner *****/
#banners-training {
position:relative;
z-index:2;
/* width:85%;
/* height:10em; in mediaqueries */
overflow:hidden;
margin: 0 auto;
}
#banners-training > div{
width:100%;
padding-top:.357em; /* 5px ksi 1em=14px */
background:#f4f4f4;
text-align:justify;
}
#banners-training i {
width: 1.2em; /* 35px; */
height: 2.5em; /* 35px; */
background:url(../images/mes/quotes-symbols.png)no-repeat;
display: inline-block;
}
#banners-training i.quotes-symbols-a{
background-position: top left; /* 0px 0px; */
}
#banners-training i.quotes-symbols-b{
background-position: bottom right; /* 0px 0px; */
}
#prev-training,
#next-training {
display:block;
width:.75em; /* 10px ksi 1em=14px */
height:1.3em; /* 19px ksi 1em=14px */
text-indent:-9999em;
position:absolute;
z-index:99;
top:10%;
margin-top:-5px;
}
#prev-training {background:url(../images/mes/prev.png) 0 0 no-repeat; left:.357em;} /* 5px ksi 1em=14px */
#next-training {background:url(../images/mes/next.png) 0 0 no-repeat; right:.357em;} /* 5px ksi 1em=14px */
/***** end Testimonials for training as Slider - Text banner *****/
/* ============================
5. Forms
============================= */
/* Space IN WHERE form opens - Modal or this: */
.info_block {
border: 1px solid #cacacb;
padding: 20px;
background: #fffbf7;
position: absolute;
width: 100%;
z-index: 985;
box-sizing: border-box;
opacity: 0;
visibility: hidden;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.info_block.visible {opacity: 1; visibility: visible;}
.info_block.top_pos {margin: 0 0 25px; bottom: 100%;}
.info_block.top_pos:after {
content: ' ';
width: 31px;
height: 18px;
background: url(../images/icons/ico_15.png) 0 0 no-repeat;
position: absolute;
left: 25%;
bottom: -18px;
margin-left: -15px;
}
.info_block.bottom_pos {
margin: 25px 0 0;
top: 100%
}
.info_block.bottom_pos:after {
content: ' ';
width: 31px;
height: 18px;
background: url(../images/icons/ico_14.png) 0 0 no-repeat;
position: absolute;
right: 25%;
top: -18px;
margin-right: -15px;
}
.close-form-cross {
background-image: url(../images/icons/ico-x.png);
display:block;
position: absolute;
top: -.7142857em; /* -10px; arba -2% ar -3% kad ant kampo virš ribū būtų */
right: -.857em; /* -12px; */
height: 2.2857em; /* 32px; */
width: 2.2857em; /* 1.7142857em; 24px; */
/* background: #606061; /* dark gray rgb (96,96,97)
color: #FFFFFF;
line-height: 1.7857em; /* 25px; */ /*
text-align: center;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000; */
/* float: right; */
}
/* .close-form-cross:hover {background: #dc5130;} /* red */
.text-form {
float:left;
display:block;
font-size:.93em; /* 13px; */
line-height:1.7em; /* 24px; */
width: 5.57em; /* 78px; */
color:#999;
}
.form {
font-size: .93em; /*13px; */
color: #9d9e9e;
text-align: center;
}
.form_inside {
font-size : .93em; /*13px; */
color : #9d9e9e;
text-align : left;
}
#contact-form,
#reg-form1,
#survey-form,
#reg-form2,
#contact-form2 {
display:block;
width:100%;
box-sizing: border-box;
}
#contact-form textarea,
#survey-form textarea {
float:left;
width: 100%;
line-height:1.23em;
color:#9d9e9e;
border:1px solid #ececec;
padding:.357em .714em; /* 5px 10px; */
margin:0;
background:#fff;
overflow:auto;
outline:none;
}
/***** Contact Form *****/
#contact-form label {
display:block;
height:2.144em; /* 30px; */
overflow:hidden;
}
#contact-form input {
float:left;
width:100%;
color:#9d9e9e;
padding:.143em .714em; /* 2px 10px; */
margin:0;
border:1px solid #ececec;
background:#fff;
outline:none;
}
#contact-form textarea,
#contact-form2 textarea {
height: 7.143em; /* 100px; */
}
/***** end Contact Form *****/
/***** Registration form *****/
#reg-form1 fieldset,
#survey-form fieldset,
#reg-form2 fieldset,
#contact-form2 fieldset {
margin: 1em 0;
}
#reg-form1 fieldset legend,
#survey-form fieldset legend,
#reg-form2 fieldset legend,
#contact-form2 fieldset legend {
color: #000;
position:absolute;
top: -.7142857em;
/* left:33%; in mediaqueries text-align:center nesuveikia */
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
background: #fff;
padding: 3px 10px 3px 10px;
box-shadow: -0px -1px 2px #F1F1F1;
-moz-box-shadow:-0px -1px 2px #F1F1F1;
-webkit-box-shadow:-0px -1px 2px #F1F1F1;
font-weight: bold;
font-size: 1.7em;
}
#reg-form1 input[type=text],
#survey-form input[type=text],
#reg-form2 input[type=text],
#contact-form2 input[type=text],
#reg-form1 input[type=email],
#survey-form input[type=email],
#reg-form2 input[type=email],
#contact-form2 input[type=email],
#reg-form1 input[type=tel],
#survey-form input [type=tel],
#reg-form2 input[type=tel],
#contact-form2 input[type=tel],
#reg-form1 input[type=number],
#reg-form2 input[type=number],
#contact-form2 textarea {
display: inline-block;
/* width:90%; in mediaqueries */
color:#9d9e9e;
background:#fff;
padding:.5em;
margin:0;
margin-left: -5px;
padding-left: 10px;
vertical-align: middle;
border:1px solid #ececec;
border-right: 3px solid;
border-radius: 5px;
transition: border-color .5s ease-out;
outline:none !important;
box-sizing: border-box;
}
#contact-form textarea:required:valid,
#contact-form input:required:valid,
#reg-form1 input:required:valid,
#survey-form input:required:valid,
#reg-form2 input:required:valid,
#contact-form2 input:required:valid,
#contact-form2 textarea:required:valid {
border-right-color: #999;
}
#contact-form textarea:invalid,
#contact-form input:invalid,
#reg-form1 input:invalid,
#survey-form input:invalid,
#reg-form2 input:invalid,
#contact-form2 input:invalid,
#contact-form2 textarea:invalid {
border-right-color: #dc5130;
}
#contact-form textarea:required:focus:valid,
#contact-form input:required:focus:valid,
#reg-form1 input:required:focus:valid,
#survey-form input:required:focus:valid,
#reg-form2 input:required:focus:valid,
#contact-form2 input:required:focus:valid,
#contact-form2 textarea:required:focus:valid {
background: url(../images/icons/Img18.png) no-repeat 95% 50%;
background-size: 25px;
}
#contact-form textarea:focus:invalid,
#contact-form input:focus:invalid,
#reg-form1 input:focus:invalid,
#survey-form input:focus:invalid,
#reg-form2 input:focus:invalid,
#contact-form2 input:focus:invalid,
#contact-form2 textarea:focus:invalid {
background: url(../images/icons/Img17.png) no-repeat 95% 50%;
background-size: 25px;
}
#reg-form1 input[type=checkbox],
#survey-form input[type=checkbox],
#reg-form2 input[type=checkbox] {
width:24px;
height:24px;
background:#fff;
border-radius:5px;
border:1px solid #ececec;
}
#reg-form1 div.reveal-if-active,
#survey-form div.reveal-if-active,
#reg-form2 div.reveal-if-active {
opacity: 0;
max-height: 0;
overflow: hidden;
}
#reg-form1 input[type=radio]:checked ~ div.reveal-if-active,
#survey-form input[type=radio]:checked ~ div.reveal-if-active,
#reg-form2 input[type=radio]:checked ~ div.reveal-if-active,
#reg-form1 input[type=checkbox]:checked ~ div.reveal-if-active,
#survey-form input[type=checkbox]:checked ~ div.reveal-if-active,
#reg-form2 input[type=checkbox]:checked ~ div.reveal-if-active {
opacity: 1;
max-height: 100px;
overflow: visible;
}
#contact-form input#submit,
#reg-form1 input#submit,
#survey-form input#answer,
#reg-form2 input#submit,
#contact-form2 input#ask {
display:block;
width:100%;
bottom: -.7142857em;
padding:.35em 1.35em;
color:#fff;
background:#4c4c4c;
border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
cursor:pointer;
margin: 0 auto;
}
#contact-form input#submit:hover,
#reg-form1 input#submit:hover,
#survey-form input#answer:hover,
#reg-form2 input#submit:hover,
#contact-form2 input#ask:hover {
background:#dc5130;
}
#reg-form1 input[type=radio],
#reg-form2 input[type=radio] {
visibility: hidden;
}
#reg-form1 label.radio,
#reg-form2 label.radio {
cursor: pointer;
text-indent: 35px;
overflow: visible;
display: inline-block;
position: relative;
margin-top: 10px;
margin-bottom: 10px;
}
#reg-form1 label.radio:before,
#reg-form2 label.radio:before {
background: #9d9e9e;
content:'';
position: absolute;
top:2px;
left: 0;
width: 20px;
height: 20px;
border-radius: 100%;
}
#reg-form1 label.radio:after,
#reg-form2 label.radio:after {
opacity: 0;
content: '';
position: absolute;
width: 0.5em;
height: 0.25em;
background: transparent;
top: 7.5px;
left: 4.5px;
border: 3px solid #ffffff;
border-top: none;
border-right: none;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#reg-form1 input[type=radio]:checked + label:after,
#reg-form2 input[type=radio]:checked + label:after {
opacity: 1;
}
/***** end Registration form *****/
/***** Survey form *****/
#survey-form ul {
list-style:none;
padding:0;
margin:0;
}
#survey-form li {
display: block;
padding: 9px;
border:1px solid #c0c0c0;
margin-bottom: 30px;
border-radius: 10px 10px 10px 0px;
-webkit-border-radius: 10px 10px 10px 0px;
-moz-border-radius: 10px 10px 10px 0px;
}
#survey-form li:last-child {
margin-bottom: 0px;
}
#survey-form li > label {
display: block;
/* float: left; */
margin-top: -20px;
margin-bottom: 10px;
background:#dddddd;
/* height: 1.2857em;
font-size: 1.07em;
padding: 2px 5px 2px 5px; */
color: #000000;
overflow: hidden;
border-radius: 10px 10px 10px 0px;
-webkit-border-radius: 10px 10px 10px 0px;
-moz-border-radius: 10px 10px 10px 0px;
}
#survey-form li > span {
background:#dddddd;
display: block;
padding: 5px 20px 5px 0px;
margin: 0 -9px -9px -9px;
text-align: right;
color: #9d9e9e;
font-size: .857em;
font-style:italic;
}
#survey-form input#details {
display: inline-block;
width:100%;
}
#survey-form input[type=checkbox] {
display: inline-block;
}
#survey-form div.reveal-if-active {
display: inline-block;
}
#survey-form textarea {
height:2.5em;
border-right: 3px solid;
border-radius: 5px;
transition: border-color .5s ease-out;
outline:none !important;
box-sizing: border-box;
}
/***** end Survey form *****/
/***** Contact Form2 *****/
/***** end Contact Form2 *****/
/* ===============================
6. Footer
================================ */
footer {width:100%; text-align:center;}
footer span {display:block;}
footer .inner {padding:0 10px;}
.footer-bg {width:100%; background:url(../images/footer-tail.gif) left top repeat-x; padding:1.42857143em 0 1.42857143em;}
/* padding:20px 0 20px; kai 1em-14px ir 32,3px kai 1em-24px; buvo padding:25px 0 45px; */
#footer-form1, #footer-form2{
display:block;
width:100%;
}
#footer-form1 label, #footer-form2 label {
display:block;
height:25px;
overflow:hidden;
}
#footer-form1 input, #footer-form2 input {
float:left;
width:107px;
font-size:12px;
font-family: inherit;
line-height:1em;
color:#999;
padding:2px 10px;
margin:0;
border:1px solid #ececec;
background:#fff;
outline:none;
}
.footer-text-form {
float:left;
display:block;
font-size:13px;
line-height:18px;
width:70px;
color:#999;
}
.footer-grid {width: 100%;}
.smaller1, .smaller2, .bigger1, .bigger2 {
display:inline-block;
float: left;
position: relative;
margin-left:0.5%;
margin-right:0.5%;
}
.smaller1 {width: 34.5%;}
.bigger1 {width: 64.5%;}
.smaller2 {width: 42.5%;}
.bigger2 {width: 56.5%;}
/****************** Back to Top Scrollup Scroll to Top ******************/
.scrollup{
position:fixed;
display: none;
opacity: 0;
visibility: hidden;
overflow: hidden;
width:30px;
height:30px;
bottom:30px;
right:30px;
z-index: 99999999;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.scrollup.show {
visibility:visible;
cursor:pointer;
opacity: 1.0;
}
/*********end Back to Top Scrollup Scroll to Top **************/
/********* BANDYMAi **************/
#temporal_bcg_1 { /* background-image: in mediaqueries */
background-repeat: no-repeat;
background-position: top center;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
/* background-position: center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
background-attachment: fixed;
background-position: top left; */
}
/********* end BANDYMAi **************/