@charset "utf-8";
/* --------------------------------- PRELOADER START --------------------------------- */
#loader-wrapper{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
#loader{
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px; 
	border-radius: 50%; 
	border: 3px solid transparent; 
	border-top-color: #3498db; 
	-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
   	animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ 
	z-index: 1001; 
}
#loader:before{
	content: ""; 
	position: absolute; 
	top: 5px;
	left: 5px; 
	right: 5px; 
	bottom: 5px; 
	border-radius: 50%; 
	border: 3px solid transparent;
   	border-top-color: #e74c3c; 
	-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ 
}
#loader:after{
	content: ""; 
	position: absolute; 
	top: 15px; 
	left: 15px; 
	right: 15px; 
	bottom: 15px; 
	border-radius: 50%; 
	border: 3px solid transparent;
	border-top-color: #f9c922; 
	-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ 
	animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ 
}
@-webkit-keyframes spin {
	0%{ 
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100%{
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}
@keyframes spin{
	0%{ 
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100%{
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}
#loader-wrapper .loader-section{
	position: fixed; 
	top: 0; 
	width: 51%; 
	height: 100%; 
	background: #222222; 
	z-index: 1000; 
	-webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */ 
	transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}
#loader-wrapper .loader-section.section-left{
	left: 0;
}
#loader-wrapper .loader-section.section-right{
	right: 0;
}
/* Loaded */
.loaded #loader-wrapper .loader-section.section-left{
	-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
	transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */  
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader-wrapper .loader-section.section-right{
	-webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
	transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */  
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader{
	opacity: 0;  
	transition: all 0.3s ease-out;
}
.loaded #loader-wrapper{
	visibility: hidden;
	-webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
	transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */  
	transition: all 0.3s 1s ease-out;
}
/* JavaScript Turned Off */
.no-js #loader-wrapper{
	display: none;
}
/* --------------------------------- PRELOADER END ----------------------------------- */

/* --------------------------------- BASIC STYLES START ------------------------------ */
html,body{
height:100%;
}
body{
background:#222;
color:#222;
font-weight:200;
font: 13px/1.5 Lato, "Roboto Slab", "Trebuchet MS", Helvetica, sans-serif;
-webkit-font-smoothing:antialiased;
}
a{
/*color:#89d460;*/
text-decoration:none;
transition:all 0.125 ease-in-out 0s;
-webkit-transition:all 0.125s ease-in-out 0s;
-moz-transition:all 0.125s ease-in-out 0s;
-ms-transition:all 0.125s ease-in-out 0s;
-o-transition:all 0.125s ease-in-out 0s;
}

ul, ol{
	margin: 1em 0 2em 0;
	padding: 0 0 0 20px;
}
a:hover{
}

a{
	text-decoration:none;
}
a:hover{
	color:#ccc;
}
.nav .menu .btMenu{
	display: none;
}
a,a:hover,a:focus,a:active{
	border:0;
	outline:0;
	text-decoration:none;
}

/*.yomer-float-right{
float:right;
}
.yomer-float-left{
float:left;
}
.yomer-center{
display:block;
margin-left:auto;
margin-right:auto;
}
.yomer-hide{
display:none !important;
visibility:hidden !important;
}
.yomer-show{
display:block !important; 
}*/

/*.yomer-preloader{
width:100%;
height:100%;
position:fixed;
left:0;
top:0;
bottom:0;
right:0;
z-index:9999;
background:#fff url('../img/preloader.gif') no-repeat center center;
}*/
/* --------------------------------- BASIC STYLES END -------------------------------- */

/* --------------------------------- TYPOGRAPHY START -------------------------------- */
.yomer-text-center{
text-align:center;
}
.yomer-text-uppercase{
text-transform:uppercase;
}
.yomer-text-right{
text-align:right;
}
.yomer-text-left{
text-align:left;
}
.yomer-text-justify{
text-align:justify;
}
h2{
margin: .15em 0;
padding: 0;
font-size: 4.5em;
font-weight: 300;
color: #2b2b2b;
cursor: default;
}
/* --------------------------------- TYPOGRAPHY END ---------------------------------- */

