/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background: #11498F;
  border-radius: 20px;
}
::-webkit-scrollbar-track {
  background: #ddd;
  border-radius: 20px;
}

html {
    scrollbar-color: #1081c5 #11498F;
    scrollbar-width: thin;
}

p {
  color:#555;
}

#header-space{
   display:none;    
}
header#top nav > ul > li > a {
  text-transform: uppercase;
}

body[data-button-style^="rounded"] .nectar-button.medium:not(.see-through):not(.see-through-2):not(.see-through-3) {
    margin: 2px 0 0 20px;
}
.divider-border {
    margin: 35px auto 35px auto;
    background-color: #ddd;
    height: 1px;
}
#header-outer {
    width: 100%;
    position: relative!important; 
    padding: 28px 0 0 0;
    background-color: #fff;
    z-index: 9999;
    overflow: visible;
}
body[data-bg-header="true"].blog .container-wrap {
    padding-top: 3.1em!important;
}

#ajax-content-wrap .vc_row.top_margin_0px {
    margin-top: 3.1em;
}

#breadcrumbs {
  display:none;
}

.swiper-slide[data-x-pos="centered"] .content {
    text-align: center;
}
    
#top {
    position: relative;
    z-index: 9995;
    width: 100%;
    margin: 0;
    padding:35px 0 0 0;
    background:#fff;
    border-bottom:1px solid #ddd;
}
@media only screen and (min-width: 1400px) and (max-width: 1490px) {  
#top .container {
   padding: 0 40px!important;
}
}

@media only screen and (min-width: 768px) and (max-width: 5600px){
.swiper-wrapper .slider-down-arrow {
    bottom: 210px!important;
}

}


@media only screen and (min-width: 1400px) and (max-width: 3840px) {
    
	ul li.sageata {
		margin-right: 15px;
	}
	ul li.sageata::before {
		content: '\f078';
		font-family: FontAwesome;
		text-decoration: none;
		position: absolute;
		right: -8px;
		top: 50%;
	    font-size: 12px;
	    color: #888;
	}
	ul#menu-lang-top > ul li.sageata::before {display:none!important;}
	

}
@media only screen and (min-width: 1000px) and (max-width: 1400px) {
    
	ul li.sageata {
		margin-right: 15px;
	}
	ul li.sageata::before {
		content: '\f078';
		font-family: FontAwesome;
		text-decoration: none;
		position: absolute;
		right: -8px;
		top: 50%;
	    font-size: 12px;
	    color: #888;
	}
}

@media screen and (min-width: 1001px) {
	.sf-menu .pll-parent-menu-item{
	    position: absolute;
	    top: 5px;
	    right: -32px;
	    z-index: 100;
	 }
	 .sf-menu .menu-item a span{
	   margin-top:4px;
	 }
	 ul#menu-lang-top.sageata::before{display:none;}
}

.sf-menu .pll-parent-menu-item a.sf-with-ul{
	padding-right: 5px!important;
	display: flex;
}
.sf-menu .pll-parent-menu-item a.sf-with-ul:before{
	content: '\f0d7';
	font-family: fontawesome;
	position: absolute;
	top:6px;
	right: -7px;
}


.inner-wrap{
  padding:0;
}

article.post .post-meta .day {
    display: block;
    font-size: 30px;
    line-height: 29px;
    text-align: center;
    padding: 0px 12px 0px 12px;
    font-family: 'Open Sans';
    font-weight: 700;
    text-transform: uppercase;
    color: #083f78;
}
article.post .post-meta .month, 
article.post .post-meta .year {
    display: block;
    font-size: 17px;
    line-height: 10px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 4px;
    padding: 0px;
    font-family: 'Open Sans';
    font-weight: 600;
    color: #083f78;
}

.post .post-header a:hover {
    color: #0a6bd4 !important;
}

article.post .more-link span, .blog-recent .more-link span {
    background-color: #083f78;
    transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    -moz-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    -webkit-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    -o-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    width: auto;
    cursor: pointer;
    padding: 6px 10px;
    font-size: 15px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
}
article.post .more-link, 
.blog-recent .more-link {
    display: block;
    margin-top: 25px;
    cursor: default;
    color: #fff;
}
span.continue-reading{
  font-weight:600;
}

