/* -- J2.5 Default -- Copyright 2011 Reaktiiv Grupp OÜ



- Struktuur

-- 01 Nullimine

-- 02 Body Stiilid, taust, lingid

-- 03 Fontide deklaratsioon kui vaja

-- 04 Pealkirjad / Headingud

-- 05 Wrap ja muud üldised containerid

-- 06 Menüüd (NB! Joomla mooduli ID tuleb seada menu1, menu2 jne..)

-- 07 Joomla Default stiilid



- */



/* ------------- 01 Nullimine -------------------*/

@import url("reset.css");

*:focus {outline:none;} /* chrome jaoks */

header, section, footer, aside, nav, main, article, figure {display: block; } /* html5 */



/* ------------- 02 Body ja lingid -------------------*/

p {
	margin: 0;
}

body,td,th {

	font-family:'Lato', Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #000;

}

body {

	background-color:none;

	background-repeat: repeat-x;

	margin: 0;

	text-align: center;

}

a {transition:ease .4s all;}

a:link {text-decoration: none; color: #fff;  }

a:visited { text-decoration: none; color: #fff; }

a:hover { text-decoration: none; color: #fff; }

a:active { text-decoration: none; color: #fff; }

.mobmenu, .hidden{
	display: none;
}

td {vertical-align:top;text-align:left;}

sup {font-size: 65%;position: relative;top: -9px;vertical-align: top;}

sub {font-size: 65%;position: relative;bottom: -9px;vertical-align: top;}

/* .ref_gallery{
	display: none;
}

.open{
	display: block;

} */

/* NB! Neid ei tohi grupeerida! */

*::-webkit-input-placeholder {color:#FFFFFF;}

*:-moz-placeholder {color:#FFFFFF;}

*::-moz-placeholder {color:#FFFFFF;}

*:-ms-input-placeholder {color:#FFFFFF;}



/* ------------- 03 Fontide deklaratsioon -------------------*/



/* ------------- 04 Pealkirjad -------------------*/

h1,h2,h3,h4,h5 {

	font-family: 'Lato', Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 36px;

	text-decoration:none;

	margin: 0;

	padding: 0;

	line-height:100%;

}

h3{
	font-size:150%;
}

.title{
	margin-top: 128px;
}

.title .title_wrapper{
	background-color: white;
    z-index: 20;
    display: block;
    position: relative;
    max-width: 382px;
    margin: 0 auto;
    text-align: center;
}

.title::after{
	content: "";
	width: 100%;
    height: 1px;
    background-color: #EAEAEA;
    position: relative;
	bottom: 24px;
	display: block;
}

.title h2{
	color: #000000;	
	font-size: 36px;
	font-weight: bold;
	line-height: 44px;
}

/* ------------- 05 Wrap-------------------*/
/* 
.vmiddle {position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}

.fullblock {float: left; position: relative; width: 100%; height:auto;}

.container {margin: 0 auto; position: relative; text-align: left;width: 980px;}

.hidden {display: none;}

.clear {clear: both;}

.w100{width: 100%;}

.block{float: left; background-position:50% 50%; background-attachment:fixed; background-size:cover; padding-top:0.5%;} */

header{background-color:#000000; width:100%; top:50px; left:0; z-index:100; height: 90px; display: flex; justify-content: center; align-items: center;}

header.fixed{position:fixed;}

/* ------------- 06 Menüüd -------------------*/

/* ------------- 06.1 Menu 1 - peamenüü -------------------*/
.navigation{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 90px;
}

.moduletable_headerLogo {
	margin-right: 174px;
}

.moduletable_headerLogo p{
	margin-bottom: 0px;
}

ul#menu1{
	display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu1 li {
	position: relative;
}

#menu1 li:not(:last-child){
	margin-right: 32px;
}

#menu1 li a {
	text-transform:uppercase;

	font-size: 14px;

	text-decoration:none;

	color: #ffffff;	

	font-weight: bold;
	
	line-height: 17px;

}

/* ------------- Keelevalik -- */
.language_switcher{
	margin-left: 174px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
}

.language_switcher ul{
	position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.language_switcher li a{color:#fff; opacity: 0.2; text-transform:uppercase; text-decoration:none; transition:ease .3s all; font-size: 14px; font-weight: bold; padding: 3px 6px;}

.language_switcher li a:hover, .language_switcher li.active a{opacity:1; background-color: #2B2B2B; border-radius: 4px;}

.header_wrapper{
	display: flex;
	justify-content: center;
    align-items: center;
}

.header_logo{
	margin-left: 20px;
}

.header_logo a img{
	max-width: 200px;
}

.moduletable_front_image{
	width: 100%;
	height: calc(100vh - 90px);
	height: calc((var(--vh, 1vh) * 100) - 90px);
	max-height: 100vh;
	min-height: 400px;
    margin: 90px auto 0;
	position: relative;
}

.bannergroup_front_image{
	height: 100%;
    width: 100%;
}

.banneritem{
	height: 100%;
    width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.wrapper{
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
}

.content{
	flex: 1 0 auto;
	margin-top: 140px;
}

#teenused, #uslugi{
	text-align: left;
}

div#teenused .title:nth-child(1){display: none;}
div#uslugi .title:nth-child(1){display: none;}
div#services .title:nth-child(1){display: none;}

#teenused h4, #uslugi h4, #services h4{
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	line-height: 19px;
	padding-left: 14px;
}

#teenused .services_container::after, #uslugi .services_container::after, #services .services_container::after{
	content: "";
	flex: auto;
	max-width: 246px;
	width: 100%;
}

#teenused .services_container .service, #uslugi .services_container .service, #services .services_container .service{
	max-width: 252px;
	width: 100%;
	padding-bottom: 53px;
}

#teenused .services_container .service > div, #uslugi .services_container .service > div, #services .services_container .service > div{
	display: flex;
	align-items: center;
}

.references_categories{
	text-align:center;
	width:100%;
	padding-top: 0;
	padding-bottom: 62px;
}

.references_categories a{
	transition:ease .05s all;
	color: #000000;
	font-size: 16px;
	line-height: 19px;
	transition: ease .05s all;
	text-transform:lowercase;
	cursor:pointer;
	border-bottom:1px solid transparent;
}

.references_categories a:not(:last-child){
	margin-right: 16px;
	margin-left: 16px;
}

.references_categories a:hover, .references_categories a.activated{
	color:#D2D7DB;
	border-bottom:1px solid #D2D7DB;
}

#references_content, .references_content, #people_content{
	width:100%;
	position:relative;
}

.overlay{
	overflow: hidden;
	color: #fff;
	text-align: center;
	background-color: rgba(204,0,0,.7);
	transition: ease .6s all;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.overlay.opened{
	opacity: 1;
}

#references_content, .references_content, #people_content{
	position: relative;
    -ms-flex-pack: center;
    justify-content: center;
	list-style: none;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	width: 100%;
    max-width: 960px;
	right: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    margin-right: 0;
    margin-left: 0;
}

#references_content li, .references_content li, #people_content .people_wrapper, #references_content .project, .references_content .project{
	position: relative;
	-ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
}

#references_content li, #references_content .project, .references_content li, .references_content .project{
	margin: 10px;
}

#references_content li a, #people_content a , #references_content .project .project_open, .references_content li a, .references_content .project .project_open{
	background-repeat: no-repeat;
    background-size: cover;
	background-position: 50% 50%;
	width: 100%;
	cursor: pointer;
	height: 212px;
    position: relative;
    margin: 0;
    display: block;
}

#references_content .overlay h3, .references_content .overlay h3{
    display: flex;
    justify-content: center;
    align-items: center;
	height: 100%;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 19px;
	text-transform: capitalize;
}

#people_content{
	margin-top: 32px;
	/*justify-content: flex-start;*/
}

