a{text-decoration:none;}
a:hover{text-decoration:none !important;}
ul,li{list-style:none; margin:0; padding:0;}
header{background:#7d0101;}
h1,h2,h3,h4,h5,h6{margin:0 ; padding:0;}
.wrapper{width:1000px; margin:0 auto; background:#993737;}
.navwrapper{width:100%; /*position:relative; z-index:50000; */}
/*.navwrapper:after {position: absolute; top: 0; right: 0px; content: ''; height: 100%; width: 50%; background: #2ad2c9 !important;}*/

.navbar{border-radius: 0px !important; margin-bottom:0px !important; min-height:130px !important; border:0px !important;}
.navbar-default{background:none !important; border-color:inherit !important; position:relative; z-index:7000;}
.navbar-inverse{background:none !important; border:0px !important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:0px !important; padding-left:0px !important; padding-right:0px !important; position:relative; z-index:7000;}
/*.navbar navbar-default{position:relative; z-index:50000;}
.navbar navbar-default:after {position: absolute; top: 0; right: -350px; content: ''; height: 100%; width: 50%; background: #3c4e5c !important;}*/
.navbar-brand{font-family: 'Open Sans', sans-serif; font-weight:700 !important; font-size:32px !important; padding:10px 0 0 0 !important; float:none !important; height:auto !important;}
.navbar-brand img{padding:43px 0 0 0;}
.sr-only{}
.navbar-default .navbar-brand{color:#fff !important;}
.navbar-default .navbar-brand:hover{color:#fff !important;}
.navbar-nav .dropdown-menu > li{border-bottom:1px solid #2a2e33 !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:#000 !important; background:none !important;}  
  
.cool-link {
    display: inline-block;
    color: #f92b2f;
    text-decoration: none;
}

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

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


.navbar-nav > li > a{line-height:130px !important; padding-top:0px !important; padding-bottom:0px !important; font-family: 'MyriadPro-Regular' !important; color:#fff !important; font-size:14px !important; text-transform:uppercase;}
.nav>li>a{padding:10px 12px !important;}
.nav>li>a.last{padding:10px 12px  10px 12px!important;}
/*.navbar-nav > li > a:hover{color:#fcb941 !important;}*/
.dropdown-menu>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;}
.dropdown-menu>li>a:hover{color:#d4202b !important;} 

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

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


@font-face {
  font-family: 'Arimo';
  src: url('../fonts/Arimo.eot?#iefix') format('embedded-opentype'),  url('../fonts/Arimo.woff') format('woff'), url('../fonts/Arimo.ttf')  format('truetype'), url('../fonts/Arimo.svg#Arimo') 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: 'Humanist777BT-RomanB';
  src: url('../fonts/Humanist777BT-RomanB.eot?#iefix') format('embedded-opentype'),  url('../fonts/Humanist777BT-RomanB.woff') format('woff'), url('../fonts/Humanist777BT-RomanB.ttf')  format('truetype'), url('../fonts/Humanist777BT-RomanB.svg#Humanist777BT-RomanB') format('svg');
  font-weight: normal;
  font-style: normal;
}



/* @font-face kit by Fonts2u (http://www.fonts2u.com) */ 
@font-face {font-family:"DejaVu Serif Condensed";
src:url("../fonts/DejaVuSerifCondensed.eot?") format("eot"),url("../fonts/DejaVuSerifCondensed.woff") format("woff"),url("../fonts/DejaVuSerifCondensed.ttf") format("truetype"),url("../fonts/DejaVuSerifCondensed.svg#DejaVuSerifCondensed") format("svg");font-weight:normal;font-style:normal;}


/* @font-face kit by Fonts2u (http://www.fonts2u.com) */ 
@font-face {font-family:"Exo Light";
src:url("../fonts/Exo-Light.eot?") format("eot"),url("../fonts/Exo-Light.woff") format("woff"),url("../fonts/Exo-Light.ttf") format("truetype"),url("../fonts/Exo-Light.svg#Exo-Light") 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: '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: 'Calibri';
  src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),  url('../fonts/Calibri.woff') format('woff'), url('../fonts/Calibri.ttf')  format('truetype'), url('../fonts/Calibri.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'AvantGardeITCbyBT-Medium';
  src: url('../fonts/AvantGardeITCbyBT-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvantGardeITCbyBT-Medium.woff') format('woff'), url('../fonts/AvantGardeITCbyBT-Medium.ttf')  format('truetype'), url('../fonts/AvantGardeITCbyBT-Medium.svg#AvantGardeITCbyBT-Medium') 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:#333 !important; background:none !important;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background:none !important; color:#000 !important;}

.navbar-nav{float:left !important; margin-left:70px;}


.yellow{background:#e7cb2c;}
.introin{padding:60px 0 40px 0; text-align:center;}
.introin h1{margin:0; padding:0 0 25px 0; color:#fcb941; font-size:40px; line-height:40px; font-family: 'AdobeDevanagari-Regular'; text-transform:uppercase;}
.introin p{font-family: 'Roboto', sans-serif; color:#cccccc; font-size:16px; line-height:25px; text-align:center; padding-bottom:25px;}
.introin a{margin:0 auto; display:inline-block; /*-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; behavior: url(PIE.htc); position:relative; */padding:0px 10px; background:#474747; text-transform:uppercase; color:#fff; line-height:30px; -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; font-family: 'AdobeDevanagari-Regular'; border:1px solid #646464; font-size:18px; line-height:40px;}
.introin a:hover{background:#fcc259; text-decoration:none; color:#474747; border:1px solid #fff;}

.scheme{background:#fff; padding:120px 0 60px 0; text-align:center;}
.schemein{width:1140px; margin:0 auto;}
.schemein img{display:block; text-align:center; margin:0 auto; padding-bottom:20px;}
.schemein h2{margin:0; padding:0 0 30px 0; font-size:30px; line-height:30px; color:#30353c; font-family: 'RobotoSlab-Regular'; font-weight:300;}


.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:#000; font-family: Lucida Sans Unicode;  line-height:50px; padding:0 15px 0 0;}
.foundinfo ul li.first{font-family: 'Humanist521BT-Light';}

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

.clear{clear:both;}

.videowrap{background:#d1d1d1; padding:70px 0;}
.videoin{width:1070px; margin:0 auto; height:371px; box-shadow: -1px 0px 41px 11px #656565;
-webkit-box-shadow: -1px 0px 41px 11px #656565;
-moz-box-shadow: -1px 0px 41px 11px #656565;
-o-box-shadow: -1px 0px 41px 11px #656565;}



/* ==============CSS for News Ticker======================*/
.news_feed{height:36px; margin-bottom:15px; margin-top:70px;}
.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:#cb0d0d;}
#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==============*/


.space{padding:0 0 0 0 !important; position:relative;}


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



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






.productionwrap{background:#f4f4f4; padding:85px 0 170px 0;}
.productionin{}
.productionin h2{border-left:10px solid #2ad2c9; padding-left:60px; font-family: 'RobotoSlab-Regular'; line-height:58px; text-transform:uppercase; color:#000; margin-bottom:30px; font-size:30px; padding:0 0 0 60px;}
.promain{}
.promain h3{color:#2ad2c9; text-transform:uppercase; margin:0; padding: 40px 0 20px 0; font-size:18px; line-height:18px; font-family: 'RobotoSlab-Regular';} 
.promain p{color:#000; text-transform:none; margin:0; padding: 0 0 60px 0; font-size:14px; line-height:20px; font-family: 'RobotoSlab-Regular';} 
.promain a{display:block; background:#2ad2c9; color:#000; font-family: 'Calibri'; text-align:center; font-size:18px; color:#131627; font-style:italic; line-height:45px; -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; display:inline-block; padding:0 20px; margin-bottom:38px;}

.btspace{}

/* ============================================================
  GLOBAL
============================================================ */
.effects {
  padding-left: 0px;
}
.effects .img {
  position: relative;
  float: left;
  margin-bottom: 5px;
  width: 100%;
  overflow: hidden;
  
}
.effects .img:nth-child(n) {
  margin-right: 5px;
}
.effects .img:first-child {
  margin-left: -15px;
}
.effects .img:last-child {
  margin-right: 0;
}
.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(0, 0, 0, 0.4);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  
}

a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #000;
  cursor: pointer;
}
a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  width: 60px;
  height: 60px;
  border: solid 5px #fff;
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-weight: 700;
  font-size: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}


/* ============================================================
  EFFECT 3 - SLIDE IN LEFT
============================================================ */
#effect-3 .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
}
#effect-3 .overlay a.expand {
  top: 0;
  bottom: 0;
  left: 50%;
  margin: auto 0 auto -30px;
}
#effect-3 .img.hover .overlay {
  width: 50%;
}


.welcomeintro{padding:70px 0 70px 0; background:#f3f6fb;}
.welcomeintroin{}
.welcomeintroin h1{margin:0; padding:0; font-family:"DejaVu Serif Condensed"; font-size:50px; line-height:50px; color:#ff9800; text-transform:uppercase; padding-bottom:0px; margin:0;}
.welcomeintrointxt{padding:0px 0 0 0px;}
.welcomeintrointxt h1{margin:0; padding:0 0 0 0px; font-family: 'Roboto', sans-serif; font-size:36px; line-height:36px; color:#c8222c; text-transform:uppercase; padding-bottom:0px; margin:0; margin-bottom:65px;}
.welcomeintrointxt h1 span{display:block; text-transform:uppercase;}
.welcomeintrointxt p{font-size:18px; color:#201e23; font-family: 'Roboto', sans-serif; line-height:30px; text-align:justify; padding-bottom:40px; text-align:center; font-style:normal; font-weight:300;}
.welcomeintrointxt a{display:block; background:#78913e; color:#fff; font-family: 'Roboto', sans-serif; text-align:center; font-size:18px; font-style:normal; line-height:40px; -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; display:inline-block; padding:0 20px; margin-bottom:38px;}
.welcomeintrointxt a:hover{backgroud:#ff9800;}
.welcomeintroinpic{padding:70px 0 0 0;}
.welcomeintroinpic img{display:block; margin:0 auto; text-align:center; border:8px solid #fff; -webkit-filter: none; -webkit-box-shadow: 0px 0px 10px 0px rgba(163,163,163,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(163,163,163,1);
box-shadow: 0px 0px 10px 0px rgba(163,163,163,1);
-moz-filter: none;
-ms-filter: none;
filter: none; -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; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}


.welcomeintroinpic img:hover{filter: url(“data:image/svg+xml;utf8,#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 */ border:8px solid #666;}


.servicewrap{width:100%;}
.servetitle{width:40%;}
.servetitle h2{background:#2ad2c9; color:#000; text-transform:uppercase; font-family: 'RobotoSlab-Regular'; font-size:27px; line-height:85px; text-align:center; }

.servicesbg{background:#eaedf2; overflow:hidden;}
.serveinfo{padding:100px 0 0 0; overflow:hidden; float:left; width:60%; float:left;}

.serveinin{text-align:center; width:576px; margin:0 auto;}
.serveinin h3{color:#000; text-transform:uppercase; font-family: 'RobotoSlab-Regular'; font-size:30px; line-height:56px; padding-left:45px; margin-bottom:45px; text-align:left; border-left:10px solid #2ad2c9;}

.servinfotxt{}

.servemain{text-align:center; float:none; width:203px;}
div.servecircle{-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;}
div.servecircle:hover{background:#2ad2c9; border:3px solid #333;}

.servecircle a img{-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;}
.servecircle a img:hover{ /* Firefox */
	-moz-transform: rotate(360deg) ;
	/* WebKit */
	-webkit-transform:  rotate(360deg);
	/* Opera */
	-o-transform: rotate(360deg) ;
	/* Standard */
	transform: rotate(360deg) ;}
	
	
.servemain h3{text-transform:uppercase; font-size:14px; line-height:18px; color:#2ad2c9; padding-bottom:20px; font-family: 'RobotoSlab-Regular'; margin-bottom:0px; padding-left:0px; text-align:center; border-left:none;}
.servemain p{font-family: 'RobotoSlab-Regular'; font-size:11px; color:#000; line-height:18px; padding-bottom:30px;}

.servecircle{background:#eaedf2; border:3px solid #2ad2c9; text-align:center; width:118px; height:118px; border-radius:100%; margin:0 auto; margin-bottom:30px; } 
.servecircle img{display:block; text-align:center; 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;}


.latestinfo{background:#333; width:40%; float:right; padding:100px 0 0 0;}



.knowledgewrap{background:#eaedf2; padding:80px 0; position:relative;}
.knowmatter{width:1210px; margin:0 auto; overflow:hidden;}
.knwrt{margin-right:30px;}
.knowledgewrapin{text-align:center; float:left;}
.knowledgewrapin 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;}
.knowledgewrapin a:hover h2{color:#2ad2c9;}
.knowledgewrapin img{width:217px; height:217px; margin:0 auto; border-radius:100%; display:block; -webkit-box-shadow: 0px 3px 10px 0px rgba(49,211,202,1);
-moz-box-shadow: 0px 3px 10px 0px rgba(49,211,202,1);
box-shadow: 0px 3px 10px 0px rgba(49,211,202,1); margin-bottom:40px;}
.knowledgewrapin h2{color:#30353c; font-size:19px; line-height:19px; font-family: 'RobotoSlab-Regular'; -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;}

.loginwrap{width:849px; margin:0 auto; -webkit-box-shadow: 0px 5px 10px 0px rgba(153,155,157,1);
-moz-box-shadow: 0px 5px 10px 0px rgba(153,155,157,1);
box-shadow: 0px 5px 10px 0px rgba(153,155,157,1); background:#2ad2c9; position:absolute; z-index:1000; left:0; right:0; margin:0 auto; top:-80px; padding:33px 48px;}

.mblog{float:left; width:auto; padding-right:40px;}
.mblog h2{font-family: 'RobotoSlab-Regular'; color:#333; text-transform:none; font-size:30px; line-height:23px;}
.mblog h2 a{color:#fff;}
.mblog h2 span{letter-spacing:6px; display:block; text-transform:uppercase;}

.mbmid{float:left; width:auto; padding:7px 0 0 0;}

.mbmid input.txt{ width:192px; padding:0 16px; height: 50px; border: none; border-radius: 0px; color: #757575; font-size:18px; font-family: 'RobotoSlab-Regular'; transition: all 0.3s ease 0s; line-height:50px; text-transform: none; float:left; text-align:center; font-style:normal; background:#d7f7f5 !important; -webkit-border-radius: 50px; -moz-border-radius: 50px;
border-radius: 50px;}
.mbmid input.rtspace{margin-right:12px;}
.mbmid input.rtspacetwo{margin-right:32px;}


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

.mbmid input:focus {outline: none; box-shadow: 0px 0px 10px #333333 !important; border-color: #333333 !important; color:#000 !important;}


.mbmid input.submitbtn {float:none; background:#000; border:none; outline:none; line-height:50px; padding:0 30px; font-family: 'Humanist521BT-Roman'; font-size:20px; color:#fff; text-transform:uppercase; cursor:pointer; margin-right:0px;  margin-top:0px !important; background: rgba(150,150,150,1);
background: -moz-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(73,73,73,1) 2%, rgba(68,72,73,1) 10%, rgba(61,70,72,1) 19%, rgba(54,69,71,1) 53%, rgba(47,67,70,1) 97%, rgba(23,33,35,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(150,150,150,1)), color-stop(2%, rgba(73,73,73,1)), color-stop(10%, rgba(68,72,73,1)), color-stop(19%, rgba(61,70,72,1)), color-stop(53%, rgba(54,69,71,1)), color-stop(97%, rgba(47,67,70,1)), color-stop(100%, rgba(23,33,35,1)));
background: -webkit-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(73,73,73,1) 2%, rgba(68,72,73,1) 10%, rgba(61,70,72,1) 19%, rgba(54,69,71,1) 53%, rgba(47,67,70,1) 97%, rgba(23,33,35,1) 100%);
background: -o-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(73,73,73,1) 2%, rgba(68,72,73,1) 10%, rgba(61,70,72,1) 19%, rgba(54,69,71,1) 53%, rgba(47,67,70,1) 97%, rgba(23,33,35,1) 100%);
background: -ms-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(73,73,73,1) 2%, rgba(68,72,73,1) 10%, rgba(61,70,72,1) 19%, rgba(54,69,71,1) 53%, rgba(47,67,70,1) 97%, rgba(23,33,35,1) 100%);
background: linear-gradient(to bottom, rgba(150,150,150,1) 0%, rgba(73,73,73,1) 2%, rgba(68,72,73,1) 10%, rgba(61,70,72,1) 19%, rgba(54,69,71,1) 53%, rgba(47,67,70,1) 97%, rgba(23,33,35,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#172123', GradientType=0 );
}
.mbmid input.submitbtn:hover{background:#333; color:#fff !important;}

.mbrt{float:left; width:150px; text-align:center; padding:10px 0 0 0;}
.mbrt p{font-family: 'Humanist521BT-Roman'; color:#fff; font-size:18px; line-height:22px;}
.mbrt p a{color:#fff;}

.logocontainer{background:#fff; padding:40px 0;}
.logoin{width:362px; margin:0 auto;}

.onlineservices{width:1070px; margin:0 auto;}
.servicesinfo{text-align:center;}
.servin{padding:40px 0px; width:auto; margin:0 auto; text-align:center; border-bottom:1px solid #3c3c3c; border-right:1px solid #3c3c3c; display:block !important; background:#fff !important;}
.servin img{display:block; text-align:center; margin:0 auto; padding-bottom:32px; -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;}
.servin a{margin:0; padding:0; font-family: 'Roboto', sans-serif; color:#323232; font-size:18px; -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;}
.rtline{border-right:none;}
.noline{border-bottom:none;}
.nospace{padding-left:0px !important; padding-right:0px !important;}

.servin a:hover{color:#fff;}
.servin:hover a{color:#fff;}
.servin:hover img{ /* Firefox */
	-moz-transform: rotate(360deg) ;
	/* WebKit */
	-webkit-transform:  rotate(360deg);
	/* Opera */
	-o-transform: rotate(360deg) ;
	/* Standard */
	transform: rotate(360deg) ;}



.servicesinfotxt{text-align:center; padding:77px 0 0 0;}
.servicesinfotxt h2{color:#323232; font-size:36px; line-height:36px; font-family: 'Roboto', sans-serif; margin:0; padding:0 0 46px 0; text-transform:uppercase;}
.servicesinfotxt a{font-family: 'Roboto', sans-serif; font-size:24px; color:#323232; font-weight:300;}


.knowbg{background:url(../images/knowledgebg.png) center top no-repeat; background-size:cover; padding:85px 0;}
.knowin{width:1070px; margin:0 auto;}
.knowin h2{font-family: 'Roboto', sans-serif; font-size:36px; line-height:36px; color:#fff; text-transform:uppercase; padding-bottom:75px;}
.bt-50{margin-bottom:30px !important;}

.newswrapper{backround:#efefef; padding:85px 0;}
.newsin{width:1070px; margin:0 auto;}
.latestinfoin{width:440px; margin:0 auto;}
.latestinfoin h3{border-left:none; padding-left:60px; font-family: 'Roboto', sans-serif; line-height:58px; text-transform:uppercase; color:#c8222c; margin-bottom:60px; font-size:36px; padding:0 0 0 0px;}
.latestinfoin a{background:#78913e !important; color:#fff !important; font-family: 'Roboto', sans-serif; text-align:center; font-size:18px; line-height:37px; display:block; -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; margin-top:100px; font-weight:300; padding:0 32px; margin:0 auto; width:190px;}
.latestinfoin a:hover{background:#333; color:#fff;}

#scrollbar1 .overview ul {
	padding:0 10px 0 0; margin:0;
}

#scrollbar1 .overview ul{list-style-type: square; color:#fcb941; padding-left:0px;}
/*.newsinfo ul li{ color:#8fa3ac;}
.newsinfo ul li:last-child{padding-bottom:0px;}
*/

#scrollbar1 .overview ul li {
	font-family: 'Roboto', sans-serif; font-weight:400;
	color:#3b3b3b;
	font-size:18px;
	line-height:22px;
	padding:0 0 18px 30px;
	background:url(../images/bullettype.png) no-repeat left 7px;
}

#scrollbar1 .overview ul li:last-child{padding-bottom:0px;}

.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;
}


.solutioninfo{padding-left:100px;}
.solutioninfo h3{border-left:none; padding-left:60px; font-family: 'Roboto', sans-serif; line-height:58px; text-transform:uppercase; color:#c8222c; margin-bottom:60px; font-size:36px; padding:0 0 0 0px;}
.solvewrap{overflow:hidden; padding-bottom:70px;}
.solvein{width:auto;}
.solvein img{display:block; width:60px; height:50px;}
.solveintxt{padding:10px 0 0 0;}
.solveintxt h2{font-family: 'MyriadPro-Regular'; color:#062033; font-size:20px; padding-bottom:21px;}
.solveintxt p{color:#6e767d; font-size:14px; line-height:22px;}

.dark{background:#323232;}
.darkonlineservices{width:1070px; margin:0 auto;}
.darkonlineservicesinfotxt{text-align:center; padding:77px 0 0 0;}
.darkonlineservicesinfotxt h2{color:#fff; font-size:36px; line-height:36px; font-family: 'Roboto', sans-serif; margin:0; padding:0 0 46px 0; text-transform:uppercase;}
.darkonlineservicesinfotxt a{font-family: 'Roboto', sans-serif; font-size:24px; color:#fff; font-weight:300;}

.servinfo{padding:40px 0px; width:auto; margin:0 auto; text-align:center; border-bottom:1px solid #9f9f9f; border-right:1px solid #9f9f9f; border-left:1px solid #9f9f9f; display:block !important; background:#323232 !important;}
.servinfo img{display:block; text-align:center; margin:0 auto; padding-bottom:32px; -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;}
.servinfo a{margin:0; padding:0; font-family: 'Roboto', sans-serif; color:#fff; font-size:18px; -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;}
.rtline{border-right:none;}
.noline{border-bottom:none;}
.nospace{padding-left:0px !important; padding-right:0px !important;}

.servinfo a:hover{color:#fff;}
.servinfo:hover a{color:#fff;}
.servinfo:hover img{ /* Firefox */
	-moz-transform: rotate(360deg) ;
	/* WebKit */
	-webkit-transform:  rotate(360deg);
	/* Opera */
	-o-transform: rotate(360deg) ;
	/* Standard */
	transform: rotate(360deg) ;}




.voilet{background:#21232c;}
.loginform{background:#voilet; width:930px; margin:0 auto; padding:15px 18px 25px; /*-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);*/ behavior: url(PIE.htc); /*position:relative; top:-51px;*/} 
.loginform ul{list-style:none; margin:0; padding:0;}
.loginform ul li{float:left; display:inline; padding:0 12px 0 0;}
.loginform ul li:last-child{padding:0 0 0 0;}
.memberlog{width:160px; padding:20px 0 0 0; text-align:center;}
.memberlog h2{color:#c8222c; font-size:30px; line-height:30px; text-transform:uppercase; font-family: 'Roboto', sans-serif; margin:0; padding:0; font-weight:500; margin-top:-5px;}

.memberlog a{color:#000; font-size:24px; line-height:33px; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; behavior: url(PIE.htc); position:relative; background:#00ccff; text-transform:uppercase; font-family: 'MyriadPro-Regular'; display:block; text-align:center;}
.memberlog a:hover{text-decoration:none !important;}
.userlog{width:230px; padding:19px 0 0 0;}
.userlog p{color:#ffd700; font-size:17px; line-height:18px; font-family: 'MyriadPro-Regular'; display:block; padding:0 0 5px 0; margin:0 0 0 0 !important;}


.userlog input.txt{ width:200px; padding:0 18px; height: 50px; border: none; color: #4d4d4d; font-size:16px; font-family: 'Roboto', sans-serif; transition: all 0.3s ease 0s; line-height:50px; text-transform: none; float:none; display:block; float:left; border:1px solid #c4c4c4; font-weight:300; text-align:center;}




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

.userlog input:focus{outline: none; box-shadow: 0px 0px 12px #fff; border-color: #c8222c;}

.subwrap{width:auto; padding:29px 0 0 15px;}
.subwrap .fa-angle-double-right{color:#b8202b; font-size:30px;}

.subwrap input.submitbtn{font-size:14px; line-height:30px; height:33px; color:#fff; text-align:center; display:block; cursor:pointer; border:0; outline:none; font-family: 'Open Sans', sans-serif; font-weight:300; text-transform:uppercase; background:#fff;/*background:#ca6e55;*/ width:128px; transition: all 0.5s ease; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; behavior: url(PIE.htc); position:relative; background:url(../images/signinbg.png) center top no-repeat;}
.subwrap input.submitbtn:hover{/*box-shadow: inset 200px 0 0 0 #00ccff;*/ color:#00ccff; color:#1a1857;}





.userpass{width:200px; padding:19px 0 0 0;}
.userpass p{color:#ffd700; font-size:17px; line-height:18px; font-family: 'MyriadPro-Regular'; display:block; padding:0 0 5px 0; margin:0 0 0 0 !important;}


.userpass input.txt{ width:200px; padding:0 18px; height: 50px; border: none; color: #8e8e8e; font-size:16px; font-family: 'Roboto', sans-serif; transition: all 0.3s ease 0s; line-height:50px; text-transform: none; float:none; display:block; float:left; border:1px solid #43426d; font-weight:300; text-align:center;}


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

.userpass input:focus{outline: none; box-shadow: 0px 0px 12px #afefff; border-color: #c8222c;}

.usertxt{float:left; padding:19px 0 0 30px;}
.usertxt a{display:block; font-family: 'MyriadPro-Regular'; color:#fff; font-size:14px; line-height:27px; -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; text-decoration:none; border:0; outline:none;}
.usertxt a:hover{color:#d4202b;}


#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;
}




@media screen and (min-width:320px) and (max-width:480px)
{
.toptwo{background-color: rgba(0, 0, 0, 1);}
.wrapper{width:100% !important; margin:0 auto !important;}
.navwrapper:after{display:none !important;}
.navbar{min-height:85px !important;}
.navbar-nav{margin:20px 0 0 0 !important; width:100% !important; background:#21232c !important;}
.navbar-brand{padding:0px 0 0 0 !important;}
.navbar-brand>img{width:200px; padding:20px 0 0 0; float:left;}
.navbar-nav > li > a{line-height:40px !important; color:#6c6c6c !important;}
.navbar-collapse{box-shadow:none !important;}

.navbar-collapse.in{overflow:hidden !important;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color:#fff !important;}
.navbar-default .navbar-nav > li > a:hover{color:#fff !important; background:none !important;} 

.navbar-default .navbar-collapse, .navbar-default .navbar-form{padding:0px 0 0 0 !important; }
.navbar-default .navbar-toggle{top:22px !important; background:#333 !important;}
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret{margin-top:-15px !important; background:#b6b6b6 !important; display:block !important; margin-right:10px !important;}

.navbar-nav.sm-collapsible a.has-submenu{background:#dadada !important;}
.navbar-nav.sm-collapsible a.has-submenu:hover{color:#fff !important; background:#979797 !important;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background:#979797 !important; color:#fff !important; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background:#d8e8e7 !important; color:#333 !important;}

.navbar-toggle{margin-right:0px !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:#fff !important;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{/*padding-left:30px !important;*/ background:none !important;}

.nav>li>a.last{padding:0px 0px  0px 20px!important;}
.nav>li>a.last:hover{padding:0px 0px  0px 40px!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; color:#6c6c6c !important;	}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{color:#333 !important;}

.navbar-nav .open .dropdown-menu{padding:0 0 0 0 !important;}
.navbar-default .navbar-toggle .icon-bar{background:#fff !important;}


.space{padding:0 0 0 0 !important; position:relative; top:0px;}
.bannertxt h2 span.one{font-size:15px !important;}
.bannertxt h2 span.two{font-size:15px !important;}


.introin{padding:130px 0 40px 0;}
.introin h1{font-size:25px; line-height:25px;}

.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;}



.videoin{width:100% !important; height:auto !important;}
.header-video{width:100% !important; height:371px !important;}
.header-video__close-trigger{top:10px !important; right:10px !important;}


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

.slide-text{right:0 !important; left:0 !important; margin:0 auto !important; top:16px !important; padding:0 10px 0 10px !important; width:300px !important;}
.slide-text h1{text-align:center !important; font-size:15px !important; line-height:20px !important;}
.indicators-line > .carousel-indicators{display:block !important; left:0 !important; right:0 !important; margin:0 auto !important; width:76px !important; bottom:0px !important;}
.one{font-size:20px !important;}

.bannertxt{width:100% !important;}
.bannertxt h2{text-align:center !important; font-size:15px !important; line-height:20px !important;}
.bannertxt h3{text-align:center !important; font-size:12px !important; line-height:20px !important; height:50px !important; display:block !important; width:100% !important; float:none !important; margin:0 auto !important; padding:5px 0 !important;}
.bannerin{width:100% !important; float:none; margin:0 auto;}
.bannerin h3:after{height:50px !important; right:-100px !important; width:100px !important;}

.offersin{width:100%; margin-bottom:50px !important; float:none;}


.welcomeintroin{padding:0px 0 0 0;}
.welcomeintro{padding:140 0 70px 0;}
.welcomeintroin h1{font-size:18px; line-height:18px; text-align:center;}
.welcomeintrointxt p{font-size:15px;}
.welcomeintrointxt{padding:0px 0px 0px 0px;}
.welcomeintroinpic{margin-bottom:50px;}
.welcomeintrointxt a{margin:0 auto; width:130px; display:block;}


.testimonialinfo h2{font-size:18px; line-height:38px;}
.block-text{padding:50px 20px;}
.block-text h2{font-size:17px; line-height:20px;}
.block-text p{width:80%; text-align:center; margin:0 auto;}

.scheme{padding:0px 0 60px 0;}

.productionwrap{padding:85px 0;}
.productionin h2{text-align:center; font-size:21px; padding-left:0px;}
.effects .img:first-child{margin-left:0px !important;}
.btspace{margin-bottom:30px;}

.servetitle{width:100%;}
.serveinfo{width:100%; float:none;}
.serveinin{width:100%;}
.serveinin h3{text-align:center; font-size:21px; padding-left:0px;}

.servemain{margin:0 auto;}
.latestinfo{width:100%; float:none;}
.latestinfoin{width:275px; float:none; margin:0 auto; padding-bottom:50px;}
#scrollbar1 .overview ul{padding-left:0px;}
#scrollbar1 .overview ul li{font-size:11px; padding:0 0 25px 23px;}
.knowmatter {width:100%; padding:290px 0 0 0;}
.knowledgewrapin{width:50%; margin-bottom:40px;}
.knwrt{margin-right:0px;}
.knowledgewrapin img{width:100px; height:100px;}
.knowledgewrapin h2{font-size:14px; line-height:18px;}

.loginwrap{width:100%; top:0px;}
.mblog{float:none; margin:0 auto; width:125px; padding-right:0px; padding-bottom:20px;}
.mbmid{float:none; margin-right:0px; padding-bottom:20px; width:185px; margin:0 auto;}
.mbmid input.txt{margin-bottom:10px;}
.mbmid input.submitbtn{float:none; margin:0 auto; display:block;}
	
.mbrt{float:none; margin:0 auto; padding-bottom:10px;}

.onlineservices{width:100%;}
.noline{border-bottom:1px solid #9c9c9c;}
.servicesinfotxt{padding:77px 0;}
	
.knowin{width:100%;}
.accordion-container{width:100% !important;}
.accordion-container h2.accordion-header{padding:0px 0 20px 20px !important; font-size:16px !important;}
.strip1{background:#7d0101 !important;}
.strip2{background:#7d0101 !important;}
.strip3{background:#7d0101 !important;}
.accordion-content{padding:50px 5% 30px 5% !important;}
	
.newsin{width:100%;}
#scrollbar1{width:95% !important;}
.solutioninfo{padding-left:0px; width:250px; margin:0 auto;}
.latestinfoin h3{text-align:center; font-size:27px;}
.solutioninfo h3{text-align:center; font-size:27px;}

.solvein{float:left;}
.solveintxt{width:72%; float:right;}

.darkonlineservices{width:100%;}
.darkonlineservicesinfotxt{padding:77px 0;}
.servinfo a{font-size:13px; line-height:18px;}
.servinfo{border-top:1px solid #9c9c9c; border-bottom:none;}


.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:141px; padding-bottom:0px; margin:0 auto;}
.memberlog a{width:100%; margin:0 auto; padding:0 5%;}
.userlog{width:100%; margin-bottom:45px;}
.userlog input.txt{width:100%; padding:0 5%;}
.userpass{width:100%; margin-bottom:50px;}
.userpass input.txt{width:100%; padding:0 5%;} 
.subwrap{width:100%; padding-bottom:0px; padding-top:10px; text-align:center;}
.subwrap input.submitbtn{width:128px; padding:0 5%; margin:0 auto;}

.usertxt{padding:15px 0 0 0; float:none; width:120px; margin:0 auto;}

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


}



@media screen and (min-width:481px) and (max-width:767px)
{
.toptwo{background-color: rgba(0, 0, 0, 1);}
.container{width:100% !important;}
.wrapper{width:100% !important; margin:0 auto !important;}
.navbar{min-height:85px !important;}
.navbar-nav{margin:20px 0 0 0 !important; width:100% !important; background:#21232c !important;}
.navbar-brand{padding:0px 0 0 0 !important;}
.navbar-brand>img{width:200px; padding:20px 0 0 0; float:left;}
.navbar-nav > li > a{line-height:40px !important; color:#6c6c6c !important;}
.navbar-collapse{box-shadow:none !important;}

.navbar-collapse.in{overflow:hidden !important;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color:#fff !important;}
.navbar-default .navbar-nav > li > a:hover{color:#fff !important; background:none !important;} 

.navbar-default .navbar-collapse, .navbar-default .navbar-form{padding:0px 0 0 0 !important; }
.navbar-default .navbar-toggle{top:22px !important; background:#333 !important;}
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret{margin-top:-15px !important; background:#b6b6b6 !important; display:block !important; margin-right:10px !important;}

.navbar-nav.sm-collapsible a.has-submenu{background:#dadada !important;}
.navbar-nav.sm-collapsible a.has-submenu:hover{color:#fff !important; background:#979797 !important;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background:#979797 !important; color:#fff !important; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background:#d8e8e7 !important; color:#333 !important;}

.navbar-toggle{margin-right:0px !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:#fff !important;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{/*padding-left:30px !important;*/ background:none !important;}

.nav>li>a.last{padding:0px 0px  0px 20px!important;}
.nav>li>a.last:hover{padding:0px 0px  0px 40px!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; color:#6c6c6c !important;	}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{color:#333 !important;}

.navbar-nav .open .dropdown-menu{padding:0 0 0 0 !important;}
.navbar-default .navbar-toggle .icon-bar{background:#fff !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;}


.videoin{width:100% !important; height:auto !important;}
.header-video{width:100% !important; height:371px !important;}
.header-video__close-trigger{top:10px !important; right:10px !important;}


.slide-text{right:0 !important; left:0 !important; margin:0 auto !important;  padding:0 0px 0 0px !important; width:480px !important; top:30px !important;}
.slide-text h1{text-align:center !important; font-size:25px !important; line-height:30px !important;}

.one{font-size:30px !important;}

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



.bannertxt{width:400px !important; margin:0 auto !important;}
.bannertxt h2{text-align:center !important; font-size:25px !important; line-height:20px !important;}
.bannertxt h3{text-align:center !important; font-size:12px !important; line-height:40px !important; height:50px !important; display:block !important; width:100% !important; float:none !important; margin:0 auto !important; padding:5px 0 !important;}
.bannerin{width:100% !important; float:none; margin:0 auto;}
.bannerin h3:after{height:50px !important; right:-200px !important; width:50% !important;}

.space{padding:0 0 0 0 !important; position:relative; top:0px;}
.bannertxt h2 span.one{font-size:18px !important;}
.bannertxt h2 span.two{font-size:18px !important;}

.introin{padding:130px 0 40px 0;}


.indicators-line > .carousel-indicators{display:block !important; left:0 !important; right:0 !important; margin:0 auto !important; width:80px !important; white-space:inherit !important;}


.welcomeintroin{padding:0px 0 0 0; width:390px; margin:0 auto;}
.welcomeintro{padding:140px 0 70px 0;}
.welcomeintroinpic{margin-bottom:50px;}
.welcomeintroin h1{font-size:25px; line-height:25px;}
.welcomeintrointxt{padding:0 0px 0px 0px;}
.welcomeintrointxt a{margin:0 auto; width:130px; display:block;}




.block-text{padding:50px 20px; width:420px; margin:0 auto;}
.block-text p{margin:0 auto;}

.smartin{width:400px; margin:0 auto;} 
.smartinpic{float:none;}
.smartinpic img{width:100%; height:auto;}
.smarttxt{float:none; width:100%; padding:85px 5% 85px 5%;}
.smarttxt h2{font-size:16px; padding-left:0px; text-align:center;}

.effects .img:first-child{margin-left:0px !important;}
.btspace{margin-bottom:30px;}
.promain{width:45%; float:left;}
.btspace{margin-left:10%;}

.servetitle{width:100%;}
.serveinfo{width:100%; float:none;}
.serveinin{width:100%;}
.serveinin h3{text-align:center; font-size:21px; padding-left:0px;}

.servemain{margin:0 auto;}
.latestinfo{width:100%; float:none;}
.latestinfoin{width:300px; float:none; margin:0 auto; padding-bottom: 50px;}
#scrollbar1 .overview ul{padding-left:0px;}
#scrollbar1 .overview ul li{font-size:11px; padding:0 0 25px 23px;}
#scrollbar1 .scrollbar{right:0px !important;}

.knowmatter {width:100%; padding:290px 0 0 0;}
.knowledgewrapin{width:50%; margin-bottom:40px;}
.knwrt{margin-right:0px;}
.knowledgewrapin img{width:197px; height:197px;}


.loginwrap{width:100%; top:0px;}
.mblog{float:none; margin:0 auto; width:115px; padding-right:0px; padding-bottom:20px;}
.mbmid{float:none; margin-right:0px; padding-bottom:20px; width:185px; margin:0 auto;}
.mbmid input.txt{margin-bottom:10px;}
.mbmid input.submitbtn{float:none; margin:0 auto; display:block;}
	
.mbrt{float:none; margin:0 auto; padding-bottom:10px;}

.onlineservices{width:100%;}
.noline{border-bottom:1px solid #3c3c3c;}
.servicesinfotxt{padding:77px 0;}

.knowin{width:100%;}
.accordion-container{width:100% !important; margin-top:0px !important;}
.accordion-container h2.accordion-header{padding:0px 0 20px 90px !important; font-size:21px !important;}
.strip1{background-size:100% 100% !important;}
.strip2{background-size:100% 100% !important;}
.strip3{background-size:100% 100% !important;}
.accordion-content{padding:50px 5% 30px 5% !important;}

.newsin{width:100%;}
#scrollbar1{width:95% !important;}
.solutioninfo{padding-left:0px; width:320px; margin:0 auto;}
.latestinfoin h3{text-align:center; font-size:27px;}
.solutioninfo h3{text-align:center; font-size:27px;}

.solvein{float:left;}
.solveintxt{width:72%; float:right;}

.darkonlineservices{width:100%;}
.darkonlineservicesinfotxt{padding:77px 0;}

.servinfo{border-top:1px solid #9c9c9c; border-bottom:none;}


.loginform{width:260px; padding:15px 5%; margin-bottom:0px; top:50px;}
.loginform ul li{float:none; padding:0 0 20px 0;}
.loginform ul li:last-child{padding:0 0 0 0;}
.memberlog{width:160px; padding-bottom:0px; margin:0 auto;}
.memberlog a{width:100%; margin:0 auto; padding:0 5%;}
.userlog{width:100%; margin-bottom:45px;}
.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:0px; padding-top:0px; text-align:center;}
.subwrap input.submitbtn{width:128px; padding:0 5%; margin:0 auto;}

.usertxt{padding:15px 0 0 0; float:none; width:120px; margin:0 auto;}



}


@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:40px !important;}

.navbar-nav{margin-left:10px;}

.container{width:100% !important;}
.container-fluid{padding-left:0px !important;}

.wrapper{width:750px !important; margin:0 auto !important;}

.navbar-nav > li > a{font-size:11px !important; padding:0 11px !important;}
.navbar-brand{font-size:28px !important;}
.navbar-brand>img{width:150px;}

.nav>li>a.last{padding:0px 11px  0px 11px!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;}


.videoin{width:100% !important; height:auto !important;}
.header-video{width:100% !important; height:371px !important;}
.header-video__close-trigger{top:10px !important; right:10px !important;}


.slide-text{right:0 !important; left:0 !important; margin:0 auto !important; top:55px !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;}






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

.bannertxt{width:100% !important; margin:0 auto;}
.bannertxt h2{font-size:45px !important; line-height:45px !important;}
.bannertxt h2 span.one{font-size:35px !important; line-height:35px !important;}
.bannertxt h2 span.two{font-size:25px !important; line-height:25px !important;}
.bannertxt h3{text-align:center !important; font-size:26px !important; line-height:80px !important; height:90px !important; display:block !important; width:100% !important; float:none !important; margin:0 auto !important; padding:5px 0 !important;}
.bannerin{width:100% !important; float:none; margin:0 auto;}
.bannerin h3:after{height:90px !important; right:-360px !important; width:50% !important;}



.welcomeintroin h1{font-size:26px; line-height:26px;}
.welcomeintrointxt{padding:0px 0px 0px 0px;}

.block-text{padding:50px 20px;}
.block-text h2{font-size:17px;}
.block-text p{width:80%; margin:0 auto;}


.effects .img:first-child{margin-left:0px !important;}

.latestinfoin{width:90%; margin:0 auto;}
#scrollbar1 .overview ul{padding-left:0px;}
#scrollbar1 .overview ul li{font-size:11px; padding:0 0 25px 23px;}

.serveinin{width:100%;}
.serveinfo{padding:100px 0 50px 0;}
#scrollbar1{width:90% !important;}

.knowmatter {width:100%;}
.knowledgewrapin{width:18%;}
.knwrt{margin-right:2%;}
.knowledgewrapin img{width:80px; height:80px;}
.knowledgewrapin h2{font-size:14px; line-height:18px;}


.loginwrap{width:675px; margin:0 auto;}
.mblog{padding-right:10px !important}
.mblog h2{font-size:20px;}
	
.mbmid{margin-right:0; padding:0 0 0 0; width:448px;}
.mbmid input.txt{width:147px; padding:0 5px;}
.mbmid input.rtspacetwo{margin-right:2%;}
.mbrt{}

.onlineservices{width:100%;}
.servin a{font-size:14px; line-height:14px;}

.knowin{width:100% !important;}
.accordion-container{width:100% !important;}
.strip1{background-size:100% 100% !important;}
.strip2{background-size:100% 100% !important;}
.strip3{background-size:100% 100% !important;}

.newsin{width:100%;}
.solutioninfo{padding-left:0px;}

.darkonlineservices{width:100%;}
.servinfo a{font-size:12px;}


.loginform{width:688px; margin:0 auto;}
.loginform ul li{/*width:20%;*/ padding:0 2% 0 0;}
.memberlog{width:100%;}
.memberlog h2{font-size:20px;}
.memberlog a{font-size:15px;}

.subwrap input.submitbtn{}
 
.userlog{width:100%;}
.userlog input.txt{width:100%; font-size:14px; padding:0 5%;}

.userpass{width:100%;}
.userpass input.txt{width:100%; font-size:14px; padding:0 5%;}

.subwrap{width:100%; padding-left:0;}
.subwrap input.submitbtn{width:107%;}

.usertxt{padding:15px 0 0 6%;}

}


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

.container{width:948px !important;}

.wrapper{width:980px !important; margin:0 auto !important;}

.navbar-nav{margin-left:12px;}
.nav>li>a.last{padding:0px 9px  0px 10px!important;}
.navbar-nav > li > a{font-size:16px !important; padding:0 9px !important;}
.navbar-brand{font-size:28px !important;}
.navbar-brand>img{width:200px;}


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

.bannertxt{width:90% !important;}
.bannertxt h3{text-align:center !important; font-size:33px !important; line-height:80px !important; height:90px !important; display:block !important; width:100% !important; float:none !important; margin:0 auto !important; padding:5px 0 !important;}
.bannerin{width:100% !important; float:none; margin:0 auto;}
.bannerin h3:after{height:90px !important; right:-460px !important; width:50% !important;}


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

.bannertxt h2{font-size:55px !important;}
.bannertxt h2 span.one{font-size:45px !important;}
.bannertxt h2 span.two{font-size:32px !important;}

.videoin{width:100% !important; height:auto !important;}
.header-video{width:100% !important; height:371px !important;}
.header-video__close-trigger{top:10px !important; right:10px !important;}



.latestinfoin{width:90%; margin:0 auto;}
#scrollbar1 .overview ul{padding-left:0px;}
#scrollbar1 .overview ul li{font-size:11px; padding:0 0 25px 23px;}

.serveinin{width:100%;}
.serveinfo{padding:100px 0 50px 0;}
.latestinfoin h3{font-size:28px;}
#scrollbar1{width:90% !important;}


.knowmatter {width:100%;}
.knowledgewrapin{width:18%;}
.knwrt{margin-right:2%;}
.knowledgewrapin img{width:80px; height:80px;}
.knowledgewrapin h2{font-size:14px; line-height:18px;}

.onlineservices{width:100%;}

.knowin{width:100% !important;}
.accordion-container{width:100% !important;}
.strip1{background-size:100% 100% !important;}
.strip2{background-size:100% 100% !important;}
.strip3{background-size:100% 100% !important;}

.newsin{width:100%;}

.darkonlineservices{width:100%;}
.servinfo a{font-size:16px;}


.welcomeintroin h1{font-size:30px; line-height:30px;}



.loginform{width:853px; margin:0 auto;}
.loginform ul li{/*width:20%;*/}
.memberlog{width:100%;}
.memberlog a{font-size:15px;}

.foundinfo{width:100%;}
.foundinfo ul li.first{padding-right:65px;}

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

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

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


}



@media screen and (min-width:1217px) and (max-width:1574px)
{

.bannertxt{width:100% !important;}
.bannertxt h3{text-align:center !important; font-size:36px !important; line-height:80px !important; height:90px !important; display:block !important; width:100% !important; float:none !important; margin:0 auto !important; padding:5px 0 !important;}
.bannerin{width:100% !important; float:none; margin:0 auto;}
.bannerin h3:after{height:90px !important; right:-460px !important; width:50% !important;}


}