/*----- Sostituzione del colore primario -----*/

/* COLOR */

.main-menu>li:hover>a,
::selection,
.sticky-header.sticky *:hover,
.off-canvas-area-wrap button:hover,
.off-canvas-area-wrap a:hover,
.single-blog-post-wrap.layout--2.layout-blog-page .blog-post-details .btn-read-more,
.single-blog-post-wrap.layout--2 .blog-post-details a.btn-read-more:hover,
.single-blog-post-wrap.layout--2 .blog-post-details h2 a:hover,
.single-blog-post-wrap.layout--2 .blog-thumbnail .btn-plus:hover,
.single-blog-post-wrap .post-meta a i.fa,
.single-blog-post-wrap h2 a:hover,
.single-testimonial-wrap.layout--4 .client-name,
.single-testimonial-wrap .client-name,
.single-portfolio-wrap.layout--2 .portfolio-details .port-info a:hover,
.single-portfolio-wrap .portfolio-details a:hover,
.single-portfolio-wrap .portfolio-details a.btn-view-work,
.single-fun-fact-wrap h4,
.main-menu>li:hover>a,
.useful-link-menu li a:hover,
.sticky-header.sticky *:hover,
.off-canvas-area-wrap button:hover,
.off-canvas-area-wrap a:hover,
.dropcap-brand,
.breadcrumb a:hover,
.ht-slick-nav--four button:hover,
.section-title-wrap p span,
.section-title-wrap.layout--2 i.fa,
.btn-wishlist:hover,
.single-blog-post-wrap .btn-view-more:hover,
.single-blog-post-wrap .btn-view-more:hover,
.work-experience-item h3,
.vCard-profile-about-wrap h1 span,
	.breadcrumb-wrap li a:hover,
	.single-parallax-wrap .parallax-content-wrap h2 a:hover,
	.architect-project-item .btn-read-more:hover,
.menu-tab-list.nav a.active,
.menu-tab-list.nav a:hover,
.con-method-item i,
.call-action-content .btn-bordered:hover,
.call-action-content .btn-black:hover,
.call-action-content .single-banner-wrap:nth-child(2n) .btn-bordered:hover,
.single-banner-wrap:nth-child(2n) .call-action-content .btn-bordered:hover,
.single-call-action-wrap .call-action-info .btn, 
.single-call-action-wrap .call-action-icon,
.single-recent-view-prod h3 a:hover,
.sidebar-list li a:hover,
.post-quote blockquote .blockquote-footer a,
.single-category-product .cate-product-banner-area .banner-rotate-text:hover,
.single-product-wrap .product-details .product-title a:hover,
.single-cate-banner:hover .cate-banner-info h4,
.speaker-member-wrap .speaker-info h6,
.speaker-member-wrap .speaker-info .designation,
.single-banner-wrap:nth-child(2n) .btn-black:hover,
.single-banner-wrap:nth-child(2n) .btn-bordered:hover,
.single-banner-wrap h2 span,
.event-about-accordion .card .card-header h3[aria-expanded="true"],
.event-reg-ticket-wrap .section-title-wrap i.fa,
.hero-content-wrap h2 span,
.vCard-skills-area .single-skill-bar .skill-title,
.vCard-skills-area .single-skill-bar .skill-percent,
.service-list-item-price,
.pricing-table-item-wrap .price,
.blog-post-filter-menu ul li:hover,
.blog-post-filter-menu ul li.active,
.single-blog-metro-post .blog-post-details .post-date i.fa,
.single-blog-metro-post .blog-post-details h2 a:hover,
.single-blog-metro-post .blog-post-details .blog-title a:hover,
.fashion-call-action-left h2 span,
.single-service-wrap .service-info .btn-view:hover,
.single-service-wrap .service-icon,
.single-desc-item-wrap.layout--2 .busi-fea-info .btn-view:hover,
.single-desc-item-wrap .busi-fea-info .btn-view:hover,
.our-chefs-content .chef-footer h4,
.single-freelancer-name .freelance-title,
.registration-ticket-price-item:hover .btn-bordered:hover,
.registration-ticket-price-item:hover .btn-black:hover,
.event-schedule-item-content .event-topic-time i,
.event-call-to-action-content h2 span,
.port-details-pagination a:hover,
.port-con-item h2,
.port-creative-item-info .port-tags a:hover,
.single-comment-wrap .comment-footer a.btn-reply:hover,
.single-post-details__footer__item .cate-list li a:hover,
.single-post-details__footer__item .share-item a:hover,
.single-post-details .post-meta a i,
.coming-soon-content .text-brand,
.author-con-inner h2,
.about-desc-item h3,
.event-load-more-btn .btn-load-more:hover,
.event-location i.fa,
.event-date-day,
.recent-singer-info .btn-enjoy:hover,
.recent-singer-info .btn-enjoy:hover,
.song-table a:hover,
.single-custom-search-item i,
.single-custom-search-item .btn-know-more:hover,.help-banner-content h2 span,
.single-service-item .btn-read-more:hover,
.footer-wrapper.layout--2 .footer-social-icons a:hover,
.footer-social-icons a:hover,
.latest-blog-widget .single-blog-item h3 a:hover,
.latest-blog-widget .single-blog-item .post-date i.fa,
.widget-list li a:hover,
.checkout-page-coupon-area .card h3 span:hover,
.cart-coupon-update-area button:hover,
.shopping-cart-table .product-list .remove-icon button:hover,
.work-process-content .single-desc-item-wrap .desc-number,
.shopping-cart-table .product-list .product-name:hover,
.custom-checkbox label a:hover,
.custom-checkbox .custom-control-label a:hover,
.custom-radio label a:hover,
.custom-radio .custom-control-label a:hover,
.demo-panel-toolbar:after,
.footer-wrapper.layout--4 a:hover,
.black-header a:hover,
.single-product-slide .product-content .btn-shop
{
    color: #0f71b8 !important;
}

