﻿@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');}
body{background-color:#e3e3e3;font-family:"Open Sans", sans-serif;font-weight:400;}
strong{font-weight:700;}
.navbar{background-color:#FFF;margin-bottom:0px;}
.navbar-brand{float:left;font-size:18px;padding:0px;height:80px;}
.navbar-inverse .navbar-collapse, .navbar-default .navbar-form{border-color:#fff;}
.navbar-right{margin-top:5px !important;padding-top:17px;}
.navbar-nav>li>a{font-weight:700;}
.nav-tabs > li > a{font-size:20px;}
.navbar-nav > li > a{padding-bottom:10px !important;}
.navbar-nav > li > a:hover{background-color:#FFF !important;color:#000 !important;border-radius:6px !important;}
.navbar-inverse .navbar-collapse, .navbar-default .navbar-form{border:none!important;border-color:none !important;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{color:#fff !important;background-color:transparent !important;}
.banner1{background-color:#006699;color:#FFF;margin-top:-20px;}
#header{background-image:url(../img/top_bj.png);background-repeat:repeat-x;border-radius:0;}
.font-size-32{font-size:32px !important;}
.font-size-28{font-size:28px !important;}
@media (max-width:1024px){#support{margin-top:-76px !important;}
.navbar-toggle{margin-top:30px;}
}
@media (max-width:767px){.navbar-toggle{margin-top:27px;border-color:#FFF !important}
.title-first{font-size:20px !important;line-height:30px !important;font-weight:700;}
.title-main{font-size:20px !important;font-weight:700;line-height:25px !important;margin-bottom:25px;color:#000;}
}
@media (min-width:768px){.navbar-nav>li>a{padding-top:10px;margin-top:10px;}
.dropdown-menu > li > a{padding:7px 20px;}
}
#header .container{position:relative;}
#support{margin-top:5px;width:310px;color:#FFF;background-image:url(../img/top-contact.png);background-position:right -4px;background-repeat:no-repeat;position:absolute;right:10px;}
.header-white{background:#fff;padding:20px 0 0px 0;}
.container-white{background-color:#FFF;padding-top:20px;padding-bottom:20px;}
.container-grey{background-color:#F5F5F5;padding-top:20px;padding-bottom:20px;}
.offer{font-family:"Franklin Gothic Bold", "Arial Black", sans-serif;font-size:12px;height:100px;width:88px;background-image:url(../img/offer.png);background-repeat:no-repeat;background-position:right top;float:right;text-align:center;padding-top:20px;font-style:normal;color:#FFF;margin-top:-110px;margin-right:-40px;}
.bg-blue{background-color:#f2f9fe;border:1px solid #e4f4ff;border-radius:5px;padding:23px 25px 23px 15px;margin-top:30px;display:table;min-height:420px;}
.bg-yellow{background-color:#ffffcc;border:1px solid #f5f5cc;border-radius:5px;padding:30px 25px 23px 15px;margin-top:30px;min-height:420px;}
.img-responsive{display:inline !important;}
.panel-hiw{margin:0 30px 0;}
.breadcrumb{margin-bottom:0px !important;}
.title-main{font-size:34px;line-height:55px;margin-bottom:25px;color:#FFF;}
.title-1{font-size:40px;line-height:55px;margin-bottom:20px;color:#000;margin-top:-10px;}
.title-first{font-size:40px;line-height:20px;color:#000;padding-bottom:20px;}
.title-sub{font-size:20px;line-height:30px;margin-bottom:20px;}
.title-feature{font-size:16px;font-weight:600;}
.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;}
.panel-qa{padding-bottom:10px;}
.well-yellow{background-color:#FFFFCC;}
.panel-qa{border:1px solid #CCCCCC;margin-bottom:5px;}
.panel-qa .question{background-image:url(../img/plus.png);background-repeat:no-repeat;background-position:left 13px;background-repeat:no-repeat;background-position:5px 7px;padding-left:40px;padding-top:10px;padding-bottom:3px;cursor:pointer;font-weight:500;}
.panel-qa .question:hover{color:#0066CC;}
.panel-qa .answer{padding-left:40px;padding-top:10px;display:none;}
.panel-qa .arrowdown{background-image:url(../img/minus.png)!important;}
.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-top-40{padding-top:40px;}
.padding-btm-10{padding-bottom:10px;}
.padding-btm-20{padding-bottom:20px;}
.padding-btm-30{padding-bottom:30px;}
.padding-btm-40{padding-bottom:40px;}
.padding-lft-20{padding-left:20px;}
.padding-rht-20{padding-right:20px;}
.text-brown{color:#886601;}
.text-black{color:#000;}
.text-red{color:#cc3333;}
.text-light-blue{color:#005f68;}
.text-light-yellow{color:#FFFFCC;}
.title-slide{font-size:40px;font-weight:700;}
@media (max-width:480px){.title-slide{font-size:20px;font-weight:700;color:#3e3e3e;}
}
ul.list-check{list-style:none;padding-left:0px;}
.list-check li{background-image:url("../img/arrow-check.png");background-position:5px 8px;background-repeat:no-repeat;padding-left:25px;padding-top:5px;text-align:left;}
.btn-success-2{color:#fff !important;background-color:#5cb85c !important;border-color:#4cae4c !important;margin-top:6px;width:90px;padding:9px 10px !important;margin-left:15px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.btn-success-2:hover{color:#fff !important;background-color:#449d44 !important;border-color:#398439 !important}
@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;}
.title-1{font-size:26px;line-height:35px;margin-bottom:20px;color:#000;margin-top:-10px;}
}
@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;}
}
simply-scroll-container{position:relative;}
.simply-scroll-clip{position:relative;overflow:hidden;}
.simply-scroll-list{overflow:hidden;margin:0;padding:0;list-style:none;}
.simply-scroll-list li{padding:0;margin:0;list-style:none;}
.simply-scroll-list li img{border:none;display:block;}
.simply-scroll-btn-left{left:6px;bottom:6px;background-position:0 -44px;}
.simply-scroll-btn-left.disabled{background-position:0 0 !important;}
.simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus{background-position:0 -88px;}
.simply-scroll-btn-right{right:6px;bottom:6px;background-position:-84px -44px;}
.simply-scroll-btn-right.disabled{background-position:-84px 0 !important;}
.simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus{background-position:-84px -88px;}
.simply-scroll-btn-up{right:6px;top:6px;background-position:-126px -44px;}
.simply-scroll-btn-up.disabled{background-position:-126px 0 !important;}
.simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus{background-position:-126px -88px;}
.simply-scroll-btn-down{right:6px;bottom:6px;background-position:-42px -44px;}
.simply-scroll-btn-down.disabled{background-position:-42px 0 !important;}
.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus{background-position:-42px -88px;}
.simply-scroll-btn-pause{right:6px;bottom:6px;background-position:-168px -44px;}
.simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus{background-position:-168px -88px;}
.simply-scroll-btn-pause.active{background-position:-84px -44px;}
.simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus{background-position:-84px -88px;}
.simply-scroll .simply-scroll-clip{width:1600px;height:80px;}
.simply-scroll .simply-scroll-list li{float:left;height:80px;}
.text-info{color:#31708f;font-weight:200;font-size:24px;}
.text-blue{color:#03F:font-weight:500;font-size:22px;}
ul.career-circle{padding:0;list-style:none;}
ul.career-circle li{width:130px;height:130px;display:inline-block;margin-top:30px;margin-left:20px;}
ul.career-circle li:first-child{margin-left:0;}
ul.career-circle li a{width:130px;height:130px;display:inline-block;border-radius:50%;background:#fff;color:#06F;}
ul.career-circle li a span{display:block;font-size:15px;line-height:17px;}
ul.career-circle li a .content{padding:30px 0px 0px 0px;width:130px;height:130px;}
ul.career-circle li a:hover, ul.career-circle li a:focus, ul.career-circle li a:active, ul.career-circle li a.active{background:#06F;color:#fff;}
ul.career-circle li .content-in{width:150px;height:150px;display:inline-block;}
ul.career-circle li .content-in a{width:140px;height:130px;display:inline-block;border-radius:50%;background:#fff;color:#eb6025;font-size:18px;transition-duration:0.5s;}
ul.career-circle li .content-in a:hover, ul.career-circle li .content-in a:active, ul.career-circle li .content-in a:focus{background:#06F;color:#fff;}
.icon-custom{font-size:40px;color:#FFF;}
#owl-client .item{margin:3px;}
#owl-client .item img{display:block;padding-bottom:50px;}
#owl-testimonial .item{display:block;margin-bottom:40px;}
a.socials{color:#FFF;font-size:18px;}
a.socials:hover{text-decoration:none;}
.btn-custom{margin-right:10px;margin-bottom:10px;}
.bg-testimonial{background:#f9fafb none repeat scroll 0 0;border-bottom:3px solid #e5e9eb;border-radius:5px;padding:20px;transition:all 0.5s ease 0s;}
.img-tstimonial{background-image:url(../img/testimonial.png);width:100px;height:100px;border-radius:50%;border:#999 1px solid;margin-right:10px;margin-left:auto;margin-right:auto;}
@media (max-width:480px){#owl-testimonial .media-left, .media-right, .media-body{display:inline !important;vertical-align:top;}
}
ul.breadcrumbs{list-style-type:none;margin-bottom:0px;left-padding:0px;padding-left:0;}
ul.breadcrumbs li{display:inline;margin-bottom:0px;}
.bg-breadcrumbs{border-radius:6px;background-color:#f5f5f5;margin-left:10px;margin-right:10px;}
.container-black{background-image:url(../img/top_bj.png);background-repeat:repeat;border-radius:0;color:#FFF;padding-top:20px;padding-bottom:20px;}
.tab-bg{background-color:#f2f2f2;}
.nav-tabs > li > a{font-size:20px;color:#000;cursor: pointer;background-color:#fafafa;border:0px solid ##CCC;border-bottom-color:transparent;font-size:18px;border:none !important;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{color:#000;background-color:#F8BB16;}
.nav-tabs > li > a:hover{color:#000;background-color:#fff;}
.nav-tabs{border-bottom:0px solid #ddd !important;}
.footer-text a{color:#FFF;}
a.gotoTop{position:fixed;z-index:12;right:15px;bottom:30px;color:#FFF;background:rgba(0, 0, 0, 0.9) repeat scroll 0% 0%;padding:17px 8px 8px 8px;display:none;width:60px;height:60px;border-radius:5px;transition-duration:0.6s;outline:0;opacity:0.9;}
a.gotoTop:before{font-family:"fontello";content:'\e8a8';font-size:20px;font-weight:bold;padding-left:13px;text-decoration:none !important;}
a.gotoTop:hover{text-decoration:none;background:rgba(0, 0, 0, 0.8);opacity:0.5;margin-bottom:5px;}
.padding-sides-30{padding-left:30px;padding-right:30px;}



.products .nav-justified > li {
    display: table-cell !important;
    width: 1% !important;
}
.products .nav-justified > li > a{
	background-color:#2d3035;
	color:#fff ;
	border-color:#0066cc !important;
	    cursor:pointer;
}
.products .nav-tabs.nav-justified > .active > a,  .products .nav-tabs.nav-justified > .active > a:focus {
	background-color:#fff;
    color: #006699 !important;
   
}
.products .nav-tabs.nav-justified > .products .nav-tabs.nav-justified > a:hover {
	background-color:#fff;
    color: #FFF;
   
}


.products .nav-justified > li > a:hover {
    color: #fff !important;
    background-color: #1E1E1E;
}

.products .border-left {
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
    min-height: 456px;
    padding: 20px 1% 10px;
}
.products .border-left p {
    padding-left: 20px;
    padding-right: 20px;
}
.products .border-right {
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    min-height: 456px;
    padding: 20px;
}

.products li.active a::after {
	bottom: -28px;
	color:#fff;
	content: "\e87a";
	font-family: "fontello";
	font-size:33px;
	left: 41%;
	border-radius: 0px;
	position: absolute;
	right: 41%;
}
.products .nav-tabs.nav-justified > li > a {
	border-bottom-color: #ecf0f1;
	outline:0;
}
.products .nav-tabs.nav-justified > .active > a, .products .nav-tabs.nav-justified > .active > a:hover, .products .nav-tabs.nav-justified > .active > a:focus {
	border-bottom-color: #0087ff !important;
	border-left-color: #ecf0f1;
	border-right-color: #ecf0f1;
}
.products .nav-tabs.nav-justified > li > a {
	border-radius: 0px;
}







.products-int .nav-justified > li {
    display: table-cell !important;
    width: 1% !important;
}
.products-int .nav-justified > li > a{
	background-color:#000;
	color:#fff ;
	border-color:#0066cc !important;
	    cursor:pointer;
}
.products-int .nav-tabs.nav-justified > .active > a, .products-int .nav-tabs.nav-justified > .active > a:hover, .products-int .nav-tabs.nav-justified > .active > a:focus {
	background-color:#006699;
    color: #fff;
    
}


.products-int .border-left {
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
    min-height: 456px;
    padding: 20px 1% 10px;
}
.products-int .border-left p {
    padding-left: 20px;
    padding-right: 20px;
}
.products-int .border-right {
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    min-height: 456px;
    padding: 20px;
}

.products-int li.active a::after {
	bottom: -28px;
	color:#006699;
	content: "\e87a";
	font-family: "fontello";
	font-size:33px;
	left: 41%;
	border-radius: 0px;
	position: absolute;
	right: 41%;
}
.products-int .nav-tabs.nav-justified > li > a {
	border-bottom-color: #ecf0f1;
	outline:0;
}
.products-int .nav-tabs.nav-justified > .active > a, .products-int .nav-tabs.nav-justified > .active > a:hover, .products-int .nav-tabs.nav-justified > .active > a:focus {
	border-bottom-color: #0087ff !important;
	border-left-color: #ecf0f1;
	border-right-color: #ecf0f1;
}
.products-int .nav-tabs.nav-justified > li > a {
	border-radius: 0px;
}

.abc{
	  font-size:14px;
}
.tab-bg1{
	background-color:#006699;
}

.p-lg{font-size:16px; line-height:26px;}
.box-software{
	padding:0px 15px;
	background-color:#f8fafa;
	border: 1px solid #dde1e1;
}
ul.list-software {
	list-style: none;
	margin-left: 0px;
	margin-bottom:0px;
	padding-left: 0px;
}

.list-software li {
	list-style: none;
	padding: 10px 0;
	border-bottom: 1px solid #cccccc;
}
.list-software li a {
	color: #236ADD;
	font-size: 14px;
		text-decoration:none;
}
.list-software li a:hover {
	background-color: none !important;
	color: #1e4679;
}
.list-software li:last-child {
	border-bottom:none;
}
.list-software li:first-child {
	color:#4D525C;
	font-size:22px;
}
.list-software > li > .icon{color:#4D5258 !important; padding-right:5px;}
.owl-screenshots .item {
    margin: 10px;
}
.screenshots-box {
    background: #f8fafa none repeat scroll 0 0;
    border: 1px solid #e5eaea;
}
.screenshots-box a {
    color: #000;
}
.screenshots {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.screenshots > p {
    background: rgba(0, 112, 186, 0.48) none repeat scroll 0 0;
    color: #555757;
    font-size: 14px;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.4s linear 0s;
    width: 100%;
}
.screenshots-box:hover > .screenshots > p {
    opacity: 1;
}
.screenshots-box > .screenshots a {
    background-color: #0073c2;
    border-radius: 50%;
    display: block;
    height: 80px;
    left: 45%;
    line-height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    top: 43%;
    width: 80px;
}
.screenshots-box > .screenshots > p > a {
    font-size: 26px;
    padding-top: 14px;
    transform: scale(0);
    transition: all 0.3s ease 0.3s;
}
.screenshots-box:hover > .screenshots > p > a {
    transform: scale(1);
}
.screenshots-box:hover > .screenshots > p > a i {
    color: #fff;
}

.alert-with-icon {
    padding-left: 46px;
}
.alert-warning {
    background: #f8f6a2 none repeat scroll 0 0;
    border-color: #eee090;
    color: #7d6a3b;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03);
    margin-bottom: 20px;
    padding: 20px 35px 0 20px;
    position: relative;
}
.alert-with-icon {
    padding-left: 46px;
}
.margin-btm-20{margin-bottom:20px !important;}
 .alert-with-icon.alert-warning::before {
    color: #a37c37;
    content: "";
	font-family:fontello;
    display: block;
    font-family: fontello;
    font-size: 18px;
    left: 10px;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 26px;
}
@media(max-width:768px){
	.tab-main .nav-tabs li {
    display: table-cell;
    float: none;
    text-align: center;
    width: 1%;
}
}
title-dotted {
	border-bottom: 1px dotted #fff;
}
.wrapper {
	-webkit-transform: translateZ(0); /* webkit flicker fix */
	-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}
.wrapper .wrapper-feild {
	cursor: help;
}
.wrapper .tooltip {
	background: #fff8d0;
	bottom: 100%;
	color: #000;
	display: block;
	/*left: -25px;*/
	margin-bottom: 15px;
	opacity: 0;
	padding: 20px;
	pointer-events: none;
	position: absolute;
	width: 100%;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
/*	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);*/
	-webkit-box-shadow: 10px -8px 7px -6px rgba(153,153,153,1);
-moz-box-shadow: 10px -8px 7px -6px rgba(153,153,153,1);
box-shadow: 10px -8px 7px -6px rgba(153,153,153,1);
	
	font-size: 14px;
	line-height: 22px;
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.wrapper .wrapper-feild + .tooltip:before {
	bottom: -20px;
	content: " ";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	width: 100%;
}
.wrapper-feild

{
	position: relative;

}
/* CSS Triangles - see Trevor's post */
.wrapper-feild:hover.wrapper-feild:after {
	border-left: solid transparent 18px;
	border-right: solid transparent 18px;
	border-top: solid #fff8d0 18px;
	bottom: 24px;
	content: " ";
	height: 0;
	left: 45%;
	margin-left: -13px;
	position: absolute;
	width: 0;
}
.wrapper .wrapper-feild:hover + .tooltip {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}