#people_content .people_wrapper{
	max-width: 25%;
    -ms-flex: 0 0 25%;
	flex: 0 0 25%;
	padding: 0;
}

#people_content a {
	height: 228px;
	margin-right: 16px;
	margin-bottom: 16px;
}

#people_content .people_wrapper:nth-child(4n)  a{
	margin-right: 0;
}

#people_content .overlay{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#people_content .overlay .name.position{
	margin-bottom: 18px;
}

#people_content .overlay .name.position h3{
	font-size: 16px;
	font-weight: bold;
	line-height: 19px;
}

#people_content .overlay p{
	font-size: 14px;
	line-height: 19px;
	text-align: center;
}

#people_content .overlay p:not(:last-child){
	margin-bottom: 23px;
}

#people_content .overlay p a{
	color:#fff;
}

a.all_references{
	width: 100%;
	max-width: 176px;
	margin: 32px auto 0;
	text-align: center;
	color: #000000;
	padding: 15px 0;
	cursor: pointer;
	transition: ease .5s all;
	border: 1px solid #CC0000;
	border-radius: 4px;
	background: #fff;
	font-size: 16px;
	line-height: 19px;
	display: block;
}

a.all_references:hover{
	background-color: #CC0000;
	color: #fff;
}


#teenused .wrapper > p, #services .wrapper > p{
	width:100%;
	margin:12px 0;
	line-height:160%;
}

