@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');

:root {
  --target-color: #F47321;
  --link-color: #003D8F;
  --border-color: #E33600;
  --footer-color: #E33600;
  --footer-bg: url(../img/footer/footer-bg.png);
}

html, body {
    width: 100%;
    height: 100%;
}
html {
    /* This is font-size 15px or 1.5 rem */
    font-size: 62.5%;
    /* line-height default is 15 px or 1.5 rem */
}
body,
div,
input,
form {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
input,
button {
    outline: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 500000s ease-in-out 0s;
}
button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
button:hover {
	opacity: 0.9;
}
button:active {
	background-color: #E33600 !important;
}
body {
    font-size: 1.5rem;
    font-family: 'Montserrat', sans-serif;
    background-color: #FAFAFA;
}
a {
    text-decoration: none;
}
p,
h3 {
    margin: 0;
}
p {
    font-weight: 400;
    text-align: center;
    color: #595F67;
}
.main-container {
	display: flex;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
	flex-direction: column;
    height: 100%;
}
.main {
    display: flex;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
    width: 100%;
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
    padding: 5rem 3rem 0 3rem;
    background-size: 160rem auto;
    background-position: center 16rem;
    background-repeat: no-repeat;
    background-image: url(/static/img/background.svg);
    background-color: #F0F1F1;
    background-attachment: fixed;
}

/* Button delay styles and animation */
@-webkit-keyframes delayBall {
	0% {
		opacity: 0.9;
	}
	50% {
		opacity: 0.3;
	}
	100% {
		opacity: 0.9;
	}
}

@keyframes delayBall {
	0% {
		opacity: 0.9;
	}
	50% {
		opacity: 0.3;
	}
	100% {
		opacity: 0.9;
	}
}

.delay-btn-con {
	position: absolute;
	width: calc(100% + 0.2rem);
	height: calc(100% + 0.3rem);
	top: -0.2rem;
	left: -0.1rem;
	border-radius: 99rem;
	background-color: #E3E5E7;
	display: flex;
	justify-content: center;
	align-items: center;
}

.delay-ball-one {
	animation: delayBall 1s infinite;
}

.delay-ball-two {
	animation: delayBall 1s infinite;
	animation-delay: .2s;
}

.delay-ball-three {
	animation: delayBall 1s infinite;
	animation-delay: .4s;
}

.delay-ball-large {
	height: 1rem;
	width: 1rem;
	border-radius: 99rem;
	background-color: #E33600;
	margin: 0 5px;
	opacity: 0.9;
}


/* HEADER */
.login-header-container {
	position: relative;
    box-shadow: 0 9px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: white;
}
.login-header {
    display: flex;
    width: 100%;
    max-width: 135rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
    background-color: white;
}
.login-header.register-header, .login-header.home-header, .login-header.new-login-header {
    justify-content: space-between;
}
.login-header > a {
    display: inline-flex;
    align-items: center;
}
.login-header .logo {
    height: 7rem;
    width: 7rem;
    display: block;
    border-radius: 50%;
    position: relative;
}
.header-links-container {
    display: inline-flex;
    flex-direction: column;
    margin-left: 1.83rem;
}
.header-links-container a {
    font-size: 1.2rem;
    text-decoration: none;
    color: #003D8F;
}
.header-links-container a:not(:last-of-type) {
    margin-bottom: 0.4rem;
}
.header-links-container a.selected {
	font-weight: 700;
	color: var(--link-color);
}
.create_account, .lang_changer{
    display: flex;
    align-items: center;
    margin-left: 3rem;
}
.create_account a, .lang_changer a{
    font-weight: 700;
    font-size: 18px;
    color: #003D8F;
}
.header-line {
    width: 2px;
    height: 72px;
    background-color: #E3E5E7;
    opacity: 1;
    position: relative;
    margin-left: 2rem;
}
.header_left, .header_right{
    display: flex;
    flex-direction: row;
}
/* HEADER END*/

/* Keskmine lehe osa, mis on kõigil lehtedel sama */
.login-info-text{
    font-size: 2rem;
    color: #595F67;
    margin-bottom: 2rem;
    margin-top: 1.3rem;
}
.main-heading-text {
	margin-bottom: 1.5rem;
}
.main-heading-icons {
	display: flex;
	justify-content: center;
	margin-bottom: 4rem;
}
.main-heading-icons div {
	display: flex;
}
.main-heading-icons img {
    height: 7.8rem;
    border-radius: 50%;
	padding: 0.5rem;
}
.main-heading-icons img.active {
	border-width: 0.3rem;
	border-style: solid;
	border-color: var(--border-color);
	padding: 0.4rem;
}
.main-heading-icons div:first-of-type img {
	margin-right: 2rem;
}
.main-heading-icons div:last-of-type img:not(:last-of-type) {
	margin-right: 2rem;
}
h3.main-orange-heading {
	text-align: center;
	font-size: 2.6rem;
	line-height: 2.7rem;
	font-weight: 400;
	color: #E33600;
}
/* Keskmine lehe osa, mis on kõigil lehtedel sama END */

/* Register leht */
.registration h3.main-orange-heading {
	margin-bottom: 1.4rem;
}
p.registration-legend {
    margin-top: 0;
    margin-bottom: 4rem;
    font-size: 1rem;
    font-weight: 400;
    font-style: italic;
}
.login-form.registration .section.terms {
	width: 100%;
	margin-top: 2.1rem;
	display: flex;
	flex-direction: row;
}
.registration .terms label {
    display: flex;
    align-items: center;
}
.registration .terms input[type=checkbox] {
	opacity: 0;
	position: absolute;
	z-index: -1;
    width: 2.5rem;
    height: 2.5rem;
}
.registration .terms svg {
	flex-shrink: 0;
    border: #595F67 solid 0.1rem;
    border-radius: 0.2rem;
    width: 1.8rem !important;
    height: 1.8rem !important;
}
.registration .terms svg:hover {
	cursor: pointer;
}
.registration .terms .checkbox-rectangle {
	fill: #E3E5E7;
}
.registration .terms .checkbox-checkmark {
	fill: transparent;
}
.registration .terms input:checked + svg .checkbox-checkmark {
	fill: #E33600;
}
.registration .terms p {
	text-align: left;
	margin-left: 1.5rem;
	margin-right: 0;
	font-size: 1.2rem;
	line-height: 2.15rem;
	font-weight: 400;
	color: #151518;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.registration .terms a {
	font-weight: 600;
    text-decoration: none;
	color: #151518;
}
.registration .terms a:hover {
    text-decoration: underline;
}
/* Ettevõtte typeahead registreerimise lehel */
.registration .typeahead-container {
    position: relative;
}
.registration .typeahead-container input {
    padding-right: 2.8rem !important;
}
.registration .typeahead-icon {
    position: absolute;
    height: 19px;
    width: 21px;
    font-size: 17px;
    top: 4px;
    right: 2px;
    opacity: 1;
    background: url(data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1MC4zMTMgMjUwLjMxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUwLjMxMyAyNTAuMzEzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnIGlkPSJTZWFyY2giPgoJPHBhdGggc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkOyIgZD0iTTI0NC4xODYsMjE0LjYwNGwtNTQuMzc5LTU0LjM3OGMtMC4yODktMC4yODktMC42MjgtMC40OTEtMC45My0wLjc2ICAgYzEwLjctMTYuMjMxLDE2Ljk0NS0zNS42NiwxNi45NDUtNTYuNTU0QzIwNS44MjIsNDYuMDc1LDE1OS43NDcsMCwxMDIuOTExLDBTMCw0Ni4wNzUsMCwxMDIuOTExICAgYzAsNTYuODM1LDQ2LjA3NCwxMDIuOTExLDEwMi45MSwxMDIuOTExYzIwLjg5NSwwLDQwLjMyMy02LjI0NSw1Ni41NTQtMTYuOTQ1YzAuMjY5LDAuMzAxLDAuNDcsMC42NCwwLjc1OSwwLjkyOWw1NC4zOCw1NC4zOCAgIGM4LjE2OSw4LjE2OCwyMS40MTMsOC4xNjgsMjkuNTgzLDBDMjUyLjM1NCwyMzYuMDE3LDI1Mi4zNTQsMjIyLjc3MywyNDQuMTg2LDIxNC42MDR6IE0xMDIuOTExLDE3MC4xNDYgICBjLTM3LjEzNCwwLTY3LjIzNi0zMC4xMDItNjcuMjM2LTY3LjIzNWMwLTM3LjEzNCwzMC4xMDMtNjcuMjM2LDY3LjIzNi02Ny4yMzZjMzcuMTMyLDAsNjcuMjM1LDMwLjEwMyw2Ny4yMzUsNjcuMjM2ICAgQzE3MC4xNDYsMTQwLjA0NCwxNDAuMDQzLDE3MC4xNDYsMTAyLjkxMSwxNzAuMTQ2eiIgZmlsbD0iIzAwM0Q4RiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg==) no-repeat scroll center center transparent;
    background-size: contain;
}
.registration .typeahead.dropdown-menu {
	position: absolute;
	z-index: 2;
	background-color: #F0F1F1;
	box-shadow: 0 .3rem .6rem #00000029;
    border-radius: .5rem;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.registration .typeahead.dropdown-menu li {
	background-color: #F0F1F1;
    padding: 0.4rem 0.8rem;
    cursor: pointer;
}
.registration .typeahead.dropdown-menu li:last-child {
	border-bottom-left-radius: .5rem;
	border-bottom-right-radius: .5rem;
}
.registration .typeahead.dropdown-menu li a {
	color: #000 !important;
}
.registration .typeahead.dropdown-menu li:hover a {
	color: #fff !important;
}
.registration .typeahead.dropdown-menu li:hover {
    background-color: #003D8F;
}
.black{
    color: #151518;
}
.register-heading-top{
    font-size: 26px;
    font-weight: 700;
    color: #003D8F;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.register-heading-bottom{
    font-size: 26px;
    color: #003D8F;
    margin-bottom: 4rem;
}
/* Register leht END */

/* Mobiil-ID leht */
p.login-descriptive-text {
	max-width: 43rem;
	margin-bottom: 4rem;
	font-size: 1.4rem;
	font-weight: 400;
}
p.mobiil-id-second-page-text {
	margin-bottom: 1.5rem;
}
p.mobiil-id-second-page-buttons {
	margin-top: 5rem;
}
h3.mobiil-id-third-page-heading {
	margin-bottom: 1.5rem;
    font-size: 1.8rem;
	font-weight: 500;
    color: #E33600;
}
p.mobiil-id-third-page-text {
	max-width: 67rem;
	font-size: 1.4rem;
	font-weight: 400;
}
p.mobiil-id-fourth-page-text {
	margin-bottom: 4rem;
	font-weight: 600;
}
/* Mobiil-ID leht END */

/* Forgot leht */
.reset-step-1 h3.main-orange-heading {
    margin-bottom: 4rem;
}
.reset-step-3 h3.main-orange-heading {
    margin-bottom: 1.5rem;
}
.reset-step-3 p {
    margin-bottom: 4rem;
}
/* Forgot leht END */

/* Consent leht */
.consent .user-name-text {
	font-weight: 600;
}
.consent .main-text {
	margin-top: 4rem;
	font-weight: 600;
}
.login-form.consent .buttons button.log-in {
    width: 17rem;
    border: none;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
    border-radius: 2rem;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2.3rem;
    text-transform: uppercase;
    color: white;
    background-color: #003D8F;
}
.login-form.consent .buttons button.change-user-text {
	margin-top: 1.5rem;
    border: none;
    padding: 0!important;
    font-size: 1.4rem;
    font-family: 'Montserrat', sans-serif;
	font-weight: 700;
    color: #003D8F;
    cursor: pointer;
    background: none!important;
}
.login-form.consent .section-profile-pic {
    margin-bottom: -1.2rem;
}
.login-form.consent .section-profile-pic div {
    height: 11.6rem;
    width: 11.6rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5.8rem;
    border: solid #003D8F 0.1rem;
}
.login-form.consent .section-profile-pic div img,
.login-form.consent .section-profile-pic div div,
.login-form.consent .section-profile-pic div div svg{
    width: 11.6rem;
}
/* Consent leht END */

/* LOGIN TABS */
.login-tabs {
    display: flex;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    justify-content: center;
    margin-bottom: 4rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.login-tabs-con {
    display: flex;
    align-items: center;
}
.login-tabs-con:nth-child(1) {
    margin-right: 3.8rem;
}
.login-tabs-con .tab {
    padding-bottom: 0.5rem;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    font-weight: bold;
    color: #003D8F;
}
.login-tabs-con .tab:hover {
    cursor: pointer;
}
.login-tabs-con .tab:nth-child(1) {
    margin-right: 3.8rem;
}
.login-tabs-con .tab.active span {
    border-bottom: 0.2rem solid var(--border-color);
}
@media screen and (max-width: calc(1350px + 208px)) {
	.login-header {
	    padding-left: 10.4rem;
	    padding-right: 10.4rem;
	    margin-left: initial;
	    margin-right: initial;
	}
}
/* LOGIN TABS END */

/* LOGIN FORM */
.login-form.ir {
	margin-top: 3rem;
}
.login-check-mark-image {
	width: 10.5rem;
    margin-bottom: 4rem;
}
.login-form .auth-provider {
    display: none;
}
.login-form.ir .auth-provider.ir {
    display: block;
}
/*.login-form.google .auth-provider.google {
    display: block;
}*/
.login-form.smart-id .auth-provider.smart-id {
    display: block;
}
.login-form.mobiil-id .auth-provider.mobiil-id {
    display: block;
}
.login-form.regular-id .auth-provider.regular-id {
    display: block;
}
.login-form.regular-id p.login-descriptive-text {
    margin-bottom: 0;
}

.login-form form {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-bottom: 7rem;
    padding-left: 2rem;
	align-items: center;
}
.coming-soon {
    font-weight: bold;
	color: #003D8F;
}
.login-form form h3.error {
    color: red;
    margin-top: 0rem;
    margin-bottom: 0rem;
    text-align: center;
}
.login-form form h3.errorgreen {
    color: #62A20D;
}
.errors + .buttons {
    margin-top: 0rem !important;
} 
.login-form form h2.code {
    color: #595F67;
    margin-top: 0rem;
    margin-bottom: 0rem;
}
.login-form .section.password {
	
}
#togglePassword {
	margin-left: -15px;
	cursor: pointer;
}
.section.fd_column {
	flex-direction: column;
}
.login-form .section {
    display: inline-flex;
    /*flex-direction: column;*/
    align-items: center;
}
.login-form .section.user_type_radio{
    flex-direction: row;
    justify-content: center;
    margin-top: 3rem;
}
.login-form.ir .links a {
    font-size: 1.4rem;
    text-decoration: none;
}
.register-link.button {
	width: 25rem;
	border: none;
	padding-top: 0.9rem;
	padding-bottom: 0.9rem;
	border-radius: 2rem;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 2.3rem;
	text-transform: uppercase;
	color: white;
	background-color: #595F67;
	text-align: center;
}
.login-form.ir .links a.register-link, 
.login-form.smart-id .links a.register-link, 
.login-form.regular-id .links a.register-link, 
.login-form a.forgot-password-link {
    font-weight: bold;
    color: #003D8F;
}
.login-form.ir .links a.forgot-password-link {
    margin-top: 1rem;
    color: #0097C4;
}
.login-form.mobiil-id .links a.register-link {
    font-weight: bold;
    color: #003D8F;
}
.login-form.mobiil-id .links a.forgot-password-link {
    margin-top: 1rem;
    color: #0097C4;
}
.login-form.mobiil-id .links a {
    font-size: 1.4rem;
    text-decoration: none;
}
.login-form .section:not(:first-of-type) {
    margin-top: 3rem;
}
.login-form .section.small,
.login-form .section.buttons.small {
	margin-top: 1rem;
}
.login-form .section input {
    width: 40rem;
    border: none;
    border-bottom: 0.1rem solid #595F67;
    padding: 0.6rem 2rem 1rem 2rem;
    font-size: 1.4rem;
    background-color: transparent;
}
.login-form .section.user_type_radio input, .login-form .section.user_type_radio label {
    width: unset;
    margin-left: 2rem;
}
.login-form .section input:-internal-autofill-selected{
    box-shadow: none;
    -webkit-box-shadow: 0 0 0 30px #f0f1f1 inset !important;
}
::-webkit-input-placeholder {
   font-style: italic;
}
:-moz-placeholder {
   font-style: italic;
}
::-moz-placeholder {
   font-style: italic;
}
:-ms-input-placeholder {
   font-style: italic;
}
.login-form .section.input-areacode {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.login-form .section.input-areacode span {
    border-bottom: 0.1rem solid #595F67;
    margin-bottom: 0.32rem;
    width: 8rem;
    font-size: 1.4rem;
    line-height: 2.53;
	text-align: center;
}
.login-form .section.input-areacode input {
    width: 32rem;
}
.login-form .section.buttons, p.already_have_account {
    margin-top: 2rem;
}
p.already_have_account > a{
    color: #003D8F;
    font-weight: 700;
}
.errors ~ .buttons {
    margin-top: 1.9rem !important;
}
#divSSBUserCheck + .buttons {
    margin-top: 2.9rem !important;
}
.errors + #divSSBUserCheck + .buttons {
    margin-top: -0.1rem !important;
}
.login-form:not(.consent) .buttons button {
    width: 17rem;
    border: none;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
    border-radius: 2rem;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2.3rem;
    text-transform: uppercase;
    color: white;
    background-color: #003D8F;
}
.login-form .section.buttons .less-noticeable-button {
	background-color: #DEE1E2;
}
.login-form .buttons button:hover {
    cursor: pointer;
}
.login-form:not(.consent) .buttons button + button {
	margin-left: 2rem;
}
.section.remember_me {
    width: 23rem;
    flex-direction: row;
    justify-content: center;
    margin-left: auto;
    margin-top: 2.1rem;
    margin-right: auto;
    display: flex;
}
.section.remember_me label {
    display: flex;
}
.section.remember_me input[type=checkbox] {
    opacity: 0;
    position: absolute;
    z-index: -1;
    width: 2.5rem;
    height: 2.5rem;
}
.section.remember_me svg {
    flex-shrink: 0;
    border: #595F67 solid 0.1rem;
    border-radius: 0.2rem;
    width: 1.8rem !important;
    height: 1.8rem !important;
}
.section.remember_me .checkbox-rectangle {
    fill: #E3E5E7;
}
.section.remember_me .checkbox-checkmark {
    fill: transparent;
}
.section.remember_me input:checked + svg .checkbox-checkmark {
    fill: #E33600;
}
.section.remember_me p {
    text-align: left;
    margin-left: 1.5rem;
    margin-right: 0;
    font-size: 1.2rem;
    line-height: 2.6rem;
    font-weight: 400;
    color: #151518;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.irid-question-circle {
    position: relative;
    font-size: 1.4rem;
    font-weight: 700;
    color: #003D8F;
    background-color: #E3E5E7;
    width: 2rem;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    border-radius: 1rem;
    cursor: pointer;
    margin-left: 1rem;
}
.irid-question-circle::after {
    content: '?';
    position: absolute;
    left: 0;
    width: inherit;
    height: inherit;
    text-align: center;
    line-height: 2rem;
}
.irid-question-circle .tooltiptext {
    display: none;
    width: 58vw;
    max-width: 40rem;
    color: #fff;
    background-color: #595F67;
    border: 1px solid #000;
    font-size: 1.2rem;
    font-weight: 400;
    text-align: left;
    border-radius: 2px;
    padding: 0.8rem;
    position: absolute;
    top: 2.4rem;
    right: 1rem;
    z-index: 1;
}
.irid-question-circle:hover .tooltiptext {
    display: block;
}
/* LOGIN FORM END*/

/* Ülemise osa responsive osa + tooltip */
@media screen and (max-width: 768px) {
    .main-heading-icons, .main-heading-text {
        display: none;
    }
    .login-header {
        padding-left: 4.5rem; 
        padding-right: 4.5rem;
    }
    .section input:not([type="checkbox"]) {
        /*width: 26.6rem;*/
    }
    p {
        text-align: center;
    }
    .login-form .section.input-areacode input {
        width: 31.4rem;
    }
}
@media screen and (max-width: 420px) {
    .section input:not([type="checkbox"]) {
        width: 23.2rem;
    }
    p {
        margin-left: 0rem;
        margin-right: 0rem;
    }
    .main {
        background-image: none;
        padding-top: 3rem;
    }
    .login-header {
        padding: 1.15rem 1.6rem;
    }
    .login-header a img {
        height: 4rem !important;
    }
    .login-form .buttons {
        margin-top: 3rem !important;
    }
    .login-form .section.links {
        margin-top: 2rem;
    }
	.login-form .section.input-areacode span {
		width: 3.5rem;
	}
    .login-form .section.input-areacode input {
        width: 15rem;
		padding: 0.6rem 1rem 1rem 1rem;
    }
	.login-form.registration .section.terms {
		width: 23rem;
	}
	.create_account, .lang_changer {
		margin-left: 2rem;
	}
	.login-form:not(.consent) .buttons button + button {
		margin-top: 2rem;
		margin-left: unset;
	}
	#divSSBUserCheck + .buttons {
		flex-direction: column;
	}
}
@media screen and (max-width: 500px) {
	.auth-provider.ir > div {
		padding-right: unset;
		padding-left: unset;
	}
	.login-tabs-con {
		display: grid;
		align-items: center;
		grid-template-columns: 115px repeat(1, 1fr);
	}
	.main-heading-icons {
        flex-direction: column;
        margin-bottom: 2rem;
    }
    .main-heading-icons div:nth-child(1) {
        margin-bottom: 1rem;
    }
    .login-tabs {
        flex-direction: column;
        margin-bottom: 2rem;
    }
    .login-tabs-con:nth-child(1) {
        margin-right: 0;
        margin-bottom: 1rem;
    }
    .main-heading-icons div:first-of-type img {
        margin-right: 0;
    }
    .main-heading-icons div img:nth-child(1) {
        margin-right: 2rem;
    }
    .login-check-mark-image {
        margin-bottom: 2rem;
    }
}
/* Ülemise osa responsive osa END */

