/*
Theme Name: Uny Web Design

Theme URI: https://uny.ro/

Author: Uny Agentie Web Design

Author URI: https://uny.ro/

Description: Web site realizat de Uny Web Design


Version: 3.1.0

License: GNU General Public License v5.3 or later

License URI: LICENSE

Text Domain: uny

Tags: web design, website, design unic, website optimizat, realizare site-uri

*/

/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Normalize

# Typography

# Elements

# Forms

# Navigation

	## Links

	## Menus

# Accessibility

# Alignments

# Clearings

# Widgets

# Content

	## Posts and pages

	## Comments

# Infinite scroll

# Media

	## Captions

	## Galleries

# Woocommerce

# Footer

--------------------------------------------------------------*/

/*--------------------------------------------------------------

# Normalize

--------------------------------------------------------------*/



@font-face {
  font-family: BwNistaInt-600;
  src: url('fonts/BwNistaInt-Bd.woff');
}
@font-face {
  font-family: BwNistaInt-900;
  src: url('fonts/BwNistaInt-Bk.woff');
}
@font-face {
  font-family: BwNistaInt-200;
  src: url('fonts/BwNistaInt-Lt.woff');
}


@font-face {
  font-family: BwNistaInt-400;
  src: url('fonts/BwNistaInt-Md.woff');
}

@font-face {
  font-family: BwNistaInt-Rg;
  src: url('fonts/BwNistaInt-Rg.woff');
}







.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {

  float: left;

}




.row {

  display: block !important;
}

p, span, li{
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}
body {

  margin: 0;

  -webkit-font-smoothing: auto;
  font-family: 'Roboto', sans-serif;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

  display: block;

}



audio,

canvas,

progress,

video {

  display: inline-block;

  vertical-align: baseline;

}



audio:not([controls]) {

  display: none;

  height: 0;

}



[hidden],

template {

  display: none;

}



a {
  font-family: 'Roboto', sans-serif;
  background-color: transparent;

}



a:active,

a:hover {

  outline: 0;

}



dfn {

  font-style: italic;

}



mark {

  background: #ff0;

  color: #000;

}



small {

  font-size: 80%;

}



sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sup {

  top: -0.5em;

}



sub {

  bottom: -0.25em;

}



img {

  border: 0;

}



svg:not(:root) {

  overflow: hidden;

}



figure {

  margin: 1em 2.5rem;

}



hr {

  box-sizing: content-box;

  height: 0;

}



button {

  overflow: visible;

}



button,

select {

  text-transform: none;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  cursor: pointer;

}



button[disabled],

html input[disabled] {

  cursor: default;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}



input {

  line-height: normal;

}



input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box;

  padding: 0;

}



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto;

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}



legend {

  border: 0;

  padding: 0;

}



textarea {

  overflow: auto;

}



optgroup {

  font-weight: bold;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



td,

th {

  padding: 0;

}



/*--------------------------------------------------------------

# Typography

--------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {

  clear: both;

  color: #24292e;

  font-weight: 600;

  margin-top: 24px;

  margin-bottom: 15px;
  font-family: 'Roboto', sans-serif;
}

h1 {
    font-weight: 400;
  font-size: 32px;

  padding-bottom: 10px;

}

h2 {

  font-size: 24px;

  padding-bottom: 0.3em;

  line-height: 1.25;

}

h3 {

  font-size: 18px;

  line-height: 25px;

}

h4 {

  font-size: 16px;

  line-height: 20px;

}

h5 {

  font-size: 14px;

  line-height: 17.5px;

}



p {

  margin-bottom: 0.5em;
  font-size: 16px;

}

h1.entry-title {
    font-size: 30px;
    border-bottom: 1px solid #eaecef;
    padding-bottom: 10px !important;
}

h2.entry-title {

  border-bottom: 1px solid #eaecef;

}

h3.widget-title {

  font-size: 1.2rem;

}



/*--------------------------------------------------------------

# Elements

--------------------------------------------------------------*/

body {

  background: #fff;

  /* Fallback for when there is no custom background color defined. */

}



img {

  height: auto;

  /* Make sure images are scaled correctly. */

  max-width: 100%;

  /* Adhere to container width. */

}



figure {

  margin: 1em 0;

  /* Extra wide images within figure tags don't overflow the content area. */

}



table {

  margin: 0 0 1.5em;

  width: 100%;

}



/*--------------------------------------------------------------

# Forms

--------------------------------------------------------------*/

/*--------------------------------------------------------------

# Navigation

--------------------------------------------------------------*/





.navbar-brand > a {

  color: rgba(0, 0, 0, 0.9);

  font-size: 1.1rem;

  outline: medium none;

  text-decoration: none;

  color: #fff;

  font-weight: 700;

}



.navbar-brand > a:visited, .navbar-brand > a:hover {

  text-decoration: none;

}



#page-sub-header {

  position: relative;


  padding-bottom: 0;

  text-align: center;

  font-size: 1.25rem;

  background-size: cover !important;

}