/* --------------------------------- old NAVBAR START ------------------------------------ */
/*body .navigation{
	width: 100%;
	margin: 0;
	float: left;
	position:fixed;
	left:0px;
	top:0px;
	z-index:999;
	background:#000;
}
body .navigation .menu{
	list-style: none;
	margin: 0 80px 0 0;
	padding: 0;
	float: right;
}
body .navigation .menu li{
	display: inline-block;
	float: left;
}
body .navigation .menu li a{
	padding: 18px 16px;
	color: #ccc;
	float: left;
	font-size: 12px;
	text-decoration: none;
}
body .navigation .menu li a:hover{
	background: #f77c03;
	color:#fff;
}
body .navigation .menu .btMenu{
	display: none;
}
.wrapper{
width:100%;
height:auto;
position:relative;
box-sizing:border-box;
}
.logo{
position:absolute;
top:10px;
left:5%;
display:block;
width:152px;
height:26px;
line-height:26px;
pyomering:0px;
text-indent:-9999em;
outline:none;
overflow:hidden;
z-index:3;
opacity:1;
background:url('../img/wlogo.png') no-repeat;
}

.RO-flag{
position:absolute;
top:10px;
float: right;
display:block;
width:152px;
height:26px;
line-height:26px;
pyomering:0px;
text-indent:-9999em;
outline:none;
overflow:hidden;
z-index:3;
opacity:1;
background:url('../img/RO_flag.png') no-repeat;
}*/
/* --------------------------------- old NAVBAR END -------------------------------------- */
.navigation{
	position: relative;
	display: block;
	width: 100%;
}

.navbar-custom {
	z-index:999999 !important;  /* this is so the collapsed navbar shows on top of the arrows from the slider */
	position: fixed; 
	background-color: #000;
	text-align: left;
} 

.navigation .navbar.navbar-custom.navbar-fixed-top .container.full-width #navbar-collapse{
	background-color: #000;
}

.navigation .navbar.navbar-custom.navbar-fixed-top .container.full-width #navbar-collapse .nav.navbar-nav .menuItem a{
	color: #ccc;
	float: left;
	font-size: 15px;
	text-decoration: none;
}
.navigation .navbar.navbar-custom.navbar-fixed-top .container.full-width #navbar-collapse .nav.navbar-nav .menuItem a:hover{
	background: #4cb4ab;
	
}
.navigation .navbar.navbar-custom.navbar-fixed-top .container.full-width .navbar-header .navbar-brand{
	color: #fff;
}

.navigation .navbar.navbar-custom.navbar-fixed-top .container.full-width .navbar-header .navbar-toggle .icon-bar{
	background-color: #fff;
}

ul.nav a:hover{
	color: #000 !important; }

.navigation .navbar.navbar-custom.navbar-fixed-top .container.full-width {
	width: 95% !important;
	max-height: 50px;
}
.RO-flag{
position:absolute;
top:10px;
left: 5%;
display:block;
width:152px;
height:26px;
line-height:26px;
pyomering:0px;
text-indent:-9999em;
outline:none;
overflow:hidden;
z-index:3;
opacity:1;
background:url('../img/RO_flag.png') no-repeat;
}
.UK-flag{
position:absolute;
top:10px;
left: 10%;
display:block;
width:152px;
height:26px;
line-height:26px;
pyomering:0px;
text-indent:-9999em;
outline:none;
overflow:hidden;
z-index:3;
opacity:1;
background:url('../img/UK_flag.png') no-repeat;
}

/* ------------------------- START video styling ------------------------- */
.video-header-container {
width: 100%;
height: 700px;
border-left: none;
border-right: none;
position: relative;
padding-top: 10px;
}

.video-container {
position: absolute;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
overflow: hidden;
}

video {
position: absolute;
z-index: -1;
opacity: 0.9;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
// background-color: transparent !important; //
// frameborder: 0; //
}

#video-img{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin-left: auto;
margin-right: auto;
width: 100%;

}
@media(max-width:767px){
	video{visibility:hidden;}
	.video-header-container{height:1px;}
	.video-container{visibility:hidden;}
	#video-img{visibility:hidden;}
}
/* ------------------------- END video styling ------------------------- */