#people_content li{
	cursor:pointer;
}
	
#kontakt, #contact{
	background-color: #000000;
	width: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    margin-top: 128px;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
}

#kontakt .wrapper, #contact .wrapper{
	margin: 0;
	text-align: center;
}

#kontakt .title, #contact .title{
	margin-top: 0;
	padding-top: 96px;
}

#kontakt .title .title_wrapper, #contact .title .title_wrapper{
	background-color: #000000;
}
#kontakt .title .title_wrapper h2, #contact .title .title_wrapper h2{
	color: #FFFFFF;
}
#kontakt .moduletable_contact .contact_wrap, #contact .moduletable_contact .contact_wrap{
	display: flex;
    justify-content: flex-end;
	align-items: flex-start;
	margin-top: 64px;
	padding-bottom: 96px;
}
#kontakt .custom_contact.rktv_contact_contact, #contact .custom_contact.rktv_contact_contact{
	width: 100%;
	max-width: 408px;
}
#kontakt .moduletable_contact .contact_wrap .left-info, #contact .moduletable_contact .contact_wrap .left-info{
	justify-self : flex-end;
	text-align: left;
	margin-left: 114px;
}

#kontakt .moduletable_contact .contact_wrap .left-info h5, #contact .moduletable_contact .contact_wrap .left-info h5{
	color:  #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 19px;
}

#kontakt .moduletable_contact .contact_wrap .left-info p, #contact .moduletable_contact .contact_wrap .left-info p{
	color:  #FFFFFF;
	font-size: 14px;
	line-height: 23px;
}

form{
	max-width: 408px;
	width: 100%;
}

form input{
	width: 100%;
    max-width: 408px;
    border: 1px solid #464646;
    border-radius: 4px;
    background-color: #000000;
    color:#FFFFFF;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
	padding: 14px 22px;
	margin-bottom: 8px;
}

form input:focus, form textarea:focus{
	background-color: #000000 !important;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	opacity: 1;
}

/* @-webkit-keyframes autofill {
    to {
        color: #000000;
        background: #D2D7DB;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
} */

form input::placeholder{
	opacity: 0.4;
}

form textarea{
	border: 1px solid #464646;
    border-radius: 4px;
    background-color: #000000;
	color:#FFFFFF;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size: 16px;
	resize: none;
	width: 100%;
	height: 179px;
	max-width: 408px;
	padding: 14px 22px;
	margin-bottom: 8px;
}

form textarea::placeholder{
	opacity: 0.4;
}


form button.sbtn{
	border-radius: 4px;
	border: none;
	background-color: #CC0000;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 19px;
	padding: 14px;
	width: 100%;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	cursor: pointer;
}

#system-message-container {
    position: relative;
    z-index: 21;
    float: left;
    clear: both;
    width: 100%;
}

#system-message {
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: fixed;
    z-index: 79;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.66);
}

.alert {
    margin-bottom: 0;
    border-radius: 0;
}

.alert.alert-message, .alert.alert-error {
    position: relative;
    background-color: #efefef;
    max-width: 400px;
    width: 100%;
    height: auto;
    padding: 30px;
	border: none;
	line-height: normal;
}

.alert .close {
	font-size: 35px;
    font-weight: 500;
    position: absolute;
    text-decoration: none;
    color: #CC0000;
    top: 4px;
    right: 12px;
    opacity: 1;
    z-index: 1;
    background: none;
    cursor: pointer;
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{
    color: #CC0000;
}

.borderError {
	border-bottom: 1px solid #cc0000 !important;
	border: 1px solid #cc0000;
}

h4.alert-heading {
    font-size: 18px;
    display: none;
}

/* content */
#component{
	position: relative;
	width: 100%;
}
#component .contact{
	display: flex;
    justify-content: center;
	align-items: center;
	padding-top: 64px;
	padding-bottom: 77px;
}

#component .contact .thumbnail img{
	max-width: 380px;
    width: 100%;
}

#component .contact .contact_info{
	margin-left: 48px;
	text-align: left;
}

