/* base
----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
font-weight:inherit;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}

html,body{
min-height:100vh;
}

body {
background-repeat: repeat;
background-position: center center;
background-size: auto;
font-family:roboto,barlow,poppins,'fira sans',raleway,Montserrat,lato,ubuntu,'Open Sans','Times New Roman','Roboto Condensed',arial;
font-size:100%;
font-size:18px;
font-weight:300;
font-style:normal;
position:relative;
z-index:0;
}

section, header, footer, div, input, textarea, select, label, :before, :after{
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

p,a,li,textarea,label,input,td,table caption {
}

p,ul,ol{
margin-bottom: 30px;
}

/* Selects every <p> element that is the first <p> element of its parent
p:first-of-type{
font-size:130%;
font-weight:500;
} */

p,li,textarea,label,input,td{
font-size:17px;
line-height:1.7em;
color:#000;
font-weight:300;
}

h1,h2,h3,h4,h5,h6,table caption {
padding:0;
margin-bottom: 0.5em;
line-height:1.3em;
}

h1,h2{
font-size:25px;
color:#000;
font-weight:700;
text-transform:uppercase;
}

h1.slogan{
font-family:poppins,'fira sans',barlow,roboto,raleway,Montserrat,lato,ubuntu,'Open Sans','Times New Roman','Roboto Condensed',arial;
margin-bottom: 0;
font-size:26px;
color:#fff;
font-weight:700;
text-transform:uppercase;
border-bottom:0px solid #bfada7;
}
h1.slogan a{
color:inherit;
}
h1.slogan span{
font-weight:300;
}

h3 {
margin-bottom: 0.8em;
color:#000;
font-size:28px;
font-weight:400;
text-transform:uppercase;
border-bottom:0px dotted #555;
}

h3:before {
content: " ";
border:2px solid #cc0000;
display: block;
width: 50px;
margin: 0 0 15px 0;
}

h4 {
margin-bottom: 1.0em;
font-size:25px;
color:#000;
font-weight:600;
text-transform:uppercase;
}

h5 {
margin-bottom: 1.0em;
color:#000;
font-size:23px;
font-weight:400;
}

h5.slogan {
margin-bottom:0;
color:#fff;
font-size:25px;
font-weight:400;
text-transform:uppercase;
}

h6 {
margin-bottom: 0.2em;
color:#000;
font-size:21px;
font-weight:400;
}

img {
max-width:100%;
height:auto;
}

a.right,a.left,img.left,img.right {
margin:0 auto 15px;
text-align:center;
display:block;
float:none;
}

.center {
margin:0;
text-align:center;
vertical-align:top;
max-width:100%;
display:inline-block;
}

.center img{
margin-right:1px;
}

.single-img {
margin:0 auto;
margin-bottom:20px;
text-align:center;
display:block;
}

blockquote {
background: rgba(0,0,0, 0.05);
margin:50px 0;
padding:30px 30px;
border-left:3px solid #388ED6;
}

blockquote p {
margin:0;
text-align:left;
font-style:italic;
color:#000;
}

a,code{
padding:0;
background:none;
color:#69092F;
color:#FFBC1D;
text-decoration:none;
-webkit-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
opacity:1;
}

/* p a{
border-bottom: dashed 1px #dcde9f;
} */

a:hover {
text-decoration:none;
opacity:0.7;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
font-family:inherit;
font-size:inherit ;
font-weight:inherit;
color:inherit;
line-height:inherit;
}

code {
font-family:inherit;
}

ul,ol {
padding-left: 25px;
}

ul{
list-style-type:disc;
}

ul ul,ul ol,ol ul,ol ol{
margin-bottom:0;
}

/* li:before {
margin-right: 8px;
font-family: 'FontAwesome';
font-size:inherit;
content: "\f105";
color: #78a1d8;
color:#00AFA9;
} */

li img {
margin:0 auto;
display:block;
}

table {
margin-bottom:50px;
padding:0;
border-collapse:collapse;
border-top: 0px solid #bbb;
width:100%;
}

table caption {
margin-bottom:0.4em;
padding:0;
text-align:left;
font-size:200%;
color:#000;
}

th {
background: rgba(0,0,0, 1);
padding:0.2em 0.5em;
text-align:left;
font-weight:400;
color:#fff;
font-size:22px;
border-bottom: 0px solid #555;
}

