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

	Theme Name: WebSitesDesign
	----------------------

	================================================== */
	.page-template-portfolio-php  .latest-works { padding-top:15px;}
	.page-template-portfolio-php nav.primary .portfolioFilters { text-align:center;}
	.works-item-dets-wrap { padding-top:30px;}

	/* Fonts */
	h1 , h2 , h3 , h4 , h5 , h6 { font-family: 'Oswald','Roboto',  Helvetica, Arial, sans-serif; color:#000;}

	h3.latest-b2-title { letter-spacing:0 !important;}

	.colorb { background-color:#de4217;}
	.colorf { color:#de4217;}

	/* Base Elements */
	h1.slog-t1 { font-size:80px; font-weight:bold; margin-bottom:25px;}
	h2.slog-t2 { font-size:49px; text-align:center; margin:10px 0 25px; letter-spacing:-2px;}
	.button,
	button, a.button { position:relative; border: none; border-radius:1px; color: #fff; display: inline-block; font-size: 15px; line-height:1; font-weight: 600; cursor: pointer; line-height: 1; padding: 14px 20px;}

	#wrap  .wpb_single_image.wpb_content_element { margin-bottom:0;}
	.wpb_gmaps_widget.orchid-map, .w-map { border:1px solid #d9d9d9; background:#fff; padding:12px;}
	section.wpb_row.full-row .w-map { border:none; background:none; padding:0;}
	.blog-single-post h1, .postshow1 h1 { letter-spacing:-2px;}
	.our-team h2, .our-team h5 { padding-left:0; color:#292929; text-shadow:none; margin-bottom:10px; margin-top:10px; line-height:1.5;}
	.our-team h5 { margin-bottom:16px;}
	.sidebar h4.subtitle, .widget h4.subtitle, .top-links { font-family:'Oswald','Roboto', sans-serif;}

	.logo-wrap .logo { width:200px; height:100px; position:relative;}
	.logo-wrap .logo img { max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}

	.our-clients-wrap.crsl { margin-top: 0; }
	.our-clients-wrap.crsl ul.our-clients img { max-width: 100%; max-height: 100%; padding: 10px; background:#fff; border: 1px solid #f2f2f2; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
	.our-clients-wrap.crsl ul.our-clients img:hover { border-bottom: 1px solid #de4217; box-shadow: 0 1px 7px 0 rgba(0,0,0,0.11);}
	.jcarousel-next, .jcarousel-prev { top: 150px; }
	.our-clients-wrap.crsl:after { display: none; }


	#nav a { font-family:'Oswald','Roboto', sans-serif; letter-spacing:0.5px;}

	@media only screen and (min-width: 961px) {
	.top-bar { background:#232829; border-bottom: 1px solid #4a4a4a; padding:0;  margin:0;}
	.top-links { color:#8a8a8a; padding-left:15px; font-size:12px;}

	#headline { padding: 38px 0px 22px; text-align:left; background:#f8f8f8;}
	#headline h3 { margin:15px; letter-spacing:2px;}
	.breadcrumbs-w { border-top:1px solid #d9d9d9; background:#f1f1f1;}
	#header .alignright { line-height:65px;}
	#header .vertical-space { height:6px;}
		}
	@media only screen and (max-width: 960px) {

	#header.sm-rgt-mn { background:#353c3e; border-bottom-color:#292929;}
	#header.sm-rgt-mn #nav { border-color:#292929;}
	.top-bar { background:#232829; border:none; margin:0;}
	.top-links.lftflot {border:none;}
	}

	.latestposts-six .latest-title { font-weight:400; letter-spacing:0;}

	#footer { background:#1b1d1d;}
	#footer .footer-in p { font-family: 'Domine',  Helvetica, Arial, sans-serif; font-size:13px; text-transform:none;}
	#footer .footer-in h5.subtitle { font-size:20px; border:none; text-transform:none; box-shadow:none; margin-top:30px; color:#fff; text-shadow: 0 1px 2px rgba(0,0,0,0.7);}
	#footer .footer-in .contact-inf input, #footer .footer-in .contact-inf textarea { background: none; color: #ccc; border: 2px solid #393939; font-size: 12px; border-radius: 0; }
	#footer .footer-in .contact-inf button { padding: 14px 28px; font-size: 11px; font-weight:600; color:#fff; letter-spacing: 2px; background: #252525; border: none; float: left; margin-right:6px; }

/* -------- end ----------- */

	:root {
		--nu1: #3498db;
		--nu2: #2980b9;
	}

	ul#nav li.current::after {
		background-color: var(--nu1) !important;
	}

	ul#nav li:hover {
		background-color: var(--nu1) !important;
		transition: .1s all;
		transition-timing-function: linear;
	}

	section#headline {
		background-color: var(--nu2);
		border: 0;
    	padding: 22px 0px 22px;
	}

	section#headline h3 {
		position: relative;
		text-align: center !important;
		font-size: 25px !important;
		font-weight: 500 !important;
    	line-height: 39px;
		margin: 5px !important;
		color: var(--nu2) !important;
		width: 300px;
		margin-left: auto !important;
		margin-right: auto !important;
		background-color: #FFF;
		padding: 10px;
	}

	section#headline h3::before {
		content: "";
      display: block;
      position: absolute;
      left: -30px;
      bottom: 0;
      width: 0;
      height: 0;
      border-bottom: 59px solid transparent;
      border-right: 30px solid #fff;
	}

	section#headline h3::after {
		content: "";
		display: block;
		position: absolute;
		right: -30px;
		bottom: 0;
		width: 0;
		height: 0;
		border-top: 59px solid transparent;
		border-left: 30px solid #fff;
	}

	.max-title2::after {
		border-bottom: 2px solid var(--nu1) !important;
	}

	.dropcap3 {
		background-color: var(--nu1);
	}

	.list {
		list-style: none;
		display: block;
		width: 100%;
	}

	.list a {
		position: relative;
		display: block;
	   width: 100%;
	   border-left: 5px solid var(--nu1);
	   padding: 10px;
	   background-color: #F5F5F5;
	   box-sizing: border-box;
	   color: #555;
	   font-size: 15px;
	}

	.list a::after {
		content: "";
		display: block;
		width: 30px;
		height: 30px;
		position: absolute;
		right: 10px;
		top: 5px;
		background-image: url('http://iuliacarstea.ro/imagini/2017/12/ArrowheadDown.png');
		background-position: center;
		background-repeat: no-repeat;
	}

	.list li ul {
		margin-left: 0;
		margin-bottom: 5px;
		margin-top: 0;
		padding: 10px;
		padding-left: 20px;
		background-color: #EEE;
		box-sizing: border-box;
		width: 100%;
		display: block;
		color: #777;
	}

	.au-avatar-box {
		display: none !important;
	}

	.blog-post.blgtyp2 {
		padding-bottom: 7px !important;
	}

	article.blog-post h3 a {
		font-weight: 900;
		font-size: 20px;
		color: var(--nu2);
		text-transform: uppercase;
		letter-spacing: .3px;
	}

	article.blog-post h3 {
		margin-top: 10px;
		margin-bottom: 20px;
	}

	article.blog-post {
		border: 0;
		border-left: 5px solid var(--nu2);
		border-right: 5px solid var(--nu2);
		padding: 10px;
		background-color: #FAFAFA;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
		box-sizing: border-box;
	}

	h6.blog-date {
		border-right: 1px solid #AAA;
	}

	h6.blog-date strong::before {
		content: "";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url('http://iuliacarstea.ro/imagini/2017/12/FJYIbx2.png');
		background-size: cover;
		background-repeat: no-repeat;
		margin-right: 8px;
    	vertical-align: -3px;
	}

	h6.blog-cat strong::before {
		content: "";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url('http://iuliacarstea.ro/imagini/2017/12/5FsmvAw.png');
		background-size: cover;
		background-repeat: no-repeat;
		margin-right: 8px;
		vertical-align: -3px;
	}

	.postmetadata {
		background-color: #EEE;
		border-radius: 0;
		margin-bottom: 20px;
	}

	article.blog-post p {
		color: #666;
    	font-style: italic;
	   margin-bottom: 0;
	}

	@media screen and (max-width: 1200px) {
		article.blog-post p {
			font-size: 12px !important;
		}

		article.blog-post h3 a {
			font-size: 18px !important;
		}

		article.blog-post h3 {
			margin-bottom: 10px !important;
		}

		.postmetadata {
			margin-bottom: 10px !important;
		}
	}

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

		article.blog-post a > img {
			margin-left: auto;
	 		margin-right: auto;
	 		display: block;
		}

		article.blog-post p {
			font-size: 14px !important;
		}

		article.blog-post h3 a {
			font-size: 20px !important;
		}

		article.blog-post h3 {
			margin-bottom: 20px !important;
		}

		.postmetadata {
			margin-bottom: 20px !important;
		}

		a.readmore {
			position: relative;
			top: 0px !important;
		}
	}

	article.blog-post p::before {
		content: "";
    	width: 10px;
    	height: 10px;
    	display: inline-block;
    	background-image: url('http://iuliacarstea.ro/imagini/q2.png');
    	background-repeat: no-repeat;
    	background-position: center;
    	background-size: cover;
    	margin-right: 3px;
    	vertical-align: 5px;
	}

	a.readmore::after {
		position: absolute;
		right: 13px;
		top: 8px;
	}

	a.readmore {
		position: relative;
	   top: -8px;
	}

	a.readmore:hover {
		color: var(--nu2) !important;
		border-color: var(--nu1) !important;
	}

	a.readmore:hover:after {
		color: var(--nu1) !important;
	}

	.wpcf7 input[type="submit"] {
		background-color: var(--nu2) !important;
		transition: all .5s;
	}

	.wpcf7 input[type="submit"]:hover {
		background-color: var(--nu1) !important;
		transition: all .5s;
	}

	.blog-single-post h1 {
    	font-size: 23px;
    	text-align: center;
    	background-color: var(--nu1);
    	padding: 15px;
    	color: #FFF;
    	text-transform: none;
    	letter-spacing: 0;
	   margin-top: 0;
	}

	.blog-single-post img.Full {
		height: 500px;
		object-fit: cover;
	}

	.gallery {
		text-align: center !important;
		background-color: #FAFAFA;
		padding-top: 15px;
		padding-bottom: 15px;
		border-top: 3px solid var(--nu1);
		border-bottom: 3px solid var(--nu1);
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	}

	.gallery img {
		border: 0 !important;
		margin-bottom: 5px !important;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	}

	.gallery .gallery-item {
		float: none !important;
		display: inline-block !important;
		width: 170px !important;
		margin-top: 7px !important;
		margin-bottom: 7px !important;
		display: inline-block !important;
	}


	.latest-b2 {
		overflow: hidden;
		border: 3px solid var(--nu1) !important;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
		height: 500px;
	}

	figure.latest-b2-img {
		height: 500px !important;
	}

	figure.latest-b2-img img {
		height: 100% !important;
		width: 100% !important;
		filter: blur(7px);
		object-fit: cover;
	}

	div.latest-b2-cont {
		width: calc(100% - 36px);
		height: 494px;
		position: absolute;
		top: 3px;
		padding: 15px !important;
		padding-right: 31px !important;
		background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
	}

	div.latest-b2-cont h6.latest-b2-cat {
	   position: absolute;
    	bottom: 0;
    	left: 50%;
		font-size: 0 !important;
	}

	div.latest-b2-cont h6.latest-b2-cat a:first-child {
		position: relative;
    	left: -50%;
    	color: aliceblue;
    	background-color: var(--nu2);
    	padding: 10px;
    	display: block;
    	white-space: nowrap;
		font-size: 13px !important;
	}

	div.latest-b2-cont h6.latest-b2-cat a {
		display: none;
	}

	h3.latest-b2-title {
		border-bottom: 3px solid var(--nu1);
		padding-bottom: 10px;
		margin-bottom: 40px;
		text-align: center;
	}

	h3.latest-b2-title a {
		color: #FFF !important;
	}

	h3.latest-b3-title a {
		color: #FFF;
		font-size: 20px;
	}

	.latest-b2-cont p {
		color: #EEE !important;
		font-style: italic;
		font-size: 15px !important;
	}

	.latest-b2-metad2 {
		display: none;
	}

	@media screen and (max-width: 1200px) {
		.latest-b2-cont {
			width: calc(100% - 26px) !important;
		}
	}

	@media screen and (max-width: 1200px) and (min-width: 960px){
		.latest-b2-cont {
			width: calc(100% - 26px) !important;
		}

		.latest-b2-title a {
			font-size: 18px;
		}

		.latest-b2-cont p {
			font-size: 14px !important;
		}
	}

	.fade {
		border: 3px solid var(--nu1);
    	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	}

	.fade img {
		height: 494px;
    	width: 100%;
    	object-fit: cover;
	}

	.fade #fadepic {
		position: absolute;
    	top: 3px;
		left: 18px;
    	width: calc(100% - 36px);
    	height: calc(100% - 41px);
    	object-fit: cover;
		animation: animatieFade 3s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards;
      animation-timing-function: ease-in;
      animation-delay: 2s;
	}

	@keyframes animatieFade {
       from { opacity: 1; }
       to { opacity: 0; }
   }

	.q-title {
		border-left: 5px solid var(--nu1);
	   background-color: #F5F5F5;
	   padding: 20px !important;
	   box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	   margin-bottom: 20px;
	}

	.q-title h4 {
		border-bottom: 1px solid #DDD;
    	padding-bottom: 5px;
	}

	.q-answer p {
		margin: 0 !important;
	}

	.q-author {
		color: var(--nu2);
	}

	.q-answer {
		color: var(--nu2);
	}

	.icon-color {
		display: inline-block;
		margin-bottom: 0 !important;
	}

	.icon-color > div {
		background-color: var(--nu1) !important;
		width: 1.8em !important;
   	height: 1.8em !important;
		border-radius: 2px;
	}

	.contact-text {
		display: inline-block;
		vertical-align: 7px;
		margin-left: 10px;
		margin-bottom: 0 !important;
	}

	.contact-text p {
		font-size: 20px;
	}

	.new-line {
		font-size: 0;
		display: block;
		margin: 5px !important;
		padding: 0;
	}

	.header-img {
		text-align: center;
	   height: 500px;
	   background-image: url('http://iuliacarstea.ro/imagini/banner.jpg');
	   background-size: cover;
	   background-position: center;
	   margin-bottom: 30px;
		margin-top: -35px !important;
	}

	.uvc-main-heading h2 {
		text-align: center;
		width: 400px;
		background-color: rgba(255, 255, 255, 0.8);
		margin-left: auto !important;
		margin-right: auto !important;
		display: block;
		color: var(--nu1) !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		margin-top: 300px !important;
		text-transform: uppercase;
		font-weight: 900 !important;
		font-size: 37px;
		border-top: 5px solid var(--nu1);
	}

	.uvc-sub-heading p {
		text-align: center;
		width: 400px;
		background-color: rgba(255, 255, 255, 0.6);
		margin-left: auto !important;
		margin-right: auto !important;
		display: block;
		color: #CCC !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		font-size: 20px;
		border-top: 1px solid #DDD;
	}

	.big-article .latestposts-two .col-md-7 {
		width: 100% !important;
	}

	.big-article .latestposts-two article.blog-post {
		border-left: 3px solid var(--nu1);
		border-right: 3px solid var(--nu1);
	}

	.big-article .latestposts-two article.blog-post figure {
		padding: 0 !important;
	}

	.big-article .latestposts-two article.blog-post figure a {
		width: 100%;
		height: 500px;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	}

	.big-article .latestposts-two article.blog-post figure a img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.big-article .latestposts-two article.blog-post .entry-menta {
		display: none;
	}

	.big-article .latestposts-two article.blog-post .entry-content h4 {
		position: absolute;
    	left: 50%;
    	top: 450px;
    	text-align: center;
	}

	.big-article .latestposts-two article.blog-post .entry-content h4 a {
		color: #FFF !important;
		text-transform: uppercase;
		position: relative;
		left: -50%;
		background-color: var(--nu2);
		padding: 20px;
		white-space: nowrap;
		font-size: 20px !important;
	}

	.big-article .latestposts-two article.blog-post .entry-content p.blog-detail {
		padding: 30px;
    	padding-bottom: 0;
		color: #555;
		font-style: normal;
	}

	.scrollup {
		background-color: var(--nu1) !important;
	}

	.scrollup:hover {
		background-color: var(--nu2) !important;
	}

	#commentform input#submit {
		background-color: var(--nu1) !important;
	}

	#commentform input#submit {
		background-color: var(--nu2) !important;
	}

	footer#footer section.footer-in {
    padding-bottom: 10px !important;
	}

	footer#footer {
	    padding-top: 30px !important;
	}

	.footbot {
		display: none;
	}

	#postmetasingle {
		margin-top: 20px;
		padding: 0;
		background-color: transparent !important;
	}

	#postmetasingle .blog-date {
		display: block;
		border: 0;
		border-left: 3px solid var(--nu1);
		border-right: 3px solid var(--nu1);
		padding: 10px;
		margin-bottom: 10px;
		background-color: #EEE;
		border-radius: 2px;
	}

	#postmetasingle .blog-cat {
		display: block;
		padding: 10px;
		border-left: 3px solid var(--nu1);
		border-right: 3px solid var(--nu1);
		background-color: #EEE;
	}

	.post-sharing {
   	margin-top: 40px !important;
	}

	.blog-social {
		font-size: 0;
		text-align: center;
	}

	.socialshare {
		border: 1px solid #e1e1e1;
		padding: 9px 14px;
		border-right: none;
		font-size: 18px;
		text-align: center;
	}

	.facebook {
		color: #3b5996
	}

	.facebook:hover {
		background-color: #3b5996;
		color: #FFF;
	}

	.google {
		color: #c3391c;
	}

	.google:hover {
		background-color: #c3391c;
		color: #FFF;
	}

	.twitter {
		color: #00acee;
	}

	.twitter:hover {
		background-color: #00acee;
		color: #FFF;
	}

	.linkedin {
		color: #0073b2;
	}

	.linkedin:hover {
		background-color: #0073b2;
		color: #FFF;
	}

	.email {
		color: #a66262;
		border-right: 1px solid #e1e1e1;
	}

	.email:hover {
		background-color: #a66262;
		color: #FFF;
	}

	.wpcf7 .wpcf7-form textarea {
		height: 60px !important;
	}

	.logo {
		width: 100% !important;
	}

	@media screen and (max-width: 960px) {
		header#header {
			background-color: #FFF !important;
			border: 0 !important;
		}

		.mn-ext1 { background-color: var(--nu1) !important; }
		.mn-ext2 { background-color: var(--nu1) !important; }
		.mn-ext3 { background-color: var(--nu1) !important; }

		ul#nav {
			border: 0 !important;
		}

		ul#nav li {
			width: 88% !important;
		}

		ul#nav li:hover {
			background-color: transparent !important;
		}
	}

	@media screen and (max-width: 768px) {
		.logo {
			width: 200px !important;
		}

		img#img-logo-w1 {
			width: 150px !important;
		}
		.big-article .latestposts-two article.blog-post .entry-content h4 a {
			font-size: 15px !important;
		}
	}

	@media screen and (max-width: 1200px) {
		nav#nav-wrap {
			padding: 0 !important;
		}

		nav#nav-wrap ul#nav li a {
			padding: 10px !important;
		}
	}

	.commentlist li .comment-info cite {
		text-transform: none !important;
	}

	.commentlist li .comment-info {
		padding-left: 0 !important;
	}

	.commentlist li .comment-text {
		padding-left: 0 !important;
		padding-top: 10px !important;
	}

	#cat-duh {
		width: 100%;
		background-color: #F5F5F5;
		border-top: 5px solid var(--nu1);
		height: auto;
		padding: 30px;
		text-align: center;
		font-size: 17px;
		color: #555;
		margin-bottom: 30px;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	}