/* template-color */

:root

{

	--color-primary: #002950;

	--color-secondary: #A4B7CF;

	--color-third: #001428;

	--color-fourth:#6de5f2;

	--color-white:#FFF;

	--color-black:#280000;



	--color-darkprimary:#002950;

	--color-darkgray:#232323;

	--color-lightgray:#eeeeee;

	--color-gray:#555;



	--color-biancoottico:#f1f7fb;



	--color-lightsecondary:#b4cad9;

	--color-yellow:#ffce4a;

	--color-peach:#f9b493;



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

	STILI FONT

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



	--f-family-titoli:'Roboto Serif', sans-serif;

	--f-family-testo:'Work Sans', sans-serif;

	--f-family-2-icone: "Font Awesome 5 Pro";

	--f-weight-heading:700;

	--f-weight-heading-2:600;

	--f-weight-testo:400;



	--f-size-copyright:13px;

	--f-size-testo:16px;

	--f-size-testo-2:18px;

	--f-size-testo-3:20px;

	--f-size-testo-4:24px;

	--f-size-contact:22px;

	--f-size-azienda-potfolio:28px;

	--f-size-h1:66px;

	/*--f-size-h2:48px;*/

	--f-size-h2:32px;

	--f-size-question:32px;

}





.scroll-top{

  background-color: var(--color-primary);

}



.header-top .top-inner .info li i{

	color: var(--color-secondary);

}



.header-top .top-inner .social-links li a:hover{

	color: var(--color-secondary) !important;

}



.header-top .top-inner .dropdown-box ul li a:hover{

  color: var(--color-secondary);

}



.header-top .top-inner .dropdown-box ul{

	border-top: 2px solid var(--color-secondary) !important;

}



.theme-btn-one{

	background-color: var(--color-secondary);

}



.main-menu .navigation > li > a:before{

	background-color: var(--color-secondary);

}



.main-header .search-box-btn:hover{

  color:var(--color-primary); /*CXA*/

  border-color: var(--color-secondary);/*CXA*/

}



.main-menu .navigation > li > ul > li > a:hover,

.main-menu .navigation > li > .megamenu li > a:hover{

	color:var(--color-secondary);

}



.main-menu .navigation > li > ul > li > ul > li > a:hover{

  color: var(--color-secondary);

}



/*.banner-carousel .content-box h5{ bycx*/

.banner-carousel .content-box div{

	color: var(--color-secondary);

}



.banner-carousel .content-box .btn-box .call-now{

	/*border: 1px dashed var(--color-secondary); bycx*/

	border: 1px dashed var(--color-third);

}



.banner-carousel .content-box .btn-box .call-now .inner{

	/*background-color: var(--color-secondary); bycx*/

	background-color: var(--color-third);

}



.service-form-section .service-form .title-inner .link a{

	border: 1px dashed var(--color-secondary);

}



.service-form-section .service-form .title-inner .link a i{

	color: var(--color-secondary);

}



.service-form-section .service-form .title-inner .link a:hover{

  color:var(--color-secondary);

}



.service-form-section .service-form .form-inner .form-group input:focus{

	border: 1px solid var(--color-secondary) !important;

}



.feature-block-one .inner-box{

	border-left: 2px solid var(--color-secondary);

}



.feature-block-one .inner-box .icon-box{

	border: 1px dashed var(--color-secondary);

}



.feature-block-one .inner-box .icon-box .icon:before{

	background-color: var(--color-secondary);

}



.feature-block-one .inner-box:hover .icon-box .icon{

	background-color: var(--color-secondary);

}



.feature-block-one .inner-box .link a:before{

	/*background-color: var(--color-fourth); bycx*/

	background-color: var(--color-secondary);

}



.feature-block-one .inner-box .link a:hover{

  color: var(--color-secondary);

  border-color: var(--color-secondary);

}



.image_block_1 .image-box .image-content{

	/*border-left: 4px solid var(--color-secondary); bycx*/

	border-left: 4px solid var(--color-third);

}