article.post a.more-link span.continue-reading:hover {
    background-color: #e06c38!important;
}
#sidebar {
    background: #1C4E8B;
    padding: 5px 5px 20px 5px;
    box-shadow: 2px 3px 3px #aaa;
}

.widget.widget_categories {
    padding:10px;    
}
.widget.widget_categories li {
    display: block;
    color: #fff;
    font-size: 15px;
}

.widget.widget_categories ul li a {
    color:#fff;    
}
#sidebar div ul {
    margin-left: 10px;
}
#sidebar h4 {
    margin-bottom: 10px;
    padding: 0 10px;
    color: #fff;
    opacity: 1;
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 15px;
    text-transform: uppercase;
    background: #08519E;
}
.widget.widget_categories ul li a:before {
    content: '\f0da';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 0 8px 0 0;
    text-decoration: none;
}
#sidebar div ul li a {
    display: block;
    color: #fff;
    font-size: 15px;
    padding: 10px 0;
    /* border-bottom: 1px solid #60a4f1; */
    width: auto;
}

#sbaddress,
#emailaddress,
#sbphone,
#sbphone a
{
   color:#fff;
   
}
#sbaddress {
    color: #fff;
    display: block;
    min-height: 42px;
    background: url(https://digitalcraft.ro/wp-content/uploads/2017/07/iconcirc-address.png) top left no-repeat;
    padding: 10px 0 0 55px;
    margin: 0 0 0 10px;
}
#emailaddress {
    margin: 15px 0 0 10px;
    display: block;
    min-height: 42px;
    background: url(https://digitalcraft.ro/wp-content/uploads/2017/07/Mail-Icon-White-on-Grey-1.png) top left no-repeat;
    padding: 10px 0 0 55px;
    color: #fff;
}
#sbphone {
    background: url(https://digitalcraft.ro/wp-content/uploads/2017/07/iconcirc-phone.png)top left no-repeat;
    min-height: 42px;
    margin: 15px 0 0 10px;
    display: block;
    padding-left: 55px;
    color: #fff;
}



.swiper-slide .content h2 {
  font-size: 40px;
  line-height: 80px;
  letter-spacing: -1px;
  display: block;
  color: #fff;
  font-family: 'Open Sans';
  font-weight: 600;
}
.swiper-slide .content p {
    font-size: 24px;
    line-height: 38px;
    font-weight: 300;
    color: #fff;
}
.swiper-wrapper .slider-down-arrow {
  height: 60px;
  width: 60px;
  display: block;
  margin: 0 auto;
  margin-left: auto;
  position: absolute;
  bottom: 30px;
  z-index: 100;
  left: 50%;
  margin-left: -30px;
}

