html {
    width: 100%;
    height: 100%;
}
body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	font-family: 'robotoregular' !important;
	color: #8F989F;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	color:#333333;
}

@font-face {
    font-family: 'robotoregular';
    src: url('../font/roboto-regular.eot');
    src: url('../font/roboto-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto-regular.woff2') format('woff2'),
         url('../font/roboto-regular.woff') format('woff'),
         url('../font/roboto-regular.ttf') format('truetype'),
         url('../font/roboto-regular.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotothin';
    src: url('../font/roboto-thin.eot');
    src: url('../font/roboto-thin.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto-thin.woff2') format('woff2'),
         url('../font/roboto-thin.woff') format('woff'),
         url('../font/roboto-thin.ttf') format('truetype'),
         url('../font/roboto-thin.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('../font/OpenSans-Regular-webfont.eot');
    src: url('../font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Regular-webfont.woff') format('woff'),
         url('../font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'source_sans_proregular';
    src: url('../font/sourcesanspro-regular.eot');
    src: url('../font/sourcesanspro-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/sourcesanspro-regular.woff2') format('woff2'),
         url('../font/sourcesanspro-regular.woff') format('woff'),
         url('../font/sourcesanspro-regular.ttf') format('truetype'),
         url('../font/sourcesanspro-regular.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'futura_md_btmedium';
    src: url('../font/tt0142m_.eot');
    src: url('../font/tt0142m_.eot?#iefix') format('embedded-opentype'),
         url('../font/tt0142m_.woff2') format('woff2'),
         url('../font/tt0142m_.woff') format('woff'),
         url('../font/tt0142m_.ttf') format('truetype'),
         url('../font/tt0142m_.svg#futura_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family:'ErasITC-Medium';
	src: url('../font/ErasITC-Medium_gdi.eot');
	src: url('../font/ErasITC-Medium_gdi.eot?#iefix') format('embedded-opentype'),
		url('../font/ErasITC-Medium_gdi.woff') format('woff'),
		url('../font/ErasITC-Medium_gdi.ttf') format('truetype'),
		url('../font/ErasITC-Medium_gdi.otf') format('opentype'),
		url('../font/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: 'Bebas';
				src: url('../font/bebas.eot');
				src: url('../font/bebas.eot?#iefix') format('embedded-opentype'),
						 url('../font/bebas.woff') format('woff'),
						 url('../font/bebas.ttf') format('truetype'),
						 url('../font/bebas.svg#bebas') format('svg');
				font-weight: normal;
				font-style: normal;
		}

h1, h2 { color:#0093e5; font-family: 'robotoregular', Helvetica, Arial, sans-serif; font-weight: normal; line-height:100%; margin-bottom:20px; margin-top:0; text-rendering: optimizelegibility; }
h3, h4, h5, h6 { color: #333333; font-family: 'robotoregular', Helvetica, Arial, sans-serif; font-weight: normal; line-height:100%; margin-bottom:20px; margin-top:0; text-rendering: optimizelegibility; }
h1 { font-size:30px; }
h2 { font-size:26px; }
h3 { font-size:20px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

a{text-decoration:none;}
a:hover{color:#333 !important;}

.headar_bg{width:100%; /*float:left;min-height:148px;*/   top:0px; background-color:#003361;}
.hero-background{ float:left; width:100%; height:100%; z-index:99999;}
.main_banner_2{ min-height:100%; width:100%; float:left;}

.logo_link{position:relative; z-index:999;}

.call-back-bg{margin-top:10px; display:inline-block;  min-height:43px; font-size:22px;}
.call-back-bg img{margin-right:12px; margin-top:-5px; width:150px; height:auto;}
.call-back-bg span{color:#fff;}
.cleaver_link{display:inline-block; margin-left:20px;}
.cleaver_link a{ color:#bbe5ff; font-size:16px; margin-right:15px; z-index:999 !important; position:relative;}
.cleaver_link a:hover{ color:#fff !important; text-decoration:none !important;}
.cleaver_link a img{ margin-right:9px;}

.nav_bar_link{display:inline-block; }

.nav_bar_link a{font-size:17px !important; color:#fff !important; padding-left:22px !important; padding-right:22px !important; z-index:99 !important; }
.nav_bar_link li:last-child a{padding-left:22px !important; padding-right:0px !important;}

.nav_bar_link a:hover, .nav_bar_link a:focus{ color:#72c1ff !important; background:none !important;}

.padding_none{padding:0 !important;}

.features_link{font-size:16px; text-transform:uppercase; color:#fff; text-decoration:none; font-family: 'Bebas';}
.benefits_tex{display:inline-block;}
.benefits_tex span{ background-color:#1f95e3; padding:5px 10px; font-size:29px; color:#fff; border-radius:5px 5px 0 0; }
.benefits_tex img{margin-top:4px;}

.leaflet_inner_tex{color:#1e7eb8; line-height:44px; border-bottom:solid 1px #ececec; font-size:20px;}
.leaflet_inner_tex img{margin-right:17px; margin-top:-2px;}

.blue_section_part{background-image:url(../img/blue_bg.jpg); background-repeat:no-repeat; float:left; min-height:594px; background-color:#429ee2; background-size:100% 100%; padding:20px 0;}

.business_software_heding{font-size:22px; color:#fff; margin:10px 0; font-family:'open_sansregular';}
.business_software_p{font-size:17px; font-family:Calibri; color:#060f15;}

.div_center{margin:0 auto; float:none !important;}
.instll_h1{color:#23afff; font-size:24px;}
.instll_h1 span{color:#ff0000;}
.instal_p{font-size:17px; color:#5a5a5a; line-height:31px;}
.border_right{border-right:solid 1px #e4e4e4;}
.read_more_btn{background-color:#2275a6 !important; font-size:20px !important; padding:3px 14px !important; border:0px !important;}

.demo_h1{font-size:26px; color:#3f3f3f; padding:0 0 26px 0; margin:0px; background-image: url(../img/demo_line.png); background-repeat:no-repeat; background-position:left bottom;}

.footer_black{background-color:#1a2d3a; min-height:212px;}
.footer_h1{font-size:22px; color:#fff; border-bottom:solid 1px #444d54; padding-bottom:10px; margin-bottom:15px; float:left; width:100%;}
.footer_link_1{float:left; padding:0px;}
.footer_link_1 li{ width:50%; float:left; margin-bottom:5px;}
.footer_link_1 li a{ font-size:16px; color:#fff; margin-left:10px;}
.footer_link_1 li a:hover{ color:#1a73b0 !important;}

.footer_link_2{float:left; padding:0px;}
.footer_link_2 li{ width:100%; float:left; margin-bottom:5px;}
.footer_link_2 li a{ font-size:16px; color:#fff; margin-left:10px;}
.footer_link_2 li a:hover{ color:#1a73b0 !important;}

.location_tex{font-size:16px; color:#fff; width:100%;}
.location_tex img{float:left !important;}
.location_inner{ margin-left:18px; display:inline-block; width:90%;}
.footer_part_bottom{width:100%; background-color:#274254; padding:10px 0;}
.copyright_tex{font-size:16px; color:#fff;}
.footer_logo_text{font-size:13px; color:#fff;}

.navbar-toggle{background-color:#fff !important; z-index:9999;}
.icon-bar{background-color:#333;}



.banner_menu{width:23%; margin:0 1%; float:left;}

.inner_page_h1{font-size:30px; text-transform:uppercase; color:#0069bd; margin:0px; width:100%; border-bottom:solid 1px #e2e2e2; padding-bottom:5px; margin-bottom:15px;}
.inner_page_tex{width:100%; float:left; padding:20px 0; color:#3d3d3d; font-size:18px; text-align:justify; border-bottom: 1px solid #e2e2e2;}
.what_tex_h2{margin:0px; font-size:20px; margin-bottom:10px;}
.what_tex_h2_blue{margin:0px; font-size:30px; margin-bottom:20px; color:#2596ef;}

.inner_page_img{width:25%; float:right; background-color:#d7d7d7; padding:5px; border-radius:10px; margin-left:4%;}
.inner_page_img img{width:100%;}

.inner_page_img_left{width:25%; float:left; background-color:#d7d7d7; padding:5px; border-radius:10px; margin-right:4%;}
.inner_page_img img{width:100%;}

.inner_page_img_install{width:300px; float:right;}
.inner_page_img_install img{ width:100%;}



.left_side_img{ width:25%; background-size:100% auto; left:2%; z-index:0; margin-top:90px;}
.left_side_img img{ width:100%; height:auto;}

.right_side_img{ width:25%; background-size:100% auto; right:3%; z-index:0; margin-top:90px;}
.right_side_img img{ width:100%; height:auto;}

.subnav {
  margin-top: 0;
  text-align: center;
  background-color: #003361;
  width: 100%;
 /* position: absolute;
  bottom: 0;*/
  overflow: hidden;
  min-height:100px;
}
.icon-back{ background-image:url(../img/icon-back.png); background-repeat:no-repeat; overflow:hidden; background-position:center center;}

/* ===========================
--- Intro
============================ */

.intro {
	width:100%;
	position:relative;
	
	/*background: url(../img/main_bg.jpg) no-repeat bottom center; background-size:cover;*/
}

#intro.intro {
	padding:0;
}

.intro .slogan {
	text-align: center;

}

.intro .page-scroll {
	text-align: center;
}

.brand-heading {
    font-size: 40px;
}

.intro-text {
    font-size: 18px;
}


.intro .slogan h4 {
	color: #fff;
	text-shadow: -1px 1px 1px #000;
}

.top_support_tex{width:100%; background: #003361; /* Old browsers */
background: -moz-linear-gradient(top,  #003361 0%, #2ca2eb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003361), color-stop(100%,#2ca2eb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #003361 0%,#2ca2eb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #003361 0%,#2ca2eb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #003361 0%,#2ca2eb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #003361 0%,#2ca2eb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003361', endColorstr='#2ca2eb',GradientType=0 ); /* IE6-9 */
padding:10px 0px; overflow:hidden;
}
.top_support_tex_inner{margin-top:20px;}

.btob{width:90%; padding:0 1%; text-align:center; margin:0px auto;}
.btob img{ width:100%; height:auto;}

.left_img_new{width:30%; padding:0 1%; text-align:center; margin:0px auto;}
.left_img_new img{ width:100%; height:auto;}

.right_img_new{width:30%; padding:0 1%; float:right; text-align:right;}
.right_img_new img{ width:94%; height:auto;}

.banner_center_text{ width:40%; padding:0 1%; float:left;}

.banner_font_1{text-align:center; font-size:68px; letter-spacing:2px; font-family: 'futura_md_btmedium'; color:#fff; padding-top:20px; padding-bottom:10px; text-shadow: rgb(24, 105, 155) 2px 0px 2px; margin:0px;}

.banner_font_2{text-align:center; font-size:64px; font-family:'ErasITC-Medium'; color:#fff; padding-bottom:10px; padding-top:10px; margin:0px;}

.banner_font_3{ font-size:22px; margin-top:15px; text-align:center; color:#fff; margin:0px; padding-top:25px; font-family:'source_sans_proregular';}

.blue_color_tex{color:#55b4ff;}

.features_border{border:solid 1px #d9d9d9; border-radius:4px; padding:5px !important;}
.features_border img{ width:100%; height:auto;}

.features_border_bottom{ padding:15px; width:100%; float:left;}

.features_bg_grey{background-color:#0d699c; width:100%; float:left; padding:15px 0; color:#fff !important;  background-position:left top; background-size:cover;} 

.features_bg_grey_1{background-image:url(../img/feature_bg_1.png);}
.features_bg_grey_2{background-image:url(../img/feature_bg_2.png);}
.features_bg_grey_3{background-image:url(../img/feature_bg_3.png);}
.features_bg_grey_4{background-image:url(../img/feature_bg_4.png);}

.features_bg_grey h4{ color:#fff !important;}

.font_16{font-size:14px !important; font-size:22px;}
.font_21{ font-size:21PX !important;}

.features_ul{list-style:none; line-height:32px; padding-left:0px; width:100%; font-family:'source_sans_proregular';}
.features_ul li{list-style:none; font-size:16px; color:#20669e;}
.features_ul li ul{padding-left:22px;}
.features_ul li ul li{list-style:none; font-size:14px; color:#2e6998;}
.features_ul li img{ margin-right:5px; margin-top:-4px; width:12px; display:inline-block;}
.widht_half{width:50%; float:left;}

.features_conten{width:70%; float:left;}

.mosaicflow__column {
	float:left;
	}

.mosaicflow__item {
	position:relative;
	}
.mosaicflow__item img {
		display:block;
		width:100%;
		max-width:500px;
		height:auto;
}

.blue_bg_1{background-color:#bee3ff; margin:0 5px 10px; padding:5px 10px; font-family:'source_sans_proregular';}
.blue_bg_1:hover{transition: background-color 0.8s ease; background-color:#9cd4ff;}
.features_h4{color:#1f4f75; margin:0px; padding:5px 0 10px; font-size:22px;}
.features_img_new{width:100%;}
.features_img_new img{ width:100%; height:230px; display:inline;}
.togglelink{cursor:pointer;}
.toggle_tex{display:none; 
    background-color: #bee3ff;
    min-height: 200px;
    width: 100%;
	padding:10px 15px;
	margin-bottom:10px;
	display:inline-block;
	margin-top:-2px;
	}

.toggle_tex_link{ cursor:pointer;}	
.toggle_tex_old{width:100%; float:left;  background-color: #a5d8ff; margin-top:-32px; margin-bottom:20px; padding:10px 20px; display:none; border-radius:0 0 5px 5px;}

.features_left_padding{padding-left:0px !important;}
.features_right_padding{padding-right:0px !important;}

.griad_1{width:30%; margin-right:3%;}
.griad_2{}

.blue_bg_1_new{background-color:#bee3ff; padding-bottom:10px; border-radius:3px;}
.cancle_icon{width:28px;  right:27px; cursor:pointer;}
.cancle_icon img{ width:22px;}
.contact_page_tex{font-size:16px;}
.contact_page_tex span{color:#2e95ea; font-size:20px;}
.contact_icon{width:32px; margin-right:13px; margin-top:2px; float:left;}
.black_tex{color:#3d3d3d !important; font-size:16px !important; margin-top:3px;}
.from_heding{margin:0 0 20px 0; padding:0px; font-size:22px;}
.contact_bg{background-color: rgba(255, 255, 255, 0.7); min-height:370px !important; padding-top:15px; padding-bottom:15px; border-radius:4px; border:solid 1px #b5b5b5;}

.map_bg{background-image:url(../img/contact_map.jpg); background-repeat:no-repeat; background-size:cover; background-position:center 55px;}
.border_none{border:none !important;}

.form-header {
    background-color: #6fb7ef;
    border-radius: 10px 10px 0 0;
    padding: 15px 0 15px 25px;
    text-align: left;
	display:inline-block; width:100%;
	background-image:url(../img/login_bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	
}
.form-header img{}
.form-header h1{ display:inline-block; color:#fff; margin-left:15px; margin-top:24px; float:left;}
.form-main{background-color: #1a2d3a; padding: 40px 50px;}
.form-main_input{
	background-color: #fff !important;
    border: medium none !important;
    border-radius: 0 !important;
    color: #cccccc !important;
    height: 43px !important;
    margin-bottom: 10px !important;
    padding-left: 20px !important;
	}
	
.form-footer{	background-color: #131c22; padding: 20px 40px; border-radius:0 0 10px 10px;}

.signin{background-color: #6fb7ef; color: #ffffff; padding-bottom: 10px; padding-top: 10px; transition: background-color 300ms linear 0s; width:auto !important; padding-left:20px !important; padding-right:20px !important; font-size:16px !important;}
.form-footer_link{color: #999999; font-size: 10pt; margin-left:5px;}
.form-footer_link:hover{ color:#62b1ef !important;}
.form-footer img{margin-top:-2px;}
.left_shadow{width:34px; min-height:379px; float:left; margin-left:-34px;}
.right_shadow{width:34px; min-height:379px; float:right; margin-right:-34px;}

.feature-tab{}
.feature-tab a{ color:#ffffff;}
.feature-tab a:hover{ color:#55b4ff !important;}

.featureslist{ margin:0px 0px 10px 0px;}
.featureslist p{color:#003361}
.featureslist i{ margin-right:5px;}
.featuresublist{ padding-left:10px;}
.featuresublist p{color:#003361}
.width50{ width:50%; float:left;}
.featurespage{}
.featurespage h3{ font-size:26px;}

@media(min-width:767px) {

	
    .intro {
       /* height: 100%;*/
        padding: 0;
    }
}

@media(min-width:480px) {

    .intro {
        /*height: 100%;*/
        padding: 0;
    }
}
@media(min-width:320px) {

	
    .intro {
       /* height: 100%;*/
        padding: 0;
    }
}

.flexible_text{font-size:50px; margin:0 0 10px 0; color:#55b4ff;}
.setup_icon{float:left; margin-right:35px; margin-bottom:30px;}
.setup_text_bold{font-size:27px; color:#000; margin-top:0px; text-transform: uppercase;}
.setup_text_bold img{ width:60px; margin-right:10px;}
.setup_border_top{border-top:solid 1px #e2e2e2;}
.so_whattext{font-size:24px; color:#309df3;}
.top_popup_link{cursor:pointer;}
.request_title{font-size:24px; color:#46a5ef;}


.close_btn{background-color:#5cb85c !important; color:#fff !important;}
.modal-header1{background-color:#f2f2f2 !important; border-radius:4px 4px 0 0;}
button.close{font-size:37px !important;}
.label_text{font-weight:normal !important; color:#1f659c;}
.modal{z-index:99999 !important;}

.modal-dialog{margin:100px auto 30px !important;}



.ic_featured,
.ic_benf,
.ic_price,
.ic_demo{
	margin-bottom:5px;
	width:49px;
	height:49px;
	margin:0 auto;
}
.ic_featured{
	background:url(../img/feature_icon.png) 0 0 no-repeat;
}
.ic_benf{
	background:url(../img/benifiets_icon.png) 0 0 no-repeat;
}
.ic_price{
	background:url(../img/pricing_icon.png) 0 0 no-repeat;
}
.ic_demo{
	background:url(../img/demo_icon.png) 0 0 no-repeat;
}

.banner_menu a:hover .ic_featured{
	background:url(../img/feature_icon1.png) 0 0 no-repeat;
}
.banner_menu a:hover .ic_benf{
	background:url(../img/benifiets_icon1.png) 0 0 no-repeat;
}
.banner_menu a:hover .ic_price{
	background:url(../img/pricing_icon1.png) 0 0 no-repeat;
}
.banner_menu a:hover .ic_demo{
	background:url(../img/demo_icon1.png) 0 0 no-repeat;
}