body:not(.theme-preset-active) #page-sub-header h1 {

  line-height: 1.6;

  font-size: 4rem;

  color: #563e7c;

  margin: 0 0 1rem;

  border: 0;

  padding: 0;

}



#page-sub-header p {

  margin-bottom: 0;

  line-height: 1.4;

  font-size: 1.25rem;

  font-weight: 300;

}

body:not(.theme-preset-active) #page-sub-header p {

  color: #212529;

}

a.page-scroller {

  color: #333;

  font-size: 2.6rem;

  display: inline-block;

  margin-top: 2rem;

}



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

  body:not(.theme-preset-active) #page-sub-header h1 {

    font-size: 3.750rem;

  }

  body:not(.theme-preset-active) #page-sub-header {

    font-size: 1.25rem;

  }

}

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

  #page-sub-header p {

    max-width: 43rem;

    margin: 0 auto;

  }

}

/*--------------------------------------------------------------

## Links

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Menus

--------------------------------------------------------------*/

#masthead nav {

  padding-left: 0;

  padding-right: 0;

}



body:not(.theme-preset-active) #masthead .navbar-nav > li > a {

  color: #fff;

  padding: 0.5rem;

  font-weight: 500;

  font-size: 0.875rem;

}



body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,

body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {

  color: #fff;


  /*background: #f9f9f9;*/

}



.navbar-brand {

  height: auto;

}



.navbar-toggle .icon-bar {

  background: #000 none repeat scroll 0 0;

}



.dropdown-menu .dropdown-toggle::after {

  border-bottom: 0.3em solid transparent;

  border-left: 0.3em solid;

  border-top: 0.3em solid transparent;

}



/* Small menu. */

.menu-toggle,

.main-navigation.toggled ul {

  display: block;

}



.dropdown-item {

  line-height: 1.2;

  padding-bottom: 0.313rem;

  padding-top: 0.313rem;

}



.dropdown-menu {

  min-width: 12.500rem;

}



.dropdown .open .dropdown-menu {

  display: block;

  left: 12.250em;

  top: 0;

}



.dropdown-menu .dropdown-item {

  white-space: normal;

  background: transparent;

  line-height: 1.6;

}

.dropdown-menu .dropdown-item:hover {

  background: transparent;

}



@media screen and (min-width: 37.5em) {

  .menu-toggle {

    display: none;

  }

}

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

  .dropdown-menu li > .dropdown-menu {

    right: -9.875rem;

    top: 1.375rem;

  }

}

@media screen and (max-width: 991px) {

  .navbar-nav .dropdown-menu {

    border: medium none;

    margin-left: 1.250rem;

    padding: 0;

  }



  .dropdown-menu li a {

    padding: 0;

  }



  #masthead .navbar-nav > li > a {

    padding-bottom: 0.625rem;

    padding-top: 0.313rem;

  }



  .navbar-light .navbar-toggler {

    border: medium none;

    outline: none;

  }

}

.site-main .comment-navigation,

.site-main .posts-navigation,

.site-main .post-navigation {

  margin: 0 0 1.5em;

  overflow: hidden;

}



.comment-navigation .nav-previous,

.posts-navigation .nav-previous,

.post-navigation .nav-previous {

  float: left;

  width: 50%;

}



.comment-navigation .nav-next,

.posts-navigation .nav-next,

.post-navigation .nav-next {

  float: right;

  text-align: right;

  width: 50%;

}

.comment-content.card-block {

  padding: 20px;

}



.navigation.post-navigation {

  padding-top: 1.875rem;

}



.post-navigation .nav-previous a,

.post-navigation .nav-next a {

  border: 1px solid #ddd;

  border-radius: 0.938rem;

  display: inline-block;

  padding: 0.313rem 0.875rem;

  text-decoration: none;

}



.post-navigation .nav-next a::after {

  content: " \2192";

}



.post-navigation .nav-previous a::before {

  content: "\2190 ";

}



.post-navigation .nav-previous a:hover,

.post-navigation .nav-next a:hover {

  background: #eee none repeat scroll 0 0;

}



/*--------------------------------------------------------------

# Accessibility

--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {

  clip: rect(1px, 1px, 1px, 1px);

  position: absolute !important;

  height: 1px;

  width: 1px;

  overflow: hidden;

  word-wrap: normal !important;

  /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}

.screen-reader-text:focus {

  background-color: #f1f1f1;

  border-radius: 3px;

  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  clip: auto !important;

  color: #21759b;

  display: block;

  font-size: 14px;

  font-size: 0.875rem;

  font-weight: bold;

  height: auto;

  left: 0.313rem;

  line-height: normal;

  padding: 0.938rem 1.438rem 0.875rem;

  text-decoration: none;

  top: 0.313rem;

  width: auto;

  z-index: 100000;

  /* Above WP toolbar. */

}



