/*  Lister  - Table of Contents
----------------------------------------------------

1. Color-Skin Styles 
2. Reset Styles 
3. Layout and General Styles
4. Header Styles
5. Main Section Styles
--5.1 - Buttons
--5.2 - Slider
6. Features Section Styles
7. Highlight Styles
8. Newsletter Section Styles
9. Screenshots Section Styles
10. Footer Buttons ( Join The Party) Section Styles
11. Footer Styles
12. Contact Form Styles
13. Responsive Styles
14. Retina Ready Backgrounds


/*----------------------------------------------------*/
/* 1. Color/Skin Styles */
/*----------------------------------------------------*/
/*@import url("skins/wide.css");*/

@import url("skins/sky.css");

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

html,  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;
}
/* Reset Body ans Fonts  */
body {
	 
	line-height: 1;
    font-family: 'Titillium Web', sans-serif;
    font-weight:400;
    }
ol, ul {
	list-style: none;
}

/* Reset a Tags */
a { color:#005580; }
a:focus { outline:0;  }


/* Reset input Tags */
input { border:0;   font-family: 'Titillium Web', sans-serif; color:#fff;  }
input:focus { border:0; outline:0; }
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {  color: #eaeaea;border-color:#cccccc;box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3),  1px 1px 2px rgba(0, 0, 0, 0.3) inset; }
input:focus:valid:focus, textarea:focus:valid:focus, select:focus:valid:focus {  color: #dedede;border-color:#cccccc;box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3),  1px 1px 2px rgba(0, 0, 0, 0.3) inset; }

/* Reset input Tags */
::-moz-selection { background: #2e2e2e; color: #fff; text-shadow: none; }
::selection { background: #2e2e2e; color: #fff; text-shadow: none; }

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

.wrapper { width:940px; margin:0 auto; }  
.clear { clear:both; }

h1 { font-size:28px; text-align:center;  font-weight:700;}
h2 { font-size:16px; text-align:center;  font-weight:500;}
.howitwork, .screenshots, .testimonials, footer { background:url(../img/body.png)repeat; }

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

header { background:url("../img/body.png") repeat;  position: relative; z-index:5; height:335px; display:block; box-shadow:0px 1px 1px rgba(0,0,0,0.2); }

/* NOTE : To edit Logo css , go to Skins/Blue.css  */
.logo { float:left; margin: 0 0 0 77px; height:324px; width:486px;  display:block;} 

.navi { float:right; width:240px; display: none; }
.navi li { float:left; width:80px; border-top:3px solid #fff; } 
.navi li:hover { float:left; width:80px; border-top:3px solid #eaeaea; } 
.navi li a { float:left; width:80px; padding:30px 0; color:#868889; text-align:center;}

li.active { background:rgba(213,213,213,0.25);  } 
li.active a { color:#1b1d1e; }

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

.main {   padding: 0 0 15px; height:510px; z-index:2; }
.gradient { background:url(../img/gradient.png) no-repeat center top;  height:100%; padding:0 0 50px;}

.main h1 { color:#f9f9f9; text-shadow : 1px 1px 1px rgba(0,0,0,0.2); padding:30px 0 0;}
.main h2 { color:#f9f9f9; text-shadow : 1px 1px 1px rgba(0,0,0,0.2); padding:18px 0 0;}


.wrapper strong { font-weight: 600; }

.about .title h3 { margin: 40px auto 25px auto; }
.testimonials .title h3 { margin: 40px auto 20px auto; }
.title.long h3 { width: 600px; }

ol { list-style-type: decimal; margin: 10px 0 0 30px; font-size: 16px; }
ol li { margin: 8px 0; line-height: normal; text-align: justify;}

.about.white { padding:0px 0 0; background:#fcfcfc; display:block; box-shadow:0px 1px 1px rgba(0,0,0,0.1) inset; }
.testimonials.white { padding:0px 0 0; background:#fcfcfc; display:block; box-shadow:0px 1px 1px rgba(0,0,0,0.1) inset; }

.r, .about .r p { text-align: right; }

.offer { clear: bold; font-size: 16px; width: 100%; }
.offer th { background: #DADCDD; }
.offer th:first-child { border-radius: 34px 0 0 0; }
.offer th:last-child { border-radius: 0 34px 0 0;}
.offer td { padding: 0 2.5% 0 2.5%; /*border: 1px solid #DADCDD; border-top: none; border-bottom: none;*/ border-top: 1px solid #dadcdd; width: 47.33% }
.offer.feature1 { float: none; }
/*.offer.feature1 li { height: auto; min-height: 20px;  margin: 30px 0; padding: 2px 0 0 32px;}*/
.offer.feature1 li { height: auto; min-height: 20px;  margin: 15px 0; padding: 2px 0 0 32px;}
.about .offer h3, .about .offer h4 { margin: 9px 0; }

.offer td:first-child { border-left: 1px solid #dadcdd; }
.offer td:last-child { border-right: 1px solid #dadcdd; }

.offer tr:nth-child(2n+1) td { background: #FCFCFC; }
.offer tr:nth-child(2n) td { background: url("../img/body.png") repeat; }

.offer tr.buy-buttons td { padding-top: 10px; }

.offer tr.summary td { background: #DADCDD; padding: 8px 2% 0 2%; text-align: center; vertical-align: middle; border: none!important; font-size: 20px; font-weight: 600; color: #4B4F5; }
.offer tr.summary td a { color: inherit; }
.offer tr.summary td:first-child { border-radius: 0 0 0 34px; }
.offer tr.summary td:last-child { border-radius: 0 0 34px 0;}
.offer tr.summary .offer-hover { color:#fff!important;  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
.offer .or { text-align: center; font-weight: bold; font-size: 18px; margin-bottom: 10px; margin-top: -10px; }
.offer .summary a { display: block; }

.wrapper-narrow { width: 640px }

a.multi-line-button { width: 12em}
a span.title { background: none; color: white; }


/*
.table { display: table; }
.table > div { display: table-cell; }
*/


/* Video Iframe */
.video { margin:40px 0 0 0; float:left; background-color: white; }
.video video { width: 580px; height: 436px;  /*box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.15) inset, 0 -1px 1px rgba(255, 255, 255, 0.15) inset, 0 1px 8px rgba(0, 0, 0, 0.4); */ }

/* Slider */
.slides { float:left; width:580px; height:360px; overflow:visible; position:relative;    margin:40px auto 0;    }
  .slides img{  width:580px; height:360px;   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.15) inset, 0 -1px 1px rgba(255, 255, 255, 0.15) inset, 0 1px 8px rgba(0, 0, 0, 0.4);  }
.slides_container {  width:580px;  height:360px;   z-index:3;}

.pagination { width:100px; margin:18px auto 0px ; }
.pagination li a {
    font-size:0px;
    background-color: #fff;
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    border-radius:100px;
    display: block;
    overflow: hidden;
	margin: 0 0 0 15px;
	float:left;
    height:16px;
    width: 16px; 
     }
li.current a { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1; }

/* Subscriber Form */
.subscriber, .about .subscriber {  margin:40px 0 0 0; float:right; display:block; height:436px; width:340px; border-radius:3px; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8c000000', endColorstr='#4c000000'); /* IE */ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.15) inset, 0 -1px 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px rgba(0, 0, 0, 0.4); } 
.subscriber-wrap, .about .subscriber-wrap {  padding:20px; -moz-box-sizing: border-box; box-sizing: border-box; } 
.subscriber h3, .about .subscriber h3 { color:#fff; text-shadow : 1px 1px 1px rgba(0,0,0,0.3); font-size:21px; margin:0 0 12px; }
.subscriber p, .about .subscriber p { color:#fff; text-shadow : 1px 1px 1px rgba(0,0,0,0.3); font-size:16px; line-height: 20px; margin-top: 10px;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity:0.8;  }

/* Subscriber Form Inputs */
.subscriber  input { padding:0 45px; color:#fff; border-radius:20px; height:40px;  width:68%; margin:14px 0 0;  }
input.name-newsletter { color:#fff; background: url(../img/icons/name.png) no-repeat scroll 18px 12px rgba(0,0,0,0.1) ;
  border-color: #CCCCCC; box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
  }

input.email-newsletter { color:#fff; background: url(../img/icons/email.png) no-repeat scroll 18px 12px rgba(0,0,0,0.1) ;
  border-color: #CCCCCC; box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
  }
  
input.phone-newsletter { color:#fff; background: url(../img/icons/phone.png) no-repeat scroll 18px 12px rgba(0,0,0,0.1) ;
  border-color: #CCCCCC; box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
  }

/* Subscriber Submit Button */ 
input.button-newsletter  {  display:block; clear:both;  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.15) inset, 0 -1px 1px rgba(255, 255, 255, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.2); float:right; width:125px; padding:0 18px 0 0 ; color:#47494a; }

input.button-newsletter:hover { color:#191919;  background-color:#fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(255, 255, 255, 0) inset, 0 -1px 1px rgba(255, 255, 255, 0) inset, 0 1px 4px rgba(0, 0, 0, 0.2); }

/* Subscriber label */ 
.subscriber label { line-height:1.3; text-align:center;  font-size:13px; clear:both; margin:10px 0 0; color:#fff; opacity:0.7;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }

/*----------------------------------------------------*/
/* 6. How it Works */
/*----------------------------------------------------*/

.howitwork { padding:55px 0 40px; box-shadow:-3px -1px 1px rgba(0,0,0,0.1); }

.title { background: url(../img/title.png) repeat-x scroll 0 20px ; /* height:24px;*/ width:100%; }
.title h3 { margin:0 auto; padding:8px 0; display:block; height:26px; text-align:center; width:300px; border-radius:20px; background: none repeat scroll 0 0 #dadcdd; font-weight:700; font-size:22px; color:#47494a; text-shadow: 1px 2px 1px rgba(255, 255, 255, 0.4);  box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.8); }

.icon {  width:72px; margin:0 auto;  }
.featu { margin:65px 0 0; }

.featu:hover { cursor:pointer; }
.featu  h6 { margin:20px 0 0; font-size:18px; text-align:center; font-weight:600; color:#47494a; }
.featu  p { margin:20px 55px 0; line-height:24px; font-size:14px; text-align:center; font-weight:400; color:#7b8285;}

.step { background: url(../img/title2.png) repeat-x scroll 0 15px ; margin:30px 18% ; height:24px;  }
.step p { box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.5); width:60px; margin:0 auto; padding:2px 10px; height:26px; border-radius:20px; background: none repeat scroll 0 0 #dadcdd; color:#6a7479; font-size:12px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3); }


/*----------------------------------------------------*/
/* 7.  Features */
/*----------------------------------------------------*/

.features { height:381px; padding:40px 0 0; background-color:#fcfcfc; display:block; box-shadow:0px 1px 1px rgba(0,0,0,0.1) inset; }

.feature1 { float:left; } 
.feature1 h3 { font-size:22px; font-weight:600; color:#4b4f51; margin:8px 0 0; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3); } 
.feature1 h6 { font-size:18px; font-weight:500; color:#b5bec2;  margin:25px 0 0; } 
.feature1 ul { margin:10px 0; }
.feature1 li { padding:2px 0 0 28px; height:20px; /*color:#4b4f51;*/ margin:35px 0; }

.feature2 { float:right; } 


/*----------------------------------------------------*/
/* 8.  Screenshots */
/*----------------------------------------------------*/


.screenshots {   padding:55px 0 50px;  display:block; box-shadow:0px -1px 1px rgba(0,0,0,0.1) ; }

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*/	}

.tabs-ul  { float:right; width:80; margin:40px 0 10px; }
.tabs-ul li  { float:left;  width:30px;  height:8px; margin:10px 0 20px 10px; display:block; }
.tabs-ul li a  { float:left;  width:30px;  height:8px;   display:block; background-color:#dadcdd; }

.gallery ul { margin:10px 0 0px; min-height:150px; height:150px; padding-bottom:20px; }
.gallery li { position:relative;  min-height:150px; max-width:100%; }	
.gallery li img { box-shadow: 0 0  3px rgba(0, 0, 0, 0.4), 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: 1px; }


/*----------------------------------------------------*/
/* 9.  Testimonials */
/*----------------------------------------------------*/
.testimonials { padding:0 0 50px; }
.client {  width:149px; margin:0 auto; }

.testi { margin:30px 0 0; }
.testi:hover { cursor:pointer; }

.testi-div { background:url(../img/testimonials/divider.png) center no-repeat; margin:20px auto ; width:80%; height:10px; display:block; }
.testi  h6 { margin:15px 0 0; font-size:17px; text-align:center; font-weight:600; color:#47494a; }
.testi  p { margin:12px 30px 0; line-height:24px; font-size:15px; text-align:center; font-weight:400; /*color:#7b8285;*/}

.quote { background: url(../img/title2.png) repeat-x scroll 0 15px ; margin:30px auto ; height:24px; width:80%; text-align: center; }
.quote img {  box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.5); width:29px; padding:10px 20px; height:9px; border-radius:20px; background: none repeat scroll 0 0 #dadcdd; color:#6a7479; font-size:18px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3); }


/*----------------------------------------------------*/
/* 9a. Moduły                             
/*----------------------------------------------------*/


/*.span6.module { margin:0px 0 0 2%; width: 46%; }*/

.module-div { background:url(../img/testimonials/divider.png) center no-repeat; margin:20px auto ; width:80%; height:10px; display:block; }
.module  h6 { margin:15px 0 0; font-size:17px; text-align:center; font-weight:600; color:#47494a!important; }
.module  p { margin:20px 30px 0; line-height:24px; font-size:14px; text-align:center; font-weight:400; }
.module li { line-height: 17px; margin: 15px 0; padding: 1px 10px 3px 32px; font-size:16px; text-align:left; font-weight:400; }



/*----------------------------------------------------*/
/* 10.  Action */
/*----------------------------------------------------*/

.action {   height:70px; padding: 45px 0 50px; box-shadow:0px 1px 1px rgba(0,0,0,0.2) inset; }
.action h3 { float:left; padding:21px 0 0 85px; height:44px; font-size:25px;  font-weight:400; color:#fff; text-shadow : 1px 1px 1px rgba(0,0,0,0.2);}
.action h3 span { font-weight:800;}

.action-button { display:block;    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.15) inset, 0 -1px 1px rgba(255, 255, 255, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.2); float:right; width:80px; padding:0px 30px;   color:#47494a;    border-radius:20px; height:40px; line-height:38px; vertical-align:middle; margin:15px 0 0;  color:#47494a;   }

/*----------------------------------------------------*/
/* 10.  Action */
/*----------------------------------------------------*/

footer { background:url(../img/body.png)repeat ;  position: relative; z-index:5; height:76px; display:block; box-shadow:0px -1px 1px rgba(0,0,0,0.2); }

.copy { width:400px; float:left; margin:34px 0 0 ; font-size:14px; color:#7b8285; }
.copy p strong { font-weight:700; color:#3e4446; }

.social { float:right; margin:22px 0 0; }
.social li { float:left; margin:0 0 0 9px; }

.links { float:right; margin:34px 0 0 ; font-size:14px; color:#7b8285; }
.links p strong { font-weight:700; color:#3e4446; }


li.google a {   background:url(../img/google.png) no-repeat; width:37px; height:37px; display:block; opacity:0.4;   -ms-filter: "progid:DXImageTrans form.Microsoft.Alpha(Opacity=40)"; }
li.google a:hover {  opacity:1;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  }

li.facebook a { background:url(../img/facebook.png) no-repeat; width:37px; height:37px; display:block; opacity:0.4;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";  }
li.facebook a:hover {  opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

li.twitter a { background:url(../img/twitter.png) no-repeat; width:37px; height:37px; display:block; opacity:0.4;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";  }
li.twitter a:hover {  opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.facebook-com { padding:60px 10px 20px; width:100%; margin:0 auto; }
.fb_iframe_widget { width:100%; }
.fb-comments, .fb_iframe_widget iframe  {width: 920px !important;}
.fb_iframe_widget span {width: 920px !important;}

li ul {
  list-style-type: disc;
  margin-left: 30px;
}

.about ul {
  font-size: 16px;
  line-height: 30px;
  margin: 16px 0;
  text-align: justify;
  list-style-type: disc;
  margin-left: 30px;
}

div.firma {
  margin-left: 35px;
}

div.firma p {
  margin: 0;
}