.image_block_1 .image-box .image-content h2{

	/*color: var(--color-fourth); bycx*/

	color: var(--color-darkgray);

}



.banner-section .owl-theme .owl-dots .owl-dot span:before{

	background-color:var(--color-secondary);

}



.content_block_1 .content-box .author-box h3{

	color:var(--color-secondary);

}



.service-block-one .inner-box .image-box{

	background-color:var(--color-secondary);

}



.service-block-one .inner-box .lower-content .icon-box .icon:before{

	/*background-color:var(--color-secondary); bycx*/

	background-color: var(--color-white);

}



.service-block-one .inner-box:hover .lower-content .icon-box .icon{

	background-color:var(--color-secondary);

}



.service-block-one .inner-box .lower-content .text h3 a:hover{

  color:var(--color-secondary);

}



.service-block-one .inner-box .lower-content .link a:hover{

  color:var(--color-secondary);

}



.service-block-one .inner-box .lower-content .link a:before{

	/*background: var(--color-fourth); bycx*/

	background:var(--color-secondary);

}



.service-block-one .inner-box .lower-content .link{

	border-bottom: 2px solid var(--color-secondary);

}



.service-block-one .inner-box{

	border-bottom: 2px solid var(--color-secondary);

}



.nav-style-one .owl-prev:hover,

.nav-style-one .owl-next:hover{

  border-color: var(--color-secondary);

  background: var(--color-secondary);

}



.cta-text h3 a{

	color: var(--color-fourth);

	border-bottom: 1px dashed var(--color-fourth);

}



.cta-text h3 a span{

  color:var(--color-secondary);

}



/*.content_block_2 .content-box .inner-box .text h2{ bycx*/

.content_block_2 .content-box .inner-box .text span.h2{

	color: var(--color-secondary);

}



.chooseus-block-one .inner-box .icon-box .icon-shape:before{

	/*background-color: var(--color-fourth); bycx*/

	background-color: var(--color-third);

}



.chooseus-block-one .inner-box .icon-box .icon-shape:after{

	/*background-color: var(--color-fourth); bycx*/

	background-color: var(--color-third);

}



.project-block-one .inner-box .lower-content .inner .link a{

	color:var(--color-secondary);

	border-bottom: 1px solid var(--color-secondary);

}



.project-block-one .inner-box .lower-content .inner .link a:before{

	background-color: var(--color-fourth);

}



.dots-style-one .owl-dots .owl-dot.active span,

.dots-style-one .owl-dots .owl-dot span:hover{

	background-color: var(--color-secondary);

	border-color: var(--color-secondary);

}



.testimonial-section .title-inner .text a{

	border: 1px dashed var(--color-secondary);

}



.testimonial-section .title-inner .text a:hover{

  color: var(--color-secondary);

}



.testimonial-block-one .inner-box .author-box .rating li{

	/*color: var(--color-fourth); bycx*/

	color: var(--color-secondary);

} 



.counter-block-one .inner-box .icon-box{

	color: var(--color-secondary);

}



.counter-block-one .inner-box p{

	border-bottom: 1px dashed var(--color-fourth);

}



.content_block_3 .content-box .text .location-list li:before{

	color: var(--color-secondary);

}



.content_block_4 .content-box .support-box{

	border: 1px dashed var(--color-fourth);

}



.content_block_4 .content-box .support-box h3 a{

	color: var(--color-secondary);

}



.content_block_4 .content-box .support-box:before,

.content_block_4 .content-box .support-box:after{

	background-color: var(--color-fourth);

}



.news-block-one .inner-box .image-box a{

	border: 1px dashed var(--color-secondary);

}



.news-block-one .inner-box .image-box a:before{

	/*background-color: var(--color-fourth); bycx*/

	background-color: var(--color-third);

}



.news-block-one .inner-box .image-box a:hover{

	color:var(--color-secondary);

}



.news-block-one .inner-box .lower-content .inner .post-meta li a:hover{

  color:var(--color-secondary) !important;

}



.news-block-one .inner-box .lower-content .inner .post-meta li a span{

	/*background-color: var(--color-primary); byCXA*/

}



