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


/* ---------------- 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:#337ab7; text-decoration:none; }
a:focus { outline:0; text-decoration:none; }
a:hover { color:#2e6da4; text-decoration:none; }
#hfd { display:none !important; }
body {
	overflow-x: hidden !important;
}
/* ---------------- 3. Layout and Font Styles ----------------- */

.clear { clear:both; }
.pushdown { margin-bottom: 8%; }
.red-danger {
	color: #ff0000;
}
.green-ok {
	color: #008000;
}
.dark-link {
	color: #888888 !important;
}
.big-font-letter {
	font-size: 1.6em;
}
.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_2.png") repeat !important; }
.pattern2 { background:url("/img/pattern.png") repeat !important; }
.midtext {
	text-align: center;
	font-size: 24px;
	clear: both;
	font-weight: bold;
}
.midsmalltext {
	text-align: center;
	clear: both;
	font-weight: bold;
}
label {
	margin-bottom:10px;
}
input[type="checkbox"] { padding:10px; width:20px; height:20px;}
.inlinelabel {
	display: inline;
}
.inline-checkbox {
	display: inline;
}
.field2 label {
	margin-top: 5%;
}
.button-uniformwidth {
	width: 15%;
}

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

/* Header and Logo */
.header { display:block; background-color:rgba(255,255,255,0.7); box-shadow:0px -1px 0px rgba(0,0,0,0.1) inset; padding-bottom:10px;    }
.logo { float:left; padding-top:10px; }
.logo img { width:300px; height:auto; max-width:300px;}

/* Navigation and Button */
.navi { float:right;  }
.navi1  {  float:left; 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 35px;}

.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;  float:left; height:36px;   }
.navi3  { padding:0px 0 0 0; margin:26px 0 0 40px; display:block;  float:left; height:36px;  }
.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;  }
.hd-button3 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;  }


