* { padding:0; margin:0 }
body { color:#333; font-family:proxima_nova_rgregular; font-weight:300; background:url(../images/whitebg.jpg); position:relative; width:100%; height:100% }
a { text-decoration:none; color:#fff; outline:0 }
.wrapper { width:100% }
.spHeight { padding-top:63px }
.noMar { margin:0!important }
.noPadd { padding:0!important }
.container .row { margin:0 }
p { font-size:14px; line-height:21px; font-weight:400; padding-bottom:22px; margin:0 }
h1 { font-size:80px; line-height:90px; font-weight:700; margin:0; padding-bottom:8px }
h2 { font-size:36px; line-height:38px; padding-bottom:0; font-weight:300; text-transform:uppercase; margin:0 }
h3 { font-size:24px; line-height:30px; padding-bottom:6px; font-weight:400; margin:0 }
h4 { font-size:19px; line-height:24px; padding-bottom:6px; font-weight:600; margin:0 }
h5 { font-size:16px; line-height:24px; padding-bottom:6px; font-weight:400; margin:0 }
h4.subHeading { font-weight:600; font-size:18px; padding-bottom:22px }
.heading { text-align:center; padding-bottom:45px }
.topmar { margin-top:20px }
header { position:relative }
.banner { overflow:hidden; margin:0 auto!important; background:url(../images/hbanner.jpg); background-size:cover;}
.bannerText { position:absolute; left:0; right:0; top:8%; text-align:center; padding:10px 0; max-width:960px; zoom:1 }
.bannerText .logodiv { max-height:270px; margin-bottom:35px }
.bannerText img { max-width:100% }
.bannerText h1 { text-transform:uppercase }
.bannerText h2 { font-family:'Roboto Slab', serif; color:#fff; font-size:18px; text-transform:none; margin-bottom:30px; letter-spacing:5px }
#scroll { position:absolute; max-width:126px; left:46%; bottom:100px; z-index:10 }
.cb-slideshow { background:#1b1f2b }
.cb-slideshow li { opacity:.5; filter:alpha(opacity=50) }
.ri-grid { margin:0 auto; position:relative; height:auto }
.ri-grid ul { list-style:none; display:block; width:100%; margin:0; padding:0 }
.ri-grid ul:after, .ri-grid ul:before { content:''; display:table }
.ri-grid ul:after { clear:both }
.ri-grid ul { zoom:1 }
.ri-grid ul li { -webkit-perspective:400px; -moz-perspective:400px; -o-perspective:400px; -ms-perspective:400px; perspective:400px; margin:0; padding:0; float:left; position:relative; display:block; overflow:hidden; background:#000 }
.ri-grid ul li a { display:block; outline:0; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -o-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; background-size:100% 100%; background-position:center center; background-repeat:no-repeat; background-color:#333; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box }
.ri-grid-size-1 { width:55% }
.ri-grid-size-2 { width:100% }
.ri-grid-size-3 { width:100%; margin-top:0 }
.ri-shadow:after, .ri-shadow:before { content:""; position:absolute; z-index:-2; bottom:15px; left:10px; width:50%; height:20%; max-width:300px; max-height:100px; box-shadow:0 15px 10px rgba(0, 0, 0, .7); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg) }
.ri-shadow:after { right:10px; left:auto; -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -ms-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg) }
.ri-grid-loading:after, .ri-grid-loading:before, .ri-loading-image { display:none }
.ri-grid-loading .ri-loading-image { position:relative; width:30px; height:30px; left:50%; margin:100px 0 0 -15px; display:block }
.isStuck { left:0; width:100% }
.menu { margin-top:0; position:static; left:0; right:0 }
.navwrapper .container { padding:0; width:auto }
.navbar-header { display:block }
.navbar-header img { width:auto; height:90px }
.nav>li>a { display:inline-block }
.navbar-nav>li { font-size:18px; display:inline; padding:38px 18px }
.navbar-collapse.in { overflow:hidden }
.navbar-nav { margin:0 auto; text-align:center; float:right }
.navbar-toggle { margin-top:30px }
.navbar-wrapper { margin-top:0; position:relative; z-index:9999999; background:#0d250e }
.navbar-inverse { background-color:#0d250e!important }
.navbar-collapse, .navbar-wrapper .container { padding:0 }
.navbar-collapse.in { max-height:100% }
.navbar.navbar-inverse.navbar-static-top { margin:0 auto; border:none; font-family:proxima_nova_rgregular; font-size:14px; text-transform:uppercase }
.navbar.navbar-inverse.navbar-static-top a { color:#fdb713; padding:0!important; line-height:18px; text-align:center }
.navbar.navbar-inverse.navbar-static-top a:hover { color:#fff }
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus { color:#fff; background-color:transparent!important }
.navbar-inverse .navbar-nav>.active>a:hover { color:#fff }
.navbar.navbar-inverse.navbar-static-top .dropdown-menu li a {  text-transform:none!important; line-height:25px }
.navbar.navbar-inverse.navbar-static-top .dropdown-menu li a:hover { background-color:transparent!important }
.dropdown-menu { position:absolute; top:100%; left:0; z-index:1000; display:none; float:left; min-width:160px; padding:5px 0px; margin:2px 0 0; font-size:15px; list-style:none; background-color:#0d250e; border:1px solid #0d250e; border-radius:4px; -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175); box-shadow:0 6px 12px rgba(0, 0, 0, .175); background-clip:padding-box }

 
index.htmlmedia="screen" ul ul, ol ol, ol ul, ul ol {
margin-bottom:0
}
.hideClass { display:none }
.carousel-caption { z-index:10 }
.carousel .item { height:600px; background-color:#0A64A4 }
.carousel-inner>.item>img { position:absolute; top:0; left:0; min-width:100% }
.fa-circle { color:fff; font-size:14px; margin:0 15px }
#aboutme { background:url(../images/bg14.jpg); background-size:cover; color:#fff; position:relative }
.aboutme13 { background:url(../images/bg13.jpg); color:#fff; position:relative }
.aboutme .menu_contanier { margin:auto; padding:20px 180px; font-size:20px; text-align:center; font-family:'Roboto Slab', serif; font-weight:500; text-transform:uppercase }
.aboutme .menu_contanier a { color:#FFF; text-decoration:none }
.aboutme span { padding:0; margin:5px 0; display:inline; line-height:40px }
.aboutme .container { padding-top:200px; padding-bottom:0!important }
.aboutme .menu_contanier { width:100%; position:relative; padding-bottom:80px!important }
.aboutTop { background:#00bdbd; height:60px }
.spHeight .aboutTop { margin-top:-62px!important }
div { vertical-align:top }
.productimg1 { width:172px; height:275px; float:left; margin:3px 8.5px 4px; text-align:center }
#main { text-align:center; position:relative; width:100% }
.registration{background: #fff; padding-bottom: 30px;}
.registration .bg1{background: #010038; text-align: center;}
.registration .header{background: #bdbdbd; text-align: center;}
.registration .heading h2{font-size: 28px; margin-bottom: 10px;}
.registration .heading{padding: 30px;}
.contact-form-wrap{
	padding: 26px;
	background: #f4f4f4;
	border-radius: 10px;
}
.contact-form-wrap ul.bkdetails li{-webkit-text-fill-color: rgba(34, 34, 34, 0.9); -webkit-font-smoothing: antialiased; color: #333 !important;}
.mt-10{margin-top: 10px;}
.mt-30{margin-top: 30px;}
.mt-30m{margin-top: 30px;}
.mrgtop-20{margin-top: 16%;}
.regibtn{
	font-family: proxima_nova_rgregular;
	display: block;
	text-decoration: none;
	padding: 10px 14px;
	background: #000;
	color: #fff;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	width: 130px;
}
.btn.regibtn:focus, .btn.regibtn:hover {
	color: #fff;
	text-decoration: none;
}

.regibtn a:hover{
	font-family: proxima_nova_rgregular;
	display: block;
	text-decoration: none;
	padding: 10px 14px;
	background: #000;
	color: #fff;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	width: 180px;
}
.logodiv1{}
.logodiv1 img{
	width: 100% !important;
	display: inline-block !important;
	height: auto !important;
}
.logodiv2{}
.logodiv2 img{
	width: 100% !important;
	display: inline-block !important;
	height: auto !important;
}
.logodiv3{}
.logodiv3 img{
	width: 100% !important;
	display: inline-block !important;
	height: auto !important;
}

.desk-view{display: block;}

.mo-view{display: none;}

.qrcode{padding-bottom: 10px !important;}

.qrcodeimg{
	width: 100% !important;
	display: inline-block !important;
	height: auto !important;
}

.qrcode h3{font-size: 28px; color: #000; padding-bottom: 20px;}

.qrcode p{font-size: 18px; line-height: 26px; color: #000; font-weight: 400; padding-bottom: 0px;}

.qrcode .event-venue h4{font-size: 28px;}

.qrcode .event-venue h5{font-size: 26px; padding-bottom: 10px;}

.box-shadow{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}

.album { width:100%; position:relative; display:inline-block }

.album:before { content:''; top:-1px; left:-1px; right:-1px; bottom:-1px; z-index:1000; position:absolute }

.album img { width:100%; top:0; left:0; right:0; opacity:0; text-align:center; position:absolute; margin:auto }

.album img:first-child { opacity:1 }

.album .preloader { display:none }

.album.loading .preloader { content:''; position:absolute; width:18px; height:18px; background:url(../img/preloader.png) center center; top:0; left:0; right:0; bottom:0; margin:auto; display:block; -moz-animation:rotate 1s linear infinite; -webkit-animation:rotate 1s linear infinite }

@-webkit-keyframes rotate { 0% {
-webkit-transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg)
}

}
@-moz-keyframes rotate { 0% {
-moz-transform:rotate(0deg)
}

100% {
-moz-transform:rotate(360deg)
}

}
.bntDownload { font-size:16px; font-weight:700; background:#474d5d; padding:16px 22px; display:inline-block }
.bntDownload:hover { background:#373d4c; color:#CCC; text-decoration:none }
.service { padding:10px; text-align:center }
.circles { width:120px; height:120px; border-radius:50%; background:#fdb713; -webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.service:hover .circles { background:#0a0202; -webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.circles img { position:relative; top:12%; left:3%; -webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.service:hover .circles img { -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg) }
.service-icon { display:inline-block; color:#d9232d; font-size:60px; line-height:75px; -webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
#service .col-md-3:hover .service-icon { -moz-transform:scale(1.3); -webkit-transform:scale(1.3); -o-transform:scale(1.3); -ms-transform:scale(1.3); transform:scale(1.3) }
.service-text h4 { margin-bottom:30px }
.addspace { height:60px; background:#eee }
.technical { font-family:'Roboto Slab', serif; background:url(../images/bluebg.jpg); color:#fff }
.technical .container { padding-top:150px; padding-bottom:150px }
.technical .heading p { padding-bottom:41px }
.exprience h2, .technical h2 { font-weight:500 }
.exprience h4, .technical h4 { font-weight:400; max-width:570px; margin:auto; font-size:18px; color:#e9e8e8; padding:30px 0 }
.technical h3 { font-weight:400; font-size:24px; color:#fff; margin:40px 0 25px }
.technical p { font-family:proxima_nova_rgregular; font-size:16px; line-height:23px; height:280px; font-weight:300; padding-bottom:50px }
.technical .skillsArea { padding:0 }
.technical .skills { margin:0 auto 23px; text-align:center; padding:0; float:none }
.technical .skills p { color:#84868d; font-size:13px; line-height:18px; text-align:center }
.technical .skills img { margin:0 auto 33px; width:100%; max-width:152px }
.technical .skills h4 { font-weight:700; text-transform:uppercase }
.skilBg { background:url(../images/skills.png) no-repeat }
.chart { position:relative; display:inline-block; width:152px; height:152px; margin-bottom:26px; text-align:center }
.chart canvas { position:absolute; top:0; left:0 }
.percent { display:inline-block; font-size:21px; color:#474d5d; line-height:152px; z-index:2 }
.percent:after { content:'%'; margin-left:.1em; font-size:.8em }
.angular { margin-top:100px }
.angular .chart { margin-top:0 }
.slide.portfolio-layout .content { margin:0 auto; padding-top:166px }
.slide.portfolio-layout .section-portfolio { margin:0 auto; width:1098px }
.portfolio-layout .grid-item { float: left;
    height: auto;
    margin-bottom: 30px;
    padding: 0px 15px;
    overflow: hidden;
    position: relative;
    max-width: 363px;
    width: 100%;}
.portfolio-layout .grid-item.featured {/* height:362px; width:547px */}
/* .portfolio-layout .grid-item.featured:nth-child(1), .portfolio-layout .grid-item.standard {
margin-right:3px
} */
.portfolio-layout .grid-item a img { height:auto; width:100%; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease }
.portfolio-layout .grid-item:hover a img { transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2) }
.portfolio-layout .design-overlay { background:#000; height:100%; left:0; opacity:.7; -ms-filter:"alpha(Opacity=90)"; position:absolute; top:-2px; width:100%; z-index:2 }
.portfolio-layout .design-overlay .expand { background:url(images/expand.png) no-repeat scroll 0 0 transparent; display:inline-block; height:50px; width:43px; top:45%; position:absolute; left:45% }
.portfolio-layout .grid-item .content, .portfolio-layout .grid-item .mask { width:100%; height:100%; position:absolute; overflow:hidden; top:0; left:0 }
.portfolio-layout .grid-item.featured h2 { font-size:20px; line-height:57px; margin-top:60px }
.portfolio-layout .grid-item h2 { text-transform:uppercase; color:#000; text-align:center; position:relative; font-size:20px; padding:10px; margin:60px 0 0;  line-height:57px;}
/*.portfolio-layout .grid-item h2 { text-transform:uppercase; color:#000; text-align:center; position:relative; font-size:17px; padding:10px; margin:50px 0 0 }*/
.portfolio-layout .grid-item p { font-style:italic; font-size:12px; position:relative; color:#fff; padding:10px 20px 0; text-align:center }
.portfolio-layout .grid-item a.info { font-family:proxima_nova_rgregular; display:block; text-decoration:none; padding:10px 14px; background:#000; color:#fff; margin:0 auto; text-align:center; font-size:14px; font-weight:700; width:130px; -webkit-box-shadow:0 0 1px #000; -moz-box-shadow:0 0 1px #000; box-shadow:0 0 1px #000 }
.portfolio-layout .grid-item img { -webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
transition:all .2s ease-in
}
.portfolio-layout .grid-item .mask { background-color:rgba(253, 183, 19, .6); -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; -webkit-transform:translate(460px, -100px) rotate(180deg); -moz-transform:translate(460px, -100px) rotate(180deg); -o-transform:translate(460px, -100px) rotate(180deg); -ms-transform:translate(460px, -100px) rotate(180deg); transform:translate(460px, -100px) rotate(180deg); -webkit-transition:all .2s .4s ease-in-out;
-moz-transition:all .2s .4s ease-in-out;
-o-transition:all .2s .4s ease-in-out;
-ms-transition:all .2s .4s ease-in-out;
transition:all .2s .4s ease-in-out
}
.portfolio-layout .grid-item h2 { -webkit-transform:translateY(-200px); -moz-transform:translateY(-200px); -o-transform:translateY(-200px); -ms-transform:translateY(-200px); transform:translateY(-200px); -webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.portfolio-layout .grid-item p { -webkit-transform:translateX(300px) rotate(90deg); -moz-transform:translateX(300px) rotate(90deg); -o-transform:translateX(300px) rotate(90deg); -ms-transform:translateX(300px) rotate(90deg); transform:translateX(300px) rotate(90deg); -webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.portfolio-layout .grid-item a.info { -webkit-transform:translateY(-300px); -moz-transform:translateY(-300px); -o-transform:translateY(-300px); -ms-transform:translateY(-300px); transform:translateY(-300px); -webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.portfolio-layout .grid-item:hover .mask { -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; -ms-transition-delay:0s; transition-delay:0s; -webkit-transform:translate(0px, 0); -moz-transform:translate(0px, 0); -o-transform:translate(0px, 0); -ms-transform:translate(0px, 0); transform:translate(0px, 0) }
.portfolio-layout .grid-item:hover h2 { -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); -webkit-transition-delay:.5s;
-moz-transition-delay:.5s;
-o-transition-delay:.5s;
-ms-transition-delay:.5s;
transition-delay:.5s
}
.portfolio-layout .grid-item:hover p { -webkit-transform:translateX(0px) rotate(0deg); -moz-transform:translateX(0px) rotate(0deg); -o-transform:translateX(0px) rotate(0deg); -ms-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg); -webkit-transition-delay:.4s;
-moz-transition-delay:.4s;
-o-transition-delay:.4s;
-ms-transition-delay:.4s;
transition-delay:.4s
}
.portfolio-layout .grid-item:hover a.info { -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); -webkit-transition-delay:.3s;
-moz-transition-delay:.3s;
-o-transition-delay:.3s;
-ms-transition-delay:.3s;
transition-delay:.3s
}
.exprience { font-family:'Roboto Slab', serif; background:url(../images/whitebg.jpg) }
.exprience .container { padding-top:150px; padding-bottom:150px }
.exprience h2 { color:#000 }
.exprience h4 { color:#3c3b3b }
.exprience p { color:#84868d; line-height:18px }
.exprience .heading p { padding-bottom:41px }
.exprience h4 { font-weight:700 }
.workDetails .rightArea { border-left:solid 1px #CCC; padding-bottom:0 }
.workDetails:last-child .rightArea { padding-bottom:0 }
.workYear { font-size:17px; color:#222; font-weight:700; background:#fdb713; text-align:center; padding:20px 0; -webkit-border-radius:8%; border-radius:8% }
.arrowpart { float:left; width:15px; height:50px; background:url(../images/arrow-left.png) no-repeat 0 12px }
.exCon { width:auto; background:#ccc; border-bottom:solid 4px #eee; padding: 10px 30px 10px; margin-left:15px; text-align:left }
.exCon ul.ulpointagenda { padding-left: 20px; }
.exCon p, .exCon ul.ulpointagenda li { color:#222; line-height:21px; font-size: 15px !important; font-weight:400; list-style: disc; padding-bottom: 8px;}
.exCon p.agenda { color:#222; line-height:21px; font-weight:400; padding: 4px 0 !important; font-size: 15px !important;}
.exCon h4 { color:#474d5d; padding-bottom:4px; }
.exCon h5 { color:#474d5d; padding-bottom:4px; }
.education { font-family:'Roboto Slab', serif; background:url(../images/redbg.jpg) }
.education .container { padding-top:150px; padding-bottom:150px }
.education h2 { color:#ff675f }
.education a.read { color:#fdb713; font-weight:700; text-transform:uppercase; text-decoration:none; font-size:15px }
.education .heading p { padding-bottom:41px }
.education p { padding:0 }
.education h4 { font-weight:700 }
.education .arrowpart { background:url(../images/arrow-left-light.png) no-repeat 0 23px }
.education .exCon { background:#fafafa; border-bottom:solid 4px #e8e7e7 }
.education .workDetails .rightArea { border-left-color:#e5e4e4 }
.sec1, .sec3 { font-family:proxima_nova_rgregular; color:#e9e8e8 }
.sec2 { font-size:36px; line-height:45px; color:#FFF; padding:15px 0!important }
.sec1 { font-size:18px }
.sec3 { font-size:21px; padding:10px 0!important }
.education .col-lg-5 { padding:5px }
.protfolio { font-family:proxima_nova_rgregular; background:url(../images/yellowbg.png) }
.protfolio .container { padding-top:65px; padding-bottom:45px; text-align:center }
.companybox{background:url(../images/yellowbg.png) !important;}
.companybox .container {padding-top: 65px !important; padding-bottom: 45px !important; text-align: center;}
.sponsorslogo {padding-top: 20px;}
.sponsors-imgwrap img{padding: 8px !important;;}
/*-----------footer added css--------------*/


.img-cap-effect .img-box {
	position: relative;
	overflow: hidden;
	border: 1px solid #eee;
	background: #fff;
}

.single-team-member .img-box img {
	width: 190px;
}

.single-team-member .content {
	background: #F3F5F7;
	padding: 20px;
	padding-top: 25px;
	min-height: 175px;
}

.single-team-member .content p {
	color: #969595;
}
.single-team-member .content p a {
	color: #2d3e52;
	text-decoration: none;
}

.single-team-member .content .name-box {
	margin-bottom: 12px;
}

.single-team-member .content .name-box h3 {
	font-family: Calibri, sans-serif;
	color: #313131;
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: bold;
}

.single-team-member .content .name-box span {
	color: #313131;
	font-size: 16px;
	line-height: 22px;
	font-style: italic;
}


.protfolio img { margin:8px }
.protfolio .imgs { margin:8px 0 35px }
.protfolio .heading p { padding-bottom:41px }
.protfolio p { color:#333; font-size:18px; padding-bottom:20px; font-weight:600 }
.protfolio h4 { font-weight:700 }
.portfolioFilter { display:block; margin:0 auto; text-align:center }
.portfolioFilter ul { margin:0 auto 30px; text-align:center; display:block }
.portfolioFilter ul li { display:inline-block; margin:5px }
.portfolioFilter ul li a { padding:16px 18px; font-size:13px; line-height:15px; color:#fff; text-transform:uppercase; display:block; text-decoration:none; border:1px solid #95d9ee; transition-duration:.2s;
-webkit-transition-duration:.2s
}
.portfolioFilter ul li a:hover { border:1px solid #15596e; color:#15596e; transition-duration:.2s;
-webkit-transition-duration:.2s
}
.portfolioFilter ul li a.current { background:#15596e; border:1px solid #15596e; color:#fff }
ul.portfolioContainer { display:block; padding:0; list-style-type:none }
ul.portfolioContainer li { display:block; min-height:205px; padding:0; margin:0; cursor:pointer }
ul.portfolioContainer li .lightCon { display:block; margin:3px 3px 4px 4px; position:relative; overflow:hidden }
ul.portfolioContainer li img { width:100%; height:auto; display:block }
span.hoverBox { visibility:hidden; width:100%; height:100%; position:absolute; left:0; bottom:0; transition-duration:.2s;
-webkit-transition-duration:.2s;
background:rgba(0, 0, 0, .1) }
ul.portfolioContainer li:hover span.hoverBox { visibility:visible; left:0; bottom:0; background:rgba(0, 0, 0, .8); transition-duration:.2s;
-webkit-transition-duration:.2s
}
span.hoverBox a { line-height:42px }
span.hoverBox .smallIcon { width:94px; margin:-21px auto 0 -47px; position:absolute; top:50%; left:50% }
span.hoverBox .zoom { visibility:hidden; width:42px; height:42px; background:#ff675f; color:#fff; position:relative; left:-150%; text-align:center; line-height:50px; display:block; float:left; transition-duration:.2s;
-webkit-transition-duration:.2s
}
ul.portfolioContainer li:hover span.hoverBox .zoom { visibility:visible; left:0; transition-duration:.2s;
-webkit-transition-duration:.2s
}
span.hoverBox .linKed { visibility:hidden; width:42px; height:42px; background:#313131; color:#fff; position:relative; right:-150%; text-align:center; line-height:52px; display:block; float:right; transition-duration:.2s;
-webkit-transition-duration:.2s
}
ul.portfolioContainer li:hover span.hoverBox .linKed { visibility:visible; right:0; transition-duration:.2s;
-webkit-transition-duration:.2s
}
.isotope-item { z-index:2 }
.isotope-hidden.isotope-item { pointer-events:none; z-index:1 }
.isotope, .isotope .isotope-item { -webkit-transition-duration:.8s;
-moz-transition-duration:.8s;
transition-duration:.8s
}
.isotope { -webkit-transition-property:height, width; -moz-transition-property:height, width; transition-property:height, width }
.isotope .isotope-item { padding:0; -webkit-transition-property:-webkit-transform, opacity; -moz-transition-property:-moz-transform, opacity; transition-property:transform, opacity }
.abc { position:absolute; width:782px; height:auto; top:20%; left:0; right:0; z-index:99999; margin:0 auto }
.abc #pbImage { position:static!important }
#pbCaption { display:block; background:none!important }
#pbBottom { position:relative!important; left:26.1%!important; bottom:0!important; width:100%!important; margin-left:-26%!important; padding:0!important; height:80px!important; display:block; background-color:rgba(24, 27, 34, 1); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#B0000000, EndColorStr=#B0000000)
}
#pbCloseBtn { position:absolute!important }
#contact .row { padding:60px 0 }
#contact img { width:16px }
.contact .col-lg-12 { padding:0; margin:0; text-align:center; overflow:hidden; }
.contact .col-sm-6 { height:80px; padding-top:25px }
.contact .fa { font-size:30px }
.contact .fb { background:#38569a }
.contact .tweet { background:#d4d4d4 }
.contact h2 { color:#ff675f }
.contact p { color:#84868d; line-height:18px }
.contact .heading p { padding-bottom:41px }
.contact a, .contact a:hover { color:#FFF }
.contact h4 { font-weight:700 }
.topCon { padding-bottom:0!important }
.mapArea { background:url(../images/map-bro.png) repeat-x; padding-top:4px; height:400px; overflow:hidden; width:100%; margin:0 }
.mapArea iframe { width:100%; height:396px; padding-bottom:4px; background:url(../images/map-bro.png) repeat-x 0 100% }
.contactDetails { background:#474d5d }
.contactDetails .container { padding-top:85px; padding-bottom:90px }
.contactDetails h4 { font-weight:600; text-transform:uppercase; padding-bottom:15px }
.contactDetails p { color:#93959c; font-size:13px; line-height:19px; padding-bottom:14px }
.contactDetails p a { color:#93959c }
.contactDetails p a:hover { color:#a9abb0; text-decoration:none }
.contactDetails i { padding-right:15px }
.conForm input { background:#585f73; color:#93959c; padding:15px 30px; border:none; margin-right:3%; margin-bottom:30px; outline:0; font-style:italic }
.conForm input.noMarr { margin-right:0 }
.conForm textarea { background:#585f73; color:#93959c; padding:15px 30px; border:none; margin-bottom:40px; outline:0; height:100px; font-style:italic }
.conForm .submitBnt { background:#ff675f; color:#fff; font-size:16px; font-weight:600; text-align:center; float:right; margin:0 }
.conForm .submitBnt:hover { background:#f5534b }
.textGroup { position:relative!important; display:inline-block; padding-left:0!important }
#success_page { color:#00bdbd; font-weight:500 }
.error_message { color:#ff675f; padding-bottom:15px; font-weight:500 }
#success_page h3 { font-size:17px }
footer {background:#000; padding:30px 0px; text-align:center; color:#FFF; font-size:13px; font-family:proxima_nova_rgregular }
footer p {padding:6px 0;}
footer p a:hover{color: #fff;}

.higt-fix{
  height: 700px;
overflow-y: scroll;
}
/* Style for overlay and box 
        .overlay_onload{
            background:rgba(0,0,0,0.8);
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:999;
        }
        .box{
			 position:fixed;
           
            left:0;
            right:0;
			margin: auto;
            color:#666;
            z-index:999;
           
        }

        a.boxclose{
            float:right;
            width:29px;
            height:26px;
            background:transparent url(../images/close.png) repeat top left;
            margin-top:0px;
            margin-right:0px;
            cursor:pointer;
			position: absolute;
			right:2%;
			top:2%;
z-index:99;
        }*/
        
        
           /* Style for overlay and box 
.overlay{ 
background:transparent url(images/overlay.png) repeat top left; 
position:fixed; 
top:0px; 
bottom:0px; 
left:0px; 
right:0px; 
z-index:999; 
} 
.box{ 
position:fixed; 
/*top:180px !important;
left:30%; 
right:30%; 
background-color:#fff; 
color:#7F7F7F; 
padding:20px; 
border:2px solid #ccc; 
-moz-border-radius: 20px; 
-webkit-border-radius:20px; 
-khtml-border-radius:20px; 
-moz-box-shadow: 0 1px 5px #333; 
-webkit-box-shadow: 0 1px 5px #333; 
z-index:999; 
} 
.box h1{ 
border-bottom: 1px dashed #7F7F7F; 
margin:-20px -20px 0px -20px;
padding:10px; 
margin-bottom: 15px; 
font-size: 28px; 
text-align:center; 
background-color:#fff; 
color:#000; 
-moz-border-radius:20px 20px 0px 0px; 
-webkit-border-top-left-radius: 20px; 
-webkit-border-top-right-radius: 20px; 
-khtml-border-top-left-radius: 20px; 
-khtml-border-top-right-radius: 20px; 
} 
a.boxclose{ 
float:right; 
width:26px; 
height:26px; 
background:transparent url(images/cancel.png) repeat top left; 
margin-top:-30px; 
margin-right:-30px; 
cursor:pointer; 
} 

add following in css*/ 
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100% !important;
    margin-top: -6px;
    margin-left: -1px;
/*    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;*/
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
       margin-right: 15px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


.popupdiv { 
position:absolute;
top:0;
bottom:0;
left:0; right:0;
margin:auto;padding:10% 10px;
height:auto; overflow:hidden;
            -moz-border-radius: 10px;	
            -webkit-border-radius:10px;
            -khtml-border-radius:10px;
			text-align:center;
			}
.popupdiv img{ max-width:450px; width:100%;}
.popupdiv h5{ font-family:'Roboto Slab', serif; font-size:18px; color:#fff; letter-spacing:6px; margin:15px 0; }
.popupdiv h3{font-family: 'Droid Serif', serif; font-size:24px; font-weight:400; font-style:italic; color:#fdb713;}
@media screen and (min-width:1200px) {
.education .workYear {
padding-top:58px
}
}
@media screen and (max-width:1200px) {
.aboutme .menu_contanier {
margin:auto;
padding:0 70px
}
.education .col-lg-5 {
height:100px
}
.education .col-lg-5 img.pull-right {
width:78px!important;
height:78px!important;
float:none!important;
margin:auto!important
}
.registration .heading h2 {
	font-size: 22px;
	margin-bottom: 10px;
}
.navbar-nav > li {
	font-size: 16px;
	display: inline;
	padding: 38px 15px;
}
}
@media screen and (max-width:991px) {
.aboutme .menu_contanier {
margin:auto;
padding:0 50px;
}
.mobileview .col-xs-offset-3 {
margin-left:auto;
}
.technical p {
height:auto;
}
.navbar.navbar-inverse.navbar-static-top a {
padding-left:18px;
padding-right:18px
}
.bannerText {
padding-left:25px;
padding-right:25px
}
.bannerText h1 {
font-size:65px;
line-height:71px
}
.bannerText h2 {
font-size:28px
}
.proPic {
text-align:center
}
.productimg1 {
width:20%;
height:230px;
float:left;
margin:3px 8.5px 4px;
text-align:center
}
.heading {
text-align:center;
padding-bottom:0!important
}

.registration .heading h2 {
	font-size: 18px;
	margin-bottom: 10px;
}

.registration .heading h4 {
  font-size: 14px;
  line-height: 18px;
  padding-bottom: 12px;
  font-weight: 600;
}

}
@media screen and (max-width:810px) {
body {
min-height:700px
}
#header h3 {
font-size:38px
}
#header h3 span {
font-size:16px
}
.abc {
width:100%
}
.navbar.navbar-inverse.navbar-static-top a {
padding-left:17px
}
}
@media screen and (min-width:768px) {
.conForm input.col-lg-6, .conForm input.col-sm-6 {
width:48.5%
}
.single-team-member {
	margin-bottom: 50px;
}
}
@media screen and (max-width:768px) {
.navbar-wrapper .container, .navwrapper .container {
padding-right:15px;
padding-left:15px
}
ul.portfolioContainer li.col-xs-6 {
width:49%;
min-height:85px
}
}
@media screen and (max-width:767px) {
	.single-team-member {
	margin-bottom: 50px;
}
.navbar-header {
display:block
}
.workYear {
width:200px;
padding:20px 0;
margin:0 auto
}
.workDetails .rightArea {
border-left:none
}
.arrowpart {
float:none;
width:100%;
height:20px;
background:url(../images/arrow-top.png) no-repeat 50% 100%
}
.education .arrowpart {
background:url(../images/arrow-top-light.png) no-repeat 50% 100%
}
.exCon {
margin-left:0
}
.navbar-nav>li {
font-size:18px;
display:inline;
padding:0
}
ul.navbar-nav li a {
display:block;
margin:10px 0;
line-height:28px
}
.aboutme .menu_contanier {
font-size:15px
}
.aboutme span {
padding:0;
margin:5px 0;
display:inline;
line-height:20px
}
#scroll {
bottom:90px;
left:42%
}
.registration .bg1 img{width: 100%; height: auto;}
.qrcode .col-sm-12{
	width: 100% !important;
	float: left;
	text-align: center;
}

.qrcode .col-md-3{
	width: 25%;
	float: left;
}
.qrcode .col-md-6{
	width: 50%;
	float: left;
}

/*.lg-left img{
	width: 33% !important;
	max-width: 33% !important;
}
.lg-ct p{
	
}
.lg-right img{
	width: 33% !important;
	max-width: 33% !important;
}
*/
}

@media screen and (max-width:650px) {
	#wrapper {
	top:200px!important
	}

	.upbox {
	transform:translate(0px, -70px);
	-ms-transform:translate(0px, -70px);
	-webkit-transform:translate(0px, -70px)
	}

	.partici{ padding:10px;}
	.partici-heading{ font-size:20px; font-weight:bold; text-align:center;color: #C5972B;}
	.partici-text{ font-size:14px;}


	.bannerText {
		top:10%;
		padding-top:15px;
		padding-bottom:15px
	}

	.bannerText h1 {
		font-size:42px;
		line-height:48px
	}

	.bannerText h2 {
		font-size:18px;
		line-height:24px
	}

	.protfolio .imgs {
		max-width:165px;
		margin:30px auto
	}

	.protfolio img {
		margin:10px 0
	}
	.registration .heading h2 {
		font-size: 16px;
		margin-bottom: 10px;
		line-height: 22px;
	}
	.contact-form-wrap {
		padding: 15px;
		background: #f4f4f4;
		border-radius: 10px;
	}
}
@media screen and (max-width:600px) {
.qrcode .col-xs-12{
	width: 100%;
	float: left;
}

.qrcode .col-xs-6{
	width: 50%;
	float: left;
}


.mrgtop-20 {
	margin-top: 8%;
}
.logodiv1 img {
	width: 50% !important;
	display: inline-block !important;
	height: auto !important;
}
.qrcodeimg {
	width: auto !important;
	display: inline-block !important;
	height: auto !important;
}
.qrcodeimg  img{
	width: 60%;
}

.logodiv2 img {
	width: 100% !important;
	display: inline-block !important;
	height: auto !important;
}

.logodiv3 img {
	width: 100% !important;
	display: inline-block !important;
	height: auto !important;
}
.mt-30m{margin-top: 10px; margin-bottom: 10px;}
.qrcode .event-venue h4 {
	font-size: 24px;
}
.qrcode .event-venue h5 {
	font-size: 22px;
	padding-bottom: 10px;
}

.desk-view{display: none;}

.mo-view{display: block;}

}

@media screen and (max-width:480px) {
.navbar.navbar-inverse.navbar-static-top a {
line-height:17px;
padding-top:11px;
padding-bottom:11px
}
#scroll {
display:none
}
.productimg1 {
width:17%;
height:120px;
float:left;
margin:3px 8.5px 4px;
text-align:center
}
.aboutme .menu_contanier {
font-size:14px
}
}
@media screen and (max-width:400px) {
.aboutme span {
padding:10px 0
}
.aboutme .container {
padding-top:100px!important;
padding-bottom:0!important
}
.aboutme .menu_contanier {
width:100%;
margin:auto;
padding:0 10px!important;
text-align:left
}
#loopedSlider, #newsSlider {
min-height:650px;
height:100%
}
ul.slides {
min-height:600px;
height:100%
}
.item {
width:19%
}
.item p {
font-size:36px
}
.aboutme img, ul.portfolioContainer li.col-xs-6 {
width:100%
}
.bntDownload {
font-size:13px;
padding:16px 14px
}
.conForm textarea {
margin-bottom:20px
}
.textGroup {
display:block;
padding:0 0 40px
}
.emailError, .nameError {
left:0;
top:0
}
}