@media only screen and (min-width: 1320px) and (max-width: 5600px) {
    
    .webtop {
        margin: 0;
        padding:9px 0;
		display: block;
		height: auto;
		width: 100%;
		position: absolute;
		top:-30px;
		background: transparent;
        z-index: 99999;
    }
    .menu-lang-top-container {
      position:relative;
      display:block;
      margin:0;
      width:5%;
      float:left;
    }
    
	.top-nav {
		margin: 0;
		display: block;
		height: auto;
		width: 92%;
		background: transparent;
		position: relative;
		float: left;
	}
	.top-nav ul {
		list-style-type: none;
		margin: 0;
		padding: 2px 0;
		overflow: hidden;
		float:right;
	}
	.top-nav li {
		float: left;
		list-style-type: none;
		/*padding: 0 15px;*/
		/*text-align: center;*/
		padding: 0 6px;
		color: #555
	}

	.top-nav li span,
	.top-nav li a {
	    list-style-type: none;
		font-size: 15px;
		display: inline-block;
		text-decoration: none;

	}

	.top-nav li a {
		text-align: center;
		padding: 0 6px;
		color: #555;
	}
	.top-nav li a:hover {
		color: #333;
	}
	
	i.fa.fa-envelope-o {
		margin: 1px 5px 0 0;
	}
	i.fa.fa-phone {
		margin: 1px 5px 0 0;
	}
	.cauta {
		width: 350px;
		display: none;
		z-index: 9999;
		height: 50px;
		overflow: hidden;
		background: #fff;
		border: 1px solid #f2f2f2;
		position: absolute;
		top: 50px;
		right: 10px
	}

	#cauta .minimal-form-input {
		padding-top: 0 ;
	}

	#cauta .minimal-form-input span {
		margin-top: 15px;
		padding-left: 5px;
	}

	#cauta  input {
		height: 48px;
		padding: 0 10px !important;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1320px) {
    .webtop{
        margin: 0;
        padding:8px 0;
		display: none;
		height: auto;
		width: 100%;
		position: relative;
		background: transparent;
        z-index: 99999;
    }
     .webtop .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    #top {
       position: relative;
       z-index: 9995;
       width: 100%;
       margin: 0;
       padding: 5px 0;
       background:#fff;
    }
	.top-nav {
	    margin:0;
		display: none;
		height: 20px;
		width: 92%;
		max-width: 440px;
		background: transparent;
		position: relative
	}
	.top-nav ul {
		list-style-type: none;
		margin: 5px 30px;
		padding: 2px 0;
		overflow: hidden;
		background-color: transparent;
		float:right;
	}
	.top-nav li {
		float: left;
		text-align: center;
		text-decoration: none;
		padding: 0 6px;
		font-size: 15px;
		color: #888
	}
	.top-nav li:nth-child(2) {
		display: none
	}
	.top-nav li:nth-child(3) {
		display: none
	}
	.top-nav li a {
		display: inline-block;
		text-align: center;
		text-decoration: none;
		padding: 0 6px;
		font-size: 14px;
		color: #555;
	}
	.top-nav li a:hover {
		color: #222
	}
	.cauta {
		width: 350px;
		display: none;
		z-index: 9999;
		height: auto;
		overflow: hidden;
		padding: 5px;
		background: #fff;
		border: 1px solid #f2f2f2;
		position: absolute;
		top: 50px;
		right: 10px
	}
	.get_search_form {
		margin: 0 auto;
		width: auto;
		height: auto;
		position: relative
	}
	body[data-form-style="minimal"] .minimal-form-input {
		position: relative;
		padding-top: 1px;
		box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		display: inline-block;
		width: 100%;
		background: #fff
	}
	
}

@media only screen and (min-width: 6px) and (max-width: 1000px) {
 
     .webtop{
        margin: 0;
        padding:8px 0;
		display: none;
		height: auto;
		width: 100%;
		position: relative;
		background: transparent;
        z-index: 99999;
    }
 
	.top-nav {
		display: none
	}
}


#top nav > ul > li > a:hover {
  color: #E06C37;
}

.sf-menu li ul li a:hover, 
.sf-menu li ul li:hover >a {
    color: #27CFC3;
    background-color: #e5e5e5!important;
}

#header-outer .sf-menu li ul li a:hover {
    color: #999;
    background: #e5e5e5 !important;
}

ul#menu-lang-top{
    margin:-3px 0 0 -20px;
    padding:0;
    position:relative;
    width:65px;
}
ul#menu-lang-top a {
   position:relative;
   font-size:15px;
   line-height: 3px;
}

ul#menu-lang-top ul.sub-menu{
    padding: 12px 0;
    margin-top:15px;
    width:72px;
}
ul#menu-lang-top ul.sub-menu li {
    width: 72px;
    float: left;
}
ul#menu-lang-top ul.sub-menu li a{
  background:#fff;  
   line-height:8px;
}
/*a.sf-with-ul {*/
/*  position:relative;*/
/*}*/
/*a.sf-with-ul::after {*/
/*    position:absolute;*/
/*    content:"";*/
/*    top:0;*/
/*    left:0;*/
/*    background:url('/wp-content/uploads/2022/05/glob-v2-icon.png')no-repeat;*/
/*}*/

/*a.sf-with-ul>img {*/
/*display:none;    */
/*}*/


/*
En lang
*/
ul#menu-lang-top-en {
    margin:-3px 0 0 -20px;
    padding:0;
    position:relative;
    width:65px;
}
ul#menu-lang-top-en a{
   font-size:15px;
}

