.b { background:#ccc; } /* section_list article_list _home _article for_1680 for_1600 for_1536 for_1440 for_1366 for_1280 for_1024 for_960 for_800 for_768 for_414 for_393 for_375 for_360 for_320 background:#ccc; background:rgba(1,184,1,0.5); border:1px solid #ccc; border-radius:4px; color:#ccc; display:inline-block; font-weight:500; line-height:1.4; letter-spacing:.05rem; margin-bottom:1rem; padding:2rem 3rem 2rem 1.25rem; padding-bottom:2rem; text-align:center; text-transform:uppercase; position:absolute; bottom:270px; left:180px; 12 font-size:.75rem; 13 font-size:.8125rem; 14 font-size:.875rem; 15 font-size:.9375rem; 16 font-size:1rem; 17 font-size:1.0625rem; 18 font-size:1.125rem; 19 font-size:1.1875rem; 20 font-size:1.25rem; 21 font-size:1.3125rem; 22 font-size:1.375rem; 23 font-size:1.4375rem; 24 font-size:1.5rem; 25 font-size:1.5625rem; 26 font-size:1.625rem; 27 font-size:1.6875rem; 28 font-size:1.75rem; 29 font-size:1.8125rem; 30 font-size:1.875rem; 31 font-size:1.9375rem; 32 font-size:2rem; $red: #e1261c; .font { font-family:'Racing Sans One', cursive; color:#063b64; } */ html { min-height:100%; } li, .container, .relative, html, h1, #nav, footer, video, #videoWrap { position:relative; } .list-unstyled { padding-left:0; list-style:none; } /*.list-unstyled li { display:inline-block; }*/ .text-right { text-align:right !important; } .text-center { text-align:center; } .d-none { display:none; } .d-block { display:block; } .justify-content-end { justify-content:end; } a { display:inline-block; } /*a:hover, a:active, a:focus { color:#ebd9b0; } a:focus, a:active, button:focus { outline:none; }*/ /*b, strong { font-weight:600; }*/ svg { fill:#fff; } video, #videoWrap { padding:0 !important; } #leftCol { background:#68478d; } .p-0 { padding:0; } .pl-0 { padding-left:0; } .pr-0 { padding-right:0; } .mb-4 { margin-bottom:2.5rem; } /*-------------------- HEADER --------------------*/ video { max-width:100%; } body, input, textarea { text-transform:uppercase; } header { margin-bottom:3rem; } #nav, #about { position:absolute; left:0; } /*padding:0 3.125rem 0 5.375rem;*/ /*header { width:100%; height:100%; } header, */ .h100 { height:100%; } .vh100 { height:100vh; } #nav { left:0; top:0; width:30.125rem; padding:0; z-index:2; } /*#level2 #nav { width:30rem; }*/ .collapse { display:none; padding-top:5.5rem;/**6.25*/ /*nepareizais logo - 4.5*/ background:#fff; border:1px solid #000; position:fixed; top:0; width:27.25rem; height:100%; display:blockXX;} /*#navbar 40.25rem*/ #level2 .collapse { padding-top:6.25rem; /*width:27.5rem;*/ } button { border:0; background:none; } .navbar-toggler, #level2 .navbar-toggler { left:7.0625rem; } .navbar-toggler { padding:5.5rem 0 0 0;/**6.25*/ position:fixed; /*14rem*/} /*nepareizais logo 1.lapa - 4.25 un 9*/ #level2 .navbar-toggler { padding-top:6.25rem; } /*nepareizais logo - 4.875 un 4.5625*/ .navbar-toggler svg, .navbar-brand svg { width:13.5rem; fill:#000; } /*nepareizais logo - 13*/ #level2 .navbar-toggler svg { width:13.5rem; height:auto; } /*nepareizais logo - 17.5*/ /*.navbar-toggler:hover svg { fill:#e1261c; } /* , #level2 .navbar-toggler svg:hover, #level2 .navbar-brand a:hover svg */ /*.navbar-brand { margin:0 0 8.5rem 0; } #level2 .navbar-brand { margin:0 0 8.5rem -.375rem; }*/ .navbar-brand svg { height:auto; position:relative; left:3px; top:-1px; fill:#090909; } /*nepareizais logo - 17.5*/ /*#level2 .collapse { height:auto; }*/ .navbar-nav { position:absolute; bottom:1.125rem;/**2.25*/ left:0; margin-bottom:5.25rem; list-style:none; padding:0; width:100%; } .navbar-nav li { border-bottom:1px solid #000; } /*margin-bottom:3rem;*/ /*.navbar-nav li:last-child { border-bottom:1px solid #000; }*/ .navbar-nav a { display:block; padding:1.625rem 0 1.625rem 9rem; font-size:2rem;/**2.25*/ } .navbar-nav a:before { position:absolute; left:4rem; top:1.5rem; display:block; width:3.375rem; height:3.375rem; content: '';/* \203a */ transition:transform .15s ease-in-out; background:url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23E1261C' d='M25.5 0v50M50 25.5H0'/%3E%3C/svg%3E") no-repeat left center; } .navbar-nav li:hover a:before { transform:rotate(45deg); } /*top:-.5rem;*/ .navbar-nav a:hover, #lang a:hover { color:#e1261c; } /*, .navbar-nav .active a*/ nav a { color:#000; font-weight:bold; } #lang { position:absolute; bottom:1.75rem;/*2.5*/ left:3.875rem; } #lang div { display:inline-block; margin-right:1rem; } #lang div, #lang a { font-size:1.875rem;/**2*/ font-weight:300; } #lang .active { color:#e1261c; } #about { bottom:8px; width:100%; } #about .col-4 { text-align:right; } #about .col-4 svg { position:relative; right:3.25rem; bottom:-1px; width:32.125rem; } /*.25 1.125*/ #about .col-8 { padding-left:0; } #about p { position:relative; top:-.375rem; margin:0 2.25rem 0 0;/*1*/ font-size:1.625rem; line-height:1.3; color:#fff; text-align:justify; } /*------------------ ^ HEADER ^ ------------------*/ /*-------------------- _articleList --------------------*/ #listMob { display:none; } .articleList .rightCol, .contactFormCol, .mapCol { padding-left:0; } .articleList .rightCol .container-fluid { padding-top:6.3125rem; } .articleList div.d-flex { display:flex; flex-direction:column; justify-content:space-between; } .articleList .rightCol a { display:block; position:relative; overflow:hidden; margin-right:1rem; } .cells2cell2, .cells3cell2, .cells3cell3 { margin-right:1.375rem; } .articleList .rightCol picture img { position:relative; filter:grayscale(1); } .articleList .rightCol img:hover, .articleList .rightCol a:hover img { filter:grayscale(0); } .articleList .rightCol a:hover h2, .articleList .rightCol a:hover h4 { visibility:visible; } .cells2cell1 img, .cells2cell2 img { left:-30%; } .cells3cell1 img { right:35%; } .cells3cell2 { height:43%; } .cells3cell2 img { left:0; top:-5%; } .cells3cell3 { height:52.5%; } .admWrap { position:relative; } .admWrap .cells3cell3, .admWrap .cells3cell2 { height:100%; } .cells3cell3 img { right:4%; top:1px; } .articleList .rightCol h2, .articleList .rightCol h4 { position:absolute; bottom:2rem; left:2rem; margin:0; font-size:3.75rem; line-height:1.15; font-weight:500; color:#fff; visibility:hidden; } .articleList .rightCol h2 p, .articleList .rightCol h4 p { margin:0; } .descr p { margin:0; font-weight:300; font-size:1.5rem; text-align:left !important; } h1 { position:absolute; bottom:-.375rem; left:-24rem; margin:0; width:22rem; text-align:initial; font-size:3.375rem; } #project h1, .article .h1 { left:-24.75rem; } /* +.75rem */ #news h1 { left:-24.75rem; } .smaller1 { left:-24rem; } .h1fixed { position:fixed; left:5.25rem !important; } .mb-X9 { margin-bottom:2.5rem; } /*------------------ ^ _articleList ^ ------------------*/ /*-------------------- _home --------------------*/ section.articleList { margin-bottom:3rem; } section.articleList .rightCol .container-fluid { padding-top:2rem; } section.articleList h2 { padding:2.25rem 0 2rem 6rem; font-size:4rem; } section.articleList h2 a { color:#000; font-weight:500; } section.articleList h2 a:hover { color:#e1261c; } #news1page h2 { font-size:3.75rem; } #contact1page { margin-bottom:6.75rem; } #contact1page h2 { padding-top:.25rem; font-size:3.125rem; } #contact1page .pl-0 { padding-right:2rem; } form { padding-top:1rem; margin-bottom:3rem; border-top:5px solid #000; } .input-group { padding:1rem 0; border-bottom:1px solid #e1261c; } .form-control { padding-left:0; height:3rem; } form button { margin-top:1rem; padding:.75rem 0 .125rem 0; border-bottom:1px solid #fff; font-weight:bold; color:#000; } form button:hover { color:#e1261c; } .col-form-label { align-self:end; font-size:1rem; text-align:right; } #map { height:40rem; border-radius:1rem; /*margin-right:2rem; border:1px solid blue;*/ } #contacts { position:absolute; bottom:0; left:6.75rem; } #contacts svg { margin:2rem 1.5rem 0 0; fill:#000; } #contacts svg:hover { fill:#e1261c; } #contacts p { margin-bottom:1.25rem; } #contacts p:last-child { margin-bottom:0; } #contacts a { color:#000; } #contacts a:hover { color:#e1261c; } /*#about2 video { width:100%; }*/ #join, footer { position:absolute; bottom:18rem; left:0; width:100%; text-align:center; } #join a { padding:.5rem 5rem .75rem 5rem; border:2px solid #fff; border-radius:1rem; color:#fff; font-size:4rem; font-weight:bold; } #join a:hover { border:2px solid #e1261c; color:#e1261c; } footer { bottom:1.5rem; color:#fff; } footer a { color:#fff; } /*------------------ ^ _home ^ ------------------*/ /*-------------------- _article --------------------*/ .smaller1 { font-size:2.5rem; } .smaller2 { font-size:3.25rem; } .article { padding-right:1.75rem; } /*margin-bottom:5rem; */ #mainFoto, #mainFoto picture { display:block; } .mb-X1 { margin-bottom:5.75rem; } /*#project #mainFoto, #news #mainFoto { margin-bottom:3rem; }*/ #project .mb-X1, #news .mb-X1 { margin-bottom:3rem; } .article p, .article li, .article div, blockquote { line-height:1.4; font-weight:300; text-align:justify !important; } .article .descr p { text-align:left !important; } .articleList .rightCol .article a, .more div { display:inline-block; padding-right:2.875rem; text-decoration:underline; font-weight:300; background:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.424.653 21.11 21.111M0 21.834h21.834V0' stroke='%23E1261C'/%3E%3C/svg%3E") no-repeat right .375rem; } .articleList .rightCol .article a.lightboxA { margin-right:0; padding-right:0; background:none; width:100%; } #project .thumbs a.lightboxA { width:auto; } .articleList .rightCol .article .thumbs a { margin-right:1.5rem; padding-right:0; background:none; } .articleList .rightCol .thumbs { margin-right:-2.25rem; } .articleList .rightCol .thumbs li { margin-bottom:2.75rem; } .articleList .rightCol #params { padding:0; border-top:5px solid #000; } /*margin-top:3rem;*/ .articleList .rightCol #project #params { padding-top:1.5rem; margin-bottom:2rem; } .articleList .rightCol #project #params .col-lg-9 { padding-right:0; padding-left:0; } /*#params .col-lg-3, #params .col-lg-9 { padding-left:0; }*/ #params .col-lg-9 { padding-left:4rem; } .articleList .rightCol #params .row { margin:0; padding:1.625rem 0; border-top:1px solid #e1261c; } .articleList .rightCol #project #params .row:last-child { border-bottom:1px solid #e1261c; } .articleList .rightCol #params .row:first-child { border-top:0; } .article div.col-lg-3 { padding:0; font-weight:400; } #params a, #params span { margin-left:3rem; } #params a:first-child, #params span:first-child { margin-left:0; } #params a { background:none; color:#000; text-decoration:none; } #params a:hover { color:#e1261c; } .back { margin-top:1.25rem; } .arrow { width:1.25rem; height:1.25rem; } #accordion { margin:3rem 0; border-bottom:1px solid #e1261c; } #accordion input { display:none; } .acc-item { position:relative; transition:all .15s ease-in-out; border-top:1px solid #e1261c; } .acc-item:before { content:''; position:absolute; display:block; top:0; left:0; pointer-events:none; } .acc-title { display:block; cursor:pointer; padding:1.625rem 0; } .acc-body { padding:1rem 0; display:none; } .acc-close { position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; display:none; } /*input:checked + .acc-item { height:auto; margin:16px 0; }*/ input:checked + .acc-item .acc-title { border-bottom:1px solid #e1261c; } input:checked + .acc-item .acc-body, input:checked + .acc-item .acc-close { display:block; } .acc-title:after { position:absolute; right:0; top:1rem; display:block; width:3.375rem; height:3.375rem; content: '';/* \203a */ transition:transform .15s ease-in-out; background:url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23E1261C' d='M25.5 0v50M50 25.5H0'/%3E%3C/svg%3E") no-repeat right center; } input:checked + .acc-item .acc-title:after { transform:rotate(45deg); } /*top:-.5rem;*/ #accordion h3 { display:inline-block; width:70%; margin:0; font-size:1.5rem; } #accordion span { display:inline-block; width:30%; } /*------------------ ^ _article ^ ------------------*/ /*-------------------- news --------------------*/ #news1page #news { padding-right:2rem; } #level2 #news { padding-right:1.75rem; } #level2 #news li, #news li .wrap { padding:2.5rem; border-radius:.625rem; -webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,0.25); box-shadow:0 8px 8px 0 rgba(0,0,0,0.25); } #news1page li, #news li .wrap { display:flex; } #news li .wrap { flex-direction:column; justify-content:space-between; width:100%; } #news1page li:first-child .wrap { margin-right:.75rem; } #news1page li:last-child .wrap { margin-left:.75rem; } #news ul img { margin-bottom:3rem; } .rightCol #news a { margin:0; color:#000; } h3 { margin:0; font-weight:500; font-size:2.25rem; } time { font-weight:300; } .article time { display:block; margin-top:3rem; } .more { display:flex; align-items:end; justify-content:end; } .more div { text-decoration:none; font-size:1.25rem; background-size:18px 18px; } .more div, #news a { filter:grayscale(1); } #news a:hover, #news a:hover .more div { filter:grayscale(0); color:#e1261c; } .rightCol #news .container-fluid { padding-top:0; } /*------------------ ^ news ^ ------------------*/ /*-------------------- footer --------------------*/ #SiteAdmin { position:fixed; top:18px; right:5px; font-size:.875rem; } footer { text-align:center; } #level2 footer { position:relative; margin-top:11rem; padding-top:1rem; border-top:1px solid #000; text-align:left; color:#000; } footer, footer a { font-size:1rem; } #cookies { margin-bottom:1.5rem; } #cookies a { display:inline-block; margin:0 .5rem; border-bottom:1px solid #e1261c; overflow:initial; } #cookies a:hover { color:#e1261c; } #level2 #ml { position:absolute; bottom:0; right:1.5rem; } #ml { margin:0; } #level2 footer a { color:#000; } #level2 footer a:hover { color:#e1261c; } #copy { font-weight:500; } #ml a { font-size:.75rem; } /*------------------ ^ footer ^ ------------------*/ @media (min-width:1921px) { video { width:200%; } #about .row .col-4 { width:31.33333333%; } #about .row .col-8 { width:68.66666667%; } #about .col-4 svg { right:3.375rem; width:32.125rem; } /*1.9375*/ /*27.125*/ #about p { font-size:1.875rem; } /*top:-1.75rem;*/ /*margin:0 2.25rem 0 0; line-height:1.4;*/ /*#nav { width:40.25rem; }*/ .navbar-toggler svg, .navbar-brand svg { width:15rem; } .navbar-toggler { padding:6.5rem 0 0 0; left:11.25rem; } /*nepareizais logo 1.lapa - 6.25 un 12.5*/ #level2 .navbar-toggler svg, #level2 .navbar-brand svg { width:16.125rem; } /*nepareizais logo - 21*/ .collapse { width:37.125rem; padding-top:6.5rem; } #level2 .collapse { padding-top:6.5rem; } .navbar-nav a { padding:1.625rem 0 1.625rem 12rem; font-size:2.25rem; } .navbar-nav a:before { left:7rem; } #lang div, #lang a { font-size:2rem; } #lang { left:6.875rem; } /* .navbar-nav, #lang { left:14rem; }*/ #level2 .navbar-toggler { left:10.6875rem; padding-top:6.5rem; } /*nepareizais logo - left:8.0625*/ section.articleList h2 { padding:2.25rem 0 2rem 9rem; } #contacts { left:9.75rem; } /* #level2 .navbar-toggler { left:11.5rem; } #level2 .navbar-brand { margin-left:.5rem; }*/ .articleList .rightCol .container-fluid { padding-top:6.625rem; } .img-fluid { min-width:100%; } .cells3cell1 { height:100%; } .cells3cell1 img { right:25%; height:100%; width:auto; } .cells3cell2 { height:44%; } .cells3cell3 { height:53%; } .cells3cell2 img, .cells3cell3 img { width:100%; } .cells3cell2 img { height:auto; } .cells3cell3 img { right:0; height:100%; } h1 { width:30rem; left:-32rem; font-size:4.5rem; } #news h1 { left:-32.75rem; } .smaller1, .article .h1 { left:-32.75rem; } /* +.75rem */ #project h1 { left:-32.75rem; } /* +.75rem */ .h1fixed { left:7.25rem !important; } #params .col-lg-9 { padding-left:5.5rem; } } /* for 2560 */ @media (max-width:1919.98px) { html { font-size:90%; } #nav { width:29rem; } /*28.75*/ /* #level2 #nav { width:28rem; }*/ .collapse { width:26.25rem; } /*28.875*/ .navbar-toggler, .collapse { padding-top:4.5rem; } #level2 .collapse { padding-top:6.25rem; } .navbar-toggler svg, .navbar-brand svg { width:12.5rem; } .navbar-toggler { left:7.0625rem; } #level2 .navbar-toggler { left:6.5625rem; } /*nepareizais logo - 4.375*/ #level2 .navbar-toggler svg, #level2 .navbar-brand svg { width:13.5rem; } /*nepareizais logo - 21*/ /* .navbar-brand { margin-bottom:8rem; } .navbar-brand svg { width:16.5rem; }*/ /* .navbar-nav { margin-bottom:5.75rem; }*/ /* .navbar-nav li { margin-bottom:2.75rem; padding-left:8rem; }*/ /* #lang { padding-left:8rem; }*/ h1 { width:22rem; left:-24.25rem; } #news h1 { left:-25rem; } .smaller1 { left:-25rem; font-size:2.25rem; } /* +.75rem */ #project h1, .article .h1 { left:-25rem; /* +.75rem */ } .h1fixed { left:3.875rem !important; } /* #mainFoto { margin-bottom:4.75rem; }*/ .mb-X1 { margin-bottom:4.75rem; } .article p, .article li, .article div, blockquote { line-height:1.3; } #about { bottom:7px; } #about .col-4 svg { width:31rem; } #about p { font-size:1.5rem; } /*margin-bottom:1.375rem;*/ /* #level2 .navbar-brand { margin:.375rem 0 8rem -.375rem; } #level2 .navbar-toggler svg { width:16.5rem; padding-top:1.375rem; }*/ .articleList .rightCol .container-fluid { padding-top:6.3125rem; } .articleList .rightCol h2 { font-size:3.625rem; } .cells3cell1 img { width:1041px; height:810px; } .cells3cell2 img { width:584px; height:386px; } .cells3cell3 img { width:642px; height:425px; } .cells2cell1 img, .cells2cell2 img { width:1009px; height:700px; left:-35%; } .articleList .rightCol a.cells3cell3, .articleList .rightCol a.cells2cell2 { margin-right:1.25rem; } section.articleList h2 { padding-left:5.75rem; font-size:3.375rem; } #map { height:39rem; } #contacts svg { width:32px; height:32px; } } /* for 1680 */ @media (max-width:1679.98px) { html { font-size:84%; } /* #nav { width:30.0625rem; }/*29.875 #level2 #nav { width:29rem; }*/ .collapse { width:27rem; } /*29.75*/ #level2 .navbar-toggler svg, #level2 .navbar-brand svg { width:14.5rem; } .navbar-toggler { left:7.5rem; } #level2 .collapse, #level2 .navbar-toggler { padding-top:6.5rem; } #level2 .navbar-toggler { left:6.5rem; } /* .navbar-brand svg, #level2 .navbar-toggler svg { width:19rem; } nepareizais logo #level2 .navbar-toggler { left:4rem; } /*padding-top:4.75rem;*/ /* #level2 .navbar-brand { margin:.375rem 0 8rem -1.25rem; }*/ #about .col-4 svg { right:3.5rem; } .navbar-nav a:before, .acc-title:after { width:3.625rem; height:3.625rem; top:1.5rem; } .acc-title:after { top:.875rem; } .navbar-nav a { padding-left:10rem; } section.articleList h2 { padding-left:6.75rem; } .articleList .rightCol .container-fluid { padding-top:6.4375rem; } .articleList .rightCol .article a { background-position:right .125rem; } .articleList .rightCol a.cells3cell3, .articleList .rightCol a.cells2cell2 { margin-right:1rem; } h1 { width:23rem; left:-25.125rem; } #news h1 { left:-25.875rem; } .smaller1 { left:-25.875rem; } /* +.75rem */ #project h1, .article .h1 { left:-25.875rem; } /* +.75rem */ /* .collapse { padding-top:4.25rem; } .navbar-toggler svg { width:11rem; } .navbar-brand { margin-bottom:7rem; } .navbar-brand svg { width:15rem; } .navbar-nav { margin-bottom:4.875rem; padding-left:7rem; } .navbar-nav li { margin-bottom:2.75rem; } .navbar-nav a { font-size:2rem; } #lang { padding-left:7rem; } #lang div, #lang a { font-size:1.75rem; } #level2 .navbar-brand { margin:0 0 7rem 0; } #level2 .navbar-toggler svg { width:15rem; padding-top:1rem; } section.articleList .rightCol .container-fluid { padding-top:1.25rem; } section.articleList h2 { padding:1.5rem 0 2rem 2rem; } */ } /* for 1600 */ @media (max-width:1599.98px) { html { font-size:80%; } /* #level2 .navbar-toggler { left:3.75rem; } .navbar-brand svg, #level2 .navbar-toggler svg { width:19.5rem; }*/ #about { bottom:6px; } #about .col-4 svg { width:29rem; right:4.375rem; } #about p { line-height:1.4; } /* .collapse { width:30rem; }*/ #contacts svg { width:30px; height:30px; } .more div { background-size:16px 16px; } .articleList .rightCol .container-fluid { padding-top:6.5rem; } h1 { left:-25.375rem; } #news h1 { left:-26.125rem; } .smaller1 { left:-26.125rem; } /* +.75rem */ #project h1, .article .h1 { left:-26.125rem; } /* +.75rem */ /* #level2 .navbar-brand { margin:.375rem 0 8rem -1.5rem; } section.articleList h2 { padding-left:6rem; } #contacts svg { margin:2rem 1.25rem 0 0; } #about2 a { font-size:3.75rem; } #nav { width:26.25rem; } .collapse { padding-top:3.75rem; } .navbar-toggler svg { width:10rem; } .navbar-brand { margin-bottom:6.5rem; } .navbar-brand svg { width:14rem; } .navbar-nav { margin-bottom:4.25rem; padding-left:6.5rem; } .navbar-nav li { margin-bottom:2.125rem; } .navbar-nav a { font-size:1.75rem; } #lang { padding-left:6.5rem; } #lang div, #lang a { font-size:1.5rem; } */ } /* for 1536 */ @media (max-width:1535.98px) { html { font-size:74%; } /* .navbar-brand svg, #level2 .navbar-toggler svg { width:20rem; } nepareizais logo*/ .collapse { width:27.5rem; } /*30.375*/ .navbar-nav a:before, .acc-title:after { width:3.875rem; height:3.875rem; top:1.25rem; } .acc-title:after { top:.75rem; } .navbar-nav a { padding-left:10.5rem; } /* #level2 .navbar-toggler { padding-top:4.875rem; }*/ /* #level2 .navbar-brand { margin:.375rem 0 8rem -1.875rem; }*/ #contacts svg { width:28px; height:28px; } .articleList .rightCol .container-fluid { padding-top:6.5625rem; } .articleList .rightCol .article a { background-size:18px; } h1 { left:-25.75rem; } #news h1 { left:-26.5rem; } .smaller1 { left:-26.5rem; } /* +.75rem */ #project h1, .article .h1 { left:-26.5rem; } /* +.75rem */ } /* for 1440 */ @media (max-width:1439.98px) { html { font-size:70%; } .collapse { width:27.75rem; } /*30.5*/ .navbar-nav a { padding-left:11rem; } .navbar-toggler { left:7.875rem; } #level2 .navbar-toggler svg, #level2 .navbar-brand svg { width:15.5rem; } #level2 .navbar-toggler { left:6.375rem; } /* #level2 .navbar-brand { margin:.375rem 0 8rem -2rem; }*/ /* #level2 .navbar-toggler { left:3.875rem; } /*padding-top:4.75rem;*/ #contacts svg { width:26px; height:26px; } .navbar-nav a:before, .acc-title:after { width:4.125rem; height:4.125rem; top:1.25rem; } .acc-title:after { top:.5rem; } h1 { width:24rem; left:-25.875rem; } .smaller1 { left:-26.625rem; } /* +.75rem */ #project h1, .article .h1 { left:-26.625rem; /* +.75rem */ } } /* for 1366 */ @media (min-width:1400px) { } @media (max-width:1365.98px) { html { font-size:67%; } .collapse { width:26.75rem; } .navbar-toggler { left:7.375rem; } #level2 .navbar-toggler { left:5.875rem; } /* #level2 .navbar-toggler { left:3.375rem; } /*padding-top:4.75rem;*/ /* #level2 .navbar-brand { margin:.375rem 0 8rem -1.25rem; }*/ .navbar-nav a:before, .acc-title:after { width:4.375rem; height:4.375rem; } .more div { background-size:14px 14px; } h1 { width:23rem; left:-25.25rem; } #news h1 { left:-26rem; } .smaller1 { left:-26rem; } /* +.75rem */ #project h1, .article .h1 { left:-26rem; } /* +.75rem */ } /* 1280 ---------------- */ @media (max-width:1199.98px) { /* for 1024 ---------------- */ html { font-size:100%; } /* #about { bottom:1rem; }*/ #about .col-4 svg { width:16.5rem; right:2.375rem; } /*19.25*/ /*-.75*/ #about p { margin-right:1.75rem; top:-.125rem; font-size:.9375rem; line-height:1.25; } /*margin-bottom:0;*/ video { width:200%; } #nav { width:16rem; } .collapse { padding-top:3.5rem; width:13.75rem; } /*16*/ /* .navbar-toggler { left:7.5rem; } */ .navbar-toggler, .collapse { padding-top:3.5rem; } .navbar-toggler svg, .navbar-brand svg { width:9rem; } .navbar-toggler { left:2.5rem; } #level2 .collapse, #level2 .navbar-toggler { padding-top:4.875rem; } #level2 .navbar-toggler { left:1.8125rem; } #level2 .navbar-toggler svg, #level2 .navbar-brand svg { width:10.5rem; } /* .navbar-toggler { padding-top:3.5rem; left:3.5rem; } /* .navbar-nav { margin-bottom:3.75rem; padding-left:3rem; }*/ /* .navbar-nav li { margin-bottom:1.75rem; }*/ .navbar-nav a { padding-left:5rem; font-size:1.375rem; } /*1.875*/ .navbar-nav a:before { width:3.625rem; height:3.625rem; left:1rem; top:.875rem; } .acc-title:after { top:1rem; } /* .navbar-brand { margin-bottom:5rem; }*/ /* .navbar-brand svg { width:13.5rem; }*/ #lang { left:1rem; } /*padding-left:3.375rem;*/ #lang div, #lang a { font-size:1.25rem; } section.articleList h2 { padding-left:1.25rem; font-size:2.5rem; } #news1page h2 { font-size:2.625rem; } #contact1page h2 { font-size:1.75rem; } .articleList .rightCol h2, .articleList .rightCol h4 { font-size:3.5rem; } #level2 #news li, #news li .wrap { padding:1.5rem; margin-right:0; } h3 { font-size:1rem; } .more div { padding-right:.875rem; font-size:.625rem; background-size:9px 9px; background-position-y:3px; } #contacts { left:2rem; } #contacts svg { width:24px; height:24px; margin:2rem 1rem 0 0; } .input-group { padding:.5rem 0; } .col-form-label { font-size:.75rem; } #join { bottom:13rem; } #join a { padding:.375rem 4rem .375rem 4rem; font-size:2rem; } footer, footer a { font-size:.75rem; } /* #level2 #nav { width:15rem; }*/ /* #level2 .navbar-toggler { left:.125rem; padding-top:3.5625rem; } /* #level2 .navbar-brand { margin:1.4375rem 0 5rem -.5rem; }*/ /* .navbar-brand svg, #level2 .navbar-toggler svg { width:13.5rem; } /* #level2 .collapse { width:15.25rem; } #level2 #lang { padding-left:3rem; }*/ h1 { left:-13.25rem; width:13rem; font-size:1.875rem; } #news h1 { left:-14.0rem; } #project h1, .article .h1 { left:-14rem; } .smaller1 { left:-13rem; font-size:1.5rem; } .h1fixed { left:2rem !important; } .articleList .rightCol .container-fluid { padding-top:4.875rem; } .articleList .rightCol .article a { padding-right:2rem; background-size:16px; } #params a { margin-left:2rem; } #params .col-lg-9 { padding-left:2rem; } #accordion h3 { font-size:1.25rem; } .acc-title:after { width:3.625rem; top:.25rem; } .articleList .rightCol h2, .articleList .rightCol h4 { font-size:2.25rem; visibility:visible; } .descr p { font-size:1.125rem; } .articleList .rightCol #params .row { padding:1rem 0; } .smaller2 { font-size:2rem; } .mb-X1 { margin-bottom:2rem; } /*#project #mainFoto*/ #project .mb-X1, #news .mb-X1 { margin-bottom:1.75rem; } .articleList .rightCol .thumbs { margin-right:-1.25rem; margin-bottom:0; } .articleList .rightCol .article .thumbs a { margin-right:.5rem; } .articleList .rightCol .thumbs li { margin-bottom:1.75rem; } .articleList .rightCol picture img, #news a { filter:grayscale(0); } .articleList .rightCol #news picture img { filter:grayscale(1); } /* .articleList .rightCol #params { margin-top:0; }*/ } /* 7 - for 1024 ---------------- */ @media (min-width:1200px) { /* .container { width:970px; }*/ } @media (max-width:991.98px) { /* for_960 ---------------- */ .navbar-toggler { padding-top:9.75rem; left:5rem; } .navbar-toggler svg { width:10rem; } .navbar-toggler #rect2, .navbar-brand #rect22 { transform:translate(0, 9px); } .navbar-toggler #rect3, .navbar-brand #rect33 { transform:translate(0, 18px); } .collapse { width:20.25rem; padding:0; overflow:scroll; } /*12.5625*/ #level2 .collapse { padding:0; } .navbar-nav { position:initial; overflow:scroll; } header .h100, .vh100 { height:auto; } .navbar-nav a { padding:4.125rem 0 2.625rem 3.375rem; font-size:2.625rem; } .navbar-nav a:before { display:none; } .navbar-brand { padding-top:9.75rem; margin-bottom:9rem; } /* .navbar-brand { margin-bottom:3rem; }*/ .navbar-brand svg, #level2 .navbar-toggler svg { width:10rem; } /*11.5*/ #level2 .navbar-brand, #level2 .navbar-toggler { left:1.6875rem; padding-top:8rem; } #level2 .navbar-brand svg, #level2 .navbar-toggler svg { width:16.5rem; } #level2 .navbar-toggler svg { fill:#fff; } /* .navbar-nav { margin-bottom:3rem; padding-left:1.5rem; } .navbar-nav li { margin-bottom:1.75rem; }*/ #lang { position:initial; margin-bottom:3rem; padding-left:3.375rem; } #lang div, #lang a { margin-right:.5rem; font-size:1.875rem; } /* #level2 .navbar-brand { margin:1.625rem 0 3rem -.5rem; } #level2 .navbar-brand svg { width:11rem; } #level2 #nav { width:11.5rem; }*/ /* #about .col-8 { padding-left:0; }*/ #about .col-4 svg { bottom:-3px; right:-.875rem; width:18.5rem; } /*position:absolute; bottom:-1px;*/ /*12.5625*/ /*12.375*/ #about p { margin:0 .75rem .5rem 1.5rem; font-size:1.5rem; line-height:1.4; } #about p span { display:none; } section.articleList { margin-bottom:2.5rem; } section.articleList h2, #news1page h2, #contact1page h2 { padding:0 0 0 .75rem; font-size:2.25rem; } .articleList .rightCol h4 { left:initial; right:2rem; text-align:right; } #news1page h2 { padding:.5rem 0 2rem .75rem; } /* #contact1page h2 { font-size:1.25rem; }*/ .articleList .rightCol, .mapCol, #projects1page .rightCol .pl-0 { padding-left:calc(var(--bs-gutter-x) * .5); } #news1page #news { padding-left:1rem; padding-right:1rem; } #level2 #news li, #news li .wrap { padding:1rem; } h3 { font-size:1.625rem; } .more div { padding-right:1.375rem; font-size:1rem; background-position-y:5px; background-size:14px 14px; } #news1page li:first-child .wrap { margin-right:0; } #contact1page { margin-bottom:1rem; } #contact1page h2 { margin-bottom:2.25rem; } #contact1page .pl-0 { padding-left:1rem; padding-right:1rem; margin-bottom:2.5rem; } #map { margin-right:0; box-shadow:0 8px 8px 0 rgba(0,0,0,0.25); } #contacts { position:relative; bottom:auto; left:auto; /*bottom:3rem;*/ margin-bottom:2.5rem; } /* #contact1page .mapCol .pl-0 { margin-bottom:0; }*/ form, #contacts { padding-left:19rem; } .form-control { margin:.75rem 0; font-size:1.375rem; } .input-group { border-bottom:3px solid #e1261c; } .col-form-label { padding-top:2.5rem; text-align:left; font-size:.75rem; } form button { padding-right:2.5rem; font-size:1.75rem; } form .col-lg-2 { text-align:right; } #results1 { padding-bottom:2rem; border-bottom:4px solid #000; } .phone a { font-size:1.5rem; } #soc { position:absolute; top:0; right:3.75rem; } #contacts svg { width:48px; height:48px; margin:0 0 0 3.5rem; } #join { bottom:12rem; } #join a { font-size:1.75rem; } footer, footer a, #ml a { font-size:.625rem; } /* #level2 #news .masonry1 { margin:0 .5rem; }*/ #level2 #news, #level2 .articleList .rightCol #news a, #level2 .articleList .rightCol, .article { padding:0; } .articleList .rightCol .container-fluid { padding-left:0; padding-top:0; } /* .articleList .rightCol .container-fluid { padding-top:4.5rem; }*/ .articleList .rightCol a, .articleList .rightCol a.cells3cell3, .articleList .rightCol a.cells2cell2 { margin-right:0; } .articleList .rightCol .article a { padding-right:2.25rem; background-size:1.5rem; background-position:right .375rem; } /* h1 { left:-13.25rem; width:14rem; font-size:2rem; } #project h1, .article .h1 { left:-14rem; } .smaller1 { left:-13rem; font-size:1.5rem; } .h1fixed { left:2rem !important; } */ .rightCol #mainFoto, #news #mainFoto { margin-bottom:3.5rem; } h1 { position:initial; width:auto; font-size:2.375rem; } .smaller1, .smaller2 { font-size:2.125rem; } h1, .contentPadd { padding:0 1.625rem; } #listMob h1 { padding:1.875rem 0 1.25rem 1.5rem; } /* .smaller1 { left:-11.25rem; font-size:1.125rem; } .smaller2 { font-size:1.75rem; }*/ .h1fixed { left:1.5rem !important; } #params a { margin-left:0; } #params .col-lg-9 { padding-left:1rem; } #listDeskt { display:none; } #listMob { display:block; } #listMob div { margin-bottom:1.625rem; } #listMob div.descr { margin:0; } .float-start { float:left; } .float-end { float:right; } .float-start:nth-child(n+2) a { margin-left:1.625rem; } .articleList .rightCol .float-end a, .w100:nth-child(n+2) a { margin-right:1.625rem; } .w100 { width:100%; } .w50 { width:48.7%; } .w100 img { right:23%; } .w50 img { height:31rem; width:auto; right:23%; } .clearfix::after { display:block; clear:both; content:""; } .articleList .rightCol .firstProj h2 { bottom:1.875rem; } .articleList .rightCol h2 { left:unset; right:1.75rem; font-size:2.5rem; line-height:1.4; text-align:right; } .articleList .rightCol h2 .descr p { text-align:right !important; } /* shis nonullee desktop gridu - pataisa visu vienrindaa, bet taisiishu ar float... .cells3cell1, .cells3cell2, .cells2cell1 { margin-bottom:.625rem; } .articleList .rightCol .mb-4, .mb-X9 { margin-bottom:3.5rem; } .cells3cell2, .cells3cell3 { height:100%; } .cells3cell1 img, .cells3cell2 img, .cells3cell3 img, .cells2cell1 img, .cells2cell2 img { width:100%; height:auto; right:0; top:0; left:0; } /*.articleList .rightCol .container-fluid .row { display:inline-block; } .articleList .rightCol .container-fluid .row>* { display:inline-block; width:auto; }*/ .articleList .rightCol .thumbs { margin-left:1.625rem; margin-right:1.625rem; } .articleList .rightCol .article .thumbs a { margin:0; } .articleList .rightCol .thumbs li { margin-bottom:1.625rem; padding:0; } #project h1 { margin-bottom:3rem; font-size:4.25rem; } #project .descr p { font-size:1.875rem; } #textual p, #params, .back { font-size:1.625rem; } .article div .text-right { text-align:right !important; } #accordion h3 { width:64%; font-size:1.5rem; } #accordion span { width:36%; } .acc-title { padding:4.375rem 0; font-size:1.5rem; } .acc-title:after { top:2.875rem; } #jobs #params { margin-top:3.25rem; padding-top:2rem; } .articleList .rightCol #params .row { padding:2rem 0; } .articleList .rightCol #project #params .row { padding:.875rem 0; } #textual .contentPadd p:last-child { text-align:right !important; } #jobs #textual .contentPadd p:last-child { text-align:left !important; } #cookies, #copy, #ml { margin-left:1.625rem; margin-right:1.625rem; } #project #mainFoto img, #textual #mainFoto img, #news #mainFoto img, video { max-width:200% !important; right:50%; } /*width:max-content !important;*/ #videoWrap, #about2 { overflow:hidden; } } /* 6 - for_960 ---------------- */ @media (min-width: 992px) { .order-lg-1 { order:1; } .order-lg-2 { order:2; } } @media (max-width:959.98px) { #about .col-4 svg { width:15rem; } #about p { font-size:1.25rem; line-height:1.35; } #contact1page h2 { font-size:2.125rem; } .articleList .rightCol h2 { font-size:2.125rem; } #project h1 { font-size:3.5rem; } #textual p, #params, .back { font-size:1.25rem; } .articleList .rightCol .article a { background-size:1.125rem; } .acc-title, #accordion h3 { font-size:1.375rem; } .acc-title { padding:3.25rem 0; } .acc-title:after { top:2rem; } form, #contacts { padding-left:18rem; } .phone a { font-size:1.25rem; } #contacts svg { width:36px; height:36px; margin:0 0 0 2rem; } } /* for_800 ---------------- */ @media (max-width:799.98px) { /*#about .col-4 svg { width:11.75rem; right:1.875rem; }*/ /* .collapse { width:10.5rem; } .navbar-nav a { font-size:1.375rem; } #about .col-4 svg { right:1.5rem; } /* .smaller1 { left:-11rem; }*/ } /* 6 - for_768 ---------------- */ @media (max-width:767.98px) { /* for 428 * ---------------- */ #textual p, #project p, #params, .back { font-size:1.25rem; } /* patiesiibaa pie 800 shim nebija jaabuut, bet bija jaabuut HTML ~96% */ html { font-size:80%; } .navbar-toggler, .navbar-brand { padding-top:5.5rem; } .navbar-toggler { left:2.5rem; } .navbar-brand { margin-bottom:4.5rem; } .navbar-brand svg, .navbar-toggler svg, #level2 .navbar-toggler svg { width:6rem; } #level2 .navbar-brand svg, #level2 .navbar-toggler svg { width:9rem; } #level2 .navbar-toggler { left:1.125rem; } #level2 .navbar-toggler, #level2 .navbar-brand { padding-top:4.375rem; } .navbar-nav { margin-bottom:3rem; } .navbar-nav a { padding:2.25rem 0 1.5rem 1.75rem; font-size:1.5rem; } .collapse { width:11.25rem; } #lang { padding-left:1.625rem; } #lang div, #lang a { font-size:1.25rem; } #about .col-4 svg { width:10rem; right:-.25rem; } #about p { top:0; margin:0 0 0 .75rem; font-size:.875rem; line-height:1.3; } #news1page li:last-child { display:none; } /* #news1page li:last-child .wrap { margin-left:0; }*/ section.articleList h2, #news1page h2, #contact1page h2 { padding:0; font-size:1.875rem; } #contact1page h2 { font-size:1.5rem; } #map { height:23rem; } #join a { padding:.375rem 2rem .375rem 2rem; font-size:1.25rem; } #projects1page .rightCol .pl-0, #news1page #news { padding-left:0; padding-right:0; } form { margin-bottom:0; border-top:3px solid #000; } #results1 { padding-bottom:1.5rem; border-bottom:3px solid #000; } .col-form-label { padding-top:2rem; } /* #contacts { left:.75rem; } #contacts svg { width:22px; height:22px; }*/ #contact1page .pl-0 { padding-left:0; padding-right:0; margin-bottom:1.5rem; } form, #contacts { margin-left:.75rem; padding-left:10rem; } .form-control { margin:0; font-size:1rem; } .input-group { border-bottom:2px solid #e1261c; } form button { padding-right:1rem; font-size:1.25rem; } .phone a { font-size:1rem; } #soc { right:1rem; } #contacts { margin-left:0; } #contacts svg { width:24px; height:24px; margin:0 0 0 1.625rem; } .float-start:nth-child(n+2) a { margin-left:.875rem; } .articleList .rightCol .float-end a, .w100:nth-child(n+2) a { margin-right:.875rem; } h1, .contentPadd { padding:0 .875rem; } h1, #project h1 { font-size:2.25rem; } #project h1 { margin-bottom:1.25rem; } .rightCol #mainFoto, #news #mainFoto { margin-bottom:2.125rem; } .mb-X1 { margin-bottom:1.5rem; } #project .mb-X1, #news .mb-X1 { margin-bottom:0rem; } #project .descr p { font-size:1.125rem; } #listMob h1 { padding:.5rem 0 .75rem .875rem; } .w50 img { height:20rem; } .w100 img { width:auto; height:30.5rem; } #listMob div { margin-bottom:.875rem; } .articleList .rightCol .firstProj h2 { bottom:2.5rem; font-size:2.125rem; } .articleList .rightCol h2 { right:.75rem; bottom:1.5rem; font-size:1.5rem; } .articleList .rightCol .thumbs { margin-left:.875rem; margin-right:.875rem; } .articleList .rightCol .thumbs li { margin-bottom:.625rem; } .articleList .rightCol .article a, .more div { background-size:.875rem; } .articleList .rightCol .article a { padding-right:1.5rem; background-position:right .25rem; } .smaller1, .smaller2 { font-size:1.75rem; } .acc-title, #accordion h3 { font-size:1rem; } .acc-title { padding:2rem 0; } .acc-title:after { width:4.5rem; top:.5rem; transform:scale(.6); right:-.75rem; } #params .col-lg-9 { padding-left:.5rem; } #jobs #params, #jobs #params a { font-size:1rem; } .acc-body { font-size:1.125rem; } .articleList .rightCol #params { border-top:3px solid #000; } #jobs #params a { padding-right:1.25rem; } /* shis backup kur nometu 80% un paartaisiju visus izmeerus - atgriezhos pie HTML X% tikai nometot iperieksh (800 screen) uzlikto base fontsize .navbar-toggler, .navbar-brand { padding-top:4.375rem; } .navbar-toggler { left:2rem; } .navbar-brand { margin-bottom:3.5rem; } .navbar-brand svg, .navbar-toggler svg, #level2 .navbar-toggler svg { width:4.875rem; } #level2 .navbar-brand svg, #level2 .navbar-toggler svg { width:7.25rem; } #level2 .navbar-toggler { left:.875rem; } #level2 .navbar-toggler, #level2 .navbar-brand { padding-top:4.875rem; } .navbar-nav { margin-bottom:4.25rem; } .navbar-nav a { padding:1.8125rem 0 1.25rem 1.375rem; font-size:1.1875rem; } .collapse { width:9rem; } #lang { padding-left:1.3125rem; } #lang div, #lang a { font-size:1rem; } #about .col-4 svg { width:8.125rem; right:-.125rem; bottom:-1px; } #about p { top:0; margin:0 .625rem .375rem .75rem; font-size:.625rem; } header { margin-bottom:2rem; } .articleList .rightCol h2, .articleList .rightCol h4 { font-size:2rem; } #projects1page .descr { font-size:1.5rem; } #news1page li:last-child { display:none; } section.articleList h2, #news1page h2, #contact1page h2 { padding:0; font-size:1.5rem; } #projects1page h2 { margin:0; } #news1page h3 { font-size:1.25rem; } #contact1page h2 { font-size:1rem; } #contact1page .input-group { padding:0; font-size:.875rem; } #projects1page .rightCol .pl-0, #news1page #news { padding-left:0; padding-right:0; } #contacts { left:.625rem; } #contacts .phone { margin-bottom:.5rem; } #contacts a { font-size:.8125rem; } #contacts svg { width:21px; height:21px; margin:2rem .75rem 0 0; } #contact1page .pl-0 { padding-left:0; padding-right:0; } #map { height:18.375rem; } #join { bottom:10.5rem; } #join a { padding:.3125rem 1.625rem .3125rem 1.625rem; font-size:1rem; } footer, footer a, #ml a { font-size:.5rem; } .float-start:nth-child(n+2) a { margin-left:.75rem; } .articleList .rightCol .float-end a, .w100:nth-child(n+2) a { margin-right:.75rem; } h1, .contentPadd { padding:0 .75rem; } h1, #project h1 { font-size:1.875rem; } #project h1 { margin-bottom:1rem; } .rightCol #mainFoto, #news #mainFoto { margin-bottom:1.75rem; } .mb-X1 { margin-bottom:1.25rem; } #project .mb-X1, #news .mb-X1 { margin-bottom:0rem; } #project .descr p { font-size:.875rem; } #listMob h1 { padding:.375rem 0 .625rem .75rem; } .w50 img { height:16rem; } .w100 img { width:auto; height:24.375rem; } #listMob div { margin-bottom:.75rem; } .descr p { font-size:1rem; } .articleList .rightCol h2 { right:.625rem; bottom:.625rem; font-size:1.25rem; } .articleList .rightCol .thumbs { margin-left:.75rem; margin-right:.75rem; } .articleList .rightCol .thumbs li { margin-bottom:.5rem; } #textual p, #params, .back { font-size:1rem; } .articleList .rightCol .article a, .more div { background-size:.75rem; } .articleList .rightCol .article a { padding-right:1.25rem; background-position:right .1875rem; } .smaller1, .smaller2 { font-size:1.375rem; } .acc-title, #accordion h3 { font-size:.8125rem; } .acc-title { padding:1.625rem 0; } .acc-title:after { width:3.625rem; top:.375rem; transform:scale(.48); right:-.625rem; } */ /* html { font-size:96%; } .navbar-nav { padding-left:1.25rem; } #lang { padding-left:1.375rem; }*/ /* .collapse { padding-top:1.5rem; } .navbar-toggler { padding-top:.5rem; left:.75rem; } .navbar-nav { margin-bottom:3rem; padding-left:2.125rem; } .navbar-nav li { margin-bottom:.5rem; } .navbar-nav a { font-size:1.75rem; } #lang { padding-left:2.5rem; } #lang div, #lang a { font-size:1.375rem; }*/ /* #level2 .navbar-brand { margin:3.4375rem .75rem 3rem 0; } #level2 .navbar-brand { margin:1.875rem 0 3rem -.5rem; } #level2 .navbar-brand svg { width:10rem; }*/ /* #level2 .navbar-nav { padding-left:1.125rem; } #level2 #lang { padding-left:1.875rem; }*/ /* .smaller1 { left:-6.125rem; font-size:1.125rem; } .smaller2 { font-size:1.25rem; }*/ /** .descr p { font-size:.875rem; } section.articleList h2 { padding-left:0; font-size:1.625rem; } #contact1page h2 { font-size:1.125rem; } */ /** header.row > * { width:unset; }*/ } /* for 428 * ---------------- */ @media (max-width:427.98px) { /* for 414 and 412 ---------------- */ html { font-size:75%; } section.articleList h2, #news1page h2 { font-size:1.5rem; } header { margin-bottom:1.25rem; } section.articleList .rightCol .container-fluid { padding-top:.5rem; } /* #contacts svg { margin:2rem .875rem 0 0; } .col-form-label { font-size:.75rem; }*/ #about .col-4 svg { width:10.5rem; } #about p { line-height:1.4; } h1, #project h1, .article .h1 { font-size:1.75rem; } .descr p { font-size:1rem; } .articleList .rightCol .article a { padding-right:1.75rem; background-position:right .375rem; background-size:1.125rem; } .more div { background-size:1rem; background-position:right .25rem; } .acc-title, #accordion h3, #jobs #params, #jobs #params a { font-size:1.125rem; } #jobs #params span:last-child { margin-left:1.5rem; } #jobs #params a { padding-right:.75rem; } /** #projects1page .rightCol .pl-0, #news1page { padding-right:.125rem; } header { margin-bottom:1rem; } #about { bottom:6px; } #about .col-4 svg { width:7.25rem; right:.375rem; } #about p { top:0; margin:0 .125rem 0 0; font-size:.6875rem; line-height:1.1; } .collapse { width:5.875rem; padding-top:2.875rem; } .navbar-toggler { padding-top:2.5rem; left:.875rem; } .navbar-toggler svg { width:5rem; } .navbar-brand svg, #level2 .navbar-toggler svg { width:5.5rem; } .navbar-nav a { padding-left:.75rem; font-size:.75rem; } #lang div, #lang a { font-size:.875rem; } #level2 .navbar-toggler { left:.1875rem; padding-top:1.0625rem; } .articleList .rightCol .container-fluid { padding-top:3.5rem; } #level2 .navbar-toggler svg { padding-top:1.875rem; } section.articleList h2, #news1page h2 { font-size:1.125rem; } #contact1page h2 { font-size:.75rem; } #news1page { margin-bottom:0; } #news1page li:last-child .wrap { margin-left:0; } #news .mb-X9 { margin-bottom:1rem; } #news li { margin-bottom:1.5rem; } form .col-md-2 { text-align:right; } #map { height:30rem; margin-right:.125rem; } #contact1page .pl-0 { padding-right:.125rem; } .input-group { padding:.25rem 0; } .col-form-label { font-size:.5rem; } #contacts { height:30rem; left:.75rem; font-size:.875rem; } #contacts svg { width:22px; height:22px; margin:2rem .75rem 0 0; } .phone { position:absolute; bottom:0; left:0; width:6rem; } #contacts p.phone { margin:0; } .phone:first-child { bottom:2rem; } .phone a { font-size:.75rem; } #soc { position:absolute; top:0; left:1.125rem; } #contacts svg { margin:.5rem 0 1.5rem 0; } #join { bottom:8.5rem; } #join a { font-size:1.5rem; } footer, footer a, #ml a { font-size:.625rem; } footer p, #cookies { margin-bottom:.375rem; padding:0 .5rem; } #level2 #ml { right:-.5rem; } #level2 .articleList .pl-0 { padding-right:.125rem; } .articleList .rightCol h2, .articleList .rightCol h4 { bottom:1rem; left:1rem; font-size:1.75rem; } .articleList .rightCol a.cells3cell3, .articleList .rightCol a.cells2cell2 { margin-right:0; } .article { padding-right:.25rem; } h1 { width:5.75rem; font-size:1rem; } .h1fixed { left:.625rem !important; } .descr p { font-size:.75rem; } .mb-X1 { margin-bottom:1.5rem; } #level2 #news { padding-right:.125rem; } .articleList .rightCol .thumbs { margin-right:-.75rem; } .articleList .rightCol .article .thumbs a { margin-right:0; } #accordion span { display:block; width:100%; } .acc-title:after { top:.875rem; } #accordion h3 { width:100%; } .more div { padding-right:1.25rem; font-size:.875rem; background-size:10px 10px; background-position-y:.375rem; } #params a { padding-right:1rem; } #params { font-size:.875rem; } */ } /* 3 - for 414 and 412 ---------------- */ @media (max-width:411.98px) { #about .col-4 svg { width:9.875rem; bottom:-2px; right:-.125rem; } #about p { margin:0 0 0 .5rem; font-size:.8125rem; line-height:1.35; } #jobs #params a { padding-right:.5rem; } h3 { font-size:1.25rem; } form { padding-top:0; } /* #contacts svg { width:20px; height:20px; }*/ #join a { font-size:1rem; } #contact1page h2 { margin-bottom:1.5rem; } /* html { font-size:90%; } #about .col-4 svg { right:.5rem; } .articleList .rightCol h2, .articleList .rightCol h4 { font-size:1.5rem; } .article { padding-right:.125rem; } */ } /* 3 - for 393 ---------------- */ @media (max-width:392.98px) { #about .col-4 svg { width:9.625rem; } #contacts svg { margin:0 0 0 1.5rem; } /* #about .col-4 svg { right:.75rem; } #level2 .navbar-toggler { left:.3125rem; } */ } /* 3 - for 390 ---------------- */ @media (max-width:383.98px) { .navbar-toggler, .navbar-brand { padding-top:5.25rem; } .navbar-toggler { left:2.375rem; } .navbar-brand { margin-bottom:4.25rem; } #level2 .navbar-brand { margin-bottom:6.875rem; } .navbar-brand svg, .navbar-toggler svg { width:5.375rem; } #level2 .navbar-toggler svg, #level2 .navbar-brand svg, .navbar-brand svg { position:relative; left:-2px; } #level2 .navbar-toggler svg { left:-6px; } .navbar-nav { margin-bottom:2.5rem; } .navbar-nav a { padding:2.25rem 0 1.5rem 1.75rem; font-size:1.375rem; } .collapse { width:10.5rem; } form, #contacts { padding-left:9rem; } #about .col-4 svg { width:9.375rem; } h3 { font-size:1.125rem; } form { border-top:2px solid #000; } #contacts svg { width:22px; height:22px; margin:0 0 0 1.25rem; } .w100 img { height:28.5rem; } .w50 img { height:18.5rem; } .articleList .rightCol .firstProj h2 { bottom:3rem; } .articleList .rightCol h2 { font-size:1.375rem; } h1, .article .h1 { font-size:1.5rem; } .descr p { font-size:.875rem; } video { width:218%; max-width:218% !important; } #project #mainFoto img, #textual #mainFoto img, #news #mainFoto img { max-width:166% !important; right:40%; } #project .h1 { font-size:2rem; } .articleList .rightCol #params { border-top:2px solid #000; } #jobs #params, #jobs #params a { font-size:1rem; } /* html { font-size:88%; } .navbar-brand svg, #level2 .navbar-toggler svg { width:5.25rem; } #about p { font-size:.625rem; } #about .col-4 svg { width:7rem; right:.375rem; } /*bottom:-2px;*/ /* #about { bottom:5px; } .navbar-toggler { left:.75rem; } */ /* #params span { margin-left:2rem; } .articleList .rightCol .article a { background-size:13px; background-position-y:.3125rem; } #contacts svg { margin:.875rem 0 1.5rem 0; } */ } /* for_375 ---------------- */ @media (max-width:374.98px) { #about .col-4 svg { right:-.125rem; } #about p { margin:0 0 0 1rem; font-size:.75rem; line-height:1.4; } } /* for 360 ---------------- */ @media (max-width:359.98px) { /* html { font-size:78%; } #params a { padding-right:.5rem; }*/ } /* 320 */