/*Overwrite bootstrap css*/
.navbar {
	min-height:64px;
	background-color:transparent;
	border:0px;
}
.navbar-brand {
	height:auto;
	padding:0px;
}
ul.navbar-nav {
	min-height:64px;
}
.navbar-default .navbar-nav>.active> a, 
.navbar-default .navbar-nav>.active> a:focus, 
.navbar-default .navbar-nav>.active> a:hover {
	color:#000;
	background-color:transparent;
	border-bottom: 2px solid #88B04B;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color:transparent;
}

.fa-check-square-o {
	color:#88B04B;
}

/*Overwrite hamburger css*/
.hamburger {
	height:64px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width:35px;
	background-color: #88B04B;
}

/*general css*/
.center_everything {
	display:flex;
	justify-content:center;
	align-items:center;
}
.center_vertically {
	display:flex;
	align-items:center;"
}
body {
	background-color:#ECF0F1;
}
/*FONTS*/

@font-face {
	font-family:'TypoGraphica';
	src: url('../utile/TypoGraphica.otf');
}

@font-face {
	font-family:'OpenSans-Bold';
	src: url('../utile/OpenSans-Bold.ttf');
}


.use_typoG {
	font-family: 'TypoGraphica', sans-serif;
}
.use_typoOSB{
	font-family: 'OpenSans-Bold';
}
.well_despre_soft {
	background-color:#fff;
	border:0px;
}

.btn_afla_mai_multe{
	background-color:#88B04B;
	color:#fff;
	border-radius:25px;
	border:0px;
	float:right;
}

.sectiune_pagina {
	height:100vh;

	width:100%;
	display:block;
	margin-right:0px;
	margin-left:0px;
}
 .snip1265 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
  width: 100%;
  max-width: 1000px;
  margin: 50px 10px 10px;
}
.snip1265 .plan {
  margin: 0;
  width: 25%;
  position: relative;
  float: left;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  color:#000;
}
.snip1265 .plan:hover,
.snip1265 .plan.hover {
  background-color: #fff;
}
.snip1265 .plan:hover i,
.snip1265 .plan.hover i {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.snip1265 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.snip1265 header {
  position: relative;
  padding: 20px 10px;
}
.snip1265 header i {
  font-size: 56px;
  margin: 0 15px;
  color: #f39c12;
  display: inline-block;
  float: left;
}
.snip1265 .plan-title {
  top: 0;
  font-weight: 800;
  margin: 10px 0 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  color:#88B04B;
}
.snip1265 .plan-cost {
  margin: 0;
  color:#88B04B;
}
.snip1265 .plan-price {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 800;
  font-size: 1.3em;
}
.snip1265 .plan-type {
  opacity: 0.8;
  font-size: 0.7em;
  text-transform: uppercase;
}
.snip1265 .plan-features {
  padding: 0;
  margin: 0 0 40px;
  text-align: center;
  list-style: outside none none;
  font-size: 0.8em;
  text-align: left;
}
.snip1265 .plan-features li {
  padding: 5px 5%;
  font-weight: 500;
  opacity: 0.5;
  border-left: 5px solid #88B04B;
  margin: 2px 20px;
}
.snip1265 .plan-select {
  background-color: rgba(0, 0, 0, 0.2);
  text-align: center;
}
.snip1265 .plan-select a {
  color: #ffffff;
  text-decoration: none;
  padding: 15px 20px;
  margin: 20px;
  border-radius: 40px;
  font-size: 0.75em;
  font-weight: 800;
  text-transform: uppercase;
  display: inline-block;
  background-color: #f39c12;
}
.snip1265 .plan-select a:hover {
  background-color: #fff;
}
.snip1265 .featured {
  margin-top: -10px;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.snip1265 .featured .plan-select a {
  margin: 30px 20px;
}
@media only screen and (max-width: 767px) {
  .snip1265 .plan {
    width: 50%;
  }
  .snip1265 .plan-title,
  .snip1265 .plan-select a {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .snip1265 .plan-select a,
  .snip1265 .featured .plan-select a {
    margin: 20px;
  }
  .snip1265 .featured {
    margin-top: 0;
  }
}
@media only screen and (max-width: 440px) {
  .snip1265 .plan {
    width: 100%;
  }
}


.display_telefon{
  background-color:#88B04B;
  color:#fff;
  padding:8px;
  min-width: 8em;
  width:auto;
} 

/*input styling*/
.group        { 
  position:relative; 
  margin-bottom:45px; 
}
.input-style         {
  font-size:18px;
  padding:10px 10px 10px 5px;
  display:block;
  width:300px;
  border:none;
  border-bottom:1px solid #757575;
}
.input-style:focus     { outline:none; }

/* LABEL ======================================= */
.label-style          {
  color:#999; 
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
.input-style:focus ~ .label-style, .input-style:valid ~ .label-style    {
  top:-20px;
  font-size:14px;
  color:#88B04B;
}

/* BOTTOM BARS ================================= */
.bar  { position:relative; display:block; width:300px; }
.bar:before, .bar:after   {
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#88B04B; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
.input-style:focus ~ .bar:before, .input-style:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
.input-style:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
  from { background:#88B04B; }
  to  { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
  from { background:#88B04B; }
  to  { width:0; background:transparent; }
}
@keyframes inputHighlighter {
  from { background:#88B04B; }
  to  { width:0; background:transparent; }
}
/*input styling*/

.well_autentificare {
  width:30em;
  background:#fff;
}
.btn_autentificare{
  background:#88B04B;
  border:0px;
  color:#fff;
}

.modal_creare_cont {
  width:30em;
}
@media only screen and (max-width : 768px) {
  .modal_creare_cont {
    width:95vw;
  }

  #prima_pagina_despre {
    height:100vh !important;
  }

   .sectiune_pagina {
    min-height:100vh;
    height:auto;
  }
}

@media (min-width: 1024px) and (orientation: portrait) {
   #prima_pagina_despre {
    top:10vh;
    position:relative;
  }
  .sectiune_pagina {
    min-height:50vh;
    height:auto;
  }
}


.well_gift {
  height:20em;
  width:20em;
}