ul#menu-lang-top-en ul.sub-menu{
    padding: 12px 0;
    margin: 0;
    width:72px;
}
ul#menu-lang-top-en ul.sub-menu li{
   line-height:10px;
   width: 72px;
    float: left;
}
ul#menu-lang-top-en ul.sub-menu li a{
  background:#fff;    
}


/*
Es lang
*/
ul#menu-lang-top-es{
    margin:-3px 0 0 -20px;
    padding:0;
   position:relative;
   width:65px;
}
ul#menu-lang-top-es a{
   font-size:15px;
}
ul#menu-lang-top-es ul.sub-menu{
    padding: 12px 0;
     margin: 0;
    width:72px;
}
ul#menu-lang-top-es ul.sub-menu li{
   line-height:10px;
   width: 72px;
  float: left; 
}
ul#menu-lang-top-es ul.sub-menu li a{
  background:#fff;    
}

.sf-menu>li ul {
    z-index: 99999;
}
.sf-menu>li ul {
    padding: 0px;
    width: 20em;
}
.sf-menu ul li a {
    border-bottom: 1px solid #e5e5e5;
}
.sf-menu ul li a {
    margin: 0;
    padding: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}



@media only screen and (min-width: 1270px) and (max-width: 5200px){
li.audit>a {
    padding: 7px !important;
    margin: 0.5px 0 0;
    height: 34px;
    background: #E06C37 !important;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
   }
}

@media only screen and (max-width: 1270px) {
li.audit {display:none!important;}
}

.servicii_oferite {
  text-align: center;
  font-size: 36pt;
  font-family: 'Open Sans';
  color: #fff;
}

@media only screen and (min-width: 1060px) and (max-width: 4000px) {
     .strip {
    	height: 3px;
    	width: 200px;
    	background-color: #E06C37;
    	margin: 0 auto
    }
    
    .strip-col {
    	width: 50px;
    	height: 3px;
    	background-color: #1C4E8B
    }
	.content-text {
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
		max-width: 80vw;
		margin: 40px 0
	}
	.start {
		font-family: 'Open Sans';
		color: #1C4E8B;
		flex: 1;
		text-align: right;
		padding-right: .2em;
		font-size: 40px;
		font-weight: 600
	}
	.animation {
		flex: 1
	}
	#text {
		font-family: 'Open Sans';
		font-weight: 900;
		color: #E06C37;
		font-size: 40px;
		animation-delay: 0;
		animation-duration: 2s;
		animation-name: text-a;
		animation-iteration-count: infinite
	}
}

@media only screen and (min-width: 600px) and (max-width: 1060px) {
     .strip {
    	height: 3px;
    	width: 200px;
    	background-color: #E06C37;
    	margin: 0 auto
    }
    
    .strip-col {
    	width: 50px;
    	height: 3px;
    	background-color: #1C4E8B
    }
	.content-text {
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
		max-width: 80vw;
		margin: 40px 0
	}
	.start {
		font-family: 'Open Sans';
		color: #1C4E8B;
		flex: 1;
		text-align: right;
		padding-right: .2em;
		font-size: 40px;
		font-weight: 600
	}
	.animation {
		flex: 1
	}
	#text {
		font-family: 'Open Sans';
		font-weight: 900;
		color: #E06C37;
		font-size: 40px;
		animation-delay: 0;
		animation-duration: 2s;
		animation-name: text-a;
		animation-iteration-count: infinite
	}
}

@media only screen and (min-width: 10px) and (max-width: 600px) {
     .strip {
    	height: 3px;
    	width: 200px;
    	background-color: #E06C37;
    	margin: 0 auto
    }
    
    .strip-col {
    	width: 50px;
    	height: 3px;
    	background-color: #1C4E8B
    }
	.content-text {
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
		max-width: 80vw;
		margin: 40px 0
	}
	.start {
		font-family: 'Open Sans';
		color: #1C4E8B;
		flex: 1;
		text-align: right;
		padding-right: .2em;
		font-size: 12px;
		font-weight: 400
	}
	.animation {
		flex: 1
	}
	#text {
		font-family: 'Open Sans';
		font-weight: 600;
		color: #E06C37;
		font-size: 13px;
		animation-delay: 0;
		animation-duration: 2s;
		animation-name: text-a;
		animation-iteration-count: infinite
	}
}