.news-block-one .inner-box .lower-content .inner h3 a:hover{

  color:var(--color-secondary); 

}



.news-block-one .inner-box .lower-content .post-info .info li a:hover{

  color:var(--color-secondary); 

}



.cta-section{

	/*border-bottom: 3px solid var(--color-fourth); by cx*/

	/*border-bottom: 3px solid var(--color-third); byCXA*/

}



.cta-section .inner-box .btn-box a.call{

	/*color: var(--color-fourth);

	border: 1px dashed var(--color-secondary); bycx*/

	color: var(--color-white);

	border: 1px solid var(--color-secondary);	

}



.main-footer .widget-section .logo-widget .social-links li a:hover, .cta-section .social-links li a:hover {

	/*background-color: var(--color-fourth); bycx*/

	background-color:var(--color-secondary);

}



.main-footer .widget-title:before{

	/*border: 1px dashed var(--color-secondary); bycx*/

	border: 1px solid var(--color-secondary);

}



.main-footer .widget-section .links-widget .links-list li a:hover:before{

	color: var(--color-secondary);

}



.main-footer .widget-section .contact-widget .info li a:hover{

	color: var(--color-secondary);

}



.main-footer .footer-bottom .copyright p a:hover{

  color: var(--color-secondary);

}



.cta-section .inner-box .btn-box a.call:hover{

  color: var(--color-secondary);

}



.header-top .phone-box p i{

	color: var(--color-secondary);

}



.header-top .phone-box p a{

	color: var(--color-secondary);

}



.main-header .header-top .single-box p i{

	color: var(--color-secondary);

}



.feature-block-two .inner-box .link a{

	color: var(--color-secondary);

}



.feature-block-two .inner-box .overlay-content .icon-box:before{

	border-bottom: 1px dashed var(--color-secondary);

}



.feature-block-two .inner-box .overlay-content{

	border-bottom: 4px solid var(--color-secondary);

}



.feature-block-two .inner-box .overlay-content .link a:before{

	border: 1px dashed var(--color-secondary);

}



.image_block_2 .image-box .single-box{

	/*border-left: 4px solid #68dbe8; by cx*/

	border-left: 4px solid var(--color-third);

}



/*.image_block_2 .image-box .single-box h2 i{ bycx*/

.image_block_2 .image-box .single-box span i{

	color: var(--color-secondary);

}



.image_block_2 .image-box .single-box p{

	/*border-bottom: 1px dashed #68dae7; bycx*/

	border-bottom: 1px dashed var(--color-third);

}



.image_block_2 .image-box .content-three{

	/*border: 2px solid #329b48; bycx*/

	border: 2px solid var(--color-third);

}



.image_block_2 .image-box .content-three .text{

	/*background-color: #329b48; bycx*/

	background-color: var(--color-third);

}



.image_block_2 .image-box .content-three .icon-box ul li{

	color: var(--color-secondary);

}



.content_block_5 .content-box .text .list li:before{

	color: var(--color-secondary);

}



/*.content_block_5 .content-box .btn-box a{

	border: 2px dashed var(--color-secondary);

}



.content_block_5 .content-box .btn-box a:before{

	background-color: var(--color-fourth);

}



.content_block_5 .content-box .btn-box a:hover{

	border: 2px solid var(--color-secondary);

	background-color: var(--color-secondary);

} bycx*/



.service-block-two .inner-box .content-box .icon-box{

	/*background-color: #68dbe8; bycx*/

	background-color: var(--color-third);

}



.service-block-two .inner-box .content-box h2 a:hover{

  color: var(--color-secondary);

}



.service-block-two .inner-box .content-box .list li:before{

	color: var(--color-secondary);

}



.service-block-two .inner-box .content-box .btn-box .theme-btn-one:before,

.service-block-two .inner-box .content-box .btn-box .theme-btn-one:after{

  /*background-color:var(--color-secondary); bycx*/

  background-color: var(--color-primary);

}



