@font-face {
	font-family:'SegoePrint';
	src: url('../fonts/SegoePrint.eot');
	src: url('../fonts/SegoePrint.eot?iefix') format('eot'), url('../fonts/SegoePrint.woff') format('woff'), url('../fonts/SegoePrint.ttf') format('truetype'), url('../fonts/SegoePrint.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
html{height:100%; overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{margin:0;}
li{list-style-type:none;}
ul{margin:0; padding:0;}
p{margin:0;}
a,button{transition:all 0.5s ease 0s;}
 a:hover{outline:none; text-decoration:none; }
a:focus{outline:none; text-decoration:none;}
body{font-family: 'Lato', sans-serif;}
.navbar{height:98px; background:#fff; vertical-align:middle; padding-top:22px; box-shadow: 0 3px 3px -3px rgba(50, 50, 50, 0.15); border:0; margin-bottom:0;  transition: all 0.5s ease 0s;}
header.op-ef .navbar{height:50px; padding-top:0;}
header.op-ef .navbar-header .navbar-brand{font-size:26px;}
header.op-ef .navbar-nav{padding-top:14px;}
.navbar-header .navbar-brand{font-size:40px; font-weight:900; color:#ff6600; margin-right:80px;}
.navbar-header .navbar-brand span{color:#00c3ff;}
.navbar-nav{padding-top:16px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover{background:none; border-color:#666666;}
.navbar-default .navbar-nav > li > a{color:#666666; font-size:16px; text-transform:uppercase; padding:1px 0; border-bottom:2px solid #fff;}
.navbar-default .navbar-nav > li{margin-right:50px;}
.navbar-default .navbar-nav > li:last-child{margin-right:0;}
.navbar-right{margin-right:0;}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{color:#ff6600}

.navbar-default .navbar-right li{margin-right:24px;}
.navbar-default .navbar-nav li.login-btn a{height:30px; padding:0 20px; border-radius:3px; background:#00c3ff; color:#fff; line-height:30px; border:0; margin-top:-5px;}
.navbar-default .navbar-nav li.login-btn a:hover{background:#ff6600;}

/*.banner-div{background:url(../images/banner-bg.jpg) center 0 no-repeat; background-size:cover; overflow:hidden;}*/
.height-div{height:98px;  transition: all 0.5s ease 0s;}
.ban-inner{display:table; height:100%; width:100%;}
.banner-con{display:table-cell;  vertical-align:middle; }
.banner-con h4{color:#666666; font-size:36px; font-weight:700; } 
.banner-con h2{font-size:60px; font-weight:900; color:#00c3ff; margin-bottom:15px;}
.banner-con h2 span{color:#ff6600;}
.right-ban{padding-left:52%;}
.scroll-bot{text-align:center; position:absolute; width:100%; bottom:10px; left:0;}
.scroll-bot a images{margin-bottom:4px;}
.scroll-bot a{font-family:'SegoePrint'; color:#666666; font-size:14px;}

.slide-2 h4{ color:#00c3ff;}
.slide-2 h4 span{ color:#ff6600;}
.slide-3{ padding-left:15%;}
.slide-4 h4{ color:#FFF; line-height:36px;}
.slide-5 h4{ color:#FFF; line-height:36px;}
.slide-6{ padding-left:15%;}
.slide-6 h4{ color:#333; line-height:36px;}

.im-2{ display:none;}
.im-1{ display:block;}




.about-sec{background:url(../images/ab-bg.jpg); padding:100px 0;}
.ab-head h3{color:#333333; font-size:72px; font-weight:700; text-transform:uppercase; border-left:9px solid #e87331; line-height:60px; padding-left:15px;}
.ab-head p{padding-left:24px; font-size:24px; color:#333333; font-weight:300; line-height:24px;}
.ab-left{width:52%; display:inline-block; vertical-align:middle; margin-right:2%}
.ab-con{width:39%; display:inline-block; vertical-align:middle;}
.ab-con h4{color:#333333; font-size:36px; font-weight:700; margin-bottom:15px; line-height:32px;}
.ab-con p{color:#333333; font-size:16px; line-height:22px;}

.ab-in2{margin-top:90px;}
.ab-in2 .ab-left{text-align:right; margin-right:0; float:right;}
.ab-in2 .ab-con{margin-left:3%; }
.add-pos{position:static; height:100%;}
.about-sec .row{position:relative;}
.ab-head{height:100%; position:absolute;}
.vert-cen{display:table; height:100%;}
.ab-cen{vertical-align:middle; display:table-cell;}
.service{background:url(../images/service-inner-bg.jpg); padding-bottom:100px;}
.service-inner{background:url(../images/service-bg.png) 0 0 no-repeat; background-size:100% auto;}
.serv-left{width:60%;}
.serv-left .ab-left{width:31%;}
.serv-left .ab-con{width:50%;}
.serv-right{position:relative;}
.serv-txt{padding-top:50px; position:absolute; right:0;}
.serv-txt h3{color:#333333; font-size:72px; font-weight:700; text-transform:uppercase; border-left:9px solid #e87331; line-height:60px; padding-left:15px;}
.serv-txt p{padding-left:24px; font-size:24px; color:#333333; font-weight:300; line-height:24px;}
.serv{padding:150px 0 120px 0;}
.mind h3{font-size:36px; color:#333333; text-align:center;font-weight:700;  margin-bottom:80px;}
.box-circle{width:120px; height:120px; border-radius:50%;line-height:120px; text-align:center; margin:auto;}
.box h5{color:#333333; font-size:30px; font-weight:700; text-align:center; margin:20px 0 26px 0;}
.box-inner{text-align:center;  }
.p-outer{padding:10px 11px;}

.box-1 .box-circle{background:#00c3ff;}
.box-2 .box-circle{background:#333333;}
.box-3 .box-circle{background:#ff6600;}
.box-4 .box-circle{background:#9d9d9d;}
.p-outer p{color:#666666; font-size:16px; line-height:22px;	}

.p-outer{
	position: relative;
	background: #ffffff;
	border: 7px solid #9d9d9d;
	height:150px;
}
.p-outer:after, .p-outer:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.p-outer:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 8px;
	margin-left: -8px;
}
.p-outer:before {
	border-color: rgba(157, 157, 157, 0);
	border-bottom-color: #9d9d9d;
	border-width: 18px;
	margin-left: -18px;
}

.box-1 .p-outer{border-color:#00c3ff;}
.box-2 .p-outer{border-color:#333333;}
.box-3 .p-outer{border-color:#ff6600;}
.box-4 .p-outer{border-color:#9d9d9d;}
.box-1 .p-outer:before {border-bottom-color: #00c3ff ;}
.box-2 .p-outer:before {border-bottom-color: #333333;}
.box-3 .p-outer:before {border-bottom-color: #ff6600;}
.box-4 .p-outer:before {border-bottom-color: #9d9d9d;}
.cen-box{display:table; height:100%;}
.p-outer{display:table-cell; vertical-align:middle;}
.penta-services { width:660px; height:635px; margin:auto; margin-top:70px; padding-top:220px;}
.slider-penta{width:50%; margin:auto; text-align:center;}
.slider-penta h5{font-size:33px; margin-bottom:30px; color:#19b5ff; font-weight:700;}
.slider-penta p{font-size:18px; margin-bottom:50px; color:#848484;}
.carousel-control.left{background:url(../images/pre-btn.png) center center no-repeat; width:40px; height:60px; left:50%; margin-left:-40px; }
.carousel-control.right{background:url(../images/pre-btn-2.png) center center no-repeat; width:40px; height:60px; right:50%; margin-right:-40px; top:0;}
.carousel-control{transition:none !important;}
.carousel-control.left:hover, .carousel-control.left:focus{background:url(../images/next-btn-2.png) center center no-repeat;}
.carousel-control.right:hover, .carousel-control.right:focus{background:url(../images/next-btn.png) center center no-repeat;}
.carousel-control{width:80%; top:212px;}
.carousel-indicators{display:none;}
.penta-service-res{display:none;}
.show-pg{display:block !important;  position:relative !important;}
.show-pg li{position:absolute; border:0; width:auto; height:auto; margin:0;}
.show-pg li.active{width:auto; height:auto; border:0;}
.show-pg li span{display:block; width:138px; height:138px;  border-radius:50%; border:18px solid #9d9d9d; background-color:#ededed;}
.show-pg li.active span{border-color:#19b5ff;}
.carousel-indicators .active{background:none; border:0; height:auto;}
.penta-1{ bottom:-445px; left:-151px;}
.penta-2{bottom:-444px; right:-156px ;left:auto;}
.penta-3{left: -251px;top: -28px;}
.penta-4{right: -251px;top: -28px; }
.penta-5{top: -219px;left: 18px;}
.penta-5 span{background:url(../images/penta-ico-1.png) center 11px no-repeat;}
.penta-4 span{background:url(../images/penta-ico-2.png) 14px 22px no-repeat;}
.penta-3 span{background:url(../images/penta-ico-5.png) center 23px no-repeat;}
.penta-2 span{background:url(../images/penta-ico-3.png) 21px 16px no-repeat;}
.penta-1 span{background:url(../images/penta-ico-4.png) 12px 19px no-repeat;}
.show-pg .active.penta-5 span{background:url(../images/penta-ico-b-1.png) center 11px no-repeat; background-color:#ededed;}
.show-pg .active.penta-4 span{background:url(../images/penta-ico-b-2.png) 14px 22px no-repeat; background-color:#ededed;}
.show-pg .active.penta-3 span{background:url(../images/penta-ico-b-5.png) center 23px no-repeat; background-color:#ededed;}
.show-pg .active.penta-2 span{background:url(../images/penta-ico-b-3.png) 21px 16px no-repeat; background-color:#ededed;}
.show-pg .active.penta-1 span{background:url(../images/penta-ico-b-4.png) 12px 19px no-repeat; background-color:#ededed;}
.penta-service-res{display:none;}
.left-images-s, .right-images-s {width:50%;}
.penta-services{padding-top:0; }
.carousel-inner{margin-top:220px;}
.rel-pos-div{position:relative; width:578px; margin:auto; border:1px solid transparent; height:635px;}
.line-1{width:12px; height:354px; transform:rotate(54deg); -webkit-transform:rotate(54deg); background:#9d9d9d; position:absolute; left:140px; top:-26px;}
.line-2{width:12px; height:354px; transform:rotate(-54deg); -webkit-transform:rotate(-54deg); background:#9d9d9d; position:absolute; right:140px; top:-26px;}
.line-3{width:12px; height:358px; transform:rotate(-18deg); -webkit-transform:rotate(-18deg); background:#9d9d9d; position:absolute; left:55px; top:240px;}
.line-4{width:12px; height:358px; transform:rotate(18deg); -webkit-transform:rotate(18deg); background:#9d9d9d; position:absolute; right:53px; top:240px;}
.line-5{height:12px; width:354px;  background:#9d9d9d; position:absolute; right:110px; top:579px;}
.comman_v, .carousel-control{opacity:0; transition: all 1s ease 0s; }
.carousel-control.right{top:212px;}
.offer-hd {color:#333333; font-size:36px;font-weight:700; text-align:center; margin-top:170px;}
.sample-img{position:relative; margin-bottom:28px;}
.ov-sample{position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(255,131,0, 0.9); border:8px solid #f9a87b; opacity:0; visibility:hidden; transition:all 0.5s ease 0s;}
.sample-img img{border:8px solid #19b5ff; width:100%;} 
.ov-inner{display:table; height:100%; width:100%;}
.v-btn{display:table-cell; vertical-align:middle; width:100%; text-align:center;}
.ov-inner a{display:inline-block; color:#ffffff; font-size:18px; border:2px solid #fff; border-radius:4px; padding:3px 14px;}
.ov-inner a:hover{border-color:#19b5ff; background:#19b5ff;}
.sample-img:hover .ov-sample{opacity:1; visibility:visible;	}
.sample-sec{background:#fff; padding-bottom:70px;}
.offer{background:url(../images/offer-bg.jpg) right center no-repeat; background-size:cover; padding:70px 0; background-attachment:fixed;}
.offer-inner{ width:58%;}
.offer-inner h4{color:#ffffff; font-size:48px; font-weight:700; margin-bottom:26px;}
.offer-inner p{font-weight:300; font-size:20px; color:#fff; line-height:24px; }
.offer-inner p span{font-weight:700;}
.offer-inner a{font-size:20px; color:#fff; display:inline-block; padding:0 15px; border:2px solid #fff; border-radius:5px; height:48px; line-height:42px; margin-top:24px;}
.offer-inner a:hover{background:#fff; color:#094958;}
.blog-img{position:relative;}
.bg-overlay{position:absolute; left:0; top:0; height:100%; width:100%; background:rgba(255, 102, 0, 0.6); opacity:0; transition:all 0.5s ease 0s;}
.blog-hd{text-align:center;	 margin-bottom:90px;}
.blog-hd h4{color:#333333; font-size:72px; font-weight:700; text-transform:uppercase; border-left:9px solid #e87331; line-height:60px; padding-left:15px; display:inline-block;}
.date-sec{position:absolute; top:0; left:0; width:60px; text-align:center;}
.date-sec h2{font-size:30px; color:#fff; font-weight:700; background:#2cb7d7; line-height:37px;}
.date-sec span{display:block; background:#1596b4; color:#fff; line-height:18px; font-size:12px; text-transform:uppercase;}
.blog-con{border:1px solid #b4b4b4; border-left:0; width:52%; display:table; height:345px; position:relative;}
.blog-img{width:48%;}
.blog-img img{width:100%;}
.blog-con-in{padding:24px; display:table-cell; vertical-align:middle; }
.blog-con-in h3{color:#333333; font-size:24px; font-weight:700;}
.blog-con-in span{font-size:16px; color:#333333;}
.blog-con-in p{color:#666666; font-size:16px;line-height:22px; margin:18px 0;}
.blog-con-in a{display:inline-block; height:34px; border-radius:3px; line-height:34px; color:#ffffff; font-size:16px; padding:0 20px;background:#19b5ff;	}
.arrow-lt{position:absolute; left:-18px; z-index:9; top:50%; margin-top:-17px;}
.blog-inner{margin-bottom:30px;}
.blog-inner:hover .bg-overlay{opacity:1;}
.blog-inner:hover .blog-con-in a{background:#ff6600;}
.right-br .blog-con{border-right:0 !important; border:1px solid #b4b4b4;}
.right-br .arrow-lt{left:auto; right:-18px;}
.right-br .date-sec{left:auto; right:0;}
.blog-sec{padding:100px 0 70px 0; display: none;}
.contact-sec{background:url(../images/con-bg.jpg) 0 0 no-repeat; background-size:cover; background-attachment:fixed;}
.con-inner{background:rgba(255, 102, 0, 0.8); padding:80px 0;}
.con-field h3{font-size:36px; color:#fff; font-weight:700; margin-bottom:24px;}
.name-field{width:100%; background:none; border:2px solid #f9f9f9; height:50px; padding:0 15px; color:#fff; opacity:1; font-size:16px; font-style:italic; margin-bottom:10px;}
textarea.name-field{height:250px; padding:15px; resize:none;}
.send-btn{height:43px; font-size:18px; color:#fff; padding:0 50px; border:0; border-radius:5px; background:#19b5ff;}
.help-sec h4{font-size:24px; color:#fff; font-weight:700; margin-bottom:24px;}
.addr span{display:inline-block; vertical-align:top; color:#fff; margin-right:5px; font-size:20px;}
.addr p{display:inline-block; width:90%; vertical-align:top; color:#fff; font-size:16px; padding-top:3px;}
.addr{width:56%; border-right:2px solid #eec5a9;}
.phn span{display:inline-block; vertical-align:top; color:#fff; margin-right:5px; font-size:20px;}
.phn p{display:inline-block; width:80%; vertical-align:top; color:#fff; font-size:16px; padding-top:3px; padding-top:0;}
.phn{width:44%; padding-left:50px;}
.phn span.icon-sz{font-size:14px;}
.help-sec{margin-top:40px;	}
.tweet{margin-top:50px;}
footer{background:#515151; padding:50px 0;}
.ft-nav {text-align:center; padding-top:5px;}
.ft-nav ul li{display:inline-block; padding: 0 16px 0 22px; background:url(../images/bullet.png) 0 center no-repeat;}
.ft-nav ul li:first-child{background:none;}
.ft-nav ul li a{color:#c6c7c8; display:inline-block; 	font-size:14px; text-transform:uppercase;}
.social{text-align:right;}
.social ul li{display:inline-block; }
.social ul li a{display:block; width:26px; height:26px; text-align:center; line-height:26px;background:#8b8b8b; border-radius:50%;color:#515151;}
.ft-nav ul li a:hover{text-decoration:underline;}
.social li:first-child a:hover{background:#214285; color:#fff;}
.social li:nth-child(2) a:hover{background:#2ba8e0; color:#fff;}
.social li:nth-child(3) a:hover{background:#c61623; color:#fff;}
.social li:nth-child(4) a:hover{background:#c61623; color:#fff;}

/*************************blog-page-css-start-here***********************/

.blog-page{ background:url(../images/blog-page-bg.jpg) no-repeat; padding:50px 0px 140px 0px}
.blog-head{ background:url(../images/blog-hd-img.jpg) repeat; padding:24px 0px 24px 15px;}
.blog-head h1{ font-size:36px; color:#333333; font-weight:900;}
.blog-head p{ font-size:16px; color:#333333; font-weight:400;}
.blog-head p a{ font-size:18px; color:#ff6600; font-weight:700; margin-right:20px; margin-left:8px;}
.blog-head p a:hover{ color:#00c3ff;}
.blog-head p br{ display:none;}
.blog-one-image img{ width:100%;}
.blog-one-image{ position:relative;}
.blog-hover{ position:absolute; top:0; left:0; right:0; bottom:0; width:100%; background-color:rgba(255,102,0,.4); opacity:0;}
.blog-hover:hover{ position:absolute; opacity:1; 
     -webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
	    -ms-transition: all .5s ease;
	     -o-transition: all .5s ease;
	        transition: all .5s ease;
			
			}
.blog-hover img{ display:block; margin:auto; margin-top:30%; width:auto;}
.blog-hover img:hover{ opacity:0.8; cursor:pointer;}
.blog-date{ background:url(../images/blog-date-bg.png) no-repeat; position:absolute; z-index:100; top:-10px; left:-9px;}
.blog-date h3{ font-size:24px; color:#FFF; font-weight:700; padding:17px 12px 10px 15px;}
.blog-text{ margin-top:30px; margin-bottom:65px;}
.blog-text p{ font-size:16px; color:#333333; font-weight:400; line-height:22px; margin-bottom:30px;}
.blog-text ul{ padding:0;}
.blog-text ul li{ display:inline-block; margin-right:10px;}
.blog-pagination{ border-top:1px solid #e1e1e1; padding-top:30px; margin-top:100px;}
.blog-pagination-btn{ background:#00c3ff; border:none; padding:5px 15px 9px 15px; margin-right:3px;}
.blog-pagination-btn:hover{ background:#ff6600;}
.news-letter{ border:1px solid #e6ded9; border-radius:0px 0px 2px 2px; padding-bottom:20px;}
.n-top-img{background:url(../images/news-letter2.png) no-repeat; background-size:100% auto;}
.news-letter-top{ text-align:right; width:340px; margin:auto; padding-top:90px; padding-bottom:30px;}
.news-letter-top h5{font-family:'SegoePrint'; font-size:16px; color:#333333; font-weight:700;}
.news-letter-top p{ font-size:24px; color:#FFF; font-weight:700;}
.news-letter-top h4{ font-size:27px; color:#333333; font-weight:900; text-transform:uppercase;}
.news-letter-top h3{ font-size:32px; color:#FFF; font-weight:900; text-transform:uppercase;}
.news-alert-form{ width:290px; margin:auto;}
.news-alert-form p{ font-size:24px; color:#333333; font-weight:700;}
.news-alert-form h3{ font-size:24px; color:#ff6600; font-weight:900; text-transform:uppercase; margin-bottom:13px;}
.news-input{ width:100%; height:40px; border:2px solid #a6a3a3; border-radius:3px; font-size:13px; color:#b2b2b2; padding-left:10px; font-style:italic; margin-bottom:7px;}
.news-btn{ font-size:18px; color:#FFF; font-weight:400; background:#ff6600; border:none; padding:5px 13px;}
.news-btn:hover{ background:#00c3ff; border:none; color:#FFF;}
.twitter-facbook{ padding-top:30px;}
.twitter-facbook img{ width:100%;}
.twitter-facbook span{ padding-top:20px;}
.switch-btn-sec{ margin-top:0px;}
.switch-btn-sec p{ font-size:15px; color:#c6c7c8; text-transform:uppercase; margin-top:5px; margin-left:10px;}

.switch {
  position: relative;
  height: 29px;
  width: 102px;
  background:#404040;
  border-radius: 50px;
}

.switch-label {
  position: relative;
  z-index: 2;
  float: left;
  width: 51px;
  line-height: 27px;
  font-size: 14px;
  color:#a9aaab;
  text-align: center;
  cursor: pointer;
  font-weight:400;
}
.switch-label:active {
  font-weight: 400;
}

.switch-input {
  display: none;
}
.switch-input:checked + .switch-label {
  color:#fff;
  font-weight:400;
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}
.switch-input:checked + .switch-label-on ~ .switch-selection {
  left: 52px;
}

.switch-selection {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  width: 49px;
  height: 29px;
  background: #00c3ff;
  border-radius: 50px;
  
  -webkit-transition: left 0.25s ease-out;
  -moz-transition: left 0.25s ease-out;
  -o-transition: left 0.25s ease-out;
  transition: left 0.25s ease-out;
}

/*************************blog-page-detail-css-start-here***********************/
.blog-details-page{ padding-bottom:60px;}
.blog-detail{ margin-bottom:0; border-bottom:1px solid #cbcbcb; padding-bottom:60px;}
.blog-detail p{ margin-bottom:20px;}
.blog-detail h4{ font-size:16px; color:#333333; font-weight:700; line-height:22px; margin-bottom:15px;}
.comments h1{ font-size:36px; font-weight:700; color:#333; padding:30px 0px;}
.comments h1 span{ color:#00c3ff; margin-left:10px;}
.first-comment{ margin-bottom:30px;}
.left-side-user{ width:11%;}
.user-1 img{ height:100px; width:100px; line-height:100px; border-radius:50px; display:block; margin:auto;}
.user-1 span{ font-size:14px; color:#333; text-align:center; display:block; padding-top:5px;}
.right-side-msg{ width:80%; margin-top:15px;  margin-left:17px;}
.right-side-msg p a{ font-size:14px; font-weight:400; color:#333; margin-left:13px;}
.right-side-msg p a:hover{color:#00c3ff;}
.right-side-msg p span{ font-size:15px; color:#00c3ff; margin-left:17px;}
.right-side-msg p b{ font-size:14px; font-weight:700; color:#666; margin-left:5px;}
.msg-one{ border-left:6px solid #00c3ff; padding-left:7px; margin-bottom:8px;}
.msg-one p{font-size:16px; color:#666; line-height:20px;}
.reply-user{ width:89%; float:right; margin-left:50px;}
.arrow_box {
	position: relative;
	background:none;
}
.arrow_box:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 195, 255, 0);
	border-right-color: #00c3ff;
	border-width: 11px;
	margin-top: -12px;
}
.arrow_box-reply {
	position: relative;
	background:none;
}
.arrow_box-reply:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 195, 255, 0);
	border-right-color: #ff6600;
	border-width: 11px;
	margin-top: -12px;
}
.pink-border{ border-left:6px solid #ff6600; }
.blog-detail-form{ width:853px; margin-top:70px;}
.blog-detail-form h1{ font-size:36px; font-weight:700; color:#333; margin-bottom:25px;}
.input-one{ width:440px; height:40px; border:2px solid #d4d4d4; border-radius:3px; background:#FFF; padding-left:12px; font-size:13px; color:#666; font-style:italic; display:block; margin-bottom:9px;}
.text-area-one{ width:100%; height:228px; border:2px solid #d4d4d4; border-radius:3px; background:#FFF; padding-left:12px; padding-top:10px; font-size:13px; color:#666; font-style:italic; resize:none;}
.blog-comment-btn{ background:#00c3ff; color:#fff; border:none; padding:7px 16px 10px; font-size:15px; border-radius:3px; margin-top:15px;}
.blog-comment-btn:hover{ background:#ff6600; color:#fff;}

/*login Page*/
.middle-section{
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ff6600, endColorstr=#f3f3f3);
 background-image:-moz-linear-gradient(left, #ff6600 50%, #f3f3f3 0%);
 background-image:-webkit-linear-gradient(left, #ff6600 50%, #f3f3f3 0%);
 background-image:-ms-linear-gradient(left, #ff6600 50%, #f3f3f3 0%);
 background-image:linear-gradient(left, #ff6600 50%, #f3f3f3 0%);
 background-image:-o-linear-gradient(left, #ff6600 50%, #f3f3f3 0%);

 }
.left-sec{ position:relative;}
.middle-inner{ padding-top:100px; padding-bottom:0;}
.welcome{ margin-top:100px; margin-left:53px;}
.welcome h1{ font-size:48px; font-weight:900; color:#FFF; text-transform:uppercase; text-align:center; margin:0;}
.welcome p{ font-size:18px; color:#FFF; text-align:center;}
.login-form{ width:395px;}
.login-form h2{ font-size:30px; font-weight:900; color:#404040; text-align:center; margin:0; padding-bottom:25px;}
.login-form h3{ font-size:14px; font-weight:400; color:#666;}
.login-form h3 a{font-size:14px; font-weight:400; color:#ff6600;}
.email-add{ width:100%; height:45px; padding-left:15px; font-size:14px; color:#666; border:2px solid #b2b2b2; margin-bottom:8px; border-radius:2px;}
.btn-login a{font-size:14px; font-weight:400; color:#666; text-decoration:underline; margin-top:10px;}
.form-btn{font-size:16px; text-transform:uppercase; color:#fff; background:#00c3ff; padding:10px 26px 10px 26px; border-radius:3px; transition-duration: 0.5s; margin-bottom:20px;}
.form-btn:hover{ background:#ff6600; color:#FFF;}
.bulid{ position:absolute; top:213px; left:171px;}
.bulid h1{ font-size:48px; font-weight:900; color:#FFF; text-transform:uppercase; text-align:center; margin:0;}
.bulid p{ font-size:18px; color:#FFF; text-align:center;}
.right-sec{ padding-right:50px;}
.left-sec-signup{ width:409px; position:relative; margin:auto;}
.right-sec-signup{ width:394px; margin:auto;}
.login-form-signup{ width:100%;}
.login-page{height:100%;}
.middle-section {height:100%; }
.middle-inner{display:table; height:100%;}
.middle-inner .row{display:table-cell; vertical-align:middle; }




.banner-con a img{width:auto !important;}
.responsive-slider {
  width: 100%;
  position: relative;
}
.responsive-slider .touch-surface {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive-slider .slides {
  position: relative;
  overflow: hidden;
  width:100% !important;
}
.responsive-slider .slides ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  font-size: 0;
}
.responsive-slider .slides ul li {
  display: inline-block;
  max-width: 100%;
  width:100%;
  vertical-align:top;
}
.responsive-slider .slides ul li .slide-body {
width:100%;
  display: inline-block;
  position: relative;
  max-width: 100%;
  font-size: 14px;
}
.responsive-slider .slides ul li .slide-body img {
  max-width: 100%;
  width:100%;
}
.responsive-slider .slides ul li .slide-body .caption {
  position: absolute;

 
}
.responsive-slider .slides ul li .slide-body .caption.header {
  top: 23%;
  left: 0%;
}






.responsive-slider .slides ul li .slide-body .caption.img-html5 {
  top: 13%;
  right: 8%;
  width: 30%;
}
.responsive-slider .slides ul li .slide-body .caption.img-html5 img {
  max-width: 100%;
}
.responsive-slider .slides ul li .slide-body .caption.img-css3 {
  top: 57%;
  right: 12%;
  width: 10%;
}
.responsive-slider .slides ul li .slide-body .caption.img-css3 img {
  max-width: 100%;
}
.responsive-slider .slides ul li .slide-body .caption.img-bootstrap {
  top: 48%;
  right: 12%;
  width: 11%;
}
.responsive-slider .slides ul li .slide-body .caption.img-bootstrap img {
  max-width: 100%;
}
.responsive-slider .slides ul li .slide-body .caption.img-twitter {
  top: 19%;
  right: 12%;
  width: 11%;
}
.responsive-slider .slides ul li .slide-body .caption.img-twitter img {
  max-width: 100%;
}
.responsive-slider .slides ul li .slide-body .caption.img-jquery {
  top: 66%;
  right: 12%;
  width: 33%;
}
.responsive-slider .slides ul li .slide-body .caption.img-jquery img {
  max-width: 100%;
}

.responsive-slider .slider-control.left {
  left: 0;
  padding-left: 0;
  -webkit-border-radius: 0px 6px 6px 0px;
  border-radius: 0px 6px 6px 0px;
}
.responsive-slider .slider-control.left:hover {
  text-decoration: none;
  padding-left: 10px;
}
.responsive-slider .slider-control.right {
  right: 0;
  padding-right: 0;
  -webkit-border-radius: 6px 0px 0px 6px;
  border-radius: 6px 0px 0px 6px;
}
.responsive-slider .slider-control.right:hover {
  text-decoration: none;
  padding-right: 10px;
}
@media (max-width: 480px) {
  .responsive-slider .slider-control.left,
  .responsive-slider .slider-control.right {
    display: none;
  }
}
.responsive-slider .pages {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.responsive-slider .pages .page {
  display: inline-block;
  color: transparent;
  width: 5px;
  height: 5px;
  border: 3px solid #fff;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-opacity: 0.50;
  opacity: 0.50;
}
.responsive-slider .pages .page.active {
  -moz-opacity: 1;
  opacity: 1;
}


@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
 .scroll-btn {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
}
.scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #666;
	letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
	color: #666;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 28px;
	height: 44px;
	margin: 0 auto 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid #666;
	border-radius: 25px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 35%;
	left: 50%;
	width: 8px;
	height: 10px;
	margin: -4px 0 0 -4px;
	border: #666 3px solid;
    background: none;
	border-radius: 50%;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
	animation: ani-mouse 2.5s linear infinite;
}