/* ShowPro - Table of Contents */
/*------------------------------- 

1. Color-Layout Styles
2. Reset Styles 
3. Layout and Font Styles
4. Header Styles
5. Main Section Styles
6. Features Section Styles
7. Z-layout sections
8. Newsletter Section Styles
9. Footer Section Styles
10.Contact Form Styles
11. Responsive Styles

 
 
/* ------------- 1. Skin and Layout Styles --------------- */

@import url("skins/wide.css");
 
@import url("skins/blue.css");

/* ---------------- 2. Reset Styles ----------------- */

html,  div, span, object, iframe,
h1, body, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, small, strong, ol, ul, li, form, label,
table, caption, tr, td, footer, header {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
footer, header, menu, nav, section { display: block; }
ol, ul { list-style: none; }

/* Reset a Tags */
a { color:#efefef; text-decoration:none; }
a:focus { outline:0; text-decoration:none; }
a:hover { color:#fff; text-decoration:none; }


/* ---------------- 3. Layout and Font Styles ----------------- */

.clear { clear:both; }
.wrapper { width:940px; margin:0 auto; }
body { font-family: 'Roboto', sans-serif; }
.howitwork, .screenshots, .testimonials, footer { background:url("../img/body.png") repeat !important;}
.pattern { background:url("../img/pattern.png") repeat !important; }

/* ---------------- 4. Header Styles ----------------- */

/* Header and Logo */
.header { height:76px; display:block; background-color:rgba(0,0,0,0.17); box-shadow:0px -1px 0px rgba(0,0,0,0.1) inset;    }
.logo { float:left; width:146px; }
.logo h1 { float:left; margin:26px 0 0; width:146px; height:28px;  display:block;  background:url(../img/logo.png) no-repeat ; }


/* Navigation and Button */
.navi { float:right; width:505px; }
.navi1  { width:150px; float:right; padding:26px 0; }
.navi1 li  { font-weight:500;  text-shadow:1px 1px 1px rgba(0,0,0,0.2); float:left; margin:0 0 0 25px;}
.navi1 li   {opacity:0.6;}
.navi1 li:hover  {opacity:1;}
.navi1 li.active   {opacity:1;}
.navi2  { padding:0px 0 0 0; margin:20px 0 0 40px; display:block; width:190px; float:left; height:36px; background:url("../img/hd-div.png") no-repeat left ;  }
.hd-button a { font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0.2);box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 0 rgba(255, 255, 255, 0.34) inset, 0 -1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 3px rgba(0, 0, 0, 0.1);  float:right; font-size:16px;   padding:5px 28px 0 15px; width:84px; height:29px; border-radius:3px;  }


/* ---------------- 5. Main Section Styles ----------------- */


.main-content { padding:45px 0 0; height:375px; display:block; box-shadow:0px 1px 0px rgba(255,255,255,0.2) inset,0px -1px 0px rgba(0,0,0,0.1) inset ; }
.product { width:370px; float:left; height:445px; }
.product-data { width:540px; padding:0 0 0 30px; float:right; }
.product-data h2 { font-size:28px; font-weight:300; color:#fff;  text-shadow:1px 1px 1px rgba(0,0,0,0.25); }
.product-data h2 strong { font-weight:500; }
.product-data p.subtitle { text-shadow:1px 1px 1px rgba(0,0,0,0.25); padding:25px 0 0; font-size:17px; color:#fff;   }
.product-data p.subtitle span { font-size:17px; color:#fff;  margin: 0 6px; padding:4px 10px 6px; border-radius:3px; box-shadow:1px 1px 0px rgba(255,255,255,0.2), 1px 1px 1px rgba(0,0,0,0.1) inset;}
.product-data ul  { margin:35px 0 0 0; font-weight:500; text-shadow:1px 1px 1px rgba(255,255,255,0.25);}
.product-data ul li {  margin:0 0 25px 0;   display:block; padding:0 0 0 30px; font-size:14px; }

/*  layout 1 */
.buttons { width:100%;  font-weight:500; padding:10px 0 0; }
.buttons a { font-size:18px; text-align:center; border-radius:3px;  float:left; width:185px; height:38px;  padding:12px 60px 0 0px; }
.buttons a.bt1 { color:#929396; text-shadow:1px 1px 1px rgba(255,255,255,0.8);box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.34) inset, 0 -1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 3px rgba(0, 0, 0, 0.1);      background:url("../img/bt1.png") no-repeat 92% 0px ;  background-color:#f3f3f3; }
.buttons a.bt1:hover { background-color:#fff; }
.buttons p.bt-div { text-shadow:1px 1px 1px rgba(0,0,0,0.1); font-size:11px; color:#fff; text-align:center; float:left; height:38px; display:block; width:40px;   background:url("../img/bt-div.png") no-repeat center top  ; margin:15px 0 0;  }
.buttons a.bt2 { color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.2);box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(255, 255, 255, 0.1) inset, 0 -1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 3px rgba(0, 0, 0, 0.1); }

/*  layout 2 */
.buttons2 { background:rgba(0,0,0,0.17); width:90%; display:block; height:50px; padding:6px; border-radius:4px; box-shadow:1px 1px 1px rgba(0,0,0,0.2) inset,1px 1px 1px rgba(255,255,255,0.2);   }

.buttons2 a.bt { font-size:18px; text-align:center; border-radius:3px;  float:left; width:88%; height:38px;  padding:12px 60px 0 0px; display:block;  color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.2);box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 0 rgba(255, 255, 255, 0.34) inset, 0 -1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 3px rgba(0, 0, 0, 0.1);  }


/*  layout 3 */
.newsletter-form {   margin:0 auto; width:400px; }
input.email-newsletter {border:1px solid rgba(0,0,0,0.2); background:rgba(0,0,0,0.17);  color:#fff; width:280px ; padding-left:14px;float:left; height:30px; border-radius: 6px 0px 0px 6px;  box-shadow:1px 1px 1px rgba(0,0,0,0) inset,1px 1px 1px rgba(255,255,255,0.2);     }
input.email-newsletter:focus { color:#fff; outline:0; box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.8); border:1px solid rgba(0,0,0,0.2);  }
input.email-newsletter:focus:valid { color:#fff; outline:0; box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.8); border:1px solid rgba(0,0,0,0.2);  }
input.email-newsletter:focus:invalid { color:#fff; outline:0; box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.8); border:1px solid rgba(0,0,0,0.2);  }
input.button-newsletter { color:#efefef; float:left; height:40px; border-radius: 0px 6px 6px 0px; width:90px; box-shadow:0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.34) inset, 0 -1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 3px rgba(255, 255, 255, 0.1);   outline:0;border:1px solid rgba(0,0,0,0.2);}
.newsletter { width:100%; float:left; }
.newsletter-form { margin:10px 0 0;  width:100%; float:left;  }
/* ---------------- 6. Features Section Styles ----------------- */

.second-section { padding:80px 0 0; background:url("../img/body.png") repeat !important; display:block; box-shadow:0px 1px 0px rgba(255,255,255,0.8) inset; }
.title { width:100%; }
.title .div-left { margin:13px 0; height:10px; width:217px; float:left; background:url("../img/div-left.png") no-repeat left ;   } 
.title h1 { font-weight:300; color:#444c4f; text-shadow:1px 1px 1px rgba(255,255,255,0.6); font-size:24px; float:left; width:506px; text-align:center; }
.title h1 span {  font-weight:500; }
.title .div-right { margin:13px 0; float:left; height:10px; width:217px; background:url("../img/div-right.png") no-repeat right ; } 

.featu { overflow:hidden; box-shadow:1px 1px 1px rgba(255, 255, 255, 0.4); margin:30px 0 0;  display:block; padding:25px 0 25px;	background-color: #f3f3f3; border-radius: 6px;	border:1px solid #d5d6d5;	color: #999;	cursor:pointer; }
 	
.featu-icon { position: relative; width:142px; height:85px; margin:0 auto;   }
.ft2 { position:absolute; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";   }
.ft1 { position:absolute;  }

.featu .featu-title h6 { text-shadow:1px 1px 1px rgba(255,255,255,0.6); text-align:center; font-size:16px; font-weight:600; color:#505d63;  padding:25px 0 18px; margin:0 auto; }
.featu .featu-title-h h6 { text-shadow:1px 1px 1px rgba(0,0,0,0.2); color:#fff; }
.featu .featu-body p { text-align:center; line-height:1.7; font-size:13px;   font-weight:300; color:#818488;  padding:0px 30px; margin:0 auto; }
.featu .featu-body-h  p { font-weight:400; color:#efefef; text-shadow:1px 1px 1px rgba(0,0,0,0.2);}

.featu .featu-link { color:#818488; margin:25px auto 0; border-radius:3px; padding:6px 0 9px; display:block; font-size:13px; background-color:#e8e9e8; text-align:center; width:108px; border: 1px solid #dadada; }
.featu .featu-link-h { box-shadow:0px 0px 1px rgba(0, 0, 0, 0.4); color:#818488; margin:25px auto 0;  background-color:#eaeaea;  }
.featu .featu-link-h:hover { background-color:#fff;  }


/* ---------------- 7. Tabbed Section Styles ----------------- */

.tabbed { padding:65px 0; }

.tabbed-features { padding:60px 0 0; }
.tabs-nav { width:360px; height:5px; margin:0px auto 0; color:#909aa0; clear:both; }
.tabs-nav img{   margin:0 10px 0 0;   }
.tabs-nav a { display:block; height:26px; padding:8px 0 0; border-radius:4px; text-align:center; background-color:#eaeaea; border:1px solid #dadada; color:#909aa0; font-size:13px; width:120px; }
.tabs-nav li { float:left; width:120px; display:block; }
.ui-tabs-active a { background-color:#f3f3f3; border:1px solid #dadada; color:#737b7e; }

.tabs-content { margin:35px 0 0; height:320px; display:block; margin:15px 0 0; padding:65px 30px 10px; box-shadow:1px 1px 1px rgba(255, 255, 255, 0.4); background-color: #f3f3f3; border-radius 6px; border:1px solid #d5d6d5; width:880px; overflow:auto; }

.tabs-text { width:50%; float:left; }
.tabs-text h6 {  font-size:24px; font-weight:600; color:#444c4f;   }
.tabs-text p  {  font-size:14px; font-weight:300; color:#818488; padding:24px 0 0; line-height:1.8;  }
.tabs-text p.subtitles {  font-size:14px; font-weight:600; padding:24px 0 0;  }


.tabs-text1 { width:100%; float:left; }
.tabs-text1 h6 {  font-size:24px; font-weight:600; color:#444c4f;   }
.tabs-text1 p  {  font-size:14px; font-weight:300; color:#818488; padding:24px 0 0; line-height:1.8;  }
.tabs-text1 p.subtitles {  font-size:14px; font-weight:600; padding:24px 0 0;  }
.tabs-text1 p.piccolo {  font-size:11px; font-weight:300; padding:12px 0 0;  }

.tabs-img { width:48%; float:right; }
.tabs-img iframe { width:100%;   }
.tabs-img img { margin:0px 0 0; }

.tabs-img1 { width:50%; float:right; }
.tabs-img1 iframe { width:100%;   }
.tabs-img1 img { margin:0px 0 0; }


.tabs-text ul  { margin:35px 0 0 0; font-weight:500; text-shadow:1px 1px 1px rgba(255,255,255,0.25);}
.tabs-text ul li { color:#818488; margin:0 0 25px 0;  display:block; padding:0 0 0 30px; font-size:14px; }


/* ---------------- 8. Screenshots Section Styles ----------------- */

.screenshots .title { padding:0 0 35px;  }

img.a { position: absolute; left: 0;	top: 0;  z-index: 10; border:0px solid #cccccc;	cursor:pointer;	}
img.b {	position: absolute;	left: 0; top: 0; z-index: 12; border:0px solid #cccccc;	opacity:0; cursor:pointer;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/	}

.gallery { margin:25px 0 0; clear:both;}
.gallery ul { margin:25px 0 0;  min-height:150px; height:150px;   }
.gallery li { position:relative;  min-height:150px; max-width:100%; }	
.gallery li img { box-shadow: 0 0  1px rgba(0, 0, 0, 0.6), 0 1px 1px rgba(255, 255, 255, 0.2) inset, 0 -1px 1px rgba(255, 255, 255, 0.2) inset, 0 1px 3px rgba(0, 0, 0, 0.6);   width:99%; border-radius: 3px; }


/* ---------------- 9. Testimonials Section Styles ----------------- */
.testimonials { padding:65px 0 65px; }
.testi { overflow:hidden; box-shadow:1px 1px 1px rgba(255, 255, 255, 0.4); margin:30px 0 0;  display:block; padding:25px 0 25px; background-color: #f3f3f3; border-radius: 6px; border:1px solid #d5d6d5; color: #999; cursor:pointer; }

.client { height:99px; display:block;  width:99px; margin:0 auto; }
.clientRotator { height:99px; display:block;  width:99px; margin:0 auto; }

/*.testi p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; }*/
.testi p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; }


.testiCastellucci { overflow:hidden; box-shadow:1px 1px 1px rgba(255, 255, 255, 0.4); margin:30px 0 0;  display:block; padding:25px 0 25px; background-color: #f3f3f3; border-radius: 6px; border:1px solid #d5d6d5; color: #999; cursor:pointer; }
.testiCastellucci p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:110px; -webkit-transition: height 1s; transition: height 1s; -moz-transition: height 1s; -o-transition: height 1s; }
.testiCastellucci p:hover { height:260px; }

.testiCantatore { overflow:hidden; box-shadow:1px 1px 1px rgba(255, 255, 255, 0.4); margin:30px 0 0;  display:block; padding:25px 0 25px; background-color: #f3f3f3; border-radius: 6px; border:1px solid #d5d6d5; color: #999; cursor:pointer; }
.testiCantatore p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:110px; -webkit-transition: height 1s; transition: height 1s; -moz-transition: height 1s; -o-transition: height 1s; }
.testiCantatore p:hover { height:640px; }

.testiBerutti { overflow:hidden; box-shadow:1px 1px 1px rgba(255, 255, 255, 0.4); margin:30px 0 0;  display:block; padding:25px 0 25px; background-color: #f3f3f3; border-radius: 6px; border:1px solid #d5d6d5; color: #999; cursor:pointer; }
.testiBerutti p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:110px; -webkit-transition: height 1s; transition: height 1s; -moz-transition: height 1s; -o-transition: height 1s; }
.testiBerutti p:hover { height:530px; }

.testiInsieme { overflow:hidden; box-shadow:1px 1px 1px rgba(255, 255, 255, 0.4); margin:30px 0 0;  display:block; padding:25px 0 25px; background-color: #f3f3f3; border-radius: 6px; border:1px solid #d5d6d5; color: #999; cursor:pointer; }
.testiInsieme p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:110px; -webkit-transition: height 1s; transition: height 1s; -moz-transition: height 1s; -o-transition: height 1s; }
.testiInsieme p:hover { height:730px; }



.testiCastellucciEn { overflow:hidden; box-shadow:1px 1px 1px rgba(255, 255, 255, 0.4); margin:30px 0 0;  display:block; padding:25px 0 25px; background-color: #f3f3f3; border-radius: 6px; border:1px solid #d5d6d5; color: #999; cursor:pointer; }
.testiCastellucciEn p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:110px; -webkit-transition: height 1s; transition: height 1s; -moz-transition: height 1s; -o-transition: height 1s; }
.testiCastellucciEn p:hover { height:260px; }

.testiCantatoreEn { overflow:hidden; box-shadow:1px 1px 1px rgba(255, 255, 255, 0.4); margin:30px 0 0;  display:block; padding:25px 0 25px; background-color: #f3f3f3; border-radius: 6px; border:1px solid #d5d6d5; color: #999; cursor:pointer; }
.testiCantatoreEn p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:110px; -webkit-transition: height 1s; transition: height 1s; -moz-transition: height 1s; -o-transition: height 1s; }
.testiCantatoreEn p:hover { height:590px; }

.testiBeruttiEn { overflow:hidden; box-shadow:1px 1px 1px rgba(255, 255, 255, 0.4); margin:30px 0 0;  display:block; padding:25px 0 25px; background-color: #f3f3f3; border-radius: 6px; border:1px solid #d5d6d5; color: #999; cursor:pointer; }
.testiBeruttiEn p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:110px; -webkit-transition: height 1s; transition: height 1s; -moz-transition: height 1s; -o-transition: height 1s; }
.testiBeruttiEn p:hover { height:505px; }

.testiInsiemeEn { overflow:hidden; box-shadow:1px 1px 1px rgba(255, 255, 255, 0.4); margin:30px 0 0;  display:block; padding:25px 0 25px; background-color: #f3f3f3; border-radius: 6px; border:1px solid #d5d6d5; color: #999; cursor:pointer; }
.testiInsiemeEn p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:110px; -webkit-transition: height 1s; transition: height 1s; -moz-transition: height 1s; -o-transition: height 1s; }
.testiInsiemeEn p:hover { height:620px; }



.testi p.subtitle {  font-style:italic; padding:25px 0 0; font-weight:600; font-size:14px; text-align:center; color:#444c4f; } 
.testi p.subtitle span { font-style:normal; } 

/* ---------------- 10. Pricing Tables Styles ----------------- */
.pricing { padding:0px 0 0; }
  
.pric-wrap { padding:65px 0; }
 
.prics { border-radius:3px;  margin:0; margin-left:0;}
.pric { background-color:#f3f3f3; border-radius:3px; border:1px solid #b8bfc2; margin:0; margin-left:0; }
.pric h6 {text-align:center; font-size:26px; color:#818488; font-weight:400; }
.prics h6 {text-align:center; font-size:26px; color:#fff; font-weight:400; }
.pric-head   { padding:20px 0;  background:url("../img/pr-div.png") repeat-x bottom ; }
.ph   {  background-color:#e7ebed; }
.pric-body li   {  font-weight:300; height:60px ; font-size:14px; color:#b8bfc2; width:100%; margin:0 auto;   text-align:center; display:block; background:url("../img/pr-div.png") repeat-x bottom ; }
.pric p { color:#818488; }
.prics p { color:#fff; }
.pric-body li p.yes   { height:20px; background:url(../img/check-y.png) no-repeat 15% 22px; padding:20px 0 ;}
.pric-body li p.no   {  background:url(../img/check-n.png) no-repeat 15% 22px; padding:20px 0 ;}
.pric-footer   { height:154px; }
.pric .pric-footer p { line-height:1; padding:20px 0 0; color:#818488; font-weight:300; font-size:64px; text-align:center; }
.prics .pric-footer p { line-height:1; padding:20px 0 0; color:#fff; font-weight:300; font-size:64px; text-align:center;  }
.pric-footer p span { font-weight:300; font-size:46px; text-align:center; }
.pric .pric-footer p.prs{ font-weight:300; font-size:14px; text-align:center; color:#afb1b6;  line-height:0; }
.prics .pric-footer p.prs{ font-weight:300; font-size:14px; text-align:center; color:#ebeceb;  line-height:0; }
.pric .pric-footer .pric-butt a { font-weight:300; color:#818488; font-size:14px; display:block; background-color:#e8e9e8; padding:10px 0; border:1px solid #b8bfc2; margin:30px auto; height:20px;border-radius:3px; text-align:center; width:100px; } 
.prics .pric-footer .pric-butt a { font-weight:300; color:#818488; font-size:14px; display:block; background-color:#f3f3f3; padding:10px 0; border:1px solid #b8bfc2; margin:30px auto; height:20px;border-radius:3px; text-align:center; width:100px; } 
.pric-footer .pric-butt a:hover { background-color:#fff;  color:#444c4f;  border:1px solid #b8bfc2;   } 


/* ---------------- 11. Call to action Styles ----------------- */

.cta { margin:25px 0 0; padding:40px 0; height:50px; box-shadow:1px 0 1px rgba(0,0,0,0.2) inset,-1px 0 1px rgba(0,0,0,0.2)inset,1px 0 1px rgba(255,255,255,0.6) ,-1px 0 1px rgba(255,255,255,0.6) ; } 
 
.cta h3 { margin:5px 0 0; float:left; font-weight:300; color:#fff; padding:0 0 0 120px; font-size:26px; height:40px; display:block; background:url("../img/logo_simit.png") no-repeat left ;text-shadow:1px 1px 1px rgba(0,0,0,0.25); }
.cta h3 strong { font-weight:500; }
.cta-button { float:right; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.2);box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.34) inset, 0 -1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 3px rgba(0, 0, 0, 0.1);      background:url("../img/bt2.png") no-repeat 180px 0px ;  font-size:18px; text-align:center; border-radius:3px;   width:185px; height:38px;  padding:12px 60px 0 0px; display:block; font-weight:500;  }
 
/* ---------------- 12. Footer Styles ----------------- */

.footer { height:65px; }
.copy { font-size:13px; float:left; padding:25px 0 0;  }
.copy p  {  font-weight:300; color:#818488; }
.copy p strong { color:#636363; font-weight:800; }

.social ul {float:right;  padding:15px 0 0;   margin:0 auto; display:block; }
.social ul li { float:right; width:40px; height:40px; display:block; padding:0 2px 0 0; }
.social ul li a { width:40px; height:40px; display:block;  opacity:0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";  }
.social ul li a:hover {  opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  }
.social ul li.facebook a {  background:url(../img/facebook.png) no-repeat;     }
.social ul li.twitter a {  background:url(../img/twitter.png) no-repeat;  }
.social ul li.google a {  background:url(../img/google.png) no-repeat;  }

/* ---------------- 13. Contact Form ----------------- */
#popi-bg {  opacity: 0.7; display:none;}
.wrap h1 { background: url("../img/contact-title.png") no-repeat top left  ;  font-size:20px; padding:0 0 0 20px; height: 20px;font-weight:300;margin: 10px 0 20px 10px;text-align: center; color:#b5b5b5; line-height:1;	}
.wrap h1 strong { font-weight:400; 	}
.form-contact{ margin:20px 5px; width:300px;  }
.wrap { z-index:800;	margin: auto;padding-bottom:20px;}
form {padding: 0; }
table {margin: 0 auto;}
tr, td, input, textarea {	margin: 0;	padding: 0;}
td {	padding: 0 0 5px;}
tr td:first-child {	padding-right: 18px;padding-top: 11px;text-align: right;vertical-align: top;color:#afafaf;}
.error[generated=true] {
	color: #dc0000;
	font-size: 16px;
	padding: 5px 0 2px 5px;
}
tr.error td {	padding: 0;}
.wrap input, textarea {
	background: #FFF;
	font: inherit;
	font-size: 14px;
	line-height: 29px;
	border:1px solid #909090;
	padding: 5px 10px;
	border-radius:none;
}
input:focus, textarea:focus {border-color: #303030;	outline: none;}
textarea {	height: 160px;	resize: vertical;}
.wrap input[type=submit]  { float:right;  font-size:12px;  margin:10px auto; height:28px;   display:block;  }
.wrap input[type=submit]:hover { background-position:0 100%;  }
.wrap p { font-size: 14px; color:#191919;  margin:8px 0 0; }
.name { width:18px; height:18px;  background: url("../img/contact-icon.png") no-repeat  ; background-position:0 0; display:block; float:left;}
.email { width:18px; height:18px;  background: url("../img/contact-icon.png") no-repeat  ; background-position:0 -18px; display:block; float:left;}
.message { width:18px; height:18px;  background: url("../img/contact-icon.png") no-repeat  ; background-position:0 -36px; display:block; float:left;}
#popi-bg {
    background: url("../img/bg-checker.png") repeat scroll 0 0 transparent;
    border: 1px solid #CECECE;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 700;
	opacity: 1;
}
#overlay_form{
display:none;
border-radius: 6px 6px 6px 6px;
position: absolute;
border: 1px solid gray;
padding: 10px;
background: #efefef;
width: 300px;
 
background-color:#efefef;
box-shadow:1px 0px 2px rgba(0,0,0,0.2);
}
#close2{   background: url("../img/close-contact.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 30px;
    margin: 5px 0 0;
    width: 30px; }
input.submit { border: 1px solid gray; border-radius:3px; width:80px; height:30px; background:#ffffff; color:#a3a3a3; line-height:15px; }

/* CAROUSEL SCORREVOLE */ 
#owl-demo .item{
    padding: 30px 0px;
     margin: 3px;
    }
    #owl-demo .item img{
      display: block;
      width: 100%;
      height: auto;
    }
    .customNavigation{
      text-align: center;
    }
    .customNavigation a{
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
/* FINE CAROUSEL */


/* Splash Page */
.centrato {
  width: 600px;
  height: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -200px 0px 0px -300px;
}

#my-soon-counter .soon-reflection {background-color:#c6c92d;background-image:linear-gradient(#c6c92d 25%,rgba(198,201,45,0));}
#my-soon-counter {color:#929292;}
#my-soon-counter {font-family:"PT Sans",sans-serif;}
#my-soon-counter .soon-ring-progress {background-color:#f0f0f0;}
#my-soon-counter {
	width: 600px;
  	height: 335px;
    background-image:url('../img/aae2015.png');
}
/* Splash Page END */

#jSplash{
	line-height:1.7;
}

#jSplash h2{
	margin:10px 0;
	color:#14D9EE;
	text-shadow:1px 1px 1px #aaa;
	font-size:57px;
	font-family:Arial Narrow, Arial, sans-serif;
	letter-spacing:1px;
}


/* ---------------- 14. Responsive Form ----------------- */
@media(min-width: 768px) and (max-width: 979px) {  

.wrapper { width:725px; margin:0 auto;}
.product { width:300px;  height:445px; }
.product-data { width:395px; padding:0 0 0 30px;   }
.product-data h2 { font-size:21px;    }
.product-data p.subtitle {font-size:13px;  }
.buttons a { font-size:14px;    width:115px; height:34px;  padding:14px 60px 0 0px; }
.title .div-left {  width:117px;   } 
.title .div-right {  width:117px;   } 
.title h1 { font-size:22px; width:491px; }
.tabs-content {   width:665px; height:320px; overflow:auto;  }
.tabs-text h6 {  font-size:18px;     }
.tabs-text p.subtitles {  font-size:12px; padding:15px 0 0;  }
.tabs-text p  {  font-size:13px; line-height:1.9;  }
.tabs-text ul li {   font-size:12px; }
.tabs-text ul  { margin:25px 0 0 0;  }
.gallery ul {    min-height:100px; height:100px;   }
.cta h3 { font-size:16px; line-height:2.5em; }

.buttons2 a.bt { width:83%; font-size:14px; }

.testiCastellucci p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:200px; }
.testiCastellucci p:hover { height:410px; }

.testiCantatore p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:200px; }
.testiCantatore p:hover { height:1010px; }

.testiBerutti p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:200px; }
.testiBerutti p:hover { height:840px; }

.testiInsieme p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:200px; }
.testiInsieme p:hover { height:1100px; }



.testiCastellucciEn p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:200px; }
.testiCastellucciEn p:hover { height:370px; }

.testiCantatoreEn p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:200px; }
.testiCantatoreEn p:hover { height:920px; }

.testiBeruttiEn p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:200px; }
.testiBeruttiEn p:hover { height:720px; }

.testiInsiemeEn p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:200px; }
.testiInsiemeEn p:hover { height:960px; }

.featu { overflow:hidden; box-shadow:1px 1px 1px rgba(255, 255, 255, 0.4); margin:30px 0 0; display:block; padding:25px 0 25px; background-color: #f3f3f3; border-radius: 6px; border:1px solid #d5d6d5; color:#999; cursor:pointer; height:320px; }
}


@media(min-width: 480px) and (max-width: 767px) { 

.wrapper { width:480px; margin:0 auto; }

.navi { width:294px; float:left; }
.navi2 { float:right; margin:20px 0 0; }
.main-content {  height:700px;  position:relative; }
.product { top:340px; position:relative; float:none; width:370px; margin:0 auto;  height:445px; }
.product-data { top:0px; position:absolute; width:395px; padding:24px 0 0 30px;   }
.product-data h2 { font-size:24px; text-align:center;  line-height:1.8;  }
.product-data p.subtitle {font-size:14px; text-align:center; }
.buttons a { font-size:14px;    width:115px; height:34px;  padding:14px 60px 0 0px; }
.title .div-left {  width:50px;   } 
.title .div-right {  width:50px;   } 
.title h1 {  font-size:19px;   width:380px;  }
.features { padding:40px 0 0; }
.features .title { padding:0 0 40px; }
.tabs-content { height:480px; width:400px; overflow:auto; }
.tabs-text{   width:100%;	  }
.tabs-img { padding:30px 0 0; width:100%; float:right; }
.gallery  { height:1260px; min-height:100px; }
.gallery li { margin:20px 0 0;  height:300px; }
.gallery li img { width:90%; margin:0px 0 0 6%;  }
.pric { margin:0 0 60px; }
.prics { margin:0 0 60px; }
.cta { margin:5px 0 0; height:100px; }
 
.cta h3 { margin:0 0 20px; float:none; font-size:22px; width:420px; }
.cta-button { float:none;  font-size:18px; text-align:center; border-radius:3px;   width:185px; height:38px;  padding:12px 60px 0 0px; margin:0 auto; }
.copy {  display:none;  }
.social ul { width:126px; padding:15px 0 0; float:none;  margin:0 auto; display:block; }
.buttons2 { margin:10px auto 0; }
.buttons2 a.bt { width:83%; font-size:18px; }

.testiCastellucci p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:120px; }
.testiCastellucci p:hover { height:120px; }

.testiCantatore p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:255px; }
.testiCantatore p:hover { height:255px; }

.testiBerutti p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:210px; }
.testiBerutti p:hover { height:210px; }

.testiInsieme p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:300px; }
.testiInsieme p:hover { height:300px; }



.testiCastellucciEn p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:150px; }
.testiCastellucciEn p:hover { height:150px; }

.testiCantatoreEn p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:245px; }
.testiCantatoreEn p:hover { height:245px; }

.testiBeruttiEn p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:220px; }
.testiBeruttiEn p:hover { height:220px; }

.testiInsiemeEn p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:305px; }
.testiInsiemeEn p:hover { height:305px; }


}
 
@media(max-width:480px) {  
.wrapper { width:300px; }
.navi1  { padding:30px 0; }
.navi { width:154px; float:left; }
.navi2 { width:160px; float:right; margin:20px 0 0; }
.main-content {  height:610px;  position:relative; }
.product { top:320px; position:relative; float:none; width:300px; margin:0 auto;  height:445px; }
.mn2 { height:540px; }
.product-data { top:0px; position:absolute; width:300px; padding:24px 0 0 0px;   }
.product-data h2 { font-size:24px; text-align:center;  line-height:1.8;  }
.product-data p.subtitle {font-size:14px; text-align:center; margin:0 0 30px;}
.product-data p.subtitle span { display:none;}
.buttons a { display:block; float:none;  margin:0px auto 25px;font-size:14px;    width:200px; height:34px;  padding:14px 60px 0 0px; }
.product-data ul  { display:none; }
.buttons p.bt-div { display:none; }
.title .div-left {  display:none;  } 
.title .div-right {  display:none;  } 
.title h1 { font-size:18px; width:300px; }

.features { padding:40px 0 0; }
.features .title { padding:0 0 40px; }
.tabs-content { height:480px; width:240px; overflow:auto;  }
.tabs-text{ width:100%; }
.tabs-img { width:100%; }
.tabs-text h6 {  font-size:18px;     }
.tabs-text p.subtitles {  font-size:12px; padding:15px 0 0;  }
.tabs-text p  {  font-size:13px; line-height:1.9;  }
.tabs-text ul li {   font-size:12px; }
.tabs-text ul  { margin:25px 0 0 0;  }
.tabs-nav { width:300px; }
.tabs-nav a {  width:100px; }
.tabs-nav li  {  width:100px; }
.gallery  { height:870px; min-height:100px; }
.gallery li { margin:20px 0 0;  height:200px; }
.gallery li img { width:90%; margin:0px 0 0 4%;  }
.pric { margin:0 0 60px; }
.prics { margin:0 0 60px; }

.cta { margin:5px 0 0; height:50px; }
.pric-wrap { padding: 60px 0 20px; }
/*.cta h3 { display:none; }*/
/*.cta-button { float:none;  font-size:18px; text-align:center; border-radius:3px;   width:185px; height:38px;  padding:12px 60px 0 0px; margin:0 auto; }*/
.cta h3 { font-size:16px; }
.cta-button { display:none; }
.copy {  display:none;  }
.social ul { width:126px; padding:15px 0 0; float:none;  margin:0 auto; display:block; }
.buttons2 { margin:20px auto 0; height:60px;}
.buttons2 a.bt { margin:0px 0 0; font-size:18px; line-height:1.4; width:100%;     background-position:0 800px; height:45px; padding:15px 0 0 0; }
.pro2 { top:240px; }
input.email-newsletter { width:54%; }
input.button-newsletter { width:30%; }


.testiCastellucci p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:180px; }
.testiCantatore p:hover { height:180px; }

.testiCantatore p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:420px; }
.testiCantatore p:hover { height:420px; }

.testiBerutti p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:355px; }
.testiBerutti p:hover { height:355px; }

.testiInsieme p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:455px; }
.testiInsieme p:hover { height:455px; }



.testiCastellucciEn p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:170px; }
.testiCastellucciEn p:hover { height:170px; }

.testiCantatoreEn p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:390px; }
.testiCantatoreEn p:hover { height:390px; }

.testiBeruttiEn p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:350px; }
.testiBeruttiEn p:hover { height:350px; }

.testiInsiemeEn p { line-height:1.7; color:#818488; font-size:13px; padding:30px 30px 0; height:455px; }
.testiInsiemeEn p:hover { height:455px; }
}