/* intro img and text
----------------------------------------------------- */

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

.frontpage{
background-color:#32bbef;
background-color:#0166b4; 
display: flex;
flex-direction: column;
justify-content:center;
align-items:center;
position: relative;
z-index: 0;
}

.frontpage:before {
/* background-color:#0166b4;
background: linear-gradient(to bottom, rgba(1,102,180, 0) 20%, rgba(1,102,180, 0.5) 50%, rgba(1,102,180, 0) 80%); */
background-image: url(/images/4.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-blend-mode: luminosity;
content: " ";
left:0;
right:0;
top:0;
bottom:0;
opacity:0.2;
position: absolute;
z-index: 1;
}

.intro{
display: flex;
flex-direction:column;
justify-content:space-between;
align-items:center;
width:90%;
max-width:1000px;
position: relative;
z-index: 2;
}

.intro-img {
display: flex;
flex-direction: column;
margin-bottom:5% ;
text-align:center;
width:75%;
position: relative;
z-index: 3;
}

.intro-img img {
margin:0 auto 3%;
padding-bottom:0;
border:7px solid #fff;
border-radius:5%;
width:100%;
height:auto;
/* mix-blend-mode:multiply; */
max-width:800px;
box-sizing:border-box;
transform: scale(1);
transition: all 0.3s ease-in-out;
}

.intro-img:hover img{
transform: scale(1.05);
/* filter: grayscale(100%) opacity(100%); */
transition: all 0.3s ease-in-out;
}

.intro h6 {
margin-top: 0;
margin-bottom: 0;
color:#fff;
font-size:25px;
font-weight:700;
text-transform:uppercase;
}

.intro-img a {
left:0;
right:0;
top:0;
bottom:0;
position: absolute;
z-index: 10;
}


body {
font-family: 'Saira Condensed',Oswald,'Zilla Slab','Times New Roman','Open Sans','Roboto Condensed',lato,roboto,alegreya,arial;
}

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



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

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

.section-box-content { 
padding:40px 40px 60px;
}

}


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

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

a.logo {
width:30%;
}

.col-2 li,.col-3 li,.col-4 li,.col-5 li,.col-6 li{
width:50%;
}

.article-album li {
width:140px;
}

}


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

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

#svg7 {
width:70%;
}

a.logo {
width:25%;
}

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

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

.content-4 {
padding-bottom:90px;
}

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

.middle-box-content{
width:70%;
}

.middle-box-content p{
font-size:24px;
}

.col-3 li,.col-4 li,.col-5 li,.col-6 li{
width:33.33333333%;
}

.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){
margin-right:0;
}

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

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

.diff-columns > div:first-child{
width:64%;
}

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

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

.flexbox-1 {
-ms-flex-preferred-size:50%;
flex-basis: 50%;
order:2;
}

.flexbox-2 {
-ms-flex-preferred-size:50%;
flex-basis: 50%;
order:1;
}

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

.flexbox-11 {
-ms-flex-preferred-size:100% ;
flex-basis: 100%;
order:1;
}

.flexbox-22 {
-ms-flex-preferred-size:100% ;
flex-basis: 100%;
order:2;
}

.padding-top{
padding-top: 100px !important;
}

}


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

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

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

#footer {
padding-bottom:45px;
}

#footer *{
text-align:right;
}

.logo-footer {
left:0;
top:-70px;
position: absolute;
z-index: 40;
width:170px;
}

.sub-container{
padding:0 5% 0 0;
width:70%;
float:left;
}

.sidebar-container{
margin:0;
width:30%;
float:right;
}

.col-4 li,.col-5 li,.col-6 li{
width:25%;
}

.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;
}

.intro{
flex-direction:row;
justify-content:space-between;
align-items:center;
}

.intro-img {
margin-bottom:0;
width:45%;
}

.intro-img img {
max-width:100%;
}

.intro h6 {
font-size:35px;
}


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

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

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

.flexbox-11 {
-ms-flex-preferred-size:50%;
flex-basis: 50%;
}

.flexbox-22 {
-ms-flex-preferred-size:50%;
flex-basis: 50%;
}

.flexbox-11::before {
right: 0;
}

.flexbox-line {
top:0;
bottom:0;
right:0;
position:absolute;
z-index: 12;
}

.flexbox-line::before {
background-color:#f7f7f7; 
content:" ";
top:0;
bottom:0;
left: 0;
width:3000px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
-webkit-transform: skew(-10deg);
-ms-transform: skew(-10deg);
transform: skew(-10deg);
position: absolute;
z-index: -100;
}

.title {
margin-bottom:20px;
}

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

}


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

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

.top {
height:80px;
}

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

#header {
height:70vh;
}

a.mob-nav{
display: none;
}

#svg6 {
top:79px;
}

#main-menu{
display: -ms-flexbox;
display: flex;
}

#languages {
margin-right:0;
}

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

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

.middle-box-content{
width:50%;
}

.middle-box-content h2 {
font-size:35px;
}

}


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

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

.logo-footer {
top:-90px;
width:200px;
}

.col-5 li{
width:20%;
}

.col-6 li{
width:16.66666666%;
}

.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;
}

}


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

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

.content-1{
padding-top: 80px;
padding-bottom: 80px;
}

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

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

.flexbox-2 {
padding-left:0 !important;
}

.flexbox-11 {
padding-left:0 !important;
}

.flexbox-22 {
padding-left:5% !important;
}

}


/* 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) {

#header {
height:50vh;
}

#svg6 {
width:50%;
}

a.logo {
width:18%;
}

}


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

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

#header-sub {
height:40vh;
}

#svg6 {
width:40%;
}

a.logo {
width:14%;
}

}

/* 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%;
}

}

/* mobile devices (max-width:1100px) 
---------------------------------------------------*/

@media screen and (max-width:1100px) {
}


/* mobile devices (max-width:820px) 
---------------------------------------------------*/

@media screen and (max-width:820px) {


.bg-image {
padding-bottom:0;
position:relative;
}

#header .bg-image {
padding-bottom:40%;
}

.teenused-big > div{
margin-right:0;
margin-bottom: 3%;
overflow:hidden;
width:100%;
}

.block-uudised li a{
padding:0 ;
}

.block-uudised .posted {
display:block;
float:none;
}

}


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

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

.slides .slide-box .slide-content div{ 
padding: 20px;
}

}