


@import url(http://fonts.googleapis.com/css?family=Open+Sans:600,400);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300);


@import url("css/fonts.css");
/**** Ribbon bar section starts ****/
#ControlBar, .ControlContainer * {
	-webkit-box-sizing:content-box !important;
	-moz-box-sizing:content-box !important;
	box-sizing:content-box !important;
}
/**** Ribbon bar section ends ****/


/**** sticky footer styles starts ****/
html {
  	position: relative;
  	min-height: 100%;
}
body {
	padding-bottom:70px;
	font-weight: normal;

}
/**** sticky footer styles Ends ****/


/**** layout base style starts ****/
img {
	max-width:100%;
}

h1, h2, h3, h4, h5, h6 {	
	/*color: #ea5e00;
	font-family: 'Libre Baskerville', 'serif';	
	font-style:normal; */
	margin-top:5px;
}
a {
	color:#ea5e00;
}
a:hover {
	color:#999999;
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	padding:0px 15px;
}

/*div[class^="col-lg-"] div, div[class^="col-lg-"] span, div[class^="col-lg-"] li, div[class^="col-lg-"] p, div[class^="col-lg-"] td {
	color: #484848;
	font-size: 13px;
	line-height: 1.7em; 
	font-family: Verdana, Geneva, sans-serif;
} 
*/
div[class^="col-lg-"] {
	min-height:0px;
}

.section-1 div[class^="col-lg-"] div, .section-1 div[class^="col-lg-"] li, .section-1 div[class^="col-lg-"] p, .section-1 div[class^="col-lg-"] td {
	font-size: 15px;
	color: #333333;
	line-height: 20px;
	font-family: 'helveticaregular';
}

.section-2 div[class^="col-lg-"] div,  .section-2 div[class^="col-lg-"] li, .section-2 div[class^="col-lg-"] p, .section-2 div[class^="col-lg-"] td {
	font-size: 15px;
	color: #333333;
	line-height: 20px;
	font-family: 'helveticaregular';
}

.section-3 div[class^="col-lg-"] div,  .section-3 div[class^="col-lg-"] li, .section-3 div[class^="col-lg-"] p, .section-3 div[class^="col-lg-"] td {
	font-size: 15px;
	color: #333333;
	line-height: 20px;
	font-family: 'helveticaregular';
}

.section-4 div[class^="col-lg-"] div, .section-4 div[class^="col-lg-"] li, .section-4 div[class^="col-lg-"] p, .section-4 div[class^="col-lg-"] td {
	font-size: 15px;
	color: #333333;
	line-height: 20px;
	font-family: 'helveticaregular';
}

.section-1 .row, .section-2 .row, .section-3 .row, .section-4 .row, .section-5 .row {
	padding-bottom:60px;
	margin-left:0px !important;
	margin-right:0px !important ;
}

.hasPadd {
	padding:60px 0px 0px 0px;
}

@media (min-width: 320px) {
	div[class^="col-lg-"] div, div[class^="col-lg-"] span, div[class^="col-lg-"] li, div[class^="col-lg-"] p, div[class^="col-lg-"] td {
		font-size: 14px;
	}	
	div[class^="col-lg-"]:not(:first-child) {
		padding-top:30px;
	}
	
	div[class^="col-lg-"]:empty {
		padding-top:0px;
	}
	
	/** Only apply to Dnn Skin **/
	.DnnModule:not(:first-child) {
		padding-top:30px;
	}	
	/** Only apply to Dnn Skin **/

	h1 {	
		font-size:20px;
	}
	h2 {	
		font-size:19px;
	}
	h3 {	
		font-size:18px;
	}
	h4 {	
		font-size:17px;
	}
	h5 {	
		font-size:16px;
	}
	h6 {	
		font-size:15px;
	}
	.hasPadd {
	padding:20px 0px 0px 0px;
}
.section-1 .row, .section-2 .row, .section-3 .row, .section-4 .row, .section-5 .row {
	padding-bottom:20px;
}
body {
	padding-bottom:115px;

}
}

@media (min-width: 360px) {
body {
	padding-bottom:95px;

}

}

@media (min-width: 480px) {
	div[class^="col-lg-"] div, div[class^="col-lg-"] span, div[class^="col-lg-"] li, div[class^="col-lg-"] p, div[class^="col-lg-"] td {
		font-size: 14px;
	} 
	body {
	padding-bottom:70px;

}


}