tr:nth-child(even) {
background: rgba(200,200,200, 0.2);
}

td {
margin:0;
padding:0.2em 0.5em;
text-align:left;
border-bottom: 0px solid #444;
/* min-width:20%; */
}

.prices tr td:last-child {
color:red;
}

hr {
margin:2em auto;
width:100%;
height:1px;
color:#7a7e7d;
background-color:#7a7e7d;
border:none;
}

.table-head {
background:#333;
color:#fff;
}


/* layout
----------------------------------------------- */

#container {
width:100%;
overflow:hidden;
position:relative;
z-index:0;
}


.content-1 {
position:relative;
z-index:6;
}

.content-2 {
padding-top: 4%;
padding-bottom:8%;
position:relative;
z-index:4;
}

.content-3 {
margin-top: 4%;
margin-bottom:4%;
position:relative;
z-index:3;
}

.content-4 {
position:relative;
z-index:4;
}

.content-5 {
margin-bottom:0 !important;

}

.content-5 > div{
margin-left:auto;
margin-right:auto;
padding-left:0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
padding-bottom:0 !important;
width:100%;
max-width:1100px;
position:relative;
z-index:12;
}

.content-6 {
padding-top: 30px;
padding-bottom:10px;
}

.container-left,.container-right{
margin:0 ;
padding:0 0 0 3%;
width:60%;
float:left;
}

.container-right{
padding:0 4% 0 0;
width:40%;
}

.container,.container-2,.container-3,.footer-container{
margin-left:auto;
margin-right:auto;
padding-left: 5%;
padding-right: 5%;
width:100%;
max-width:1200px;
position:relative;
z-index:12;
}

.container-2{
padding-left: 0;
padding-right: 0;
}

.container-3 {
}

.container-4{ 
background-color:#fff;
padding:4% 5% ;
margin:0 auto;
margin-top:-80px;
margin-bottom:0;
width: 100%;
max-width:1100px;
position: relative;
z-index: 100;
}

#footer {
padding-top:0;
padding-bottom:0;
position:relative;
z-index:3;
}

.footer-content > div:nth-child(4){
text-align:center !important;
}

#footer *{
font-size:100%;
}

/* #footer p{
margin-bottom: 20px;
text-align:center;
} */

#footer a{
border-bottom:0;
}

#footer i{
margin-left: 0;
color:#007dc7;
font-size:125%;
}

.logo-footer {
margin-left:auto;
}



/* curtains
---------------------------------- */

.curtain{
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
left:0;
top:0;
width:100%;
height:100%;
position: absolute;
z-index: -1;
}

.curtain-01{
background-image: url(/aul/images/3.png);
background-repeat: repeat;
background-position: center center;
background-size: auto;
top:27%;
height: 340px;
/* background-blend-mode: overlay; */
transform: translateY(-27%);
opacity:0.07;
}

/* .curtain-01:before{
content:' ';
background: rgba(98,113,123, 1);
right:0;
top:0;
bottom:0;
width:3000px;
height:100%;
position: absolute;
z-index: -10;
} */

.curtain-02{
}

.curtain-02:before{
content:' ';
background-color:#f6f6f6;
left:0;
top:-30px;
width:100%;
height:calc(100% + 30px);
position: absolute;
z-index: -1;
} 

.curtain-03{
background-color:#9CC0F9;
background-color:#CDEAD4;
background-image: url(/images/7.jpg);
/* background-blend-mode: multiply; */
}

/* .curtain-03::before{
background-color:#44619A;
margin-left: 40px;
content: " ";
top: 0;
bottom: 0;
left: 100%;
width: 1500px;
opacity: 1;
position: absolute;
} */

