body{
    background-image: url('https://jarelmaksuga.ee/files/images/small_car.jpg');
    background-size: 100% auto;
    color:#0e459e;
    background-repeat:no-repeat;
    min-height:100vh;
    font-family: Play;
    font-size: 16px;
    padding:0;
    margin:0;
}
#header{
padding-bottom:20px;
}
#logo{
font-size:30px;
padding-left:15px;
 padding-top:15px;
padding:15px;
 display:inline-block;
 letter-spacing:-2px;
/* font-style: italic;
*/
/* font-family: Gugi;
*/
 font-weight:100;
 font-family: Allerta Stencil;
  color:blue;
}
#logoutdiv{
text-align: center;
 padding-top:40px;
background-color:white;
}
#sessiondiv{
background-color:#EBEBEB;
padding:3px;
text-align:right;
}
#language-links{
display:inline-block;
 display:none;
vertical-align: top;
line-height: 160%;
padding-right:20px;
}
#language-links a{
color:white;
text-decoration:none;
}
#language-links a:visited{
color:white;
}
#language-links .active_lang{
font-weight:600;
text-decoration:underline;
}
#header-contacts-wrapper{
display:inline-block;
}
#headercontacts{
float:right;
padding-top:15px;
 padding-right: 15px;
   color:blue;
font-size:18px;
}
#headerphone{
font-size:1.1em;
padding-top:5px;

}
@media (max-width: 820px) {
 #logo{
    font-size:24px;
    padding-left:7px;
     padding-top:9px;
    padding:7px;
}
 #header{
    padding-bottom:10px;
}
 #headercontacts{
    padding-top:7px;
    font-size:14px;
}
}

#header{background-color: rgba(0,0,0,0.5); color:white;}
#logo{color:white;}
#header-contacts-wrapper{color:white;}

#cont{padding-bottom: 100px; padding-top:20px;
background-color: rgba(0,0,0,0.5);}

.box{
    border:1px solid white;
   position: relative;
    vertical-align:top;
    min-height:70vh;
    width:30vw;
    padding:3vw;
    display:inline-block;
    background-color:white;
    line-height:160%;
    margin-left:7vw;
    border:2px solid white;
    border-radius:20px;
    
}

.box:before {

content: ' ';
position: absolute;
width: 0;
height: 0;
left: -40px;
right: auto;
top: -1px;
bottom: auto;
border: 40px solid;
border-color: white transparent transparent transparent;
}
 #header{
padding-bottom:2px;
}
#linkcont{
    margin-bottom:30px;
    text-align:right;
    padding-right:20px;
}
.beautylinkhire {
 display:inline-block;
 background-color:chartreuse;
color:#0e459e;
 outline: none;
 border: none;
 margin-left: 20px;
 text-align: center;
/*     color: white;*/
 padding: 10px;
 font-size: 30px;
 text-decoration: none;

 padding-left: 50px;
 padding-right: 50px;
 cursor:pointer;
}

.arrow-right {
 width: 10px;
 height: 10px;
 border-top: 2px solid #0e459e;
 border-right: 2px solid #0e459e;
 transform: rotate(45deg) 
}
   
@media (max-width: 820px) {
    #cont{padding-top:30px;}
    .box{
    width:70vw;
    display:block;
        margin-top:50px;
    }
}

#disclaimer{
color:gray;
 padding:40px;
font-size:12px;
line-height:160%;
background-color:white;
}
#base_url{
height:0;
 width:0;
clear:both;
}

#footer{
padding-top:20px;
padding-bottom:20px;
background-color:#3838b5;
display:table;
width:100%;
}
#footerrow{
display:table-row;
vertical-align: center;
font-size:20px;
 color:white;
}
#footerrow div{
display:table-cell;
text-align: center;
}
@media (max-width: 820px) {
 #footer{
    padding-left:0;
    padding-right:0;
}
 #footerrow{
    display:block;
}
 #footerrow div{
    display:block;
    padding-top:5px;
}
}

.arrow-right-container {
 display: inline-block;
 padding-left: 8px;
 padding-bottom: 1px;
}
.arrow-container {
 padding-bottom: 3px;
 display: inline-block;
 padding-left: 8px;
}
.arrow-right {
 width: 10px;
 height: 10px;
 border-top: 2px solid white;
 border-right: 2px solid white;
 transform: rotate(45deg) 
}
.arrow {
/* display: inline-block;
*/
 width: 7px;
 height: 7px;
 border-top: 1px solid #002560;
 border-right: 1px solid #002560;
}