/*########### Table of Contents ###########


1  - Reset Styles
2  - General Styles
3  - Header Styles
4  - Main content Styles
5  - Subscriber and Download 
6  - Features
7  - Tabbed Content
8  - Screenshots Styles
9  - Extras Styles
10  - Pricing  Styles
11 -  Testimonials  Styles
12 - Partners
13 - Footer
14 - Video PopUp
15 - About Styles
16 -  Contact Styles
17 -  Blog Styles
18 -  Responsive Layout

###################################### */ 

/*@import url("skins/red.css"); */

@import url("skins/wide.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-family: 'Oxygen', sans-serif;
	font-weight:400;
	background-color:#fff;
    background:url(../img/bg/debut_light.png) repeat;
	/*background-image: url(../img/bg/low_contrast_linen.png);*/
}
ol, ul {
	list-style: none;
}

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

::-moz-selection { color: #f9f9f9;  background:#191919; }
 
input:focus { border:0; outline:0; }
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {  color: #a3a3a3;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: #a3a3a3;border-color:rgba(255,255,255,0.46);box-shadow: 0px 0px 0px; }
input, button, select, textarea {
   font-family: 'Oxygen', sans-serif;
  
}
/* 

/* ######## 2 - General Styles ######  */ 
 
.wrapper { width:940px; margin:auto; }
.clear { clear:both; }
 
/* ######## 3 - Header ######  */ 
.header { background-color:rgba(10,22,38,1); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8c000000', endColorstr='#8c000000'); /* IE */ height:168px; box-shadow:0px -1px 0px rgba(0,0,0,0.2)inset, 0px 1px 0px rgba(255,255,255,0.05); }
.logo { 
padding: 2px 0px 0px;
float: left;
font-size: 19pt;
color: transparent;
text-shadow: 0px 0px 1px rgb(239, 239, 239);
}
 
.navi { width:490px; float:right; padding:115px 5px 0 0; }
.navi ul { float:right; }
.navi li  { font-size:14px; line-height:2.4; font-weight:400;  text-shadow:1px 1px 1px rgba(0,0,0,0.2); float:left; margin:0 0 0 35px;}
.navi li   {opacity:0.7;}
.navi li:hover   {opacity:1;}
.navi li.active   {opacity:1;}
#blog {  width:56px; height:36px; display:block; background:url(../img/header-button.png)no-repeat; } 
 
/* ######## 4 - Main Content ######  */ 
.suby2 { padding:70px 0 112px!important; }
.main-content { padding:63px 0 15px 0; text-align:center;   /*	background-image: url(../img/bg/navy_blue.png)*/;}
.main-content h3 { font-weight:300; font-size:32px; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.5),1px 1px 4px rgba(0,0,0,0.2); }
.main-content h3 strong { font-weight:600; }
.main-content p.subtitles { padding:32px 0 0; font-size:14px; font-weight:400; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.5); }

.video { cursor:pointer; font-size:13px; width:217px; margin:74px auto 0; }
#tool-video{ z-index:20; position:relative; padding:15px 0; line-height:2.4; width:126px; height:26px; display:block;  color:#fff; margin:8px auto 0; background-position: 0 100%;  }
#tool-video:hover { color:#fff; position: relative;  z-index:20; }
#tool-video:hover span { position:absolute;  z-index:2; }
#tool-video span {   z-index:2; padding:15px 0; width:126px; height:26px; display:block;  color:#fff;  background:url(../img/tooltip.png)no-repeat; background-position:0 100%; position:absolute;	top: 0; left: 0;  right: 0;}
#pop-video { position:relative; cursor:pointer; width:217px; height:217px; display:block; background:url(../img/play.png) no-repeat; background-position:0 0;  }
#pop-video span { width:217px; height:217px; display:block;  background:url(../img/play.png) no-repeat;  position:absolute;	top: 0; left: 0; bottom: 0; right: 0; }
.video p strong   { opacity:0.6; z-index:20; position:absolute; top:21px; left:0; right:0; bottom:0; }  
.video:hover p strong { opacity:0.8; }

/* ######## 5 - Subscriber and Download ######  */ 


#subscriber-wrap { width:100%; position:relative; padding-top: 73px;}
#subscriber { height:78px; box-shadow:0px -1px 0px rgba(0,0,0,0.2)inset, 0px 1px 0px rgba(255,255,255,0.05);   background-color:rgba(10,22,38,1);  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8c000000', endColorstr='#8c000000'); /* IE */ margin:0 auto;  width:100%;  }
.stick { position:fixed; top:0px; left:0; right:0; z-index:999;	margin:0 auto; }
.suby { border-radius:0px 0px 0 0!important; background-color:rgba(0,0,0,0.88)!important; }
.subscriber h4 { float:left; font-weight:40; padding:25px 0 0 15px; font-size:17pt; color:#ffffff; text-rendering: geometricPrecision} /*text-shadow:1px 1px 2px rgba(0,0,0,0.5),1px 1px 4px rgba(0,0,0,0.2); */
.subscriber h4 span { font-size:24px; font-family: 'Petit Formal Script', cursive; }
.newsletter-form { float:right; padding:20px 20px; font-weight:300; margin:0 auto;  }
input.email-newsletter { color:#a3a3a3; width:200px ; padding-left:14px;float:left; height:31px; border-radius: 6px;  box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.8); border:1px solid rgba(255,255,255,0.2); background-color:rgba(0,0,0,0.5); font-size:13px;  }
input.email-newsletter:focus { color:#adadad; outline:0; box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.8); border:1px solid rgba(255,255,255,0.3); border-color:rgba(255,255,255,0.3);  }
input.button-newsletter { margin: 0 0 0 15px; color:#65BFB3;  float:right;  ouitline:0; border-radius:5px; width:120px; height:40px; text-shadow:1px 1px 0px rgba(0,0,0,0.1);  font-size:16px; }
input.button-newsletter:hover {  color:#fff; }

.buttons { margin:18px 0; float:right; }
.buttons p { float:right; color:#efefef; margin:13px 0; width:60px; text-align:center; }
.bt2 { margin: 0 0 0 0px; color:#191919; background-color:#fafafa; float:right;  ouitline:0; border:0;  border:1px solid #d9d9d9; border-bottom:3px solid #d9d9d9; border-radius:5px; box-shadow:0px 0px 2px rgba(255,255,255,0.5)inset, 0 1px 3px rgba(0,0,0,0.9); width:140px; padding:10px 0; text-align:center; height:20px; text-shadow:1px 1px 0px rgba(255,255,255,0.8);  font-size:16px; }
.bt2:hover { color:#191919; }
.bt1 { margin: 0 0 0 0px; color:#efefef;  float:right;  ouitline:0;  border-radius:5px; box-shadow:0px 0px 2px rgba(255,255,255,0.5)inset, 0 1px 3px rgba(0,0,0,0.9); width:140px;  padding:10px 0; text-align:center; height:20px; text-shadow:1px 1px 0px rgba(0,0,0,0.1);  font-size:16px; }
/* ######## 6 - Features ######  */ 

.features { padding:70px 0 0; height:370px; }
.features-sticky { padding:148px 0 0; }

.features h3 { text-align:center; font-size:22px; font-weight:300; padding-bottom:40px}
h3 span { font-weight:600; color: #65BFB3;}
h4 span { font-weight:600; }

.icon { background:none; }
.icon {   display:block; clear:both; height:111px; width:111px; margin:0 auto; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
.icon img { z-index:8; }
.icon-hover { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; width:111px; margin:0 auto; }
.featu { width:30%; float:left; margin:65px 0 0; }
.featu-div  { margin:100px 0 0; width:5%; height:100px; float:left; display:block; background: url(../img/featu-div.png) no-repeat scroll 0 15px ; }
.featu:hover { cursor:pointer; }
.featu  h6 { text-transform:uppercase; margin:20px 0 0; font-size:15px; text-align:center; font-weight:400; color:#848484; }
.featu  p { margin:20px 35px 0; line-height:1.8; font-size:14px; text-align:center; font-weight:300; color:#9c9c9c;}

.step { margin:30px 18% ; height:24px; font-weight:400;  }
.step p { box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.5); width:60px; margin:0 auto; border:1px solid #dcdcdc; padding:4px 10px; height:22px; border-radius:5px; box-shadow:0 0 2px rgba(255,255,255,0.1),0 15px 8px rgba(255,255,255,0.7)inset; background-color:#f0f1f1;
color:#9c9c9c; font-size:11px;   }
.featu-hover h6 { color:#4e4e4e; }
.featu-hover p { color:#848484; }
.featu-hover .step p { border:1px solid rgba(0,0,0,0.2); color:#fff; box-shadow:0 0 2px rgba(255,255,255,0.1),0 15px 8px rgba(255,255,255,0.1)inset; }
.title h3:before { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.98);    content: "";   height: 1px;      margin-top: 14px;    float:left;    width: 28%; }
.title h3:after {  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.98);    content: "";    height: 1px;    margin-top: 14px;    float:right;    width: 28%; }
	
/* ######## 7 - Tabbed Content  ######  */ 

.tabbed .title h3 { text-align:center; font-size:22px; font-weight:300; }


.tabbed-features { padding:60px 0 0; }
.tabs-nav { width:100%; height:33px; margin:0px auto 0; color:#909aa0; clear:both; }
.tabs-nav img{   margin:0 10px 0 0;   }
.tabs-nav a { display:block; height:16px; padding:16px 0 ;   text-align:center; background-color:#eaeaea; border:1px solid #eaeaea; color:#5c5c5c; font-size:14px;  opacity:0.7; box-shadow:0 0 1px rgba(255,255,255,0.1),0 20px 15px rgba(255,255,255,0.7)inset; }
.tabs-nav li { float:left; width:25%; display:block; }
.ui-tabs-active a { border:1px solid #eaeaea; color:#6d6d6d; border-bottom:0;  opacity:1; box-shadow:0 0 2px rgba(255,255,255,0.1),0 15px 8px rgba(255,255,255,0.1)inset;
background: -moz-linear-gradient(top, #fafafa 1%, #f7f7f7 100%);
}

.tabs-content { 
background: -moz-linear-gradient(top, #f8f8f8 1%, #f2f2f2 100%);
margin:35px 0 0; height:275px;  display:block; margin:15px 0 0; padding:60px 0;  box-shadow:0px 1px 0px rgba(255, 255, 255, 0.4);  background-color: #f7f7f7;  	border:1px solid #eaeaea; }
#tabs-1, #tabs2, #tabs3, #tabs-4 { padding:0 30px; }
.tabs-text { }
.tabs-text a { float:left;  border-radius:5px; box-shadow:0px 0px 2px rgba(255,255,255,0.5)inset; width:90px; height:17px; padding:3px 0 10px; text-align:center; font-size:13px; line-height:1.8; margin:20px 0 0; }
.tabs-text h6 {  font-size:30px; font-weight:600; color:#222424;  margin-top: 15px; }
.tabs-text p  {  font-size:15px; font-weight:300; color:#0a1626;; padding:10px 0 0; line-height:21pt;  }
.tabs-text p.subtitles {  font-size:12px; font-weight:300; padding:20px 0 0; color: #9ea0a3; }

.tabs-img { width:40%; float:right; }
.tabs-img iframe { width:100%;   }
.tabs-img img {  margin:0px 0 0; border:1px solid #e6e6e6; }
.tabs-text ul  { margin:10px 0 10px 0; font-weight:500; text-shadow:1px 1px 1px rgba(255,255,255,0.25);}
.tabs-text ul li { background:url(../img/check-n.png) no-repeat left top; color:#818488; margin:25px 0 0px 0;  display:block; padding:0 0 0 30px; font-size:14px; }



/* ######## 9 - Extras Section ######  */

.extras { padding:55px 0 50px;  height:320px; display:block;   } 
 
.tabs-text2 { }
.tabs-img2 { width:40%; float:left; }
.tabs-text2 h6 {  font-size:30px; font-weight:600; color:#222424;   }
.tabs-text2 p  {  font-size:15px; font-weight:300; color:#7c7c7c; padding:10px 0 0; line-height:2.3;  }
.tabs-text2 p.subtitles {  font-size:18px; font-weight:300; padding:20px 0 0; }
.tabs-text2 a { float:left; border-radius:5px; box-shadow:0px 0px 2px rgba(255,255,255,0.5)inset; width:90px; height:17px; padding:3px 0 10px; text-align:center; font-size:13px; line-height:1.8; margin:20px 0 0; }
.tabs-img2 img {  margin:0px 0 0; border:1px solid #e6e6e6; float:left;}


/* ######## 13 - Footer  ######  */
.footer { height:148px; display:block; padding-top: 10px; background-color: rgba(10,22,38,1); clear:both}
.social { height:36px; width:124px; margin:30px auto 25px; clear:both;}
.social li { float:left; }
.social li a { background-position:0 0; }
.social li a:hover { background-position:0 100%!important; }
.social li.twitter { margin:0 0 0  6px;}
.social li.youtube { margin:0 0 0  6px;}
.social li.facebook a { background:url(../img/facebook.png) no-repeat ;  width:35px; height:36px; display:block;  }
.social li.twitter a { background:url(../img/twitter.png) no-repeat ;  width:35px; height:36px; display:block;   }
.social li.youtube a { background:url(../img/youtube.png) no-repeat ;  width:35px; height:36px; display:block;   }
.social li.twitter a, .social li.facebook a, .social li.youtube a { opacity:1; }
.copy {  clear:both; }
.copy p { text-align:center; font-weight:300; font-size:12px; color:#696969; }
.copy p strong { font-weight:600; color:#a0a0a0; }

.copy-nav { color:#696969; font-size:12px; width:360px; margin:35px auto; }
.copy-nav li {float:left; padding:0  10px; }
.copy-nav li a { opacity:0.6; }
.copy-nav li a:hover { opacity:1; }

.cpyn { border-right:1px solid #585858; }

/* ######## 14 - Video PopUp  ######  */
#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: 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("../img/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;}

.scroll-top a  {  display:block;     width:51px; height:35px;  }


/* ######## 15 - About Styles  ######  */

.extras2 { padding:55px 0 50px;  height:300px; display:block; }
.abt-div {  height:2px; width:100%; background:url("../img/pr-div.png") repeat-x bottom ;  }
.team { height:300px; }
.team-img { width:100px; margin:0 auto 9px; }
.team .title h3 { text-align:center; font-size:22px; margin:0 0 45px; font-weight:300; }
.team-img img { border-radius:60px; border:1px solid #eeeeee; }
.team-txt {  text-align:center; font-size:15px; color:#222424; }
.team-txt p.cmpny { margin:9px 0 0; color:#7c7c7c; }
.tmy:hover .team-img img { cursor:pointer; border:1px solid #9d9d9d; }
.bt3 { margin: 35px auto 0px; color:#efefef;  outline:0;  border-radius:5px; box-shadow:0px 0px 2px rgba(255,255,255,0.5)inset, 0 1px 1px rgba(0,0,0,0.4); width:140px;  padding:10px 0; text-align:center; height:20px; text-shadow:1px 1px 0px rgba(0,0,0,0.1);  font-size:16px; display:block; }
 
/* ######## 16 -  Contact Styles  ######  */
.maps { padding: 0px; display:block; clear:both  }
.maps .title h3 { text-align:center; font-size:22px; margin:0 0 45px; font-weight:300; }
.maps iframe { width:100%; box-shadow:  0 1px 1px rgba(0,0,0,0.4);  }
.contact { padding:55px 0 50px;  height:700px; display:block;  }
/*contact .title h3 { text-align:center; font-size:22px; margin:0 0 45px; font-weight:300; }*/
.form-left { float:left; width:48%; }
.form-left input { width:100%; }
.form-right { float:right; width:48%; }
.form-contact  { float:left; width:100%; }
.form-contact input:focus , .form-contact textarea:focus {  border: 1px solid #CCCCCC;
  }
.form-contact input { margin:0 0 35px; float:left; width:80%; height:35px; padding:5px 20px; }
 
.form-contact textarea { float:left; width:92%; height:122px; padding:5px 20px; margin:0px 0 0; }
input.input-submit {  float:right; width:100%; margin:30px 0 0; height:45px; box-shadow: 1px 1px 1px rgba(255,255,255,0.4)inset;  }

.form-contact input { border:0;   font-family: 'Titillium Web', sans-serif; color:#fff;  }
.form-contact input:focus { border:0; outline:0; }
.form-contact input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {  color: #191919;border-color:#cccccc;box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3),  1px 1px 2px rgba(0, 0, 0, 0) inset; }
.form-contact input:focus:valid:focus, textarea:focus:valid:focus, select:focus:valid:focus {  color: #191919;border-color:#cccccc;box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3),  1px 1px 2px rgba(0, 0, 0, 0) inset; }

#success { float:none; color:red; margin:20px 0; clear:both; }

/* ######## 17 -  Blog Styles  ######  */

.blog-content {   margin-bottom:30px;  padding:10px 40px 90px;  min-height: 200px; 
 }
 
 .blog-content h1 { font-size:26px; float:left; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8); line-height: 32pt; }
 .blog-content h2 {  font-size:14px; float:right; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8); color:#678c99; line-height:3; margin-top: -39px;}
 .blog-content img {width:100%; margin-top:30px;}
 .blog-content p {   font-size:14px; line-height:1.8; font-weight:300; margin-top:25px; text-align:justify; }
 .blog-content a { float:left;  border-radius:5px; box-shadow:0px 0px 2px rgba(255,255,255,0.5)inset; width:90px; height:17px; padding:3px 0 10px; text-align:center; font-size:13px; line-height:1.8; margin:20px 0 0; }
 
 
 /* ######## 18 -  Responsive Layout  ######  */
 
@media(min-width: 768px) and (max-width: 979px) { 
.wrapper  { width:725px;  }
input.email-newsletter {   width:180px ;   }
.subscriber h4 { font-size:16px; }
.tabs-text h6 { font-size:20px; }
.tabs-text p { font-size:13px; } 
.tabs-text p.subtitles { font-size:16px; }
.tabs-text ul li { font-size:12px; }
.tabs-content { height:245px; }
.tabs-text2 h6 { font-size:22px; }
.tabs-text2 p { font-size:13px; }
.tabs-text2 p.subtitles { font-size:16px; }
.extras { height:255px; }
.title h3:after { width:16%; }
.title h3:before { width:16%; }
.buttons .bt1 { display:none; } 
.buttons p { display:none; } 
.cta { height:320px; }
.extras2 { height:260px; }
#overlay_form { width:600px; }
#overlay_form iframe { width:100%; height:400px; }
}

@media(min-width: 480px) and (max-width: 767px) {
.wrapper { width:460px; }
.header { height:144px; }
.logo { width:180px; margin:0 auto; float:none;  }
.navi { width:340px; padding:10px 40px 0 0; margin:0 auto; float:none; }
.main-content { padding: 45px 0 40px; }
.main-content h3  { font-size:24px; }
.subscriber h4 { display:none; }
input.email-newsletter {   width:200px ;   }
 
.newsletter-form form { width:360px; margin:0 auto; }

.title h3 { font-size:18px!important; }
.title h3:after { width:10%; }
.title h3:before { width:10%; }
.features { height:430px; }
.featu p { font-size:11px; }
.featu h6 { font-size:13px; }
.tabs-nav a { font-size:0px; }
.tabs-text { width:100%; }
.tabs-img { width:100%; padding:30px 0; }
.tabs-img img { width:95%;  }
.tabs-img2 img { width:95%;  }
.tabs-content { height:530px; }

.tabs-img2 { width:100%;   }
.tabs-text2 { width:100%; padding:30px 0; }

.extras { height:540px; }
.screenshots { height:1300px; }
.gallery  { height:1310px; 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; }
.pric-wrap { padding:65px 0 0; }
.testi { height:350px; }
.prt-div .span3 { float:left; width:25%; }
.partners { height:25px; }
.extras2 { height:550px; }
.team { display:none; }
.cta { height:400px; }
.cta p { padding: 0 70px 0; }
.contact { height:300px; }
.buttons { width:360px;padding:15px 0 ; margin:0 auto; float:none; }
#overlay_form { width:400px; }
#overlay_form iframe { width:100%; height:250px; }
}

 @media(max-width:480px) {  
.wrapper { width:300px; }
.header { height:144px; }
.logo { width:180px; margin:0 auto; float:none;  }
.navi { width:275px;  padding:10px 10px 0 0; margin:0 auto; float:none; }
.navi ul li { font-size:13px;margin:0 0 0 25px; }
.main-content { padding: 35px 0 40px; }
.main-content h3  { font-size:24px; line-height:2.2;}
.main-content p.subtitles { font-size:10px; }
.video { margin:60px auto 0; }
.subscriber h4 { display:none; }
input.email-newsletter {   width:140px ;   }
 
.newsletter-form form { width:300px; margin:0 auto; }
.newsletter-form { padding:20px 0; }
.title h3 { font-size:14px!important; }
.title h3:after { width:2%; }
.title h3:before { width:2%; }
.features { height:910px; }
 
.featu { width:auto; margin:25px 0 0; }
.featu-div { display:none; }
.featu p { font-size:11px; }
.featu h6 { font-size:13px; }
.tabs-nav a { font-size:0px; }
.tabs-text { width:100%; }
.tabs-img { width:100%; padding:30px 0; }
.tabs-content { height:530px; }
.tabs-text h6 { font-size:22px; }
.tabs-img2 { width:100% ;  padding:30px 0;    }
.tabs-text2 { width:100%; padding:30px 0; }
.tabs-img img { width:100%; border:0; padding:0; }
.tabs-img2 img { width:100%; border:0; padding:0; }
.extras { height:540px; }
.screenshots { height:950px; }
.gallery  { height:950px; min-height:100px; }
.gallery li { margin:20px 0 0;  height:210px; }
.gallery li img { width:90%; margin:0px 0 0 6%;  }
.tabs-img2 img { padding:0; }
.pric { margin:0 0 60px; }
.prics { margin:0 0 60px; }
.pric-wrap { padding:65px 0 0; }
.slider { width:300px!important; }
.testi { height:300px; }
.testi p { padding:0 20px; }
.prt-div .span3 { float:left; width:25%; }
.partners { height:25px; }
.extras2 { height:550px; }
.team { display:none; }
.cta p { padding: 0 70px 0; }
.contact { height:300px; }
.buttons { width:285px;padding:15px 0 ; margin:0 auto; float:none; }
.blog-content h2 { display:none; }
.buttons .bt1, .buttons .bt2 { width:110px;}
.form-contact input { width:60%; }
#overlay_form { width:260px; }
#overlay_form iframe { width:100%; }
 }


#youtubeDesktopPlayer {
	width: 100%; 
 }

.technology { height:850px; padding: 4px 0 0; }
.standard { height: 400px;}
.xl { height: 560px }
 
.standard .title h3:before { width: 30%; }
.standard .title h3:after {  width: 30%; }

.xl .title h3:before { width: 35%; }
.xl .title h3:after {  width: 35%; }

.contact .title h3:before { width: 30%; }
.contact .title h3:after {  width: 30%; }

.cta span { font-weight: bold; color:#65BFB3; }
.cta { height:520px; }
.cta .title h3 { text-align:center; font-size:22px; margin:0 0 30px; font-weight:300; }
.cta p { text-align:center; line-height:2.2; padding:10px 130px; }

.technology p:last-child, .standard p:last-child, .xl p:last-child { margin-bottom: 30px; }
.technology img:last-child, .standard img:last-child, .xl img:last-child { margin-bottom: 30px; }

.shadow {  background-color:#fff; -moz-box-shadow: 0 5px 5px -5px #888; -webkit-box-shadow: 0 5px 5px -5px #888; box-shadow: 0 5px 5px -5px #888; }
.fb-like { padding: 10px 0px 0px 0px; float: right; }
.lang { width: 70px; position: absolute; right: 0px; display: block; padding: 20px 0; float: right; z-index: 0; font-size: 10pt; }

.blog-content p.lead { clear: both; padding-top: 40px; font-weight: bold}
.blog-content p.desc { clear: both; padding-bottom: 30px;}
.blog-content li { font-size:14px; font-weight:300; margin-top:5px; }
.blog-content li a { padding: 7px; margin: 0px; float: none; line-height: 2.6; }
.blog-content h5 { margin: 30px 0 -20px 0; padding: 0; font-weight: bold; font-size:11pt; line-height:1.8;}
.blog-content .title {}
.blog-content h4 { font-size: 22px; font-weight: 300; padding: 40px 0 20px; clear: both;}
.blog-content .photos a { 
float: none;
display: block;
clear: both;
border-radius: 0px;
box-shadow: 0px 0px 2px rgba(255,255,255,0.5)inset;
border:1px solid #e6e6e6;
width: 150px;
height: 100px;
padding: 0;
text-align: center;
font-size: 13px;
line-height: 1.8;
margin: 10px 0 0;
background: none; }
.blog-content .photos img {
width: auto;
margin: 0;
}

.blog-content .quotes {
	margin-bottom: 20px
}

.blog-content .quotes img{
	width: 26px;
	height: 20px;
	float: left;
	margin-top: 5px;
}

.blog-content .quotes p {
	max-width: 80%;
	display: inline;
	display: block;
	position: relative;
	margin: 10px 0 0 35px;
}

.blog-content .quotes .signature {
	color: #999;
	margin: 5px 0 0 10px;
}

.socialmedia li { float:left; width: 35px; height: 36px;}
.socialmedia li a { background-position:0 0; width: 35px; height: 36px; border: none; background-color: none; margin: 0; padding: 0; float: none; display: block;}
.socialmedia li a:hover { background-position:0 100%!important; }
.socialmedia li.twitter { margin:6px 0  0 6px;}
.socialmedia li.youtube { margin:6px 0 0 6px;}
.socialmedia li.facebook a { background:url(../img/facebook.png) no-repeat ;  width:35px; height:36px; display:block;  }
.socialmedia li.twitter a { background:url(../img/twitter.png) no-repeat ;  width:35px; height:36px; display:block;   }
.socialmedia li.youtube a { background:url(../img/youtube.png) no-repeat ;  width:35px; height:36px; display:block;   }
.socialmedia li.twitter a, .socialmedia li.facebook a, .socialmedia li.youtube a { opacity:1; }

#yt-front-main { 
	background: url(../img/front-yt.jpg) no-repeat; 
	height: 530px;
	width: 940px;
	background-position: 0 0;
}

#yt-front-main:hover {
	background-position: 0 -530px;
	cursor: hand;
	cursor: pointer;
}

#yt-front-main:active {
	background-position: 0 0;
}

.index  {
    font-weight: 300;
    color: #222424;
}

.index h5 {
    font-size: 30px;
}

h5.free {
    text-align: center;
}

.index img {
    display: block;
}

.index .left{
    width: 403px;
    float: left;
}

.index .wrapper {
    margin-top: 15px;
}

.index .left .newsletter {
    width: 403px;
    height: 163px;
    background-image: url("../img/newsletter.png");
    margin-top: 3px;
}

.index .left .concert {
    margin-top: 32px;
}

.index .right .girl {
    float: right;
}

.index .right .text {
    margin-top: 50px;
    float: left;
    width: 50%;
    margin-left: 60px;
}

.index .standard .left {
    width: 43%;
    float: left;
}

.index .standard .right {
    width: 54%;
    float: right;
}

.index .xl .left {
    width: 54%;
    float: left;
}

.index .xl .right {
    width: 43%;
    float: right;
}

/*************************** PRESS *********************************************/

.press .title {
    clear: left;
    text-align: center;
    float: none;
}

.press  h3{
    color: #000;
    opacity: 0.4;
}
.press  p.subtitles{
    color: #000;
    opacity: 0.7;
}

.press a { font-weight: bold; color:#65BFB3; text-decoration:none; font-size: 15px}
.press a:hover { color:#65BFB3; text-decoration:underline; }
.press .video-link { clear:both; padding: 20px 45px;}

.press li {
    list-style: circle;
    padding-left: 0px;
}

.press li a {
    padding-left: 0px;
}

.press .gallery {
    height: 500px;
}

.press .gallery img {
    margin-top: 0
}
/* ************************************************************************** */

.faq { min-height: 400px; text-align: left;}
.faq  h3{ color: #000; opacity: 0.9; text-align: center;}
.faq  p.subtitles{ color: #000; opacity: 0.7; }

#faq-list {
    margin-top: 20px;
    display: none;
}

.faq .answer {
    display:none;
}

.faq h2 {
    line-height:24px;
    font-size:18px;
    font-weight:700;
    color:rgb(100,150,200);
    padding-left:24px;
    cursor:pointer;
    background-image:url('../img/open.png');
    background-position:left;
    background-repeat:no-repeat;
}

.faq h2.close2 {
    background-image:url('../img/close.png');
}

.faq .answer p {
    margin: 6px 24px 15px;
    line-height: 17pt;
}
/* ************************************************************************* */

.contact h3{
    color: #000;
    font-weight: 300;
    text-shadow: none;
    font-size: 24px;
}
.contact  p.subtitles{
    color: #000;
    opacity: 0.7;
}

.contact .left {
    width: 45%;
    float: left;
}

.contact .right {
    width: 45%;
    float: right;
}

.contact .left span { font-weight: bold; color:#65BFB3; }
.contact .left { height:520px; }
.contact .left .title h3 { text-align:center; font-size:22px; margin:0 0 30px; font-weight:300; }
.contact .left p { line-height:1.8; padding:10px 20px; }

.contact .right span { font-weight: bold; color:#65BFB3; }
.contact .right { height:520px; }
.contact .right .title h3 { text-align:center; font-size:22px; margin:0 0 30px; font-weight:300; }
.contact .right p { line-height:1.8; padding:10px 20px; }

 .software h1 { font-size:29px; float:left; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8); line-height: 32pt; }
 .software h2 {  font-size:14px; float:right; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8); color:#678c99; line-height:3; }
 .software img {width:100%; margin-top:30px;}
 .software p {   font-size:14px; line-height:1.8; font-weight:300; margin-top:25px; text-align:justify; }
 .software a { float:left;  border-radius:5px; box-shadow:0px 0px 2px rgba(255,255,255,0.5)inset; width:90px; height:17px; padding:3px 0 10px; text-align:center; font-size:13px; line-height:1.8; margin:20px 0 0; }
 
 .software .title { padding: 0 20px}
 .software .title h3 { color: #000}
 .blog-content h2 a { margin:5px 0 0; }