.curtain-05{
background: rgba(0,0,0,0);
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(8,8,8,0.15) 45%, rgba(12,12,12,0.66) 72%, rgba(17,17,17,0.66) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(45%, rgba(8,8,8,0.15)), color-stop(72%, rgba(12,12,12,0.66)), color-stop(100%, rgba(17,17,17,0.66)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(8,8,8,0.15) 45%, rgba(12,12,12,0.66) 72%, rgba(17,17,17,0.66) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(8,8,8,0.15) 45%, rgba(12,12,12,0.66) 72%, rgba(17,17,17,0.66) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(8,8,8,0.15) 45%, rgba(12,12,12,0.66) 72%, rgba(17,17,17,0.66) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(8,8,8,0.15) 45%, rgba(12,12,12,0.66) 72%, rgba(17,17,17,0.66) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#111111', GradientType=1 );
left: 0;
right:0;
bottom:0;
width: 100%;
height:100%;
position: absolute;
z-index: 3;
display:none;
}

.curtain-06 {
background-color:#cc0000;
right:0;
bottom: 0;
width: 30%;
height:20px;
position: absolute;
z-index: 100;
}

.container-before-bg{
left:0;
right:0;
top:0;
bottom:0;
position: absolute;
z-index: 100;
}

.container-before-bg:before{
content:' ';
background-color:#37464F;
left:-3000px;
top:0;
bottom:0;
width:3000px;
position: absolute;
z-index: 110;
}





/* tulbad 
-------------------------------------------- */

.tulbad-2,.tulbad-3,.tulbad-4{
display: flex;
flex-direction:row;
flex-wrap: wrap;
width:100%;
}

.tulbad-2 > div,.tulbad-3 > div,.tulbad-4 > div{
margin-right:0;
margin-bottom: 3%;
text-align:left;
vertical-align:top;
display:inline-block;
width:100%;
}




/* veerud
---------------------------------------- */

.veerud-1,.veerud-2,.veerud-3,.veerud-4,.veerud-5{
display: flex;
flex-wrap: wrap;
}

.veerud-1 > div,.veerud-2 > div,.veerud-3 > div,.veerud-4 > div,.veerud-5 > div{
vertical-align:top;
display:inline-block;
position:relative;
width:100%;
}


/* 2 columns with different width  
-------------------------------------------- */

.diff-columns{
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction:row;
flex-wrap: wrap;
width:100%;
}

.diff-columns > div{
margin-bottom: ;
overflow:hidden;
position:relative;
width:100%;
}


/* flexbox with 2-columns
---------------------------------- */

.flex {
padding-left:5%;
padding-right:5%;
display: flex;
flex-direction:column;
justify-content: center;
width:100%;
}

.flex > div {
padding-top: 8%;
padding-bottom: 2%;
padding-left: 0;
padding-right: 0;
position: relative;
z-index:5;
}

.flexbox-1 {
text-align:left;
height:40vh;
order:2;
}

.flexbox-1:before {
background-color:#f8f8f8;
content: ' ';
right:-300px;
top: -30px;
width: 900px;
height:calc(50% + 60px);
position: absolute;
z-index:-10;
} 

.flexbox-2 {
order:1;
}

/* .flexbox-content {
max-width:600px;
} */



/* flexbox with 2 different width columns
---------------------------------- */

.flex-diff {
display: flex;
flex-direction:column;
justify-content: center;
width:100%;
}

.flexbox-big,.flexbox-small {
flex-basis: 100%;
position:relative;
z-index: 1;
}

.flexbox-content{
position:relative;
z-index: 1;
}
.flexbox-content-2 {
margin-top:7%;
}

.flexbox-small-content {
margin-left:0;
padding:30px 20px 10px;
text-align: center;
}

.flexbox-small-content p{
color:#fff;
}

.flexbox-small:before{
background-color:#A6B7B8;
background-color:#071A21;
content: ' ';
right:-100px;
top: 0;
bottom:0;
width: 5000px;
position: absolute;
z-index: -1;
}


/* mm-menu
-------------------------------------------- */

/*
.mm-listview li:nth-child(1) .mm-next,.mm-listview li:nth-child(4) .mm-next,.mm-listview li:nth-child(5) .mm-next{
display:none;
}
.mm-listview li:nth-child(1) .mm-next+a,.mm-listview li:nth-child(4) .mm-next+a,.mm-listview li:nth-child(5) .mm-next+a{
margin-right:0;
}
*/


/* read on + posted
------------------------------------ */

.meta {
margin:0 ;
padding:0;
text-align:right;
line-height:1.5em;
}

.edasi,.tagasi {
margin-top: 0;
padding-left:0;
padding-right:0;
padding-top:5px;
text-align:right;
/* border-top:solid 1px #000; */
}

.edasi a,.tagasi a{
background-color:#99856D;
margin-bottom: 0;
padding:10px 20px;
font-size:14px;
color:#fff;
font-size:15px;
text-decoration: none;
text-transform:uppercase;
font-style: normal;
font-variant-ligatures: normal;
font-variant-caps: normal;
font-variant-numeric: normal;
font-weight: normal;
font-stretch: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display:inline;
border:0px solid #6fb0db;
/* border-radius:300px; */
}

.edasi a:hover,.tagasi a:hover{
opacity:1.0;
}

/* .edasi a:after,.tagasi a:before {
font-family: 'Font Awesome 5 Free';
font-size:inherit;
color: #496679;
font-weight:900;
transition: margin 0.15s linear 0s;
-moz-transition: margin 0.15s linear 0s;
-webkit-transition:margin 0.15s linear 0s;
-o-transition: margin 0.15s linear 0s;
}
.edasi a:after {
content: "\f105";
margin-left:7px;
}
.tagasi a:before {
content: "\f104";
margin-right:7px;
}
.edasi a:hover:after{
margin-left:14px;
margin-right:-7px;
}
.tagasi a:hover:before{
margin-right:14px;
} */

.posted {
margin-bottom: 20px;
padding: 0;
font-weight:400;
color:#111;
font-style:normal;
text-transform:uppercase;
position:relative;
z-index:1;
}

.date:before {
display: block;
position: absolute;
content: ' ';
top: 50%;
width: 100%;
height: 2px;
background-color: #999;
z-index: 0;
}



/* article album
----------------------------------------------- */

.article-album{
margin-bottom:30px;
padding-left:0;
display: flex;
flex-wrap: wrap;
}

.article-album li {
padding-right: 2px;
padding-bottom: 2px;
text-align:center;
width:50%;
display:block;
overflow: hidden;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

.article-album li.latest {
padding-right: 0;
padding-bottom: 2px;
width:100%;
}

.article-album > li > a{
padding-bottom:60%;
width: 100%;
display:block;
overflow: hidden;
position:relative;
z-index:1;
}

.article-album li.latest a{
padding-bottom:70%;
}

.article-album img{
margin:0;
padding:0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width:none;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all .2s;
-o-transition: all .2s;
-ms-transition: all .2s;
transition: all .2s;
}

.article-album a:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

.img-caption {
margin:0 auto;
padding-top:5px;
padding-bottom:0;
padding-left:0px;
padding-right:0px;
text-align:center;
/* font-style: italic; */
color:#000;
line-height:1.4em;
font-size:18px;
max-width:95%;
display:block;
}

.thumb-alt {
margin:0 auto;
padding-top:5px;
padding-bottom:15px;
text-align:center;
/* font-style: italic; */
color:#111;
line-height:1.4em;
font-size:90%;
font-weight:400;
max-width:100%;
display:block;
}
.thumb-alt a{
color:inherit;
}

.album {
margin:0 0 20px;
padding: 0 10px;
vertical-align:top;
text-align:center;
display:inline-block;
position: relative;
overflow:hidden;
z-index:11;
}

.album a{
display: block;
position: relative;
text-align: center;
width:250px;
height:250px;
overflow: hidden;
z-index:10;
-webkit-transition: all .2s;
-o-transition: all .2s;
-ms-transition: all .2s;
transition: all .2s;
}

.album img{
margin:0 auto;
padding:0;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
position:absolute;
display:block;
float:none;
width:auto;
max-width:400px;
max-height:400px;
}

.album:hover a {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}

.album h3 {
padding:10px 0;
margin: 0 ;
line-height:1.5em;
font-size:22px;
font-weight:400;
font-style:normal;
text-align:center;
text-transform:uppercase;
}

.album h3 a{
color:#111;
height:auto;
}
/* navigation
------------------------------------- */


#navigation{
text-align:center;
}

#navigation p{
margin-bottom:0;
margin-left:auto;
margin-right:auto;
padding:0;
line-height:1.0em;
font-size:16px;
font-weight:400;
font-style:normal;
text-transform:uppercase;
display: flex;
flex-direction:row;
flex-wrap: wrap;
justify-content:center;
align-items: center;
}