#component .contact .contact_info span.name{
	color:  #000000;
	font-size: 36px;
	font-weight: bold;
	line-height: 44px;
	display: block;
    margin-bottom: 32px;
}

#component .contact .contact_info p, #component .contact .contact_info p a{
	color: #000000;
	font-size: 14px;
	line-height: 19px;
	text-decoration: none;
}


ul.rktv-phoca-container{
	position: relative;
    -ms-flex-pack: center;
    justify-content: flex-start;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 960px;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    margin-right: 0;
    margin-left: 0;
}


ul.rktv-phoca-container li{
	position: relative;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
}

ul.rktv-phoca-container li a{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
    cursor: pointer;
    height: 212px;
    position: relative;
    margin: 0;
    display: block;
}


ul.rktv-phoca-container{
	position: relative;
    -ms-flex-pack: center;
    justify-content: flex-start;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 960px;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    margin-right: 0;
    margin-left: 0;
}


ul.rktv-phoca-container li{
	position: relative;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
}

ul.rktv-phoca-container li a{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
    cursor: pointer;
    height: 212px;
    position: relative;
    margin: 0;
    display: block;
}

#ref_gal, .ref_gal{
	display: none;
	position: fixed;
    z-index: 101;
}

#ref_gal .gallery-container, .ref_gal .gallery-container{
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: fixed;
    z-index: 37;
    top: 0;
    height: 100%;
    display: flex !important;
    align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.66);
}

#ref_gal .gal-content, .ref_gal .gal-content{
	position: relative;
    background-color: white;
	max-width: 1200px;
	width: 100%;
	height: auto;
	padding: 32px;
}

#ref_gal .gal-content h4, .ref_gal .gal-content h4{
	color: #000000;
	font-size: 24px;
	text-align: left;
}

.gal-content .close{
	position: relative;
    top: 6px;
    right: 0;
    height: 27px;
    width: 27px;
    opacity: 1;
	z-index: 9;
	cursor: pointer;
}

.gal-content .close span{
	display: block;
    position: absolute;
    top: 0;
    right: 50%;
    width: 2px;
    height: 27px;
    background-color: #CC0000;
}

.gal-content .close span:nth-child(2) {
    transform: rotate(-45deg);
}

.gal-content .close span:nth-child(1) {
    transform: rotate(45deg);
}

.gal-content .carousel{
	max-width: calc(100% - 350px);
}

.gal-content .carousel-item{
	height: 618px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}

.gal-content .carousel-indicators li{
	border-radius: 50%;
	height: 10px;
	width: 10px;
}

.gal-content .carousel-control-next, .gal-content .carousel-control-prev{
	width: 34px;
	height: 48px;
	top: 50%;
	margin: 0 23px;
}

.gal-content .carousel-control-next::before, .gal-content .carousel-control-prev::before, .gal-content .carousel-control-next::after, .gal-content .carousel-control-prev::after{
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
}

.gal-content .carousel-control-next::before, .gal-content .carousel-control-next::after{
	border-right: solid 2px #FFFFFF;
	right: 0;
}
.gal-content .carousel-control-next::before{
	top: -50%;
	transform: rotate(-45deg);
	transform-origin: right bottom;
}
.gal-content .carousel-control-next::after{
	top: 50%;
	transform: rotate(45deg);
	transform-origin: right top;
}

.gal-content .carousel-control-prev::before, .gal-content .carousel-control-prev::after{
	left: 0;
	border-left: solid 2px #FFFFFF;
}

.gal-content .carousel-control-prev::before {
	top: -50%;
	transform: rotate(45deg);
	transform-origin: left bottom;
}
  
.gal-content .carousel-control-prev::after {
	top: 50%;
	transform: rotate(-45deg);
	transform-origin: left top;
}

.gal-content .carousel-indicators{
	flex-wrap: wrap;
}

.ref_fields{
	position: absolute;
    right: 101px;
    top: 77px;
	max-width: 246px;
	text-align: left;
}

.ref_fields h4{
	margin-bottom: 10px;
}

.ref_fields h3{
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 8px;
	margin-top: 32px;
}

.ref_fields p{
	line-height: 27px;
}

.ref_fields a{
	color:#CC0000;
}

.ref_fields a:hover{
	color:#CC0000;
	text-decoration: none;
}

.ref_fields .link{
	margin-bottom: 32px;
}

.ref_fields .info a{
	color: #000;
}


.grecaptcha-badge {
	display: none !important;
}

