/* ---------------------------------------------------------
   1. Embedded fonts styles
   2. General reset
   3. Common site styles
   4. Custom form styles
   5. Styles for responsive breakpoints
   6. Print style
   ---------------------------------------------------------*/

/* ---------------------------------------------------------
   1. Embedded fonts styles
   ---------------------------------------------------------*/
	
@font-face {
	font-family: 'latoregular';
	src: url('../fonts/lato-reg-webfont.eot');
	src: url('../fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-reg-webfont.woff') format('woff'), url('../fonts/lato-reg-webfont.ttf') format('truetype'), url('../fonts/lato-reg-webfont.svg#latoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'latobold';
	src: url('../fonts/lato-bol-webfont.eot');
	src: url('../fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-bol-webfont.woff') format('woff'), url('../fonts/lato-bol-webfont.ttf') format('truetype'), url('../fonts/lato-bol-webfont.svg#latobold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'latolight';
	src: url('../fonts/lato-light-webfont.eot');
	src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-light-webfont.woff') format('woff'), url('../fonts/lato-light-webfont.ttf') format('truetype'), url('../fonts/lato-light-webfont.svg#latolight') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* ---------------------------------------------------------
   2. General reset
   ---------------------------------------------------------*/
	
/*
 * set default text color
 * set default font size, line height and font family
 * set default background
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html { background: #1d1d1d; }
body {
	color: #333;
	font: 12px/15px 'latoregular', Arial, Helvetica, sans-serif;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
	min-width:320px;
}
* { max-height: 10000px; }
a{color: #ef3f42;}
a:hover{
	color: #ef3f42;
	text-decoration:underline;
	outline: none;
}
/* ---------------------------------------------------------
   3. Сommon site styles
   ---------------------------------------------------------*/
	
/* main container styles */
#wrapper {
	width: 100%;
	position: relative;
	overflow: hidden;
}
/* header styles */
#header {
	background: url(../images/bg-header-shadow.png) no-repeat 50% 100%;
	padding: 0 0 25px;
	position: relative;
	z-index: 999;
	margin:0 0 -5px;
}
/* page logo styles */
.logo {
	background: url(../images/logo.png) no-repeat;
	width: 246px;
	height: 49px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
	z-index: 999;
}
.logo a {
	display: block;
	height: 100%;
}
#header .navbar {
	float: right;
	background: none;
	box-shadow: none;
	border: 0;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 20px 0 0;
	min-height: inherit;
	max-width:900px;
	white-space:normal;
}
#header .navbar .navbar-nav > li {
	padding: 0 19px 0 37px;
	position: relative;
	float:none;
	display:inline-block;
	margin:0 0 0 -3px;
}
#header .navbar .navbar-nav > li:after {
	position: relative;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	background: #ffc600;
	content: "";
	position: absolute;
	left: 3px;
	top: 7px;
}
#header .navbar .navbar-nav > li.item3:after { background: #64c0ff; }
#header .navbar .navbar-nav > li.item4:after { background: #09cfc0; }
#header .navbar .navbar-nav > li.item5:after { background: #f53d3f; }
#header .navbar .navbar-nav > li:first-child:after { display: none; }
#header .navbar .navbar-nav > li a { padding: 0; }
#header .navbar .navbar-nav > li.active a, #header .navbar .navbar-nav > li a:hover {
	background: none;
	box-shadow: none;
	color:#ef3f42;
}
.topbar .right-area {
	float: right;
	font-size: 12px;
	line-height: 14px;
	padding: 19px 12px 0 0;
}
.topmenu { float: left; }
.topmenu li {
	float: left;
	padding: 10px;
}
.topmenu li a { color: #58585a; }
.topmenu li a:hover{
	color:#ef3f42;
	text-decoration:none;
}
.right-area .tell {
	float: left;
	padding: 10px;
}
.language { float: left; }
.signin {
	float: left;
	background: #09cfc0;
	padding: 0 18px;
	line-height: 25px;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	margin: 0 0 0 6px;
	color: #fff;
	text-transform: uppercase;
}
.signin:hover {
	text-decoration: none;
	color: #fff;
	background: #ef3f42;
}
/* main informative part styles */
.visual {
	padding-top: 51px;
	color: #6c6c6e;
	font: 25px/28px 'latolight', Arial, Helvetica, sans-serif;
}
.visual h1 {
	font: 50px/58px 'latoregular', Arial, Helvetica, sans-serif;
	margin: 0 0 22px;
	color: #1d1d1d;
}
.btns {
	overflow: hidden;
	padding: 42px 0 0 5px;
}
.btns .getdemo, .btns .getstart {
	background: #ef3f42;
	float: left;
	color: #fff;
	font-size: 17px;
	line-height: 32px;
	height: 52px;
	padding: 10px 38px;
	border-radius: 23px;
	-webkit-border-radius: 23px;
}
.btns .getdemo:hover {
	background: #ff6366;
	text-decoration: none;
}
.btns .getstart {
	background: #09cfc0;
	padding: 10px 28px;
	margin: 0 0 0 7px;
}
.btns .getstart:hover {
	background: #0ae5d4;
	text-decoration: none;
}
#sidebar .btns .getdemo, #sidebar .btns .getstart { margin: 0 0 8px; }
.visual .text {
	margin: 0 -55px 0 0;
	padding: 9px 40px 0 18px;
}
/* slideshow basic styles */
.slideshow {
	position: relative;
	float: right !important;
	width: 591px !important;
	margin: 0 -38px;
}
.slideshow .slideset { position: relative; }
.slideshow .image-holder {
	background: url(../images/bg-slideshow.png) no-repeat;
	padding: 3% 13.70% 5% 13.70%;
	height: 324px;
	width: 591px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0 0 12px;
}
.slideshow .image-holder img {
	width: 100%;
	height: auto;
	display: block;
}
.slideshow div.slide {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 591px;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	color: #1d1d1d;
}
.slideshow div.slide.active { z-index: 2; }
.slideshow.not-enough-slides a.btn-prev, .slideshow.not-enough-slides a.btn-next { visibility: hidden; }
.pagination-outer {
	position: absolute;
	right: 29px;
	top: 0;
	bottom: 0;
	z-index: 9999;
}
.slideshow .pagination {
	display: table;
	height: 100%;
}
.slideshow .pagination ul {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 92px;
}
.slideshow .pagination li { margin: 5px 0; }
.slideshow .pagination li a {
	width: 9px;
	height: 9px;
	background: #e4e4e4;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
}
.slideshow .pagination li.active a, .slideshow .pagination li a:hover {
	background: #ef3f42;
	outline: none;
}
.overview {
	font-size: 15px;
	line-height: 26px;
	color: #5a5a5a;
	padding-top: 65px;
	float: right;
	width: 263px;
}
.overview h2 {
	color: #ef3f42;
	font-size: 25px;
	line-height: 28px;
	margin: 0 0 23px;
}
.overview .overview-text { margin: 0 -20px 0 0; }
.overview .video {
	position: relative;
	width: 170px;
	margin: 2px 0 0 52px;
	cursor:pointer;
}
.overview .video img { display: block; }
.overview .video .btn-play {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
	width: 51px;
	height: 51px;
	background: url(../images/btn-play.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
.overview .video .btn-play:hover, .overview .video:hover .btn-play { background-position: 0 100%; }
.overview p { margin: 0 0 28px; }
.upper-area {
	background: #fff;
	position: relative;
	z-index: 10;
	width: 100%;
	padding: 0 0 22px;
}
#main {
	background: #f7f7f7;
	width: 100%;
}
.main-holder {
	padding-top: 20px;
	position: relative;
	margin: 0 auto 0;
}
.home .main-holder { padding-top: 34px; }
.feature-block{
	position:relative;
	background:#f7f7f7;
	z-index:999;
}
.customers{
	position:relative;
}
.main-holder:before{
	content: "";
	box-shadow: 0 0 10px #000;
	position: absolute;
	left: 10px;
	top: -5px;
	height: 1px;
	width: 98%;
}
.feature-post {
	color: #5a5a5a;
	font-size: 14px;
	line-height: 21px;
	margin: 0 0 50px;
}
.feature-post .feature-img {
	margin: 0 0 10px;
	display: inline-block;
}
.feature-post h2 {
	font-size: 19px;
	line-height: 21px;
	margin: 0 0 18px;
	color: #1d1d1d;
}
.feature-post h2 a{color: #1d1d1d;}
.feature-post p { margin: 0 15px 15px 0; }
.learnmore {
	background: #fff url(../images/arrow.png) no-repeat 100px 1px;
	border: 1px solid #dadada;
	padding: 8px 37px 8px 18px;
	display: inline-block;
	border-radius: 17px;
	font-size: 13px;
	line-height: 15px;
	-webkit-border-radius: 17px;
	color: #1d1d1d;
}
.learnmore:hover {
	background-color: #ef3f42;
	background-position: 100px 100%;
	color: #fff;
	text-decoration: none;
	border-color: #ef3f42;
}
.getademo {
	background: #fff url(../images/arrow.png) no-repeat 132px 1px;
	border: 1px solid #dadada;
	padding: 8px 37px 8px 18px;
	display: inline-block;
	border-radius: 17px;
	font-size: 13px;
	line-height: 15px;
	-webkit-border-radius: 17px;
	color: #1d1d1d;
}
.getademo:hover {
	background-color: #ef3f42;
	background-position: 132px 100%;
	color: #fff;
	text-decoration: none;
	border-color: #ef3f42;
}
.customers h2 {
	color: #1d1d1d;
	font-size: 30px;
	line-height: 32px;
	margin: 0 0 20px;
}
.customers{
	background:url(../images/right-shadow.png) repeat-y;
	position:relative;
}
.customers2{background:none;}
.customers.customers2:after{display:none;}
.customers:after{
	background:url(../images/shadow-top.png) no-repeat;
	width:7px;
	height:83px;
	position:absolute;
	left:0;
	top:0;
	content:"";
}
.memberships {
	background: #fff;
	border: 1px solid #dadada;
	padding: 20px 25px;
	font-size: 14px;
	line-height: 21px;
	margin: 0 20px 47px 0;
}
.customer-comments {
	background: #fff;
	border: 1px solid #dadada;
	padding: 20px 25px;
	font-size: 14px;
	line-height: 21px;
	margin: 0 20px 47px 0;
}
.customer-comments:after {
	content: "";
	position: absolute;
	bottom: 31px; /* value = - border-top-width - border-bottom-width */
	left: 50px; /* controls horizontal position */
	width: 19px;
	height: 17px;
	background: url(../images/bg-quote.png) no-repeat;
}
.customer-comments q {
	display: block;
	margin: 0 0 20px;
}
.customer-comments .author {
	color: #ef3f42;
	background: url(../images/bg-line.png) no-repeat 100% 2px;
	padding: 0 8px 0 0;
	margin: 0 4px 0 0;
}
.twocolumns {
	min-height: 500px;
	margin-bottom: -22px;
}
/* main content styles */
#content {
	color: #5a5a5a;
	font-size: 14px;
	line-height: 21px;
	float: right;
}
.breadcrumb {
	margin-bottom: 24px;
	border-radius: 0;
	-webkit-border-radius: 0;
	border-bottom: 1px solid #ebebf0;
	padding: 8px 38px;
	font-size: 13px;
	line-height: 24px;
}
.breadcrumb li {
	padding: 0 0 0 1px;
	background: url(../images/arrow.png) no-repeat 0 -2px;
	margin: 0 5px 0 0;
	color: #8c8c8f;
}
.breadcrumb > .active { color: #8C8C8F; }
.breadcrumb li:first-child {
	background: none;
	margin: 0 9px 0 0;
	padding: 0;
}
.breadcrumb a{color: #58585a;}
#content p { margin: 0 0 20px; }
#content .list-unstyled {
	list-style: none;
	padding: 26px 0 0;
	color: #1a1a1a;
}
#content .list-unstyled li {
	position: relative;
	padding: 0 0 0 30px;
	margin: 0 0 21px;
}
#content .list-unstyled li:after {
	position: absolute;
	left: 0;
	top: 8px;
	width: 7px;
	height: 7px;
	background: #ef3f42;
	content: "";
	border-radius: 100%;
	-webkit-border-radius: 100%;
}
.inner-content { padding: 0 0 0 40px; }
.inner-image {
	float: right;
	margin: -63px -3px 0 60px;
}
.product-features {
	font-size: 14px;
	line-height: 21px;
	overflow: hidden;
	margin: 0 0 23px;
}
#content .inner-content h1 {
	color: #1d1d1d;
	font-size: 25px;
	line-height: 30px;
	margin: 0 0 47px;
}
#content .inner-content h1 a{color: #1d1d1d;}
#content .inner-content h1 img {
	display: inline-block;
	vertical-align: middle;
	margin: 0 14px 0 0;
}
.inner-content .subheading {
	font-size: 20px;
	line-height: 22px;
	color: #1d1d1d;
	margin: 0 0 49px;
	display: block;
}
.inner-content .subheading.subheading2 { margin: 0 0 28px; }
.inner-content .learnmore { margin: 15px 0 0; }
#content .product-features p { margin: 0 0 6px; }
#content .text-layout {
	overflow: hidden;
	padding: 34px 0 0;
}
.inner-content .text-layout .subheading { margin: 0 0 46px; }
#content .blog-section {
	overflow: hidden;
	margin: 0 0 48px;
}
.alignleft {
	float: left;
	margin: 0 85px 0 36px;
}
/* sidebar styles */
#sidebar {
	padding-top: 25px;
	border-right: 1px solid #ebebf0;
}
.sidenav { padding: 0 0 0 3px; }
#sidebar h2 {
	font-size: 20px;
	line-height: 22px;
	color: #1d1d1d;
	margin: 0 0 17px;
}
#sidebar .sidebarnav ul {
	font-size: 13px;
	line-height: 17px;
	border-bottom: 1px solid #ebebf0;
	margin: 0 0 25px;
	padding: 0 10px 4px 0;
}
#sidebar .sidebarnav ul li { margin: 0 0 14px; }
#sidebar .sidebarnav ul li a {
	display: block;
	padding: 0 28px 3px 0;
	color: #1d1d1d;
}
#sidebar .sidebarnav ul li a:hover, #sidebar .sidebarnav ul li.active a {
	color: #ef3f42;
	text-decoration: none;
	background: url(../images/hasadrop.png) no-repeat 100% 0;
}
#sidebar .service {
	font-size: 14px;
	line-height: 21px;
	color:#6c6c6e;
}
#sidebar .service h2 {
	color: #1d1d1d;
	font-size: 27px;
	line-height: 32px;
	padding: 0 5px 0 0;
	margin: 0 0 13px;
}
#sidebar .service p { margin-right: 15px; }
#sidebar .btns { padding: 20px 0 0 5px; }
#sidebar .btns .getdemo, #sidebar .btns .getstart {
	height: 47px;
	line-height: 27px;
	padding: 10px 34px;
	font-size: 14px;
}
#sidebar .btns .getstart {
	padding: 7px 23px;
	line-height: 32px;
}
.widget-box {
	border-bottom: 1px solid #ebebf0;
	margin: 0 0 40px;
	padding: 0 0 22px;
}
.contact-onfo{
	font-size:14px;
	line-height:21px;
	margin: 0 0 20px 0;
	padding:0 20px 22px 0;
}
.contact-onfo a, .tel{color:#ef3f42;}
#sidebar .overview {
	padding: 0 22px 0 0;
	width: auto;
	font-size: 14px;
	line-height: 21px;
}
#sidebar .overview h2 {
	color: #ef3f42;
	font-size: 27px;
	line-height: 30px;
	margin: 0 0 15px;
}
#sidebar .overview .video { margin: 0 0 43px; }
/* intro-block */
.intro-block{
	position:relative;
	z-index: 2;
	padding:51px 0 59px;
	background:#fff;
	font: 18px/26px 'latolight', Arial, Helvetica, sans-serif;
	color: #6c6c6e;
}
.intro-block h1{
	width: 40%;
	float:left;
	font: 45px/59px 'latoregular', Arial, Helvetica, sans-serif;
	color: #1d1d1d;
	margin:0 10% 0 0;
}
.intro-block .holder{
	overflow:hidden;
	padding:11px 50px 0 5px;
}
.intro-block p{margin:0 0 25px;}
.intro-block .btns{padding:0;}
.info-block{
	background:#f7f7f7;
	padding: 37px 0 22px;
	position:relative;
	z-index: 1;
}
.info-block:before{
	content: "";
	box-shadow: 0 0 10px #000;
	position: absolute;
	left: 10px;
	top: -5px;
	height: 1px;
	width: 98%;
}
/* info-table */
.info-table{
	width:100%;
	padding:0;
	border-collapse: collapse;
	border-top: 1px solid #dadada;
}
.info-table td{
	width: 23%;
	padding:0;
	border-spacing: 0;
	background:#fff;
	border:1px solid #dadada;
	border-width: 0 1px 1px 0;
	font: 13px/24px 'latoregular', Arial, Helvetica, sans-serif;
	color: #282c2b;
	text-align:center;
}
.info-table td:first-child{
	width: 28%;
	border-width: 0 1px 1px 1px;
	text-align:left;
}
.info-table .sep{
	width: 1.5%;
	padding:0;
}
.info-table thead td{
	vertical-align:top;
	border-bottom: none;
	padding:0 0 33px;
}
.info-table td{padding:11px 0 12px;}
.info-table .add td{border-top: 4px solid #e3e3e3;}
.info-table .add td:first-child{color: #ef3f42;}
.info-table h1{
	font: 19px/24px 'latobold', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #1d1d1d;
	margin:0 0 44px;
}
.info-table .heading{
	padding:31px 21px;
	font: 14px/24px 'latobold', Arial, Helvetica, sans-serif;
	color:#ef3f42;
}
.info-table .heading p{margin:0;}
.info-table .heading p span{
	display:block;
	font-family: 'latoregular', Arial, Helvetica, sans-serif;
	color: #717776;
}
.top-holder{
	float:left;
	width:100%;
	position:relative;
	z-index: 2;
	margin: -11px 0 0;
	background:#1d1d1d;
	font: 13px/20px 'latoregular', Arial, Helvetica, sans-serif;
	color: #d1d1d1;
}
.top-holder h2{
	background:#41484c;
	font-size: 16px;
	line-height: 24px;
	text-transform:uppercase;
	color: #09cfc0;
	margin:0 -1px 30px;
	padding:15px 5px 13px;
	border-radius:3px 3px 0 0;
}
.top-holder .price{
	display:block;
	margin:0 5px 24px;
	font: 40px/24px 'latobold', Arial, Helvetica, sans-serif;
	color: #fff;
}
.top-holder .price span{font: 16px/24px 'latoregular', Arial, Helvetica, sans-serif;}
.top-holder .price sup{
	display:inline-block;
	vertical-align:top;
	font: 16px/24px 'latoregular', Arial, Helvetica, sans-serif;
}
.top-holder p{margin:0 5px 28px;}
.info-table .name{
	font-weight:normal;
	display:block;
	padding:0 10px 0 20px;
}
.info-table .btn{
	vertical-align:top;
	margin:3px 0 -20px;
	padding:6px 7px 8px;
	min-width:186px;
	border-radius: 30px;
	background:#ef3f42;
	font: 13px/18px 'latobold', Arial, Helvetica, sans-serif;
	color: #fff;
	white-space: normal;
}
.info-table .btn:hover{background:#ff6366;}
.info-table .check{
	background:url(../images/ico01.png) no-repeat;
	width:20px;
	height:18px;
	display:inline-block;
	vertical-align:middle;
}
.info-table .btm-row .btn{margin:0;}
.info-table .empty{
	background: none;
	border-bottom:none;
}
.info-table td:first-child.empty{border-left:none;}
/* faq-block */
.faq-block{
	padding:24px 0 14px;
	position:relative;
	z-index: 2;
	background:#fff;
	font-size: 13px;
	line-height: 18px;
	color: #282c2b;
}
.faq-block .box{
	overflow:hidden;
	margin: 0 0 37px;
}
.faq-block h1{
	font: 31px/34px 'latoregular', Arial, Helvetica, sans-serif;
	text-align:center;
	color: #1d1d1d;
	margin:0 0 33px;
}
.faq-block h2{
	font: 17px/24px 'latobold', Arial, Helvetica, sans-serif;
	color: #ef3f42;
	margin: 0 0 18px;
}
.faq-block h2 a{color: #ef3f42;}
.faq-block p{margin:0;}
/* footer styles */
#footer {
	width: 100%;
	background: #1d1d1d;
	min-height: 194px;
	padding: 29px 0 31px;
}
#footer h2 {
	color: #fff;
	font: 15px/18px 'latobold';
	margin: 0 0 21px;
}
#footer nav ul {
	font-size: 13px;
	line-height: 15px;
	margin:0 20px 0 0;
}
#footer nav ul li { margin: 0 0 10px; }
#footer nav ul li a { color: #8c8c8c; }
#footer nav ul li a:hover {
	color: #ef3f42;
	text-decoration: none;
}
.social-networks {
	list-style: none;
	padding: 0;
	margin: 0 20px 0 0;
	overflow: hidden;
}
.social-networks li {
	float: left;
	margin: 0 8px 8px 0;
}
.social-networks li a {
	width: 36px;
	height: 36px;
	background: url(../images/bg-social-networks.png) no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.social-networks li.twitter a { background-position: -44px 0; }
.social-networks li.googleplus a { background-position: -88px 0; }
.social-networks li a:hover { background-position: 0 100%; }
.social-networks li.twitter a:hover { background-position: -44px 100%; }
.social-networks li.googleplus a:hover { background-position: -88px 100%; }
#footer .logo {
	background: url(../images/footer-logo.png) no-repeat;
	width: 175px;
	height: 30px;
}
/* ---------------------------------------------------------
   4. Сustom form styles
   ---------------------------------------------------------*/