#navigation a{
background: rgba(1, 1, 1, 0.7);
margin-right:1px;
padding:18px 25px;
color:#fff;
text-decoration:none;
position:relative;
z-index:3;
}

.nav-link{
color:#F78F1E;
}


/* persons profile
---------------------------------- */

.person > div {
margin-bottom:30px;
display: flex;
flex-direction:column;
justify-content: center;
}

.person-img {
margin-bottom:10px;
text-align:center;
}

.person-img img {
/* background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 34%, rgba(230,226,225,0) 100%); */
  background-image: conic-gradient(rgba(255,255,255,0) 0deg, rgba(255,255,255,0) 180deg, white 180deg);
margin:0 auto 10px;
padding:7px;
display:block;
max-width:150px;
border-radius:50%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
opacity:1;
}

.person-img p{
margin-bottom:0;
font-size:95%;
}

.person-text {
position: relative;
z-index: 10;
}




/* image inside box
-------------------------------------- */

.box-img {
padding-bottom:70%;
width:100%;
height:100%;
position: relative;
z-index:5;
}

.box-img:after {
background-color:#cc0000;
content: ' ';
bottom: -1px;
width: 40%;
height:20px;
position: absolute;
z-index: 6;
}

.box-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}



/* half border behind image
---------------------------------------------- */

