a{text-decoration:none;}
a:hover{text-decoration:none !important;}
ul,li{list-style:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
p{margin:0; padding:0;}

header{background:#0066b0; border-top:0px solid #fff;}
.wrapper{width:1000px; margin:0 auto;}
.navbar{border-radius: 0px !important; margin-bottom:0px !important; min-height:40px !important; border:0px !important;}
.welcomecontentmj_inn img
{
		margin-top: 0px;
    border: 15px solid #ddd;
}
.welcomecontentmj
{
	padding:30px;
}
.navigationwrapper{background:#fff;}
.navigationwrapperin{background:#e0edf6;}

.navbar-default{background:none !important; border-color:inherit !important;}
.navbar-inverse{background:none !important; border:0px !important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:0px !important; /*float:left;*/}
.navbar-brand{font-family: 'Open Sans', sans-serif; font-weight:700 !important; font-size:32px !important; padding-top:10px !important; height:auto !important;}
.navbar-default .navbar-brand{color:#fff !important;}
.navbar-default .navbar-brand:hover{color:#fff !important;}
.navbar-nav .dropdown-menu > li{border-bottom:1px solid #9c9c9c !important;}
.navbar-nav .dropdown-menu > li:last-child{border-bottom:none !important;}

.navbar-default .navbar-nav > li > a{-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.navbar-default .navbar-nav > li > a:hover{color:#0066b0 !important;}  
  
.cool-link {
    display: inline-block;
    color: #000;
    text-decoration: none;
}

.cool-link::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #000;
    transition: width .3s;
}

.cool-link:hover::after {
    width: 100%;
    //transition: width .3s;
}

.inspace{margin:8px 0 35px 0; width:917px; margin:0 auto;}

.inlt{float:left; width:849px;}
.log{float:right; margin-top:25px;}
.log a{background:#54a506; color:#fff; line-height:35px; height:35px; display:block; padding:0 15px; font-size:16px;font-family: Verdana,Geneva,sans-serif; text-align:center; margin:0 auto;}

.moblog{display:none;}

.navbar-nav > li > a{line-height:39px !important; padding-top:0px !important; padding-bottom:0px !important; font-family: 'MyriadPro-Regular' !important; text-transform:uppercase !important; color:#30353c !important; font-size:18px !important; text-transform:uppercase !important;}
.nav>li>a{padding:10px 20px !important;}
.nav>li>a.first{padding:10px 20px  10px 0px!important;}
.nav>li>a.last{padding:10px 0px  10px 13px!important;}
.navbar-nav > li > a:hover{color:#ffd700 !important;}

.linenav{background:url(../images/navline.png) right center no-repeat !important;}

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

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


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


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


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


@font-face {
	font-family: 'newsgoth-bt-roman';
	src: url('../fonts/ufonts.com_newsgoth-bt-roman.eot');
	src: local('?'), url('../fonts/ufonts.com_newsgoth-bt-roman.woff') format('woff'), url('../fonts/ufonts.com_newsgoth-bt-roman.ttf') format('truetype'), url('../fonts/ufonts.com_newsgoth-bt-roman.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


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


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




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


@font-face {font-family:"Montserrat-Bold";
src:url("../fonts/Montserrat-Bold.eot?") format("eot"),url("../fonts/Montserrat-Bold.woff") format("woff"),url("../fonts/Montserrat-Bold.ttf") format("truetype"),url("../fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg");font-weight:normal;font-style:normal;}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#fff !important; background:#0066b0 !important;}
.navbar-nav{float:none !important;}


.topheader{width:auto;}
.sociallinks{float:right; padding:50px 0 0 0;}
.sociallinks ul{list-style:none; margin:0; padding:0;}
.sociallinks ul li{float:left; display:inline; padding:0 10px 0 0;}
.sociallinks ul li:last-child{padding:0 0 0 0;}
.sociallinks ul li a{border-radius:100%; width:32px; height:32px; background: #9c9c9c; border: 3px solid #b8b8b8; color:#fff; display:block; text-align:center; margin:0 auto; line-height:25px; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; behavior: url(PIE.htc); position:relative;}
.sociallinks ul li a:hover{background:#204200; color:#fff; border: 3px solid #fff;}



.onlinenps{width:285px; float:right; padding:35px 0 0 0;}
.onlinenps a{display:block; -webkit-box-shadow: 0px 0px 30px 0px rgba(123,183,277,1);
-moz-box-shadow: 0px 0px 30px 0px rgba(123,183,277,1);
box-shadow: 0px 0px 30px 0px rgba(123,183,277,1); border:1px solid #98a1a7; padding:0 0px; line-height:46px; height:46px; background:#fff; color:#000; text-align:center; font-family: 'RobotoSlab-Regular'; font-size:22px;}


.scheme{padding:50px 0 20px 0; text-align:center;}
.schemein{width:995px; margin:0 auto;}
.schemein img{display:block; text-align:center; margin:0 auto; padding-bottom:20px;}
.schemein h2{margin:0; padding:0 0 40px 0; font-size:30px; line-height:30px; color:#30353c; font-family: 'MyriadPro-Bold';}


.onlinewrap{background:#1f1f1f; padding:30px 0;}

.foundinfo{width:880px; margin:0 auto;}
.foundinfo ul{list-style:none; margin:0; padding:0;}
.foundinfo ul li{list-style:none; float:left; float:left; display:inline; font-size:19px; color:#50505a; font-family: Lucida Sans Unicode;  line-height:50px; padding:0 15px 0 0;}
.foundinfo ul li.first{font-family: 'Humanist521BT-Light'; color:#000;}

.foundinfo ul li span{display:inline-block; float:left; padding-right:10px;}
.foundinfo ul li:last-child{padding-right:0px;}

.clear{clear:both;}


/* ==============CSS for News Ticker======================*/
.news_feed{height:36px; margin-bottom:15px; margin-top:0px; margin-bottom:40px;}
.newsfeed_label{float: left; font-size: 16px;padding: 0px 10px;color: #fff; font-family: 'Roboto', sans-serif; line-height:36px; height:36px; margin:0; background:#30353c;}
#ticker01{float: left;}
.tickercontainer .mask {width: 100% !important;}
/* ==============CSS for News Ticker======================*/



/*=======news_ticker.css==============*/

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
// border: 1px solid #fff;
//max-width: 538px; 
height: 36px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 0px;
width: 100px;
overflow: hidden;
background:#30353c;
}
ul.newsticker { /* that's your list */
position: relative;
left: 550px;
font: bold 14px Verdana;
list-style-type: none;
margin: 0;
padding: 0;


}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
color:#ffb619; line-height:36px;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ffb619;
font: normal 14px  'Roboto', sans-serif;
margin: 0 5px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

/*=======news_ticker.css==============*/







#login-modal .modal-dialog{width:350px !important; margin:0 auto !important; top:50px;}

#icon-login-msg, #icon-lost-msg, #icon-register-msg {
    width: 30px;
    float: left;
    line-height: 28px;
    text-align: center;
    background-color: #dadfe1;
    margin-right: 5px;
    transition: all ease-in-out 500ms;
}

#div-login-msg, #div-lost-msg, #div-register-msg {
    border: 1px solid #dadfe1;
    height: 30px;
    line-height: 28px;
    transition: all ease-in-out 500ms;
}

#login-modal input[type="text"], input[type="password"] {
    margin-top: 10px;
}

.btn-link {
    padding: 5px 10px 0px 0px;
    color: #95a5a6; display:inline-block; float:left;
}

.modal-header{border-bottom:none;}
.modal-body{padding:0 15px ;}
.btn-primary{background:#ff9800 !important;    margin-bottom: 10px;}
.btn-block{width:auto !important; margin:0 auto !important;}

#login-modal input[type="text"]:focus, input[type="password"]:focus{outline: none; box-shadow: 0px 0px 12px #afefff; border-color: #356d00;}

.inwrap{padding-bottom:70px; width:980px; margin:0 auto;}
.latestnews{width:auto;}
.latestnews h2{margin:0; padding:0 0 20px 65px; font-size:33px; color:#333333; line-height:33px; font-family: 'NewsGothicBT-Bold';}


.latestnews a {
	font-family:Verdana;
	float:right;
	font-size:13px;
	color:#2c084b;
	text-decoration:underline;
	line-height:14px;
	margin-right:18px;
	font-weight:bold;
	float:right; margin-right:100px; display:inline-block;
}
.latestnews a:hover {
	text-decoration:none;
}
.space{padding:0 0 0 0 !important;}



.indicators-line > .carousel-indicators{display:none !important;}



.footerpic{background:url(../images/footerpic.png) center top no-repeat; height:548px;}


.videowrap{behavior: url(PIE.htc); position:relative; -webkit-box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.75); width:500px;}
.videowrap img{display:block;}



#scrollbar1 .overview ul {
	padding:0 10px 0 0; margin:0;
}
#scrollbar1 .overview ul li {
	font-family:Arial;
	color:#000000;
	font-size:14px;
	color:#000000;
	line-height:24px;
	padding:0 0 5px 36px;
	background:url(../images/news-bullet.jpg) no-repeat left 7px;
}

.news_nse {
	background:#30353c;
	 font-family: 'Roboto', sans-serif;
    clear: both;
	font-size:14px;
	line-height:16px;
	color:#ffb619;
	padding: 10px 22px;
}
.news_nse span {
	font-size:17px;
	padding:0 12px 0 0;
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin:0 30px 0 0;
	color:#ffffff;
	text-transform:uppercase;
	background:url(../images/news_nse_span_bg.jpg) no-repeat right center;
}





/*new page css start*/

.performance{}

.servicewrap{background:#54a506; padding:30px 0;}
.servin{width:935px; margin:0 auto; text-align:center;}
.servin h2{margin:0; padding:0 0 70px 0; font-family: Rockwell,Courier Bold,Courier,Georgia,Times,Times New Roman,serif; color:#fff; font-size:60px;}

.servinfo{text-align:center; padding-bottom:40px; width:382px;}
.servinfo span{display:block; margin:0 auto; border-radius:100%; width:89px; height:89px; line-height:89px; background:#242424; margin-bottom:25px;}
.servinfo img{display:block; text-align:center; margin:0 auto; position:relative; top:20px;}
.servinfo img.sec{display:block; text-align:center; margin:0 auto; position:relative; top:10px;}

.servinfo h3{font-family: Rockwell,Courier Bold,Courier,Georgia,Times,Times New Roman,serif; font-weight:700; color:#fff; font-size:25px; margin:0; padding:0 0 20px 0;}
.servinfo a{color:#000; -webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
-ms-transition: all 0.9s ease-out;
-o-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;}
div.servinfo:hover h3{color:#000;}

.servinfo p{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; line-height:22px; text-align:left;}


.knowrap{background:url(../images/knowbg.png) center top no-repeat; background-size:cover; padding:32px 0;}
.knowin{padding:0 20px; width:auto; margin:0 auto; text-align:center;}
.knowin h2{margin:0; padding:0; font-family: Rockwell,Courier Bold,Courier,Georgia,Times,Times New Roman,serif; font-size:32px; line-height:32px; padding-bottom:40px; color:#fff;}

.knowinfo{background:#fff; padding:20px 10px; -moz-transition: all 1s ease;
	/* WebKit */
	-webkit-transition: all 1s ease;
	/* Opera */
	-o-transition: all 1s ease;
	/* Standard */
	transition: all 1s ease; margin-bottom:20px; height:250px; position:relative; height:250px;}
.knowinfo h3{color:#54a506; font-family: Verdana,Geneva,sans-serif; font-size:18px; line-height:18px; padding-bottom:20px;}
.knowinfo p{color:#242424; line-height:20px; font-family:Arial, Helvetica, sans-serif; padding-bottom:20px; text-align:left; margin:0; font-size:14px;}
.knowinfo p.nopad{padding:0 0 0 0;}
.knowinfo a{margin:0 auto; display:inl;inline-block; text-align:center; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; behavior: url(PIE.htc); position:relative; border:1px solid #a2a2a2; line-height:22px; font-family: 'Roboto', sans-serif; padding:8px 12px; background:#48a932; color:#fff; left:0; right:0; margin:0 auto; display:inline-block; width:100px; top:25px;}
.knowinfo:hover{/*transform: scale(1.1);*/ -moz-transform: rotate(30deg) ;
	/* WebKit */
	-webkit-transform:  rotate(30deg);
	/* Opera */
	-o-transform: rotate(30deg) ;
	/* Standard */
	transform: rotate(30deg) ;}

.portwrap{background:#242424; padding:40px 0 20px 0;}
.portin{padding:0 25px; text-align:center; width:950px; margin:0 auto;}
.portin h2{margin:0; padding:0 0 27px 0; font-family: Rockwell,Courier Bold,Courier,Georgia,Times,Times New Roman,serif; font-size:37px; color:#fff;}
.portin ul{list-style:none; margin:0; padding:0;}
.portin ul li{float:left; padding-right:77px; text-align:center;}
.portin ul li a{transition: all 0.5s ease; -webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
-ms-transition: all 0.9s ease-out;
-o-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;}

.portin ul li a:hover h2{color:#000;}
.portin ul li a:hover span{background:#000;}
.portin ul li span{width:123px; height:123px; display:block; margin:0 auto; background:#54a506; width:123px; height:123px; border-radius:100%; margin-bottom:20px; transition: all 0.5s ease; -webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
-ms-transition: all 0.9s ease-out;
-o-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;}
.portin ul li span img{display:block; margin:0 auto; text-align:center; position:relative; top:20px;}
.portin ul li h2{font-family: Rockwell,Courier Bold,Courier,Georgia,Times,Times New Roman,serif; font-weight:700; color:#fff; font-size:18px; line-height:18px; padding-bottom:0px; transition: all 0.5s ease; -webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
-ms-transition: all 0.9s ease-out;
-o-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;}
.portin ul li:last-child{padding-right:0px;}


.welcomein{padding:0; margin-bottom:10px;}
.intropic{margin-top:18px; float:left; width:342px;}
.intropic img{display:block; text-align:center; margin:0 auto; -webkit-box-shadow: 0px 0px 10px 0px rgba(145,145,145,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(145,145,145,1);
box-shadow: 0px 0px 10px 0px rgba(145,145,145,1); -webkit-filter: none;
   -moz-filter: none;
   -ms-filter: none;
   filter: none;  transition: all 0.5s ease; -webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
-ms-transition: all 0.9s ease-out;
-o-transition: all 0.9s ease-out;
transition: all 0.9s ease-out; }
.intropic img:hover{
   
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */    
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray; /* IE 6-9 */
   }
.introtxt{float:right; background:#fff; }
.introtxt h1{color:#000;  font-size:40px; line-height:40px; padding-bottom:20px;}
.introtxt h5{color:#b4b4b4; font-size:20px;  padding-bottom:20px;}
.introtxt h3{color:#000; font-size:18px; line-height:18px; padding-bottom:5px;font-weight: bolder;}
.introtxt p{font-size:16px; line-height:25px; color:#000;  padding-bottom:25px;}
.introtxt p.last{padding-bottom:13px;}

.introtxt a {
    float: none;
    background: #0066b0;
    border: none;
    outline: none;
    line-height: 42px;
    padding: 0 21px;
    font-family: "Montserrat-Bold";
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    margin-right: 0px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    behavior: url(PIE.htc);
    position: relative;
    margin-top: 0px !important;
    margin: 0 auto;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.introtxt a:hover{background:#fff; color:#0099ff !important;}




.newscontent{background:#80b3d8; padding:39px 85px; width:820px; margin:0 auto; margin-bottom:80px;}
.newscontentlt{float:left;}
.newscontentlt h2{font-size:14px; color:#fff; font-family: 'MyriadPro-Bold'; line-height:18px; padding:0 0 0px 0; text-transform:uppercase;}
.newscontentlt p{font-family: 'MyriadPro-Regular'; font-size:12px; color:#fff; line-height:18px;}

.newscontentrt{float:right; width:318px;}

.newscontentrt input.txt{ width:200px; padding:0 10px; height: 33px; border:none; border-radius: 0px; color: #777; font-size:10px; font-family: 'MyriadPro-Regular'; transition: all 0.3s ease 0s; line-height:33px; text-transform: none; float:left; text-align:center; font-style:normal; background:#fff !important; -webkit-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px;}
.newscontentrt input.rtspace{margin-right:5px;}
.newscontentrt input.rtspacetwo{margin-right:5px;}


.newscontentrt input.txt::-webkit-input-placeholder { /* Safari, Chrome and Opera */ color:#777; opacity:1}
.newscontentrt input.txt::-moz-placeholder { /* Firefox 18- */ color:#777; opacity:1}
.newscontentrt input.txt::-moz-placeholder { /* Firefox 19+ */color: #777; opacity:1}
.newscontentrt input.txt::-ms-input-placeholder { /* IE 10+ */color:#777; opacity:1}
.newscontentrt input.txt::-ms-input-placeholder { /* Edge */ color: #777; opacity:1}
.newscontentrt input.txt::placeholder-shown { /* Standard one last! */color: #777; opacity:1}

.newscontentrt input:focus {outline: none; box-shadow: 0px 0px 1px #0066b0 !important; border-color: #0066b0 !important; color:#0066b0 !important;}


.newscontentrt input.submitbtn {float:none; background:#0066b0; border:none; outline:none; line-height:33px; padding:0 15px; font-family: 'Humanist521BT-Roman'; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; margin-right:0px;  -webkit-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px; behavior: url(PIE.htc); position:relative; margin-top:0px !important;}
.newscontentrt input.submitbtn:hover{background:#0099ff; color:#fff !important;}


.welcomecontent{}
.wellt{margin-top:80px;}

.login{background:; padding:34px 0; margin-top:0px;}
.loginin{width:960px; margin:0 auto; text-align:center;}
.loginin h2{font-family: 'MyriadPro-Bold'; font-size:36px; text-transform:uppercase; color:#fff; line-height:36px; padding-bottom:20px;}
.loginininfo{}
.loginininfolt{float:left;}


.loginininfolt input.txt{ width:220px; padding:0 10px; height: 35px; border:2px solid #567990; border-radius: 0px; color: #fff; font-size:18px; font-family: 'MyriadPro-Bold'; transition: all 0.3s ease 0s; line-height:33px; text-transform: none; float:left; text-align:left; font-style:normal; background:#80b3d8 !important; -webkit-border-radius: 8px; -moz-border-radius: 8px;
border-radius: 8px; -webkit-box-shadow: 5px 7px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 5px 7px 5px 0px rgba(0,0,0,0.5);
box-shadow: 5px 7px 5px 0px rgba(0,0,0,0.5);}
.loginininfolt input.rtspace{margin-right:17px;}
.loginininfolt input.rtspacetwo{margin-right:17px;}


.loginininfolt input.txt::-webkit-input-placeholder { /* Safari, Chrome and Opera */ color:#fff; opacity:1}
.loginininfolt input.txt::-moz-placeholder { /* Firefox 18- */ color:#fff; opacity:1}
.loginininfolt input.txt::-moz-placeholder { /* Firefox 19+ */color: #fff; opacity:1}
.loginininfolt input.txt::-ms-input-placeholder { /* IE 10+ */color:#fff; opacity:1}
.loginininfolt input.txt::-ms-input-placeholder { /* Edge */ color: #fff; opacity:1}
.loginininfolt input.txt::placeholder-shown { /* Standard one last! */color: #fff; opacity:1}

.loginininfolt input:focus {outline: none; box-shadow: 0px 0px 1px #0066b0 !important; border-color: #0066b0 !important; color:#0066b0 !important;}


.loginininfolt input.submitbtn {float:none; background:#0066b0; border:none; outline:none; line-height:35px; padding:0 15px; font-family: 'MyriadPro-Bold'; font-size:24px; color:#fff; text-transform:uppercase; cursor:pointer; margin-right:0px;  -webkit-border-radius: 8px; -moz-border-radius: 8px;
border-radius: 8px; behavior: url(PIE.htc); position:relative; margin-top:0px !important; -webkit-box-shadow: 5px 7px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 5px 7px 5px 0px rgba(0,0,0,0.5);
box-shadow: 5px 7px 5px 0px rgba(0,0,0,0.5); margin-top:15px !important;
}
.loginininfolt input.submitbtn:hover{background:#004273; color:#fff !important;}


.loginininfort{float:right;}
.loginininfort p{font-family:"Montserrat-Bold"; font-size:20px; text-transform:uppercase; color:#fff; line-height:42px;}
.loginininfort p a{color:#fff; -webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
-ms-transition: all 0.9s ease-out;
-o-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;}
.loginininfort p a:hover{color:#0066b0;}



.proinformation{}
.proinformationin{text-align:center;}
.proinformationin h2{ font-size:40px; text-transform:uppercase; color:#222; line-height:40px; padding-bottom:10px;}
.proinformationin p{ font-size:18px; line-height:20px; color:#777; padding-bottom:70px;}


.productinfowrap{width:865px; margin:0 auto;}
.productin{
	
	
	
    padding-bottom: 0;
    width: 100%;
    height: 194px;
    float: left;
}

.productin a{display:block; transition: all 0.5s ease; -webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
-ms-transition: all 0.9s ease-out;
-o-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;}
.productinlt{float:left; width:50px;}
.productinrt{
	float: left;
    text-align: left;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;

}
.productinrt h2{text-transform:uppercase; font-family: 'MyriadPro-Bold'; color:#0066b0; line-height:18px; font-size:18px;}
.productinrt p{color:#777; font-size:14px; line-height:22px; padding-bottom:0px;}

.productin a:hover h2{color:#000;}

.onlinetool{background:#f9f9f9; padding:90px 0 45px 0; text-align:center;}
.onlinetoolin{text-aligm:center; position:relative;}
.onlinetoolin h2{ font-size:40px; text-transform:uppercase; color:#222; line-height:40px; padding-bottom:10px;}
.onlinetoolin p{ font-size:20px; line-height:20px; color:#777; padding-bottom:70px;}
.onlinetoolin{width:826px; margin:0 auto; position:relative;}


.onlinetwo{position:relative;}
.onin{width:310px; margin:0 auto;}
.onlinetp{background:#fff; width:160px; height:auto; padding:25px 0; text-align:center; margin:0 auto;}
.onlinetp a{display:block;}
.onlinetp a:hover{backgeound:#000;}
.onlinetp a:hover h2{color:#0066b0;}
.line{position:absolute; border:1px solid #777; left:0; right:0; margin:0 auto; height:1px; top:70px; width:620px;}
.onlinetp h2{font-family: 'MyriadPro-Bold'; color:#222; text-transform:uppercase; font-size:18px; line-height:18px; padding-top:20px;}
.onlinein{width:95px; height:95px; border-radius:100%; border:2px solid #777; margin:0 auto; position:relative;}
.onlinein img{display:block; text-align:center; margin:0 auto; line-height:47px; position:absolute; left:0; right:0; top:25%;}
.onlinein .fa-music{font-size:50px; color:#777; line-height:90px;}

.smartwrap{}
.smartin{padding:30px 0px; text-align:center;}
.smartin h2{ font-size:40px; text-transform:uppercase; color:#222; line-height:40px; padding-bottom:10px;}
.smartin p{ font-size:20px; line-height:20px; color:#777; padding-bottom:35px;}

.smartinin{text-align:left; margin-bottom:70px !important;}
.smartinin a{display:block; border-radius:none; transition: all 0.5s ease; -webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
-ms-transition: all 0.9s ease-out;
-o-transition: all 0.9s ease-out;
transition: all 0.9s ease-out; padding:20px 20px 0 20px;}
.smartinin a:hover{background: #80b3d8; transform: scale(1.1);}
.smartinin a:hover h2{color:#fff;}
.smartinin a:hover p{color:#fff;}


.smartinin a:hover{}
.smartinin img{padding-bottom:15px; display:block;}
.smartinin h2{ color:#222; text-transform:uppercase; padding-bottom:15px; font-size:18px; line-height:25px;}
.smartinin p{ font-size:14px; line-height:20px; color:#777;}


.knowwrap{background:#f9f9f9;}
.knowwrapin{padding:0 150px; text-align:center;}
.knowwrapin h2{ font-size:40px; text-transform:uppercase; color:#222; line-height:40px; padding-bottom:10px;margin-top: 20px;}
.knowwrapin p{ font-size:20px; line-height:20px; color:#777; padding-bottom:35px;}
.knwinfo{text-align:center; padding-bottom:70px;}
.knwinfo a{display:block;}
.knwinfotop{
	border-radius:100%!important;
	height:125px!important;
	width:125px!important; 
	text-align:center!important;
	background:#0066b0!important; 
	line-height:125px!important;
	margin:0 auto!important; 
	margin-bottom:25px!important;
	}
.knwinfotop img{display:inline-block; text-align:center; margin:0 auto;}
.knwinfo h2{color:#0066b0; font-size:24px; line-height:24px; font-family: 'MyriadPro-Regular'; padding-bottom:10px; text-transform:none;} 
.knwinfo p{color:#8f8f8f; line-height:20px; font-size:14px;}





@media screen and (min-width:320px) and (max-width:480px)
{
.wrapper{width:100% !important; margin:0 auto !important;}

.sociallinks{float:left; padding:40px 0 0 0; width:120px;}

.inlt{float:none; width:100%;}
.inspace{width:100%;}
.onlinenps{padding:35px 0; float:none; margin:0 auto;}
.onlinenps a{width:250px; margin:0 auto; font-size:18px;}


.navbar-nav{float:none !important; margin:0px 0 0 0 !important;}
.navbar-brand{padding:20px 0 0 0 !important; margin:0 auto; width:100%; float:none; display:block;}
.navbar-brand > img{display:block; margin:0 auto; text-align:center; width:100%; height:auto;}
.navbar-nav > li > a{line-height:40px !important;}
.nav > li > a.first{padding:0px 13px !important;}
.nav > li > a.last{padding:0px 13px !important;}

.navbar-collapse{box-shadow:none !important;}

.navbar-collapse.in{overflow:hidden !important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{float:none !important;}
.linenav{background:none !important;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{padding:0px 0 0 0 !important; background:#c7deee !important; position:relative; top:19px !important;}
.navbar-default .navbar-toggle{top:0px !important;}
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret{margin-top:-20px !important; background:#ffd700 !important; display:none !important;}

.navbar-nav.sm-collapsible a.has-submenu{background:#0066b0 !important; color:#fff !important;}
.navbar-default .navbar-nav > li > a:hover{color:#000 !important;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background:#0066b0 !important; color:#fff !important; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background:#0066b0 !important; color:#fff !important;}


.navbar-toggle{margin-right:0px !important;}
.log{float:none; margin:0 auto; margin-top:25px; width:170px; display:none;}

.moblog{display:block;}
.moblog{float:right; margin-top:38px;}
.moblog a{background:#54a506; color:#fff; line-height:35px; height:35px; display:block; padding:0 15px; font-size:16px;font-family: Verdana,Geneva,sans-serif; text-align:center; margin:0 auto;}

.navbar-header{padding-bottom:00px !important;}


.nav > li{border-bottom:1px solid #fff !important;}
.nav > li a{padding:0 0 0 20px !important;}
.nav > li a:hover{padding:0 0 0 40px !important;}
.nav > li:last-child{border-bottom:none !important;}
.navbar-nav.sm-collapsible .caret::before{color:#000 !important;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{/*padding-left:10px !important;*/}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#000 !important;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{/*padding-left:30px !important;*/ background:none !important;}

.navbar-default .navbar-nav .open .dropdown-menu > li > a{/*padding-left:20px !important;*/ line-height:35px !important; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; padding-left:40px !important;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{color:#fff !important;}

.schemein{width:100%; margin:0 auto;}
.schemein img{width:100%; height:auto;}
.foundinfo{width:100%;}
.foundinfo ul li{padding-bottom:30px; width:100%; text-align:left; font-size:18px;}
.foundinfo ul li:last-child{padding-bottom:0px;}

.onlineserveices{width:100%; margin:0 auto;}
.onlineserveices ul li{float:none; display:block; margin:0 auto; padding:0 0 0 0;}

.centerinfo img{width:100%; height:auto;}

.footerpic{background-size:auto 100%; height:548px;}

.solutionwrapin{width:100%; margin-top:100px;}
.solutionwrapin p{width:90%; margin:0 auto;}

.owl-prev{background-size:50% 50% !important; left:-30px !important; width:40px !important; height:60px !important;}
.owl-next{background-size:50% 50% !important; right:-50px !important; width:40px !important; height:60px !important;}
.slides li > a img{width:90% !important;}
.owl-carousel{width:74% !important;}
.slides li{margin:0 0 0 0 !important;}

.loginform{width:100%; padding:15px 5% 25px 5%; top:50px;}
.loginform ul li{float:none; padding:0 0 20px 0;}
.loginform ul li:last-child{padding:0 0 0 0;}
.memberlog{width:100%; padding-bottom:20px;}
.memberlog a{width:100%; margin:0 auto; padding:0 5%;}
.userlog{width:100%; margin-bottom:60px;}
.userlog input.txt{width:100%; padding:0 5%;}
.userpass{width:100%; margin-bottom:60px;}
.userpass input.txt{width:100%; padding:0 5%;} 
.subwrap{width:100%; padding-bottom:20px; padding-top:0px;}
.subwrap input.submitbtn{width:150px; padding:0 5%; margin:0 auto;}

#login-modal .modal-dialog{width:100% !important;}

.slide-text{right:0 !important; left:0 !important; margin:0 auto !important; top:-8px !important; padding:0 5px 0 5px !important; width:100%!important;}
.bannertxt h2 {
    padding: 5px 5px!important;
}
.bigger5 {
    font-size: 13px;
    color: #000;
}




.slide-text h1{text-align:center !important; font-size:15px !important; line-height:20px !important;}

.indicators-line > .carousel-indicators{display:none !important; left:0 !important; right:0 !important; margin:0 auto !important; width:93px !important;}

.videowrap{width:100%; margin-bottom:50px;}
.videowrap img{width:100%; height:auto;}

.inwrap{width:100%; padding-bottom:0px;}

.bannertxt{width:100% !important;  padding: 5px 5px !important; }
.bannertxt h2{text-align:center !important; font-size:12px !important; line-height:20px !important;}
.bannertxt p{text-align:center !important; font-size:10px !important; line-height:15px !important;}


.intropic{float:none; width:100%;}
.intropic img{width:100%; height:auto;
}
.introtxt{padding:; width:100%;}

.servin{width:100%; margin:0 auto;}
.servin h2{font-size:48px; line-height:48px;}
.servinfo{width:85%; margin:0 auto; padding-bottom:40px !important;}
.servinfo h3{font-size:22px; line-height:22px;}

.servinfo:last-child{padding-bottom:0px;}

.knowinfo{height:auto;}
.knowinfo a{top:0px;}

.portin{width:100%;}
.portin h2{font-size:27px;}
.portin ul li{float:none; margin:0 auto; display:block; padding-right:0px; margin-bottom:40px;} 
.portin ul li:last-child{margin-bottom:0px;}


.smartin h2{font-size:30px;}
.smartinin h2{font-size:18px;}
.knowwrapin h2{font-size:30px; line-height:35px;}
.onlinetoolin h2{font-size:30px; line-height:30px;}
.onlinetp h2{font-size:18px;}
.proinformationin h2{font-size:23px; line-height:35px;}

.loginin{width:95%; margin:0 auto;}
.loginininfolt{float:none;}
.loginininfolt input.txt{float:none; width:95%; padding:0 5%; margin-bottom:15px;}
.loginininfolt input.rtspace{margin-right:0px;}
.loginininfolt input.rtspacetwo{margin-right:0px;}

.loginininfolt input.submitbtn{margin-bottom:15px;}
.loginininfort{float:none; width:auto;}
.loginininfort a{display:block;}

.productinfowrap{width:100%;}
.productin{
	
	    height: auto;
    margin-bottom: 41px;
}
.productinlt{float:none; margin:0 auto; padding-bottom:30px;} 
.productinrt{float:none; margin:0 auto; width:100%; padding:0 0 0 0; text-align:center;} 

.onlinetoolin{width:95%; margin:0 auto;}
.line{display:none;}
.onin{width:200px; margin:0 auto; margin-bottom:30px;}
.laston{margin-bottom:0px !important;}
.onlinetoolin p{line-height:26px;}

.newscontent{width:95%; padding:39px 5% 30px 5%;}
.newscontentlt{float:none; width:auto; padding-bottom:10px; text-align:center;}
.newscontentrt{float:none; width:auto;}
.newscontentrt input.txt{width:95%; padding:0 5%; margin-bottom:5px;}
.newscontentrt input.submitbtn{margin:0 auto; display:block;}

.introtxt{text-align:center;}

.knowwrapin{padding:0 5%;}
.knwinfo{padding-bottom:20px;}

}

@media screen and (min-width:481px) and (max-width:767px)
{

.container{width:100% !important;}
.wrapper{width:100% !important; margin:0 auto !important;}

.sociallinks{padding:40px 0 0 0; width:auto;}
.inlt{float:none; width:100%;}

.inspace{width:100%;}
.onlinenps{padding:35px 0;}
.onlinenps a{font-size:18px;}

.navbar-header{padding-bottom:0px !important;}


.navbar-nav{float:none !important; margin:0px 0 0 0 !important;}
.navbar-brand{padding:30px 0 0 0 !important; width:30%;}
.navbar-brand > img{    width: 35%;
    float: left;
    padding-top: 16px;
    height: auto;}
.navbar-nav > li > a{line-height:40px !important;}
.nav > li > a.first{padding:0px 13px !important;}
.nav > li > a.last{padding:0px 13px !important;}

.navbar-collapse{box-shadow:none !important;}

.navbar-collapse.in{overflow:hidden !important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{float:none !important;}
.linenav{background:none !important;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{padding:0px 0 0 0 !important; background:#c7c7c7 !important; position:relative; top:19px !important;}
.navbar-default .navbar-toggle{top:0px !important;}
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret{margin-top:-20px !important; background:#ffd700 !important; display:none !important;}

.navbar-nav.sm-collapsible a.has-submenu{background:#54a506 !important;}
.navbar-default .navbar-nav > li > a:hover{color:#204200 !important;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background:#54a506 !important; color:#204200 !important; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background:#cdcdcd !important; color:#9c9c9c !important;}


.navbar-toggle{margin-right:0px !important;}
.log{float:none; margin:0 auto; margin-top:25px; width:170px;}

.nav > li{border-bottom:1px solid #fff !important;}
.nav > li a{padding:0 0 0 20px !important;}
.nav > li a:hover{padding:0 0 0 40px !important;}
.nav > li:last-child{border-bottom:none !important;}
.navbar-nav.sm-collapsible .caret::before{color:#000 !important;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{/*padding-left:10px !important;*/}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#172e00 !important;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{/*padding-left:30px !important;*/ background:none !important;}

.navbar-default .navbar-nav .open .dropdown-menu > li > a{/*padding-left:20px !important;*/ line-height:35px !important; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; padding-left:40px !important;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{color:#172e00 !important;}

.schemein{width:100%; margin:0 auto;}
.schemein img{width:100%; height:auto;}
.foundinfo{width:100%;}
.foundinfo ul li{padding-bottom:10px; width:50%; text-align:left; font-size:18px;}
.foundinfo ul li:last-child{padding-bottom:0px;}

.onlineserveices{width:100%; margin:0 auto;}
.onlineserveices ul li{width:50%; padding:0 0 0 0;}

.centerinfo img{width:auto; height:auto; display:block; margin:0 auto; margin-bottom:30px;}

.solutionwrapin{width:100%; margin-top:100px;}
.solutionwrapin p{width:90%; margin:0 auto;}
.owl-prev{background-size:50% 50% !important; left:-30px !important;}
.owl-next{background-size:50% 50% !important; right:-50px !important;}

.slides li{margin:0 0 0 0 !important;}

.loginform{width:400px; padding:15px 5% 25px 5%; margin-bottom:50px; top:50px;}
.loginform ul li{float:none; padding:0 0 20px 0;}
.loginform ul li:last-child{padding:0 0 0 0;}
.memberlog{width:100%; padding-bottom:20px;}
.memberlog a{width:100%; margin:0 auto; padding:0 5%;}
.userlog{width:100%; margin-bottom:60px;}
.userlog input.txt{width:100%; padding:0 5%;}
.userpass{width:100%; margin-bottom:60px;}
.userpass input.txt{width:100%; padding:0 5%;} 
.subwrap{width:100%; padding-bottom:20px; padding-top:0px;}
.subwrap input.submitbtn{width:150px; padding:0 5%; margin:0 auto;}


.slide-text{right:0 !important; left:0 !important; margin:0 auto !important; top:85px !important; padding:0 10px 0 10px !important; width:100% !important;}
.bannertxt h2 {padding: 5px 5px!important;}
.bannertxt {
    text-align: center;
    padding: 10px 85px!important;
}
}
.slide-text h1{text-align:center !important; font-size:25px !important; line-height:30px !important;}

.indicators-line > .carousel-indicators{display:block !important; left:0 !important; right:0 !important; margin:0 auto !important; width:22% !important;}

.videowrap{width:400px; margin:0 auto; margin-bottom:50px;}
.videowrap img{width:100%; height:auto;}

.inwrap{width:400px; padding-bottom:0px;}

.bannertxt{width:auto; margin:0 auto !important;}
.bannertxt h2{text-align:center !important; font-size:42px !important; line-height:25px !important;}
.bannertxt p{text-align:center !important; font-size:13px !important; line-height:20px !important;}
.indicators-line > .carousel-indicators{display:block !important; left:0 !important; right:0 !important; margin:0 auto !important; width:80px !important; white-space:inherit !important;}


.loginin{width:400px; margin:0 auto;}
.loginininfolt{float:none; width:300px; margin:0 auto;}
.loginininfolt input.txt{float:none; width:95%; padding:0 5%; margin-bottom:15px;}
.loginininfolt input.rtspace{margin-right:0px;}
.loginininfolt input.rtspacetwo{margin-right:0px;}

.loginininfolt input.submitbtn{margin-bottom:15px;}
.loginininfort{float:none; width:auto;}
.loginininfort a{display:block;}



.servin{width:382px; margin:0 auto;}
.servin h2{font-size:48px; line-height:48px;}
.servinfo{width:85%; margin:0 auto; padding-bottom:40px !important}
.servinfo h3{font-size:22px; line-height:22px;}

.servinfo:last-child{padding-bottom:0px;}

.knowinfo{width:400px; margin:0 auto; margin-bottom:20px; height:auto;}
.knowinfo a{top:0px;}

.portin{width:100%;}
.portin h2{font-size:27px;}
.portin ul li{width:50%; padding-right:0px; margin-bottom:40px;}
.portin ul li:nth-child(3),.portin ul li:nth-child(4){margin-bottom:0px;}
.portin ul li:last-child{margin-bottom:0px;}




.intropic{float:none; width:100%;}
.intropic img{width:auto; height:auto;}
.introtxt{padding:38px 5%; width:100%;}


.productinfowrap{width:100%;}
.productin{ margin:0 auto;}
.productin{ margin:0 auto;}
.productinlt{width:10%;} 
.productinrt{width:85%; float:right;} 

.onlinetoolin{width:95%; margin:0 auto;}
.line{display:none;}
.onin{width:200px; float:left; margin:0 auto;}

.newscontent{width:95%; padding:39px 5% 30px 5%;}
.newscontentlt{float:none; width:316px; padding-bottom:10px; text-align:center; margin:0 auto;}
.newscontentrt{float:none; width:316px; margin:0 auto;}
/*.newscontentrt input.txt{width:39%; padding:0 5%; margin-bottom:10px;}
.newscontentrt input.rtspacetwo{margin-right:0px;}
.newscontentrt input.submitbtn{margin:0 auto; display:block;}
*/


.introtxt{text-align:center;}


.smartinin{width:300px; margin:0 auto; margin-bottom:30px !important;}
.knowwrapin{padding:0 5%;}





}


@media screen and (min-width:768px) and (max-width:999px)
{
.navbar-brand{font-family: 'Open Sans', sans-serif; font-weight:700 !important; font-size:32px !important; padding-top:26px !important;}

.container{width:100% !important;}

.wrapper{width:100% !important; margin:0 auto !important;}

.navbar-collapse{padding-left:0px;}

.inspace{width:700px; margin:0 auto;}
.inlt{width:auto; padding-top:25px;}
.nav > li > a.first{padding:10px 13px !important;}
.nav > li > a.last{padding:10px 13px !important;}

.log {width:13%; margin-top:30px;}
.log a{padding:0 2%; font-size:10px;}

.navbar-nav > li > a{font-size:15px !important; padding:10px 10px !important;}
.navbar-nav ul.sm-nowrap > li > a{font-size:12px !important; }
.navbar-brand{font-size:28px !important;}

.nav>li>a.last{padding:10px 0px  0px 13px!important;}

.schemein{width:100%; margin:0 auto;}
.schemein img{width:100%; height:auto;}
.foundinfo{width:100%; margin:0 auto;}
.foundinfo ul li{padding:0 1% 0 0; width:30%; font-size:15px;}
.foundinfo ul li span{width:20%;}
.foundinfo ul li span img{width:100%; height:auto;}

.onlineserveices{width:90%; margin:0 auto;}
.onlineserveices ul li{width:24%; padding:0 2% 0 0;}


.centerinfo img{width:100%; height:auto;}

.loginform{width:100%;}
.loginform ul li{width:25%;}
.memberlog{width:100%;}
.memberlog a{font-size:15px;}

.userlog{width:100%;}
.userlog input.txt{width:100%;}

.userpass{width:100%;}
.userpass input.txt{width:100%;}

.subwrap{width:100%;}
.subwrap input.submitbtn{width:100%;}

.slide-text{right:0 !important; left:0 !important; margin:0 auto !important; top:65px !important; padding:0 10px 0 10px !important; width:auto !important;}
.slide-text h1{text-align:center !important; font-size:36px !important; line-height:50px !important;}


.inwrap{width:100%;}
.videowrap{width:50%; float:left;}
.videowrap img{width:100%; height:auto;}

.latestnews{width:50%; float:right;}

.bannertxt{width:100% !important;}
.bannertxt h2{font-size:45px !important; line-height40px !important;}
.bannertxt p{font-size:22px !important; line-height:22px !important;}



.loginin{width:100%; margin:0 auto;}
.loginininfolt{width:70%;}
.loginininfolt input.txt{width:35%; padding:0 5%;}
.loginininfolt input.rtspace{margin-right:2%;}
.loginininfolt input.rtspacetwo{margin-right:2%;}

.loginininfort{width:30%;}
.loginininfort p{font-size:11px;}

.servin{width:100%; margin:0 auto;}
.servinfo{width:100%;}

.knowinfo{padding:20px 4%; height:300px;}
.knowinfo h3{font-size:15px;}
.knowinfo p{font-size:12px;}
.knowinfo a{}



.onlinetoolin{width:700px; margin:0 auto;}
.onin{width:auto;}


.productinfowrap{width:100%;}
.productinlt img{width:100%; height:auto;}
.productinrt{width:85%;}


.newscontent{width:90%; padding:39px 5%;}
.newscontentlt{width:30%;}
.newscontentrt{width:69%;}
.newscontentrt input.txt{width:40%; padding:0 5%;}



.portin{width:100%;}
.portin h2{font-size:27px;}
.portin ul li{width:25%; padding-right:0px;}
.portin ul li h2{font-size:15px;}



.intropic{width:30% !important; float:left !important;}
.intropic img{width:100%; height:auto;}
.introtxt{ float:right;}

.knowwrapin{padding:0 5%;}

}


@media screen and (min-width:1000px) and (max-width:1199px)
{
	
.navbar-collapse{padding-left:0px;}

.inspace{width:917px; margin:0 auto; height:40px;}
.inlt{width:auto; padding-top:40px;}
.nav > li > a.first{padding:10px 13px !important;}
.nav > li > a.last{padding:10px 13px !important;}

.log{margin-top:45px;}
	
.navbar-brand{font-family: 'Open Sans', sans-serif; font-weight:700 !important; font-size:32px !important; padding-top:0px !important;}

.nav>li>a.last{padding:10px 0px  0px 13px!important;}
.wrapper{width:100% !important; margin:0 auto !important;}
.navbar-nav > li > a{font-size:18px !important; padding:10px 18px !important;}
.navbar-brand{font-size:28px !important;}


.schemein{width:100%; margin:0 auto;}
.schemein img{width:100%; height:auto;}

.loginform{width:100%;}
.loginform ul li{width:25%;}
.memberlog{width:100%;}
.memberlog a{font-size:15px;}

.userlog{width:100%;}
.userlog input.txt{width:100%;}

.userpass{width:100%;}
.userpass input.txt{width:100%;}

.subwrap{width:100%;}
.subwrap input.submitbtn{width:100%;}

.bannertxt{width:93% !important;}


.slide-text{right:0 !important; left:0 !important; margin:0 auto !important; top:25px !important; padding:0 10px 0 10px !important; width:auto !important;}
.slide-text h1{font-size:36px !important; line-height:50px !important;}


.knowinfo{padding:20px 4%; height:300px;}
.knowinfo h3{font-size:15px;}
.knowinfo p{font-size:12px;}
.knowinfo a{}

.intropic{width:30% !important; float:left !important;}
.intropic img{width:100%; height:auto;}
.introtxt{width:70%; float:right;}



}

@media screen and (min-width:1000px) and (max-width:1199px)
{

.slide-text{top:60% !important; right:0px !important;}

}


@media screen and (min-width:1000px) and (max-width:767px)
{

.slide-text{top:60% !important; right:0px !important;}

}


@media screen and (min-width:320px) and (max-width:550px)
{

.introtxt h1 {

    font-size: 26px;
    line-height: 33px;
   
    padding-bottom: 9px;
    margin-top: -21px;
}

}
@media screen and (min-width:550px) and (max-width:767px)
{
.welcomecontentmj_inn img {
    margin-top: 41px;
	margin:0 auto;
	
}
.slide-text{top:60% !important; right:0px !important;}


}
@media screen and (min-width:320px) and (max-width:550px)
{
.welcomecontentmj_inn img {
    margin-top: 41px;
	margin:0 auto;
	margin-bottom: 41px;
}
}