/*temp --
a:hover,
a:focus,
.newsletter-form-wrap form .btn-newsletter,
--*/

/* BACKGROUD-COLOR*/
.menu-special,
.tippy-popper .tippy-tooltip.tomato-theme,
.tooltip .tooltip-inner,
.tippy-popper .tippy-tooltip,
.btn-brand,
.btn-offWhite:hover,
.btn-transparent:hover,
.section-title-wrap:after,
.ht-slick-nav--two button:hover,
.ht-slick-nav--three button:hover,
.mfp-wrap.imagesGallery .mfp-arrow:hover:before,
.mfp-wrap.imagesGallery .mfp-close:hover,
.mfp-wrap.imagesGallery .mfp-bottom-bar,
.mfp-wrap.video-popup-wrap .mfp-close:hover,
.tp-caption.btn-2,
.btn-2,
.single-call-action-wrap .call-action-info .btn:hover,
.src-from-content .btn-search,
.single-sidebar-item-wrap .sidebar-title:before,
.post-quote blockquote .blockquote-footer:before,
.newsletter-area-wrapper.layout--2 .newsletter-content-wrap .newsletter-form-wrap .btn-newsletter:hover,
.single-product-wrap .product-thumb .btn-quick-view:hover,
.single-product-wrap .product-thumb .btn-add-cart,
.sale-badge,
.single-blog-post-wrap .post-type,
.single-testimonial-wrap.layout--3 .client-name:before,
.single-testimonial-wrap.layout--2 .client-name:before,
.off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav .slicknav_open>.slicknav_item .slicknav_arrow,
.dropdown-navbar .dropdown-nav>li a:not(.mega-title):before,
.social-links a:hover,
.off-canvas-area-wrapper .off-canvas-content-wrap .btn-close:hover,
.off-canvas-responsive-menu .off-canvas-content-wrap .btn-close:hover,
.off-canvas-search-box .off-canvas-content-wrap .btn-close:hover,
.scroll-top,
.header-fix-left-two .main-menu.nav>li:hover>a,
.search-box-content .btn-search,
.newsletter-form-wrap.layout--2 form .btn-newsletter,
.tp-caption.btn-6,
.btn-6,
.cd-timeline--aligned .cd-timeline-block:before,
.cd-timeline-block .cd-timeline-dot,
.tp-caption.btn-3:hover,
.btn-3:hover,
.tp-caption.trio-button-04,
.trio-button-04,
.tp-caption.btn-3:hover,
.btn-3:hover,
.tp-caption.btn-2,
.btn-2,
.single-social-button:hover,
.service-list-wrap .btn-bordered:hover,
.service-list-wrap .btn-black:hover,
.service-list-wrap .single-banner-wrap:nth-child(2n) .btn-bordered:hover,
.single-banner-wrap:nth-child(2n) .service-list-wrap .btn-bordered:hover,
.startup-call-to-action,
.portfolio-filter-menu ul li:before,
.freelancer-hero-area .mouse-wheel:before,
.event-schedule-day-menu ul li a.active,
.video-popup-area .btn-video-popup,
.bg-brand,
.latest-blog-widget .single-blog-item h3 a:hover:before,
.widget-list li a:hover:before,
.single-widget-wrap .widget-title:before,
.product-description-review .desc-review-tab-menu li a.active,
.coming-soon-content .about-social-icons a:hover,
.pricing-item-wrap--feature .pricing__info,
.funfact-icon,
.demo-panel-inner::-webkit-scrollbar-thumb,
.hero-content-wrap .btn-bordered:hover,
.hero-content-wrap .btn-black:hover,
.hero-content-wrap .single-banner-wrap:nth-child(2n) .btn-bordered:hover,
.single-banner-wrap:nth-child(2n) .hero-content-wrap .btn-bordered:hover,
.btn-black:hover,
body::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb,
.list::-webkit-scrollbar-thumb,
.pro-qty a:hover,
.custom-checkbox input:checked~.custom-control-label:before,
.custom-checkbox input:checked label:before,
.custom-checkbox .custom-control-input:checked~.custom-control-label:before,
.custom-checkbox .custom-control-input:checked label:before,
.custom-radio input:checked~.custom-control-label:before,
.custom-radio input:checked label:before,
.custom-radio .custom-control-input:checked~.custom-control-label:before,
.custom-radio .custom-control-input:checked label:before,
 blockquote:before,
