/*-------------------------------------------------------------------------*/
/* Copyright (c) DELTA X MULTIMEDIA                                        */
/* Tutti i diritti sono riservati - All rights reserved                    */
/* https://www.deltaxmultimedia.it - info@deltaxmultimeida.it              */
/* CSS Document                                                            */
/*-------------------------------------------------------------------------*/
/* Customized theme style  - v.3.02 June  2021                             */
/*-------------------------------------------------------------------------*/


body
{
 color: #666;
 background-color: #fff;
}

h1,h2,h3 {font-weight: 500; color:#666;}

.link_alert:link,.link_alert:active,.link_alert:visited  {color:#cc0000;}
.link_alert:hover {color:#00a651;}

/* hide tap highlight on mobiles */
input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: rgba(0,0,0,0)!important;
  -webkit-tap-highlight-color: transparent!important;
}

/*standard image with borders*/
.img_desc 
{
	border:1px solid #666;
}

/*to solve bug of resizing using flexbox in chrome*/
.ChromeFlexbox
{
	outline: 1px solid #666 !important;	
}

/* Text Selection ---------------------------------------------------------------------------- */
::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: #696870;
}

::selection {
  color: #fff;
  background: #696870;
}

/* Header ------------------------------------------------------------------------------- */

.top
{
	color:#ffabb5;
	background:#b40000;
}

#top_main_link
{
	display:inline-block;
}

.link_top_info:link, .link_top_social:link, .link_top_info:active, .link_top_social:active, .link_top_info:visited, .link_top_social:visited{color:#ff919e;}
.link_top_info:hover, .link_top_social:hover {color:#fff;}

/*.link_top_info
{
	color:#ff919e;
}*/

/* Logo --------------------------------------------------------------------------------- */

#logo
{
	width: 280px; /*410*/
}

#logo_sticky
{
	width: 170px;
}

#logo_footer
{
	width:190px;
	max-width: 190px;
}

@media screen and (max-width: 1024px)
{
 	#logo
	{
		width:280px;
	}	
}
									
									
@media screen and (max-width: 920px) 
{	
	#logo
	{
		width:280px;
	}
}

@media screen and (max-width: 790px) 
{
	#logo
	{
		width:280px;
	}

	#logo_footer
	{
		width:200px;
		max-width: 200px;
	}
}


/* NAV ---------------------------------------------------------------------------------- */

.link_nav:link,.link_nav:active,.link_nav:visited  {font-size: 16px; color:#000 !important}
.link_nav:hover {color:#000 !important;}

.menu,.sticky_menu
{
	background-color:#fff;
	border-bottom:1px solid #ddd;
}

.sticky_menu
{
	background-color: rgba(255, 255, 255, 0.98);
}

nav a, sticky_nav a
{
	color:#81808a;
	border: 1px solid #transparent !important;
}

/*nav a
{
	padding-bottom:16px;
}*/	

sticky_nav a {
	border-bottom:1px solid #313135 !important;
}


nav a:link, sticky_nav a:link
{
	border-color: #fff;
}


/*nav a:link, sticky_nav a:link
{
	border-color: #000 !important;
}*/

#nav_menu
{
	margin-top:40px;
}

#nav_sticky_menu
{
	margin-top:10px;
}

sticky_nav a:link
{
	border-color: transparent !important;
}

nav a:hover,nav a:active{
	color:#b40000 !important;
}

nav a:hover
{
	border-bottom: 2px solid #b40000 !important;
}


sticky_nav a:hover,sticky_nav a:active
{
	color:#b40000 !important;
}


sticky_nav a:hover
{
	border-bottom-color: #b40000 !important;
}					
									
@media screen and (max-width: 790px) 
{
	/* side nav bg color */
	nav a:hover, nav a:active, sticky_nav a:hover, sticky_nav a:active {
		background-color: #b40000;
		color: #fff !important;
	}	
}


/* Slider ------------------------------------------------------------------------------- */

#slider1_content
{
	width: 1900px;
	height: 600px;
}

.slider_container
{
	border-bottom:1px;
	border-bottom-style:solid;

	border-top-color: #ddd;
	border-bottom-color: #ddd;
}

#slider_content
{
	color:#fff;	
	background-color: rgba(0, 0, 0, 0.4);
}


/* Current page ------------------------------------------------------------------------- */


/*

p1 = about us page
p2 = services page 
p3 = fotogallery page 
p4 = contacts page 

*/

/*nav ul li:hover,*/
body.p1 li.p1,
body.p2 li.p2,
body.p3 li.p3,
body.p4 li.p4,
body.p5 li.p5,
body.p6 li.p6,
body.p7 li.p7,
body.p8 li.p8 {color: #313135;}

/*nav ul li:hover a,*/

body.p1 li.p1 a,
body.p2 li.p2 a,
body.p3 li.p3 a,
body.p4 li.p4 a,
body.p5 li.p5 a,
body.p6 li.p6 a,
body.p7 li.p7 a,
body.p8 li.p8 a{ color: #313135; border-bottom:2px solid #a7a7ab; }

/* Page --------------------------------------------------------------------------------- */

.page_title
{
	color:#313135;
}

.section_title
{
	color:#ee8220;
}

.title_border_bottom
{
	border-bottom:4px solid #eee;
}

/*.link_breadcrumbs {color:#b9a039;}*/
.link:link, .link_breadcrumbs:link,.link:active, .link_breadcrumbs:active,.link:visited, .link_breadcrumbs:visited{color:#666;}
.link:hover, .link_breadcrumbs:hover {color:#000;}


.breadcrumbs_page_title{
	color:#444349;
}

.breadcrumbs
{
	background-color:#f2f2f2;	
	border-bottom:1px solid #ddd;
	color:#999;	
}



/*
.breadcrumb_title
{

}
*/


.service-box
{
    background: #ffffff;
	color:#0070ba;
}

.row-container
{
	border-bottom:1px dotted #666;
}

#content_wrapper
{
	color:#666;
}

#right_side,#right_side1
{
	border-left:1px solid #eee;	
}

/*#left_side
{
}*/


/*.flex-box-container
{
	border-right:1px solid #eee;
}*/

.contact_item
{
	color:#666;
}

.item_row
{
	border-bottom:1px solid #eee;	
}

/* COUNTER ----------------------------------------------------------------------------- */

.counters
{
	background-color:#8d8c96; /*#0f4e7e;*/
	color: #e0e0e0;	
}

/* Style the counter cards */
.counter_card {
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);*/

	background-color: #444;
	color: white;
}



/* Media Gallery ------------------------------------------------------------------------ */
.photo
{
	border:1px solid #666;
}

.media-zoom span {

	color:#fff;
}


/* Pagination --------------------------------------------------------------------------- */
.paginate a {
	border:1px solid #999;
	color: #333;
}

.paginate a:hover, .paginate a:active
{
	background-color:#a8a6b3;
	color: #fff;
}

.current
{
	border:1px solid #999;
	background-color:#313135;
	color: #FFF;
}

/* Highlights --------------------------------------------------------------------------- */

.hl-title
{
	color:#5b6b80;
}


.highlights
{
	background-color:#f4f4f4;
	color: #666;	
}


.hl_desc
{
	color:#666 !important;
}

.hl-row
{
	color:#666;
	border-bottom:1px dotted #000;
}

/* highlights buttons */

.btn_hl,.btn_shl
{
	padding:20px 10px 20px 10px;	
	background: #696870;
	color:#fff;
	text-decoration:none;	
	/*text-shadow: 1px 1px 0px #000000;*/
}

.btn_shl
{
	border: none;
	color:#fff;
}

.btn_shl:hover
{
	background:#444444;
	color:#fff;
}

/* Testimonials ------------------------------------------------------------------------- */

.testimonials
{
	background:#ecedf0;	
}

figure.testimonial blockquote {
	background-color: #fff;
}

figure.testimonial blockquote:before, figure.testimonial blockquote:after {
	color: #696870;
}

figure.testimonial .btn {
	border-top: 25px solid #fff;
}

figure.testimonial .peopl {
	/*font-family: 'Patua One', cursive;*/
	font-size: 1.2em;
	line-height: 1.4em;
	color: #666;
}

.slick-prev:before, .slick-next:before {
	color: white;
}

.star-rate
{
	color:#f8b703;

}

.nostar-rate
{
	color:#dbdbdb;
}
/* Social ------------------------------------------------------------------------------- */

.btn_social
{
	background-color:#eee;
	color:#000;
}

.btn_social:hover
{
	background-color:#60a7ff;	
	color:#fff;
}

#social .facebook, #social .twitter, #social .instagram, #social .youtube, #social .pinterest, #social .linkedin, #social .wikicasa
{
	background-color:#eee;
	color:#000;
}


#social .facebook:hover
{
	background-color:#3b5998;
	color:#fff;
}

#social .linkedin:hover
{
	background-color:#0266c3;
	color:#fff;
}

#social .twitter:hover
{
	background-color:#1da1f2;
	color:#fff;
}

#social .youtube:hover
{
	background-color:#FF0000;
	color:#fff;
}

#social .instagram:hover{

	background: #d6249f;
   	background-image: radial-gradient(circle at 30% 100%, #fdf497 0%, #fdf497 5%, #fd5949 30%,#d6249f 60%,#285AEB 90%);
	color:#fff;
}

#social .pinterest:hover
{
	background-color:#c8232c;
	color:#fff;
}

#social .wikicasa
{
	text-decoration:none;
}

#social .wikicasa:hover
{
	background-color:#2b5dff;
	color:#fff;
	text-decoration:none;
}

#social .whatsapp
{
	text-decoration:none;
	background-color:#acebb3 !important;
	
}

#social .whatsapp:hover
{
	background-color:#25b43c !important;
	color:#fff;
}




/* Map ---------------------------------------------------------------------------------- */

#map
{
	border-top:4px solid #ddd;
	border-bottom:4px solid #ddd;
}

#map:hover
{
	border-top:4px solid #b40000;
	border-bottom:4px solid #b40000;
}

#map-loader
{
	color:#fff;
}

/*Leaflet*/

.leaflet-range-control input[type=range]
{ 
	background: #fff;
}

.leaflet-range-control input[type=range]::-webkit-slider-thumb
{
	background: #444349;
	border-color: #fff;
}

.leaflet-range-control input[type=range]::-moz-range-thumb
{
	background: #444349;
	border-color: #fff;
}

.leaflet-range-control input[type=range]::-ms-thumb
{
	background: #444349;
	border-color: #fff;
}

.leaflet-control-fullscreen a {
	background-color:#fff;
}

.leaflet-control-home a {
	background-color:#fff;
}

.leaflet-control-street a
{
  background-color:#fff;
}

.leaflet-control-satellite a
{
  background-color:#fff;
}
.opacitySlider
{
	box-shadow:rgba(0,0,0,0.5);
}

/* Brands ------------------------------------------------------------------------------- */
.brands
{
	background-color:#8d8c96;
	color:#fff;
}


.brands .fbx-img img
{
	opacity: 0.6;
}

	
/* Footer ------------------------------------------------------------------------------- */

.link_footer:link, .link_footer:active, .link_footer:visited {color:#a8a6b3;}
.link_footer:hover {color:#fff;}

.link_footer_credits:link,.link_footer_credits:active,.link_footer_credits:visited {color:#e0e0e0;}
.link_footer_credits:hover {color:#fff;}

.link_sitemap_item:link,.link_sitemap_item:active,.link_sitemap_item:visited {color:#800608;}
.link_sitemap_item:hover {color:#fff;}


.footer
{
	background-color:#665c5c; /*#0f4e7e;*/
	color: #e0e0e0;
}

.footer_item
{
	color:#a8a6b3;
	border-bottom:2px dotted #49494f;
}

.footer_item:first-child
{
	padding-top:0px;
}

.footer_copyright
{
	color:#e0e0e0;
	background-color:#232326;
}

.sitemap_box_title
{
	color:#fff;	
}

/* FORMs elements  ---------------------------------------------------------------------- */

.field input:focus, .field textarea:focus, .field select:focus
{
	opacity: 1;
	border: 1px solid #b40000;
	/*-webkit-box-shadow: 0px 0px 3px 2px rgba(255,153,0,0.20);
	-moz-box-shadow: 0px 0px 3px 2px rgba(255,153,0,0.20);
	box-shadow: 0px 0px 3px 2px rgba(255,153,0,0.20);*/
	background-color: transparent;
	color:#333;
}

.field input, .field textarea, .field select{
	border: 1px solid #ccc;	
	background-color: #f6f6f6;
	color:#000
}

/*.field select{
	color:#666;
}*/		  


/* Custom Checkbox*/

/* Create a custom checkbox */
.checkmark {
  background-color: #fff;
  border:1px solid #000;
}

/* On mouse-over, add a grey background color */
.cb-container:hover input ~ .checkmark {
  background-color: #eee;
}

/* When the checkbox is checked, add a blue background */
.cb-container input:checked ~ .checkmark {
  background-color: #b40000;
}

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

.form_button{
	background-color:#696870;
	color:#fff;
}

.btn:hover
{
	cursor:pointer;
	background:#b40000;
	color:#fff;
}


.btn:active
{
	cursor:pointer;
	background:#696870;
	color:#ddd;
}

.btn_submit
{
	background: #696870;
	color:#fff;
}

.btn_up {
    background-color: rgba(0, 0, 0, 0.2);
}
.btn_up::before {
	color: #fff;
}

.btn_up:hover{
	background-color: rgba(180, 0, 0, 0.5);
}

#btn_up_box
{
	background-color:#00FF66;
}

.error { 
    color: red; 
} 
#result { 
    color:#333333; 
}

#mailError { 
    color:#333333; 
}

.frmMailError
{
	border:1px solid #ffd2cf;
	background-color:#fff0f0;
	color:#cc0000;
}

/* General and demo purposes ------------------------------------------------------------ */

.four-col-grid-item
{
  background: rgba(255, 0, 0, 0.25);
}	

/* For a 4-column grid */
.four-col-grid-item:nth-child(4n+4)
{
  background: rgba(255, 0, 0, 0.25);
}

.underline
{
	color:inherit;
}

@keyframes colorchange
{
  0%   {background: red;}
  25%  {background: yellow;}
  50%  {background: blue;}
  75%  {background: green;}
  100% {background: red;}
}

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
  0%   {background: red;}
  25%  {background: yellow;}
  50%  {background: blue;}
  75%  {background: green;}
  100% {background: red;}
}

/* Compliance Cookie -------------------------------------------------------------------- */

.complianceCookie
{
	background-color:#eee;
	color:#000;
}

.btn_CookieLaw
{
	background: #999;
	/*border:solid 1px #fff;*/
	color:#fff;
}

.btn_CookieLaw:hover
{
	background:#696870;
	color:#fff;
}

.link_CookieLaw:link,.link_CookieLaw:active,.link_CookieLaw:visited  {color:#000;}
.link_CookieLaw:hover {color:#696870;}

/* CUSTOM ------------------------------------------------------------------------------- */

#wrapper
{
	max-width: 1200px !important;  /*1020*/
}

ul.list { list-style-image: inherit; list-style: inside;list-style-type: disc;}

.handscript
{
	font-family: "FreestyleScript-Regular";
}

#slogan
{
	font-size:80px;
	line-height:80px;
	text-align:center;
	color:#999;
}

.column
{
    padding:20px !important;
	border:1px solid #f0f0f0;
	background-color:#FFF !important;
}