.img-border-left,.img-border-right {
display:flex;
position:relative;
z-index:3; 
}

.img-border-left > *,.img-border-right > *,.img-border-top > *{
border:1px solid #fff; 
/* mix-blend-mode: difference; */
}

.img-border-left:before,.img-border-right:before,.img-border-top:before {
background-color:#f8f8f8;
content: ' ';
top: -30px;
width: 50%;
height:calc(100% + 60px);
position: absolute;
z-index: -1;
opacity:1;
}

.img-border-left:before {
left:-30px;
}

.img-border-right:before {
right:-30px;
}

.img-border-top:before {
top: -30px;
left:-30px;
height: 50%;
width:calc(100% + 60px);
}




/* fancybox
----------------------------------------------- */

.fancybox-slide--iframe .fancybox-content {
width  : 940px;
max-width  : 80%;
max-height : 80%;
margin: 0;
}

.fancybox-caption {
background-color: rgba(0,0,0, 0.3);
font-size: 18px;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
color: #fff;
}

/* hidden content */
#hidden-content{
max-width: 950px;
padding: 10px 30px;
border-radius: 4px;
opacity: 0;
transform: translateY(-50px);
transition: all .3s;
}

.fancybox-slide--complete #hidden-content{
opacity: 1;
transform: translateY(0);
}

.fancybox-caption-wrap {
background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));
text-align:center;
}


/* flexbox propertires
---------------------------------------- */

.flex-align-items-center-vertical{
display: flex !important;
align-items: center;
}

.flex-align-items-end-vertical{
display: flex !important;
align-items: flex-end;
}

.flex-justify-content-end{
display: flex !important;
justify-content: flex-end;
}


/* margins, paddings
-------------------------------------------------- */

.margin-bottom-0,.margin-bottom-0 p,.margin-bottom-0 ul{
margin-bottom: 0 !important;
}

.margin-top{
margin-top: 10%;
}

.padding-0 {
padding:0 !important;
}


/* miscellanneous
------------------------------------ */