.blockquote:before,
.off-canvas-area-wrapper .off-canvas-content-wrap .btn-close:hover,
.off-canvas-responsive-menu .off-canvas-content-wrap .btn-close:hover,
.off-canvas-search-box .off-canvas-content-wrap .btn-close:hover,
.tooltip .tooltip-inner,
.tippy-popper .tippy-tooltip,
.tippy-popper .tippy-tooltip.tomato-theme,
.dropdown-navbar .dropdown-nav>li a:not(.mega-title):before
{
	background-color: #0f71b8 !important;	
}

/* BORDER-COLOR*/

.event-call-to-action-content .btn-video-popup:hover,
.tp-caption.btn-3:hover,
.btn-3:hover,
.btn-black:hover,
.btn-bordered:hover,
.btn-black:hover,
.single-banner-wrap:nth-child(2n) .btn-bordered:hover,
.registration-ticket-price-item:hover .btn-bordered:hover,
.registration-ticket-price-item:hover .btn-black:hover,
.custom-checkbox input:checked~.custom-control-label:before,
.custom-checkbox input:checked label:before,
.custom-checkbox .custom-control-input:checked~.custom-control-label:before,
.custom-checkbox .custom-control-input:checked label:before,
.custom-radio input:checked~.custom-control-label:before,
.custom-radio input:checked label:before,
.custom-radio .custom-control-input:checked~.custom-control-label:before,
.custom-radio .custom-control-input:checked label:before,
.single-input-item input:focus,
.single-input-item textarea:focus,
.checkout-page-coupon-area .card .card-body .apply-coupon-wrapper input:focus,
.cart-coupon-update-area .coupon-form-wrap form input:focus,
.product-ratting-wrap .ratting-form textarea:focus,
.product-ratting-wrap .ratting-form input:focus,
.config-item .config-list li.active,
.config-item .config-list li:hover,
.video-popup-area .btn-video-popup,
.freelancer-hero-area .mouse-wheel,
.work-process-content .single-desc-item-wrap .desc-number,
.btn-black:hover,
.hero-content-wrap .btn-bordered:hover,
.hero-content-wrap .btn-black:hover,
.hero-content-wrap .single-banner-wrap:nth-child(2n) .btn-bordered:hover,
.single-banner-wrap:nth-child(2n) .hero-content-wrap .btn-bordered:hover,
.custom-checkbox input:checked~.custom-control-label:before,
.custom-checkbox input:checked label:before,
.custom-checkbox .custom-control-input:checked~.custom-control-label:before,
.custom-checkbox .custom-control-input:checked label:before,
.custom-radio input:checked~.custom-control-label:before,
.custom-radio input:checked label:before,
.custom-radio .custom-control-input:checked~.custom-control-label:before,
.custom-radio .custom-control-input:checked label:before
{
	border-color: #0f71b8 !important;	
}


.tooltip .arrow:before {
    border-top-color: #0f71b8 !important;
}









/*----- Personalizzazioni -----*/

.form-input-item.bordered-black input, .form-input-item.bordered-black textarea {
    background-color: #ffffff;
    border: 2px solid #0e71b8;
}



.btn-black {
    background-color: #88bf4a;
    border: 3px solid #88bf4a;
}
.logo-menu-mobile {
    background: #000;
    padding: 20px;
	border-bottom: 2px solid #fdc657;
}


.illustrazione img {
	max-width: 80%;
}

@media only screen and (min-width: 1441px){
.full-hd {
    position: absolute !important;
    bottom: 20%;
    left: 20%;
}
}


@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 1200px){
.banner-thumb img {
    max-width: 100%;
}}

.single-testimonial-wrap.layout--4.slick-slide {
    padding: 60px 40px;
}



.single-testimonial-wrap.layout--4 {
    font-weight: unset;
}

.single-blog-post-wrap.slick-active:before {
    width: 0px;
}