@media (min-width: 580px) {
	div[class^="col-lg-"] div, div[class^="col-lg-"] span, div[class^="col-lg-"] li, div[class^="col-lg-"] p, div[class^="col-lg-"] td {
		font-size: 15px;
	} 
	.section-4 .col-lg-3 {
		width:30%; 
		float:left;
	}
	.section-4 .col-lg-3, .section-4 .col-lg-2 { 
		padding-top:0px !important;
	}
	.hasPadd {
	padding:30px 0px 0px 0px;
}
.section-1 .row, .section-2 .row, .section-3 .row, .section-4 .row, .section-5 .row {
	padding-bottom:30px;
}

}

@media (min-width: 768px) {	
	div[class^="col-lg-"] div, div[class^="col-lg-"] span, div[class^="col-lg-"] li, div[class^="col-lg-"] p, div[class^="col-lg-"] td {
		font-size: 15px;
	} 	
	h1 {	
		font-size:25px;
	}
	h2 {	
		font-size:23px;
	}
	h3 {	
		font-size:21px;
	}
	h4 {	
		font-size:19px;
	}
	h5 {	
		font-size:17px;
	}
	h6 {	
		font-size:15px;
	}
}

@media (min-width: 992px) {
	div[class^="col-lg-"] div, div[class^="col-lg-"] span, div[class^="col-lg-"] li, div[class^="col-lg-"] p, div[class^="col-lg-"] td {
		font-size: 13px;
	} 
	div[class^="col-lg-"]:not(:first-child) {
		padding-top:0px;
	}
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
		float:left;
	}
	.col-lg-12 {
		width:100%;
	}
	.col-lg-11 {
		width:91.66666667%;
	}
	.col-lg-10 {
		width:83.33333333%;
	}
	.col-lg-9 {
		width:75%;
	}
	.col-lg-8 {
		width:66.66666667%;
	}
	.col-lg-7 {
		width:58.33333333%;
	}
	.col-lg-6 {
		width:50%;
	}
	.col-lg-5 {
		width:41.66666667%;
	}
	.col-lg-4 {
		width:33.33333333%;
	}
	.col-lg-3 {
		width:25%;
	}
	.col-lg-2 {
		width:16.66666667%;
	}
	.col-lg-1 {
		width:8.33333333%;
	}
	.container {
		width:990px;
	}
	.hasPadd {
	padding:60px 0px 0px 0px;
}
	.section-4 .col-lg-3 {
		width:25%; 
		float:left;
	}
	.section-1 .row, .section-2 .row, .section-3 .row, .section-4 .row, .section-5 .row {
	padding-bottom:60px;
}
body {
	padding-bottom:70px;

}
}

/**** layout base style ends ****/


/**** header area starts ****/

.header {
	background-color:transparent;
	position: absolute;
	z-index:9;
	width:100%;
}

.navbar {
	margin-bottom:0px !important;
}

.header.fixedTop {
  position:fixed;
  z-index:99;
  top:0px;
  width:100%;
  margin:0px;
  background:url(images/black_shade_bg.png) repeat-x top left !important;
 }