/* --------------------------------- HEADER START ------------------------------------ */
header{
width:100%;
position:relative;
overflow:hidden;
background:url('../img/header2-1.jpg') no-repeat;
background-attachment:fixed;
background-size:cover;
background-color:#fff;
padding: 4% 0;
}
	
header .container{
height:100%;
position: relative;
top:100px;
text-align: center;
z-index: 1;
}
.titles{
color:#fff;
min-height:300px;
height:auto;
}
.titles h1{

position: relative;
text-shadow:  0 2px 3px rgba(0,0,0,.5);
font-size: 5em;
font-weight: 100;
color: #fff; /* color of text */
cursor: default;
/*background:url(../img/transparent-blue-bg.png) repeat;
padding: 1%;*/
}
@media(max-width:767px){.titles h1{font-size: 2em;}}
@media(min-width:768px){.titles h1{font-size: 3em;}}
@media(min-width:992px){.titles h1{font-size: 4em;}}
@media(min-width:1200px){.titles h1{font-size: 5em;}}
.subhead{
position:relative;
}
.subhead p{
text-shadow: 0 2px 3px rgba(0,0,0,.5);
font-size: 30px;
font-weight: 100;
color: #fff; /* color of text */
cursor: default;
/*background:url(../img/transparent-blue-bg.png) repeat;
padding: 1%;*/
}
@media(max-width:767px){.subhead p{font-size: 1em;}}
@media(min-width:768px){.subhead p{font-size: 1.5em;}}
@media(min-width:992px){.subhead p{font-size: 2em;}}
@media(min-width:1200px){.subhead p{font-size: 2.5em;}}
.godown{
position: absolute;
left: 0;
right: 0;
bottom: 20px;
background: url('../img/header-downarrow-thick.png') no-repeat center;
background-size: 50px 27px;
height: 64px;
line-height: 64px;
text-indent: -9999em;
overflow: hidden;
/*opacity: .5;*/
z-index: 1;
-webkit-transition: opacity .5s linear;
-moz-transition: opacity .5s linear;
transition: opacity .5s linear;
-webkit-transition: bounce 1s ease-in-out;
-moz-transition: bounce 1s ease-in-out;
transition: bounce 1s ease-in-out;
animation-play-state: paused;
}
.animate {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
/* --------------------------------- HEADER END -------------------------------------- */

/* --------------------------------- SERVICII START ---------------------------------- */
.wrapper #services{
	-webkit-box-shadow: inset 0px 29px 100px -40px rgba(92,92,92,1);
	-moz-box-shadow: inset 0px 29px 100px -40px rgba(92,92,92,1);
	box-shadow: inset 0px 29px 100px -40px rgba(92,92,92,1);
	background-image:url(../img/cubes.png);
	background-repeat: 0 0;
}
.services{
width:100%;
background-color:#fff;
position:relative;
overflow:hidden;
}
.services .container{
padding-top:100px;
padding-bottom:100px;
}
.bigtext{
font-weight: 100;
font-size: 1.5em;
line-height: 1.5em;
color: #878787;
margin-bottom:80px;
}
.wrapper #services .container .row .col-md-3.yomer-text-center p{
	font-size: 15px;
	text-align: justify;
	padding: 5px;
}
.icon-widget{
display: block;
width: 120px;
height: 120px;
margin: 0 auto 30px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 120px;
overflow: hidden;
text-indent: -9999em;
line-height: 200px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}

.icon-widget:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
/* --------------------------------- SERVICII END ------------------------------------ */

/* --------------------------------- ESTIMARE PRET START ----------------------------- */
.estimare{
	width:100%;
	position:relative;
	overflow:hidden;
	background:url('../img/estimare.jpg') no-repeat;
	background-attachment:fixed;
	background-size:cover;
	background-color:#fff;
	padding: 2% 0;
}
.estimare .container{
}
.estimare h2{
	color:#000;
}
.wrapper #estimare .container .yomer-text-center .bigtext{
	color: #000;
}
#cognito_clients{
	width: 40%; 
	margin: 0px auto;
}

#cognito_clients_page{
	width: 80%; 
	margin: 0px auto;
}
/* --------------------------------- ESTIMARE PRET END ------------------------------- */

