@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: local('Open Sans Italic'), local('OpenSans-Italic'), url(fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
body {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	font-family: 'Open Sans', Arial, sans-serif;
	background-color:#f9f9f9;
}
strong {
	font-weight: 700;
}
.navbar {
	background-color:#0195ff !important;
	margin-bottom: 0px;
}
.navbar-brand {
	float: left;
	font-size: 18px;
	padding: 0px;
	height: 95px;
}
.navbar-nav>li>a {
	font-weight: 700;
	color:#fff;
}
.nav-tabs > li > a {
	font-size: 20px;
}
.navbar-default {
	background-color: #fff;;
	border-bottom: 1px solid #ccc;
	border-radius: 0px;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
}
@media (max-width:767px) {
.navbar-toggle {
	margin-top: 20px;
	margin-left: 20px;
}
}

@media (max-width:992px) {
.navbar-toggle {
	margin-top: 20px;
}
}

@media (min-width:991px) {
.navbar-nav>li>a {
	padding-top: 30px;
	padding-bottom: 30px
}
.dropdown-menu > li > a {
	padding: 7px 20px;
}
}
.container-whitehead {
	background-color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 3px;
	border:1px solid #CCCCCC;
}
.container-white {
	background-color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 3px;
	border: 1px solid #CCCCCC;
}
.container-grey {
	background-color: #F5F5F5;
	padding-top: 10px;
	border:1px solid #BEBEBE;
	border-top:none;
}
.bg-content {
	background-color: #08359c;
}
.justify{
	align: justify;
}

.breadcrumb {
	margin-left: 102px;
	padding: 6px 5px 4px 0px;
	float: left;
	width: 400px;
	position: absolute;
	top: 60px;
	background-color: #FFFFFF;
}
.title-main {
	font-size: 35px;
	font-weight:500;
	line-height: 55px;
	margin-bottom: 25px;
	color: #039;
}
.title-big {
	font-size: 42px;
	line-height: 40px;
	color: #FFF;
	padding-bottom: 20px;
}
.title-first {
	color: #1a8dfa;
	font-size: 38px;
	font-weight: normal;
	line-height: 36px;
	text-align: center;
}
.dvdr {
	background-image: url(img/content-divider.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 14px;
	margin-bottom: 10px;
}
.title-sub {
	font-size: 23px;
	line-height: 30px;
	margin-bottom: 20px;
	padding-top: 10px;
	color: #000;
	border-bottom: dashed 1px #D4D4D4;
}
.title-feature {
	font-size: 23px;
	color: #333;
	font-family: SegoeUI;
	padding-bottom: 5px;
}
.sidebar_top {
	margin-top: 16px;
	margin-bottom: 24px;
}
.title-btm-border {
	font-size: 20px;
	font-weight: 700;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
}
.title-bold-extra {
	font-size: 40px;
	font-weight: 700;
}
.text-red {
	color: #FF0000;
}
.text-white {
	color: #FFF;
}
@media (max-width:767px) {
.title-big {
	font-size: 22px !important;
	line-height: 30px !important;
	font-weight: 700;
	color: #FFF;
	padding-bottom: 20px;
}
.title-first {
	font-size: 24px !important;
	line-height: 30px !important;
	font-weight: 700;
	color: #000;
	text-align: center;
}
}
.panel-qa {
	padding-bottom: 10px;
}
.well-yellow {
	background-color: #FFFFCC;
}
.panel-qa .question {
	background-image: url(img/plus.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	background-repeat: no-repeat;
	background-position: 5px 7px;
	padding-left: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	cursor: pointer;
}
.panel-qa .question:hover {
	color: #0066CC;
}
.panel-qa .answer {
	padding-left: 25px;
	padding-top: 5px;
	display: none;
}
.panel-qa .arrowdown {
	background-image: url(img/minus.png);
!important;
	background-color: #f5f5f5;
}
.margin-btm-10 {
	margin-bottom: 10px;
}
.padding-5 {
	padding: 5px;
	border-radius: 6px;
}
.padding-top-10 {
	padding-top: 10px;
}
.padding-top-20 {
	padding-top: 20px;
}
.padding-top-30 {
	padding-top: 30px;
}
.padding-btm-10 {
	padding-bottom: 10px;
}
.padding-btm-20 {
	padding-bottom: 20px;
}
.padding-btm-30 {
	padding-bottom: 30px;
}
.padding-btm-40 {
	padding-bottom: 40px;
}
.container-a {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 0px;
	padding-right: 0px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px none #CCCCCC;
	border-left: 1px none #CCCCCC;
	background-color: #F9F9F9;
}
.container-b {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 0px;
	padding-right: 0px;
}
ul.list-check {
	list-style: none;
	padding-left: 0px;
}
.list-check > li::before {
    font-family: "fontello";
    content: '\e826';
    color: #66b030;
    left: 0;
    position: absolute;
    padding-right: 5px;
}
.list-check li {
	padding-left: 25px;
display: block;
position: relative;
font-size: 14px;
line-height: 25px;
padding-bottom: 8px;
}
ul.list-bullet {
	list-style: none;
	padding-left: 0px;
}
.list-bullet li {
	background-image: url("img/arrow-check.png");
	background-position: 5px 6px;
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 5px;
	text-align: left;
}

@media (max-width:767px) {
.visible-sm-center-block {
	display: block!important;
	text-align: center !important;
}
.visible-sm-center-block {
	display: block!important;
	text-align: center !important;
}
}

@media (min-width:768px) {
.visible-md-right-block {
	display: block!important;
	text-align: right!important;
}
}

@media (max-width:992px) {
.visible-sm-center-block {
	display: block!important;
	text-align: center !important;
}
}
.dot {
	border: 1px #ccc dashed;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 20px;
}
.header-bg {
	background-repeat: repeat;
}
.colr {
	color: #FFF;
}
.mar-top {
	margin-top: 10px;
}
.btn-larg {
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 20px;
}
.center {
	text-align: center !important;
}
.spc-20 {
	margin-bottom: 20px;
}
.offer {
	width: 90px;
	position: absolute;
	right: 211px;
	top: 50px;
	z-index: 1;
}
.footer {
	margin-top: 15px;
	margin-bottom: 10px;
}
#feature-a {
	width: 498px;
	float: left;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}
#feature-a .title-plus {
	line-height: 25px;
	font-size: 18px;
	color: #06C;
	cursor: pointer;
	padding-bottom: 0px;
	padding-left: 35px;
}
#feature-a .title-minus {
	line-height: 25px;
	font-size: 18px;
	color: #06C;
	cursor: pointer;
	padding-bottom: 0px;
	padding-left: 35px;
}
#feature-a .answer-details {
	padding-top: 10px;
	display: none;
	position: relative;
}
#feature-a .panel-qa {
	position: relative;
	background-color: #FFF;
	padding-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.pad {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.img-responsive {
	display: inline !important;
}
/* smart image enlarger starts here */
/* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */

.ienlarger {
	border: 1px solid #ddd;
	border: none;
	border-radius: 0 0 4px 4px;
	padding: 8px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	width: 100%;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;
}

.ienlarger a:hover span { 
	display:block;
	top: 50px; /* means the pop-up's top is 50px away from thumb's top */
	left: 90px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
}

.resize_thumb {
	width: 250px; /* enter desired thumb width here */
	height : auto;
}

/* smart image enlarger ends here */
.container-foot {
	background-color: #2f2f2f;
	color:#fff;
	padding-top: 10px;
	border:1px solid #BEBEBE;
	border-top:none;
}
a:focus, a.active{text-decoration:none; outline:none;}
.mt-30{margin-top:30px !important;}
.my-30{margin-top:30px !important; margin-bottom:30px;}
.btn{border-radius:0px !important;}
.btn-grp .btn-lg{line-height:18px;}
.bg-grey{background-color:#f4f6f5 !important;}
.bg-white{background-color:#fff;}
.text-center{text-align:center;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #fff;
}

.tab-main.nav-tabs.nav-justified > .active > a, .tab-main.nav-tabs.nav-justified > .active > a:hover, .tab-main.nav-tabs.nav-justified > .active > a:focus{
	background: #0195ff none repeat scroll 0 0;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.tab-main.nav-tabs.nav-justified > li > a{
	background-color:#EDEDED;
	border-bottom: 1px solid #ddd;
    border-radius: 0;
    border-top: 1px solid #ddd;}
.tab-main.nav-tabs.nav-justified > li:first-child > a{
	border-left: 1px solid #ddd;}	
.tab-main.nav-tabs.nav-justified > li > a {
    border-right: 1px solid #ddd;
	font-size:16px;
	padding:14px 15px;
    font-weight: 500;
    margin-right: 0;
}
.tab-main.nav-tabs.nav-justified > li > a{
	color:#000;
}
.tab-main.nav-tabs.nav-justified > li > a:hover{
	background:none;
}
@media(max-width:768px){
	.tab-main.nav-tabs.nav-justified > li > a{
	padding:10px 13px;
}
}

/* .tap-content-border {
	border:solid 1px #ddd;
	padding:20px;
	border-top:solid 1px transparent;
	background:#fff;
	margin-top:-1px;
} */
.tab-main.nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
}
.tab-main.nav-tabs.nav-justified > li > a{margin-bottom:0;}
.panel-group .panel {
    border-radius: 0;
}
.accordion-plus .panel-default > .panel-heading, .accordion-down .panel-default > .panel-headingg {
    background-color: #ededed;
    border-color: #ddd;
    color: #333;
}
.accordion-plus .panel-group .panel-heading, .accordion-down .panel-group .panel-heading {
    border-bottom: 0 none;
}
.accordion-plus .panel-heading, .accordion-down .panel-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px;
}
.accordion-plus .panel-title, .accordion-down .panel-title {
    padding-left: 25px;
	color:#000;
}
.accordion-plus .panel-heading a::before, .accordion-down .panel-heading a::before {
    color: grey;
    float: left;
	padding-top:2px;
    font-family: "fontello";
}
.accordion-plus .panel-heading a:hover, .accordion-down .panel-heading a:hover {
    text-decoration: none;
}
.accordion-plus .panel-heading a:focus, .accordion-down .panel-heading a:focus {
    outline: 0 none;
    text-decoration: none;
}
.accordion-plus .panel-heading a::before {
    content: "?";
    font-family: "fontello";
}
.accordion-plus .panel-heading a.collapsed::before {
    content: "?";
}
.accordion-down .panel-heading a::before {
    content: "?";
    font-size: 20px;
}
.accordion-down .panel-heading a.collapsed::before {
    content: "?";
}
.testimonial .h5{line-height:28px;}
.screenshotss .item{margin-left:8px;margin-right:8px;}
.screenshots-box{background:#f8fafa;border:1px solid #e5eaea;}
.screenshots-box a{color:#000;}
.screenshots{overflow:hidden;width:100%;position:relative;}
.screenshots > p{background:rgba(0, 112, 186, 0.48);color:#555757;font-size:14px;height:100%;width:100%;position:absolute;left:0;top:0;padding:20px;text-align:center;opacity:0;-webkit-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-ms-transition:all 0.4s linear;-o-transition:all 0.4s linear;transition:all 0.4s linear;}
.screenshots-box:hover > .screenshots > p{opacity:1;}
.screenshots-box > .screenshots a{background-color:#0070ba;display:block;height:80px;width:80px;position:absolute;left:45%;top:43%;margin-left:-25px;margin-top:-25px;border-radius:50%;line-height:50px;}
.screenshots-box > .screenshots > p > a{padding-top:14px;font-size:26px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all 0.3s ease 0.3s;-moz-transition:all 0.3s ease 0.3s;-ms-transition:all 0.3s ease 0.3s;-o-transition:all 0.3s ease 0.3s;transition:all 0.3s ease 0.3s;}
.screenshots-box:hover > .screenshots > p > a{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.screenshots-box:hover > .screenshots > p > a i{color:#fff;}