@keyframes text-a {
	0% {
		color: #E06C37
	}
	100% {
		color: #E06C37
	}
}


h3.icon_h a {
  color: #E06C37;
}

.list-border-radius {
    border-radius: 10px;
    overflow: hidden;
    padding:0 0 20px 0;
    margin-top:-20px;
}

/*.ascend.col.boxed, .ascend .wpb_column.boxed {*/
/*    background: #f1f1f1;*/
/*    padding: 25px 15px 15px;*/
/*    position: relative;*/
    /*-webkit-transition: transform .2s linear,-webkit-box-shadow .2s linear;*/
    /*-moz-transition: transform .2s linear,-moz-box-shadow .2s linear;*/
    /*transition: transform .2s linear,box-shadow .2s linear;*/
/*    top: 0!important;*/
/*    min-height:300px;*/
/*}*/


body .nectar-milestone .subject {
    letter-spacing: .5px;
    font-size: 16px;
    line-height: 25px;
    color: #ffffff!important;
}
.nectar-milestone .number.extra-color-3{
  color: #ffffff!important;
}

@media only screen and (min-width: 1000px) and (max-width: 5600px) {
	.figure {
		margin: 0 auto;
		position: relative;
		width: 100%;
		max-width: 550px;
	}
	.figure img {
		max-width: 100%;
		height: auto
	}
	figcaption {
		background-color: rgba(5, 70, 131, 0.9);
		position: absolute;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		width: 100%;
		max-width: 550px;
		box-sizing: border-box;
		bottom: 0;
		color: #fff;
		opacity: 0;
		height: 0;
		line-height: 1.3;
		transition: all .5s
	}
	figcaption h3 {
		text-align: center;
		width: 100%;
		font-size: 30px;
		color: #fff;
		display: block;
		text-transform: uppercase
	}
	figcaption h3:after {
		content: " ";
		display: block;
		border-bottom: 1px solid transparent;
		position: absolute;
		bottom: 0;
		left: 10%;
		right: 10%
	}
	.subtitle2 {
		text-align: center
	}
	.subtitle2 span {
		padding-bottom: .5em;
		position: relative;
		display: inline-block
	}
	.subtitle2 span:after {
		content: " ";
		border-bottom: 1px solid #fff;
		position: absolute;
		bottom: 0;
		left: 10%;
		right: 10%
	}
	figcaption h3 a {
		text-align: center;
		width: 100%;
		color: #ddd;
		text-decoration: none;
		text-shadow: 1px 2px 2px #000
	}
	figcaption h3 a:hover {
		text-align: center;
		width: 100%;
		color: #fff;
		text-decoration: none;
		text-shadow: 1px 2px 2px #000
	}
	.figure:hover figcaption,
	.figure:focus figcaption {
		opacity: 1;
		height: 100%
	}
	.figure:focus {
		outline: none
	}
}



@media only screen and (min-width: 690px) and (max-width: 1000px) {
	.figure {
		margin: 0 auto;
		position: relative;
		width: 100%;
		max-width: 550px;
		height: 245px
	}
	.figure img {
		max-width: 100%;
		height: auto
	}
	figcaption {
		background-color: rgba(5, 70, 131, 0.9);
		position: absolute;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		width: 100%;
		max-width: 550px;
		box-sizing: border-box;
		bottom: 0;
		color: #fff;
		opacity: 0;
		height: 0;
		line-height: 1.3;
		transition: all .5s
	}
	figcaption h3 {
		text-align: center;
		width: 100%;
		font-size: 30px;
		color: #fff;
		display: block;
		text-transform: uppercase
	}
	figcaption h3:after {
		content: " ";
		display: block;
		border-bottom: 1px solid red;
		position: absolute;
		bottom: 0;
		left: 10%;
		right: 10%
	}
	.subtitle2 {
		text-align: center
	}
	.subtitle2 span {
		padding-bottom: .5em;
		position: relative;
		display: inline-block
	}
	.subtitle2 span:after {
		content: " ";
		border-bottom: 1px solid #fff;
		position: absolute;
		bottom: 0;
		left: 10%;
		right: 10%
	}
	figcaption h3 a {
		text-align: center;
		width: 100%;
		color: #ddd;
		text-decoration: none;
		text-shadow: 1px 2px 2px #000
	}
	figcaption h3 a:hover {
		text-align: center;
		width: 100%;
		color: #fff;
		text-decoration: none;
		text-shadow: 1px 2px 2px #000
	}
	.figure:hover figcaption,
	.figure:focus figcaption {
		opacity: 1;
		height: 100%
	}
	.figure:focus {
		outline: none
	}
}