/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {

  outline: 0;

}



/*--------------------------------------------------------------

# Alignments

--------------------------------------------------------------*/

.alignleft {

  display: inline;

  float: left;

  margin-right: 1.5em;

}



.alignright {

  display: inline;

  float: right;

  margin-left: 1.5em;

}



.aligncenter {

  clear: both;

  display: block;

  margin-left: auto;

  margin-right: auto;

}



a img.alignright {

  float: right;

  margin: 0.313rem 0 1.25rem 1.25rem;

}



a img.alignnone {

  margin: 0.313rem 1.25rem 1.25rem 0;

}



a img.alignleft {

  float: left;

  margin: 0.313rem 1.25rem 1.25rem 0;

}



a img.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.wp-caption.alignnone {

  margin: 0.313rem 1.25rem 1.25rem 0;

}



.wp-caption.alignleft {

  margin: 0.313rem 1.25rem 1.25rem 0;

}



.wp-caption.alignright {

  margin: 0.313rem 0 1.25rem 1.25rem;

}



/*--------------------------------------------------------------

# Clearings

--------------------------------------------------------------*/

.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after {

  content: "";

  display: table;

  table-layout: fixed;

}



.clear:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after {

  clear: both;

}



/*--------------------------------------------------------------

# Widgets

--------------------------------------------------------------*/

.widget {

  margin: 0 0 1.5em;

  font-size: 0.875rem;

  /* Make sure select elements fit in widgets. */

}

.widget select {

  max-width: 100%;

}



.widget_search .search-form input[type="submit"] {

  display: none;

}



.nav > li > a:focus,

.nav > li > a:hover {

  background-color: #eee;

  text-decoration: none;

}

.half-rule {

  width: 6rem;

  margin: 2.5rem 0;

}

.widget_categories .nav-link {

  display: inline-block;

}



/*--------------------------------------------------------------

# Content

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Posts and pages

--------------------------------------------------------------*/





.sticky .entry-title::before {

  content: '\f08d';

  font-family: "Font Awesome\ 5 Free";

  font-size: 1.563rem;

  left: -2.5rem;

  position: absolute;

  top: 0.375rem;

  font-weight: 900;

}



.sticky .entry-title {

  position: relative;

}



.single .byline,

.group-blog .byline {

  display: inline;

}



.page-content,

.entry-content,

.entry-summary {

  margin: 1.5em 0 0;

}



.page-links {

  clear: both;

  margin: 0 0 1.5em;

}



.page-template-blank-page .entry-content,

.blank-page-with-container .entry-content {

  margin-top: 0;

}



.post.hentry {

  margin-bottom: 4rem;

}



.posted-on, .byline, .comments-link {

  color: #9a9a9a;

}



.entry-title > a {

  color: inherit;

}



/*--------------------------------------------------------------

## Comments

--------------------------------------------------------------*/

.comment-content a {

  word-wrap: break-word;

}



.bypostauthor {

  display: block;

}



.comment-body .pull-left {

  padding-right: 0.625rem;

}



.comment-list .comment {

  display: block;

}



.comment-list {

  padding-left: 0;

}



.comments-title {

  font-size: 1.125rem;

}



.comment-list .pingback {

  border-top: 1px solid rgba(0, 0, 0, 0.125);

  padding: 0.563rem 0;

}



.comment-list .pingback:first-child {

  border: medium none;

}



/*--------------------------------------------------------------

# Infinite scroll

--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,

.infinite-scroll.neverending .site-footer {

  /* Theme Footer (when set to scrolling) */

  display: none;

}



/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {

  display: block;

}



/*--------------------------------------------------------------

# Media

--------------------------------------------------------------*/

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

  border: none;

  margin-bottom: 0;

  margin-top: 0;

  padding: 0;

}



/* Make sure embeds and iframes fit their containers. */

embed,

iframe,

object {

  max-width: 100%;

}



/*--------------------------------------------------------------

## Captions

--------------------------------------------------------------*/

.wp-caption {

  background: #f1f1f1 none repeat scroll 0 0;

  border: 1px solid #f0f0f0;

  max-width: 96%;

  padding: 0.313rem 0.313rem 0;

  text-align: center;

}

.wp-caption img[class*="wp-image-"] {

  border: 0 none;

  height: auto;

  margin: 0;

  max-width: 100%;

  padding: 0;

  width: auto;

}

.wp-caption .wp-caption-text {

  font-size: 0.688rem;

  line-height: 1.063rem;

  margin: 0;

  padding: 0.625rem;

}



.wp-caption-text {

  text-align: center;

}



/*--------------------------------------------------------------

## Galleries

--------------------------------------------------------------*/

.gallery {

  margin-bottom: 1.5em;

}



.gallery-item {

  display: inline-block;

  text-align: center;

  vertical-align: top;

  width: 100%;

}

.gallery-item .gallery-columns-2 {

  max-width: 50%;

}