.service-block-two .inner-box .image-box .image-content .icon{

	background-color: var(--color-secondary);

}



.service-block-two .inner-box .image-box .image-conten h5 {

	border: 2px dashed var(--color-secondary);

}



.bg-color-3{

	background-color: var(--color-secondary);

}



.work-block-one .inner-box .icon-box span{

	color: var(--color-secondary);

}



.work-block-one .inner-box .icon-box .shape:before,

.work-block-one .inner-box .icon-box .shape:after{

	/*background-color: var(--color-fourth); bycx*/

	background-color: var(--color-third);

}



.tabs-box .tab-btn-box .tab-btns li{

	border-bottom: 1px solid var(--color-fourth);

}



.tabs-box .tab-btn-box .tab-btns li:before{

	background-color:var(--color-secondary);

}



.tabs-box .tab-btn-box .tab-btns li:hover .icon-box,

.tabs-box .tab-btn-box .tab-btns li.active-btn .icon-box{

  color: var(--color-secondary);

}



.tabs-box .tabs-content .text a {

    border: 1px dashed var(--color-secondary);

}



.tabs-box .tabs-content .text a:before {

    background-color: var(--color-fourth);

}



.tabs-box .tabs-content .text a:hover{

  border-color: var(--color-secondary);

  background-color: var(--color-secondary);

}



.video_block_1 .video-content .video-btn a{

	background-color: var(--color-secondary);

}



.team-block-one .inner-box .lower-content h3 a:hover{

  color: var(--color-secondary) !important;

}



.team-block-one .inner-box .lower-content .link a{

	color: var(--color-secondary);

}



.team-block-one .inner-box .lower-content .link a:hover{

	background: var(--color-secondary);

}



.team-block-one .inner-box .lower-content .link a:before{

	border: 1px dashed var(--color-secondary);

}



.team-block-one .inner-box:hover{

  border-color: var(--color-secondary);

}



.team-block-one .inner-box .lower-content .social-links li a:hover{

  color: var(--color-secondary);

}



.project-block-two .inner-box .link a:hover{

  color: var(--color-secondary);

}



.project-block-two .inner-box .text a{

	color: var(--color-secondary);

	border-bottom: 1px solid var(--color-secondary);

}



.project-style-two .sortable-masonry .filters .filter-tabs li.active,

.project-style-two .sortable-masonry .filters .filter-tabs li:hover{

	color: var(--color-secondary);

}



.testimonial-block-two .inner-box .icon-box{

	color: var(--color-secondary);

}



.testimonial-block-two .inner-box .author-box .rating li{

	color: var(--color-yellow);

}



.testimonial-style-two .thumb-box .icon-1{

	background-color: var(--color-fourth);

}



.testimonial-style-two .thumb-box .icon-3{

	background-color:var(--color-secondary);

}



.testimonial-style-two .thumb-box .icon-4{

	background-color:var(--color-secondary);

}



.testimonial-style-two .thumb-box .icon-6{

	background-color: var(--color-fourth);

}



.header-upper{

	border-top: 5px solid var(--color-primary); /*bycx*/

}



.header-upper .upper-info li h3 a:hover{

  color: var(--color-secondary);

}



.main-header.style-three .menu-right-content form .form-group input[type='search']:focus{

  border-color: var(--color-secondary) !important;

}



.main-header.style-three .menu-right-content form .form-group input:focus + button,

.main-header.style-three .menu-right-content form .form-group button:hover{

	color: var(--color-secondary);

}



.main-header.style-three .menu-right-content .social-links li a:hover{

  background: var(--color-secondary);

}



.banner-section.style-three .content-box .btn-box{

	/*border: 1px dashed var(--color-primary); byCXA*/

}



.banner-section.style-three .banner-btn .btn-shape:before,

.banner-section.style-three .banner-btn .btn-shape:after{

  background: var(--color-secondary);

}



.feature-block-three .inner-box .icon-box{

	border: 1px dashed var(--color-secondary);

}



.feature-block-three .inner-box:hover .icon-box{

	color: var(--color-secondary);

} 