@media only screen and (min-width: 480px) and (max-width: 690px) {
	.figure {
		margin: 0 auto;
		position: relative;
		width: 100%;
		max-width: 550px;
		height: 263px
	}
	.figure img {
		max-width: 100%;
		height: auto
	}
	figcaption {
		background-color: rgba(5, 70, 131, 0.9);
		position: absolute;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		width: 100%;
		max-width: 550px;
		box-sizing: border-box;
		bottom: 0;
		color: #fff;
		opacity: 0;
		height: 0;
		line-height: 1.3;
		transition: all .5s
	}
	figcaption h3 {
		text-align: center;
		width: 100%;
		font-size: 30px;
		line-height: 40px;
		color: #fff;
		display: block;
		text-transform: uppercase
	}
	.subtitle2 {
		text-align: center
	}
	.subtitle2 span {
		padding-bottom: .5em;
		position: relative;
		display: inline-block
	}
	.subtitle2 span:after {
		content: " ";
		border-bottom: 1px solid #fff;
		position: absolute;
		bottom: 0;
		left: 10%;
		right: 10%
	}
	figcaption h3 a {
		text-align: center;
		width: 100%;
		color: #ddd;
		text-decoration: none;
		text-shadow: 1px 2px 2px #000
	}
	figcaption h3 a:hover {
		text-align: center;
		width: 100%;
		color: #fff;
		text-decoration: none;
		text-shadow: 1px 2px 2px #000
	}
	.figure:hover figcaption,
	.figure:focus figcaption {
		opacity: 1;
		height: 100%
	}
	.figure:focus {
		outline: none
	}
}

@media only screen and (min-width: 68px) and (max-width: 480px) {
	.figure {
		margin: 0 auto;
		position: relative;
		width: 100%;
		max-width: 550px;
		height: 190px
	}
	.figure img {
		max-width: 100%;
		height: auto
	}
	figcaption {
		background-color: rgba(5, 70, 131, 0.9);
		position: absolute;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		width: 100%;
		max-width: 550px;
		box-sizing: border-box;
		bottom: 0;
		color: #fff;
		opacity: 0;
		height: 0;
		line-height: 1.3;
		transition: all .5s
	}
	figcaption h3 {
		text-align: center;
		width: 100%;
		font-size: 30px;
		color: #fff;
		display: block;
		text-transform: uppercase
	}
	.subtitle2 {
		text-align: center
	}
	.subtitle2 span {
		padding-bottom: .5em;
		position: relative;
		display: inline-block
	}
	.subtitle2 span:after {
		content: " ";
		border-bottom: 1px solid #fff;
		position: absolute;
		bottom: 0;
		left: 10%;
		right: 10%
	}
	figcaption h3 a {
		text-align: center;
		width: 100%;
		color: #ddd;
		text-decoration: none;
		text-shadow: 1px 2px 2px #000
	}
	figcaption h3 a:hover {
		text-align: center;
		width: 100%;
		color: #fff;
		text-decoration: none;
		text-shadow: 1px 2px 2px #000
	}
	.figure:hover figcaption,
	.figure:focus figcaption {
		opacity: 1;
		height: 100%
	}
	.figure:focus {
		outline: none
	}
}

@media screen and (min-width: 768px){
.cta-text {
    margin-bottom: 0;
    float: left;
  }
}

