/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:visible;}
.relative{ position:relative;}

/* Global properties ======================================================== */

body{ background:#92141f; border:0; font:13px Arial, Helvetica, sans-serif; color:#323232; line-height:25px; min-width:940px; overflow:hidden}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

/*.page_spinner{ position:absolute;background: url(../images/bg.jpg) 0 0 repeat #92141f; z-index:99; width:100%; height:100%; top:0; left:0}*/
.page_spinner{ position:absolute;background: 0 0 repeat #92141f; z-index:99; width:100%; height:100%; top:0; left:0}
.page_spinner div{ position:absolute;background: url(../images/ajax-loader.gif) 50% 50% no-repeat;width:100%; height:100%; top:0; left:0}


/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 940px; }

/*#bgStretch {overflow:hidden;z-index:-1; position:fixed; background-color: #92141f;}*/
/*#bgStretch {background-image: url(../images/bkg_intro.jpg); background-repeat: no-repeat !important;}*/
#bgStretch {overflow:hidden;z-index:-1; position:fixed}
.spinner {width:100%;height:100%;position: fixed;z-index:0;left:0;top:0;background: url(../images/ajax-loader.gif) center center no-repeat;}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-300% 0 0 0;overflow:hidden;padding:0}

body, html{ height:100%;}
.over{ position:relative; width:100%; overflow:hidden;min-height:100%; height:auto !important; background:url(../images/bg_top.png) 0 0 repeat-x}