/* frontCarousel */
#frontCarousel {
	width: 100%;
	height: 100%;
}

#frontCarousel .carousel-inner {
	height: 100%;
}

#frontCarousel .carousel-inner .carousel-item {
	height: 100%;
}

#frontCarousel .carousel-inner .carousel-item .slide_container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

#frontCarousel .carousel-inner .carousel-item .slide_container .desc {
	width: 100%;
	max-width: 970px;
	padding: 24px 15px;
}

#frontCarousel .carousel-inner .carousel-item .slide_container .desc p {
	margin: 0;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 44px;
	text-align: center;
}

#frontCarousel .carousel-inner .carousel-item .slide_container .alt {
	position: absolute;
	bottom: 8px;
	left: 0;
	right: 0;
	width: 100%;
}

#frontCarousel .carousel-inner .carousel-item .slide_container .alt p {
	margin: 0;
	padding: 0 15px;
	color: #fff;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 27px;
	text-align: center;
}

#frontCarousel .carousel-indicators {
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	bottom: 40px;
	display: flex;
	justify-content: center;
}

#frontCarousel .carousel-indicators li {
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	background: #fff;
	border: none;
	border-radius: 50%;
	opacity: 0.21;
	transition: .15s linear;
}

#frontCarousel .carousel-indicators li.active,
#frontCarousel .carousel-indicators li:hover {
	opacity: 1;
}

#frontCarousel .carousel-control-prev,
#frontCarousel .carousel-control-next {
	position: absolute;
	top: 50%;
	display: block;
	width: 28px;
	height: 53px;
	transform: translateY(-50%);
	opacity: 1;
}

#frontCarousel .carousel-control-prev:after,
#frontCarousel .carousel-control-next:after {
	content: '';
    position: absolute;
    top: 50%;
    display: block;
    width: 28px;
    height: 28px;
    border: 2px solid #fff;
    border-width: 0 0 2px 2px;
    transform: translateY(-50%) rotate(45deg);
    transform-origin: center;
}

#frontCarousel .carousel-control-prev {
	left: 32px;
}

#frontCarousel .carousel-control-prev:after {
	left: 8px;
}

#frontCarousel .carousel-control-next {
	right: 32px;
}

#frontCarousel .carousel-control-next:after {
	right: 8px;
	border-width: 2px 2px 0 0;
}

.title .title_wrapper {
	z-index: 1;
}

/* Services */
.services_container {
	margin-top: 64px;
	margin-bottom: 128px;
	border: 1px solid #D8D8D8;
}

.services_container:after {
	display: none !important;
}

.services_container .services_container_left {
	flex-shrink: 0;
	padding: 22px 0;
	border-right: 1px solid #D8D8D8;
}

.services_container .services_container_left .service_title {
	position: relative;
	padding: 14px 52px;
	cursor: pointer;
}

.services_container .services_container_left .service_title:after {
	content: "";
	position: absolute;
	top: 0;
	right: -2px;
	width: 3px;
	height: 100%;
	opacity: 0;
	background-color: #E3042E !important;
	transition: background-color .3s linear;
}

.services_container .services_container_left .service_title.active h4,
.services_container .services_container_left .service_title:hover h4 {
	color: #E3042E !important;
}

.services_container .services_container_left .service_title.active:after {
	opacity: 1;
}

.services_container .services_container_left .service_title .img {
	display: flex;
	align-items: center;
	width: 30px;
	height: 34px;
	text-align: center;
}

.services_container .services_container_left .service_title img,
.services_container .services_container_left .service_title svg {
    max-width: 100%;
    max-height: 100%;
}

.services_container .services_container_left .service_title svg * {
	stroke: #000000;
	transition-delay: 0s;
}

.services_container .services_container_left .service_title.active svg *,
.services_container .services_container_left .service_title:hover svg * {
	stroke: #E3042E;
}

.services_container .services_container_left .service_title h4 {
    padding-left: 16px;
}

.services_container .services_container_right {
	padding: 24px 52px 24px 64px;
}

.services_container .services_container_right .service_text {
	display: none;
}

.services_container .services_container_right .service_text.active {
	display: block;
}

.services_container .services_container_right p {
	margin: 0;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 31px;
}

/* miks-eelistada-meid */
.miks-eelistada-meid {
	background: #191919;
}
.reasons-why-choose-us {
	background: #191919;
}

.miks-eelistada-meid .title {
	margin-top: 0;
	margin-bottom: 36px;
	padding-top: 42px;
}

