html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
}
header, footer, article, section, hgroup, nav, figure {
display:block;
margin:0px;
padding:0px;
}
.banner-content {
height: 100%;
  background: rgba(0, 0, 0, 0) url("../images/banner-lefttxtbg.png") no-repeat scroll left top 10px;
  left: 11%;
  position: absolute;
  top: 30px;
  padding-left: 210px;

}.banner-descr {
  clear: both;
  width: 39%;
  text-align: left;
}
.banner-content p{padding-top: 10px;}
img {
border:0;
height: auto;
max-width:100%;

}

ul {
list-style-type:none;
padding:0px;
margin:0px;
}
p, td, input, label, form, h1, h2, h3, h4, h5, h6 {
padding:0px;
margin:0px;
border:none;
}


@font-face {
	font-family:'ErasITC-Medium';
	src: url('ErasITC-Medium_gdi.eot');
	src: url('ErasITC-Medium_gdi.eot?#iefix') format('embedded-opentype'),
		url('ErasITC-Medium_gdi.woff') format('woff'),
		url('ErasITC-Medium_gdi.ttf') format('truetype'),
		url('ErasITC-Medium_gdi.svg#ErasITC-Medium') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}
@font-face {
	font-family:'ErasITC-Light';
	src: url('ErasITC-Light_gdi.eot');
	src: url('ErasITC-Light_gdi.eot?#iefix') format('embedded-opentype'),
		url('ErasITC-Light_gdi.woff') format('woff'),
		url('ErasITC-Light_gdi.ttf') format('truetype'),
		url('ErasITC-Light_gdi.svg#ErasITC-Light') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}


input[type="text"],input[type="button"],input[type="submit"],input[type="email"],input[type="tel"] ,textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -webkit-appearance: none; font-family:'ErasITC-Medium';
}

body{ background:url(../images/topbg.jpg) repeat-x center top; font-family:'ErasITC-Medium';}