/* 404 and cookies error */
.main-error {
    color: #E33600;
    font-weight: 600;
    font-size: 45px;
    margin-bottom: 4.5rem;
    text-align: center;
}
.main-error-key {
    margin-bottom: 3rem;
}
.main-error-key svg{
    width: 100px;
}
.main-error-key .st0{
    fill:#E33600;
}
.main-error-key .st1{
    fill:#003D8F;
}
.main-error-message {
    color: #E33600;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 1rem;
    text-align: center;
}
.main-error-back {
    font-size: 14px;
    color: #595F67;
    margin-bottom: 4.5rem;
    text-align: center;
}
.main-error-back-btn {
    width: 17rem;
    border: none;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
    border-radius: 2rem;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2.3rem;
    text-transform: uppercase;
    color: white;
    background-color: #003D8F;
    margin-bottom: 14rem;
}
.main-error-back-btn:hover {
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .main-error-back-btn {
        margin-bottom: 7rem;
    }
}
/* 404 and cookies error  END */

/* *********************************************************** app-ad algus *********************************************************** */
/* Kirjutan logi sisse lehe sätted üle */
.app-ad {
    width: 100%;
    box-sizing: border-box;
}
.app-ad p {
    margin-left: 0rem;
    margin-right: 0rem;
	text-align: left;
    font-weight: 400;
}
/* Kirjutan logi sisse lehe sätted üle */