.header.fixedTop .logo{ padding:5px 0px !important;}
.header.fixedTop .layoutmenu{ padding-top:0px;}
.loginarea{ display:-webkit-box; padding-top:15px;color:#11c4ea;}
.loginarea a{ color:#11c4ea; text-decoration:none;}
.loginarea a:hover{ text-decoration:none;color:#11c4ea;background:url(images/hover_bg.png) top left repeat-x; padding-top:16px;}

.userlog a{ color:#11c4ea; text-decoration:none;}
.userlog a:hover{text-decoration:none; color:#11c4ea;background:url(images/hover_bg.png) top left repeat-x; padding-top:16px;}

.rightsection{ position:relative; z-index:99; top:40px; margin:0px auto;}
.search_area { background:#aeaeae url(/Portals/_default/Skins/Predixion_S/images/search.png) no-repeat top right; width:39px; height:33px; 
overflow:hidden; float:right; position:absolute; right:0px;}
.search_area input[type=text]{ padding-top:6px; padding-left:3px; border:none; width:0px; background:none; outline:none; color:#fff;}
.search_area a{ color:transparent !important;}
ul.searchSkinObjectPreview > li{ border:0px;}
ul.searchSkinObjectPreview{ background:none; border:0px;}

.rt_btn_sec{ position:relative; margin:0px auto; max-width:1500px; display:block;}
.RtBtnPane{ position:absolute; float:right; right:75px; top:-65px;}
.fixedTop .rt_btn_sec .RtBtnPane{top:-54px;}

.free_btn{background: #e8762c;
bottom: 0;
text-align: center;
padding:15px;
}

.free_btn:hover{background:#da6315;-webkit-transition:background 0.25s ease-in-out;-o-transition:background 0.25s ease-in-out;-moz-transition:background 0.25s ease-in-out;transition:background 0.25s ease-in-out;}

.free_btn a{ color:#fff; font-size:14px; line-height:50px;text-decoration: none;
text-transform: uppercase;}


@media (min-width: 320px) {
	.header .col-lg-8 {
		padding:2px;
		float:right;
	}
	.header .container {
		padding:0px 30px;
	}
	.header .logo {
		padding: 10px;
		text-align:left;
		width:60%;
		float:left;
	}

	.glyphicon img {
		width:35px;
		height:auto;
	}
	.header {
		position: inherit;
	}
.header.fixedTop { position: inherit;}
.header {
	background-color:#000;
}

.loginarea{ display:none;}
.rightsection{ top:80px;}
.RtBtnPane{ right:0px; top:70px; z-index:99;}


}

@media (min-width: 360px) {

.rightsection{ top:90px;}

}
@media (min-width: 480px) {
	.glyphicon img {
		width:40px;
		height:auto;
	}


}

@media (min-width: 580px) {

.header {
	background-color:#000;
}
	.rightsection{ top:95px;}

}

@media (min-width: 768px) {
	.header .logo { 
	padding:10px 0px;
	float:left;
	width:25%;
	text-align:left;
	}
	.header .col-lg-8 { 
	float:left;
	padding:0px 15px;
	width:70%;
	}
		.header .container {
		padding:0px 15px;
	}
	.glyphicon img {
		width:45px;
		height:auto;
	}

.header {
	position: absolute;
}
.header.fixedTop { position:fixed;}

.header {
	background:none;
}
.header.fixedTop .layoutmenu{ padding-top:10px;}
.header.fixedTop .loginarea{ top:0px;}
.loginarea{ display:-webkit-box !important; display:block; position:absolute; right:-50px; top:5px; z-index:-1;}
.rightsection{ top:50px;}
.layoutmenu{ padding-top:15px;}
.loginarea a:hover{padding-top:10px;}
.RtBtnPane{ right:0px; top:30px;}

}

@media (min-width: 850px) {
	.header .logo { 
	width:30%;
	}


}

@media (min-width: 992px) {
	.glyphicon img {
		width:54px;
		height:auto;
	}
		.header .logo { 
	float:left;
	width:33.33%;
	}
	.header .col-lg-8 { 
	float:left;
	width:66.666667%;
	}

.header {
	background:none;
}
.header.fixedTop .layoutmenu{ padding-top:0px;}
.layoutmenu{ padding-top:0px;}
.rightsection{ top:40px;}
.loginarea{ display:block; position:inherit; right:inherit; top:inherit;}
.loginarea a:hover{padding-top:16px;}
.RtBtnPane{ right:75px; top:-65px;}

}

@media (min-width: 1024px) {

		.header .logo { 
	width:21%;
	}

}
@media (min-width: 1054px) {
		.header .logo { 
	width:33.33%;
	}


}


/**** header area ends ****/



/*menu styles*/

.navbar-brand{ display:none;}

.navbar-wrapper {
	background:none;
}
.navbar {
	margin-bottom:0px !important;
}
.navbar-inverse {
	background-color: transparent !important;
	border-color: transparent !important;
}
.navbar-inverse .navbar-nav>li>a {
		color:#11c4ea;
		font-size:13px;
		font-family: 'helveticaregular';
		font-weight: normal;
		text-align:center;
}

	.navbar-collapse ul > li a span {
		color:#11c4ea !important;
		font-size:13px;
		font-family: 'helveticaregular';
		font-weight: normal;
		text-align:center;
	}

.navbar-nav>li>a {
	line-height: 20px !important;
	color:#e5eaee !important;
}
.navbar-nav>li>a:hover {
	color:#969191 !important;
	display:block;
}
.navbar-collapse ul {
	margin:0px;
	padding:0px;
}
.navbar-collapse ul > li {
	float: left;
	list-style: none;
}
.navbar-collapse ul ul {
	display:none;
	background:#000;
	padding-top:0px;
}
.navbar-collapse ul ul li>a:hover {
	background:none !important;
	color:#fff !important;
}

.navbar-collapse ul li:hover > ul {
	display:block;
}
.navbar-collapse ul ul li a {
	display:block;
	background:none;
	color:#fff !important;
}
.navbar-collapse ul ul li a:hover {
	background:none !important;
}
.navbar-collapse ul ul li {
    line-height: 32px !important;
	margin:0px 10px !important;
	text-align:left;
	float:none;
	padding: 0px;

}
.navbar-collapse ul ul li a span {
    line-height: 32px !important;
	color:#fff !important;
}
	.navbar-collapse ul ul li:hover{ background:none !important;
	color:#11c4ea;
}

.active {
}
.parent {
	background:#303030;
}
.parent .active {
	background:#000;
}
.navbar-toggle {
	background-color: #3c454c !important;
	margin-top: 16px !important;
	margin-right:0px !important;
	border-radius:0px !important;
}
	.navbar-collapse ul>li>a {
	padding:0px;
	margin:0px 0px;
	}
	
	.navbar-collapse ul li:hover ul li a span { color:#fff !important;}
.navbar-collapse ul li:hover ul li:hover a span { color: #11c4ea !important;}

@media (min-width: 320px) {

	.navbar-collapse ul > li a span {
		color: #000 !important;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:14px !important;
		text-transform: capitalize;
		padding:0px;
		line-height:35px !important;
	}
	.navbar-collapse ul > li {
		float: none;
		list-style: none;
		text-align:center;
		background:none;
		padding:0px;
		border-top:1px solid #fff;
		line-height:35px;
	}
	.navbar-collapse ul > li a span:hover {color: #fff !important;}
	.navbar-collapse ul > li:hover {background:#11c4ea;color:#000;}
	.navbar-collapse ul > li a {text-decoration:none;}
	.navbar-collapse ul ul {position:relative;border:none !important;max-height:inherit !important;}
	.navbar-collapse ul ul li{border:none !important; text-align:center;}
	.navbar-collapse {padding-right:0px;padding-left:0px;}
	.navbar-brand {display:block;}
	.navbar-wrapper {padding:0px !important;}
	.navbar-brand {display:block;height:auto !important;}
	.navbar-nav {float:none !important;}
	.menu .container {padding:0px 0px;}
	.navbar-inverse .navbar-brand {color: #999;	}
	.navbar-wrapper .container {padding:0px;}
	.navbar-toggle {margin-bottom:0px !important;}
	.navbar-collapse{ max-height:inherit !important;}
	.collapse.in{ background:#11c4ea;}
	.navbar-collapse ul{ border-bottom:1px solid #fff;}
	


}
@media (min-width: 480px) {

}
@media (min-width: 580px) {

}
@media (min-width: 768px) {
	.navbar-wrapper .container {width:100%;}
	.navbar-nav {float:right !important;}
	.navbar-inverse {background:transparent !important;border:none !important;}
	.navbar-toggle {display:block;}	
	.navbar-collapse ul > li:hover{ background:url(images/hover_bg.png) top left repeat-x;color:#11c4ea;}
	.navbar-collapse ul ul li:hover{ background:none !important;color:#11c4ea;}
	.navbar-collapse ul > li:hover a span{ color:#11c4ea !important;}
	.navbar-collapse ul > li {padding:0px 0px 0px 0px;float:left;margin:0px 7px;border-top:none;}
	.navbar-header {display:none;}
	.navbar-collapse ul ul {position: absolute;}
	.navbar-collapse ul > li a span {font-size:13px !important; color:#11c4ea !important;}
	.navbar-collapse ul ul li{text-align:left;}
	.navbar-collapse ul{ border:none;}

}
@media (min-width: 992px) {

	.navbar-collapse.collapse {display:block !important;float:left;}
	.navbar-collapse.collapse.in {display:none !important;}
	.navbar-collapse ul > li a span:hover {color: #11c4ea !important;}
	.navbar-collapse.collapse > .container {width:1000px;margin:0px auto;}
	.navbar-collapse ul > li {
		float: left;
		list-style: none;
		margin:0px 10px;
		background: transparent;
		border-top: none;
		padding:0px;
		line-height:50px !important;
	}
	.navbar-collapse ul > li:hover {outline:none;color:#999;}
	.navbar-collapse ul ul {position:absolute;}
	.navbar-wrapper .container {width:1000px;padding:0px 15px;}
	.navbar-toggle {display:none;}
	.navbar-brand {display:none;}
	.navbar-toggle {margin-top: -32px !important;}
	.navbar-collapse ul ul {margin-top:0px;	}
	.navbar-collapse ul ul li a span{font-size:13px !important;}
	.navbar-collapse ul li a span{font-size:13px !important;color:#11c4ea !important;}
	.navbar-collapse ul ul li{text-align:left;}
	.navbar-collapse ul{ border:none;}
}

/**** menu styles ends ****/



/**** banner area starts ****/
h1 {
	font-family:Asap;
	font-size:40px;
	color:#fff;
}

.banner_text {
	color:#fff;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
	width:auto !important;
	height:auto !important;
}
.glyphicon-chevron-left:before, .glyphicon-chevron-right:before {
	content:" " !important;	
}
.carousel-caption{
	left:0px;
	right:0px;
	padding-bottom:0px;
	bottom:0px;
	padding-top:0px;
}
.carousel-caption ul{
	margin:0px;
	padding:0px;
}
.carousel-caption ul li{
	list-style-type:none;
	text-transform: capitalize;
	text-align:center;
	text-shadow:none !important;
	font-size:18px !important;
	font-family:'Roboto Condensed', sans-serif !important;
}
.carousel-caption ul li:last-child{
	margin-right:0px;
}
.carousel-caption ul li a{
	color:#fff;
	font-weight:normal;
 font-family:'Roboto Condensed', sans-serif !important;
 font-size:18px;
 }
.carousel-caption ul li {
	color:#fff;
	font-weight:normal;
 font-family:'Roboto Condensed', sans-serif !important;
 font-size:18px;
 }
.carousel-caption ul li a span{
	font-size:12px;
 font-family:'Roboto Condensed', sans-serif !important;
 }
.carousel-inner .container{
	padding:0px;
	position:relative;
}

.carousel-caption ul li:nth-child(2){ margin:0px 48px !important;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{ width:100%;}
.carousel li{ margin:0px !important;}

@media (min-width: 320px) {
	.carousel-caption {
		bottom:5px !important;
	}
	.carousel-caption > h1 {
		font-size:16px;
	}
	.carousel-caption ul li a{
	font-size:14px;
}
	.carousel-caption ul li a:hover{
	text-decoration:none;
}
.carousel-caption ul li{
	background:#2f8191;
	padding:8px 20px;
	float:none;
	font-size:13px !important;
	line-height:8px;
	text-align:left;
}
.carousel-caption{
	position:relative;
	background:#2f8191;
	padding:15px 0px;
}
	.carousel-caption {
		bottom:60px !important;
	}
	.carousel-caption > h1 {
		font-size:40px;
	}
.carousel-caption ul li:nth-child(2){ margin:0px 0px !important;}
.carousel-caption{
	margin:0px 0px;
}

.carousel-caption ul li br{
	display:none;
}
	.carousel-caption {
		bottom:0px !important;
	}
.carousel-indicators{ bottom:100px !important;}
}

@media (min-width: 480px) {
.carousel-indicators{ bottom:105px !important;}

}

@media (min-width: 580px) {
.carousel-caption ul li{
	padding:10px 20px;
	font-size:16px !important;
	line-height:0px;
}
.carousel-caption{
	background:#2f8191;
	padding:15px 0px;
}

}

@media (min-width: 768px) {
	.carousel-caption {
		bottom:30px !important;
	}
	.carousel-caption > h1 {
		font-size:40px;
	}
	.carousel-caption ul li{
	background:#2f8191;
	padding:10px 0px;
	float:left;
	width:30%;
	text-align:center;
	font-size:16px;
	line-height:22px;
}
.carousel-caption ul li:last-child{
	width:30%;
}

.carousel-caption{
	position:absolute;
}
.carousel-caption ul li:nth-child(2){ margin:0px 20px !important;}
.carousel-caption{
	margin:0px 10px;
}
.carousel-caption ul li br{
	display:block;
}

.carousel-indicators{ bottom:-10px !important;}
.carousel-caption{
	background:none;
	padding:0px;
}

}

@media (min-width: 992px) {
.carousel-caption ul li{
	background:#2f8191;
	padding:15px 0px 13px 13px;
	width:30%;
	line-height:25px !important;
	text-align:center;
	font-size:18px;
}
.carousel-caption ul li:last-child{
	width:30%;
}

.carousel-caption ul li a{
	font-size:18px;
}
.carousel-caption ul li:nth-child(2){ margin:0px 48px !important;}
.carousel-caption ul li br{
	display:block;
}
.carousel-indicators{ bottom:-10px !important;}

.carousel-caption{
	background:none;
	padding:0px;
}

}
/**** banner area ends ****/



/**** section1 area starts ****/

.section-1 h1{ color:#333333; font-size:36px; font-family:'Roboto Condensed', sans-serif; margin-bottom:30px;}
.toprt_img{ padding-top:100px;}
.lrn_btn{ padding-top:20px;}
.Top_Section{ position:relative; margin:0px auto;}
.TopBanPane{ position:absolute; position: absolute; left: 0px; top: 170px; width: 708px; height:345px; z-index:2; background:url(images/artwork1.png) top center no-repeat; padding:20px 20px 20px 80px;}
.BannerTxt p{ color:#ffffff; line-height:25px; margin-bottom:0px !important;font-family:'Roboto Condensed', sans-serif;}


.topbanempty{ display:none;}
.Top_Section{ display:block;}
.layoutmenu{ display:block;}
.emptymenu{ display:none;}

#bigdata{ height:505px !important;}
#robust{ height:492px !important;}
#handiphone{ height:415px !important;}


@media (min-width: 320px) {
.banner_area {
	position:relative;
}
.section-1{ background:#f5f5f5;}
.toprt_img{ padding-top:0px;}
.pull-right{ float:none;}
.topbanempty{ display:block;}
.Top_Section{ display:none;}
.TopBanPane{ top:0px; width:100%; padding:15px; position: inherit;margin-top:15px; height:215px;}
.BannerTxt p{ padding-top:50px; line-height:22px;}
.banner_inner_txt {font-size: 15px;}
.banner_inner_txt1 {font-size: 15px; color:#ffffff;}

.layoutmenu{ display:none;}
.emptymenu{ display:block; background:#11c4ea;}

#bigdata{ height:260px !important;}
#robust{ height:285px !important;}
#handiphone{ height:225px !important;}
.jsMovieFrame{ background-size:100% !important; width:100% !important; height:100% !important;}
#bigdata, #robust, #handiphone {
    width: 100% !important;
}

}

@media (min-width: 360px) {
#bigdata{ height:285px !important;}
#robust{ height:330px !important;}
#handiphone{ height:258px !important;}

}

@media (min-width: 480px) {
#bigdata{ height:400px !important;}
#robust{ height:470px !important;}
#handiphone{ height:362px !important;}
.BannerTxt {width: 273px;}
.TopBanPane{ left: 0px; top: 0px; width: 100%; height:345px; z-index:2; background:url(images/artwork1.png) top center no-repeat; padding:20px 20px 20px 20px;}
.banner_inner_txt {font-size: 19px;}
.banner_inner_txt1 {font-size: 14px; color:#ffffff; float:right; text-align:right;}
.BannerTxt p{ padding-top:30px; line-height:25px;}

}

@media (min-width: 640px) {
.TopBanPane{ position: absolute; top:90px; }
#bigdata{ height:505px !important;}
#robust{ height:492px !important;}
#handiphone{ height:415px !important;}
.jsMovieFrame{ background-size:cover !important;}
#bigdata {
    width: 526px !important;
}
#robust {
    width: 449px !important;
}
#handiphone {
    width: 500px !important;
}

}

@media (min-width: 768px) {
.banner_area {
	width:100%;
}
.pull-right{ float:none;}
.TopBanPane{ top: 50px; width: 560px; padding:15px; position:absolute; margin-top:0px; background-size:100%;}
.topbanempty{ display:none;}
.Top_Section{ display:block;}
.layoutmenu{ display:block;}
.emptymenu{ display:none;}
.banner_inner_txt {font-size:20px;}
.BannerTxt {
    width: 272px;
}
}

@media (min-width: 992px) {
.section-1 {
  background:url(images/sectionbg1.jpg) bottom center no-repeat;
}
.toprt_img{ padding-top:100px;}
.pull-right{ float:right;}
.TopBanPane{ top: 85px; width: 708px; padding:35px 20px 20px 60px; position:absolute;margin-top:0px;}
.topbanempty{ display:none;}
.Top_Section{ display:block;}
.layoutmenu{ display:block;}
.emptymenu{ display:none;}

#bigdata{ height:505px !important;}
#robust{ height:492px !important;}
#handiphone{ height:415px !important;}
.jsMovieFrame{ background-size:cover !important;}

#bigdata {
    width: 526px !important;
}
#robust {
    width: 449px !important;
}
#handiphone {
    width: 500px !important;
}
.BannerTxt {width:320px;}
.banner_inner_txt {font-size: 24px;}

}
@media (min-width: 1030px) {
	.TopBanPane{ top: 170px;}
}
/**** section1 area ends ****/

/**** section2 area starts ****/

.section-2 h1{ color:#333333; font-size:36px; font-family:'Roboto Condensed', sans-serif; margin-bottom:30px;}
#bigdata{ position:relative; left:-60px; cursor:pointer;}

@media (min-width: 320px) {
.section-2{ background:#f5f5f5;}
#bigdata{left:0px;}


}

@media (min-width: 480px) {
}

@media (min-width: 580px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
.section-2 {
  background:url(images/sectionbg2.jpg) top center no-repeat;

}
#bigdata{left:-60px;}


}
/**** section2 area ends ****/

/**** section3 area starts ****/
.section-3 h1{ color:#333333; font-size:36px; font-family:'Roboto Condensed', sans-serif; margin-bottom:30px;}
#handiphone{ position:relative; top:126px; cursor:pointer;}

@media (min-width: 320px) {
.section-3{ background:#f5f5f5;}
.botrt_img{top:19px; position:relative;}
#handiphone{ position:relative; top:20px;}


}

@media (min-width: 480px) {

}

@media (min-width: 580px) {
#handiphone{ position:relative; top:28px;}
.botrt_img{top:30px; position:relative;}

}

@media (min-width: 768px) {
#handiphone{ position:relative; top:30px;}

}

@media (min-width: 992px) {
.section-3 {
  background:url(images/sectionbg3.jpg) top center no-repeat;

}
#handiphone{ position:relative; top:126px;}
.botrt_img{top:154px; position:relative;}

}
/**** section3 area ends ****/

/**** section4 area starts ****/
.section-4 h1{ color:#333333; font-size:36px; font-family:'Roboto Condensed', sans-serif; margin-bottom:30px;}
.content_slide_author_text{ text-align:right;}
.flexslider .slides > li{ height:auto;}
.carousel1{ position:relative;}
.carousel1.carousel-fade .item {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity:0;
}

.carousel1.carousel-fade .active.item {
	opacity:1;
}

.carousel1.carousel-fade .active.left,
.carousel1.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}

.carousel1.carousel-fade .next,
.carousel1.carousel-fade .prev {
	left: 0;
	z-index: 1;
}

.carousel1.carousel-fade .carousel-control {
	z-index: 3;
}

@media (min-width: 320px) {
.section-4{ background:#fff;}

}

@media (min-width: 480px) {
}

@media (min-width: 580px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
.section-4 {
  background:url(images/sectionbg4.jpg) top center no-repeat;

}

}
/**** section4 area ends ****/

/**** section5 area starts ****/

.section-5 {
	background:#333 url(images/footer_bg.jpg) top center no-repeat;
}
.footer_title {
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px !important;
	font-weight: normal;
	color: #fff;
	padding-bottom:10px;
}
.footer_title a{text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px !important;
	font-weight: normal;
	color: #fff;
	padding-bottom:10px;
	}
.footer_title a:hover{
	color: #ccc;
	text-decoration:none;
	}
	
.footer_text ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.footer_text ul li a {
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px !important;
	font-weight: normal;
	color: #848484;
	text-decoration:none;
	line-height:30px;
}
.footer_text ul li a:hover {
	color: #fff;
}

.foot_btn{ padding-top:30px; float:left;}
.soc_btn{ padding-top:30px; float:left;}
.section-5 .col-lg-7{ clear:none;}

	.section-5 .DnnModule:not(:first-child) {
		padding-top:0px;
	}	


@media (min-width: 320px) {
.soc_btn{ padding-top:30px; float:left; clear:both;}
.foot_btn{ padding-top:0px;}

}

@media (min-width: 480px) {
}

@media (min-width: 580px) {
}
@media (min-width: 640px) {
		.foot_btn{ padding-top:30px;}
		.section-5 .col-lg-3{ float:left; width:25%; padding-top:30px;}
		.section-5 .col-lg-7{ clear:both;}
		.soc_btn{ margin-left:20px; clear:none;}
}

@media (min-width: 768px) {
	.footer .fotter_bottom {
		margin-top:30px;
	}

}

@media (min-width: 992px) {
.section-5 .col-lg-7{ clear:none; width:60%;}
.soc_btn{ padding-top:30px; float:left; margin-left:0px;}
.foot_btn{ padding-top:30px;}
.section-5 .col-lg-3{ float:left; width:25%; padding-top:0px;}


}


/**** section5 area end ****/


/**** Copyright area starts ****/
.copyright_area .col-lg-12 a {
	color: #666;
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
}
.copyright_area .col-lg-12 a:hover {
	color: #9d9d9d;
	text-decoration:none;
}


@media (min-width: 320px) {
.copyright_txt {
	color: #666 !important;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:14px;
	line-height:24px;
	text-align:center;
	padding:10px 0px;
}
.copyright_area {
	color: #f1f1f1;
	position:absolute;
	bottom:0px;
	width:100%;
	height:115px;
	background:rgba(209,209,209,0.5) url(images/copyright_bg.jpg) top center no-repeat;
}
.soc_btn a img {
    width: 16%;
}
}

@media (min-width: 360px) {
	.copyright_area {
	height:95px;	
	}
	.soc_btn a img {
    width: auto;
}
	.copyright{ font-size:13px !important;}

}

@media (min-width: 480px) {
	.copyright_area {
	height:70px;	
	}

}

@media (min-width: 580px) {
.copyright{ font-size:14px !important;}

}

@media (min-width: 768px) {
	.copyright {
	}
	.copyright_area {
		height:70px;	
	}
	
}

@media (min-width: 992px) {
	.copyright_txt {
	line-height:70px;
	text-align:center;
	padding:0px;
	}
.copyright{ font-size:14px !important;}

}
/**** Copyright area ends ****/



/*** Inner Section1 starts ***/
@media (min-width:320px) {
	.inner_section1 {
		background:#f4f4f4 url(images/inner_section1_bg.jpg) top center no-repeat;
		background-size:100% 100%;
		min-height:400px;
		position:relative;
	}
	.bottom_logo {
		width:100%;
		margin-top:100px;
		padding:10px 15px;
		position:absolute;
		bottom:0px;
		background:rgba(0,0,0,0.1);
	}
	
	.bottom_logo .bottom_left_img , .bottom_logo .bottom_right_img {
		width:100%;
	}
	.bottom_logo  img{
		width: 11%;
		margin: 5px 4px;
	}
	.bottom_logo  span {
		font-size:15px !important;
	}
	
}
@media (min-width:768px) {
	.inner_section1 {
		background-size:cover;
		min-height:600px;
	}
	.bottom_logo {
		margin-top:200px;
	}
	.bottom_logo  span {
		font-size:20px !important;
	}
	.bottom_logo .bottom_left_img {
		width:50%;
		float:left;
	}
	.bottom_logo .bottom_right_img {
		width:50%;
		float:left;
	}
}

@media (min-width:992px) {
	.inner_section1 {
		min-height:500px;
	}
	 .bottom_logo {
		margin-top:400px;
	}
	.bottom_logo_img  img{
		width: 15%;
		margin: 5px 4px;
	}
}
/*** Inner Section1 ends ***/

/*** grey_bg starts ***/


/*** grey_bg ends ***/


@media (min-width:320px) {
	.grey_bg{ background:url(images/grey_bg.jpg) repeat-y top center;}

	.grey_bg_img{
		background:#EBEBEB !important;
	}
	
	.try_buy_img {
		margin-bottom:20px;
	}
	.grey_content_area{ padding:15px 20px; text-align:center;}
	
	
}
@media (min-width:640px) {
	
	.bottom_bg3{ background:#fff; padding:40px 15px;}
	
}
@media(min-width:768px) {
	
}
@media (min-width:992px) {
	.grey_content_area{ padding:50px 20px 73px}
	.grey_bg_img{ background:#EBEBEB url(images/download_bg.png) no-repeat top right !important;}
}

/*** Bottom_bg starts ****/
@media (min-width:320px) {
	.bottom_bg3{ background:#fff; padding:30px 15px;}
	.content7 {
		background: url("images/bottom_bg3.png") no-repeat scroll center top transparent;
	}
	.content7 p {
		font-family: "Roboto Condensed",sans-serif;
		font-weight: normal;
		color: #11BBDF;
		padding-top: 10px;
		text-align: center;
		font-size: 30px !important;
		line-height: 28px !important;
	}
	.content7 img {
		margin-top: 35px;
	}
}
@media (min-width:640px) {
	.content7 p {
		font-size: 34px !important;
		padding-top: 52px !important;
	}
}
@media (min-width:768px) {
}
@media (min-width:992px) {
	.bottom_bg3{  padding:100px 15px 138px;}
	.content7 p {
		font-size: 48px;
		padding-top: 72px;
	}
	.content7 img {
		margin-top: 65px;
	}
}

/*** Bottom_bg ends ****/




