html { position:relative; min-height:100%; }
body { padding-bottom:0px; background-color:#fff; font-family:'Open Sans', Arial; font-size:16px; color:#3a3a3a; font-weight:300; /*background:url('/img/bg.svg') no-repeat 635px -105px; background-size:734px 734px;*/ }
#level2 { background-color:#fff; }
a { color:#ee1d25; }
a:hover, a:active, a:focus { color:#0d68e0; text-decoration:none; }
a:focus, a:active, button:focus { outline:none; }
.red { color:#ee1d25; }
.red:hover { color:#1a1a18; }
.blue { color:#0d68e0; }
.grey { color:#acacac; }
.bgGrey { background-color:#acacac; }
.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; }
.cke_notifications_area { display:none; }
/*-------------------- HEADER --------------------*/
header .container { height:100%; }
#bgSwitcher { height:100vh;/*760px for 1920 screen*/ background-repeat:no-repeat; background-position:top center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
/*#bgSwitcher { background-position:center -230px; }*/
#level2 #bgSwitcher { height:190px; background-position:top center; }
.HRheaderT { margin:0; border-bottom:4px solid #ddd; }
.HRheaderB { margin:0; border-top:4px solid #fff; }
#level2 .HRheaderT { border-bottom:3px solid #ddd; }
#level2 .HRheaderB { border-top:3px solid #fff; }
#bgLine { height:70px; position:absolute; top:38px; left:0; width:100%; z-index:0; background-color:rgba(255, 255, 255, 0); padding:5px 22px 17px 20px; }
#logo { margin:53px 0 14px 0; padding-right:20px; }
#logo a { display:inline-block; font-size:40px; font-weight:400; text-decoration:none; color:#fff; }
#logo span { font-size:40px; font-weight:600; color:#ee1d25; }
#logo svg, #logo img { width:290px; }
/*#level2 #logo { position:absolute; top:0px; left:-15px; z-index:2; }*/
.breadcrumb { display:inline-block; margin-bottom:24px; padding:0 14px 0 0; border-radius:0; background-color:transparent; /*#183049*/}
.breadcrumb > li + li:before { padding-left:8px; padding-right:5px; }
#lang { /*position:absolute; top:50px; right:15px; /*background-color:#183049; #d2ddea*/ }
#lang li.active { color:#b0b0b0; }
#lang li a { font-size:16px; text-decoration:none; }
#lang li a:hover, #lang li a:active { color:#0095da; }
#lang > li + li:before { color:#fff; font-size:18px; padding:0; }
#contacts { display:inline-block; margin:80px 100px 0; }
#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:#0095da; }
header nav { margin-top:150px; }
header nav li, header nav li a { font-size:18px; color:#888; text-decoration:none; text-transform:uppercase; }
nav .breadcrumb > li + li:before { color:#eee; font-size:21px; }
nav .breadcrumb li a:hover, nav .breadcrumb li.active { color:#000; text-decoration:none; }
#fb a { position:relative; top:3px; }
.swiper-wrapper { list-style:none; padding:0; }
.swiper-wrapper li { display:inline-block; position:relative; } /* this - margin-left:7px; - fucks it up!!!!!!!!!!!!!!!!!!!!! */
.swiper-button-prev { left:-30px; top:40%; opacity:0.35; }
.swiper-button-next { right:-30px; top:40%; opacity:0.35; }
.swiper-button-prev:hover { left:-34px; }
.swiper-button-next:hover { right:-34px; }
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity:0.15; }
.swiper-pagination { bottom:-15px; right:6px; }
.swiper-pagination-bullet { margin-right:9px; }
.swiper-pagination-bullet-active { background:#999; border:2px solid #fff; }
.swiper1 li, .swiper1 li a { display:block; height:400px; }
#bgSwitcher .slogan { position:absolute; bottom:270px; left:180px; padding:2px 30px 2px 20px; background:rgba(1,184,1,0.5); color:#fff; font-size:33px; text-transform:uppercase; line-height:1.13; font-weight:600; border-radius:4px; }
#bgSwitcher .slogan b { display:block; position:relative; left:-5px; font-size:73px; }
#bgSwitcher .slogan .grey { color:#696467; }
.swiper-container-horizontal > .swiper-pagination-bullets { bottom:30px; }
.swiper-pagination-bullet { width:14px; height:14px; background:#fff; opacity:1; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 7px; }
.swiper-pagination-bullet-active { background:#ff6633; }
/*------------------ ^ HEADER ^ ------------------*/
/*-------------------- 1. page --------------------*/
header h1 { text-align:center; text-transform:uppercase; font-size:46px; color:#0095da; padding:9px 20px 7px; position:relative; /*position:absolute; top:-440px; right:30px; width:60%; border-right:7px solid #ee1d25; border-radius:4px;*/ }
header h3 { margin-top:0; text-align:center; text-transform:uppercase; font-size:38px; color:#0095da; padding:9px 20px 7px; /*position:static; width:100%; border-right:0; margin-bottom:30px; padding:8px 0 6px 16px; border-left:6px solid #ee1d25; border-radius:3px;*/ }
header h1 p, header h3 p { font-weight:300; line-height:1.2; }
header h1 p strong, header h3 p strong { font-weight:600; color:#02508e; }
/*#h1 h1 { margin:40px 15px 0; font-size:23px; color:#666; line-height:1.2; }
#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 { display:inline-block; width:500px; height:125px; margin-bottom:70px; background:url('/img/free.jpg') no-repeat 0px 0px; background-size:500px 125px; }
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; }
.titleUnderline { width:95px; height:4px; margin:3px 0 20px; background-color:#fff; }
#sectionList, #sectionListDark { background-color:#ccc; padding-top:20px; margin:0px 0 44px; text-align:center; position:relative; }
#sectionListDark { background-color:transparent; }
#sectionList ul, #sectionListDark ul { margin-left:-30px; margin-right:15px; }
#sectionList li, #sectionListDark li { width:12%; /*17% ar 5 ēkām*/ vertical-align:top; margin-left:30px; }
#sectionList .col-xs-3, #sectionListDark .col-xs-3, #sectionList .col-xs-4, #sectionListDark .col-xs-4 { float:none; vertical-align:top; }
#sectionList a, #sectionListDark a { display:block; }
#sectionList img, #sectionListDark img { border-bottom:2px solid #fff; margin-top:6px; }
#sectionListDark a img { border-bottom:2px solid #fff; }
#sectionList h3, #sectionListDark h3 { text-align:center; font-size:18px; color:#ee1d25; padding-top:8px; margin:0 0 24px; border-top:2px solid #0095da; }
#sectionListDark h3 { color:#ee1d25; }
#sectionList .active h3, #sectionListDark .active h3, #sectionList a:hover > h3, #sectionListDark a:hover > h3 { color:#555; }
#sectionList a:hover > img { border-color:#fff; }
#sectionListDark a:hover > img { border-color:#fff; }
#sectionList a:hover > div h3, #sectionListDark a:hover > div h3 { border-top:3px solid #0095da; color:#0095da; padding-top:7px; }
#level2 #sectionList, #level2 #sectionListDark { background-color:#0095da; margin-top:0px; margin-bottom:0px; padding:20px 0 15px; }
/*#level2 #sectionList img, #level2 #sectionListDark img { height:40px; border:2px solid #fff; margin-top:0; }*/
#level2 #sectionList img, #level2 #sectionListDark img { opacity:0.4; }
#level2 #sectionList .active img, #level2 #sectionListDark .active img, #level2 #sectionList a:hover > img, #level2 #sectionListDark a:hover > img { border-bottom:2px solid #fff; opacity:1; }
#level2 #sectionList a div, #level2 #sectionListDark a div { position:absolute; top:33%; width:100%; padding:0 15px 0 15px; }
#level2 #sectionList h3, #level2 #sectionListDark h3 { border-top:0; margin-bottom:0; line-height:1.2; color:#fff; font-size:20px; font-weight:400; }
/*#level2 #sectionList h3, #level2 #sectionListDark h3 { padding-top:9px; margin-bottom:10px; line-height:1.2; }*/
#level2 #sectionListDark .active h3, #level2 #sectionListDark a:hover > h3 { color:#fff; }
#level2 #sectionList a:hover > div h3, #level2 #sectionListDark a:hover > div h3 { padding-top:8px; }
#clients h2 { margin-bottom:20px; text-align:left; color:#aaa; text-transform:uppercase; position:relative; top:52px; }
#clients ul { list-style:none; padding:0; margin-left:-36px; margin-bottom:40px; text-align:center; }
#clients li { display:inline-block; margin-left:50px; vertical-align:middle; margin-bottom:15px; }
#clients img { max-width:150px; max-height:45px; }
#news { background-color:#eee; }
#news h2 { font-size:32px; margin-bottom:30px; }
#aboutBlock { background-color:#0095da; margin-bottom:160px; padding:46px 0 40px; color:#fff; font-weight:400; }
/*
#map_canvas { width:100%; height:390px; margin-top:30px; }
/*------------------ ^ 1. page ^ ------------------*/
#subSections { margin-bottom:60px; }
#subSections ul { margin-right:-15px; }
#subSections .col-sm-3 { float:none; vertical-align:top; }
#subSections li { width:20%; vertical-align:top; }
#subSections a { font-size:17px; line-height:1; color:#ee1d25; }
#subSections a:hover { color:#0095da; text-decoration:none; }
#subSections img { border-bottom:2px solid #fff; }
#subSections h4 { font-size:18px; color:#ee1d25; padding-top:8px; margin:0 0 24px; border-top:2px solid #0095da; }
#subSections a:hover > h4 { border-top:3px solid #0095da; color:#0095da; padding-top:7px; }
#path { margin-top:50px; font-size:26px; font-weight:600; margin-bottom:26px; }
#subSectionMap { margin-bottom:260px; }
#articleList { margin-top:50px; margin-bottom:90px; }
#articleList ul { list-style:none; padding-left:15px; }
#articleList ul ul { list-style:disc; padding-left:15px; }
#articleList ul li { margin-bottom:20px; border-bottom:1px solid #ddd; }
#articleList ul ul li { margin-bottom:0; border:0; }
#articleList li, #articleList p { color:#3a3a3a; }
#articleList .col-lg-1 { padding-right:0; }
#articleList img { margin-bottom:20px; }
#articleList h3 { font-size:17px; margin:0 0 10px; }
#articleList .descr { font-size:15px; color:#888; }
time { color:#aaa; }
#articleList .more:after { content:" >"; }
#articleList .descr { line-height:1; }
/*-------------------- article --------------------*/
article { margin-top:50px; }
#level2 article { margin-top:70px; margin-bottom:130px; }
article ul { margin-bottom:30px; }
article li { margin-bottom:6px; }
article ul ul { margin-bottom:15px; }
article ul ul li { margin:3px 0 0; }
h1 { margin-top:0; color:#02508e; }
/*#level2 h1 { font-size:25px; font-weight:600; color:#090909; margin-bottom:24px; }*/
#path a { display:inline-block; text-decoration:none; font-size:26px; font-weight:300; }
#path a:after { content:'>'; color:#ccc; margin:0 9px 0 14px; }
article p { line-height:1.3; margin-bottom:20px; }
em { font-style:normal; font-size:20px; color:#0095da; font-weight:400; }
u { text-decoration:none; color:#02508e; }
.backLabel { display:block; margin-top:50px; margin-bottom:40px; font-size:16px; color:#aaa; }
.backLabel:hover { color:#183049; }
.pdf { display:block; margin-top:10px; color:#aaa; }
.pdf svg { margin-right:3px; position:relative; top:2px; }
.thumbs { margin:25px 0 50px -15px; }
.thumbs li { display:inline-block; width:103px; margin-left:15px; margin-bottom:13px; font-size:14px; text-align:center; }
.thumbs li:first-child { margin-left:15px; }
#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:#ee1d25; color:#fff; text-decoration:none; }
#fCont button:hover, a.btn:hover { background-color:#ee1d25; color:#fff; }
/*------------------ ^ article ^ ------------------*/
/*-------------------- footer --------------------*/
footer { position:absolute; bottom:0; width:100%; background-color:#fff; padding-top:0px; text-align:center; }
footer h2 { display:inline-block; margin-right:35px; color:#444; }
footer a, footer #phone { font-size:16px; color:#000; text-decoration:none; }
footer a:hover { text-decoration:none; color:#0095da; }
#phone .glyphicon, #phone a .glyphicon, #mail .glyphicon, #address .glyphicon { margin-right:6px; margin-bottom:10px; color:#ee1d25; }
#mail .glyphicon, #address { /*margin-left:40px;*/ }
footer a { margin-left:40px; }
footer .container { padding-bottom:24px; }
#bottomLine { color:#fff; font-size:12px; padding:7px 0 16px; background-color:#545454; border-top:2px solid #fff; }
footer #bottomLine .container { padding-bottom:0; text-align:left; }
#bottomLine a { color:#bbb; font-size:12px; text-decoration:none; }
#bottomLine a:hover { color:#fff; }
/*footer .hideI { font-size:18px; padding-right:19px; }*/
#cookies { position:fixed; bottom:0; right:0; width:100%; height:27px; text-align:center; background-color:#545454; 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:450px;*/ }
} /* 12 - for 1680 */
@media (max-width:1679px) {
#bgSwitcher { /*height:450px; /*900px*/ }
} /* 11 - for 1600 */
@media (max-width:1599px) {
#bgSwitcher { /*height:500px; /*810px*/}
#logo { margin-top:40px; }
#lang { top:32px; }
#contacts { margin-top:72px; }
header nav { margin-top:110px; }
#level2 #sectionListDark h3 { font-size:16px; }
/* h1 { top:190px; }*/
} /* 10 - for 1440 */
@media (max-width:1439px) {
#bgSwitcher { /*height:400px; /*768px*/ }
} /* 9 - for 1366 */
@media (min-width:1400px) {
}
@media (max-width:1365px) {
#bgSwitcher { /*height:430px; /*720px*/ }
#h1 { margin-top:40px; }
/* #sectionList, #sectionListDark { margin-top:20px; }*/
} /* 8 - for 1280 */
@media (max-width:1199px) {
#bgSwitcher { /*height:330px; /*576px*/ }
#level2 #bgSwitcher { background-position:top right; -webkit-background-size:initial; -moz-background-size:initial; -o-background-size:initial; background-size:initial; }
header#bgSwitcher #logo { margin:30px 0 24px 0; }
/* #lang { top:17px; }
#level2 #lang { top:37px; }
header nav { margin-top:50px; }
#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; }
#aboutBlock p { font-size:15px; }
h2 a { margin-top:50px; font-size:18px; }
/*
#level2 #logo { left:15px; }
nav li, nav li a { font-size:19px; }
nav .breadcrumb li a:hover, nav .breadcrumb li.active { font-size:19px; }*/
.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) {
#logo svg { width:230px; }
#bgSwitcher { /*height:300px;*/ background-position:-270px top; }
#lang { top:11px; }
#lang li.active, #lang li a { font-size:14px; }
#logo a { font-size:34px; }
#logo span { font-size:34px; }
header nav { margin-top:142px; }
nav li, nav li a { font-size:16px; }
#lang li.active { display:none; }
#contacts { margin:63px 10px 0; }
h1 p, header h3 p { font-size:36px; }
h2 { width:430px; height:100px; background-size:500px 125px; }
h2 a { margin-top:38px; font-size:16px; padding:4px 40px 3px 40px; }
/* #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 ul, #sectionListDark ul { margin-left:-20px; margin-right:15px; }
#sectionList li, #sectionListDark li { width:18%; margin-left:20px; }
#h1 p, #h1 strong { font-size:14px; }
#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; }
#subSections li { width:24%; }
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; }
#level2 h1 { font-size:26px; }
/*
#level2 .thumbs { margin-top:17px; }
#level2 .thumbs li { width:120px; }
#level2 #logo svg { width:110px; }
#level2 header#bgSwitcher #logo { margin-bottom:0; }
#level2 #lang { top:7px; }
#level2 header nav { margin-top:40px; }
*/
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; }
/*
.breadcrumb > li + li:before { font-size:18px; padding-left:10px; }
aside .img-responsive { display:inline; max-width:360px; }
*/
} /* 6 - for 960, 800 */
@media (min-width:992px) {
}
@media (max-width:799px) {
#bgSwitcher { /*height:300px;*/ background-position:-220px top; }
#sectionListDark h3 { font-size:14px; }
#subSections ul { margin-right:0px; }
#subSections li { width:23%; }
#subSections h4 { font-size:17px; }
#path, #path a { font-size:24px; }
} /* 6 - for 768 */
@media (max-width:767px) {
#bgSwitcher { /*height:280px;*/ }
#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; }
#contacts { margin:58px 10px 0; }
#lang { margin-right:12px; }
#lang li.active, #lang li a { font-size:13px; }
#logo svg { width:200px; }
#contacts li, #contacts li a { font-size:12px; }
h1 p, header h3 p { font-size:30px; }
header#bgSwitcher #logo { margin:25px 0 24px 0; }
nav li, nav li a { font-size:15px; }
#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; }
/* .swiper-container { margin-top:45px; }
.swiper-button-prev, .swiper-button-next { top:-25px; }
.swiper-pagination { top:-34px; }*/
} /* 5 - for 640, 740 */
@media (min-width:768px) {
}
@media (max-width:639px) {
#bgSwitcher { /*height:250px;*/ }
#bgSwitcher { /*background-position:center -30px;*/ }
.swiper1 li, .swiper1 li a { height:300px; }
#bgSwitcher .slogan { top:140px; font-size:24px; }
#bgSwitcher .slogan b { font-size:42px; }
#bgLine { height:38px; top:80px; background-color:rgba(255, 255, 255, 0.8); }
#level2 #bgLine { top:113px; }
header .col-xs-4, header .col-xs-8, header .col-xs-4 { width:100%; }
header#bgSwitcher #logo { margin:20px 0 13px 0; }
#logo { margin-top:20px; }
#logo svg { width:180px; }
#lang { top:-64px; }
#lang { margin-right:2px; }
/* #logo { margin:22px 0 14px 5px; }*/
#contacts { margin:0 10px 3px 0; }
#contacts li { margin:0 5px; }
#contacts li, #contacts li a { font-size:13px; }
header nav { margin-top:0; }
header nav li, nav li a { color:#555; font-size:15px; }
.breadcrumb > li + li:before { padding:0 4px 0 2px; }
h1, #level2 h1 { font-size:20px; }
h2 { font-size:20px; margin-bottom:0; }
#clients h2 { margin-bottom:20px; top:0; }
article { margin-bottom:30px; }
#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; }
/*
left:15 #level2 #sectionList, #level2 #sectionListDark { padding-top:15px; }
.breadcrumb > li + li:before { padding-left:5px; padding-right:3px; }
nav .breadcrumb > li + li:before { font-size:14px; }*/
h1, #level2 h1 { font-size:18px; }
h2 a { font-size:15px; }
#sectionList, #sectionListDark { margin:30px 0 60px; }
#sectionList h3, #sectionListDark h3 { font-size:14px; }
#subSections li { width:27%; }
#subSections h4 { font-size:14px; }
.thumbs li { width:137px; }
#level2 .thumbs li { width:94px; }
th, td { font-size:13px; }
#clients h2 { font-size:14px; }
#clients ul { margin-left:-10px; margin-bottom:60px; }
#clients li { margin-left:10px; margin-bottom:7px; }
#clients img { max-width:100px; max-height:30px; }
footer { padding-top:12px; }
footer .container { padding-bottom:6px; }
footer img { width:110px; }
footer div a, footer #phone { font-size:13px; }
#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) {
#logo svg { width:160px; }
#bgLine { height:26px; top:141px; padding:0; }
#level2 #bgLine { top:107px; }
#lang { top:-60px; }
#lang li, #lang li a { font-size:13px; color:#333; }
#level2 #lang li a { color:#ee1d25; }
header nav { margin-top:42px; }
header nav li, header nav li a { font-size:14px; }
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 { margin-left:10px; }
#level2 .thumbs li { width:84px; }
#bottomLine { font-size:11px; }
#bottomLine a { font-size:10px; }
} /* 3 - for 414 */
@media (max-width:413px) {
#bgSwitcher { /*height:250px;*/ }
#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; }
/*
#level2 #logo { top:2px; }
#logo a { font-size:28px; }
#logo span { font-size:28px; }
nav li, nav li a, nav .breadcrumb li a:hover, nav .breadcrumb li.active { font-size:14px; }
.breadcrumb > li + li:before { padding:0; }
header nav svg { width:18px; }
h1 { width:75%; }
#lang .active { display:none; }
#lang li { display:block; text-align:right; }
#lang > li + li:before { content:''; }
*/
h2 { width:340px; height:90px; }
h2 a { margin-top:37px; font-size:14px; }
#h1 { margin-top:30px; }
#h1 p { font-size:13px; }
#path, #path a { font-size:16px; }
h1, #level2 h1 { font-size:16px; }
h2 { font-size:17px; }
#h1 h1 br { display:none; }
#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; }
#clients h2 { font-size:14px; }
#clients img { max-width:70px; max-height:20px; }
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) {
header nav svg { width:16px; }
#bgLine { top:135px; }
nav li, nav li a, nav .breadcrumb li.active { font-size:13px; }
.breadcrumb > li + li:before { padding-left:3px; padding-right:2px; }
nav .breadcrumb > li + li:before { font-size:12px; }
#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) {
#bgSwitcher .slogan { top:76px; font-size:19px; }
#bgSwitcher .slogan b { font-size:27px; }
#logo svg { width:150px; }
#lang li, #lang li a { font-size:12px; }
#contacts li, #contacts li a { font-size:12px; }
h2 { width:300px; }
h1 p, header h3 p { font-size:24px; }
#aboutBlock p { font-size:12px; }
#subSections li { width:29%; }
#subSections h4 { font-size:13px; }
#level2 #sectionList li, #level2 #sectionListDark li { width:16%; margin-left:10px; }
#level2 .thumbs li { width:61px; }
/*
#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%; }
*/
article p, article li, #fCont button, a.btn, .backLabel { font-size:12px; }
.thumbs li { width:83px; }
.hideI { display:none; }
.showI { display:initial; }
} /* 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 ^ ------------------------*/