.nectar-button.regular-button.extra-color-1, 
.nectar-button.tilt.extra-color-1 {
    background-color: #e06c37!important;
}
.poza-portfolio {
    border-radius: 10px;
    overflow: hidden;
}
.portfolio-tabs .ui-tabs-panel .wpb_wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 3%;
}
article.post .excerpt p {
    color: #676767;
}
.next-prev-portfolio {
    position: fixed;
    top: calc(50% - 30px);
    left: 0;
    width: 100%;
    z-index: 1000;
}
.next-prev-portfolio .wpb_wrapper > a {
    font-size: 0!important;
    width: 60px;
    height: 60px;
}
body[data-button-style="rounded"] .nectar-button.medium:not(.see-through):not(.see-through-2):not(.see-through-3) {
    padding: 12px 18px;
}
.nectar-button.medium {
    border-radius: 3px 3px 3px 3px;
    padding: 10px 15px;
    font-size: 12px;
    letter-spacing: 2px;
    color: #FFF;
    box-shadow: 0 -2px rgb(0 0 0 / 10%) inset;
    -moz-box-shadow: 0 -2px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 0 -2px rgb(0 0 0 / 10%) inset;
    -o-box-shadow: 0 -2px rgba(0,0,0,0.1) inset;
}
.nectar-button {
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    box-shadow: 0 -3px rgb(0 0 0 / 10%) inset;
    -moz-box-shadow: 0 -3px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 0 -3px rgb(0 0 0 / 10%) inset;
    -o-box-shadow: 0 -3px rgba(0,0,0,0.1) inset;
    transition: opacity .45s cubic-bezier(0.25,1,0.33,1);
    -moz-transition: opacity .45s cubic-bezier(0.25,1,0.33,1);
    -webkit-transition: opacity .45s cubic-bezier(0.25,1,0.33,1);
    -o-transition: opacity .45s cubic-bezier(0.25,1,0.33,1);
    color: #FFF;
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 13px 18px;
    position: relative;
    text-transform: uppercase;
    top: -3px;
    margin-bottom: 10px;
    opacity: 1;
    line-height: 20px;
    background-color: #27CFC3;
    display: inline-block;
}

.next-prev-portfolio .wpb_column:last-child .wpb_wrapper > a:before {
    content: '\f061';
    left: 16px;
}
.next-prev-portfolio .wpb_wrapper > a:before {
    content: '\f060';
    font-family: fontawesome;
    font-size: 34px!important;
    font-weight: 100;
    position: absolute;
    left: 13px;
    top: 20px;
}
.column-link{
   -webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
.column-link:hover{
   -webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}


.web-design-page-hover-box:hover p {
    color:#fff;  
} 
.web-design-page-hover-box:hover .nectar_icon{
 color:#fff; 
}

.web-design-page-hover-box:hover,
.web-design-page-hover-box:hover h4,
.web-design-page-hover-box:hover i{
    color: #fff !important;

}
.wpb_column.boxed {
    background-color: #fff;
    padding: 25px 15px 15px 15px;
    position: relative;
}
.wpb_column.boxed {
  background-color:#fff; 
  padding:25px 15px 15px 15px; 
  position:relative; 
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}
.boxed {
  background-color:#fff; 
  padding:25px 15px 15px 15px; 
  position:relative; 
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}
.col.boxed:hover {
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    box-shadow: 0 0 10px rgba(0,0,0,0.13);
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.13);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.13);
} 
.wpb_column.boxed:hover {
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    box-shadow: 0 0 10px rgba(0,0,0,0.13);
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.13);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.13);
}
.boxed.vc_column-inner {
    -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}
.boxed:hover{
     -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}
.wpb_column.boxed.vc_column-inner:hover > p{
    color:#fff;
}
.wpb_column.boxed>.vc_column-inner {
 -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}
.wpb_column.boxed>.vc_column-inner:hover {
 -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}

.boxed:hover .nectar_icon_wrap {
  color:#fff;
}
.nectar_icon:hover {
  color:#fff;
}
.vc_column_container>.vc_column-inner:hover .nectar_icon_wrap {
  color:#fff;
}