.gallery-item .gallery-columns-3 {

  max-width: 33.33333%;

}

.gallery-item .gallery-columns-4 {

  max-width: 25%;

}

.gallery-item .gallery-columns-5 {

  max-width: 20%;

}

.gallery-item .gallery-columns-6 {

  max-width: 16.66667%;

}

.gallery-item .gallery-columns-7 {

  max-width: 14.28571%;

}

.gallery-item .gallery-columns-8 {

  max-width: 12.5%;

}

.gallery-item .gallery-columns-9 {

  max-width: 11.11111%;

}



.gallery-caption {

  display: block;

}



/*--------------------------------------------------------------

# Plugin Compatibility

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Woocommerce

--------------------------------------------------------------*/

.woocommerce-cart-form .shop_table .coupon .input-text {

  width: 8.313rem !important;

}



.variations_form .variations .value > select {

  margin-bottom: 0.625rem;

}



.woocommerce-MyAccount-content .col-1,

.woocommerce-MyAccount-content .col-2 {

  max-width: 100%;

}



/*--------------------------------------------------------------

## Elementor

--------------------------------------------------------------*/

.elementor-page article .entry-footer {

  display: none;

}



.elementor-page.page-template-fullwidth #content.site-content {

  padding-bottom: 0;

  padding-top: 0;

}



.elementor-page .entry-content {

  margin-top: 0;

}



/*--------------------------------------------------------------

## Visual Composer

--------------------------------------------------------------*/

.vc_desktop article .entry-footer {

  display: none;

}



.vc_desktop #content.site-content {

  padding-bottom: 0;

  padding-top: 0;

}



.vc_desktop .entry-content {

  margin-top: 0;

}



/*--------------------------------------------------------------

# Footer

--------------------------------------------------------------*/

footer#colophon {

  font-size: 85%;

}

body:not(.theme-preset-active) footer#colophon {

  color: #99979c;

  background-color: #f7f7f7;

}

.navbar-dark .site-info {

  color: #fff;

}

.copyright {

  font-size: 0.875rem;

  margin-bottom: 0;

  text-align: center;

}



.copyright a, footer#colophon a {

  color: inherit;

}



@media screen and (max-width: 767px) {

  #masthead .navbar-nav > li > a {

    padding-bottom: 0.938rem;

    padding-top: 0.938rem;

  }

}

/*--------------------------------------------------------------

# Media Query

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Notebook

--------------------------------------------------------------*/

@media only screen and (max-width: 1280px) {

  html {

    font-size: 95%;

  }

}



@media screen and (max-width: 1199px) {

  .navbar-dark .dropdown-item {

    color: #fff;

  }

  .navbar-nav .dropdown-menu {

    background: transparent;

    box-shadow: none;

    border: none;

  }

}

/*--------------------------------------------------------------

## Netbook

--------------------------------------------------------------*/

@media only screen and (max-width: 1024px) {

  html {

    font-size: 90%;

  }

}

/*--------------------------------------------------------------

## iPad

--------------------------------------------------------------*/

@media only screen and (max-width: 960px) {

  html {

    font-size: 85%;

  }

}

/*--------------------------------------------------------------

## iPad

--------------------------------------------------------------*/

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

  html {

    font-size: 80%;

  }

}

/*--------------------------------------------------------------

## iPad

--------------------------------------------------------------*/

@media only screen and (max-width: 480px) {

  html {

    font-size: 75%;

  }

}


.flex-direction-nav .flex-prev {
    left: 0 !important;
}







/**  ------------------------- Site Content ----------------- **/


/**  ------------------------- Acasa ----------------- **/
.container-custom {
  max-width: 1635px;
  margin: 0 auto;
}

.menu-full-b {
  background: #1B1D2D;
}



#main-nav li a {
  text-transform: uppercase;
  font-size: 12px !important;
  letter-spacing: 0.83px;
  font-family: BwNistaInt-600 !important;
}

.menu-full-b {
  background: #1B1D2D;
  padding: 29px 0;
  z-index: 99;
  position: relative;
}
#main-nav li:last-child a{
  background: transparent linear-gradient(289deg, #9813F8 0%, #00E0FF 100%) 0% 0% no-repeat padding-box;
  border-radius: 26px;
  margin-left:126px;

}
#main-nav li a {
  padding: 16px 27px !important;
}

.content-top-head-pag span {
  border-left: 2px solid #576EF2;
  font-family: BwNistaInt-600 !important;
  font-size: 12px;
  color: #1B1D2D;
  letter-spacing: 4.69px;
  padding: 8px 12px;
}

.content-top-head-pag h1{
  color: #1B1D2D;
  font-family: BwNistaInt-900 !important;
  font-size: 72px;
  line-height: 90px;
  margin-top: 47px;
  margin-bottom: 4px;
}

