html { position:relative; min-height:100%; }
body { padding-bottom:0px; background-color:#eee; font-family:'Open Sans', Arial; font-size:16px; color:#4a4a4a; font-weight:400; /*background:url('/img/bg.jpg') no-repeat 635px -105px; background-size:734px 734px;*/ }
#level2 { background-color:#fff; }
a { color:#000; }
a:hover, a:active, a:focus { color:#000; }
a:focus, a:active, button:focus { outline:none; }
.red { color:#ee1d25; }
.red:hover { color:#1a1a18; }
.blue { color:#07237d; }
.grey { color:#4f4f4f; }
.bgGrey { background-color:#4f4f4f; }
.bgGrey:hover { background-color:#222; }
.showI { display:none; }
.showII { display:none; }
.hide { display:none; }
.visibleBlock { display:block; }
.visibleInline { display:inline-block; }
.visible { visibility:visible; }
.upper { text-transform:uppercase; }
.nowrap { white-space:nowrap; }
.unstyle { list-style:none; padding:0; }
.unstyle li, .unstyle a { display:inline-block; }
li, .container, .relative { position:relative; }
#alert { position:relative; background-color:#fff; padding:20px; width:auto; max-width:600px; margin:20px auto; }
.bo { border:1px solid blue; }
.b { background-color:#ee9; }
.vertical-middle { vertical-align:middle; }
/*-------------------- HEADER --------------------*/
#bgSwitcher { height:650px; background:url('../img/parvietojamais-lentzagis.jpg'); background-repeat:no-repeat; background-position:bottom center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
header { padding:1rem 0 0rem; margin-bottom:4rem; }
h1 { margin-top:5rem; font-size:34px; color:#06968f; font-style:italic; font-family:'Fjalla One'; letter-spacing:1px; }
h1 b { position:relative; top:5px; left:5px; color:#9b2219; }
/*
#logo span { font-size:40px; color:#000; }
#h1 p { margin-top:0px; text-align:center; font-size:17px; color:#777; line-height:1.2; }
#h1 strong { font-size:18px; color:#000; }*/
/*h2 a { display:inline-block; margin-top:48px; font-size:20px; background:rgba(238,29,37,0.7); color:#fff; padding:4px 50px 3px 50px; }
h2 a:hover { background:rgba(238,29,37,1); color:#fff; font-weight:600; }*/
/*------------------ ^ HEADER ^ ------------------*/
/*-------------------- 1. page --------------------*/
#services { margin-bottom:6rem; }
#services .col-md-4 div { padding:6rem 0 5rem; }
#services .col-md-4 div p { font-size:20px; color:#fff; }
/*#services .col-sm-4:first-child { padding-left:0; }
#services .col-sm-4:last-child { padding-right:0; }*/
#g1 { background:#ccc url('../img/saldeta-gala.jpg') no-repeat top center; }
#g2 { background:#ccc url('../img/kalteta-gala.jpg') no-repeat 0 -450px; }
#g3 { background:#ccc url('../img/konservi.jpg') no-repeat center center; }
#aboutBlock { padding-bottom:6rem; background:#06968f; }
#aboutBlock p { color:#fff; }
h2 { margin-bottom:2rem; font-size:26px; color:#9b2219; font-weight:700; }
h4 { margin-top:4rem; margin-bottom:1.3rem; color:#fff; }
/*------------------ ^ 1. page ^ ------------------*/
/*-------------------- article --------------------*/
#contacts { margin-top:64px; }
#contacts li { margin:0 15px 0 14px; font-size:13px; color:#5b5b5b; }
#contacts li a { font-size:14px; color:#5b5b5b; text-decoration:none; }
#contacts li a:hover { color:#000; font-weight:400; }
#fCont { margin-top:40px; background-color:#f5f5f5; padding:10px 20px; border-radius:4px; }
#fCont label { margin-bottom:0; font-weight:400; }
#fCont input { width:100%; height:28px; margin-bottom:14px; padding:0 7px; border:1px solid #ccc; }
#fCont textarea { width:100%; min-height:100px; margin-bottom:15px; padding:9px 9px; border:1px solid #ccc; }
#fCont button, a.btn { margin-bottom:4px; padding:2px 12px; background-color:#000; color:#fff; text-decoration:none; }
#fCont button:hover, a.btn:hover { background-color:#777; color:#fff; }
/*------------------ ^ article ^ ------------------*/
/*-------------------- footer --------------------*/
footer { position:absolute; bottom:0; width:100%; border-bottom:8px solid #000; padding:4rem 0 .8rem; background:#06968f; font-size:18px; font-weight:300; }
/*
footer p { margin:0; }
footer h3 { font-size:19px; }
footer a, footer #phone { font-size:16px; color:#000099; text-decoration:none; }
footer a:hover { text-decoration:none; color:#fff; }
#phone .glyphicon, #phone a .glyphicon, #mail .glyphicon, #address .glyphicon { margin-right:6px; margin-bottom:10px; color:#000; }
footer a { margin-left:0px; }
footer .container { padding-bottom:24px; }
#bottomLine { color:#ccc; font-size:14px; font-weight:300; padding:15px 0 16px; background-color:#4f4f4f; border-bottom:1px solid #fff; }
footer #bottomLine .container { padding-bottom:0; text-align:left; }
#bottomLine a { color:#a9a8a8; font-size:13px; text-decoration:none; }
#bottomLine a:hover { color:#fff; }
footer .hideI { font-size:18px; padding-right:19px; }
*/
#cookies { text-align:center; padding:4px 20px 4px 20px; font-size:13px; color:#eee; }
#cookies a { margin:0 20px; font-size:13px; color:#fff; }
#cookies a:hover { color:#333; }
#cookies button { border:0; padding:0 5px 1px 5px; color:#000; font-size:13px; background-color:#ddd; }
#cookies button:hover { background-color:#58585a; color:#fff; }
#cookies button#cookiesX { width:18px; height:18px; border-radius:50%; margin-left:15px; padding:0 0 2px 1px; color:#000; line-height:1; }
@media only screen and (max-width:640px) { #cookies { font-size:12px; } }
/*
#cookies { position:fixed; bottom:0; right:0; width:100%; height:27px; text-align:center; background-color:#e3e3e3; padding:4px 20px 4px 20px; font-size:13px; color:#aaa; }
#cookies a { margin:0 20px; font-size:13px; color:#3777bf; }
#cookies a:hover { color:#333; }
#cookies button { border:0; padding:0 5px 1px 5px; color:#000; font-size:13px; background-color:#aaa; }
#cookies button:hover { background-color:#58585a; color:#fff; }
#cookies button#cookiesX { width:18px; height:18px; border-radius:50%; margin-left:15px; padding:0 0 2px 1px; color:#000; line-height:1; }
#cookiesBlank { height:27px; }
#cookiesForm { font-size:12px; color:#777; margin-bottom:14px; }
@media only screen and (max-width:1280px) { #cookies { height:auto; } }
@media only screen and (max-width:640px) { #cookies { font-size:12px; } }
/*------------------ ^ footer ^ ------------------*/
@media (max-width:1919px) {
/* #bgSwitcher { height:690px; line-height:52; }*/
} /* 12 - for 1680 */
@media (max-width:1679px) {
/* #bgSwitcher { height:690px; line-height:52; }*/
} /* 11 - for 1600 */
@media (max-width:1599px) {
/* #bgSwitcher { height:550px; line-height:44; }*/
} /* 10 - for 1440 */
@media (max-width:1439px) {
#bgSwitcher { height:560px; }
} /* 9 - for 1366 */
@media (min-width:1400px) {
}
@media (max-width:1365px) {
/* #bgSwitcher { height:500px; line-height:42; }*/
/* #sectionList, #sectionListDark { margin-top:20px; }*/
} /* 8 - for 1280 */
@media (max-width:1199px) {
h1 { font-size:30px; }
h2 { font-size:24px; }
h4 { font-size:20px; }
#aboutBlock { font-size:15px; }
/*
#bgSwitcher { height:450px; line-height:40; }
#level2 #bgSwitcher { background-position:top right; -webkit-background-size:initial; -moz-background-size:initial; -o-background-size:initial; background-size:initial; }
#lang { top:52px; }
#logo { margin:36px 0 24px 0; }
header nav { margin-top:83px; }
#lang li.active, #lang li a { font-size:14px; }
header nav li, header nav li a { font-size:14px; }
#level2 #lang { top:37px; }
#level2 header nav { margin-top:70px; }
#level2 header .col-xs-4 { width:30%; }
#level2 header .col-xs-8 { width:70%; }
#logo svg { width:210px; }
header .col-xs-5 { padding-left:0; }
h1 p { font-size:40px; }
#level2 .thumbs li { width:82px; }
#sectionList li, #sectionListDark li { width:16%; }
#sectionList h3, #sectionListDark h3 { font-size:16px; }
#level2 #sectionList h3, #level2 #sectionListDark h3 { font-size:17px; }
#aboutBlock h1 strong { font-size:21px; }
#aboutBlock p { font-size:16px; }
h2 a { margin-top:50px; font-size:18px; }
#level2 #logo { left:15px; }
nav li, nav li a { font-size:18px; }
nav .breadcrumb li a:hover, nav .breadcrumb li.active { font-size:18px; }
.swiper1 li, .swiper1 li a { height:400px; }
#bgSwitcher .slogan { font-size:29px; }
#bgSwitcher .slogan b { font-size:66px; }
.swiper-button-prev { left:-20px; }
.swiper-button-next { right:-16px; }
.swiper-button-prev:hover { left:-22px; }
.swiper-button-next:hover { right:-18px; }
*/
} /* 7 - for 1024 */
@media (min-width: 1200px) {
.container { /*width:970px;*/ }
}
@media (max-width:991px) {
#bgSwitcher { height:430px; }
h1 { margin-top:3rem; letter-spacing:0; }
h2 { font-size:20px; }
h4 { font-size:18px; }
#services p { font-size:15px; }
#aboutBlock { font-size:14px; }
#cookies { font-size:12px; }
#cookies a { font-size:12px; }
/*
#logo svg { width:230px; }
#logo { margin:20px 0 24px 0; padding-right:25px; }
#logo span { font-size:34px; }
#lang { top:28px; }
#lang li.active, #lang li a { font-size:13px; }
header nav { margin-top:55px; }
header nav li, header nav li a { font-size:13px; }
h1 p, header h3 p { font-size:36px; }
#contacts { margin-top:52px; }
h2 { width:430px; height:100px; background-size:500px 125px; }
h2 a { margin-top:38px; font-size:16px; padding:4px 40px 3px 40px; }
#aboutBlock { padding:16px 0 20px; }
#aboutBlock h1 strong { font-size:19px; }
#aboutBlock p { font-size:14px; }
.swiper-button-prev { left:-6px; }
.swiper-button-next { right:-6px; }
.swiper-button-prev:hover { left:-7px; }
.swiper-button-next:hover { right:-7px; }
#level2 #bgSwitcher { height:130px; }
.swiper1 li, .swiper1 li a { height:350px; }
#bgSwitcher .slogan { top:160px; font-size:28px; line-height:1.1; }
#bgSwitcher .slogan b { left:-3px; font-size:58px; }
.swiper-button-prev { left:-16px; }
.swiper-button-next { right:-16px; }
.swiper-button-prev:hover { left:-19px; }
.swiper-button-next:hover { right:-19px; }
#logo svg { width:120px; }
#contacts li { margin-right:5px; }
.breadcrumb > li + li:before { padding-left:3px; padding-right:2px; }
#sectionList, #sectionListDark { margin-bottom:70px; }
#sectionList h3, #sectionListDark h3 { font-size:15px; }
#level2 #sectionList h3, #level2 #sectionListDark h3 { font-size:12px; margin-bottom:12px; }
#clients h2 { font-size:15px; }
#clients ul { margin-left:-26px; }
#clients li { margin-left:26px; margin-bottom:9px; }
#clients img { max-width:120px; max-height:35px; }
footer img { width:150px; }
footer h2 { font-size:16px; }
footer a, footer #phone { font-size:15px; }
footer .col-xs-9 { margin-top:14px; }
#bottomLine { font-size:12px; }
#bottomLine a { font-size:12px; }
article p { line-height:1.2; font-size:14px; margin-bottom:15px; }
article li { font-size:14px; }
.backLabel { margin-top:40px; margin-bottom:30px; font-size:15px; }
.thumbs li { width:123px; }
*/
} /* 6 - for 960, 800 */
@media (min-width:992px) {
}
@media (max-width:799px) {
#bgSwitcher { height:430px; }
h1 { margin-top:3rem; letter-spacing:0; }
h2 { font-size:20px; }
h4 { font-size:18px; }
#services p { font-size:15px; }
#aboutBlock { font-size:14px; }
#cookies { font-size:12px; }
#cookies a { font-size:12px; }
} /* 6 - for 768 */
@media (max-width:767px) {
#bgSwitcher { height:300px; }
h1 { margin-top:1rem; font-size:28px; }
header { margin-bottom:0; }
h2 { margin-top:2.5rem; font-size:20px; }
h4 { font-size:18px; }
#services { margin-bottom:4rem; }
#services p { font-size:15px; }
#aboutBlock { padding-bottom:11rem; font-size:14px; }
#aboutBlock .col-md-8 h4 { margin:0; }
footer { padding:2rem 0 .8rem; }
/*
#bgSwitcher { height:280px; line-height:27; }
#bgSwitcher img { width:340px; }
#bgSwitcher { background-position:left -70px; }
#bgSwitcher .slogan { font-size:26px; }
#bgSwitcher .slogan b { font-size:50px; }
.swiper-button-prev { left:0px; }
.swiper-button-next { right:0px; }
.swiper-button-prev:hover { left:0; }
.swiper-button-next:hover { right:0; }
#outlet .title, #outlet .price, #gallery .title { font-size:13px; }
#logo svg { width:200px; }
#logo { margin:25px 0 24px 0; padding-right:15px; padding-left:5px; }
#lang { top:20px; }
#lang li.active, #lang li a { font-size:12px; }
#aboutBlock { margin:20px 0 20px; }
#aboutBlock h1 { font-size:19px; }
#about2 { margin-bottom:140px; padding:40px 0 60px; }
#about2 p { font-size:16px; line-height:1.3; }
#contacts li, #contacts li a { font-size:12px; }
h1 p, header h3 p { font-size:30px; }
#sectionList li, #sectionListDark li { width:25%; }
#level2 #sectionList li, #level2 #sectionListDark li { width:14%; }
#level2 #sectionListDark a div { padding:0; }
#aboutBlock p { font-size:13px; }
#path, #path a { font-size:20px; }
#subSections h4 { font-size:15px; }
#level2 #sectionList a div, #level2 #sectionListDark a div { top:18%; }
#articleList li, #articleList p { font-size:13px; }
#level2 article img { margin-bottom:0; }
.thumbs li { width:138px; }
#level2 .thumbs li { width:114px; }
.hide640 { display:none; }
footer { padding-top:22px; }
footer .container { padding-bottom:9px; }
footer a, footer #phone { font-size:14px; }
footer #address { display:block; }
*/
} /* 5 - for 640, 740 */
@media (min-width:768px) {
}
@media (max-width:639px) {
#bgSwitcher { height:300px; }
h1 { margin-right:1rem; font-size:22px; }
header { margin-bottom:0; }
h2 { margin-top:2.5rem; font-size:20px; }
h4 { font-size:18px; }
#services { margin-bottom:4rem; }
#services p { font-size:14px; }
/*
#bgSwitcher { height:280px; line-height:25; }
.swiper1 li, .swiper1 li a { height:300px; }
#bgSwitcher .slogan { top:140px; font-size:24px; }
#bgSwitcher .slogan b { font-size:42px; }
header .col-xs-2, header .col-xs-10, header .col-xs-2 { width:100%; }
#logo svg, #logo img { width:310px; }
#logo { text-align:right; margin:15px 0 14px 0; }
#lang { top:-66px; right:auto; left:15px; }
#lang li { display:block; text-align:left; height:20px; }
#lang > li + li:before { padding:0; }
#lang .active { display:none; }
#bgLine { height:32px; top:88px; background-color:rgba(255, 255, 255, 0.8); }
#level2 #bgLine { top:113px; }
header nav { margin:0 15px 0; }
header .breadcrumb > li + li:before { padding:0 4px 0 2px; }
header nav .breadcrumb li a:hover { color:#777; }
#aboutBlock h1 { font-size:18px; }
#about2 p { font-size:15px; }
#contacts { margin:0 10px 40px; }
#contacts li, #contacts li a { font-size:13px; }
h1, #level2 h1 { font-size:20px; }
h2 { font-size:20px; margin-bottom:0; }
h2 a { font-size:15px; }
#clients h2 { margin-bottom:20px; top:0; }
article { margin-bottom:30px; }
#outlet .title, #gallery .title { font-size:12px; }
#level2 #sectionList li, #level2 #sectionListDark li { width:13%; }
#level2 #sectionList a div, #level2 #sectionListDark a div { top:40px; }
#level2 #sectionList ul, #level2 #sectionListDark ul { margin-bottom:40px; }
#level2 #sectionList h3, #level2 #sectionListDark h3 { font-size:10px; }
footer { padding-top:12px; }
footer .container { padding-bottom:6px; }
footer img { width:110px; }
footer div a, footer #phone { font-size:15px; }
#mail .glyphicon, #address { margin-left:15px; }
footer .col-xs-9 { margin-top:12px; }
.hideII { display:none; }
.showII { display:initial; }
*/
} /* 4 - for 480, 540 */
@media (max-width:479px) {
/*
#bgSwitcher { height:260px; line-height:23; }
#logo svg, #logo img { width:290px; }
#logo { text-align:right; margin:22px 0 17px 0; }
#lang { top:-69px; right:auto; left:15px; }
#lang li { display:block; text-align:left; height:20px; }
#lang > li + li:before { padding:0; }
#lang .active { display:none; }
header nav { margin:0; }
header .breadcrumb > li + li:before { padding:0; }
h1 p, header h3 p { font-size:26px; }
h2 { width:390px; height:90px; }
h2 a { margin-top:37px; font-size:14px; }
#sectionList li, #sectionListDark li { width:35%; }
#level2 #sectionList ul, #level2 #sectionListDark ul { margin-left:0px; }
#level2 #sectionList li, #level2 #sectionListDark li { width:17%; margin-left:10px; }
#level2 .thumbs li { width:84px; }
footer { font-size:15px; }
#bottomLine { font-size:11px; }
#bottomLine a { font-size:10px; }
*/
} /* 3 - for 414 */
@media (max-width:413px) {
h2 { font-size:19px; }
/*
#bgSwitcher { height:240px; line-height:22; }
#bgSwitcher { background-position:center 0; }
.swiper1 li, .swiper1 li a { height:200px; }
#bgSwitcher .slogan { top:76px; font-size:21px; }
#bgSwitcher .slogan b { font-size:32px; }
.swiper-container-horizontal > .swiper-pagination-bullets { bottom:42px; }
header nav li, header nav li a { font-size:11px; }
header .breadcrumb > li + li:before { content:'/'; }
#aboutBlock h1 { padding-left:15px; }
#aboutBlock h1 strong { font-size:16px; }
#level2 #logo { top:2px; }
#logo a { font-size:28px; }
#logo span { font-size:28px; }
.breadcrumb > li + li:before { padding:0; }
header nav svg { width:18px; }
h1 { width:75%; }
#level2 #articleList { margin-top:40px; margin-bottom:80px; }
.thumbs li { width:102px; }
#level2 .thumbs li { width:74px; }
article { margin-bottom:30px; }
article p, article li, #fCont button, a.btn { font-size:13px; }
footer img { width:85px; }
footer div a { font-size:12px; }
footer .col-xs-9 { margin-top:0; }
#phone .glyphicon, #phone a .glyphicon, #mail .glyphicon, #address .glyphicon { margin-bottom:5px; }
#address { display:block; margin-left:0; margin-bottom:15px; }
*/
} /* 3 - for 375, 412, 414 */
@media (max-width:374px) {
h2 { font-size:18px; }
h4 { font-size:17px; }
#services p { font-size:13px; }
#aboutBlock { font-size:13px; }
/*
#sectionList h3, #sectionListDark h3 { font-size:12px; }
#sectionList .col-xs-3, #sectionListDark .col-xs-3 { width:50%; }
#level2 #sectionList h3, #level2 #sectionListDark h3 { font-size:12px; }
#level2 #sectionList a div, #level2 #sectionListDark a div { top:24%; }
#clients h2 { font-size:14px; }
#clients img { max-width:60px; max-height:20px; }
footer img { display:none; }
#bottomLine { font-size:11px; }
#bottomLine a { font-size:11px; }
#level2 h1 { font-size:18px; }
#level2 .thumbs li { width:70px; }
footer .text-right { display:none; }
footer .col-xs-6 { width:100%; }
.showII { display:none; }
#bottomLine .col-xs-7 { padding-right:0; }
#bottomLine .col-xs-5 { padding-left:0; }
article aside img { width:70%; }
*/
} /* 2 - for 360 */
@media (max-width:359px) {
h1 { font-size:20px; }
h2 { font-size:17px; }
h4 { font-size:17px; }
#aboutBlock { padding-bottom:15rem; font-size:13px; }
#aboutBlock .col-md-8 h4 { margin:0; }
footer { padding:2rem 0 .8rem; }
/*
#bgSwitcher .slogan { top:76px; font-size:19px; }
#bgSwitcher .slogan b { font-size:27px; }
#bgSwitcher { height:220px; line-height:20; }
#bgSwitcher img { width:240px; }
header nav { margin-right:10px; }
header .breadcrumb > li + li:before { content:''; padding-left:2px; }
header nav li, header nav li a { font-size:10px; }
#level2 article { margin-top:20px; margin-bottom:70px; }
#sectionList a, #sectionListDark a { font-size:11px; font-weight:normal; }
#level2 #sectionList h3, #level2 #sectionListDark h3 { font-size:11px; }
#level2 #logo a { font-size:22px; }
#level2 #logo span { font-size:22px; }
#level2 h1 { font-size:17px; }
#bgLine { height:47px; }
#level2 #bgLine { height:26px; top:105px; }
#level2 nav li, #level2 nav li a, #level2 nav .breadcrumb li.active { font-size:12px; }
h1 { width:80%; }
*/
} /* 1 - for 320 */
/*
Desktop + Console: 75.9% + 0.06%
Nov.2017. Worldwide LV
f 1366 x 768 29.1% 28.2 !
a 1920 x 1080 17.4% 24.8 !
e 1440 x 900 7% 5.1 my screen
c 1600 x 900 5.7% -
h 1280 x 800 5.2% T !
g 1280 x 1024 4.6% 6.4 !
d 1536 x 864 - 4.5 !
b 1680 x 1050 - 4 !
Tablet: 2.7%
Nov.2017. Worldwide LV
m 768 x 1024 58.4% 46 !
- 1280 x 800 6% 17.7
q 600 x 1024 4.8% -
p 601 x 962 3% 2.5
l 800 x 1280 3% 5.9 !
j 1024 x 600 2.4% -
i 1024 x 768 - 5.6 !
k 962 x 601 - 2.3
Mobile: 21.3%
Nov.2017. Worldwide LV
u 360 x 640 40.42% 49.3 !
t 375 x 667 9.5% 11.4 !
n 720 x 1280 5.5% -
v 320 x 568 4.7% 8.3 !
z 320 x 534 3.69% -
r 414 x 736 3.61% 2.5 !
o 640 x 360 - 4 !
s 412 x 732 - 2.7
*/
/*--------------------------- ADM ------------------------*/
.error { background-color: #426bff; color:#fff; padding:0 3px; font-size:12px; }
.admtable td { color:#000; font-size:12px; }
.admin label { display:block; text-align:right; height:36px; }
.admin label input { float:right; margin-left:8px; }
/*.w100 { left:600px; }
.w100 form { display:block; width:300px; }*/
#admform { position:absolute; top:0; left:200px; background-color:#ddd; z-index:10; /*width:750px;*/ }
#admform form, .admform2 form { padding:17px 18px; }
#admform a { color:#fff; text-decoration:none; }
#admform small { color:#888; }
#admform input[type="text"], .admform2 input[type="text"], #admform input[type="file"] { display:inline-block; padding:0 4px; margin-bottom:4px; width:500px; height:20px; text-transform:none; color:#333; font-size:13px; }
#admform input[type="checkbox"] { padding:0; margin:0; }
#admform select { width:500px; height:22px; text-transform:none; color:#333; font-size:13px; }
#admform textarea { width:700px; text-transform:none; color:#333; font-size:13px; margin-bottom:4px; }
#admform th { text-align:left; color:#fff; text-transform:uppercase; }
#admform td { font-size:14px; color:#000; }
#admform label { display:inline-block; font-size:12px; cursor:pointer; }
#admform .blue { background:none; color:#3b65ff; font-size:12px; }
#admform button, div.adm button { display:inline-block; background-color:#426bff; border:0; padding:0 3px; font-size:10px; color:#fff; }
#admform button { padding:0 9px; font-size:20px; }
#admform button:hover, div.adm button:hover, div.adm button.txt:hover { background-color:#777; }
#topLine #admform .chosen-container a, header #admform .chosen-container a { color:#323232; }
#admform a:hover { color:#000; }
div.adm { position:absolute; z-index:6; font-size:9px; }
a.adm { position:absolute; z-index:6; font-size:12px; background-color:#426bff; color:#fff; padding:0 5px; text-decoration:none; }
a.adm:hover { background-color:#acacac; color:#fff; }
#admform button .glyphicon, div.adm button .glyphicon { color:#fff; margin-right:0; }
footer div.adm button .glyphicon { font-size:10px; padding:0 0 4px 0; margin:0; }
div.adm button.txt { padding:0 4px 3px 4px; font-size:11px; line-height:1.1; }
div.adm button.bgGrey { background-color:#acacac; }
div.adm button.bgGrey:hover { background-color:#eb1c23; }
.cropit-preview { background-color:#f8f8f8; background-size:cover; border: 1px solid #ccc; margin:20px; }
.image-editor .cropit-image-zoom-input { display:inline-block; width:130px; }
.cropit-preview-image-container { cursor:move; }
.cropit-preview-background { opacity:0.2; cursor:auto; }
.rotate-ccw, .rotate-cw { position:relative; top:-2px; margin-left:10px; }
.rotate-ccw:hover, .rotate-cw:hover { cursor:pointer; }
/*--------------------------- ^ ADM ^ ------------------------*/