/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
@font-face {
    font-family: 'Helvetica';
    src: url('fonts/Helvetica.ttc');
    src: url('fonts/Helvetica.ttc?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica-Bold';
    src: url('fonts/Helvetica-Bold.ttc');
    src: url('fonts/Helvetica-Bold.ttc?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica-Oblique';
    src: url('fonts/Helvetica-Oblique.ttc');
    src: url('fonts/Helvetica-Oblique.ttc?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Helvetica';
}

/* Top Bar */
.nav.nav-pills.nav-top a {
	color: #27262c;
}
.fixed-header #header .header-top {
	background-color: #cacacb;
}

/* Header */
ul.breadcrumb {
	visibility: hidden;
}
#header .main-menu > li.menu-item > a {
	text-transform: inherit;
}
li#nav-menu-item-1538 a, li#nav-menu-item-1538 a:hover {
	background-color: rgb(252 192 16 / 50%) !important;
	border-radius: 0;
}

/* Zigzag Separator */
.zigzag:before, .sidebar-content .filter-title:before {
	background-image: linear-gradient(#fcc010 100%,transparent 0),
		linear-gradient(#fcc010 100%,transparent 0),
		linear-gradient(#fcc010 100%,transparent 0),
		linear-gradient(#fcc010 100%,transparent 0),
		linear-gradient(#fcc010 100%,transparent 0),
		linear-gradient(#fcc010 100%,transparent 0),
		linear-gradient(#fcc010 100%,transparent 0);
}

/* Form */
html .btn-primary-outline .btn {
	border: 3px solid #fcc010 !important;
}
html .btn-primary-outline .btn:hover {
    background: #fcc010 !important;
    border-color: #fcc010 !important;
}
form textarea {
	resize: none;
}

/* Modal */
.mfp-content {
	width: 50% !important;
}
@media screen and (max-width: 820px) {
	.mfp-content {
		width: 80% !important;
	}
}
.mfp-content .contact-form .btn-submit, .mfp-content .contact-form form label {
	color: #fff;
}

/* Home */
.info-boxes .porto-sicon-box .porto-sicon-top { margin-bottom: 3rem; }
.info-boxes .vc_column_container:nth-child(2) .vc_column-inner { transform: translateY(45px); }
.info-boxes .vc_column_container:nth-child(3) .vc_column-inner { transform: translateY(90px); }
.btn-icon i { margin-left: 10px; }
.btn-icon button:focus, .btn-icon button:hover { box-shadow: none; }
.approach-img .vc_column-inner { position:relative; width: 35.5em; height: 36em;  margin: auto;  }
.approach-img .inner-img { background-size: 500px !important; }
.approach-img .circle-1 { left: 15px; top: 15px; }
.approach-img .circle-2 { top: 24%; right: 1%; }
.approach-img .circle-3 { left: 19%; bottom: 0; }
.list-unstyled.dark:before { background-color: #fff; }
.service-card.list-unstyled > a { display: block; transition: padding .5s; padding: 65px 0 65px 80px; }
.service-card.list-unstyled { position: relative; }
.service-card.list-unstyled:before { position: absolute; left: 35px; top: 70px; }
.service-card:hover { background-color: #fcc010 !important; color: #fff !important; }
.service-card:hover > a { padding-left: 95px; }
.service-card:hover:before { background-color: #fff; width: 45px; }
.our-services .circle { top: 9%; right: 8%; }
.our-insights .circle-1 { top: 6.5%; left: 4.2%; }
.our-insights .circle-2 { top: 17%; left: 11.5%; }
.home-filter-portfolios { background: #27262c; }
.home-filter-portfolios .portfolios-masonry { display: flex; flex-wrap: wrap; }
.home-filter-portfolios hr { display: none; }
.home-filter-portfolios .portfolio-filter-wrap { flex: 0 0 25%; max-width: 25%; }
.home-filter-portfolios .portfolio-row { margin: 0; flex: 0  0 75%; max-width: 75%; order: -1; }
.home-filter-portfolios article.portfolio { padding: 0; }
.home-filter-portfolios .portfolio-filter { display: block; padding: 48px 48px 48px 60px; }
.home-filter-portfolios .portfolio-filter > li.active > a, .home-filter-portfolios .portfolio-filter > li.active > a:hover, .home-filter-portfolios .portfolio-filter > li.active > a:focus { color: #fff; background: transparent; }
.home-filter-portfolios .portfolio-filter > li > a:hover { color: #fff; }
.home-filter-portfolios .portfolio-filter>li>a { font-weight: 400; color: #ccd0d9; }
.portfolio-item > .portfolio-title, .portfolio-item > p, .portfolio-item .thumb-info-title { left: 48px; }
.portfolio-item:hover > .portfolio-title, .portfolio-item:hover > p, .portfolio-item:hover .thumb-info-title { left: 68px; }
.portfolio-item > .portfolio-title { font-size: 32px; bottom: 142px; }
.portfolio-item > p { font-size: 16px; bottom: 120px; transform: translateY(90%); color: #ccd0d9; }
.portfolio-item .thumb-info-title { bottom: 68px; }
.portfolio-item .thumb-info-title .thumb-info-inner:after { color: #fcc010; }
.list-unstyled:before, ul.portfolio-filter>li>a:before, ul.portfolio-cat-list>li>a:before {
	background-color: #fcc010;
}

/* Team */
.z-index-10 { z-index: 10; }
.owl-carousel.dots-style-1 .owl-dots span {
	border: 2px solid #27262c;
}
.testimonial .testimonial-author strong {
	color: #27262c;
}

/* Servizi */
.service-menu .sidebar-menu > .service-card.active, .service-menu .sidebar-menu-wrap .sidebar-menu .service-card > a:hover {
	background: #fcc010 !important;
}
.service-menu .service-card:nth-child(2n) {
	background: #27262c !important;
}
.service-menu .service-card:nth-child(2n+1) {
	background: #e9e9e9 !important;
	color: #27262c;
}

/* Contatti */
.primary-punc-mark strong { color: #fcc010; }
.contact-icon-boxes .porto-sicon-body { flex: none; }
.contact-icon-boxes a { color: inherit; }
.contact-icon-boxes .left-icon .porto-icon { margin-right: 8px; }
.contact-banners .contact-banner-content .porto-ultimate-content-box { padding: 48px 15px; }
.contact-banners .container > .row { position: relative; }
.contact-banner { overflow: hidden; }
.contact-banners .circle-1 { top: -60px; left: 15px; }
.contact-banners .circle-2 { top: -60px; right: 15px; }
.contact-banners .circle-3 { bottom: -40px; right: 45px; }
.contact-form .form-control {
    padding: 24px;
    background: #e9e9e9;
    font-size: 13.6px;
    color: #27262c;
    border: none;
    border-radius: 0;
}
.contact-form input.form-control { height: 48px; }
.contact-form .form-control::placeholder { color: #ccd0d9; }
.contact-form textarea::placeholder { color: #ccd0d9 !important; }
.contact-form .btn-submit {
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    background: transparent;
    color: #27262c;
    padding: 1em 1.5em;
}
.contact-form .btn-submit:hover { color: #fff; }

/* Progetti */
.project-website h4 {
	font-size: 16px;
    color: #27262c;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0px;
}
.project-website h4 a {
	color: #fcc010 !important;
}
.portfolio-desc, .portfolio-info { display: none; }
.single-portfolio .post-content .vc_single_image-wrapper, .post-content .vc_single_image-wrapper img { width: 100%; }
.single-portfolio .post-content .porto-section { padding: 0; }
.single-portfolio .post-content .porto-section:first-child { border-bottom: 1px solid #e7e7e7;  }
.single-portfolio .post-content strong { color: #27262c; }
.page-id-847 .porto-html-block.porto-block-html-banner, .page-id-919 .porto-html-block.porto-block-html-banner {
	display: none;
}

/* Blog */
.blog-posts .btn-readmore {
	color: #fcc010 !important;
	text-transform: inherit !important;
}
.blog-posts .btn-readmore:hover {
	color: #292929 !important;
}
.blog-posts .post .entry-title a:hover {
	color: #fcc010;
}

/* Single Post */
.single-post .post-content .meta-cats {
	display: initial;
}

/* Landing */
.page-id-471 .porto-html-block.porto-block-html-banner {
	display: none;
}
.page-id-471 #header .header-main {
	background-color: rgba(39,38,44,1) !important;
}
.page-id-471 .section {
	background-color: transparent;
	border-top: 0;
}
.page-id-471 .custom-section-halfbar-bg {
    position: absolute;
    top: 45%;
    right: 0;
    width: 50vw;
    height: 55%;
    background: #fcc010;
    -webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	z-index: -1;
}
.page-id-471 .custom-column-bg:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 50vw;
    height: 100%;
    background: #27262c;
    opacity: 0.6;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
	z-index: -1;
}
.page-id-471 .porto-sicon-box.top-icon {
	min-height: auto !important;
}
.page-id-471 .list-unstyled:before, ul.portfolio-filter>li>a:before, ul.portfolio-cat-list>li>a:before {
	position: absolute;
	margin: 24px 16px 10px 0;
}

/* Footer */
.btn-talk .btn { border: 3px solid #fff; line-height: 1.6;  }
.btn-talk .btn.vc_btn3 .vc_btn3-icon { padding-left: 10px; }
.footer-top .porto-section { padding-top: 0; padding-bottom: 0; }
.t-11 { top: 11%; }
.t-67 { top: 67%; }
.r-12 { right: 12%; }
.r-6 { right: 6%; }
.b-hide.dark:after { background: #27262c; }
.footer-top-content { padding: 65px 0 65px; }
#footer .textwidget a, #footer .footer-right a {
	color: #fff !important;
}
#footer .textwidget a:hover, #footer .footer-right a:hover {
	color: #fcc010 !important;
}
.grecaptcha-badge {
	display: none !important;
}

/* Cookie Notice */
.cn-button.bootstrap {
	background: #fcc010;
}

/* Media Query */
@media (min-width: 1270px) { 
    .about-us-featured-block { position: absolute; top: 50%; width: 100%; transform: translate(-70px, -50%); }
}
@media (max-width: 1269px) {
    .home-filter-portfolios .portfolio-filter-wrap { flex: 0 0 33.3333%; max-width: 33.3333%; }
    .home-filter-portfolios .portfolio-row { flex: 0 0 66.6667%; max-width: 66.6667%; }
    .info-boxes { margin-top: 48px !important; }
}
@media ( min-width: 1200px ) {
    .footer-top-content { padding: 65px 0 135px; }
}
@media (min-width: 992px) and (max-width: 1269px) {
    .contact-banners .contact-banner-content .porto-ultimate-content-box { padding: 86px 15px; }
}
@media (max-width: 991px) {
    .home-filter-portfolios .portfolio-filter-wrap, .home-filter-portfolios .portfolio-row { flex: 0 0 100%; max-width: 100%; }
	.contact-icon-boxes .porto-animation { width: 100%; }
}
@media (min-width: 768px) and (max-width: 888px) {
	.porto-sicon-box.top-icon {
		min-height: 530px;
	}
}
@media (min-width: 768px) {
    .contact-banners .contact-banner-content .porto-ultimate-content-box { padding: 126.5px 15px; }
    .contact-icon-boxes .porto-sicon-left { position: relative; top: 3px; }
	.porto-sicon-box.top-icon {
		min-height: 443px;
	}
}
@media (max-width: 767px) {
    .contact-icon-boxes .porto-sicon-box { flex-direction: column; }
	.porto-sicon-box.top-icon {
		min-height: auto;
	}
}
@media (min-width: 576px) {
    .contact-banners .contact-banner-content .porto-ultimate-content-box { padding: 100px 15px; }
    .contact-banners .contact-banner-image { position: absolute; }
    .w-sm-50 { width: 50%; }
}
@media (max-width: 575px) {
    .portfolio-item > .portfolio-title { bottom: 152px; line-height: 1.1; }
    .portfolio-item > p { bottom: 130px; }
	.footer-top-content h2 { font-size: 36px !important; }
}