.about-style-three .content-box .author h3{

	color: var(--color-secondary);

}



.counter-block-two .inner-box p{

	border-bottom: 1px dashed var(--color-secondary);

}



.service-style-three .service-block-one .inner-box .lower-content .icon-box{

  border-color: var(--color-secondary);

}



.service-style-three .service-block-one .inner-box:hover .lower-content .icon-box{

	background: var(--color-biancoottico);

	border-color: var(--color-biancoottico);

}



.service-style-three .service-block-one .inner-box .lower-content .link a:hover{

	color: var(--color-secondary);

}



.service-style-three .service-block-one .inner-box .lower-content .text h3 a:hover{

  color: var(--color-secondary);

}



.feature-block-four .inner-box .link a{

	border: 1px dashed var(--color-secondary);

}



.feature-block-four .inner-box .link a:hover{

  border: 1px solid var(--color-secondary);

  background-color: var(--color-secondary);

}



.feature-block-four .inner-box .icon-box:before,

.feature-block-four .inner-box .icon-box:after{

	background-color: var(--color-fourth);

}



.feature-style-four .image-box .image-content .inner h2{

	color: var(--color-secondary);

}



.pricing-block-one .pricing-table .table-header{

	border-bottom: 1px dashed var(--color-secondary);

}



.pricing-block-one .pricing-table .table-content h3{

	color: var(--color-primary);

}



.pricing-block-one .pricing-table .table-footer a:before,

.pricing-block-one .pricing-table .table-footer a:after{

	background-color: var(--color-secondary);

}



.project-block-three .inner-box .content-box .text a{

	color: var(--color-secondary);

	border-bottom: 1px solid var(--color-secondary);

}



.project-block-three .inner-box .content-box .text a:before{

	background-color: var(--color-fourth);

}



.appointment-section .map-inner .map-content .inner .icon-box{

	background-color: var(--color-secondary);

}



.appointment-section .map-inner .map-content .inner h6 a:hover{

  color: var(--color-secondary);

}



.appointment-section .appointment-form .form-group input:focus,

.appointment-section .appointment-form .form-group textarea:focus{

  border-color: var(--color-secondary) !important;

}



.border-top{

	border-top: 3px solid var(--color-fourth) !important;

}



.rtl .image_block_1 .image-box .image-content{

	border-right: 4px solid var(--color-secondary);

}



.page-title .content-box .bread-crumb li:before{

	/*background-color: var(--color-fourth); bycx*/

	background-color: var(--color-secondary);

}



.page-title .content-box .bread-crumb li a:hover{

  color: var(--color-secondary);

}



/*.cta-section .inner-box .btn-box a.theme-btn-one:hover{

  color:var(--color-secondary) !important;

} bycx*/



.cta-section .inner-box .btn-box a.theme-btn-one:hover .btn-shape:before,

.cta-section .inner-box .btn-box a.theme-btn-one:hover .btn-shape:after{

  background: var(--color-secondary);

  /*opacity: 0.2; bycx*/

}



.service-details-content .two-column .inner-box .single-item .icon-box .icon-shape:before,

.service-details-content .two-column .inner-box .single-item .icon-box .icon-shape:after{

	background-color: var(--color-fourth);

}



.service-details-content .content-two .text ul li:before{

	color: var(--color-secondary);

}



.service-details-content .service-project .single-project .link a{

	color: var(--color-secondary);

	border-bottom: 1px solid var(--color-secondary);

}



.service-details-content .service-project .single-project .link a:before{

	background: var(--color-fourth);

}



.service-details-content .service-project .single-project .overlay-content .view-btn a:hover{

  color: var(--color-secondary);

}



.default-sidebar .widget-title:before{

	/*background: var(--color-fourth); bycx*/

	background: var(--color-third);

}



.service-sidebar .sidebar-category .category-list li a{

	/*border: 1px dashed var(--color-fourth); bycx*/

	border: 1px dashed var(--color-third);

}



.service-sidebar .sidebar-category .category-list li a.current,