.col.boxed, .wpb_column.boxed {
    /*box-shadow: 0 1px 1px rgb(0 0 0 / 10%);*/
    /*-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 10%);*/
    /*-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);*/
    /*-o-box-shadow: 0 1px 1px rgba(0,0,0,0.1);*/
     -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    background-color: #fff;
    padding: 25px 15px 15px;
    position: relative;
    -webkit-transition: transform .2s linear,-webkit-box-shadow .2s linear;
    -moz-transition: transform .2s linear,-moz-box-shadow .2s linear;
    transition: transform .2s linear,box-shadow .2s linear;
    top: 0!important;
    min-height:220px;
}
.col.boxed:hover, 
.wpb_column.boxed:hover{
     -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    transform: translateY(-4px)!important;
    -webkit-transform: translateY(-4px)!important;
   background: #175FAD;
}
.wpb_column .column-bg-overlay, .wpb_column .column-bg-overlay-wrap {
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

.wpb_column.boxed:hover .nectar_icon.im-icon-wrap{
  color:#fff!important;
}
.wpb_column.boxed>.vc_column-inner:hover .nectar_icon {
  color:#fff!important;
}

.bullet-with-arrow {
    position: relative;
    display: block;
    width: 18px !important;
    height: 18px !important;
    margin-right: 8px;
    margin-bottom: 0px !important;
    text-align: center;
    top: 3px;
    height: 100%;
    float: left;
}

.bullet-with-arrow::before {
    position: absolute;
    width: 18px;
    height: 18px;
    line-height: 18px !important;
    display: block;
    border-radius: 50%;
    background-color: #f05a23;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-family: "FontAwesome";
    content: "\f105";
    line-height: 1;
}


/* 
  Footer css 
*/

.footer-logo.dc-logo {
  width: auto;
}

ul#social li{
  display:inline-block;
  margin:0 8px;
}
ul#social li a{
    color:#fff;
}

#footer-widgets .col ul li a, 
.ascend #sidebar div ul li a {
   display: block;
}
#footer-outer i, #header-secondary-outer #social i {
  font-size: 20px;
  width: auto;
  background-color: transparent !important;
}
#footer-outer, #nectar_fullscreen_rows > #footer-outer.wpb_row .full-page-inner-wrap {
  background-color: #175fad !important;
}
#footer-outer #footer-widgets .widget h4 {
    color: #fff;
    font-size:0.9rem;
}
#footer-widgets .textwidget p {
  color:#fff;
  font-family: 'Open Sans';
  font-weight: 300;
}
#footer-widgets .col ul li a,
ul#menu-footer-servicii li a{
  font-family: 'Open Sans';
  color:#fff!important;
  font-weight: 300;
}
/* globe icon in language switcher : */
.sf-menu .pll-parent-menu-item > a span:before {
    position: absolute;
    content: '\f0ac';
    font-family: fontawesome;
    position: absolute;
    left: 3px;
    font-size: 15px;
    color: #1c4e8b;
    opacity: 0.85;
}
.sf-menu .pll-parent-menu-item > a > img {
	visibility: hidden;
}
@media screen and (min-width: 1001px){
	#footer-widgets .container .row .col:nth-child(4) .widget_media_image {
		width: 50%;
		display: inline-block;
		padding: 0 3px;
	}
	#footer-widgets .container .row .col:nth-child(4) .widget_media_image img {
		border: 3px solid #fff;
	}
}

@media screen and (min-width: 1001px) and (max-width: 1400px){
	header#top .container {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media only screen and (min-width: 1400px) and (max-width: 5600px) {
	svg.dc-logo {
		width: 400px;
		margin: 15px auto 0;
		position: relative;
		top:-24px;
		left:0;
	}
}
@media only screen and (min-width: 1301px) and (max-width: 1400px) {
svg.dc-logo {
    width: 320px;
    margin: 15px auto 0;
  } 
}



@media only screen and (min-width: 992px) and (max-width: 1301px) {  
  svg.dc-logo {
    width: 220px;
    margin: 15px auto 0;
  } 
    
}
    
    
@media screen and (max-width: 992px){
  svg.dc-logo {
    width: 250px;
    margin: 0 auto;
  }
	.portfolio-tabs .ui-tabs-panel .wpb_wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media only screen and (min-width: 1000px){
	.menu-sun-item:before {
		content: '2024';
		display: block;
		color: #fff;
		font-weight: 600;
		padding: 8px;
		position: absolute;
		left: 10px;
		top: 15px;
		background-color: #e06c37;
		border-radius: 5px;
	}
	
}
@media screen and (min-width: 1000px) and (max-width: 1300px) {
	.menu-sun-item:before {
		top: 5px;
	}
}
@media screen and (min-width: 1301px) and (max-width: 1400px) {
	.menu-sun-item:before {
		top: 10px;
	}
}