/* hide original element */
.jcf-hidden {
	display: block !important;
	position: absolute !important;
	left: -9999px !important; /* change to right: -9999px on RTL sites */
}
/* custom select styles */
.select-area {
	border: 1px solid #dadada;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	position: relative;
	overflow: hidden;
	cursor: default;
	height: 26px;
	float: left;
	min-width: 57px;
	cursor:pointer;
}
.select-area .center {
	white-space: nowrap;
	padding: 5px 20px 5px 15px;
	display: block;
	height: 25px;
	line-height: 15px;
}
.select-area:hover{border-color:#ef3f42;}
.select-area:hover .center{
	background:#ef3f42;
	color:#fff;
}
.select-disabled { background: #eee; }
.select-area .select-opener {
	background: url(../images/drop-arrow.png) no-repeat;
	position: absolute;
	height: 5px;
	width: 6px;
	right: 12px;
	top: 10px;
}
.select-area:hover .select-opener {background:url(../images/white-drop.png) no-repeat;}
.select-options {
	position: absolute;
	overflow: hidden;
	background: #fff;
	z-index: 2000;
}
.select-options .drop-holder {
	border: 1px solid #dadada;
	overflow: hidden;
	height: 1%;
}
.select-options ul {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.select-options ul li {
	width: 100%;
	float: left;
}
.select-options ul a {
	text-decoration: none;
	padding: 5px 10px;
	display: block;
	cursor: default;
	color: #000;
	height: 1%;
}
.select-options .item-selected a {
	text-decoration: none;
	background: #ef3f42;
	color: #fff;
}
/* select options optgroup example styles */
.select-options .optgroup { clear: both; }
.select-options .optgroup strong {
	display: block;
	padding: 5px;
}
.select-options .optgroup ul a { padding-left: 30px; }
/* .Contact Page */
.contact-form {
	color: #1d1d1d;
	font-size: 14px;
	line-height: 16px;
	padding-bottom:50px;
}
.contact-form .row { margin: 0 0 14px; }
.contact-form label {
	display: block;
	margin: 0 0 10px;
}
.contact-form label span { color: #5a5a5a; }
.contact-form .input {
	border: 1px solid #dadada;
	height: 42px;
	padding: 10px;
	line-height: 22px;
	width: 471px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.contact-form textarea {
	border: 1px solid #dadada;
	height: 162px;
	padding: 10px;
	line-height: 22px;
	width: 100%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	resize: none;
}
.contact-form .input:focus, .contact-form textarea:focus {
	border-color: #09cfc0;
	border-width: 2px;
}
.contact-form .error .input, .contact-form .error textarea {
	border-color: #ec1a29;
	border-width: 2px;
}
.inner-content .subheading.subheading3 { margin-bottom: 15px; }
.contact-form input[type=submit] {
	width: 166px;
	height: 46px;
	padding: 2px 0 0;
	color: #fff;
	background: #09cfc0;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	border: 0;
	cursor: pointer;
}
.contact-form input[type=submit]:hover { background: #ff6366; }
/* ---------------------------------------------------------
   5. Styles for Responsive web design
   ---------------------------------------------------------*/
/* styles for screens 320px wide and narrower */
@media only screen and (max-width: 1279px) {
	.overview {
		width: auto;
		padding: 0;
	}
	.visual {padding-bottom: 73px;}
	.visual .text { padding: 0; }
	.overview .video { margin: 0 0 0 -18px; }
	#header .navbar{max-width:inherit;}
	#header .navbar .navbar-nav > li {
		padding: 0 8px 0 14px;
		position: relative;
	}
	.overview .overview-text {margin: 0 60px 0 0;}
	.home .customers:before {
		content: "";
		box-shadow: 0 0 10px #000;
		position: absolute;
		left: 10px;
		top: -5px;
		height: 1px;
		width: 98%;
	}
	#sidebar .btns .getstart {
		height: 40px;
		line-height: 32px;
		padding: 4px 16px;
	}
	#sidebar .btns .getdemo{
		height: 42px;
		line-height: 27px;
		padding: 7px 26px;
	}
	.customers{
	background:none;
	}
	.customers:after{display:none;}
}
@media only screen and (max-width: 1023px) {
	.customer-comments:after {
		content: "";
		position: absolute;
		bottom: -16px;
	}
	.overview .video {
		float: right;
		margin: 0;
	}
	.contact-form .input { width: 100%; }
	.slideshow {
		width: 100% !important;
		float: none !important;
		margin: 0 auto 15px;
	}
	.slideshow .image-holder {
		background: url(../images/bg-slideshow.png) no-repeat;
		background-size: 100% 100%;
		width: 100%;
		height: auto;
	}
	.slideshow div.slide { width: 100%; }
	.navbar-nav{
		width:100%;
		margin:0;
	}
	#header .navbar{
		font-size:12px;
		line-height:20px;
		text-align:center;
		float:none;
		max-width:inherit;
		white-space:nowrap;
	}
	.navbar-nav > li{
		float:none;
		display:inline-block;
		vertical-align:top;
	}
	.visual .text {text-align: center;}
	.btns .getdemo, .btns .getstart {
		font-size: 12px;
		line-height: 16px;
		height: 36px;
		padding: 10px 21px;
		display: inline-block;
		float: none;
		margin: 0;
	}
	.overview .row{margin:0;}
	.overview .overview-text{margin:0;}
	.logo{
		display:block;
		margin:10px auto 10px;
		float:none;
	}
	.topbar { display: none; }
	.alignleft {float:none;}
	.intro-block h1{
		width: 45%;
		margin:0 5% 0 0;
	}
	#footer .logo{margin: 20px 0 0;}
	.info-table .btn{min-width: 140px;}
}
/* styles for screens with width from 321px to 768px */
@media only screen and (max-width: 767px) {
	.customer-comments:after {
		content: "";
		position: absolute;
		bottom: -16px;
	}
	#sidebar { border: 0; }
	#sidebar .overview .video {
		margin: 0 auto 15px;
		float: none;
	}
	.inner-content { padding: 0; }
	.topbar { display: none; }
	.logo {
		height: 45px;
		width: 226px;
		background-size: 100%;
		margin: 20px 0 0 -8px;
		float:left;
	}
	#header .navbar {
		padding-top: 20px;
		margin: 0 -20px;
	}
	.navbar-toggle, .navbar-toggle:hover, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		border: 0;
		background: none;
	}
	#header .navbar { position: inherit; }
	.mobile-nav {
		position: absolute;
		right: 0;
		background: #fff;
		padding: 10px;
		width: 100%;
		margin: 0;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		text-align: right;
		box-shadow: 0 5px 5px #777;
	}
	.mobile-nav .row { width: 100%; }
	.navbar-default .navbar-toggle .icon-bar { background-color: #dadada; }
	.pagination-outer { right: 10px; }
	.visual { padding-bottom: 0; }
	.visual .text .row, .video-hold .row { margin: 0; }
	.visual .text {
		text-align: center;
		font-size: 14px;
		line-height: 18px;
		width: 100%;
	}
	.visual h1 {
		font-size: 28px;
		line-height: 31px;
	}
	#header .navbar{
		float:right;
	}
	.navbar-nav > li{
		display:block;
	}
	#content{float:none;}
	.inner-image {
		float: none;
		display:block;
		width:100%;
		height:auto;
		margin: 0 auto;
	}
	#content .inner-content h1{
		margin:0 0 20px;
		font-size:16px;
		line-height:22px;
	}
	#content .inner-content h1 img {
		height: 35px;
		width: 35px;
	}
	.alignleft{
		margin:0 auto;
		float:none;
		display:block;
	}
	.breadcrumb {
	font-size: 10px;
	line-height: 20px;
	margin-bottom: 14px;
	padding: 8px 10px;
	}
	#sidebar .sidebarnav ul li a:hover, #sidebar .sidebarnav ul li.active a {background-position:100%  0;}
	.home .customers:before{
		left:5px;
		width:96%;
	}
	.breadcrumb li {background-position:0 -4px;}
	#header .navbar .navbar-nav > li{display:block;}
	.info-table{min-width:600px;}
	.info-table td{width: auto;}
	.info-table td:first-child{
		width: 140px;
		max-width: 140px;
	}
	.info-table td.sep{width: 15px;}
	.info-table .btn{min-width: 0;}
	.top-holder .price{ font-size: 20px;}
	.top-holder .price span{font-size:14px;}
	.intro-block{padding:30px 0;}
	.intro-block h1{
		float:none;
		width: auto;
		margin:0 0 20px;
		font-size: 32px;
		line-height:36px;
	}
	.faq-block h1{
		font-size:28px;
		line-height:32px;
	}
}