.service-sidebar .sidebar-category .category-list li a:hover{

  color: var(--color-secondary);

  border-color: var(--color-secondary);

}



.service-sidebar .sidebar-category .category-list li a.current:before,

.service-sidebar .sidebar-category .category-list li a:hover:before{

  color: var(--color-secondary);

}



.service-sidebar .download-brochure .list li a:hover{

	color: var(--color-secondary);

}



.default-sidebar .support-box .inner-box .icon-box{

	border: 2px dashed var(--color-secondary);

}



.default-sidebar .support-box .inner-box a.phone-box{

	/*color: var(--color-fourth); bycx*/

	color: var(--color-white);

	border: 1px dashed var(--color-secondary);

}



.default-sidebar .support-box .inner-box a.phone-box:hover{

  color: var(--color-secondary);

}



.default-sidebar .support-box .inner-box a.email:hover{

  color: var(--color-secondary);

}



.default-sidebar .support-box .inner-box{

	border-bottom: 2px solid var(--color-secondary);

}



.pagination li a:hover,

.pagination li a.current{

  color: var(--color-secondary);

  border-color: var(--color-secondary);

}



.news-block-one .inner-box .lower-content .inner h2 a:hover{

  color: var(--color-secondary);

}



.sidebar-page-container .news-block-one .inner-box .lower-content .post-info .info li.link a:before{

	background-color: var(--color-fourth);

}



.sidebar-page-container .news-block-one .inner-box .lower-content .post-info .info li.link a:hover{

  color: var(--color-secondary);

  border-color: var(--color-secondary);

}



.blog-sidebar .sidebar-search .search-form .form-group button{

	color: var(--color-secondary);

}



.blog-sidebar .sidebar-search .search-form .form-group input:focus{

  border-color: var(--color-secondary) !important;

}



.blog-sidebar .sidebar-category .category-list li a{

	border: 1px dashed var(--color-fourth);

}



.blog-sidebar .sidebar-category .category-list li a:hover{

  border-color: var(--color-secondary);

  color: var(--color-secondary);

}



.blog-sidebar .sidebar-post .post h5 a:hover{

  color: var(--color-secondary);

}



.blog-sidebar .sidebar-post .post .post-date i{

	color: var(--color-secondary);

}



.blog-sidebar .sidebar-tags .tags-list li a:hover{

  background: var(--color-secondary);

}



.blog-details-content .news-block-one .inner-box .post-info .tags li i{

	color: var(--color-secondary);

}



.blog-details-content .nav-box a:hover{

  color: var(--color-secondary);

}



.blog-details-content .nav-box a i{

  color: var(--color-secondary);

}



.group-title:before{

	background-color: var(--color-fourth);

}



.blog-details-content .comment-box .comment .comment-inner a.reply-btn{

	border: 1px dashed var(--color-fourth);

}



.blog-details-content .comment-box .comment .comment-inner a.reply-btn i{

	color: var(--color-secondary);

}



.blog-details-content .comment-box .comment .comment-inner a.reply-btn:hover{

	color: var(--color-secondary);

}



.blog-details-content .comments-form-area .default-form .form-group input:focus,

.blog-details-content .comments-form-area .default-form .form-group textarea:focus{

  border-color: var(--color-secondary) !important;

}



.contact-section .inner-content .title-inner .link a{

	border: 1px dashed var(--color-secondary);

}



.contact-section .inner-content .title-inner .link a i{

	color: var(--color-secondary);

}



.contact-section .inner-content .title-inner .link a:hover{

	color: var(--color-secondary);

}



.contact-section .default-form .form-group input:focus,

.contact-section .default-form .form-group textarea:focus{

  border-color: var(--color-secondary) !important;

}



.contact-info-two .single-info-box .icon-box{

	border: 1px dashed var(--color-secondary);

}



.contact-info-two .single-info-box p a:hover{

	color: var(--color-secondary);

}



.contact-info-two .single-info-box:before{

	background: var(--color-peach);

}



.contact-info-two .info-column:first-child .single-info-box:after{

	background: var(--color-peach);

}