a{text-decoration:none; border:0 !important; outline:0 !important;}
a:hover{text-decoration:none !important; border:0 !important; outline:0 !important;}
ul,li{list-style:none; margin:0; padding:0;}
h1,h2,h3,h4,h5{margin:0; padding:0;}
header{background:#2a333a;}
.wrapper{width:1000px; margin:0 auto;}
.navwrapper{width:1040px; margin:0 auto;}
.navbar{border-radius: 0px !important; margin-bottom:0px !important; min-height:40px !important; border:0px !important;}
.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;}
.navbar-brand{font-family: 'Open Sans', sans-serif; font-weight:700 !important; font-size:32px !important; padding:20px 0 15px 0 !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 #9a9a9a !important;}
.navbar-nav .dropdown-menu > li:last-child{border-bottom:none !important;}
p{margin-bottom:0px;}


.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:#e92715 !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;
}

.navbar-nav > li{background:url(../images/navline.png) right center no-repeat; margin-right:1px;}
.navbar-nav > li:last-child{background:none;}
.navbar-nav > li > a{line-height:40px !important; padding-top:0px !important; padding-bottom:0px !important; font-family: 'AvantGardeITCbyBT-Medium' !important; text-transform:none !important; color:#fff !important; text-transform:uppercase; !important; font-size:14px !important; height:40px !important; /*background:url(../images/navbg.jpg) left top repeat-x !important;*/}
.nav>li>a{padding:0px 10px !important; margin-right:2px;}
.nav>li>a.last{padding:0px 10px  10px 10px!important;}
.navbar-nav > li > a:hover{color:#e92715 !important; border-top:none !important; background:none !important;}


@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: 'Calibri-Light';
  src: url('../fonts/Calibri-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Calibri-Light.woff') format('woff'), url('../fonts/Calibri-Light.ttf')  format('truetype'), url('../fonts/Calibri-Light.svg#Calibri-Light') 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: '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:#e92715 !important; border-top:none !important; background:none !important;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#e92715 !important; border-top:none !important; background:none !important;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{color:#e92715 !important; border-top:none !important; background:none !important;}
.navbar-nav{float:right !important; padding:25px 0 0 0;}


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

.topwrap{background:#f0f0f0; border-bottom:1px solid #a1a1a1; height:16px; width:100%;}
.bannerslider{width:1247px; margin:0 auto;}


.tapwrap{background:#4b4e53; width:100%; padding:67px 0 40px 0;}
.latestwrapper{overflow:hidden; padding:0px 0 0px 0; width:1140px; margin:0 auto;}
.insidewrap{background:#848484; width:450px; padding:30px 40px 50px 40px; float:none; margin:0 auto; margin-bottom:40px;}
.insidewrap h2{margin:0; padding:0 0 30px 0px; font-size:22px; color:#fff; line-height:22px; font-family: 'RobotoSlab-Regular'; text-align:center; text-transform:uppercase;}

.insidewrap a {
	font-family: 'Humanist521BT-Light';
	float:right;
	font-size:18px;
	color:#fff;
	text-decoration:none; text-transform:uppercase;
	line-height:35px;
	margin-right:18px;
	font-weight:bold;
	float:right; margin-right:35px; display:inline-block; background:#18b5dc; width:246px; text-align:center; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; behavior: url(PIE.htc); position:relative; margin-top:20px;
}
.insidewrap a:hover {
	text-decoration:none; background:#000;
}


.scheme{background:#f9f9f9; padding:78px 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{padding:0px 0 60px 0; font-size:30px; line-height:30px; color:#191919; font-family: 'Lato', sans-serif; font-weight:700; width:auto; margin:0 auto; text-transform:uppercase;}



.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:#fff; 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;}

.knowledgewrap{padding:45px 0 0 0; background:url(../images/knowledgebg.png)center top no-repeat; background-size:cover; border-top:1px solid #666;}
.knowtitile{text-align:center;}
.knowtitile h2{color:#2a2e33; font-family: 'NewsGothicBT-Bold'; font-size:36px; line-height:36px; margin:0; padding-bottom:40px;}


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

.latestnews{width:auto;}
.latestnews a {
	font-family: 'Lato', sans-serif;
	float:right;
	font-size:24px;
	color:#fff;
	text-decoration:none; text-transform:none;
	line-height:50px;
	font-weight:300;
	float:none; display:block; background:#1c7dcf; width:230px; text-align:center;
	margin:0 auto;
}
.latestnews a:hover {
	text-decoration:none; background:#000;
}



.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:743px;}

.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: 'MyriadPro-Regular';
	color:#fff;
	font-size:18px;
	line-height:35px;
	padding:0 0 25px 25px;
	background:url(../images/news-bullet.jpg) no-repeat left 10px;
}

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


.latestcontainer .carousel-inner > .item{height:auto !important;}
.latestcontainer .carousel-inner{background:none !important;}


.proinformation{padding:80px 0; text-align:center;}
.proinformation h2{font-family: 'Oswald', sans-serif; font-size:30px; color:#000; margin:0; padding:0 0 60px 0; text-transform:uppercase;}
.proinfoin{text-align:center; width:330px;}
.nospace{padding-left:0px !important; padding-right:0px !important;}
.proinfoin h2{font-size:18.75px; line-height:19px; color:#000; font-family: 'MyriadPro-Regular'; text-transform:uppercase; -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;}

.proinfoin img{display:block; margin:0 auto; text-align:center; 
-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; margin-bottom:35px;}


.proinfoin 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 */}

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

.proinfoin a:hover h2{color:#0170e6;}

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


.knowinfo{background:#ebebeb; padding:65px 0;}
.knowin{text-align:center;}

.knowin h2{font-family: 'Oswald', sans-serif; font-size:30px; color:#000; line-height:30px; text-transform:uppercase; font-weight:700; padding-bottom:45px;}
.knowinin{ -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-align:center;}
.knowinin a{-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; behavior: url(PIE.htc); position:relative; display:inline-block; padding:0 45px; background:#0170e6; line-height:35px; color:#fff; font-size:15px; text-transform:uppercase; text-align:center; -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:25px;}
.knowinin:hover a{background:#000;} 
.knowinin:hover .knowintop h3{color:#000;}
.knowinin:hover .knowintop p{color:#000;}
.knowintop{background:#fff; text-align:center; padding:20px 28px 30px 28px; min-height:390px;}
.knowinin:hover{transform: scale(1.1);}
.knowintop img{display:block; text-align:center; margin:0 auto; padding-bottom:25px;} 
.knowintop h3{margin:0; padding:0 0 15px 0; font-family: 'MyriadPro-Regular'; color:#000; font-size:20px; 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;}
.knowintop p{font-family: 'MyriadPro-Regular'; color:#000; font-size:12px; line-height:20px;}
.knowintop:hover{}


.smartsolve{background:url(../images/smart-solution.png) center top no-repeat; background-size:cover; padding:50px 0;}
.smartsolvein{width:850px; margin:0 auto; text-align:center;}
.smartsolvein h2{color:#f2f2f2; font-size:30px; text-transform:uppercase; line-height:30px; text-transform:uppercase; padding-bottom:20px; font-family: 'Oswald', sans-serif; margin:0;}
.smartsolvein p{color:#ddeff3; font-size:20px;  font-family: 'Humanist521BT-Light'; line-height:22px; padding-bottom:20px;}


.smartsolveinfo{-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; behavior: url(PIE.htc); position:relative; border:1px solid #fff; text-align:center; box-shadow: 0px 0px 10px 4px rgba(255, 255, 255, 0.2);
-moz-box-shadow: 0px 0px 10px 4px rgba(255, 255, 255, 0.2);
-webkit-box-shadow: 0px 0px 10px 4px rgba(255, 255, 255, 0.2);}
.smartsolveinfoin{margin:0 auto; margin:2px; background:#fff; padding:48px 20px 25px 20px; text-align:center;}
.smartsolveinfoin img{display:block; text-align:center; margin:0 auto; padding-bottom:40px;}
.smartsolveinfoin h2{font-size:19px; line-height:22px; color:#3c3c3c; font-family: 'MyriadPro-Regular'; padding-bottom:25px; padding-top:0px; margin:0; text-transform:none;}
.smartsolveinfoin a{-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; behavior: url(PIE.htc); position:relative; display:inline-block; padding:0 0px; background:#0170e6; line-height:35px; color:#fff; font-size:15px; text-transform:uppercase; text-align:center; -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; width:124px; margin:0 auto;}
.smartsolveinfoin:hover a{background:#000;} 

.onlinewrap{text-align:center; border-bottom: 1px solid #808080; padding-bottom:60px; overflow:hidden; width:940px; margin:0 auto;}
.onlinewrap h2{font-family: 'Oswald', sans-serif; color:#3c3c3c; font-size:30px; line-height:30px; text-transform:uppercase; padding-bottom:40px;}
.onlinewrapin{width:740px; margin:0 auto;}
.serve{ text-align:center; width:168px; -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;}
.serve h3{font-size:24px; line-height:24px; color:#000; font-family: 'Humanist777BT-RomanB';}
.servicecircle{background:#c5cdda; text-align:center; margin-bottom:40px; width:168px; height:168px;}
.servicecircle img{display:block; text-align:center; margin:0 auto; line-height:80px; position:relative; top:25%; -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;}
.serve:hover h3{color:#0170e6;}
.serve:hover .servicecircle img{-ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(160deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);}
	

.orange{background:#02c0e2;}
.loginform{background: rgba(0, 0, 0, .4); width:1000px; 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; margin-top:-151px; border-bottom:1px solid #101221;} 
.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:250px; padding:20px 0 0 0;}
.memberlog a{color:#fff; font-size:24px; line-height:42px; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; behavior: url(PIE.htc); position:relative; background:#e92715; text-transform:uppercase; font-family: 'MyriadPro-Regular'; display:block; text-align:center;}
.memberlog a:hover{text-decoration:none !important;}
.userlog{width:250px; padding:0px 0 0 0;}
.userlog p{color:#fff; 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:250px; padding:0 10px; height: 42px; border: none; color: #2a2e33; font-size:18px; font-family: 'MyriadPro-Regular'; transition: all 0.3s ease 0s; line-height:42px; text-transform: none; float:none; display:block; float:left; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; behavior: url(PIE.htc); position:relative;}


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

.userlog input:focus{outline: none; box-shadow: 0px 0px 12px #afefff; border-color: #00ccff;}

.subwrap{width:172px; padding:23px 0 0 0;}
.subwrap input.submitbtn{font-size:27px; line-height:42px; height:42px; color:#fff; text-align:center; display:block; cursor:pointer; border:0; outline:none; font-family: 'MyriadPro-Regular'; text-transform:uppercase; background:#00b09c;/*background:#ca6e55;*/ width:172px; transition: all 0.5s ease; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; behavior: url(PIE.htc); position:relative;}
.subwrap input.submitbtn:hover{box-shadow: inset 200px 0 0 0 #00ccff; color:#00ccff; color:#fff;}


.userpass{width:250px; padding:0px 0 0 0;}
.userpass p{color:#fff; 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:250px; padding:0 10px; height: 42px; border: none; color: #2a2e33; font-size:18px; font-family: 'MyriadPro-Regular'; transition: all 0.3s ease 0s; line-height:42px; text-transform: none; float:none; display:block; float:left; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; behavior: url(PIE.htc); position:relative;}

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

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


.knowledge{width:1140px; margin:0 auto; text-align:center;}
.knowledgetitle{text-align:center; margin-bottom:30px; width:1045px; margin:0 auto;}
.knowledgetitle h2{font-family: 'RobotoSlab-Regular'; text-transform:none; color:#2a333a; font-size:35px; line-height:35px; padding-bottom:70px;}

.knowledge p{font-family: 'RobotoSlab-Regular'; font-size:20px; line-height:20px; color:#000; padding-bottom:40px;}

.bttspace{margin-bottom:20px;}
.mainwrap{width:675px; height:333px;}
.mainwrapone{width:324px; height:333px;}
.mainwraptwo{width:324px; height:333px;}


.box {
    position: relative;
}

.box_content {
    position: absolute;
    top: 0;
    left: 0;
}

.title {
    position: absolute;
    top: 40%;            /* This moves it to the bottom (initial state) */
    width: 100%;
    height: 20%;
    /*background: rgba(1, 192, 226, .5);
    background: rgba(1, 192, 226, .5);*/
    transition: top 1s; font-family: 'RobotoSlab-Regular'; font-size:20px; line-height:60px; color:#fff; line-height:60px;  -webkit-transition:all 1s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
		-ms-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;  text-shadow: 0 0 0.9em #000, 0 0 0.9em #000, 0 0 0.9em #000; text-transform:uppercase;
}


.titleone {
    position: absolute;
    top: 40%;            /* This moves it to the bottom (initial state) */
    width: 100%;
    height: 20%;
    /*background: rgba(1, 192, 226, .5);
    background: rgba(1, 192, 226, .5);*/
    transition: top 1s; font-family: 'RobotoSlab-Regular'; font-size:20px; line-height:60px; color:#fff; line-height:60px;  -webkit-transition:all 1s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
		-ms-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;  text-shadow: 0 0 0.9em #000, 0 0 0.9em #000, 0 0 0.9em #000; text-transform:uppercase;
}



.titletwo{
    position: absolute;
    top: 40%;            /* This moves it to the bottom (initial state) */
    width: 100%;
    height: 20%;
    /*background: rgba(1, 192, 226, .5);
    background: rgba(1, 192, 226, .5);*/
    transition: top 1s; font-family: 'RobotoSlab-Regular'; font-size:20px; line-height:60px; 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;
		-ms-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;  text-shadow: 0 0 0.9em #000, 0 0 0.9em #000, 0 0 0.9em #000; text-transform:uppercase;
}


.titlethree{
    position: absolute;
    top: 40%;            /* This moves it to the bottom (initial state) */
    width: 100%;
    height: 20%;
    /*background: rgba(1, 192, 226, .5);
    background: rgba(1, 192, 226, .5);*/
    transition: top 1s; font-family: 'RobotoSlab-Regular'; font-size:20px; line-height:60px; color:#fff; line-height:60px;  -webkit-transition:all 1s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
		-ms-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;  text-shadow: 0 0 0.9em #000, 0 0 0.9em #000, 0 0 0.9em #000; text-transform:uppercase;
}



.box:hover .title {
    top: 0;           /* This moves it to the top (only on hover) */
	color:#000;
	height:100%; background: rgba(231, 231, 231, .8); text-shadow: 0 0 0.9em #fff, 0 0 0.9em #fff, 0 0 0.9em #fff;
}


.box:hover .titleone {
    top: 0;           /* This moves it to the top (only on hover) */
	color:#000;
	height:100%; background: rgba(231, 231, 231, .8); text-shadow: 0 0 0.9em #fff, 0 0 0.9em #fff, 0 0 0.9em #fff;
}

.box:hover .titletwo {
    top: 0;           /* This moves it to the top (only on hover) */
	color:#000;
	height:100%; background: rgba(231, 231, 231, .8); text-shadow: 0 0 0.9em #fff, 0 0 0.9em #fff, 0 0 0.9em #fff;
}


.box:hover .titlethree {
    top: 0;           /* This moves it to the top (only on hover) */
	color:#000;
	height:100%; background: rgba(231, 231, 231, .8); text-shadow: 0 0 0.9em #fff, 0 0 0.9em #fff, 0 0 0.9em #fff;
}


.serviceswrapper{width:1250px; margin:0 auto;}
.servein{float:left; width:308px; text-align:center; padding:59px 0 0 0; min-height:270px;}
.servein img{display:block; text-align:center; margin:0 auto; padding-bottom:45px; -webkit-transition:all 1s ease-in-out;
		-moz-transition:all 1s ease-in-out;
		-o-transition:all 1s ease-in-out;
		-ms-transition:all 1s ease-in-out;
		transition:all 1s ease-in-out;}
.servein h2{color:#fff; font-family: 'RobotoSlab-Regular'; font-size:18px; line-height:18px;}
.dark{background:#149fb6; -webkit-transition:all 1s ease-in-out;
		-moz-transition:all 1s ease-in-out;
		-o-transition:all 1s ease-in-out;
		-ms-transition:all 1s ease-in-out;
		transition:all 1s ease-in-out;}
.light{background:#17a9c2; -webkit-transition:all 1s ease-in-out;
		-moz-transition:all 1s ease-in-out;
		-o-transition:all 1s ease-in-out;
		-ms-transition:all 1s ease-in-out;
		transition:all 1s ease-in-out;}
.dark:hover{background:#005d83;}
.light:hover{background:#005d83;}
.faintlight{background:#18b3cf; -webkit-transition:all 1s ease-in-out;
		-moz-transition:all 1s ease-in-out;
		-o-transition:all 1s ease-in-out;
		-ms-transition:all 1s ease-in-out;
		transition:all 1s ease-in-out;}
.faintlight:hover{background:#005d83;}
.faint{background:#19bfd9; -webkit-transition:all 1s ease-in-out;
		-moz-transition:all 1s ease-in-out;
		-o-transition:all 1s ease-in-out;
		-ms-transition:all 1s ease-in-out;
		transition:all 1s ease-in-out;}
.faint:hover{background:#005d83;}

.servein:hover img{-webkit-transform: rotate(360deg);
          transform: rotate(360deg);}


.proinformation{width:1140px; margin:0 auto; text-align:center; padding-bottom:60px; overflow:hidden;}
.proinpart{text-align:center;}
.proinpart img{text-align:center; display:block; margin:0 auto; margin-bottom:20px; -webkit-filter: none;
-moz-filter: none;
-ms-filter: none; -webkit-transition:all 1s ease-in-out;
		-moz-transition:all 1s ease-in-out;
		-o-transition:all 1s ease-in-out;
		-ms-transition:all 1s ease-in-out;
		transition:all 1s ease-in-out;}
.proinpart 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 */ }


.service{background:#f8f8f8; padding:115px 0;}
.servicesinformation{width:auto; margin:0 auto; padding:0 0 0 0;}

.servinform{text-align:center; padding:0px 0 0px 0;}
.servin{border-radius:100%; width:115px; height:115px; margin:0 auto; border:1px solid #ebebeb; margin-bottom:50px; -webkit-transition:all 1s ease-in-out;
		-moz-transition:all 1s ease-in-out;
		-o-transition:all 1s ease-in-out;
		-ms-transition:all 1s ease-in-out;
		transition:all 1s ease-in-out;}
.servin img{display:block; text-align:center; margin:0 auto; margin-bottom:40px; -webkit-transition:all 1s ease-in-out;
		-moz-transition:all 1s ease-in-out;
		-o-transition:all 1s ease-in-out;
		-ms-transition:all 1s ease-in-out;
		transition:all 1s ease-in-out; line-height:115px;}
.faint:hover{background:#005d83;}
.servinform h2{font-family: 'RobotoSlab-Regular'; color:#2ad2c9; font-size:18px; line-height:18px; text-transform:uppercase; padding-bottom:15px;  -webkit-transition:all 1s ease-in-out;
		-moz-transition:all 1s ease-in-out;
		-o-transition:all 1s ease-in-out;
		-ms-transition:all 1s ease-in-out;
		transition:all 1s ease-in-out;}
.servinform p{font-family: 'RobotoSlab-Regular'; color:#000; font-size:14px; line-height:20px; text-transform:none; padding-bottom:0px;}

.servinform:hover img{-webkit-transform: rotate(360deg);
          transform: rotate(360deg);}
.servinform:hover h2{color:#00262d;}

.servinform:hover .servin{background:#2ad2c9; border:1px solid #333;}

.sliderwrap{width:1250px; margin:0 auto; padding:75px 0;}

/* carousel */
.sliderwrap #quote-carousel 
{
  padding: 0 10px 60px 10px;
  margin-top: 30px;
}

/* Control buttons  */
.sliderwrap #quote-carousel .carousel-control
{
  background: none;
  display:none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
.sliderwrap #quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
.sliderwrap #quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
.sliderwrap #quote-carousel .carousel-indicators 
{
display:none;
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
.sliderwrap #quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.sliderwrap #quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
.sliderwrap #quote-carousel img
{
  width: 110px;
  height: 110px; border:5px solid #c0c0c0;
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    /*content: "\f10d";
    font-family: 'Fontawesome';*/
    float: left;
    margin-right: 10px;
}


.testimonialwrapper{background:#f8f8f8;}
.testimonialinfo{padding:92px 0 115px 0; text-align:center;}
.testimonialinfo h2{font-family: 'RobotoSlab-Regular'; text-transform:none; color:#2a333a; font-size:35px; line-height:35px; padding-bottom:70px;}
.bigger{font-size: 140%; color: #ff9800;}


.testimonialinfo .carousel-control.left,.carousel-control.right  {background:none;width:25px; display:none;}
.testimonialinfo .carousel-control.left {left:-25px;}
.testimonialinfo .carousel-control.right {right:-25px;}
.broun-block {
    
    padding-bottom: 34px;
}
.block-text {
   	background: rgba(255, 255, 255, .35);
    /*border-radius: 5px;
    box-shadow: 0 3px 0 #2c2222;*/
    color: #626262;
    font-size: 14px;
    margin-top: 0px;
    padding: 0px 18px;
	
}



.block-text a {
 color: #4a8ee3;
    font-size: 12px;
    line-height: 21px;
    text-decoration: none;
    /*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);*/
	font-family: 'RobotoSlab-Regular'; font-style:italic;
}
.mark {
    padding: 12px 0;background:none;
}
.block-text p {
    color: #000;
    font-family: 'RobotoSlab-Regular';
    font-style: italic;
    line-height: 20px;
	font-size:12px;
	padding-bottom:15px;
}
.block-text ins {
    bottom: -44px;
    left: 50%;
    margin-left: -60px;
}



.block {
    display: block;
}
.zmin {
    z-index: 1;
}
.ab {
    position: absolute;
}

.person-text {
    padding: 40px 0 0;
    text-align: center;
    z-index: 2;
	width:317px; margin:0 auto;
}

.person-text img{float:none; padding-right:0px; margin-bottom:60px;}
.person-text a {
    color: #4a8ee3;
    font-size: 12px;
    line-height: 21px;
    text-decoration: none;
	font-family: 'RobotoSlab-Regular';
}

.person-text i {
    color: #fff;
    font-family: Georgia;
    font-size: 13px;
}
.rel {
    position: relative;
}


.centreknow{padding:70px 0;}
.centrein{}
div.centerinfotxt{border:5px solid #e9e9e9; display:block !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;}
.centertxt{width:320px; margin:0 auto; margin-top:18px; margin-bottom:18px;}
.centertxttop{}
.centertxttop img{display:block; margin:0 auto; text-align:center; border:3px solid #ededed; margin-bottom:35px; -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;}

.centertxtbottom{width:276px; margin:0 auto;}
.centertxtbottom h2{font-family:"DejaVu Serif Condensed"; font-size:18px; line-height:18px; color:#000; text-transform:uppercase; padding-bottom:20px; margin:0; text-align:center;}
.centertxtbottom p{font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; color:#000; padding-bottom:20px; text-align:justify; margin:0;}
.centertxt a{border:4px solid #2b2b2b; text-align:center; text-transform:uppercase; 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; padding:0 20px; display:inline-block; color:#000;}
.centertxt a:hover{background:#000; color:#fff;}

.infoone img{-webkit-filter: none;
-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;}

.centerinfotxt:hover .centertxttop img{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 */}
div.centerinfotxt:hover{border:5px solid #000;}
.centerinfotxt:hover .centertxt a{background:#000; color:#fff;}

.choclaty{background:#493c35; padding:78px 0;}
.newstxtinfo{text-align:center; width:1040px; margin:0 auto;}
.newstxtinfo h2{font-family:"DejaVu Serif Condensed"; font-size:60px; line-height:60px; color:#ff9800; text-transform:uppercase; padding-bottom:40px; margin:0; text-align:center;}


/* carousel */
.testimonailwrap #quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: -30px;
}

blockquote{border-left:none !important;}
.carousel-control{display:none !important;}

/* Control buttons  */
.testimonailwrap #quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
  opacity:1 !important;
  
}
/* Previous button  */
.testimonailwrap #quote-carousel .carousel-control.left 
{
  left: -12px; display:none !important;
}

.testimonailwrap #quote-carousel .carousel-control.left:hover {background:#0558ab; color:#fff;}

/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important; display:none !important;
}
/* Changes the position of the indicators */
.testimonailwrap #quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px; display:none;
}
/* Changes the color of the indicators */
.testimonailwrap #quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.testimonailwrap #quote-carousel .carousel-indicators .active 
{
  background: #333333;
}


.testimonailwrap .circle {
    border-radius: 50%;
    width: 195px;
    height: 195px;
    background:#1c68b3;
    border: 3px solid #0558ab; position:relative; z-index:5; top:50px;
}

.testimonailwrap .leftquote{position:absolute; z-index:6; left:0; top:0;}
.testimonailwrap .leftquote img{width:89px !important; height:88px !important; box-shadow:none !important;}

.testimonailwrap .rightquote{position:absolute; z-index:6; right:0; bottom:90px;}
.testimonailwrap .rightquote img{width:89px !important; height:88px !important; box-shadow:none !important;}

.testimonailwrap #quote-carousel img
{
  /*width: 185px !important;
  height: 185px !important;*/ -webkit-box-shadow: 0px 0px 10px 0px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(255,255,255,1);
box-shadow: 0px 0px 10px 0px rgba(255,255,255,1); behavior: url(PIE.htc); position:relative;
}
/* End carousel */

.testimonailwrap .item blockquote {
    border-left: none; 
    margin: 0;
}

.testimonailwrap .item blockquote img {
    margin-bottom: 10px;
}


.testrtinfo{width:auto; padding:0px 0 0 0;}
.testrtinfo h2{color:#dfe3e6; font-family: 'MyriadPro-Regular'; font-size:30px; margin:0;}
.testrtinfo p{font-family: 'MyriadPro-Regular'; color:#fff; font-size:20px; line-height:22px; padding-bottom:35px; margin:0;}
.testrtinfo span{color:#ff9800; text-align:right; font-family: 'MyriadPro-Regular'; font-size:24px; font-style:italic; float:right;}

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

div.knowpartinfo{width:688px; position:relative; display: table;
            text-align: center;     /* Vertical Center Align */
            width: 100%;
            height: 333px; overflow:hidden; -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.knowpartinfo img{ margin:0 auto; 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;}
div.knowpartinfo h2{display: table-cell;
            vertical-align: middle; /* Horizotal Center Align */
            font-family: 'RobotoSlab-Regular'; font-size:24px; line-height:24px; text-shadow: 0 0 0.5em #000, 0 0 0.5em #000, 0 0 0.5em #000; text-transform:uppercase;          
            color: white;
            /*font-size:x-large;*/
            font-weight: 900; position:absolute; z-index:100; left:0; top:0; right:0; margin:0 auto; line-height:333px; -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.knowpartinfo:hover{background:#000;}		
div.knowpartinfo:hover div.knowpartinfo h2{line-height:20px;}

.smartwrap{background:#2c3137;}
.smartinfo{background:url(../images/smart-solution.jpg) center top no-repeat; text-align:center; padding:115px 0; width:1150px; margin:0 auto;}
.smartinfo h2{font-family: 'RobotoSlab-Regular'; color:#fff; text-transform:uppercase; font-size:24px; line-height:24px; padding-bottom:46px;}
.smartinfo p{font-family: 'Humanist521BT-Light'; color:#fff; font-size:30px; line-height:30px;}


.white{background:#fff; padding:100px 0 0px 0; overflow:hidden;}

.introin{padding:0px 0px 30px 0; text-align:center;}
.introin h1{margin:0; padding:0 0 45px 0; color:#000; font-size:36px; line-height:36px; font-family: 'RobotoSlab-Regular'; font-weight:600; text-transform:none;}
.introin p{font-family: 'Calibri-Light'; color:#6a6c76; font-size:20px; line-height:25px; padding-bottom:60px; font-style:italic;}
.introin a{margin:0 auto; display:inline-block; padding:0px 60px; background:#00b09c; text-transform:none; color:#000; line-height:68px; -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: 'Calibri-Light'; font-size:24px;}
.introin a:hover{background:#000; text-decoration:none; color:#fff;}







@media screen and (min-width:320px) and (max-width:480px)
{
.navbar{min-height:70px !important;}	
.navwrapper{width:100%; padding-bottom:30px;}
.wrapper{width:100% !important; margin:0 auto !important;}
.navbar-nav{float:none !important; margin:0px 0 0 0 !important;}
.navbar-brand{padding:30px 0 0 0 !important; width:180px !important; height:auto !important; position:absolute; z-index:100; float:none !important; margin:0 auto !important;}
.navbar-brand > img{width:100%; height:auto; display:block !important; text-align:center !important; margin:0 auto !important;}
.navbar-nav > li > a{line-height:40px !important; display:block !important; margin:0 auto !important; height:40px !important; background:#f0f0f0 !important; color:#000 !important;}
.navbar-collapse{box-shadow:none !important;}

.navbar-collapse.in{overflow:hidden !important;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{padding:0px 0 0 0 !important;}
.navbar-default .navbar-toggle{top:20px !important;}
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret{margin-top:-13px !important; background:#b6b6b6 !important; display:block !important; margin-right:10px !important;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{border-top:none !important;}

.navbar-nav.sm-collapsible a.has-submenu{background:#c9c9c9 !important;}

.navbar-default .navbar-nav > li > a:hover{color:#e92715 !important;}

.navbar-nav .open .dropdown-menu{background:#888787 !important; color:#fff !important; padding: 0 0 0 0 !important;}

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


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{color:#e92715 !important; border-top:none !important; background:#e6e6e6 !important;}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background:#000 !important; color:#ffd700 !important;}

.navbar-toggle{margin-right:0px !important;}

.nav > li{border-bottom:1px solid #9a9a9a !important; background:#d4d4d4 !important;}
.nav > li a{padding:0 0 0 20px !important;}
.nav > li a:hover{padding:0 0 0 40px !important; border-top:none !important;}
.nav > li:last-child{border-bottom:none !important;}
.nav>li>a.last{padding:0px 20px 10px 20px!important;}
.nav>li>a.last:hover{padding:0px 40px 10px 40px!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; font-size:12px !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:#d9d9d9 !important;}

.schemein{width:100%; margin:0 auto;}
.schemein img{width:100%; height:auto;}
.schemein h2{width:100%;}
.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;}


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

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

.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:290px; padding:15px 5% 30px 5%; margin-top:40px;}
.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:0px; margin-bottom:20px;}
.memberlog a{width:100%; margin:0 auto; padding:0 5%;}
.userlog{width:100%; margin-bottom:20px;}
.userlog input.txt{width:100%; padding:0 10%;}
.userpass{width:100%; margin-bottom:60px;}
.userpass input.txt{width:100%; padding:0 10%;} 
.subwrap{width:198px; padding:0px; text-align:center; margin:0 auto;}
.subwrap input.submitbtn{width:198px; padding:0; margin:0 auto;}

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

.knowinfo{padding:65px 0 20px 0;}

.white{padding:50px 0 0 0;} 

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

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

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

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

.introin{padding:30px 5%;}


.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;}
.bannerslider{width:100%;}

.slidein{width:100% !important;}
.bannertxt{width:260px !important; text-align:center !important;}
.bannertxt h2{text-align:center !important; font-size:13px !important; line-height:20px !important; padding:0 30px !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;}

.latestwrapper{width:100%; padding:30px 0 30px 0;}
.insidewrap{width:250px; float:none; margin:0 auto; margin-bottom:40px;}

.proinfoin{width:100%; min-height:213px;}
.nospace{padding-left:15px !important; padding-right:15px !important;}
.proinfoin h2{font-size:15px; line-height:18px;}

.knowinin{margin-bottom:40px;}
.smartsolvein{width:100%;}
.smartsolveinfo{margin-bottom:40px;}
.smartsolve{padding:50px 0 10px 0;}

.onlinewrap{width:95%; margin:0 auto; padding-bottom:20px;}
.onlinewrapin{width:100%;}
.serve{width:100%; padding-bottom:20px;}
.serve h3{font-size:19px; line-height:19px;}
.servicecircle{width:100px; height:100px; margin:0 auto; margin-bottom:20px;}
.servicecircle img{width:50px; height:50px;}

.insidewrap a{margin:0 auto; margin-bottom:50px; margin-right:0px; margin-top:20px;}
#scrollbar1 .overview ul li{font-size:14px;}

.knowledge{width:270px; overflow:hidden; margin:0 auto;}
.mainwrap{width:115px; height:115px; margin:0 auto;}
.box{margin-bottom:30px;}
.title{font-size:11px; line-height:18px; top:40%; height:48px; padding:6px 0 0 0;}
.titleone{font-size:11px; line-height:18px; top:40%; height:48px; padding:6px 0 0 0;}
.knowledgetitle{width:100%;}
.mainwrapone{width:115px; height:115px; margin:0 auto;}
.mainwrap img{max-width:115px !important; height:115px !important;}
.mainwraptwo{width:145px; height:115px; margin:0 auto;}
.mainwraptwo img{max-width:145px !important; height:115px !important;}
.titletwo{font-size:11px; line-height:18px; top:40%; height:48px; padding:6px 0 0 0;}
.titlethree{font-size:11px; line-height:18px; top:40%; height:48px; padding:6px 0 0 0;}




.serviceswrapper{width:100%; overflow:hidden;}
.servein{width:50%;}
.servein h2{font-size:15px;}

.proinformation{width:100%;}

.sliderwrap{width:100%; padding:0px 0 0 0;}
.ltpart{width:100%; float:none; min-height:auto;}
.rtpart{width:100%; float:none; min-height:auto; padding:60px 10px !important;}
.rtpart p{line-height:25px;}

.smartinfo{width:100%; padding:45px 0;}
.smartinfo h2{padding-bottom:25px;}
.smartinfo p{padding:0 20px; font-size:20px;}

.service{padding:65px 0 85px 0;}

.servinform h2{font-size:14px;}
.servinform p{font-size:12px;}
.servinform{margin-bottom:60px;}

.testimonialinfo{padding:42px 0 65px 0;}



}

@media screen and (min-width:481px) and (max-width:767px)
{
.navbar{min-height:70px !important;}	
.navwrapper{width:100%;}
.container{width:100% !important;}
.wrapper{width:100% !important; margin:0 auto !important;}
.navbar-nav{float:none !important; margin:0px 0 0 0 !important;}
.navbar-brand{padding:15px 0 !important; width:180px !important; height:auto !important; position:absolute; z-index:100; float:none !important; margin:0 auto !important;}
.navbar-brand > img{width:100%; height:auto; display:block !important; text-align:center !important; margin:0 auto !important;}
.navbar-nav > li > a{line-height:40px !important; display:block !important; margin:0 auto !important; height:40px !important; background:#f0f0f0 !important; color:#000 !important;}
.navbar-collapse{box-shadow:none !important;}

.navbar-collapse.in{overflow:hidden !important;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{padding:0px 0 0 0 !important;}
.navbar-default .navbar-toggle{top:20px !important;}
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret{margin-top:-13px !important; background:#b6b6b6 !important; display:block !important; margin-right:10px !important;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{border-top:none !important;}

.navbar-nav.sm-collapsible a.has-submenu{background:#c9c9c9 !important;}

.navbar-default .navbar-nav > li > a:hover{color:#e92715 !important;}

.navbar-nav .open .dropdown-menu{background:#888787 !important; color:#fff !important; padding: 0 0 0 0 !important;}

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


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{color:#e92715 !important; border-top:none !important; background:#e6e6e6 !important;}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background:#000 !important; color:#ffd700 !important;}

.navbar-toggle{margin-right:0px !important;}

.nav > li{border-bottom:1px solid #9a9a9a !important; background:#d4d4d4 !important;}
.nav > li a{padding:0 0 0 20px !important;}
.nav > li a:hover{padding:0 0 0 40px !important; border-top:none !important;}
.nav > li:last-child{border-bottom:none !important;}
.nav>li>a.last{padding:0px 20px 10px 20px!important;}
.nav>li>a.last:hover{padding:0px 40px 10px 40px!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; font-size:12px !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:#d9d9d9 !important;}


.white{padding:50px 0 0 0;} 


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

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


.introin{padding:30px 5%;}

.slide-text{right:0 !important; left:0 !important; margin:0 auto !important;  padding:0 0px 0 0px !important; width:480px !important; bottom:50px !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:400px !important; margin:0 auto !important;}
.bannertxt h2{text-align:center !important; font-size:18px !important; line-height:68px !important; padding:0 30px !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;}

.bannerslider{width:100%;}
.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:25px !important;}


.slide-text{padding:0px 0 0 0 !important;}
.slidein{width:100% !important;}
.bannerlt{float:none !important; margin:0 auto; width:70%; text-align:center !important; padding-bottom:0px !important;}
.bannerlt img{width:100% !important; height:auto !important; display:block !important; margin:0 auto !important; text-align:center !important;}

.bannerrt{float:none !important; display:block !important; padding:20px 0 0 0 !important;}
.bannerrt h2{padding:0 0 15px 0 !important; font-size:20px !important; line-height:20px !important;}
.bannerrt h3{padding:0 0 0px 0 !important; font-size:30px !important; line-height:40px !important;}
.bannerrt h3 .fa-quote-left{left:-20px !important; font-size:20px !important;}
.bannerrt h3 .fa-quote-right{right:-20px !important; font-size: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; bottom:0px !important;}

.latestwrapper{width:100%;}
.insidewrap{float:none; width:400px; margin:0 auto; margin-bottom:40px;}
.insidewrap a{margin-bottom:40px;}


.proinfoin{width:100%;}
.nospace{padding-left:15px !important; padding-right:15px !important;}
.proinfoin h2{font-size:15px; line-height:18px;}

.knowinin{width:240px; margin:0 auto; margin-bottom:40px;}

.knowinin{margin-bottom:40px;}
.smartsolvein{width:100%;}
.smartsolveinfo{margin-bottom:40px;}
.smartsolve{padding:50px 0 10px 0;}

.onlinewrap{width:95%; margin:0 auto; padding-bottom:20px;}
.onlinewrapin{width:100%;}
.serve{width:100%; padding-bottom:20px;}
.serve h3{font-size:19px; line-height:19px;}
.servicecircle{width:150px; height:150px; margin:0 auto; margin-bottom:20px;}
.servicecircle img{width:80px; height:80px;}

.loginform{width:400px; padding:15px 5% 30px 5%; margin-bottom:0px; margin-top:40px;}
.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:0px; margin-bottom:20px;}
.memberlog a{width:100%; margin:0 auto; padding:0 10%;}
.userlog{width:100%; margin-bottom:20px;}
.userlog input.txt{width:100%; padding:0 10%;}
.userpass{width:100%; margin-bottom:60px;}
.userpass input.txt{width:100%; padding:0 10%;} 
.subwrap{width:198px; padding-bottom:0px; padding-top:0px; text-align:center; margin:0 auto;}
.subwrap input.submitbtn{width:198px; padding:0; margin:0 auto;}

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

.knowledge{width:100%; overflow:hidden;}
.mainwrap{width:145px; height:115px; margin:0 auto;}
.box{margin-bottom:30px;}
.title{font-size:11px; line-height:18px; top:46%; height:48px; padding:6px 0 0 0;}
.knowledgetitle{width:460px; margin:0 auto;}
.mainwrapone{width:145px; height:115px; margin:0 auto;}
.mainwrap img{max-width:145px !important; height:144px !important;}
.mainwraptwo{width:145px; height:115px; margin:0 auto;}
.mainwraptwo img{max-width:240px !important; height:144px !important;}
.bttspace{margin-bottom:50px;}



.box{margin-bottom:30px;}
.title{font-size:14px; line-height:18px; top:41%; height:48px; padding:6px 0 0 0;}
.titleone{font-size:14px; line-height:18px; top:35%; height:48px; padding:6px 0 0 0;}
.titletwo{font-size:14px; line-height:18px; top:35%; height:48px; padding:6px 0 0 0;}
.titlethree{font-size:14px; line-height:18px; top:35%; height:48px; padding:6px 0 0 0;}

.serviceswrapper{width:100%; overflow:hidden;}
.servein{width:50%;}
.servein h2{font-size:15px;}

.proinformation{width:100%;}


.sliderwrap{width:100%;}
.ltpart{width:100%; float:none; min-height:auto;}
.rtpart{width:100%; float:none; min-height:auto; padding:60px 30px !important;}
.rtpart p{line-height:25px;}

.service{padding:65px 0 85px 0;}
.servinform{margin-bottom:30px;}
.smartinfo{width:100%; padding:85px 0;}
.smartinfo h2{padding-bottom:45px;}
.smartinfo p{padding:0 20px; font-size:20px;}


}


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

.container{width:100% !important;}

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

.navbar-nav > li > a{font-size:12px !important; padding:0 8px !important;}
.navbar-brand{width:170px;}
.navbar-brand>img{width:100%; height:auto;}

.dropdown-menu > li > a{font-size:11px !important;}

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

.schemein{width:100%; margin:0 auto;}
.schemein img{width:100%; height:auto;}
.schemein h2{width:100%;}
.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;}

.bannerslider{width:100%;}
.slide-text{right:0 !important; left:0 !important; margin:0 auto !important; bottom:90px !important; padding:0 0px 0 0px !important; width:auto !important;}
.slide-text h1{text-align:center !important; font-size:36px !important; line-height:50px !important;}

.solutionwrapin{width:100%;}

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

.latestnews{width:100%;}

.bannertxt{width:95% !important; margin:0 auto;}
.bannerlt{width:30%;}
.bannerlt img{width:100%; height:auto;}
.bannerrt{width:65%;}
.bannerrt h3{font-size:35px !important; line-height:35px !important;}
.bannerrt h3 .fa-quote-left{left:0 !important;}
.bannerrt h3 .fa-quote-right{right:0 !important;}


.latestwrapper{width:100%;}
.insidewrap{width:90%;}

.proinfoin{width:100%;}
.proinfoin img{width:98%; height:auto;}

.nospace{padding-left:15px !important; padding-right:15px !important;}

.smartsolvein{width:100%;}

.onlinewrap{width:100%;}
.servicecircle{width:150px; height:150px}


.loginform{width:740px; margin:0 auto; padding:15px 10px 18px 15px;}
.loginform ul li{/*width:20%;*/ padding:0 2% 0 0;}
.memberlog{width:130px;}
.memberlog h2{font-size:20px; line-height:20px;}
.memberlog h2 span{font-size:31px;}
.memberlog a{font-size:15px;}

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

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

.subwrap{width:140px; padding-left:0;}
.subwrap input.submitbtn{width:140px; background-size:100% 100%;}

.knowledgetitle{width:700px; overflow:hidden; margin:0 auto;}
.knowledge{width:100%;}
.mainwrap{width:440px; height:250px;}
.mainwrap img{width:470px; height:250px;}
.mainwrapone{width:220px; height:250px;}
.mainwrapone img{width:220px; height:250px;}
.titleone{font-size:14px; line-height:18px; top:45%; height:48px; padding:6px 0 0 0;}
.title{font-size:14px; line-height:18px; top:45%; height:48px; padding:6px 0 0 0;}
.mainwraptwo{width:220px; height:250px;}
.mainwraptwo img{width:220px; height:250px;}
.titletwo{font-size:14px; line-height:18px; top:45%; height:48px; padding:6px 0 0 0;}
.titlethree{font-size:14px; line-height:18px; top:45%; height:48px; padding:6px 0 0 0;}



.serviceswrapper{width:100%; overflow:hidden;}
.servein{width:25%;}
.servein h2{font-size:15px;}

.proinformation{width:100%;}

.sliderwrap{width:100%;}
.ltpart{width:50%; min-height:464px;}
.rtpart{width:50%; height:464px;}
.rtpart p{line-height:22px;}

.smartinfo{width:100%;}
.smartinfo p{padding:0 20px;}

}


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

.navwrapper{width:100%;}	
.container{width:968px !important;}
.navbar-brand{font-family: 'Open Sans', sans-serif; font-weight:700 !important; font-size:32px !important; padding-top:28px !important;}

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

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

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

.bannertxt{width:93% !important;}
.bannerslider{width:100%;}

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


/*.bannertxt{width:95% !important; margin:0 auto;}*/
.bannerlt{width:30%;}
.bannerlt img{width:100%; height:auto;}
.bannerrt{width:65%;}
.bannerrt h3{font-size:48px !important; line-height:48px !important;}
.bannerrt h3 .fa-quote-left{left:0 !important;}
.bannerrt h3 .fa-quote-right{right:0 !important;}


.latestwrapper{width:100%;}
.insidewrap{margin-right:20px;}


.proinfoin{width:100%;}
.proinfoin img{width:98%; height:auto;}

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

.latestnews{width:100%;}

.knowledgetitle{width:960px; overflow:hidden; margin:0 auto;}
.knowledge{width:100%;}
.mainwrap{width:610px; height:300px;}
.mainwrap img{width:610px; height:300px;}
.mainwrapone{width:280px; height:300px;}
.mainwrapone img{width:280px; height:300px;}
.mainwraptwo{width:280px; height:300px;}
.mainwraptwo img{width:280px; height:300px;}


.serviceswrapper{width:100%; overflow:hidden;}
.servein{width:25%;}

.proinformation{width:100%;}


.loginform{width:960px; margin:0 auto; padding:15px 10px 18px 15px;}
.loginform ul li{/*width:20%;*/ padding:0 2% 0 0;}
.memberlog{width:233px;}
.memberlog h2{font-size:20px; line-height:20px;}
.memberlog h2 span{font-size:31px;}
.memberlog a{font-size:15px;}

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

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

.subwrap{width:140px; padding-left:0;}
.subwrap input.submitbtn{width:140px; background-size:100% 100%;}



.sliderwrap{width:100%;}
.ltpart{width:50%; min-height:464px;}
.rtpart{width:50%; height:464px;}

.smartinfo{width:100%;}
.smartinfo p{padding:0 20px;}


}


@media screen and (min-width:1200px) and (max-width:1347px)
{
.container-fluid{padding-left:0px !important; padding-right:0px !important;}
.bannertxt{width:95% !important; margin:0 auto;}
.bannerlt{width:30%;}
.bannerlt img{width:100%; height:auto;}
.bannerrt{width:65%;}
.bannerrt h3{font-size:55px !important; line-height:55px !important;}
.bannerrt h3 .fa-quote-left{left:0 !important;}
.bannerrt h3 .fa-quote-right{right:0 !important;}

.serviceswrapper{width:100%; overflow:hidden;}
.servein{width:25%;}

.loginform{width:960px; margin:0 auto; padding:15px 10px 18px 15px;}
.loginform ul li{/*width:20%;*/ padding:0 2% 0 0;}
.memberlog{width:233px;}
.memberlog h2{font-size:20px; line-height:20px;}
.memberlog h2 span{font-size:31px;}
.memberlog a{font-size:15px;}

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

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

.subwrap{width:140px; padding-left:0;}
.subwrap input.submitbtn{width:140px; background-size:100% 100%;}

.sliderwrap{width:100%;}
.ltpart{width:50%; min-height:464px;}
.rtpart{width:50%; height:464px;}


.bannerslider{width:100%;}

}