.indent {
text-align:left;
left:-5000em;
position:absolute;
z-index:500;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

.align-left {
text-align:left;
}

.align-right {
text-align:right;
}

.align-center {
text-align:center;
}

.margin-center {
margin-left:auto;
margin-right:auto;
}

.hide {
display:none !important;
}

.columns-2{
column-count:1;
-moz-column-count:1; /* Firefox */
-webkit-column-count:1; /* Safari and Chrome */
}

.no-disc-ul {
list-style-type:none;
padding-left:0;
}
.no-disc-ul li{
color:#23b14d;
}
.no-disc-ul li:before {
content: '';
}
.no-disc-ul li a{
font-weight:400;
color:#000;
}


.title {
margin-bottom:1%;
}

.title h1,.title h2{
margin-bottom:0;
}

.title h3 {
margin-bottom:0.2em;
font-size:24px;
}

.title p {
margin:0 0 0.2em;
}

.bg-text::before,.bg-text-en::before,.bg-text-ru::before {
font-family:'Raleway,Kanit',arial;
font-size: 90px;
line-height: 90px;
letter-spacing: 1px;
font-weight: 900;
display: none;
color: #234975;
position: absolute;
top: 40px;
left: 40px;
z-index: -1;
opacity:0.085;
}

.bg-text::before{
content: "MEIST";
}
.bg-text-en::before{
content: "COMPANY";
font-size: 70px;
}
.bg-text-ru::before {
content: "КОМПАНИЯ";
font-size: 70px;
}


.social {
margin-right:30px;
}

.social a{
margin-left:7px;
color:#007dc7;
display:inline-block;
}

.line-top,.line-bottom {
background-color:#000;
left:0;
position:absolute;
z-index:-200;
width:100%;
height:1px;
}
.line-top{
width:1000%;
z-index:10;
}
.line-bottom {
bottom: 3px;
}

.bg-before{
position: relative;
z-index: 10;
}
.bg-before:before{
content:' ';
background-image: url(/images/3.png);
background-repeat: repeat;
background-position: center center;
background-size: auto;
right:calc(100% + 40px);
width:100px;
height:calc(100% - 30px);
position: absolute;
z-index: 100;
opacity:0.2;
}

.object-fit-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.small{
font-size:90%;
}

.margin-bottom{
margin-bottom: 5%;
}

.no-padding {
padding:0 !important;
}

audio {
width: 100%;
max-width: 335px;
}

.mm-listview {
padding-left:0;
text-transform:uppercase;
}

.mm-listview li{
font-size:18px;
text-align:left;
}

.mm-listview li:before {
content: " ";
}



/* mobile devices (min-width:650px) 
---------------------------------------------------*/

@media screen and (min-width:650px) {

a.left,img.left {
margin:0 15px 0 0;
float:left;
}

a.right,img.right {
margin:0 0 0 15px;
float:right;
}

.top {
background-color:transparent;
height:100px;
position:absolute;
z-index:700;
}

#header {
height:85vh;
}

#header-sub {
height:70vh;
}

#footer .container {
flex-direction:row;
}
#footer p{
text-align:left;
}

.middle-box { 
padding-bottom:0;
}

.columns-2{
column-count:2;
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-gap:40px;
-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
}

.veerud-2 > div,.veerud-3 > div,.veerud-4 > div,.veerud-5 > div{
width:50%;
}

.tulbad-2 > div,.tulbad-3 > div,.tulbad-4 > div{
width:47%;
margin-right:6%;
}

.tulbad-2 > div:nth-child(2n),.tulbad-3 > div:nth-child(2n),.tulbad-4 > div:nth-child(2n),.tulbad-4 > div:nth-child(4n){
margin-right:0;
}

.mosaic-images > div{
flex-basis:25%;
}
.mosaic-images > div:nth-child(2){
margin-top:75px;
}
.mosaic-images > div:nth-child(3){
margin-top:25px;
display:block;
}
.mosaic-images > div:nth-child(4){
margin-top:50px;
display:block;
}

.block-uudised > div{
height:470px;
}

.diff-columns > div{
width:30%;
}

.diff-columns > div:first-child{
padding-right:5%;
width:70%;
}

.fast-connect > div{
width:100% !important;
}

.flex {
padding-left:0 ;
padding-right:0 ;
flex-direction:row;
justify-content: flex-start;
}

.flexbox-1 {
height:auto;
flex-basis: 50%;
order:1;
}

.flexbox-2 {
flex-basis: 50%;
order:2;
}

.flex-2 {
flex-direction:column;
justify-content: flex-start;
}

.box-img {
padding-bottom:80%;
width:70%;
height:80%;
}

.article-album li {
width:33.333333%;
}
.article-album-2 li {
width:50%;
}
.article-album-3 li {
width:33.333333%;
}
.article-album-4 li {
width:25%;
}

.w-70{
width:70%;
}
.w-60{
width:60%;
}
.w-50{
width:50%;
}
.w-40{
width:40%;
}
.w-33{
width:33%;
}


}


/* mobile devices (min-width:821px) 
---------------------------------------------------*/

