/*########### Skins ###########*/

@import url("blue.css");


/* ######## 1 - Reset Styles #########  */ 
 
html, body, div, span, object, iframe,
h1, 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;
}

body {
	line-height: 1;
    text-rendering: optimizeLegibility;
 	font-weight:400;
	font-family: 'PT Sans', sans-serif;
	 
}
.bg-container { 	background:url(../../images/landing/body.png) repeat; }
p { font-family: 'Source Sans Pro', sans-serif; }
ol, ul {
	list-style: none;
}

a { color:#1788D8; text-decoration:none; }
a:focus { color:#1CCAE6; outline:0; text-decoration:none; }
a:hover { color:#50ABEC; text-decoration:none; }

input { font-family: 'Source Sans Pro', sans-serif; }
input:focus { border:0; outline:0; }
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {  color: #555555;border-color:rgba(255,255,255,0.46);box-shadow: 0px 0px 0px ; }
input:focus:valid:focus, textarea:focus:valid:focus, select:focus:valid:focus {  color: #555555;border-color:rgba(255,255,255,0.46);box-shadow: 0px 0px 0px; }


 

/* ######## 2 - General Styles #########  */ 
.wrapper { width:940px; margin:0 auto; }
.clear { clear:both; }
.fixi2 { padding:80px 0 0px!important; }
.fixi {  box-shadow:0px 1px 2px rgba(0,0,0,0.2), 0px -1px 8px rgba(255,255,255,0.01) inset; }
.stick { position:fixed; top:0px; left:0; right:0; z-index:999;	margin:0 auto; }

/* ######## 3 - Header Styles #########  */ 
.header { height:80px; display:block; background-color: white; }
.logo { float:left; }

.navi { float:right; font-family: 'PT Sans', sans-serif; margin:30px 0 0; }
.navi ul li { float:left; width:70px; text-align:center;  }
.navi ul li a {  color:#888b8f; font-size:14px;  }
.navi ul li a:hover {  color:#1CCAE6;  }
.navig  li.current a {  color:#50ABEC; }

.navi ul li.s1 a, .navi ul li.s2 a { font-weight:600; color:#1788D8; text-transform:uppercase; font-size:13px; }
.navi ul li.s1 { margin:0 0 0 10px; }
.navi ul li.s2 { background:url(../../images/landing/navi-div.png) repeat-y; width:130px; }

/* ######## 4 - Slider Styles #########  */
.flex-caption { position:absolute; top:10%; right:25%;  width:400px; }
.flex-caption h3 { font-size:24px; color:#ffffff; font-weight:600; text-transform:uppercase;  padding:10px 20px; }
.flex-caption p.subtitle { color:#cccdcf; margin:20px 0 0; line-height:2; background-color:#383e44; padding:10px 15px; }
.flex-caption img { width:142px;height:142px;background:url(../../images/landing/prova_gratis.png); background-repeat:no-repeat; margin-top:10px!important; } 



.flex-caption2 { position:absolute; top:10%; left:25%;  width:400px; }
.flex-caption2 h3 { font-size:24px; color:#ffffff; font-weight:600; text-transform:uppercase; padding:10px 20px; }
.flex-caption2 p.subtitle { color:#cccdcf; margin:20px 0 0; line-height:2; background-color:#383e44; padding:10px 15px; }
.flex-caption2 img { width:142px;height:142px;background:url(../../images/landing/prova_gratis.png); background-repeat:no-repeat; margin-top:10px!important; } 



.slide-form { margin:30px 0 0; }
.slide-form input.email { border:0; float:left; padding:5px 15px 5px 15px; height:40px; width:380px;  border-radius:5px 0 0 5px; }
.slide-form input.button { float:left; width:70px;  outline:0; border:0; border-radius:0 5px 5px 0; font-weight:600; font-size:18px; color:#ffffff;   line-height:2; padding:5px 15px 5px 15px; height:50px; display:block;  }
.flex-prev { position:Absolute; top:40%;  left:0; background:url(../../images/landing/flex-prev.png) no-repeat; width:60px; height:60px; display:block; background-position:0 0; }
.flex-prev:hover { background-position:0 100%; }
.flex-next { position:Absolute; top:40%;  right:0; background:url(../../images/landing/flex-next.png) no-repeat; width:60px; height:60px; display:block; background-position:0 0; }
.flex-next:hover { background-position:0 100%; }

.flex-container { position:relative; }
/* ######## 5 - About Styles #########  */
 
.about {   display:block; padding:45px 0 0;  }
.title { width:100%; } 
p.title-spc { float:left; width:20%; font-family: 'Oleo Script', cursive; font-size:22px; text-align:center; }
.divi1 { margin:8px 0 0; display:block; height:13px; width:40%; float:left; background:url(../../images/landing/div1.png) repeat-x;  }
.divi2 { margin:8px 0 0; display:block; height:13px; width:100%;  background:url(../../images/landing/div1.png) repeat-x;  }

.title h3 { margin:30px 0; color:#707173; font-weight:300; text-transform:uppercase; font-size:30px; text-align:center; }
.title h3 strong { font-weight:600; }

.about-img { width:50%; float:left;  margin:60px 0 0;}
.about-txt { width:50%; height:500px; diaply:block; float:left; margin:60px 0 0; background:url(../../images/landing/about/txt-bg.png) no-repeat; }
.about-txt-bg { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cc000000', endColorstr='#cc000000'); /* IE */  background-color:rgba(66,73,80,0.97); width:100%; height:450px; display:block;}

.about-txt-wrap {  padding:45px 30px ; }
.about-txt h6 { float:left; text-transform:uppercase; font-weight:600; color:#1788D8; font-size:20px; }
.about-txt-div { margin:14px 0 0; float:right; width:65%;  background:url(../../images/landing/about/about-div.png)  repeat-x; height:1px; display:block;  }
.about-txt-div2 { margin:40px 0 0; float:right; width:50%;  background:url(../../images/landing/about/about-div.png)  repeat-x; height:1px; display:block;  }
.about-txt p  { color:#b8babd; font-weight:300; font-size:15px; margin:15px 0 0; line-height:2; }
.about-txt p.about-subtitle { color:#d7d9da; font-weight:300; font-size:18px; margin:30px 0 0; }


/* ######## 6 - Services Styles #########  */

.services { padding:40px 0 0px; }
.icon {   display:block; clear:both; height:64px; width:64px; margin:0 auto;   }
.featu { width:20%; float:left; margin:10px 0 10px;  display:block; }
.featu-div  { margin:0px 0 0; width:5%; height:200px; float:left; display:block;   }

.featu:hover { cursor:pointer; }
.featu  h6 { text-transform:uppercase; margin:10px 0 0; font-size:16px; text-align:center; font-weight:400; color:#424950; }
.featu  p { margin:5px 5px 0; line-height:2; font-size:13px; text-align:center; font-weight:400; color:#8e8e8e; }

/* ######## 7 - Video Styles #########  */

.video {   display:block;  background-attachment:fixed; }
.video-decor1 {  height:30px; width:5px; display:block; background:url(../../images/landing/video-deco1.png) no-repeat; margin:0 auto;  }
.video-decor2 {  height:30px; width:5px; display:block; background:url(../../images/landing/video-deco2.png) no-repeat; margin:0 auto;  }
.video-txt { height:250px; display:block; margin:50px 0; }
.icon2 {   display:block; clear:both; height:120px; width:101px; margin:0 auto;   }
.video-txt h6 { margin:40px 0 0; text-transform:uppercase; text-align:center; color:#ffffff; font-size:18px; font-weight:400; }
.video-txt h6 strong { font-weight:600; }
.divi3 { margin:20px auto 20px; display:block; height:1px; width:100px; background-color:#ffffff; }
.video-txt a { display:block; width:100px; font-size:14px; text-align:center; margin:0 auto; }
.video-button:hover { cursor:pointer; }

/* ######## 8 - Team Styles #########  */
.team { padding:70px 0 20px;  }
.teami { margin:70px 0 70px; }
.icon3 { width:100%; height:218px; position:relative; }
img.a { position: absolute; left: 0;	top: 0;  z-index: 10; border:0px solid #cccccc;	cursor:pointer;	}
.b {  width:300px; height:220px;	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*/ 	}
.team ul { margin:40px 0 0px; min-height:360px; height:150px; padding-bottom:20px; }
.team li { position:relative;  min-height:150px; max-width:100%; }	
.team li img.a {    width:100%;  }
.team li div.b { max-width:100%;  max-height:100%;  }
ul.team-social { width:100px; margin:30% auto 0; height:40px; min-height:40px;}
ul.team-social li { height:40px; min-height:40px;   }
.team-social li.twitter { float:left; }
.team-social li.facebook { float:left; margin:0 0 0 15px;}
 
.team ul.teami h6 { width:280px;  clear:both; text-align:center; font-size:18px; text-transform:uppercase; font-weight:500; margin:30px auto 0; border-bottom:1px solid #e0e4e5; padding:0 0  15px; color:#424950;}
.team ul.teami p { margin:10px 0 0; line-height:2; font-size:15px; text-align:center; font-weight:400; color:#8e8e8e; }
  
/* ######## 9 - Testimonials Styles #########  */
.testimonials {   display:block; background:url(../../images/landing/testi-bg.png) no-repeat; background-attachment:fixed; }
.testi-img { width:90px; margin:0 auto; }
.testi { padding:90px 0; }
.testi p { margin:20px 0; font-size:24px; font-style:italic; color:#ffffff; text-align:center; padding:0 140px;  line-height:2.2; font-style:italic;}  
.testi p.testio { font-size:15px; color:#222424; font-style:normal; color:#8b8e91; }  
.flexslider-manual-controls li a { opacity:0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }
.flexslider-manual-controls li a:hover { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.flexslider-manual-controls li a.nexti { position:absolute; right:0; top:240px;}
.flexslider-manual-controls li a.previ { position:absolute;left:0; top:240px;}
.testi-container { position:relative; }

/* ######## 10 - Gallery Styles #########  */
.tvmedia { padding:20px 0 150px; display:block; min-height:200px; max-height:500; }
img.a2 { position: absolute; left: 0;	top: 0;  z-index: 10; border:0px solid #cccccc;	cursor:pointer;	}
img.b2 { 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*/	}

.tvmedia-wrap { padding:0px 10px 10px;  }
.gall { width:11.1%; float:left; }
.tvmedia ul { margin:40px 0 0px; min-height:190px; height:190px; padding-bottom:20px; }
.tvmedia li { position:relative;  min-height:80px; max-width:100%;  }	
.tvmedia li img {  max-height:50%;  max-width:80%;  }

/* ######## 00 - Pricing Styles #########  */
.pricing { height:570px; display:block; padding:55px 30px 100px;}
.pricelist { margin:10px 0 10px;  display:block; }

/* ######## 10 - Contact Styles #########  */
.contact { background-color:#3f464d; height:480px; display:block; padding:25px 50px 180px;}
.divix1 { margin:8px 0 0; display:block; height:13px; width:40%; float:left; }
.divix2 { margin:8px 0 0; display:block; height:13px; width:100%;  background:url(../../images/landing/div2.png) repeat-x;  }
.title h3.dark { color:#ffffff; }

.message { color:##787d82!important; }
.form-contact  { float:left; width:100%; margin:50px 0 0; }
.form-contact input, .form-contact textarea { box-shadow:0px 0px 0px rgba(0, 0, 0, 0) ; color:#787d82!important; border-radius:5px;  background-color:#484e55;  border: 1px solid #484e55!important;  
  }
.form-contact input:focus , .form-contact textarea:focus {  border: 1px solid #484e55;
  }
.form-contact input { float:left; width:44%; height:40px; padding:5px 20px; }

.input-email {  margin:0 0 0 20px;   }
.form-contact textarea {  font-family: 'Source Sans Pro', sans-serif; font-weight:400; float:left; max-width:95%; min-width:95%; width:95%; height:100px; padding:20px 20px; margin:20px 0 0; }
.form-contact input.input-submit {  border:0!important; text-transform:uppercase; font-weight:600; color:#ffffff!important; box-shadow:1px 1px 2px rgba(0,0,0,0.2);  margin-left:10px; font-size:20px;   height:60px; width:200px;  }
.form-contact input { border:0;    color:#fff; box-shadow:    0px 0px 0px rgba(0, 0, 0, 0) ;  }
.form-contact input:focus { border:0; outline:0; }
.form-contact input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {  color: #ffffff;border-color:#484e55;box-shadow:    0px 0px 0px rgba(0, 0, 0, 0) ; }
.form-contact input:focus:valid:focus, textarea:focus:valid:focus, select:focus:valid:focus {  color: #ffffff;border-color:#484e55;box-shadow:    0px 0px 0px rgba(0, 0, 0, 0) ; }

.success { float:none; clear:both; color:#6fca0d!important; font-weight:bold; margin:0px 0; height:40px; display:block; }
.error { float:none; clear:both; color:red!important; margin:0px 0; height:40px; display:block; }

.form-social { margin:10px 20px; 0; width:95px; float:right; }
.form-social li { width:40px; float:left; }
.form-social li.facebook { margin:0 0 0 15px;  }


/* ######## 11 - Footer Styles #########  */
.footer { background-color:#3f464d; }
.copy { height:35px; padding:20px 0 15px;   background-color:#383e44; display:block; }
.logo2 { margin:0 auto; width:120px; }
.divix3 {   margin:0px auto 0; display:block; height:13px; width:30%;   background:url(../../images/landing/div2.png) repeat-x;  }

.data { height:100px; padding:40px 0 70px; }
.iconfi {  height:40px; width:45px; margin:0 auto; display:block; }
.data-txt { text-align:center; font-size:18px; color:#8b8e91; padding:13px 40px; line-height:1.9; }
.copy p { font-size:14px; text-align:center; color:#74787c;}
.copy p strong { font-weight:600;}


/* ######## 12 - Video Popup Styles #########  */

#popi-bg {
    background: url("../../images/landing/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: 1px;
 
border: 1px solid gray;
padding: 10px;
background: #fafafa;
width:800px;
 
background-color:#efefef;
box-shadow:1px 0px 2px rgba(0,0,0,0.2);
}

 
#close2{   background: url("../../images/landing/close-contact.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 26px;
    margin: 5px 0 0;
    width: 67px; cursor:pointer;}
	#popi-bg {  opacity: 0.7; display:none;}
 
.wrap { z-index:800;	margin: auto;padding-bottom:20px;}

/* ######## 13 - Register Form Styles  #########  */
#popi-bg2 {  opacity: 0.7; display:none;}
.wrap2 h1 {   text-transform:uppercase; font-size:20px; padding:0 0 0 20px; height: 20px;font-weight:600;margin: 10px 0 20px 10px;text-align: center; color:#707173; line-height:1;	}
.form-contact2{ margin:20px 5px; width:300px;  }
.wrap2 { z-index:800;	margin: auto;padding-bottom:20px;}
 
.wrap2 input, textarea {
	background: #FFF;
	font: inherit;
	font-size: 14px;
	line-height: 29px;
	border:1px solid #909090;
	padding: 5px 10px;
	border-radius:none;
	margin:10px 0 0;
	width:260px!important; 
}
input:focus, textarea:focus {border-color: #303030;	outline: none;}
textarea {	height: 160px;	resize: vertical;}
.wrap2 input.submit2  { border:0!important; text-transform:uppercase; font-weight:600; color:#ffffff!important; box-shadow:1px 1px 2px rgba(0,0,0,0.2);  float:left; font-size:16px;  margin:30px 0 0; height:40px; width:100px!important; background-color:#707173;    }
 
#popi-bg2 {
    background: url("../../images/landing/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_form2{
display:none;
border-radius: 0;
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.05);
}
#close3{   background: url("../../images/landing/close3.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 30px;
    margin: 5px 0 0;
    width: 30px; }

#mobi-menu.on { display:block; z-index:200; position:relative; background-color:#3f464d; padding:15px 0; }
#mobi-menu.on ul li { width:100%; text-align:center; height:10px; background-color:#383e44;  border:1px solid #3f464d; padding:15px 0 20px; margin:10px 0; }
#mobi-menu.off { display:none; }
#mobile { width:51px; height:51px; display:block; background: url("../../images/landing/mobile.png") no-repeat scroll 0 0 transparent;  }
.navi2 { display:none; float:right; margin:15px 0 0;}
/* ######## 14 - Responsive Styles  #########  */
@media(min-width: 768px) and (max-width: 979px) {   
.wrapper { width:725px; margin:0 auto; }
.navi ul li {  width:70px; }
.flex-caption, .flex-caption2 { width:400px; top:25%;  }
.flex-caption h3, .flex-caption2 h3 { font-size:18px; }
.flex-caption p.subtitle, .flex-caption2 p.subtitle { font-size:14px; }
.flex-caption img { width:80px;height:80px;background:url(../../images/landing/prova_gratis.png); background-repeat:no-repeat; margin-top:10px!important; }
.slide-form input.email { width:320px; }
.title h3 { font-size:22px; }
.about-txt-div { width:45%; }
.about-txt-wrap { padding: 25px 30px; } 
.about-txt { height:278px; }
.about-txt p.about-subtitle { display:none; }
#overlay_form iframe { width:600px; height:350px; }
#overlay_form  { width:600px; }
.icon3 { height:168px; }
.team { padding:70px 0 0px; }
.testi p { font-size:22px; padding:0 100px;  }
.gallery { height:720px; }
.gallery li { min-height:160px; } 
.form-contact input { width:42%; padding:5px 23px; }
.data-txt { font-size:13px; }
}

@media(min-width: 480px) and (max-width: 767px) { 
.wrapper { width:460px; margin:0 auto; }
.navi { display:none; }
.navi2 { display:block; }
.flex-next , .flex-prev { top:40%; }
.flex-caption, .flex-caption2 { width:320px; top:10%;  }
.flex-caption h3, .flex-caption2 h3 { font-size:16px; }
.flex-caption p.subtitle, .flex-caption2 p.subtitle { font-size:11px; }
.flex-caption img { width:80px;height:80px;background:url(../../images/landing/prova_gratis.png); background-repeat:no-repeat; margin-top:10px!important; } 
.slide-form input.email { height:30px; width:240px; }
.slide-form input.button { width:40px; height:40px; background-position:50% 1px;}
.flex-prev, .flex-next { background-size:60px; width:60px; height:60px; }
p.title-spc { font-size:14px; margin:5px 0 0;  }
.title h3 { font-size:26px; line-height:2; }
.about-img { clear:both; width:100%; }
.about-img img {  width:100%; }
.about-txt {  clear:both; width:100%; margin:0 ; height:360px; }
.featu { width:100%; margin:0px 0 40px; }
.featu-div { display:none; }
.services {  height:900px; }
.services .title { padding:0 0 60px; }
#overlay_form iframe { width:420px; height:250px; }
#overlay_form  { width:420px; }
.gallery li { min-height:100px; } 
li.team-s { width:290px!important; margin:0 auto 60px!important; }
.team { height:1350px; }
.gallery { height:660px; }
.form-contact input { padding: 5px 20px;  width: 38%; }
.form-contact textarea {  max-width: 91%;  min-width: 91%;   width: 91%; }
.contact { height:680px; }
.data { height:460px; }
.data .span4 { height:180px; }
 }

 
@media(max-width:480px) {  
.wrapper { width:300px; margin:0 auto; }
.flex-caption, .flex-caption2 {  width:250px; top:25%; left:25%; right:12%;  }
.navi { display:none; }
.navi2 { display:block; }
.gallery li { min-height:80px; } 

.flex-caption p.subtitle, .flex-caption2 p.subtitle { display:none; }
.flex-caption h3, .flex-caption2 h3 { background-color:#383E44; font-size:12px; }
.flex-caption img { width:80px;height:80px;background:url(../../images/landing/prova_gratis.png) ; background-repeat:no-repeat; margin-top:10px!important; }
.flex-prev, .flex-next { background-size:30px; width:30px; height:30px; }
.slide-form input.email { height:30px; width:120px; }
.slide-form input.button { width:40px; height:40px; background-position:50% 1px;}
p.title-spc { font-size:14px; margin:5px 0 0;  }
.title h3 { font-size:22px; line-height:2; }
.about-img { clear:both; width:100%; }
.about-img img {  width:100%; }
.about-txt {  clear:both; width:100%; margin:0 ; height:500px; }
.about-txt-div2 { width:45%; }
.about-txt-div { width:35%; }
.featu { width:100%; margin:0px 0 40px; }
.featu-div { display:none; }
.services {  height:900px; }
.services .title { padding:0 0 60px; }

li.team-s { width:290px!important; margin:0 auto 60px!important; }
.team { height:1390px; }
#overlay_form iframe { width:280px; height:250px; }
#overlay_form  { width:280px; }
.testi p { font-size:17px; padding: 0 60px; }
.gallery { height:560px; }
.form-contact input { padding: 5px 20px;  width: 32%; }
.form-contact textarea {  max-width: 86%;  min-width: 86%;   width: 86%; }
.contact { height:680px; }
.form-contact input.input-submit { width:160px; }
.data { height:460px; }
.data .span4 { height:180px; }
 }

.recaptcha_theme_red #recaptcha_response_field {
  border: 1px solid #cca940;
  background-color: white;
  height: auto;
}