header{ width:100%; float:left; height:auto; border-bottom:solid 18px #0f2545; padding-top:16px; position:relative;}

.navigation{position:absolute; bottom:0px; right:0px; background:#000000; width:58%;}
.navigation ul{ width:100%; float:left; height:auto;}
.navigation ul li{ float:left; height:auto;}
.navigation ul li:first-child{background:#e83f24; margin-right:20px;}
.navigation ul li:first-child img{ position:relative; top:5px;}
.navigation ul li a{text-decoration:none; color:#fff; font-size:17px; line-height:49px; display:block; padding:0 18px;}
.navigation ul li a:hover{background:#e83f24;}

.active{background:#e83f24;}


.centerdiv{ width:1100px; margin:0 auto;}
.logo{ width:38%; float:left; height:auto; padding-bottom:0px;}
.contactright{ width:48%; float:right; background:#f5f5f5; padding:5px 25px; width:49%\9;}
_:-ms-input-placeholder, :root .contactright{width:49%;}
.contact-sales{ font-size:16px; color:#666666; border-right: solid 1px #666666; padding:0 10px 0 0; float:left; letter-spacing:1px; line-height:22px;}
.contact-phone{float:left; font-size:16px; color:#0072c6; float:left; margin:0 10px;}
.contact-phone a{color:#0072c6; text-decoration:none;}
.contact-phone span{ float:left; height:auto; padding-right:10px;}
.available-mf{ float:left; font-size:11px; margin-top:-7px; font-family:Arial, Helvetica, sans-serif; color:#666666; margin-left:10px; margin-right:10px;}

.contact-email{float:left; font-size:16px; color:#0072c6; float:left; font-size:16px; border-left: solid 1px #666666; padding:5px 0 5px 10px; margin-top:-3px;}
.contact-email a{color:#0072c6; text-decoration:none;}
.contact-email a:hover{color:#0072c6; text-decoration:underline;}
.contact-email span{float:left; height:auto; padding-right:10px;}



.banner{float:left; background:url(../images/banner.jpg) no-repeat top; height: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; text-align:center;}
.banner.banner1{float:left; background:url(../images/banner1.jpg) no-repeat top; height: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; text-align:center;}
.banner.banner2{float:left; background:url(../images/restaurant-background.jpg) no-repeat top; height: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; text-align:center;}

.banner img{ vertical-align:bottom;}


h1{	font-family:'ErasITC-Light'; font-weight:normal; font-size:31px; color:#535353;}
h4{	font-family:'ErasITC-Light'; font-weight:normal; font-size:31px; color:#5f8ac4;}

p{ font-size:16px; color:#4d4c4c; line-height:22px; padding-top:20px;}

.section-1 .leftside{float:left; width:40%; padding:40px 0;}
.section-1 .leftsidedashboardexamples {float:left; width:90%; padding:40px 0;}
.section-1 .rightside{float:right; width:54%; padding:40px 0;}

.section-1{width:980px; margin:0 auto; overflow:hidden; clear:both;}

.greysection{ width:100%; background:#f5f5f5; float:left; padding:0; margin-bottom:35px;}
.section-2{width:960px; margin:0 auto; overflow:hidden; clear:both;}
.section-2 .rightside{float:right; width:34%; padding:30px 0 0 0;}
.section-2 .rightside img{ vertical-align:bottom;}


.section-2 .leftside{float:left; width:61%; padding:40px 0;}

.realtime{width:1100px; margin:0 auto; clear:both;}

.col-1{float:left; height:auto; width:27%; margin-top:45px;}
.col-2{float:left; height:auto; width:27%; margin-top:45px; margin-left:5%; margin-right:5%;}
.col-3{float:left; height:auto; width:32%; margin-top:45px;}
.readmore{ background:url(../images/arrow-readmore.png) no-repeat right; padding-right:30px; font-size:15px; float:left; line-height:20px;}
.readmore a{ text-decoration:none; color:#1a73a6;}
.readmore a:hover{ text-decoration:underline;}

.realtime h2{font-family:'ErasITC-Light'; font-weight:normal; font-size:31px; color:#535353; line-height:64px;}
.realtime h2 span{ float:left; height:auto; padding-right:20px; height:64px;}
.realtime p{ font-size:15px; line-height:20px; padding:15px 0 0 0; color:#4d4c4c; min-height:100px;}


.innerbanner{ max-width:1100px; margin:0 auto; width:100%;}
.banner-lefttxtbg{width:32%; text-align:left; float:left; height:auto; /*background: url(../images/banner-lefttxtbg.png) no-repeat left top;*/ background-size:100%; padding-top:70px; padding-left:3%;}

.banner-right{ float:right; width:65%;}
.banner-right img{ vertical-align:bottom;}

.banner-logo{width:auto; float:left; height:auto;}
.banner-txt{width:100%; float:left; height:auto;}
.banner-txt h3{ font-size:37px; color:#fff; font-weight:normal;  	font-family:'ErasITC-Light'; color:#535353; text-align:left}
.banner-txt p{ font-size:16px; color:#4d4c4c; line-height:22px;}
.learnmore {
  background: #008a00 none repeat scroll 0 0;
  float: left;
  font-size: 15px;
  height: 35px;
  line-height: 35px;
  margin-top: 20px;
  text-align: center;
  width: 192px;
  margin-right: 10px;
}
.learnmore a{ color:#fff; padding:0 10px; line-height:35px; display:block; text-decoration:none;}
.learnmore a:hover{ background:#e83f24;}

.section-3{ max-width:1070px; margin:0 auto;}
.section-3 .leftside{float:left; width:45%; padding:40px 0;}
.section-3 .leftsidedashboardexample {float:left; width:40%; padding:40px 0;}
.section-3 .righttsidedashboardexample {float:right; width:40%; padding:40px 0;}
.section-3 .rightside{float:right; width:62%; padding:40px 0;}

.meedteam{width:100%; float:left; height:auto; padding:0 0 30px 0;}
.teamtopbg{ width:100%; background:url(../images/teamheading.png) no-repeat left; height:35px; font-size:22px; color:#494848; line-height:35px; border-right: solid 1px #d5d5d5; border-top: solid 1px #d5d5d5; border-bottom:solid 1px #d5d5d5; -webkit-border-top-left-radius: 5x;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;  	font-family:'ErasITC-Light'; padding:0 3% 0 4%; width:93%;}

.teammidbg{ width:93.8%; background:#fff url(../images/teammidbg.png) repeat-x center top; float:left; -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px; border-right: solid 1px #d5d5d5; border-left: solid 1px #d5d5d5; border-bottom:solid 1px #d5d5d5; padding:3%; margin-top:1px; position:relative}

.teammidbg:before{position:absolute; width:100%; left:0px; right:0px; margin:0 auto; content:""; height:6px; background:url(../images/shadow.png) no-repeat center; bottom:-7px;}

.team-img{ width:26%; float:left;}
.team-txt{ width:70%; float:right; }
.team-txt > div {
    padding: 0 0 15px;
    position: relative;
}
.team-txt p{ font-size:22px; color:#4d4c4c; font-size:16px; padding:0px;}
.team-txt span img{ /*position:relative; top:6px; margin-left:10px;*/ bottom: -5px;
    left: 0;
    position: absolute;}

.teamleft{width:100%; float:left; margin-top:20px;}
.teamright{width:100%; float:right; margin-top:20px;}

h5{	font-family:'ErasITC-Light'; font-weight:normal; font-size:31px; color:#5f8ac4; text-align:center; padding:20px 0 40px 0;}

.productpagebanner{ width:1120px; margin:0 auto;}
.productpagebanner-left{width:35%; float:left; text-align:left; padding-top:70px;}
.productpagebanner-right{width:65%; float:right;}
.productpagebanner-right img{ vertical-align:bottom;}

.producttop-right{float:right; width:50%; padding:40px 0;}

.productdashboard-center{float:right; width:100%; padding:40px 0;}

.improve-design{ width:100%; float:left; background: url(../images/improve1.jpg) no-repeat right top; webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; padding:37px 0 75px 0; margin-bottom:30px; /*min-height:254px;*//* background-size:100% 100%;*/}
.improve-designleft{ width:47%; float:left;}

.signup{ width:1105px; margin:0 auto; clear:both; padding:36px 0 0 0;}

.signupform{width:270px; float:left; height:auto; background:#f5f5f5; border: solid 2px #ebebeb; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; padding:30px 47px 30px 58px;border-bottom:0;}

.signupform ul{ width:100%; float:left; height:auto;}
.signupform ul li{ width:100%; height:auto; margin-bottom:20px; float:left;}
.signupform ul li em{ color:#F00; font-style:normal;}
.signupform ul li span{ font-size:15px; color:#333333; display:block; margin:5px 0 0 0;}
.signupform ul li small{ font-size:13px; color:#ff0000; display:block;}

.signupform ul li span input[type="text"]{width:100%; border:solid 1px #cccccc; height:27px; outline:0px; font-size:16px;}
.signupform ul li span textarea {width:100%; border:solid 1px #cccccc; height:70px; outline:0px; font-size:16px;}
.signupform ul li span select {width:100%; border:solid 1px #cccccc; height:auto; outline:0px; font-size:16px; padding:3px 0;}

.signupform ul li span input[type="submit"]{ background:#094ab2; border:none; cursor:pointer; height:40px; color:#fff; font-size:20px; width:100%; text-transform:uppercase;}

.signupright{ width:658px; float:right;}
.needhelp{width:189px; height:50px; float:left; font-size:18px; text-align:center; color:#594c4c; margin-top:50px; background:#eaeaea; line-height:50px; position:relative;}
.needhelp a{text-decoration:none; color:#594c4c;}
.needhelp:after{ background:url(../images/arrow.png) no-repeat center top; bottom:0px; content:""; position:absolute; width:14px; height:14px; left:0px; left: 13px; bottom: -13px;}

.callus{width:189px; height:50px; float:left; font-size:18px; text-align:center; color:#fff; margin-top:50px; background:#da3b01; line-height:50px; margin-left:1px;}
.callus a{text-decoration:none; color:#fff;}




footer{ width:100%; float:left; height:auto; background:#12131c; margin:40px 0 0 0; padding:30px 0;}
.footermenu{font-size:17px; text-align:center; float:left; width:100%;}
.footermenu a{color:#fff; text-decoration:none; padding:0 15px;}
.footermenu a:hover{ color:#e83f24;}
.copyright{width:100%; text-align:center; float:left; font-size:15px; padding:15px 0; color:#fff;}
.created{width:100%; text-align:center; float:left; font-size:15px; padding:0; color:#fff;}


/*Contact page*/
.contact-bg{width:100%;float:left;background:url(../images/contact-bg.png) repeat-x top;}
.contact-right{width:682px;padding:81px 0 0 44px; float:right;margin:79px 0 0;min-height:261px;}
.contact-details-left{width:auto;float:left;}
.contact-icon{width:auto;float:left;}
.contact-details{width:262px;float:left;margin-left:18px;}
.contact-right h1{color:#000;font-size:30px;line-height:34px;}
_:-ms-input-placeholder, :root .contact-right h1{font-size:29px;}
.contact-right p{color:#000;padding-top:0;}
.contact-right h4{font-size:16px;color:#000;line-height:22px;padding-left:31px;background:url(../images/arrow-2.png) no-repeat left center;margin:16px 0 0;}
.contact-right h4 a{color:#000; text-decoration:none;}
.contact-details-right{width:auto;float:left;margin:0 0 0 29px;}
.contact-details-right h4 a{text-decoration:none;color:#000;}
.our-headquarters{float: right;    width: 658px;padding:27px 0;}
.our-headquarters-left{float: left;    width: 269px;}
.our-headquarters-left h1{padding:10px 0 0;}
.map{width:auto;float:right;}

.navigation-res{ display:none!important;}

.learn-more{ opacity:1;   margin-top: 14px; float:left}
.learn-more:hover{ opacity:0.8;}
.home-text p{ padding-top:14px;}

label.error {
    color: #ff0000;
    display: table;
    font-size: 0.8em;
    margin-bottom: 10px;
    width: 100%;
}

.banner{ overflow-x:hidden; overflow-y:hidden;}

.slider-2-red{margin-top: 59px;}
.slider-3-red{ margin-top: 35px;}

.created a{ color:#fff; text-decoration:none}
.created a:hover{ text-decoration:underline;}

.company-left{ width:48%; float:left;}
.comapny-right{ width:48%; float:right;}

.dispaly{ display:none; color: #4d4c4c;
    font-size: 16px;
    padding: 0;  width:100%;}
	
/*.banner > div {
    height: 467px !important;
}	
#slider1_container img {
    height: 97% !important;
}*/
@media only screen and (max-width: 1640px) and (min-width: 1280px)  {
	.bx-wrapper img {
  display: block;
  max-width: 155%!important;
}
.bx-wrapper .bx-viewport {
 
  height: 400px!important;
 
}
	
}
@media only screen and (max-width: 1980px) and (min-width: 1680px)  {
	.bx-wrapper img {
  display: block;
  max-width: 130%!important;
}
.bx-wrapper .bx-viewport {
 
  height: 590px!important;
 
}
	
}