.content-top-head-pag p{
  color: #1B1D2D;
  font-size: 16px;
  line-height: 28px;
  max-width: 88%;
}

.content-top-head-pag a {
  border: 2px solid #576EF2;
  padding: 17px 37px;
  display: inline-block;
  border-radius: 51px;
  font-family: BwNistaInt-600 !important;
  letter-spacing: 0.83px;
  color: #576EF2;
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 47px;
}

.relativ {
  position: relative;
}
.cerc-head-abs {
  position: absolute;
  right: -444px;
  top: -59px;
}

.morph-svg-1{
  position: absolute;
  right: -539px;
  top: 35px;

}
.lapt-heaad-abs {
  position: absolute;
  z-index: 1;
  right: 21px;
  top: 23px;
}
.content-top-head-pag {
  padding-top: 325px;
  z-index: 2;
  position: relative;
}

.head-top-pag {
  padding-bottom: 68%;
}



.content-top-head-pag a{
  position:relative;
  overflow:hidden;
}
.content-top-head-pag a:hover{
  color: #fff;
}
.content-top-head-pag a::before{
  content:"";
  position:absolute;
  width:400px;
  height:400px;
  left:15%;
  transform:translateX(-50%);
  border-radius:40%;

  z-index:-1;
}
.content-top-head-pag a:hover::before{
  background:#576EF2;
  animation:fill 2s ease-in-out infinite;
}

@keyframes fill {
  from {
    top:250px;
    transform:translateX(-50%) rotate(0deg);
  }
  to {
    top:-50px;
    transform:translateX(-50%) rotate(360deg);
  }
}






.btn:hover {
  color: #fcfcfc;
}
.btn-color {
  border-color: #576EF2;
  color: #576EF2;
}
.btn-color::before, .btn-color::after {
  background: #576EF2;
}
.btn::before, .btn::after {
  content: '';
  position: absolute;
  z-index: -1;
  transition: all 0.35s cubic-bezier(1, 0, 0, 1);
}
.btn-l-r::after {
  height: 100%;
  width: 0;
  top: 0;
}
.btn-l-r:hover::after {
  width: 100%;
}
.btn-l-r::after {
  left: 0;
}
/* from Liam Sheppard pen */
/* https://codepen.io/liamsheppard/pen/NGVQOE */
/* ------ another one ------ */
/* ------ this one uses an bg image ------ */
.btnFillup {
  border: 2px solid #576EF2;
  padding: 17px 37px;
  display: inline-block;
  border-radius: 51px;
  font-family: BwNistaInt-900 !important;
  letter-spacing: 0.83px;
  color: #576EF2;
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 47px;
  overflow: hidden;
  text-decoration: none;
  background-position: 0 -100%;
  background-repeat: repeat-x;
  transition: background-position 1.5s ease;
}
.btnFillup:hover {
  background-position: 100% 50%;
  border-color: #576EF2;
  color: #fcfcfc;
}



.liquidbg {
  background-image: url('./img/hover-btn.png');
}




/* courtesy of */
  /* https://codepen.io/stenno/ */



.title-ajutam h2{
  color: #1B1D2D;
  text-shadow: 0px 40px 40px #0000000D;
  font-size: 53px;
  font-family: BwNistaInt-900 !important;
  margin-bottom: 9px;
}
.title-ajutam p{
  color: #1B1D2D;
  font-size: 16px;
  line-height: 28px;
}
.title-ajutam {
  max-width: 42%;
  margin-bottom: 17px;
}

.box-ajutam{
  background: #FFFFFF;
  box-shadow: 0px 10px 25px #92929229;
  border-radius: 67px;
  text-align: center;
  padding: 44px 60px;
  margin-top: 60px;
}

.box-ajutam h3{
  margin-top: 27px;
  font-size: 36px;
  font-family: BwNistaInt-900 !important;
  color: #1B1D2D;
}

.box-ajutam p{
  color: #1B1D2D;
  font-size: 16px;
  line-height: 28px;
}

.box-ajutam a{
  background: transparent linear-gradient(282deg, #9813F8 0%, #00E0FF 100%) 0% 0% no-repeat padding-box;
  border-radius: 26px;
  text-transform: uppercase;
  font-family: BwNistaInt-900 !important;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0.83px;
  padding: 15px 0;
  display: block;
  margin-top: 36px;

}




.box-ajutam hr {
  border-color: #EDEDF0;
  width: 87px;
  border-width: 2px;
  padding-bottom: 10px;
  margin-top: 19px;
}


.box-ajutam img {
  margin-bottom: 0;
  margin-top: 43px;
}
.te-ajutam {
  padding-bottom: 51px;
  padding-top: 158px;
  margin-top: -440px;
}



.autam-back-abs {
  position: absolute;
  bottom: -16px;
  left: -12%;
}

#page {
  overflow: hidden;
  position: relative;
}

