@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Roboto);

body { font-family:roboto;}

.wrapper { width:100%}
header { width:100%; position:absolute; top:0; z-index:9; left:0; /*background:rgba(0,0,0,0.5)*/}

.banner-container { width:100%; background:url(../images/banner1.jpg) no-repeat center top; }

.navbar-brand { height:auto}

.top-right { display:block; float:right; padding:10px 0;}
.top-right .soc { color:#fff; display:block; float:left}
.top-right .soc ul { display:block; padding:0; float:left;  }
.top-right .soc ul li { display:block; float:left; color:#fff; list-style:none; color:#fff;}
.top-right .soc ul li a { color:#fff; display:block; margin-right:20px; color:#fff;}
.top-right .soc span { display:block; float:left; margin-right:20px;}

.cal-area { display:block; float:left; margin-right:20px; color:#fff;margin-left:100px;}
.email-area { display:block; float:left; color:#fff;}
.email-area a { color:#fff; }

.navbar-nav { float:right; margin-top:26px; background: rgba(0,0,0,0.2);}
.navbar-nav>li>a { font-size:14px; text-transform:uppercase; color:#fff; }
.nav>li>a:focus, .nav>li>a:hover { background:none; border-bottom:#106184 solid 4px;}

.nav>li>a { padding:7px 22px;}
.dropdown-menu>li>a { padding:8px 20px;}

ul.dmenu1 { position:absolute; width:200px; background:#eee; padding:0; display:none; z-index:999}
ul.dmenu1 li { border-bottom:#ddd solid 1px; list-style:none; display:block}
ul.dmenu1 li a { padding:8px 10px; display:block; text-decoration:none; color:#000}
ul.dmenu1 li a:hover { background:#000; color:#fff}

.navbar-nav>li.d1:hover .dmenu1 { display:block}


.banner1 { width:100%; background:url(../images/banner1.jpg) no-repeat center top; height:700px;}
.banner2 { width:100%; background:url(../images/banner2.jpg) no-repeat center top; height:700px;}
.banner3 { width:100%; background:url(../images/banner3.jpg) no-repeat center top; height:700px;}
.banner4 { width:100%; background:url(../images/banner4.jpg) no-repeat center top; height:700px;}
.banner5 { width:100%; background:url(../images/banner5.jpg) no-repeat center top; height:700px;}
.banner6 { width:100%; background:url(../images/banner6.jpg) no-repeat center top; height:700px;}
.banner7 { width:100%; background:url(../images/banner7.jpg) no-repeat center top; height:700px;}

.caption { max-width:800px; float:left; position:relative; top:400px; text-transform: uppercase; text-shadow: 0 2px #000;}
.caption h2 { font-weight:bold; font-size:35px; color:#fff; margin:0; text-transform:uppercase;}
.caption p { display:block; line-height:25px; font-size:16px; color:#fff; margin:10px 0}
.caption .more { display:block; float:left; background:rgba(10,94,130,0.5); box-shadow:3px 3px 0 0 #002f43; color:#fff; padding:7px 12px; text-decoration:none; font-size:14px; text-transform:uppercase;}

.section1 { width:100%; background:#fff; padding:30px 0 20px;}
.home-blk { width:100%;}
.home-blk h2 { text-align:center; color:#0a5e82; position:relative;}
.home-blk h2:after { content:''; position:absolute; left:40%; width:20%; bottom:-20px; background:#002f43; height:2px; display:block;}
.home-blk p { text-align:center; padding:30px 0; line-height:25px; font-size:16px;}
.home-blk a { display:block; text-align:center; margin:auto; color:#0a5e82; position:relative; width:120px; text-decoration:none;}
.home-blk a:after { content:''; position:absolute; left:35%; width:30%; bottom:-3px; background:#0a5e82; height:1px; display:block;}

.section2 { width:100%; background:#fff url(../images/section-bg1.jpg) no-repeat center top; padding:30px 0; background-size:cover}
.section2 h2 { text-align:center; text-transform:uppercase;}
.section2 h3 { text-align:center;}
.section2 h5 { text-align:center; position:relative;}
.section2 h5:after { content:''; position:absolute; left:35%; width:30%; bottom:-30px; background:#002f43; height:2px; display:block;}

.section2 .soft-slider { width:100%; padding:20px 0; margin-top:80px;}
.soft-box { width:100%; border:#ddd solid 1px; padding-bottom:20px; background:#fff}
.soft-box .icos { display:block; width: 60px; padding:10px; height:60px; background: #0a5e82; border-radius: 10px; margin: auto; margin-top: -30px; box-sizing:border-box;}
.soft-box .icos img { display:block; margin:auto; vertical-align:middle;}
.soft-box h4 { text-align:center; line-height:30px; padding:10px 30px; position:relative; min-height:80px;}
.soft-box h4:after { content:''; position:absolute; left:35%; width:30%; bottom:-20px; background:#002f43; height:2px; display:block;}
.soft-box p { padding:45px 20px 30px; display:block; text-align:center; line-height:26px;}
.soft-box .more { display:block; width:90px; margin:auto; text-align:center; position:relative; color:#0a5e82; text-decoration:none}
.soft-box .more:after { content:''; position:absolute; left:35%; width:30%; bottom:-3px; background:#0a5e82; height:1px; display:block;}
.soft-box:hover { border-color:#0a5e82}


.section3 { width:100%; background:#002f43; padding:30px 0 50px;}
.section3 h2 { text-align:center; color:#fff; text-transform:uppercase; padding-bottom:10px;}
.section3 h5 { text-align:center; color:#fff; padding:10px 0;}
.section3 p { text-align:center; color:#fff}
.section3 a { margin:auto; display:block; text-align:center; color:#fff; position:relative; width:100px;}
.section3 a:after { content:''; position:absolute; left:25%; width:45%; bottom:-5px; background:#fff; height:1px; display:block;}

/*--------------*/
.soft-slider .bx-wrapper .bx-viewport { padding-top:33px; min-height:410px; background:none}
.soft-slider .bx-wrapper .bx-pager { display:none;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.soft-slider .bx-wrapper .bx-prev { left: -40px; background:url(../images/left-arrow.png) no-repeat 0 0; }
.soft-slider .bx-wrapper .bx-next { right: -70px; background: url(../images/right-arrow.png) no-repeat 0 0; }
.soft-slider .bx-wrapper .bx-prev:hover { background-position: 0 0; }
.soft-slider .bx-wrapper .bx-next:hover { background-position: 0 0; }
.soft-slider .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%; margin-top: -16px; outline: 0; width: 37px; height: 71px; text-indent: -9999px; z-index: 9999; }


.section4 { width:100%; background:#fff url(../images/texture1.jpg) repeat; padding:30px 0;}
.section4 h2 { text-align:center; text-transform:uppercase; padding-bottom:20px;}
.section4 .abt-blk { width:100%; display:block; }
.section4 .abt-blk h3 { color:#002f43; padding-bottom:15px;}
.section4 .abt-blk .rw { width:100%; padding-bottom:20px; float:left; border-bottom:#ddd solid 1px;}
.section4 .abt-blk .rw1 { width:100%; float:left; text-align:right; padding:15px 0;}
.section4 .vis-mis { width:100%; display:block; }
.section4 .vis-mis h3 { color:#002f43; padding-bottom:15px;}

.section4 .abt-blk .rw img { width:120px; display:block; float:left; border:#0a5e82 solid 2px; border-radius:100px; padding:3px; background:#fff;}

.section5 { width:100%; background:#fff url(../images/texture2.jpg) repeat; padding:30px 0;}
.section5 h2 { text-align:center; text-transform:uppercase; margin-bottom:25px;}
.partner-blk { width:100%; float:left;}
.partner-blk ul { display:block; padding:0;}
.partner-blk ul li { display:block; float:left; margin:0 15px;}
.partner-blk ul li img { vertical-align:middle}


footer { background:#011720 url(../images/footer-bg.jpg) no-repeat center center; width:100%;}
.foot-bar { width:100%; color:#fff; border-top:#0a5e82 solid 3px; background:#011720}
.foot-bar .loc { padding:10px 20px; border-left:#0a5e82 solid 1px; text-align:center}
.foot-bar .loc a, .foot-bar .req-demo a, .foot-bar .ico a { color:#fff}
.foot-bar .req-demo { padding:10px 20px; border-left:#0a5e82 solid 1px; border-right:#0a5e82 solid 1px; text-align:center}
.foot-bar .ico { font-size:16px; padding:10px; border-right:#0a5e82 solid 1px; text-align:center}

footer .foot-area { width:100%; padding:30px 0; color:#fff}
footer .foot-area h4 { color:#fff}
footer .foot-area .col1 ul { display:block; padding:0 }
footer .foot-area .col1 ul li { list-style:none; line-height:22px;}
footer .foot-area .col1 ul li a { color:#fff}

footer .foot-area .col1 .rw { width:100%; float:left; margin-bottom:15px;}
footer .foot-area .col1 .rw i { display:block; float:left; width:30px; text-align:center; padding:7px; border:#fff solid 1px; margin-right:5px;}
footer .foot-area .col1 .rw a { color:#fff; }

.footer-botom { width:100%; color:#fff; border-top:#152831 solid 1px; background:#011720; padding:25px 0}
.footer-botom .design { text-align:right}
.footer-botom .design a { color:#fff} 
footer .foot-area .nwsl { background:none; border:#fff solid 1px; border-radius:0;}
footer .foot-area .nws-btn { background:#0a5e82; color:#fff; border-radius:0; border-color:#0a5e82;}

.inner { height:380px;}
.inner .caption { width: 100%; float: none; top: 200px; margin: auto; text-align: center; background:none}
.inner .caption h2 { color:#fff; text-shadow:0 2px 5px #666; font-size:40px; text-transform:uppercase; }
.inner .banner1 { height:auto; background:none;}


.inner.abt { background:url(../images/about-banner.jpg) no-repeat;}
.inner.part { background:url(../images/partner-banner.jpg) no-repeat;}
.inner.case { background:url(../images/casestudies-banner.jpg) no-repeat;}
.inner.cont0 { background:url(../images/contact-banner.jpg) no-repeat;}
.inner.devel { background:url(../images/developer-banner.jpg) no-repeat;}
.inner.vism { background:url(../images/oudivision-banner.jpg) no-repeat;}
.inner.soft { background:url(../images/software-banner.jpg) no-repeat;}
.inner.press { background:url(../images/press-release-banner.jpg) no-repeat;}
.inner.faqs { background:url(../images/faq-banner.jpg) no-repeat;}


.abt-inbox { width:100%; margin-top:25px;}
.abt-inbox img { border:#ddd 1px solid; padding:8px; float:left;}
.abt-inbox h4 { padding:10px 0;}
.abt-inbox p { line-height:22px;}
.abt-inbox h5:after { background:none;}
.abt-inbox h2 { text-align:left; padding-bottom:15px;}

.soft-blk { padding-top:40px;}
.soft-blk .row { margin-top:20px; margin-bottom:40px;}
.soft-blk p { line-height:22px; font-size:15px; padding:0 15px;}
.soft-blk .img-div { background:#0a5e82; padding:10px; padding-left:0; padding-bottom:0; position:relative; z-index:2;}
.soft-blk .img-div img { margin-left:-10px; margin-top:10px;}
.soft-blk .img-div.pull-right { border-left:25px #fff solid;}
.soft-blk .img-div.pull-left { border-right:25px #fff solid;}

.soft-blk h3 { margin-bottom:20px; font-size:22px;}
.soft-blk h3 img { padding-right:15px; background:#fff; position:relative; z-index:2}
.soft-blk h3 span { background:#fff; padding:0 10px; position:relative; z-index:2; margin-left:-10px;}
.soft-blk h3::after { content:""; width:100%; position:relative; height:1px; background:#0a5e82; top:-42px; display:block; position:relative; z-index:1}

.partner-blk { padding:10px 0;}
.partner-blk p { line-height:22px;}

.part-log { padding:25px 0; border-top:#ddd solid 1px;}
.part-log .col-lg-4 { margin:15px 0}

.right-bx h3 { color:#002f43; font-size:20px; margin:0}
.right-bx h3::after { content:""; width:82px; position:relative; height:1px; background:#0a5e82; top:-5px; display:block; position:relative; z-index:1; left:174px;}
.right-bx .blk1 { margin:10px 0 15px; float:left}
.right-bx .blk1 img { width:100%}
.right-bx .blk1 h4 { margin:0}
.right-bx .blk1 h4 a { background:#000; padding:20px 10px; color:#fff; font-size:13px; margin:0; display:block; }
.right-bx .blk3 { margin:10px 0 15px; float:left; background:url(../images/making-global-business-happen.jpg) no-repeat left top; }
.right-bx .blk3 .cont { padding:25px; color:#fff;}
.right-bx .blk3 .cont h3 { font-size:25px; color:#fff; padding-bottom:15px; margin-bottom:15px; border-bottom:#fff solid 1px; line-height:35px;}
.right-bx .blk3 .cont h3::after { display:none}
.right-bx .blk3 .cont p { font-size:20px; line-height:35px; padding:0}
.right-bx .blk3 h4 a { background:#01344a; padding:17px 25px; color:#fff; font-size:20px; margin:0; display:block; text-decoration:none}


.vismis h2 span { text-transform:uppercase; font-weight:bold;}
.vismis p { padding-left:90px; font-size:16px;}

.case-blk h2 { font-size:20px;}
.case-blk p { padding-left:20px;}

.case-blk ul { padding:10px 0;}
.case-blk ul > li { padding:10px 0;}
.case-blk ul > li > ul { padding-left:20px;}
.case-blk ul > li > ul > li { list-style:circle; list-style-position:outside; margin-bottom:10px; display:list-item}
.case-blk ul > li > ul > li > ul { padding-left:20px;}
.case-blk ul > li > ul > li > ul > li { list-style:disc; }

.right-bx .blk2 { border:#0a5e82 solid 2px; border-bottom-width:4px; padding:20px; margin-bottom:25px; float:left;}
.right-bx .blk2 ul { padding:0; margin:0; padding-left:20px;}
.right-bx .blk2 ul li { margin:5px 0; list-style:square; display:list-item; list-style-position:outside}
.right-bx .blk2 ul li a { color:#333; text-decoration:none}
.right-bx .blk2 ul li a:hover { color:#0a5e82}

.prss-blk h2 { font-size:30px;}
.prss-blk h2 span { font-weight:bolder; text-transform:uppercase;}
.prss-blk h2::after { content:""; width:64%; float:right; position:relative; height:1px; background:#0a5e82; top:47px; display:block; position:relative; z-index:1}
 
.prss-blk .press-row { background:#f0f0f0; border:#ddd solid 1px; margin:10px 0 20px;} 
.prss-blk .press-row h3 {font-size: 20px; padding:20px; margin: 0; padding-bottom:10px;}
.prss-blk .press-row h5 { margin:0 0 10px;; padding:0 20px; font-size:16px; padding-left:42px;}
.prss-blk .press-row p { padding:20px; margin:0; padding-left:42px;}
.prss-blk .press-row .well { margin-bottom:0}
.prss-blk .press-row .rdmore { background: #ccc; float: none; display: block; border: 0; border-radius: 0; padding: 12px 0; color:#333; font-size:16px;}

.prss0 h3 { margin-bottom:30px;}

.dev-blk { background:#f1f1f1; border:#ddd solid 1px; padding:20px; margin-bottom:25px;}
.dev-blk p { display:block;}
.dev-blk ul { padding:10px 0;}
.dev-blk ul li { line-height:25px; list-style:circle; display:list-item; float:none}

.contact-blk .rw { display:block; width:100%; float:left; margin-bottom:10px;}
.contact-blk .rw span { display:inline-block; float:left; margin-right:10px;}

.loc-map { padding:10px 0; }
.contact-form .form-control { margin-bottom:10px;}
.contact-form label { font-weight:normal}
.contact-form .btn { background:#01344A; color:#fff; width:100%}
.ModalPopupRounded .btn { background:#01344A; color:#fff; width:100%}


.start-today-blk .row { margin-bottom:10px;}
.start-today-blk .col-lg-12 { margin-bottom:10px;}
.start-today-blk .col-md-3 .radio { float:left; margin-right:15px;}
.start-today-blk .col-md-3 .checkbox { float:left; margin-right:15px;}
.start-today-blk .form-control { height:auto; padding:10px;}
.start-today-blk .str { width:100%; background:#0a5e82; color:#fff}
.start-today-blk h4 { font-size:16px; font-weight:bold; line-height:25px; margin-bottom:20px;}

.panel-body ul { padding:15px 0}
.panel-body ul li { display:list-item; float:none; line-height:25px;}

.abt-im { margin:0 20px 20px 0; float:left;}
.aw-b img { border:0}
.contact-blk .row.adj { margin-bottom:20px; }

.img01 { background:url(../images/img-demo-end-user.jpg) no-repeat center top;}
.img01 h3 { padding:20px; font-size:20px; color:#fff; line-height:30px; margin-bottom:30px;}
.img01 h3 a { text-decoration:none; color:#fff}
.img01 h3::after { display:none}
.img01 h4 a { background:none !important}

@media only screen and (max-width : 1290px) 
{
	.right-bx .blk3 { background-size:cover;}
	.soft-blk h3 img { display:block; padding:0 0 20px 0;} 
	.soft-blk h3 { font-size:20px;}
	.soft-blk h3 span { margin:0}
	.soft-blk h3::after { display:none;}
	.prss-blk h2::after { display:none;}
	.right-bx h3::after	{ display:none;}
}
@media only screen and (max-width : 1190px) 
{
	.soft-box h4 { min-height:0; margin:0}
	.soft-box h4:after { bottom:0}
	.soft-box p { padding:20px; padding-bottom:0}
	.soft-box { padding-bottom:40px;}
	.partner-blk ul li { margin: 0 17px;}
	.foot-bar .loc, .foot-bar .req-demo { border:0}
	footer { background-size:cover}
	
}
@media only screen and (max-width : 990px) 
{
	.navbar-brand { padding:15px 0;}
	.nav>li>a { padding: 7px 12px;}
	.soft-slider .bx-wrapper .bx-next { right:0}
	.soft-slider .bx-wrapper .bx-prev { left:0}
	.soft-blk .img-div { background:none}
	.prss-blk h2::after { display:none}
	
	.caption { top:145px;}
	.caption h2 { font-size:20px;}
	.soft-blk h3 img { display:inline-block}
	.soft-blk p { padding:0}	
	.soft-blk .img-div img { margin:0}
	.right-bx .blk1 { width:100%; background-size:cover}

        .soft-blk .img-div.pull-right { border-left:0; float:none !important}
        .soft-blk .img-div.pull-left { border-right:0; float:none !important}
}
@media only screen and (max-width : 760px) 
{
	.navbar-toggle { margin-top:55px; background:#000}
	.navbar-brand { padding:15px;}
	.navbar-toggle .icon-bar { background:#fff;}
	.top-right { display:none}
	.navbar-collapse { background: #0A5E82;}
	.navbar-nav { width:100%; margin:5px 0}
	.dropdown-menu { position:relative}
	.banner1, .banner2, .banner3, .banner4, .banner5, .banner6 { height:400px; background-size: cover;}
	.navbar-nav>li.d1:hover .dmenu1 { position: relative; width:100%}
	/*.soft-blk p { text-align:justify}
	.soft-blk .img-div img { margin:0 auto; display:block}
	.foot-bar .ico { float:none !important; border:0}*/

    .soft-blk .img-div img { margin:auto}
	.soft-blk h3 img { display:block; margin:auto}
	.soft-blk h3 { text-align:center}
		
}
@media only screen and (max-width : 768px) 
{
	.copy { text-align:center; margin-bottom:10px;}
	.footer-botom .design { text-align:center;}
	.foot-bar .ico { border:0}
}

@media only screen and (max-width : 480px) 
{
	.soft-blk h3 img { display: block; padding:0; margin: auto; margin-bottom: 20px;}
	.soft-blk h3 { text-align:center;}
	.soft-blk h3::after { display:none}
	.vismis h2 { text-align:center; }
	.vismis h2 img { margin:auto; display:block; margin-bottom:20px;}
	.vismis p { padding:10px 0; text-align:center}
	.right-bx .blk3 { background-size:cover;}
	.right-bx .blk3 h4 { margin-bottom:0}
	
	.right-bx .blk1 { margin: 20px 0; width: 100%;}
	.right-bx .blk1 h4 a { margin:0; display:block;}
	.right-bx .blk1 h4 { margin:0;}
	.img01 { background-size:cover;}
	
	.case-blk h2 img { display:block; margin:auto; padding:0; margin-bottom:15px;}
	.case-blk h2 { text-align:center;}
	.partner-blk ul li { margin:0}
	.partner-blk h2 img { display:block; margin:auto; padding:0; margin-bottom:15px;}
	.partner-blk h2 { text-align:center;}
	
	.footer-botom { text-align:center}
	.footer-botom .design { text-align:center}
	.caption { top: 140px;}
	.caption h2 { font-size:20px;}
	.caption p { font-size:13px;} 
	.soft-box { margin-bottom:40px;}
	.section4 .abt-blk h3 { text-align:center;}
	.section4 .abt-blk .rw img { float:none; margin:auto; margin-bottom:20px;}
	
		
}

.field-block.error input,
.field-block.error textarea{border-color: #f00;}


.successSection
{
	background: url(../images/success.gif) no-repeat left 10px center;
	padding: 10px 20px 10px 80px;

	background-color: #CCFFCC;
	border-color: #33FF99;
	border-style: solid;
	border-width: 1px;
	color: #007700;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top:10px;
}

.errorSection
{
	background: url(../images/error.png) no-repeat left 5px center;
	padding: 10px 20px 10px 50px;

	background-color: #FFCCCC;
	border-color: #FF3399;
	border-style: solid;
	border-width: 1px;
	color: #990000;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top:10px;
}

.waitSection
{
	background: url(../images/wait.png) no-repeat left 10px center;
	padding: 10px 20px 10px 50px;

	background-color: #CCFFCC;
	border-color: #33FF99;
	border-style: solid;
	border-width: 1px;
	color: #007700;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top:10px;
}

.warningSection
{
	background: url(../images/warning.png) no-repeat left 5px center;
	padding: 10px 20px 10px 50px;

	background-color: #FFCCCC;
	border-color: #FF3399;
	border-style: solid;
	border-width: 1px;
	color: #990000;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top:10px;

}

div.MaskedDiv 
{
	display:none; 
	top:0px; 
	left:0px; 	
	opacity:0.6; 
	filter:alpha(opacity=60);  
	background-color: #000000; 
	z-Index:1000; 
	width:100%;
	height:100%;
	position:fixed;
}
div.ModalPopup {
	position:absolute; 
	top:0px; 
	left:0px; 
	display:none; 
	z-Index:1001; 
	border:2px solid black; 
	background-color:#FFFFFF; 
	text-align:center; 
	vertical-align:middle; 
	padding:10px
}
.ModalPopupRounded
{
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	padding:20px;
	background-image:url(../images/RoundedDivShade.png);
    background-repeat:repeat-x;
	position:absolute; 
	top:0px; 
	left:0px; 
	display:none; 
	z-Index:1001; 
	/*border:2px solid black;*/ 
	background-color:#FFFFFF; 
	text-align:center; 
	vertical-align:middle; 
	padding:10px;
	
}
.ModalPopupRounded .Header
{
	font-family: Arial; 
	color: #2965AD; 
	font-size: 16px; 
	font-weight: bold;
	padding-left: 15px;
	text-align:left;
}
.RoundedDiv
{
  border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  padding:20px;
  border: 2px solid #99CCE6;
  /*background-image:url(../images/RoundedDivShade.png);*/
  background-repeat:repeat-x;
  background-color:White;
}