.rslides_container { background:#f1f1f1;}
.rslides {
  position: relative;
  list-style: none;

  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
  .rslides {
  margin: 0 auto;
  }

.rslides_container {
  margin-bottom: 20px;
  position: relative;
  float: left;
  width: 100%;
  border-top:#ccc solid 1px;
  }

.rslides1_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
 
  z-index: 99;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.rslides1_nav:active {
  opacity: 1.0;
  }

.rslides1_nav.next {

  background-position: right top;
  right: 0;
  border-radius:5px 0 0 5px;
  }
  
.rslides1_nav.prev {border-radius:0 5px 5px 0; left: 0;}



.rslides1_nav:focus,
.rslides2_nav:focus,
.rslides3_nav:focus {
  outline: none;
  }

.caption {
  position: absolute;
 
  top: 70px;
  left: 70px;
  padding: 50px;
  text-align: center;
  background: #000;
  background: rgba(0,127,177, .8);
  color: #fff;
  width:200px;
  height:200px;
  font-size:34px;
  border-radius:300px;
  display: table;
}

.caption.right { left:auto; right:70px;}

.caption span {display: table-cell;
  vertical-align: middle;}




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


.main-content { padding:45px 0 0;  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;  }
.product-data { width:540px; padding:24px 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:20px 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: #333; min-height:280px !important;  }
 	
.featu-icon { position: relative; width:101px; height:101px; 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:15px 0 0; min-height:275px;  display:block; padding:35px 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;	  }

.tabs-text { width:50%; float:left; }
.tabs-text h6 {  font-size:24px; font-weight:600; color:#444c4f; margin-bottom:10px;   }

.tabs-text p  {  font-size:14px; font-weight:300; color:#818488; padding:0 0 5px 0; line-height:1.5;  }


.tabs-img { width:48%; float:right; }
.tabs-img iframe { width:100%;   }
.tabs-img img { margin:0px 0 0; }
.tabs-text ul  { margin:0; font-weight:500; text-shadow:1px 1px 1px rgba(255,255,255,0.25);}
.tabs-text ul li { color:#818488; margin:0 0 5px 0;  display:block; padding:0 0 0 25px; font-size:14px; }


/* ---------------- 8. Screenshots Section Styles ----------------- */
.screenshots { padding-bottom:40px;}
.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;    }
.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: #333;	cursor:pointer; }
.client { min-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.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:20px 0; 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 50px; font-size:26px; height:32px; display:block; background:url("/img/cta-icon.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;  }
.cta-button:hover {color:#fff;}
 
/* ---------------- 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; }
.copy a {color:#333;}
.copy a:hover  { color:#111;}
.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:#333; 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:left;  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.html") no-repeat  ; background-position:0 0; display:block; float:left;}
.email { width:18px; height:18px;  background: url("/img/contact-icon.html") no-repeat  ; background-position:0 -18px; display:block; float:left;}
.message { width:18px; height:18px;  background: url("/img/contact-icon.html") 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; }
.btn {
	margin-bottom: 8px;
}
.supportTitle
{
  display: inline-block;
  margin-left: 15%;
}
.midtext p
{
  font-size: 16px;
  display: inline-block;
}
.instructionsContainer
{
  padding: 25px;
}
.instructionsContainer h2
{
  font-weight: bold;
}
.instructionsContainer h3
{
  font-size: 1.5em;
  font-weight: bold;
  margin: 5% 0;
  text-align: center;
  
}
.instructionsContainer h4
{
  font-size: 1.4em;
  font-style: italic;
  margin-bottom: 5px;
}
.instructionsContainer h5
{
  font-size: 1.2em;
  font-weight: bold;
}
.instructionsContainer ul
{
  list-style-type: disc;
  margin-bottom: 25px;
}
.instructionsContainer ul.otherList
{
  list-style-type: none;
}
.instructionsContainer ul.otherList li:before
{
  content:"-";
  position: relative;
  left:-5px;
}
.instructionsContainer ul.otherList li
{
  text-indent:-5px;
}
.instructionsContainer ul li
{
  line-height:3em;
  margin-left:5%;
}
.instructionsContainer h4
{
  line-height:2.5em;
}
@media (max-width: 979px) {  
.caption { font-size:24px; width:150px; height:150px; padding:20px; }
.textboxmobile { width:40%; }
.customer-area .inlinelabel { margin-bottom: 0%; }
.spanmobile .span6 { width:49%; display: inline-block; }
}
/* ---------------- 14. Responsive Form ----------------- */
@media(min-width: 768px) and (max-width: 979px) {  
.header p {display:none;}
.wrapper { width:725px; margin:0 auto;}

.second-section {padding: 20px 0 0;}
.product { width:300px;  }
.product-data { width:395px; padding:24px 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;   } 
.featu { min-height:300px !important;}
.title h1 {  font-size:22px;   width:491px;  }
.tabs-content {   width:665px;	  }
.tabs-text h6 {  font-size:18px;     }

.tabs-text p  {  font-size:13px; line-height:1.9;  }
.tabs-text ul li {   font-size:12px; }
.tabs-text ul  { margin:15px 0 0 0;  }
.gallery ul {    min-height:100px; height:100px;   }
.cta h3 { font-size:20px; }

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

@media (max-width: 620px) {  
.caption { font-size:22px; width:150px; height:150px; padding:20px; top:30px; }
#message { height: 50px; }
}

@media (max-width: 520px) {  
.caption { font-size:22px; width:150px; height:150px; padding:20px; top:10px; }
}

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

.wrapper { width:480px; margin:0 auto; }
.navi1 {margin:0; padding:5px 20px;   }
.navi2 {  margin:0; }
.navi3 {  margin:6px; }

.main-content {  min-height:650px;  position:relative; }
.product { top:250px; position:relative; float:none;  margin:0 auto; }
.product-data { top:0px; position:absolute; width:395px; padding:24px 0 0 30px;   }
.product-data h2 { font-size:20px; text-align:center;  line-height:1.8;  }
.product-data p.subtitle {font-size:12px; 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:520px;   width:400px;	  }
.tabs-text{   width:100%;	  }
.tabs-img { padding:30px 0 0; width:100%; float:right; }
.second-section { padding-top:0px;}
.gallery  {  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; }

.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:14px; }
.btn {
	margin-bottom: 8px;
}
.footer {
	width: 92%;
}
.abs-pos {
	margin-top: 24%;
}
}
 
@media(max-width:480px) {  

.wrapper { width:300px; }
.caption { font-size:18px; width:100px; height:100px; padding:20px; top:10px; }
.navi1  { display:none;  }
.navi {  float:right; }
.logo { float:none;}
.logo h1 { font-size:22px;}
.header p {  margin-top:20px;}
.navi2 { float:right; margin:10px 0 0; }
.navi3 { float:right; margin:16px 16px 0; }
.main-content { position:relative; padding:10px 0; }
.product { display:none; }
.mn2 { }
.product-data {  width:300px; padding:0px;   }
.product-data h2 { font-size:24px; text-align:center;  line-height:1.5;  }
.product-data p.subtitle {font-size:13px; text-align:center; margin:0 0 10px;}
.product-data p.subtitle span { font-size:14px;}
.buttons a { display:block; float:none;  margin:0px auto 25px;font-size:14px; width:200px; height:34px;  padding:14px 40px 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:20px;   width:300px;  }
.screenshots .title { padding:0;}
.features { padding:0; }
.features .title { padding:0 0 20px; }
.tabs-content {width:240px;}
.tabs-text{   width:100%;	  }
.tabs-img { display:none; }
.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; }
.tabbed { padding:20px 0;}
.gallery  {}
.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; }

.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:14px; 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%; }
.btn {
	margin-bottom: 8px;
}
.footer {
	width: 92%;
}
.table {
	font-size: 0.7em;
	table-layout: fixed;
	word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.centerbtns {
	text-align: center;
}
#p_pickup_address_table_center {
	position: relative !important;
	right: 10% !important;
}
.field3 {
	font-size:0.98em;
}
.abs-pos {
	margin-top: 35%;
	margin-left: 5%;
}
.rel-pos {
	min-height: 480px !important;
}
.button-uniformwidth {
	width: 25%;
}
}
#hfd {
	display:none;
}
.halfsize {
	min-height: 100px !important
}
.halfsize2 {
	min-height: 50px !important
}
.rel-pos {
	position: relative;
	min-height: 400px;
}
.abs-pos {
	position: absolute;
	top: 25%;
	right: 15px;
}
.abs-pos2 {
	position: absolute;
	bottom: 0.1%;
	right: 15px;
}
.inside-featu {
	margin-left: 5%;
}
.textbox-width {
	width: 95%;
}
.font-smaller a {
	font-size: 0.8em;
}
#form-reg input[type="text"], #form-reg  input[type="password"], #form-reg  input#name, #form-reg  input#email, #form-reg input#store_name, #form-reg input#store_website {
	width:90%;
}
.g-recaptcha {
    margin-top: 2%;
    transform:scale(0.77);
    transform-origin:0 0;
}
.customer-area {
	background-color: #ffffff;
	border-radius: 5px;
	padding: 2% !important;
	margin: 2% !important;
}
.font-bold {
	font-weight: bold;
}
.float-right {
	float: right;
}
.smallboxpad {
	padding: 1%;
}
.smallboxspace {
	margin-top: 2% !important; 
	padding-top: 2% !important; 
}
.logout-btn{
	margin-top:3%;
	margin-right: 10%;
}