.app-ad {
    display: flex;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 9rem;
    padding-right: 9rem;
    font-size: 1.4rem;
    font-weight: 400;
    background-color: #fff;
}
.app-ad p {
    color: #151518;
}
.app-ad__block {
    display: flex;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    align-items: center;
    justify-content: space-evenly;
}
.app-ad__badge--chrome-extension:hover {
    color: #003D8F;
}
.app-ad__download-link {
    display: inline-block;
    position: relative;
    margin-top: 1rem;
    color: #E33600;
    text-decoration: none;
}
.app-ad__download-link:hover {
    color: #E33600;
}
.app-ad__badge {
    display: flex;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    margin-right: 3rem;
    fill: #003D8F;
    color: #003D8F;
    text-decoration: none;
}
.app-ad__badge--chrome-extension {
    display: flex;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    align-items: center;
}
.app-ad__badge-text {
    max-width: 24rem;
    margin-left: 2.3rem;
    line-height: 1;
    font-size: 2.6rem;
}
p.app-ad__description {
    line-height: 1.5;
    margin-bottom: 0;
}
p.app-ad__description--chrome-extension {
    max-width: 25.6rem;
}
p.app-ad__description--mobile-app {
    max-width: 34rem;
}
.ssb__link-arrow--backward::before, .ssb__link-arrow--forward::after {
    --arrow-size: .55rem;
    --arrow-thickness: .175rem;
    --arrow-offset: .2rem;
    --arrow-padding: 1.4rem;
    content: "";
    display: block;
    position: absolute;
    bottom: calc(50% - var(--arrow-size) / 2);
    height: var(--arrow-size);
    width: var(--arrow-size);
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: inherit;
    border-left-color: inherit;
    border-top-width: var(--arrow-thickness);
    border-left-width: var(--arrow-thickness);
}
.ssb__link-arrow--forward::after {
    right: var(--arrow-offset);
    transform: rotate(135deg);
}
.ssb__link-arrow--forward {
    padding-right: 1.4em;
}
.app-ad__badge--google-play {
    margin-bottom: 1.1rem;
}
.ssb--bold {
    font-weight: 700;
}
.ssb--uppercase {
    text-transform: uppercase;
}
@media screen and (max-width: 1349px) {
	.app-ad {
		padding: 3rem 4.5rem 3rem 4.5rem;
	}
}
@media screen and (max-width: 1230px) {
	.app-ad {
		flex-direction: column;
		padding: 3rem;
	}
	.app-ad__block {
		max-width: 60.9rem;
	}
	.app-ad__block--chrome-extension {
		margin-bottom: 1.5rem;
	}
	.app-ad__download-link {
		margin-top: 0;
	}
	p.app-ad__description {
		max-width: none;
	}
}
@media screen and (max-width: calc(609px + 90px)) {
	.app-ad__block {
		flex-direction: column;
	}
	.app-ad__block > div {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.app-ad__badge--chrome-extension {
		min-width: 32rem;
	}
	.app-ad p {
		width: 34rem;
	}
	.app-ad__badge {
		margin-right: 0;
		margin-bottom: 1.5rem;
	}
}
@media screen and (max-width: 420px) {
	.app-ad {
		padding: 2rem;
	}
	.app-ad p {
		width: auto;
		max-width: 34rem;
	}
	.app-ad__badge--chrome-extension {
		display: flex;
		min-width: auto;
	}
	.app-ad__badge--chrome-extension svg {
		flex-shrink: 0;
	}
}
@media screen and (max-width: 330px) {
	.app-ad__block > div {
		flex-direction: column;
		align-items: center;
	}
}
/* *********************************************************** app-ad lõpp  *********************************************************** */

/*  Google login button */

.login-with-google-btn  {
    padding-right: 2rem;
    padding-left: 2rem;
    margin-bottom: 2.4rem;
}

.login-with-google-btn .container {
    width: 100% !important;
}

.login-with-google-btn [role=button] {
    width: 100% !important;
}

/*  Google login button END */

/*  OR element  */
.login-or-wrap {
    margin-bottom: 1.7rem;
    display: flex;
    align-items: center;
    padding-left: 2rem;
    padding-right: 2rem;
}

.login-or-line {
    background-color: #888C92;
    width: 100%;
    height: 1px;
}

.login-or-text {
    font-size: 1.3rem;
    margin-left: 1.3rem;
    margin-right: 1.3rem;
}


/*  OR element END */

/* *********************************************************** ssb-footer algus *********************************************************** */
/* *********************************************************** Rules I added to ssb-footer algus *********************************************************** */
.ssb-footer ul:not(.c-nav__list) li {
    list-style: none;
}
.ssb-footer .ssb--bold {
    font-weight: 700;
}
.ssb-footer ul {
    margin: 0;
    padding: 0;
}
.ssb-footer .ssb-footer__widget .wpcf7-form > p {
   margin-top: 0;
}
.ssb-footer input[type="email"] {
    font-family: 'Montserrat', sans-serif;
    box-sizing: border-box;
    padding-left: 1rem;
    border-width: .1rem;
    border-color: #d7d7d7;
    border-radius: .3rem;
    background-color: #fff;
    font-size: 1.4rem;
}
.ssb-footer ::-webkit-input-placeholder {
   font-style: normal;
}
.ssb-footer :-moz-placeholder {
   font-style: normal;
}
.ssb-footer ::-moz-placeholder {
   font-style: normal;
}
.ssb-footer :-ms-input-placeholder {
   font-style: normal;
}
.ssb-footer {
    box-sizing: border-box;
    width: 100%;
    line-height: 1.5;
}
.ssb-footer p {
    margin-left: 0rem;
    margin-right: 0rem;
    line-height: 1.35;
    font-weight: 400;
    text-align: left;
}
.ssb-footer button, input, optgroup, select, textarea {
    font-family: 'Montserrat', sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
/* *********************************************************** Rules I added to ssb-footer lõpp  *********************************************************** */

.ssb-footer {
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.4rem;
    background-color: #f0f1f1;
    padding: 4.5rem 9rem 4.5rem 9rem;
    box-sizing: border-box;
    width: 100%;
}

.ssb-footer p {
    line-height: 1.35;
}

.ssb-footer span,
.ssb-footer p,
.ssb-footer__widget .menu-item span,
.ssb-footer__widget .menu-item p {
    color: #151518;
}

.ssb-footer h3 {
   color: #003D8F;
   font-size: 1em;
   text-transform: uppercase;
   font-weight: 700;
   margin-bottom: 0;
}

.ssb-footer__label--hidden,
.ssb-footer__checkbox--hidden {
   visibility: hidden;
   font-size: 0;
   position: absolute;
   pointer-events: none;
   height: 0;
   width: 0;
}

.ssb-footer button:focus {
   outline:0;
}

/*
 * Main content
 */

.ssb-footer__widget-heading {
   display: flex;
   align-items: center;
   justify-content: space-between;
   position: relative;
   height: 4rem;
}

.ssb-footer__widget-heading::before {
   content: "";
   background-color: #151518;
   width: calc(100% + 4rem);
   height: 0.1rem;
   position: absolute;
   top: 0;
   left: -2rem;
}

.ssb-footer__widget-heading h3 {
    line-height: 4rem;
}

.ssb-footer__extend-btn,
.ssb-footer__shrink-btn,
.ssb-footer__widget-heading h3 {
   padding: 0;
   height: 100%;
}

.ssb-footer__extend-btn:active,
.ssb-footer__shrink-btn:active {
    background-color: transparent !important;
}

.ssb-footer__extend-btn:hover,
.ssb-footer__shrink-btn:hover,
.ssb-footer__widget-heading h3:hover {
   cursor: pointer;
   color: #003D8F;
}

.ssb-footer__extend-btn,
.ssb-footer__shrink-btn {
   background-color: transparent;
   background-position: center;
   background-size: 1.3rem, 1.3rem;
   background-repeat: no-repeat;
   box-sizing: content-box;
   font-size: 0 !important;
   border-style: none;
   height: 100%;
   width: 4rem;
   margin-right: -1rem !important;
}

.ssb-footer__extend-btn {
   background-image: url("../img/footer/plus.svg");
}

.ssb-footer__shrink-btn {
   background-image: url("../img/footer/minus.svg");
}

.ssb-footer__widget > div:not(.ssb-footer__widget-heading) {
    padding-top: .5rem;
    padding-bottom: 1.8rem;
    overflow: hidden;
    box-sizing: content-box;
}

/* 
 * menuud 
 */

.ssb-footer__widget .menu {
   margin-left: 0;
   margin-bottom: 0;
}

.ssb-footer__widget .menu-item {
   font-size: 1em;
   margin-bottom: 1rem;
}

.ssb-footer__widget .menu-item:last-child {
   margin-bottom: 0;
}

.ssb-footer__widget .menu-item::before {
   content: none;
}

.ssb-footer__widget .menu-item a {
   color: inherit;
}

.ssb-footer__widget .menu-item a:hover {
	cursor: pointer;
	color: #005BAA;
}


/* 
 * Uudiskirja widget 
 */

.ssb-footer .ssb-footer__widget > .textwidget {
	margin-top: 0;
	margin-bottom: 0;
}

/* margin between each newspost component */
.ssb-footer .ssb-footer__widget .wpcf7-form > p {
	margin-bottom: 2.3rem;
}

.ssb-footer .ssb-footer__widget .wpcf7-form > p:last-of-type {
	margin-bottom: 0;
}

.ssb-footer .ssb-footer__newspost-email,
.ssb-footer__newspost-desc {
    max-width: 40rem;
}

.ssb-footer .ssb-footer__newspost-email {
	height: 4.5rem;
	width: 100%;
	border-style: none;
box-shadow: none;
}

.ssb-footer .ssb-footer__newspost-email::placeholder,
.ssb-footer .ssb-footer__newspost-email::-moz-placeholder {
	color: #151518;
	font-size: 1.4rem;
}

.ssb-footer .ssb-footer__newspost-email:-ms-input-placeholder {
	color: #151518;
	font-size: 1.4rem;
}

.ssb-footer .wpcf7-form-control .wpcf7-list-item {
	margin-left: 0;
}

.ssb-footer .wpcf7-list-item-label {
    display: flex;
    align-items: center;
    width: auto;
}

.ssb-footer__terms-checkbox-fake {
    margin-right: 1.5rem;
}

.ssb-footer__terms-checkbox-fake .background {
    fill: #fff;
}

.ssb-footer__terms-checkbox-fake .checkmark {
    fill: none;
}

#ssb-footer__terms-checkbox:checked + .wpcf7-list-item-label .ssb-footer__terms-checkbox-fake .checkmark {
    fill: var(--ssb-orange);
}

.ssb-footer__newspost-submit {
	border: none;
	background-color: #003D8F;
	color: #fff;
	padding-top: 1.3rem;
	padding-bottom: 1.3rem;
	padding-left: 8rem;
	padding-right: 8rem;
	font-family: inherit;
	font-weight: 700;
	border-radius: 5rem;
	margin-top: 2rem;
	float: none;
}

.ssb-footer__newspost-submit:hover {
	cursor: pointer;
}

/*
 * social media links and icons
 */

.ssb-footer__social-media-links {
	display: flex;
	margin-bottom: 3rem;
}

.ssb-footer__link--social-media {
	display: inline-block;
	line-height: 4rem;
	height: 4rem;
	width: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ssb-footer__link--social-media:first-of-type {
	width: auto;
}

.ssb-footer__link--social-media:not(:last-child) {
	margin-right: 1.5rem;
}

.ssb-footer__social-media-icon {
	fill: var(--footer-color);
	width: 3rem; 
}

.ssb-footer__social-media-icon--facebook {
	width: 2rem;
}

.ssb-footer__social-media-icon--youtube {
	width: 3.8rem;
}

/*
 * bottom texts, links, copyright, etc
 */

.ssb-footer__copyright,
.ssb-footer__link--terms {
	margin-top: 0;
	margin-bottom: 1.5rem;
}

.ssb-footer__link--terms {
	display: block;
}

.ssb-footer__link--terms span,
.ssb-footer__link--terms span:hover,
.ssb-footer__link--terms a,
.ssb-footer__link--terms a:hover {
	color: var(--footer-color);
}

.ssb-footer__copyright-text {
	margin: 0;
	max-width: 60rem;
	line-height: 1.5 !important;
}

@media screen and (max-width: 1349px) {
	.ssb-footer {
		padding: 4.5rem;
	}
}

@media screen and (max-width: 1021px) {
	.ssb-footer__wp-widgets {
		flex-wrap: wrap;
	}
	.ssb-footer__widget-copyright {
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 768px) {
	.ssb-footer__copyright-text {
		max-width: none;
	}
}

@media screen and (max-width: 767px) {
	.ssb-footer {
		padding: 2rem;
	}
	.ssb-footer__widget-copyright {
		margin-top: 3rem;
	}
}

@media screen and (max-width: 420px) {
	.ssb-footer__social-media-links {
		justify-content: space-between;
	}
}

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

  /* Main content */
   .ssb-footer {
        background-image: var(--footer-bg);
        background-repeat: no-repeat;
		/*
		background-size: cover;
        background-position: top right;
		*/
		background-size: 68%;
		background-position: 115% 5rem;
   }

   .ssb-footer__wp-widgets  {
       display: flex;
       flex-direction: row;
       justify-content: space-between;
       align-items: flex-start;
   }

   .ssb-footer__widget:first-of-type {
		min-width: 142px;
   }

   .ssb-footer__widget:nth-of-type(2) {
   		min-width: 135px;
   }

   .ssb-footer__widget:nth-of-type(3) {
   		min-width: 116px;
   }

   .ssb-footer__widget:not(:last-of-type) {
       margin-right: 5rem;
       margin-bottom: 3rem;
   }

   /* newspost subscription */
   .ssb-footer__widget:last-of-type {
       margin: 0;
   }

   .ssb-footer__widget .ssb-footer__widget-heading {
       pointer-events: none;
   }

   .ssb-footer__widget-heading::before {
       content: none;
   }

   .ssb-footer__extend-btn,
   .ssb-footer__shrink-btn {
       display: none;
   }

   .ssb-footer__widget > div:not(.ssb-footer__widget-heading) {
       padding-top: 0;
       padding-bottom: 0;
       height: auto;
   }
}
/* *********************************************************** ssb-footer lõpp  *********************************************************** */