@media screen and (min-width:821px) {

.content-2 {
padding-top: 40px;
padding-bottom: 100px;
}

.sub-container{
padding-left: 5%;
}

.sidebar-container{
margin:0;
}

.columns-2{
column-gap:100px;
-moz-column-gap:100px; /* Firefox */
-webkit-column-gap:100px; /* Safari and Chrome */
}

.veerud-3 > div,.veerud-5 > div{
width:33.33333333%;
}

.tulbad-3 > div,.tulbad-3 > div:nth-child(2n){
width:31.33333333%;
margin-right:3%;
}

.tulbad-3 > div:nth-child(3n){
margin-right:0;
}

.block-uudised > div:nth-child(2n){
margin-top:-20px;
margin-bottom:-20px;
height:510px;
}

.veerud-2-big > div{
width:50%;
padding-bottom:35%;
}

.cat > div{
max-width:none;
}

.flex-2 {
flex-direction:row;
justify-content: flex-start;
}

.flex-justify-content-end{
justify-content: flex-end;
align-items: flex-start;
}

.title {
margin-bottom:30px;
}

.smaller-85,.smaller-70 {
margin-bottom:20px;
text-align:center;
width:100%;
}
.smaller-85 img,.smaller-70 img{
margin-left:auto;
margin-right:auto;
max-width:85%;
}
.smaller-70 img{
max-width:70%;
}

/*
.comment-box {
margin-left:30%;
}
*/

}


/* mobile devices (min-width:940px) 
---------------------------------------------------*/

@media screen and (min-width:940px) {

a.logo{
max-width:300px;
}

#languages {
margin-right:0;
}

.container{ 
padding-left:0 ;
}

.middle-box { 
padding-top:0;
}

.bg-text::before,.bg-text-en::before,.bg-text-ru::before {
display: inline-block;
}

.flex-diff {
flex-direction:row;
}
.flexbox-big {
flex-basis: 60%;
}
.flexbox-content {
padding-left: 80px;
}
.flexbox-content-2 {
margin-top:15%;
}
.flexbox-small:before{
right:0;
}
.flexbox-small {
flex-basis: 40%;
}
.flexbox-small-content {
padding:50px 30px;
}
.flexbox-small-content h2{
font-size:28px;
}

.person {
flex-wrap: nowrap;
}

h1,h2{
font-size:25px;
}

h1.slogan{
font-size:35px;
}

h5.slogan {
font-size:38px;
}


}


/* mobile devices (min-width:1050px) 
---------------------------------------------------*/

@media screen and (min-width:1050px) {

.scrolled{
height:80px;
}
.header-top {
height:100px;
}

#all-menus {
justify-content: space-between;
}

a.mob-nav{
display: none;
}

#main-menu{
display: flex;
}

.veerud-4 > div{
width:25%;
}

.veerud-5 > div{
width:20%;
}

.tulbad-4 > div,.tulbad-4 > div:nth-child(2n) {
width:23.5%;
margin-right:2%;
}

.tulbad-4 > div:nth-child(4n){
margin-right:0;
}

.block-uudised > div {
padding: 65px 55px;
}

.flex > div {
padding-top: 50px;
}

.con-block-text{
padding-top: 30px;
padding-bottom: 30px;
}

}


/* mobile devices (min-width:1250px) 
---------------------------------------------------*/

@media screen and (min-width:1250px) {

.top-content {
padding-left:0;
padding-right:0;
}

.container,.container-2,.container-3,.middle-box { 
padding-left:0 ;
padding-right:0 ;
}

.container-3{ 
padding-top:0;
}

.container-up{
margin-top:-90px ;
}

.middle-box { 
padding-bottom:0;
}

.flexbox-content {
padding-right:0;
}

.divided-sec > div:nth-child(2),.divided-sec > div:nth-child(3){
min-width:600px;
max-width:600px;
}

.curtain-04 {
right:-60px;
top: 0;
width: 50px;
height:calc(100% + 0px);
border-top:25px solid #69092F; 
border-right:25px solid #69092F; 
border-bottom:25px solid #69092F; 
position: absolute;
z-index:-10;
}

}


/* mobile devices (min-width:1350px) 
---------------------------------------------------*/

@media screen and (min-width:1350px) {

.content-4 {
min-height:55vh;
}

}


/* mobile devices (min-width:2000px) 
---------------------------------------------------*/

@media screen and (min-width:2000px) {


}


/* mobile devices (min-width:2700px) 
---------------------------------------------------*/

@media screen and (min-width:2700px) {


}

/* mobile devices (min-width: 500px) and (max-width: 649px)
--------------------------------------------------------------- */

@media only screen and (min-width: 500px) and (max-width: 649px)  {

.fast-connect > div{
width:50%;
}

}