/* --------------------------------- ABOUT US START ---------------------------------- */
.hide{
	display: none;
}
body{
	background: #fff;
	background-image:url(../img/cubes.png);
	background-repeat: 0 0;
}
.wrapper #about{
	-webkit-box-shadow: inset 0px 29px 100px -40px rgba(92,92,92,1);
	-moz-box-shadow: inset 0px 29px 100px -40px rgba(92,92,92,1);
	box-shadow: inset 0px 29px 100px -40px rgba(92,92,92,1);
}
/* <<< Container >>> */
#Container{
	overflow: hidden; 
	width: 100%;
}
/* <<< About Section >>> */
.About_sec{
	padding: 80px 0px 88px 0px; 
	width: 100%; 
	overflow: hidden;
}
.About_sec .Center{
	max-width: 1100px;
	margin: auto;
	overflow: hidden;
	text-align: center;
}
.About_sec h2{
	color: #000;
}
.About_sec p{
}
.wrapper #about #Container #about .Center .bigtext a{
	color: #4cb4ab;
}
.About_sec .Tabside{
	width: 100%;
}
.About_sec .Tabside ul{
	list-style: none;
	margin: 0px;
	padding-bottom: 59px;
}
.About_sec .Tabside li{
	float: none;
	padding: 0px;
	margin: 0px -2px;
	display: inline-block;
}
.About_sec .Tabside li a{
	padding: 20px 40px 20px 40px;
	font-size: 18px;
	color: #000;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	border: thin solid black;
	margin-right: 5px;
	display: block;
	transition: all 0.3s ease;
}
.About_sec .Tabside li a:hover, .About_sec .Tabside li a.activeLink{
	border: thin solid black;
	background: #4cb4ab;
	color: #fff;
}
.About_sec .Tabside .TabImage{
	width: 43.63%;
	float: left;
	position: relative;
}
.About_sec .Tabside .TabImage .img1{
	position: absolute;
	top: 0px;
	left: 42px;
	height: 260px;
	background: url(../img/about-shadow.png) no-repeat;
	background-position: 25px 223px;
}
.About_sec .Tabside .TabImage .img1 img{
	padding: 5px;
	border: solid 1px #ececec;
	background: #fff;
}

.About_sec .Tabside .TabImage .img2 img{
	padding: 5px;
	border: solid 1px #ececec;
	background: #fff;
}
.About_sec .Tabside .Description{
	width: 100%;
	text-align: left;
	margin-top: -6px;
}
.About_sec .Tabside .Description h3{
	font-size: 24px;
	color: #000;
	margin: 0px;
	text-transform: uppercase;

	line-height: 29px;
}
.About_sec .Tabside .Description p{
	padding: 21px 0px 4px 0px;
	font-size: 14px;
	color: #979797;
	margin: 0px;
	text-align: justify;
	line-height: 25px;
}
.About_sec .Tabside .Description p .cyan{
	font-size: 16px;
	color: #08c2ff;
}
/* --------------------------------- ABOUT US END ------------------------------------ */

/* --------------------------------- MISSION START ----------------------------------- */
.mission{
width:100%;
position:relative;
overflow:hidden;
background:url('../img/mission.png') no-repeat;
background-attachment:fixed;
background-size:cover;
background-color:#fff;
}
.mission .container{
padding-top:110px;
padding-bottom:110px;
width: 80%;
}
.mission h3{
color:#fff;
}
/* --------------------------------- MISSION END ------------------------------------- */