.bg1{ position:absolute; bottom:0; left:0; width:100%; /*background:url(../images/bg_footer.png) 0 0 repeat-x;*/ height:60px; background-color: #fff;}

#bgStretch {overflow:hidden;z-index:-1; position:fixed; background-repeat: repeat; background-size: auto;}
.spinner {width:100%;height:100%;position: fixed;z-index:0;left:0;top:0;background: url(../images/ajax-loader.gif) center center no-repeat;}

/* ============================= main layout ====================== */

a{ color:#ad2f00; text-decoration: none; outline:none}
a:hover{}
h1{  float:left}
h2{ font:30px 'Asap', sans-serif; color:#ad2f00; line-height:1.2em; padding:2px 0 14px 0; letter-spacing:-2px;}
p{ padding-bottom:25px;}
strong{ color:#ad2f00}

/* ============================= header ====================== */
header{ overflow: hidden; position: relative;}

header h1 {
	margin: 30px 0px;
	overflow: hidden;
	width: 100%;
}
#logo{
	margin-left: 350px;
	display:block;
	text-indent:-9999px;
	background:url(../images/logo_2019.png) 0 0 no-repeat;
	width:240px;
	height:152px;
}

.menu_bar {
	overflow: hidden;
	display: block;
	width: 100%;
	background: url(../images/bg_content.png) 0 0 repeat; 
}
.menu_table {
	display: table;
	margin: 0 auto;
	overflow: hidden;
}
.menu { margin: 0px auto; display: block; overflow: hidden; text-align: center;}
#menu > li { float:left; margin-left:1px; position:relative;	/*background-color: rgba(255, 255, 255, 0.8);*/ }
/*#menu > li > a{ display:block; font:17px 'Asap', sans-serif; color:#fff; text-shadow:1px 1px rgba(0,0,0,.5)}*/

#menu > li > a{ display:block; font:16px 'Asap', sans-serif; color:#fff; padding:15px 30px; padding-bottom:0px; font-weight:bold; height:33px;}

#menu > li > a > img{ 
	float: left;
	margin-top: 4px;
	/*margin-right: 6px;*/
}

#menu > li > a:hover {}

#menu > .active > a {background: #ffffff; }

.submenu_1{ position:absolute; top:30px; left:-30px; width:110px; background:url(../images/bg_footer.png) repeat; padding:10px 0;}
.submenu_1 li{ position:relative;}
.submenu_1 span{ position: absolute; width:100%; height:100%; top:0; left:0; background:#fff}
.submenu_1 a{ display:block; font:14px 'Asap', sans-serif;  line-height:30px; color:#ad2f00; position:relative; text-align:center}

/* ============================= content ====================== */

#content{ margin-top:30px; padding-bottom:90px; position:relative}
#content > ul > li{ position:relative; background:url(../images/bg_content.png) repeat; width:100%; overflow:hidden; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);}

.pad{ padding:60px; overflow:hidden}
.pad_left1{ padding-left:60px}
.pad_bot1{ padding-bottom:15px;}
.pad_top1{ padding-top:30px;}
.marg_right1{ margin-right:20px}
.pad_no_top{ padding-top: 0px;}
.pad_no_bottom{ padding-bottom: 0px;}

figure{ padding-top:3px;}
#page_Services figure{ padding-top:0}

.link1{ position:relative; display:inline-block}
.link1 span{ position:absolute; bottom:4px; left:0; height:1px; width:0;}

.close{ position:absolute; background:url(../images/close.gif) 0 0 no-repeat; width:13px; height:13px; top:20px; right:20px;}
.close span{ width:100%; height:100%; background:url(../images/close_active.gif) 0 0 no-repeat; display:block}

#icons{ padding-top:8px;}
#icons li{ float:left; margin-right:10px}
#icons .first{ font-size:14px; margin-right:18px}
#icons a{ position:relative; display:block}
#icons .img_act{ position:absolute; top:0; left:0}

.scroll{height:360px; width:340px; overflow:hidden;}
.track{ width:20px; height:343px; padding:0 0; top:38px !important; left:360px !important; background: url(../images/scroll_track.png) 0 0 no-repeat}
.shuttle{ width:20px; height:76px; background: url(../images/scroll_drag.png) 0 0 no-repeat; margin-left:0px;}
._up-butt, ._down-butt{ height:0px !important;}

.list1{}
.list1 li{ padding-left:15px; background:url(../images/marker_1.gif) 0 10px no-repeat; overflow:hidden}
.list1 a{ position:relative}
.list1 span{ position:absolute; bottom:0; left:0; width:0; height:1px; background:#ad2f00}

.gallery_big_img{ position:relative; width:100%; height:426px; margin-top:10px}
.gallery_big_img img{ position:absolute; top:0; left:0; display: block;}

.gallery_label {
  position: absolute;
  z-index: 999;
  left: 10px;
  top: 10px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 4px 16px;
}



#caption{ position:relative; height:213px; width:100%; overflow:hidden;}
#caption  li{ position:absolute; top:0; left:0}

#gallery1{ width:100% !important;}
#gallery1 li{ float:left; margin-right:0px}
#gallery1 img{ width:120px; height:80px; margin-top:10px; float: left; margin-right: 10px;}
#gallery1 a:last-child img{ margin-right: 0px;}

/*.prev, .next{ position:absolute; top:192px; width:4px; height:6px; padding:5px; background:url(../images/marker_left.gif) 5px 5px no-repeat; left:-19px;}
.next{ left:auto; right:-19px; background:url(../images/marker_right.gif) 5px 5px no-repeat}
.prev span, .next span{ display:block; width:100%; height:100%; background:url(../images/marker_left.gif) 0 bottom no-repeat}
.next span{ background:url(../images/marker_right.gif) 0 bottom no-repeat}*/

.prev, .next{ position:absolute; top:38px; width:16px; height:24px; padding:0px; background:url(../images/marker_left.png) 0 top no-repeat; left:-29px;}
.next{ left:auto; right:-29px; background:url(../images/marker_right.png) 0 top no-repeat}
.prev span, .next span{ display:block; width:100%; height:100%; background:url(../images/marker_left.png) 0 bottom no-repeat}
.next span{ background:url(../images/marker_right.png) 0 bottom no-repeat}


.gallery_price {
	border-left: 1px solid #ad2f00;
	margin-top: 10px;
	padding-left: 20px;
}

.gallery_price h2 {
	padding: 0px;
	font-size: 40px;
}

.details_row {
	overflow: hidden;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ad2f00;
}

.details_title {
	overflow: hidden;
	float: left;
	width: 160px;
	font-weight: bold;
	color: #ad2f00;
}

.details_info {
	overflow: hidden;
	float: left;
	width: 480px;
}

.details_info .col_1_3 {
	width: 30%;
	margin-right: 5%;
	float: left;
	box-sizing: border-box;
	padding-left: 20px;
}

.details_info .col_1_3:last-child {
	margin-right: 0%;
}

.details_info .col_1_3 li {
	list-style-type: none;
	position: relative;
	line-height: 16px;
	margin-bottom: 12px;
}

.details_info .col_1_3 li img {
	position: absolute;
	left: -20px;
	top: 0px;
}

.details_row:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border: none;
}

sup { 
	vertical-align: super;
	font-size: smaller;
}

.social {
	position: absolute;
	top: 40px;
	left: 0px;
}

.tel {
	position: absolute;
	right: 0px;
	top: 40px;
	color: rgba(255, 255, 255, 0.75);
	font-style: italic;
	text-align: right;
	color: #fff;
	color: #92141f;
}

.tel span {
	font-size: 24px;
	display: block;
	color: #fff;
	color: #92141f;
}





.location {
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 16px;
	margin-bottom: 30px;
	/*clear: both;*/
}

.location h3 {
	margin: 0px;
	width: 100%;
	padding: 0px;
	padding-bottom: 10px;
}

.location p {
	padding: 0px;
	padding-bottom: 10px;
	line-height: 22px;
	text-align: justify;
}

.location img {
	margin-bottom: 20px;
}

.location .img_float_l {
	float: left;
	margin-right: 20px;
}

.location .img_float_r {
	float: right;
	margin-left: 20px;
}




.google_map{width:380px; height:206px; padding-top:0; position:relative; background:#fff; margin-top:3px; margin-bottom:22px;}

/* ============================= footer ====================== */

footer { color:#4d4d4d; text-align:center; padding-top:12px; position:relative;}
footer a{ text-decoration:underline}
footer a:hover{}

#bg_pagination{ position:absolute; right:60px; top:20px;}
#bg_pagination li{ float:left; margin-left:5px; background:url(../images/buttons.png) 0 0 no-repeat; position:relative}
#bg_pagination span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/buttons_active.gif) 0 0 no-repeat}
#bg_pagination a{ position:relative; display:block; width:20px; height:20px; line-height:20px; text-align:center; text-decoration:none}

/* ============================= forms ============================= */

#ContactForm{ position:relative; padding-bottom:20px}
#ContactForm .col1{ width:76px;}
#ContactForm .wrapper{ overflow:inherit; min-height:25px;}
#ContactForm .success{ display:none; position:absolute; bottom:0; line-height:20px}
#ContactForm label{ position:relative;min-height:22px; display: inline-block;}
#ContactForm .message{ height:206px;}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#ad2f00; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:23px; float:right;}
#ContactForm .input { margin:0;width:282px; height:16px; background: url(../images/spacer.gif) repeat; padding:2px 10px;color:#323232; font:13px Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;resize:none;width:282px; height:197px; background: url(../images/spacer.gif) repeat; padding:2px 10px;color:#323232; font:13px Arial, Helvetica, sans-serif;}


#ContactForm  .bg{ background:#fff; border:1px solid #e5e5e5; position:relative;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius:4px; display:inline-block; line-height:20px;}


/* -------------------------- columns --------------------------*/

.col1, .col2, .col3, .col4, .cols { float:left;}

.col1{ width:380px;}
.col2{ width:280px;}
.col3{ width:640px;}
.col4{ width:120px;}
#page_Contacts .col2{ width:70px; }

h3 {
	font:16px 'Asap', sans-serif;
	color:#ad2f00;
	line-height:1.2em;
	padding:0px 0 14px 0;
	text-transform:uppercase;
	margin-top:-18px;
	font-weight:bold;
}

.facebook {
	display:block;
	text-decoration:none;
	background-position:0px 0px;
	width:290px;
	height:50px;
}

.fbeng {
	background:url(../images/facebook-eng.png) no-repeat;
}

.fbita {
	background:url(../images/facebook-ita.png) no-repeat;
}

.facebook:hover {
	background-position:0px -50px;
}




.wrapper figure {
	margin-bottom: 40px;
}





form button {
  float: right;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #ad2f00;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
}
.alert {
  margin-top: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px 20px;
  display: none;
}
.alert strong {
  display: block;
}
label.field_error {
  position: absolute !important;
  color: #ad2f00;
  right: 4px;
  font-size: 11px;
}
.wrapper-checkbox label.field_error {
  top: 16px;
  left: 0;
}





.promo_button {
  padding: 10px 20px;
  /*background-color: #ad2f00;*/
  background: rgb(255,112,8);
  background: -moz-linear-gradient(180deg, rgba(255,112,8,1) 0%, rgba(173,47,0,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255,112,8,1) 0%, rgba(173,47,0,1) 100%);
  background: linear-gradient(180deg, rgba(255,112,8,1) 0%, rgba(173,47,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7008",endColorstr="#ad2f00",GradientType=1);
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
  box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  text-transform: uppercase;

  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.promo_button img {
  position: relative;
  margin-top: 3px;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}










.overlay {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}

.overlay-content {
  width: 540px;
  height: 480px;
  position: absolute;
  background-color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 6px;
}

.overlay-close {
  position: absolute;
  right: 0px;
  top: 0px;
  color: #ad2f00;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 24px;
  cursor: pointer;
}

iframe {
  width: 100%;
  height: 100%;
}