.back-indrumare{
  background: transparent linear-gradient(282deg, #9813F8 0%, #00E0FF 100%) 0% 0% no-repeat padding-box;
  border-radius: 30px;
  padding: 43px;
}
.back-indrumare:hover {
  background: transparent linear-gradient(282deg, #00E0FF 0%, #9813F8 100%) 0% 0% no-repeat padding-box;
}
.title-indr h4 {
  font-size: 36px;
  color: #fff;
  font-family: BwNistaInt-900 !important;
  line-height: 48px;
  margin: 0;
}

.content-indr p {
  font-size: 16px;
  color: #fff;
  line-height: 28px;
}

.btn-indr a {
  background: transparent linear-gradient(282deg, #9813F8 0%, #00E0FF 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 99px #92929229;
  border-radius: 26px;
  text-transform: uppercase;
  font-family: BwNistaInt-600 !important;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0.83px;
  z-index: 2;
  padding: 17px 35px;
  margin-top: 22px;
  display: inline-block;
  position: relative;

}
.btn-indr {

  text-align: center;
}

.indrumare {
  margin-top: 252px;
}
.back-indrumare {
position: relative;
}
.img-btn-22  {
  position: absolute;
  top: 160px;
  right: -7px;

}





.work-box .tile {
  display: inline-block;
  margin: 10px;
  text-align: left;
  opacity: .99;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}
.work-box .tile:before {
  content: '';
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  height: 66%;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  transition-property: top, opacity;
  transition-duration: 0.3s;
}
.work-box .tile img {
  display: block;
  max-width: 100%;
  backface-visibility: hidden;
}
.work-box .tile .details {
  font-size: 16px;
  padding: 20px;
  color: #fff;
  position: absolute;
  max-width: 100% !important;
  bottom: 27px;
  left: 0;
  z-index: 3;
  width: 100%;
  text-align: center;
}
.work-box .tile .details span {
  display: block;
  opacity: 0;
  position: relative;
  top: 100px;
  transition-property: top, opacity;
  transition-duration: 0.3s;
  transition-delay: 0s;
}
.work-box .tile .details .title {
  font-weight: 600;
  font-size: 29px;
  font-family: BwNistaInt-900 !important;
  line-height: 36px;
  text-align: center;
}
.work-box .tile .details .info {
  line-height: 1.2;
  margin-top: 5px;
  font-size: 12px;
}
.work-box .tile:focus:before,
.work-box .tile:focus span,
.work-box .tile:hover:before,
.work-box .tile:hover span {
  opacity: 1;
}
.work-box .tile:focus:before,
.work-box .tile:hover:before {
  top: 34%;
}
.work-box .tile:focus span,
.work-box .tile:hover span {
  top: 0;
}
.work-box .tile:focus .title,
.work-box .tile:hover .title {
  transition-delay: 0.15s;
}
.work-box .tile:focus .info,
.work-box .tile:hover .info {
  transition-delay: 0.25s;
}


.details hr{
  border-color: #fff;
  width: 43px;
  border-width: 2px;
  padding-bottom: 0;
  margin-top: 6px;
}


.title-work-home h3{
  color: #1B1D2D;
  font-size: 75px;
  font-family: BwNistaInt-900 !important;
}

.title-work-home p{
  color: #1B1D2D;
  font-size: 16px;
  margin-top: 53px;
  line-height: 28px;
}

.title-work-home {
  max-width: 43%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 66px;
}
.our-work-abs img {
  position: absolute;
  left: -775px;
  bottom: -201px;
}

.our-work-home {
  padding-top: 157px;
}

.work-btn .fill-wrap {
  text-align: center;
}

.wrap.work-btn {
  margin-top: 17px;
}

.about-benefici ul li {
  background-image: url(./img/checkbox.png);
  background-repeat: no-repeat;
  background-position: 0px 1px;
  padding-left: 42px;
  margin-bottom: 12px;
  list-style-type: none;
}

.titl-about h3{
  font-size: 53px;
  color: #1B1D2D;
  font-family: BwNistaInt-900 !important;
}

.titl-about p{
  color: #1B1D2D;
  font-size: 16px;
  line-height: 28px;
  margin-top: 43px;
  max-width: 91%;
}

.about-benefici {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 31px 73px #92929229;
  border-radius: 31px;
  padding: 48px 74px;
  max-width: 83%;
  margin-top: 88px;
}
.about-benefici ul {
  padding: 0;
  margin-top: 30px;
}

.about-benefici h4{
  font-size: 36px;
  font-family: BwNistaInt-900 !important;
  color: #1B1D2D;
}

.about-benefici hr{
  border-color: #EDEDF0;
  width: 70px;
  border-width: 2px;
  margin-left: 0;
  padding-bottom: 10px;
  margin-top: 23px;
}

.about-benefici ul li{
  font-size: 16px;
  margin-bottom: 12px;
}


.ce-obtii{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 31px 73px #92929229;
  border-radius: 31px;
  padding: 48px 74px;
  max-width: 62%;
  margin-top: 88px;
}

.ce-obtii ul li{
  background-image: url(./img/checkbox.png);
  background-repeat: no-repeat;
  background-position: 0px 1px;
  padding-left: 42px;
  margin-bottom: 12px;
  list-style-type: none;
  font-size: 16px;

}

.ce-obtii ul{
  padding: 0;
}

.ce-obtii hr{
  border-color: #EDEDF0;
  width: 70px;
  border-width: 2px;
  margin-left: 0;
  padding-bottom: 10px;
  margin-top: 23px;
}

.ce-obtii ul{
  font-size: 36px;
  font-family: BwNistaInt-900 !important;
  color: #1B1D2D;
}

.sunt-cont-obtii {
  max-width: 61%;
  padding-left: 30px;
  margin-top: 50px;

}

.sunt-cont-obtii  p{
  color: #1B1D2D;
  font-size: 16px;
  line-height: 28px;
}

.sunt-cont-obtii a{
  color: #576EF2;
  text-decoration: underline;
}

.ce-obtii h4 {
  font-size: 36px;
  font-family: BwNistaInt-900 !important;
  color: #1B1D2D;
}

.img-abs-despre img {
  position: absolute;
  top: -23px;
  right: -24%;
}
.z-index {
  z-index: 1;
}


.img-title-testimonial{

  text-align: center;
}
.content-testimonial h3{
  color: #1B1D2D;
  font-size: 53px;
  font-family: BwNistaInt-900 !important;
}
.content-testimonial ul{
  padding: 0;
}
.content-testimonial ul li {
  background-image: url(./img/checkbox.png);
  background-repeat: no-repeat;
  background-position: 0px 1px;
  padding-left: 42px;
  margin-bottom: 29px;
  list-style-type: none;
  font-size: 16px;
}
.content-testimonial a{
  background: transparent linear-gradient(282deg, #9813F8 0%, #00E0FF 100%) 0% 0% no-repeat padding-box;
  border-radius: 26px;
  text-transform: uppercase;
  font-family: BwNistaInt-600 !important;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0.83px;
  padding: 15px 53px;
  display: inline-block;
  margin-top: 36px;
}
.content-testimonial a:hover, .box-ajutam a:hover, .btn-indr a:hover, .btn-bakk-full a:hover{
  background: transparent linear-gradient(282deg, #00E0FF 0%, #9813F8 100%) 0% 0% no-repeat padding-box;
}
.content-testimonial h3 {
  margin-bottom: 75px;
}
.content-testimonial ul {
  max-width: 53%;
}
.content-testimonial {
  margin-top: -184px;
}





.img-top-footer-22  {
  position: absolute;
  top: 183px;
  left: 73px;

}


.title-caz-st h3 {
  font-size: 107px;
  color: #1B1D2D;
  font-family: BwNistaInt-900 !important;

}
.title-caz-st {
  text-align: right;
}
.title-caz-st span{
  color: #1B1D2D;
  font-family: BwNistaInt-900 !important;
  font-size: 71px;

}




.btn-bakk-full a {
  background: transparent linear-gradient(282deg, #9813F8 0%, #00E0FF 100%) 0% 0% no-repeat padding-box;
  border-radius: 26px;
  text-transform: uppercase;
  font-family: BwNistaInt-600 !important;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0.83px;
  padding: 15px 53px;
  display: inline-block;
  margin-top: 36px;
}

.cpntent-caz-st {
  padding: 62px;
}
.studii-caz.clearfix {
  margin-top: 206px;
}

.img-caz-st img {
  position: absolute;
  top: -108px;
  z-index: 2;
  right: 30px;
}


.footer-top:before {
  content: "";
  width: 100%;
  height: 170px;
  background-image: url(./img/footer.png);
  background-repeat: repeat;
  background-size: auto;
  top: -166px;
  position: absolute;
  background-position-x: -157px;
  display: inline-block;
  background-repeat: repeat;
  background-size: auto;
}
.footer-top {
  min-height: 290px;
  background-repeat: no-repeat;
  background-position: top;
  padding-bottom: 50px;
  position: relative;
  padding-top: 50px;
  background-color: #1B1D2D !important;
  margin-top: 213px;
}


.desc p{
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 36px;
}
.logo-footer {
  margin-bottom: 51px;
}
.desc span {
  font-size: 11px;
  color: #fff;
  line-height: 16px;
  margin-top: 15px;
  display: block;
}

.desc span a{
  font-weight:500;
  text-decoration: underline;
  color: #fff;
}

.fot-cent-right h4, .pagini h4 {
  color: #FFFFFF;
  font-size: 36px;
  font-family: BwNistaInt-900 !important;

}

.fot-cent-right hr, .pagini hr{
  border-color: #EDEDF0;
  width: 70px;
  border-width: 2px;
  margin-left: 0;
  padding-bottom: 10px;
  margin-top: 23px
}

.social hr{
  border-color: #EDEDF0;
  width: 70px;
  border-width: 2px;
  margin-left: 0;
  padding-bottom: 0px;
  margin-top: 6px
}

.box-left-fot-cent p {
  font-family: BwNistaInt-Rg !important;
  color: #FFFFFF;
 line-height: 38px;
  font-size: 17px;
  margin-bottom: 7px;
}

.box-left-fot-cent p  a{
  color: #FFFFFF;
  line-height: 38px;
  font-size: 17px;
}

.social h3{
  font-family: BwNistaInt-Rg !important;
  font-size: 17px;
  color: #FFFFFF;
  margin: 0;
}

.social ul {
  padding: 0;
}

.social ul li {
  display: inline-block;
  margin:  6px;
  transition: all 0.3s ease-in-out 0s;
}

.social ul li:first-child{
  margin-left: 0;
}
.social {
  margin-top: 16px;
  position: relative;
}

.padding-custom-footer-cet {
  padding-left: 0;
  padding-right: 128px;
}

.social ul li:hover {
  position: relative;

  transform: translateY(-10px);
}



.pagini ul{
  padding: 0;
}

.pagini ul li {
  list-style: none;
  margin-bottom: 20px;
}

.pagini ul li a{
  color: #fff;
  font-size: 17px;
  line-height: 38px;

  font-family: BwNistaInt-Rg !important;
}

.pagini ul {
  display: inline-block;
}


.pagini ul:first-child{
  padding-right: 100px;
}



.footer-top .padding-right-foot {
  padding-right: 114px;
}



.pagini::after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 1px;
  border-color: #fff transparent;
  display: block;
  height: 167px;
  z-index: 1;
  background: #fff;
  margin-left: -16px;
  top: 119px;
  left: -13%;
}

.box-left-footer-pad {
  padding-right: 150px;
}






.services_icon_wrapper {
  --b:2px;  /* border width*/


  display: inline-block;
  width:150px;
  position:relative;
  z-index:0;
}

.services_icon_wrapper:before {

  background: var(--c,linear-gradient(to right, #00E0FF, #9813F8));
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--b) - 1px),#fff calc(100% - var(--b)));
  mask:radial-gradient(farthest-side,transparent calc(100% - var(--b) - 1px),#fff calc(100% - var(--b)));
  border-radius:50%;
  z-index: 1;
}





/**  ------------------------- buton  hover cerc home page ----------------- **/







#softlab_services_5f339db18b5bf .services_icon_wrapper {
 border: transparent;
}





.softlab_module_services_3 .services_icon_wrapper {
  position: relative;
  z-index: 1;
  width: 138px;
  height: 138px;
  line-height: 110px;
  font-size: 42px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  border: 1px solid CurrentColor;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  box-sizing: content-box;
  border-radius: 50%;
}


#softlab_services_5f339db18b5bf .services_icon_wrapper {
  color: red;
}

.softlab_module_services_3 .services_wrapper {
  text-align: center;
}

.softlab_module_services_3 .services_icon_wrapper .services_circle_wrapper {
  width: 81%;
  height: 81%;
  left: 9%;
  top: 18%;
}
.services_circle_wrapper {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}


.softlab_module_services_3 .services_icon_wrapper .services_circle_wrapper:nth-child(1) {
  transform: rotate(0deg);
  animation: service_hexagon_1 4s infinite linear;
  animation-play-state: paused; }
.softlab_module_services_3 .services_icon_wrapper .services_circle_wrapper:nth-child(2) {
  transform: rotate(180deg);
  animation: service_hexagon_2 4s infinite linear;
  animation-play-state: paused; }
.softlab_module_services_3 .services_icon_wrapper .services_circle_wrapper .services_circle {
  width: 16px;
  height: 16px;
  border-radius: 50%; }
.softlab_module_services_3 .services_icon_wrapper:before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  top: 10%;
  width: 100%;
  height: 100%;

  border-radius: 50%;
  opacity: 1; }

.softlab_module_services_3 .services_wrapper:hover .services_circle_wrapper:nth-child(1), .softlab_module_services_3 .services_wrapper:hover .services_circle_wrapper:nth-child(2) {
  animation-play-state: running; }
.softlab_module_services_3 .services_button {
  margin-left: 0; }
.services_circle_wrapper {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
.services_circle_wrapper .services_circle {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0; }
@keyframes service_hexagon_1 {
  0% {
    transform: rotate(90deg); }
  100% {
    transform: rotate(450deg); } }
@keyframes service_hexagon_2 {
  0% {
    transform: rotate(-90deg); }
  100% {
    transform: rotate(270deg); } }



/**  ------------------------- End buton  hover cerc home page ----------------- **/






.rotate {
/*  animation-name: spin;              Rotate none*/
  animation-duration: 100000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transition: rotate(360deg);
}

@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}




/**  ------------------------- End Acasa ----------------- **/