/* --------------------------------- DE CE NOI START --------------------------------- */
.wrapper #whyus{
	-webkit-box-shadow: inset 0px 29px 100px -40px rgba(92,92,92,1);
	-moz-box-shadow: inset 0px 29px 100px -40px rgba(92,92,92,1);
	box-shadow: inset 0px 29px 100px -40px rgba(92,92,92,1);
	background-image:url(../img/cubes.png);
	background-repeat: 0 0;
}
.whyus{
width:100%;
background-color:#fff;
position:relative;
overflow:hidden;
}
.whyus .container{
padding-top:100px;
padding-bottom:100px;
}
.bigtext {
font-weight: 100;
font-size: 1.5em;
line-height: 1.5em;
color: #878787;
margin-bottom:80px;
}
.wrapper #whyus .container .row .col-md-12.yomer-text-center h2{
	margin-bottom: 60px;
}
.icon-widget{
display: block;
width: 120px;
height: 120px;
margin: 0 auto 30px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 120px;
overflow: hidden;
text-indent: -9999em;
line-height: 200px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.icon-widget.icon-share{
background-image: url('../img/whyus-1.png');
}
.icon-widget.icon-follow{
background-image: url('../img/whyus-2.png');
}
.icon-widget.icon-market{
background-image: url('../img/whyus-3.png');
}
.icon-widget.icon-recommend{
background-image: url('../img/4.png');
}
.icon-widget:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}

.wrapper #whyus .container .row .col-lg-4.col-md-4.col-sm-12.yomer-text-center .whyus-wrap{
	background-color: #4cb4ab;
	min-height: 250px;
	font-size: 15px;
	color: #fff;
	padding: 15px;
	margin-top: 5px;
}
.wrapper #whyus .container .row .col-lg-4.col-md-4.col-sm-12.yomer-text-center .whyus-wrap p{
	text-align: justify;
}
/* --------------------------------- DE CE NOI END ----------------------------------- */

/* --------------------------------- SECTIUNE INTERMEDIARA START --------------------- */
.whychose
{
width:100%;
position:relative;
overflow:hidden;
background:url('../img/bg-testmonial-03.png') no-repeat;
background-attachment:fixed;
background-size:cover;
background-color:#fff;
}
.whychose .container{
padding-top:120px;
padding-bottom:120px;
width: 80%;
}
.whychose h3{
color:#fff;

}
/* --------------------------------- SECTIUNE INTERMEDIARA END ----------------------- */

/* --------------------------------- PORTFOLIO END ----------------------------------- */
#rig {
    max-width:900px;
    margin:0 auto; /*center aligned*/
    padding-bottom: 10%;
	padding-top:0;
	padding-left:0;
	padding-right:0;
    font-size:0; /* Remember to change it back to normal font size if have captions */
    list-style:none;
}
#rig li {
    display: inline-block;
    *display:inline;/*for IE6 - IE7*/
    width:25%;
    vertical-align:middle;
    box-sizing:border-box;
    margin:0;
    padding:1%;
}
        
/* The wrapper for each item */
.rig-cell {
    /*margin:12px;
    box-shadow:0 0 6px rgba(0,0,0,0.3);*/
    display:block;
    position: relative;
    overflow:hidden;
}
        
/* If have the image layer */
.rig-img {
    display:block;
    width: 100%;
    height: auto;
    border:none;
    transform:scale(1);
    transition:all 1s;
}

#rig li:hover .rig-img {
    transform:scale(1.05);
}
        
/* If have the overlay layer */
.rig-overlay {
    position: absolute;
    display:block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #4cb4ab;
    background-size:50px 50px;
    opacity:0;
    filter:alpha(opacity=0);/*For IE6 - IE8*/
    transition:all 0.6s;
}
#rig li:hover .rig-overlay {
    opacity:0.8;
}

/* If have captions */
.rig-text {
    display:block;
    padding:0;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    text-transform:capitalize;
    font-size:18px;
    font-weight:bold;
    font-family: "Roboto Slab", "Trebuchet MS", Helvetica, sans-serif;
    font-weight:normal!important;
    top:30%;
    color:white;
    opacity:0;
    filter:alpha(opacity=0);/*For older IE*/
    transform:translateY(-20px);
    transition:all .3s;
}
#rig li:hover .rig-text {
    transform:translateY(0px);
    opacity:0.9;
}

@media (max-width: 9000px) {
    #rig li {
        width:25%;
    }
}

@media (max-width: 700px) {
    #rig li {
        width:33.33%;
    }
}

@media (max-width: 550px) {
    #rig li {
        width:50%;
    }
}

/* --------------------------------- PORTFOLIO END ----------------------------------- */

