@import url('font-awesome.min.css');
@import url('ionicons.min.css');
@import url('../fonts/fonts.css');

html, body { margin:0; padding:0; font-family: 'robotoregular';    font-size: 14px;}
header{ background:url(../images/headerbg.jpg) repeat-x;    position: relative;z-index: 9;}
p{ font-size:14px;}
h1, h2, h3, h4, h5, h6, ul, p{ margin:0;}
img { max-width:100%;}
.clear { clear:both;}
b{font-family: 'robotobold';}
.centerbody { background:url(../images/bgimg1.jpg) no-repeat center bottom; padding:100px 0; background-size:cover; position: relative;}
.logo { display:inline-block; float:left;    margin-right: 10%; width:42%;}
.academy { display:inline-block; float:left; width:48%;}
.menu { padding:0 !important;}
.menu ul li {     padding: 18px 2% 18px 0!important; display:inline-block;     width: 16.2%; text-align:left;}
.menu ul li a{ color:#fff !important; font-size:15px !important; text-decoration:none;}
.menu ul li a:hover { color:#fff !important;}
.menu .navbar-nav { float:right; width:100%; display:block;    text-align: center;}
.menu .dropdown-menu{ background:#f6f6f6;     border-radius: 0; }

.menu .dropdown-menu  a{ color:#494949 !important;     padding: 5px 11px;}
.menu .dropdown-menu  a:hover { color:#ff !important; background:#2579bf;}  
.topbar{ background:#e3eaef; padding:8px 0;}
.topsocial a{     color: #414243;display: inline-block; margin: 0 10px 0 0;font-size: 17px;}
.toplogin { text-align:right;}
.toplogin a{ color: #414243;display: inline-block;    font-size: 14px;}
.toplogin a:hover{ text-decoration:none;}
.logoright img{ float:left;}
.logoright p{ color:#6c6c6c;}
.logoright .col-md-4{ padding-left:0;     padding-right: 0;}
.logoright b { display:block; padding-top:4px;}
.requestdemo { padding-top:20px;     text-align: right;}
.requestdemo a{background:#3fb431; display:inline-block;     padding: 7px 27px; border-radius:40px; color:#fff;-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;  -o-transition: all 0.3s linear;transition: all 0.3s linear;}
.requestdemo a:hover{ background:#247abe; text-decoration:none;}


.requestdemo2 {      text-align: center; padding:0;}
.requestdemo2 a{background:#3fb431; display:inline-block;        padding: 7px 17px; border-radius:40px; color:#fff;-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;  -o-transition: all 0.3s linear;transition: all 0.3s linear; display:none;}
.requestdemo2 a:hover{ background:#247abe; text-decoration:none; display:none;}

.menu  .dropdown-toggle::after { content: "\f107"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit;
    text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  border:0 !important;    margin: -19px 0 0 4px;
    font-size: 22px;}



.logoouter { padding:15px 0 15px 0;}
.logoouter .col-3{}
.logoright { padding-top:15px;}
.menuouter {background:#247abe;}



footer { background:#23262a; padding:40px 0; color:#fff;}
footer a{ color:#fff; text-decoration:none;}
footer a:hover { color:#fff;}
footer h3{ margin:0 0 15px 0;font-family: 'roboto_slabregular';}
footer h4{ margin:25px 0 10px 0; font-family: 'roboto_slabregular';}
footer ul { padding:0; list-style:none;}
footer ul li { display:block; padding-bottom:4px;}
.copyright { padding-top:45px;}
.footersocial { padding-top:20px;}
.footersocial a { display:inline-block; margin-right:10px; font-size:14px;}
.fend { padding:0;}
.abovefooter { padding:70px 0 35px 0; background:#fff; text-align:center;}
.abovefooter .container{ max-width:900px;}
.abovefooter h4{font-family: 'roboto_slabregular'; color:#2f3236; font-size:30px; margin:25px 0;}
.abovefooter a{ background:#427cd6;     padding: 7px 33px; border-radius:40px; color:#fff; display:inline-block;    width: 125px;    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; margin-bottom:35px;}
.abovefooter a:hover {    background: #23262a; text-decoration:none;}
.feature_sec{ padding:60px 0; background:#454545; text-align:center; color:#fff;}
.feature_sec h2{font-family: 'roboto_slabregular'; margin:0 0 40px 0; }
.feature_sec .col-md-4 { padding:40px 15px;     border: 1px solid;}
.feature_sec .col-md-4 p { margin:15px 0 0 0;}
.feature_sec .col-md-4.bordercls1{ border-bottom:0; border-right:0;}
.feature_sec .col-md-4.bordercls2{ border-bottom:0; }
.feature_sec .col-md-4.bordercls3{ border-right:0; }
.maincontent { padding:40px 0 6px 0; background:url(../images/bannertopbg.jpg) no-repeat center bottom; text-align:center; background-size: cover; }
.maincontent h2{ font-family: 'robotolight'; text-align:center; margin-bottom:15px; font-size: 40px;}
.maincontent h4 { text-align:center; color:#3fb431;       font-family: 'robotobold'; font-weight: 400; font-size: 16px;max-width: 500px; margin: 0 auto; line-height: 23px;     margin-bottom: 15px;}
.services_se { text-align:center; padding-top:40px;     padding-bottom: 50px;}
.services_se p{ color:#14abf4;font-family: 'robotobold';}
.curve_sec{ background:#fff url(../images/curve.png) no-repeat center top; background-size:cover;}
.curve_sec ul{ list-style:none; padding-top:150px;}
.curve_sec ul li { font-size:18px; margin-bottom:10px;}
.curve_sec ul li:before {    content: "\f10b";display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;    color: #14abf4; font-size:20px; margin-right:10px;}
	.client_software { background:url(../images/clientsoftwarebg.png) no-repeat center top; padding:25px 0 40px 0; text-align:center;}
	.client_software  h3{ color:#282c33; font-family: 'roboto_slabregular'; text-align:center; margin:10px 0;}
	.client_software  h1{ color:#247abe; font-family: 'roboto_slabregular'; text-align:center; font-size:40px;}
	.client_software a.btn{ background:#ffbb1a; color:#fff; display:inline-block; border:0;     border: 0; border-radius: 4px; padding: 13px 31px;  font-size: 16px;font-family: 'roboto_slabregular'; margin:15px 0 0 0;-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;  -o-transition: all 0.3s linear;transition: all 0.3s linear;}
	.client_software a.btn:hover{ background:#247abe;}
	
	.client_software  h2{ color:#247abe; font-family: 'roboto_slabregular'; text-align:center; font-size:30px; margin:45px 0 15px 0;}
	.client_software  h4{ color:#14abf4; font-family: 'roboto_slabregular'; text-align:center; font-size:18px; margin:5px 0 25px 0;}
	.softwarebox .col-md-4{ background:#fff; border:2px solid #ddd; margin:12px;    flex: 0 0 30%; max-width: 30%; padding:25px 15px;}
	.softwarebox .col-md-12{ background:#fff; border:2px solid #ddd; margin:12px;     flex: 0 0 94%;
    max-width: 94%; padding:25px 15px;}
	.client_software2 { max-width:800px; margin:0 auto;}
	.downloadtxt { margin:30px 0;}
	.client_software2 h1{ margin-bottom:45px;}
	.system_req { margin:0 auto; max-width:600px; border:1px solid #ddd;}
	.system_req ul { list-style:none; padding:0;}
	.system_req ul li { padding:18px 15px; border-bottom:1px solid #ddd;}
	.system_req ul li:last-child{ border:0;}



@media (max-width:1199px){
.requestdemo a {      padding: 7px 17px 9px 17px;}
.logoright p { font-size:12px;}
.menu ul li { padding: 18px 3% !important;display: inline-block;width: auto;}

}
@media (max-width:991px){
	
.requestdemo { display:none;}
.requestdemo2 a{ display: inline-block;}
.topsocial { padding:6px 0 0 0 ; }
.toplogin { padding:6px 5px 0 0 ;}
.logoouter .col-3{    flex: 0 0 900%;    width: 90%;max-width:90%;}
.logoouter .col-7{    flex: 0 0 90%;  width: 90%;max-width: 90%;}
.logoright { padding-top:20px;}
.menuouter { background:none;}
.navbar-toggler-right {    background: #247abe; border-radius: 0; right: 0;}
.menuouter{    position: absolute; top: 63px;z-index: 99;     width: 100%;}
.menu .navbar-nav {background: #247abe;    max-width: 250px;    top: 35px;position: relative; padding: 10px 0;}
.menu ul li { display:block;}
.menu  .navbar-toggler-icon { background: none !important;}
.menu  .navbar-toggler-icon:before {
    content: "\f0c9";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 26px;
}
.menu ul li {        padding: 9px 2% 9px 2%!important;
    display: block;
    width: 100%;
    text-align: center;}
	
	}
	
	
	@media (max-width:767px){
		.logoright .col-md-4 { padding:15px 15px 0 15px;}
		.fend { padding:15px;}
		footer h3 { margin:15px 0 10px 0}
		.feature_sec .col-md-4.bordercls1{ border-bottom:1px solid #fff; border-right:1px solid #fff;}
		.feature_sec .col-md-4 { margin-bottom:25px;}
		.feature_sec { padding:35px 15px;}
.feature_sec .col-md-4.bordercls2{ border-bottom:1px solid #fff; }
.feature_sec .col-md-4.bordercls3{ border-right:1px solid #fff; }
.curve_sec{ background:#ececec; margin-top:25px; padding-bottom:30px;}
.curve_sec ul { padding-top:50px;}
.softwarebox { padding:15px;}
.softwarebox .col-md-4 {    flex: 0 0 100%; max-width: 100%;    margin: 15px 0px;}
.softwarebox .col-md-12 {    flex: 0 0 100%; max-width: 100%;    margin: 15px 0px;}
.client_software a.btn { font-size:13px;}
	
		}
@media (max-width:575px){



.topsocial { text-align:center;}
.menuouter .col-3{    flex: 0 0 100%;    width: 100%;max-width:100%;}
.menuouter .col-7{    flex: 0 0 100%;  width: 100%;max-width: 100%;}

}