.slick-slider.slick-row-15 .slick-list .slick-slide {
    border-radius: 10px;
}

.single-testimonial-wrap.layout--4.slick-slide.slick-current {
    border-radius: 10px;
}
.loghi img {
    max-height: 60px;
    width: auto;
    margin: 0 auto;
}





h3, .h3 {
    font-weight: 400;
}

.section-title-wrap h2 {
    font-size: 50px;
    color: #fdc657;
}

.section-title-wrap {
    font-weight: unset;
}

.section-title-wrap.layout--2 h2 {
    font-size: 50px;
	margin-bottom: 15px;
}

.area-title h2 {
    font-size: 50px;
    font-weight: 700;
}

.home-slide {
	background-color: #000;
	background-image: url("../img/bg_libro.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
		
}

.interna-slide {
	background-color: #000;
	background-image: url("../img/bg_libro_interna.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	max-height: 500px;
		
}

.autore {
    font-weight: 100;
    font-size: 24px;
    margin-bottom: 0px;
}



.sottotitolo {
    font-size: 24px;
    line-height: 25px;
}

.btn-ga {
    border: 0px;
    background: #e1313b;
    color: #fff;
    padding: 15px 30px;
    border-radius: 50px;
}

.btn-ga:hover {
    background: #fff !important;
    color: #e1313b !important;
}

.header-ga {
	display: none;
}

.sticky-header.sticky .header-ga {
	display: block;
}

.br-10 {
    border-radius: 5px;
}

.titolo-1 {
    font-family: "Roboto Slab";
    font-weight: 300;
    color: #0e71b8;
    font-size: 46px;
}
.titolo-1 span {
    font-weight: 900;
}

p span, h1 span, h2 span, h3 span, h4 span {
    color: #0e71b8;
}

.bg-simply {
	background-image: url("../img/bg-simply.svg");
	background-position: top left;
	background-repeat: no-repeat;
}

.border-row {
    border: 5px solid #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 20px #00000024;
}

.mt--70 {
    margin-top: -70px;
}

.sottotitolo {
    font-size: 22px;
    line-height: 28px;
    font-weight: 300;
    font-family: "Roboto Slab";
}

.post-quote blockquote .blockquote-footer a, .single-testimonial-wrap.layout--4, .single-testimonial-wrap.layout--3, .single-testimonial-wrap.layout--2, .single-testimonial-wrap .client-designation {
    font-family: "Roboto Condensed", sans-serif !important;
}

body {
    font-family: "Roboto Condensed", sans-serif !important;
    font-weight: 200;
    color: #000000;
	font-size: 17px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "Roboto Slab";
}

.single-welcome-feature .feature-icon {
    color: #0e71b8;
    margin-right: 30px;
    max-width: 60px;
    width: 60px;
    flex: 0 0 60px;
}

.btn-white {
    color: #1776bb;
    background: #fff;
    border: 2px solid #fff;
}

.btn-white:hover {
    color: #fff;
    background: #1776bb;
    border: 2px solid #fff;
}

.off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content .off-canvas-item h2, .off-canvas-responsive-menu .off-canvas-content-wrap .off-canvas-content .off-canvas-item h2, .off-canvas-search-box .off-canvas-content-wrap .off-canvas-content .off-canvas-item h2 {
    font-size: 30px !important;
    font-weight: unset !important;
    text-transform: unset !important;
}

.useful-link-menu li {
    max-width: unset !important;
    margin-top: 10px;
    border-bottom: 1px solid #e2e2e2;
}

.useful-link-menu li a {
    color: #000000 !important;
    font-size: 17px !important;
    text-transform: unset !important;
}
/*----- Responsive -----*/


@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px){
	
	.border-row {
    border: 0px;
		border-radius: 0px;
    box-shadow: none;
}

.mt--70 {
    margin-top: 0px;
}
	
	
	
	
	.ill-mobile img {
    max-width: 50%;
}
	
	.banner-content-wrap h2 {
    font-size: 39px;
    font-weight: 700;
    line-height: 40px;

}
	
	.section-title-wrap {
    font-size: 16px;
}
	
	.section-title-wrap.layout--2 {
    font-size: 16px;
}
	h3, .h3 {
    font-size: 21px;
    font-weight: 400;
}
	
	.titolo {
		line-height: 53px;
		font-size: 60px;
		margin-bottom: 10px;
	}

.home-slide {
	background-color: #000;
	background-image: url("../img/bg_libro_mobile.jpg");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
		
}
	
.interna-slide {
	background-color: #000;
	background-image: url("../img/bg_libro_mobile.jpg");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
	    max-height: 100%;
		
}

	.mobile-center {
		text-align: center;
	}
	
.hv-100 {
    height: 100vh;
}
	
	
	
	
	
}