/* --------------------------------- PRETURI START ----------------------------------- */
.preturi{
width:100%;
position:relative;
overflow:hidden;
background:url('../img/sea.png') no-repeat;
background-attachment:fixed;
background-size:cover;
background-color:#000;
	padding: 7% 0;
}
.preturi .container{
padding-top:10px;
padding-bottom:10px;
}
.preturi h2{
color:#fff;
}
#preturi .container .yomer-text-center h3 {
color: #fff;
}

label.overlay {
 position: fixed;
 display: none;
 height: 100%;
 width: 100%;
 left: 0;
 top: 0;
}
input[type=checkbox].smoosh:checked ~ label.overlay {
 display: block;
 z-index: 500;
}
div.overlay-dialogue {
 position: fixed;
 display: none;
 width: 100%;
 left: 0;
 right: 0;
 top: 15%;
 bottom: 15%;
 background: whitesmoke;
}
input[type=checkbox].smoosh:checked ~ div.overlay-dialogue {
 display: block;
 z-index: 505;
}
/* eye candy */
.smoosh {
 display: none;
 line-height: 0;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 color: transparent;
 background: transparent;
 border: none;
 outline: none;
 height: 0;
 width: 0;
}
div.overlay-dialogue {
/* padding: 20pt 5% 20pt 5%; */
 overflow-y: auto;
 animation: START 0.3s ease-in-out;
}
@keyframes START{0%{transform: rotateY(55deg); opacity: 0;} 100%{transform: rotateY(0deg); opacity: 1;}}
label.overlay{background-color: rgba(0,0,0,.5); text-align: center; color: rgba(200, 200, 200, 0.5); line-height: 120%;}
label.overlay:hover, label.overlay:active{line-height: 120%; color: darkgrey;}
label.overlay:active{line-height: 130%;}
label.overlay:before{content: 'Tap here to dismiss';}
#popup-button label{padding: 30px; background-color: #fff; border: thin solid black;}
#popup-button label:hover{color: #fff; background-color: #4cb4ab; cursor: pointer;}
label:active{line-height: 120%; color: #4cb4ab;}
.wrapper #preturi .container .row .col-md-12.yomer-text-center .col-md-12.yomer-text-center span .overlay-dialogue .close label{color: #000; float: right;}
.wrapper #preturi .container .row .col-md-12.yomer-text-center .col-md-12.yomer-text-center span .overlay-dialogue .close label:hover{color: #4cb4ab; margin-right: 0; margin-top: 0;}
.wrapper #preturi .container .row .col-md-12.yomer-text-center .col-md-12.yomer-text-center span .overlay-dialogue .close label:active{color: #4cb4ab; margin-right: 0; margin-top: 0;}
/* --------------------------------- PRETURI END ------------------------------------- */
/* --------------------------------- CONTACT START ----------------------------------- */
#sf{display: block; width: 100%;}
#sf .container{width: 100%;}
#sf .col-lg-4{margin: 0; padding: 15px;}
.wrapper #contact #cf .container .row .col-lg-4 p a{color: #4cb4ab !important;}
#sf .lg{background-color: #4cb4ab;}
#sf .dg{background-color: #994d00;}
#sf h4{color: #fff;}
#sf p{color: #fff;}
#sf .ml{margin-left: 30px;}
#sf i{font-size: 70px; color: #fff; text-align: center; margin-top: 50px; margin-bottom: 50px;}
#cf{background: #2f2f2f;}
#cf h4{color: #fff; margin-left: 15px; margin-top: 15px;}
#cf p{color: #fff; font-size: 15px; line-height: 18px; margin-left: 15px;}
#cf .container{width: 100%;}
#cf .col-lg-8{margin: 0; padding: 0;}
/* --------------------------------- CONTACT END ------------------------------------- */
#cognito_recruit{width: 80%; margin: 0px auto;}
.p_recrutare{font-size: 15px; text-align:justify; width:70%;}
.footertext{text-align:center;}
.footer{padding-top:1%; padding-bottom:1%;}
/*------BACK BUTTON ----------*/
.back-button{padding: 10px; background-color: #4cb4ab; border: thin solid black; width: 10%; margin-bottom: 5%; margin-left: 0; text-align:center; text-decoration:none; font-weight:bold; color: #fff;}
.back-button:hover{ color: #000; background-color: #fff; cursor: pointer;}

#termene{padding-top:5%;}