.reasons-why-choose-us .title {
	margin-top: 0;
	margin-bottom: 36px;
	padding-top: 42px;
}

.miks-eelistada-meid .title:after {
	display: none;
}

.reasons-why-choose-us .title:after {
	display: none;
}

.miks-eelistada-meid .title .title_wrapper {
	background: transparent
}

.reasons-why-choose-us .title .title_wrapper {
	background: transparent
}

.miks-eelistada-meid .title h2 {
	margin: 0;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 29px;
}

.reasons-why-choose-us .title h2 {
	margin: 0;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 29px;
}

.miks_eelistada_container {
	padding: 0 16px 32px;
	background: #191919;
	text-align: center;
}

.miks_eelistada_container .row {
    margin-right: -16px;
    margin-left: -16px;
}

.miks_eelistada_container .column {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 16px;
	padding-left: 16px;
	margin-bottom: 22px;
}

.miks_eelistada_container .column_container .img {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	height: 65px;
	margin: 0 auto 14px;
}

.miks_eelistada_container .column_container .img img {
	max-height: 100%;
}

.miks_eelistada_container .column_container p {
	margin: 0;
	color: #fff;
	font-size: 13px;
	letter-spacing: 0;
	line-height: 21px;
	text-align: center;
}

/* Objektid */
.objektid {
	position: relative;
}

.objektid:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 374px;
	background: #000;
}

.moduletable_references {
	position: relative;
	z-index: 2;
}

.moduletable_references .title {
	margin-bottom: 32px;
}

.moduletable_references.zindex {
	z-index: 99;
}

.moduletable_references:first-child > .title {
	margin-top: 0;
	padding-top: 120px;
}

.moduletable_references:first-child > .title:after {
	background-color: #595959;
}

.moduletable_references:first-child > .title .title_wrapper {
	background: #000;
}

.moduletable_references:first-child > .title .title_wrapper h2 {
	color: #fff;
}

.moduletable_references:first-child > .references_categories {
	padding-bottom: 48px;
}

.moduletable_references:first-child > .references_categories a {
	display: inline-block;
	margin-bottom: 5px;
	color: #fff;
}

.references_content .project {
    margin: 0;
	padding: 10px;
	max-width: 33%;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
}

.ref_fields {
	top: 0;
    margin-top: 32px;
    padding-top: 44px;
    right: 0;
    padding-right: 101px;
    max-width: 347px;
    height: calc(100% - 76px);
	margin-bottom: 32px;
	overflow-y: auto;
}

/* partner-numbrites */
.partner-numbrites {
	background: #F3F3F3;
}

.partner-numbrites .title {
	margin-top: 0;
	margin-bottom: 48px;
	padding-top: 128px;
}

.partner-numbrites .title:after {
	background-color: #D1D1D1;
}

.partner-numbrites .title .title_wrapper {
	background: #F3F3F3;
}

.partner-numbrites .title h2 {
	margin: 0;
}

.numbrites_container {
	padding-bottom: 90px;
}

.numbrites_container .row {
	margin-right: -28px;
    margin-left: -28px;
}

.numbrites_container .row .column {
	-webkit-box-flex: 0;
    position: relative;
    min-height: 1px;
    padding-right: 28px;
	padding-left: 28px;
	margin-bottom: 20px;
	text-align: center;
}

.numbrites_container .row .column .column_container p {
	margin: 0;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 19px;
}

.numbrites_container .row .column .column_container p.upper {
	margin-bottom: 10px;
	font-size: 56px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 67px;
}

.corporative-menu{
	position: fixed;
	top: 0;
	left: 0;
	height: 50px;
	background-color: #000;
	color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
    white-space: nowrap;
	width: 100%;
	z-index: 100;
}
.corporative-menu .topline-content{
	height: 100%;
}
.corporative-menu .corporative-menu-inside{
	height: 100%;
	max-width: 1204px;
	margin: 0 auto;
	padding: 0 52px 0 24px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.corporative-menu a {
    color: #fff;
	display: inline-block;
    height: 100%;
    width: auto;
	padding: 5px 0;
}
.corporative-menu a img{
    height: 100%;
    width: auto;
}
.corporative-menu span{
	opacity: 0.5;
}
.corporative-menu .onepartner-network{
	display: flex;
    align-items: center;
    gap: 32px;
}
.corporative-menu .onepartner-network a strong{
	color: #e4002b;
    font-weight: 900;
}