@charset "utf-8";
/* CSS Document */
body { font-family: 'ralewayregular'; font-size: 14px; letter-spacing: 2px; overflow-x: hidden; }
body.innerBody { position: relative; }
/* Loader -------------------------------------------------------------*/
.bodyLoader { position: fixed; width: 100%; height: 100%; text-align: center; z-index: 9999; background: #fff; }
.bodyLoader img { margin-top: 17%; }
/* HEADER
========================================================================*/
header { position: absolute; width: 100%; z-index: 999; }
.whiteLogo { display: inline-block; }
.blockLogo { display: none; }
header.stickyHeader { position: fixed; background: rgba(255,255,255,1); -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.26); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.26); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.26); }
.stickyHeader .whiteLogo { display: none; }
.stickyHeader .blockLogo { display: inline-block; }
.stickyHeader .logo { padding: 10px 0 10px 0; }
.logo { padding: 40px 0 0 0; }
.logo a { }
.logo a img { }
.navIcon { float: right; width: 22px; height: 22px; padding: 5px; cursor: pointer; margin: 50px 0 0 0 }
.navIcon span { height: 3px; background: #ffffff; margin-bottom: 5px; display: block; }
.navIcon span:first-child { }
.navIcon span:nth-child(2) { background: #ef4030; }
.navIcon span:last-child { }
.navIcon.active { float: right; padding: 5px; cursor: pointer; margin: 0px 0 0 0; position: absolute; top: 46px; right: 4.5%; }
.navIcon.active span { width: 3px; height: 22px; background: #ffffff; display: inline-block; position: absolute }
.navIcon.active span:first-child { left: 0; margin-top: 8px; }
.navIcon.active span:nth-child(2) { background: #ef4030; left: 8px; margin-top: 4px }
.navIcon.active span:last-child { left: 16px; }
.stickyHeader .navIcon { margin: 20px 0 0 0; }
.stickyHeader .navIcon span { background: #111111; }
.stickyHeader .navIcon span:nth-child(2) { background: #ef4030; }
/* NAV
========================================================================*/
#navigation { display: none; }
.navigation { position: fixed; z-index: 9991; width: 86%; height: 100%; top: 0; padding: 7%; background: rgba(255,255,255,0.2); }
/*nav:after { background: url(../images/menuBg.jpg) no-repeat center / cover; width: 100%; height: 100%; content: ""; position: absolute; z-index: -1; top: 0; left: 0; opacity: 1; }*/
nav { margin-top: 35px; }
nav ul { width: auto; max-width: 420px; float: right; }
nav ul li { text-align: right; padding-right: 20px; }
nav ul li a { font-size: 36px; color: #ffffff; display: block; }
nav ul li a:hover, nav ul li.active a { color: #888; }
#section0.section.active { background: none; }
.blurEffect { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; background: rgba(0,0,0,0.8); opacity: 0.92; }
.blurEffect > img { width: 100%; height: 100%; -webkit-filter: blur(6px); -moz-filter: blur(6px); -o-filter: blur(6px); -ms-filter: blur(6px); filter: blur(6px); }
/* Banner =====================================================*/
.videoHome { position: absolute; top: 0; width: 100%; left: 0; height: 100%; z-index: -1 }
.videoHome video { width: 100%; }
.homeSlideFirst { overflow: hidden; }
.homeSlideFirst video { width: 100%; min-height: 109%; }
.videoLayer { position: absolute; z-index: 99; height: 100%; width: 100%; background: rgba(0,0,0,0.25); }
.homeSlideFirst { overflow: hidden; }
.homeSlideFirst video { width: 100%; height: 109%; }
.videoLayer { position: absolute; z-index: 99; height: 100%; width: 100%; background: rgba(0,0,0,0.25); }
.desktopsectionBg { display: block; }
.mobilesectionBg { display: none; }
.sectionBg { width: 100%; }
.banner { position: relative; }
.banner .detailBg { width: 100%; }
.detailPage { width: 100%; margin: 0; height: 638px; overflow: hidden; }
/* Home page About */
.downArrow { position: absolute; bottom: 70px; left: 0; right: 0; z-index: 99; width: 64px; margin: 0 auto; text-align: center; }
.downArrow.mobileScroll { display: none; }
.downArrow a img { border: 1px solid #9a9a9a; border-radius: 25px; }
.pageData, .item-page, .item-page > div { height: 100%; }
.abouthome { }
.abouthomeBtn { position: absolute; top: 49%; z-index: 99; cursor: pointer; }
.abouthomeBtn span { position: relative; color: #ffffff; font-size: 14px; text-transform: uppercase; padding: 42px 0; margin-left: 30px; transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; }
.abouthomeBtn span:after { background: rgba(225,225,225,0.3); content: ' '; width: 100px; height: 100px; position: absolute; left: -80px; top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; }
.abouthomeBtn:hover span { margin-left: 15px; transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; }
.abouthomeBtn:hover span:after { left: -20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; }
.aboutHomewrap { position: absolute; top: 0; width: 40%; left: 0; z-index: 999; background: #555; height: 100%; overflow: hidden; transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; -o-transition: 0.8s; -webkit-transition: 0.8s; }
.aboutHomeInner:after { background: url(../images/banner1.jpg) no-repeat left top; width: 110%; height: 100%; content: ""; position: absolute; z-index: -1; top: 0; right: 0; opacity: 0.9; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); }
.aboutHomeInner { padding: 15% 10%; width: 80%; height: 75%; }
.aboutHomeInner h3 { font-size: 24px; color: #ffffff; text-transform: uppercase; margin: 60px 0 20px 0; }
/* Home Page Work */

.workhome { }
.workhomeBtn { position: absolute; top: 49%; right: 10px; z-index: 99; cursor: pointer; }
.workhomeBtn.desktopBtn { display: block; }
.workhomeBtn.mobileBtn { display: none; }
.workhomeBtn span { position: relative; color: #ffffff; font-size: 14px; text-transform: uppercase; padding: 42px 0; margin-right: 30px; transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; }
.workhomeBtn span:after { background: rgba(225,225,225,0.3); content: ' '; width: 100px; height: 100px; position: absolute; right: -90px; top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; }
.workhomeBtn:hover span { margin-right: 15px; transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; }
.workhomeBtn:hover span:after { right: -26px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; }
.workHomewrap { position: absolute; top: 0; width: 40%; right: 0; z-index: 999; background: rgba(0,0,0,0.8); height: 100%; overflow: hidden; transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; -o-transition: 0.8s; -webkit-transition: 0.8s; }
/*.workHomeInner:after { background: url(../images/banner1.jpg) no-repeat right top; width: 110%; height: 100%; content: ""; position: absolute; z-index: -1; top: 0; right: 0; opacity: 0.9; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); }*/
.workHomeInner { padding: 15% 10%; width: 80%; }
.workHomeInner h3 { font-size: 24px; color: #ffffff; text-transform: uppercase; margin: 0 0 20px 0; }
.workHomeInner ul#toggleMenu { }
.workHomeInner ul#toggleMenu > li { margin-bottom: 10px; cursor: pointer; }
.workHomeInner ul#toggleMenu > li > a { font-size: 16px; color: #ffffff; text-transform: uppercase; }
.workHomeInner ul#toggleMenu > li > ul { margin-left: 25px; margin-top: 10px; display: none }
.workHomeInner ul#toggleMenu > li > ul > li { margin-bottom: 10px; }
.workHomeInner ul#toggleMenu > li > ul > li > a { font-size: 14px; color: #ffffff; }
/* Home Page Prjects **********************************************************/
.homeProjects { position: absolute; z-index: 99; width: 50%; left: 10%; top: 42%; color: #aeaeae; letter-spacing: 2px; font-family: 'ralewaylight'; line-height: 25px; }
.homeProjects a { color: #ffffff; }
.homeProjects h4 { color: #ffffff; font-size: 18px; line-height: 20px; text-transform: uppercase; font-family: 'ralewaysemibold'; letter-spacing: 2px; margin: 0 0 15px 0; }
.homeProjects h3 { color: #ffffff; text-transform: uppercase; font-size: 35px; line-height: 38px; font-family: 'ralewaybold'; letter-spacing: 2px; margin: 0 0 25px 0; }
.homeProjects p { }
/* About Page Who We Are =======================================================*/
.whoweareWrap { position: absolute; width: 65%; top: 24%; left: 10%; z-index: 99; color: #ebebeb; font-family: 'ralewaylight'; }
.whoweareWrap h3 { color: #ffffff; text-transform: uppercase; font-family: 'ralewaybold'; font-size: 40px; line-height: 45px; margin: 0 0 30px 0; }
.whoweareWrap p { }
.clientsWrap { position: absolute; width: 80%; top: 24%; left: 10%; z-index: 99; color: #ebebeb; }
.clientsOutter { /*height: 447px; overflow: hidden; overflow-y: scroll; */ padding-right: 2%; }
.clientsWrap h2 { font-size: 32px; font-family: 'ralewaysemibold'; text-transform: uppercase; margin: 0 0 30px 0; line-height: 34px }
.clientsWrap p { }
.clientsWrap ul { margin: 40px -1%; }
.clientsWrap ul > li { width: 15.5%; float: left; margin: 0.5%; }
.clientsWrap ul > li > img { max-width: 100%; }
/*Team */
.teamWrap { position: absolute; width: 80%; z-index: 999; top: 25%; left: 10%; }
.teamWrap > ul { }
.teamWrap > ul > li { overflow: hidden; }
.teamProfile { width: 46%; float: left; }
.teamProfile img { width: 100%; }
.teamInfoWrap { width: 46%; padding: 4%; float: left; background: rgba(255,255,255,0.16); color: #ebebeb; padding-bottom: 500px; margin-bottom: -500px; }
.teamProfileName { color: #ffffff; font-size: 18px; font-family: 'ralewaysemibold'; }
.teamProfileDesig { color: #ffffff; margin-bottom: 15px; }
.teamProfileInfo { color: #ebebeb; font-family: 'ralewaylight'; }
.teamImages { display: block; }
.mobileteamImg { display: none; }
.teamImages-big { display: none; }
.teamImages-md { display: none; }
.flexslider1 ul.flex-direction-nav { position: absolute; bottom: 0; right: 0; width: 100px; min-height: 35px; }
.flexslider1 ul.flex-direction-nav > li { width: 35px; height: 35px; position: absolute;  bottom: 10px; z-index:999;}
.flexslider1 ul.flex-direction-nav > li.flex-nav-prev { right: 50px;}
.flexslider1 ul.flex-direction-nav > li.flex-nav-next {right: 10px;}
.flexslider1 ul.flex-direction-nav li.flex-nav-prev a { overflow: hidden; background: url(../images/prev-arrow.png); display: block; cursor:pointer;}
.flexslider1 ul.flex-direction-nav li.flex-nav-next a { overflow: hidden; background: url(../images/next-arrow.png); display: block; cursor:pointer;}
.flexslider1 ul.flex-direction-nav li.flex-nav-prev a { text-indent: -1000px; overflow: hidden; height: 100%; display: block; }
.flexslider1 ul.flex-direction-nav li.flex-nav-next a { text-indent: -1000px; overflow: hidden; height: 100%; display: block; }
/* Project Landing Page */
.servicesBg { height: 100%; }
.sectionBg { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; min-height: 510px; height: 100%; }
.projectsWrap { position: relative; z-index: 9; width: 100%; margin: 0 auto; }
.projectsWrap .projectNav { width: 30%; float: left; height: 100%; background: rgba(255,255,255,0.16); padding-top: 130px; margin-bottom: -1000px; padding-bottom: 1000px; z-index: 99; }
.projectsWrap .projectNav > ul { margin: 84px 0 0 18%; }
.projectsWrap .projectNav > ul > li { background: url(../images/bullet.png) no-repeat left top 8px; padding-left: 18px; margin-bottom: 30px; }
.projectsWrap .projectNav > ul > li.active { background: url(../images/active-bullet.png) no-repeat left top 8px; }
.projectsWrap .projectNav > ul > li > a { font-family: 'ralewaysemibold'; text-transform: uppercase; color: #ffffff; font-size: 18px; cursor: pointer; display: block; }
.projectsWrap .projectNav > ul > li > ul { margin-top: 10px; }
.projectsWrap .projectNav > ul > li > ul > li { background: url(../images/bullet.png) no-repeat left top 6px; padding-left: 18px; margin-bottom: 12px; }
.projectsWrap .projectNav > ul > li > ul > li.active { background: url(../images/active-bullet.png) no-repeat left top 6px; }
.projectsWrap .projectNav > ul > li > ul > li > a { color: #c8c8c8; text-transform: uppercase; font-size: 14px; cursor: pointer; display: block; }
.projectsWrap .projectList { width: 70%; float: left; padding-top: 130px; position:relative; }
.projectListOutter { width: 83%; margin: 30px 13% 0 0; float: right; height: 460px; overflow: hidden; overflow-y: scroll; }
.projectListOutter .projectBox { width: 0; float: left; margin: 0; overflow: hidden; height: auto; }
.projectListOutter .projectBox.active { width: 48%; height: auto; margin:0 1% 30px 1%; }
.projectListOutter .projectBox img { width: 100%; }
.projectListOutter .projectBox .projectInfo { color: #bfbfbf; margin-top: 10px; }
.projectInfo .projectTitle { color: #ffffff; text-transform: uppercase; font-family: 'ralewaysemibold'; }
.projectInfo .divider { color: #bfbfbf; font-family: 'ralewaysemibold'; margin: 0 10px; }
.projectBox .thumBox { position: relative; overflow: hidden; }
.projectBox .thumBox .overlayThum { position: absolute; top: -100%; width: 90%; padding: 5%; height: 82%; color: #ffffff; left: 0; transition: 0.4s; background: rgba(0,0,0,0.5); }
.projectBox .thumBox .overlayThum .overlayInner { position: absolute; bottom: 15px; }
.projectBox:hover .thumBox .overlayThum { top: 0; transition: 0.4s; }
.projectBox .thumBox .overlayThum p { }
.projectBox .thumBox .overlayThum span { margin-top: 10px; display: inline-block; }
/* Contact Us Page */
.contactWrap { position: absolute; z-index: 99; width: 80%; top: 30%; margin: 0 auto; left: 0; right: 0; color: #fff }
.contactBox { float: left; color: #c1c1c1; font-family: 'ralewaylight'; }
.contactBox.contactBoxFirst { margin-right: 2%; width: 34%; }
.contactBox.contactBoxMiddle { width: 30%; border-left: 1px solid #666; border-right: 1px solid #666; padding: 0 2%; }
.contactBox.contactBoxLast { margin-left: 2%; width: 27%; }
.contactBox h3 { text-transform: uppercase; font-size: 16px; margin-bottom: 20px; color: #ffffff; font-family: 'ralewaysemibold'; }
.contactBox ul { }
.contactBox ul > li { margin-bottom: 15px; }
.contactBox ul > li a { color: #c1c1c1; }
.contactBtnGroup { margin-top: 50px; }
.contactBtnGroup a { text-align: center; width: 48%; background: rgba(255,255,255,0.20); color: #ffffff; text-transform: uppercase; display: block; float: left; padding: 20px 0; transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; }
.contactBtnGroup a.getouchDesktop { display: inline-block; }
.contactBtnGroup a.getouchMobile { display: none; }
.contactBtnGroup a.firstBtn { margin-right: 4%; }
.contactBtnGroup a:hover { background: #ffffff; color: #222222; transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; }
.mobileContactbtns { display: none; }
.desktopContactbtns { display: block; }
/* FORM */
.contactForm { position: absolute; width: 70%; margin: 0 auto; left: 0; right: 0; top: 30%; z-index: 999; }
.contactForm h2 { font-size: 32px; font-family: 'ralewaysemibold'; text-transform: uppercase; margin: 0 0 30px 0; line-height: 34px; color: #ffffff; }
.enqInput { width: 48%; margin: 0 1% 30px 1%; float: left; position: relative; }
.enqInput input { width: 90%; padding: 25px 20px; background: none; background: rgba(255,255,255,0.13); border: none; color: #ffffff; letter-spacing: 2px; font-size: 12px; }
.enqInput textarea { width: 90%; padding: 25px 20px; height: 18px !important; background: rgba(255,255,255,0.13); border: none; color: #ffffff; letter-spacing: 2px; font-size: 12px; }
.enqSubmit { margin: 20px 1% 0 1%; }
.enqSubmit input { padding: 20px 45px; color: #ffffff; font-family: 'ralewaysemibold'; font-size: 16px; text-transform: uppercase; border: 1px solid #ffffff; background: none; letter-spacing: 2px; font-weight: normal; transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; }
.enqSubmit input:hover { background: #ffffff; color: #222222; transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; }
.enqInput .formError { color: #efdbdb; font-weight: normal; font-size: 12px; position: absolute; bottom: -20px; }
/* Services ============================================================*/
.servicesBg { position: fixed; z-index: -1; top: 0; width: 100%; left: 0; }
.servicesBg.sectionBg { opacity: 0; }
.servicesSection { position: absolute; top: 16%; width: 58%; right: 8%; color: #c8c8c8; }
.servicesTab.mobileDevice { display: none; }
.servicesLeft { position: fixed; top: 0; width: 30%; height: 100%; z-index: 99; background: url(../images/services-menuBg-.png) repeat-y }
.servicesLeft ul { margin-top: 50%; margin-left: 18%; }
.servicesLeft ul > li:first-child { }
.servicesLeft ul > li { background: url(../images/bullet.png) no-repeat left top 6px; padding-left: 20px; margin-bottom: 34px; }
.servicesLeft ul > li > a { color: #c8c8c8; }
.servicesLeft ul > li > a:hover { }
.servicesLeft ul > li.active { background: url(../images/active-bullet.png) no-repeat left top 6px; }
.servicesLeft ul > li.active a, .servicesLeft ul > li a:hover { color: #ffffff; }
.servicesSection .servicesInfo { }
.servicesSection .servicesInfo h3 { margin-bottom: 15px; color: #c8c8c8; text-transform: uppercase; color: #ffffff; font-family: 'ralewaysemibold'; }
.servicesSection .servicesInfo h3 span { text-transform: none; }
.subLine { margin-bottom: 15px; text-transform: uppercase; }
.servicesInfo ul { font-family: 'ralewaylight'; }
.servicesInfo ul li { background: url(../images/line-bullet.png) no-repeat left top 10px; padding-left: 15px; margin-bottom: 12px; }
.platformsWrap { }
.platformsWrap h4 { color: #ffffff; text-transform: uppercase; font-size: 14px; margin: 40px 0 15px 0; }
.platformsWrap ul { font-family: 'ralewaylight'; }
.platformsWrap ul li { width: 118px; float: left; margin-right: 14px; }
.platformsWrap ul li img { }
.platformsWrap ul li span { margin-top: 5px; font-family: 'ralewaylight'; font-size: 10px; }
/* Media Page ===============================================================*/

.mediaWrap { position: absolute; width: 80%; top: 32%; left: 0; right: 0; margin: 0 auto; z-index: 99; height: 370px; overflow: hidden; }
.mediaGroup { width: 31%; margin: 1%; float: left; }
.mediaGroup .mediaProfile { }
.mediaGroup .mediaProfile img { width: 100%; }
.mediaInfo { background: rgba(255,255,255,0.16); padding: 15px; color: #ebebeb; overflow: hidden; min-height: 148px; position: relative; }
.mediaInfo .mediaDate { font-family: 'ralewaylight'; margin: 0 0 10px 0; font-size: 13px; }
.mediaInfo .mediaTxt { font-family: 'ralewayregular'; }
.mediaMore { text-align: right; position: absolute; bottom: 10px; right: 10px; }
.mediaMore a { opacity: 0.42; transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; }
.mediaMore a:hover { opacity: 1; transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; }
/* News Detail Page */
.newdetailWrap { position: absolute; width: 80%; top: 25%; left: 0; right: 0; margin: 0 auto; z-index: 99; height: 380px; overflow: hidden; color: #ebebeb; }
.newdetailWrap h3 { color: #ebebeb; line-height: 30px; text-transform: uppercase; font-family: 'ralewaysemibold'; }
.newdetailWrap ul { margin-top: 30px; }
.newdetailWrap ul > li { float: left; width: 31%; margin-right: 2%; margin-bottom: 20px; }
.newdetailWrap ul > li img { width: 100%; }
/* FOOTER
========================================================================*/
footer { position: fixed; z-index: 999; bottom: 12px; width: 100%; color: #abaaaa; font-size: 10px; }
footer.innerFooter { bottom: 120px; position: relative; }
.copyRight { color: #abaaaa; float: left; line-height: 21px; }
.footerLink { float: left; }
.footerLink > ul { margin-left: 10px; }
.footerLink > ul > li { float: left; }
.footerLink > ul > li > a { padding: 0 4px; color: #abaaaa; font-size: 14px; }
.footerLink > ul > li > a:hover { color: #EF4030; }
.footerLink > ul > li > a > img { }
/* HEADINGS
========================================================================*/
h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 26px; line-height: 27px; }
h2 { font-size: 24px; line-height: 25px; }
h3 { font-size: 22px; line-height: 23px; }
h4 { font-size: 18px; line-height: 19px; }
h5 { font-size: 16px; line-height: 17px; }
h6 { font-size: 14px; line-height: 16px; }
p { margin-top: 10px; }
p:first-child { margin: 0; }
/* FORM
========================================================================*/
label { }
/* Page Scroll Effect ==+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=*/
.section { height: 100% !important; overflow: hidden; }
.fp-tableCell { position: relative; height: 100% !important; }
.fp-controlArrow { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; /* IE10+ */ position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; }
.fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; }
.fp-scrollable { overflow: hidden; position: relative; }
.fp-scroller { overflow: hidden; }
.iScrollIndicator { border: 0 !important; }
.fp-notransition { -webkit-transition: none !important; transition: none !important; }
#fp-nav { position: fixed; z-index: 89; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
#fp-nav.right { right: 0; }
#fp-nav.left { left: 17px; }
.fp-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.fp-slidesNav.bottom { bottom: 17px; }
.fp-slidesNav.top { top: 17px; }
#fp-nav ul, .fp-slidesNav ul { margin: 0 0 0 0; padding: 10px 0; right: 65px; position: relative; }
#fp-nav ul:after { height: 100%; width: 1px; background: #999; position: absolute; top: 0; content: ""; opacity: 0.4; left: 3px; }
#fp-nav ul li, .fp-slidesNav ul li { display: block; width: 12px; height: 12px; margin: 25px 0; position: relative; }
.fp-slidesNav ul li { display: inline-block; }
#fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { height: 10px; width: 10px; background: none; border: none; }
#fp-nav ul li a span, .fp-slidesNav ul li a span { position: absolute; z-index: 1; height: 10px; width: 10px; border: 0; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; border: none }
#fp-nav ul li .fp-tooltip { position: absolute; top: -10px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; cursor: pointer; }
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; }
#fp-nav ul li .fp-tooltip.right { right: 34px; }
#fp-nav ul li .fp-tooltip.left { left: 20px; }
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto !important; }
.fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto !important; }
.displayNone { display: none !important }
/* Slide Dot Move Css */
#fp-nav ul { position: relative; display: inline-block; margin: 0; padding: 0; list-style: none; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#fp-nav li { position: relative; display: block; float: none; margin: 16px 0; width: 16px; height: 16px; cursor: pointer; }
#fp-nav li a { top: 0; left: 0; width: 100%; height: 100%; background-color: none; cursor: pointer; position: absolute; }
#fp-nav li:last-child { position: absolute; left: 0; margin: 0; height: 10px; -webkit-transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; }
#fp-nav li:last-child::after { content: ''; position: absolute; left: 30%; top: -1px; width: 10px; height: 10px; background: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); border: 1px solid #ffffff; }
#fp-nav li.current:nth-child(6) ~ li:last-child { -webkit-transform: translateY(0%); transform: translateY(0%); }
#fp-nav li a { -webkit-transition: background-color 0.3s ease; transition: background-color 0.6s ease; }
#fp-nav li a:hover, .dotstyle-dotmove li a:focus { background-color: none; }
/* Scroll bar */
#ascrail2000 { width: 1px !important; background: #666; padding-right: 0 !important; left: auto !important; right: 6%; height: 30% !important; top: 32% !important; padding: 20px 0; opacity: 0.4; }
#ascrail2000 > div { width: 10px !important; height: 10px !important; background: none !important; border: 1px solid #ffffff !important; border-radius: 0 !important; left: 6px; }
/* Work Detail Page =============================================================*/
.detalPageTagline { position: absolute; z-index: 99; left: 8%; bottom: 100px; color: #ffffff; }
.detalPageTagline h4 { font-size: 18px; color: #ffffff; text-transform: uppercase; font-family: 'ralewaysemibold'; line-height: 22px; }
.detalPageTagline h1 { font-size: 34px; text-transform: uppercase; color: #ffffff; font-family: 'ralewaybold'; line-height: 36px; margin: 10px 0 15px 0; }
.detalPageTagline .taglineNote { font-family: 'ralewaylight'; }
.detailPageDown { }
.pagedetailtxtLeft { width: 37%; float: left; margin-right: 6%; margin-top: 40px; margin-bottom: 60px; }
.pagedetailtxtRight { width: 57%; float: right; margin-top: 40px; margin-bottom: 40px; font-family: 'ralewayregular'; color: #666666; }
.subHeighlight { font-family: 'ralewaybold'; color: #999999; font-size: 18px; text-transform: uppercase; line-height: 36px; }
.subHeighlight h3 { margin-bottom: 20px; }
.pagedetailtxtRight h3 { font-size: 14px; color: #222222; text-transform: uppercase; font-family: 'ralewaysemibold'; line-height: 18px; margin: 15px 0 10px 0; }
.pagedetailtxtRight h3:first-child { margin-top: 0; }
.projectVideoWrap { position: relative; }
.projectVideoWrap > img { width: 100%; }
.projectvideoTitle { position: absolute; bottom: 20px; left: 20px; z-index: 99; text-transform: uppercase; color: #ffffff; }
.profileQuote { color: #222222; line-height: 26px; font-style: italic; font-family: 'ralewayregular'; font-weight: 600 }
.projectquoteName { color: #999999; font-style: normal; margin-top: 20px; }
/* Bottom Gallery ===============================================================*/
.bottomGallery .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.bottomGallery .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.bottomGallery .rslides li iframe { width: 100%; min-height: 540px; }
.bottomGallery .rslides li:first-child { position: relative; display: block; float: left; }
.bottomGallery .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.bottomGallery { position: relative; z-index: 99; width: 90%; margin: 0 auto 60px auto; }
.bottomGallery .footer { position: absolute; z-index: 999; bottom: 12px; width: 100%; color: #abaaaa; font-size: 10px; }
.detailFooter { background: #000000; z-index: 999; position: relative; }
.bottomButton { width: 50%; float: left; text-align: center; }
.bottomButton:first-child a { border-right: 1px solid #242424; }
.bottomButton a { background: #000000; color: #ffffff; font-family: 'ralewaybold'; font-size: 20px; text-transform: uppercase; line-height: 26px; display: block; padding: 15px 0; transition: 0.4s; }
.bottomButton.last a { padding: 28px 0; }
.bottomButton a span { color: #666666; font-family: 'ralewaylight'; font-size: 13px; line-height: 16px; }
.bottomButton.last a:hover { background: #ffffff; color: #000000; transition: 0.4s; }
.bottomButton.first a:hover { background: url(../images/ranikivav-hoverBtn.jpg) no-repeat center/ cover; }
.bottomButton.first a:hover span { color: #ffffff; }
.bottomGallery:hover .rslides_nav.rslides1_nav { opacity: 1; transition: 0.4s; }
.rslides_nav.rslides1_nav { opacity: 0; width: 62px; height: 62px; overflow: hidden; text-indent: -1000px; position: absolute; top: 50%; z-index: 99; transition: 0.4s; }
.rslides_nav.rslides1_nav.prev { background: url(../images/prev-btn.png) no-repeat; left: 10px; }
.rslides_nav.rslides1_nav.next { background: url(../images/next-btn.png) no-repeat; right: 10px; }
/*Careers 
============================================================================*/
.work-cultureWrap { position: absolute; z-index: 99; width: 80%; top: 30%; margin: 0 auto; left: 0; right: 0; color: #fff; }
.we-hiringWrap { position: absolute; z-index: 99; width: 80%; top: 30%; margin: 0 auto; left: 0; right: 0; color: #fff; }
.joinusWrap { position: absolute; z-index: 99; width: 80%; top: 30%; margin: 0 auto; left: 0; right: 0; color: #fff; }
.work-cultureInner { width: 80%; font-family: 'ralewaylight'; color: #c8c8c8; }
.work-cultureInner h2 { font-size: 32px; font-family: 'ralewaysemibold'; text-transform: uppercase; margin: 0 0 45px 0; color: #ffffff; }
.joinusBtn { margin-top: 40px; }
.joinusBtn a { border: 1px solid #ffffff; color: #ffffff; text-transform: uppercase; display: inline-block; padding: 20px 50px; transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; }
.joinusBtn a:hover { background: rgba(255,255,255,0.20); color: #ffffff; transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; }
.joinusBtn a.joinusDesktop { display: inline-block; }
.joinusBtn a.joinusMobile { display: none; }
.we-hiringWrap { }
.we-hiringWrap h2 { font-size: 32px; font-family: 'ralewaysemibold'; text-transform: uppercase; margin: 0 0 45px 0; }
.we-hiringInner { width: 70%; }
.we-hiringWrap ul { }
.we-hiringWrap ul > li { width: 47%; float: left; color: #c8c8c8; padding: 25px 2% 14px 3%; background: rgba(255,255,255,0.16); margin-bottom: 15px; }
.we-hiringWrap ul > li:nth-child(odd) { margin-right: 2%; }
.we-hiringWrap ul > li span { display: block; font-size: 18px; text-transform: uppercase; color: #ffffff; }
.we-hiringWrap ul > li table { width: 100%; margin-top: 10px; }
.we-hiringWrap ul > li table tr { }
.we-hiringWrap ul > li table tr td { }
.we-hiringWrap ul > li .joinusBtn { margin-top: 25px; margin-bottom: 12px; float: left; }
.we-hiringWrap ul > li .joinusBtn a { padding: 14px 30px; }
.download-openings { text-align: right; float: right; margin-top: 50px; }


.joinusWrap { }
.joinusWrap h2 { font-size: 32px; font-family: 'ralewaysemibold'; text-transform: uppercase; margin: 0 0 45px 0; }
.joinusWrap .joinusForm { }
.joinusForm .joinUsInput { position: relative; width: 31%; float: left; margin-right: 2%; margin-bottom: 30px; }
.joinUsInput input { width: 87%; padding: 20px 20px; background: rgba(255,255,255,0.16); border: none; color: #ffffff; letter-spacing: 1.5px; }
.joinUsInput select { width: 98.5%; padding: 22px 20px; background: rgba(255,255,255,0.16); border: none; color: #ffffff; letter-spacing: 1.5px; }
.joinUsInput select option { color: #333333; }
.joinUsInput textarea { width: 87%; ; padding: 22px 20px; background: rgba(255,255,255,0.16); border: none; color: #ffffff; letter-spacing: 1.5px; height: 18px !important; }
.joinUsSubmit { margin-top: 20px; }
.joinUsSubmit input { padding: 20px 40px; text-transform: uppercase; color: #ffffff; background: none; letter-spacing: 1.5px; border: 1px solid #ffffff; }
.joinUsSubmit input:hover { background: rgba(255,255,255,0.20); color: #ffffff; transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; }
.joinusForm .formError { color: #efdbdb; font-weight: normal; font-size: 12px; position: absolute; bottom: -20px; }
/* Font Family =============================================================*/
@font-face { font-family: 'ralewayregular'; src: url('fonts/raleway-regular-webfont.eot'); src: url('fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/raleway-regular-webfont.woff') format('woff'), url('fonts/raleway-regular-webfont.ttf') format('truetype'), url('fonts/raleway-regular-webfont.svg#ralewayregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ralewaybold'; src: url('fonts/raleway-bold-webfont.eot'); src: url('fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/raleway-bold-webfont.woff') format('woff'), url('fonts/raleway-bold-webfont.ttf') format('truetype'), url('fonts/raleway-bold-webfont.svg#ralewaybold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ralewaysemibold'; src: url('fonts/raleway-semibold-webfont.eot'); src: url('fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/raleway-semibold-webfont.woff') format('woff'), url('fonts/raleway-semibold-webfont.ttf') format('truetype'), url('fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ralewaylight'; src: url('fonts/raleway-light-webfont.eot'); src: url('fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/raleway-light-webfont.woff') format('woff'), url('fonts/raleway-light-webfont.ttf') format('truetype'), url('fonts/raleway-light-webfont.svg#ralewaylight') format('svg'); font-weight: normal; font-style: normal; }
.projectEnqform { width: 50%; position: absolute; bottom: 0; right: 0; background: #222222; z-index: 9999; }
.projectEnqform .projectEnqformInner { padding: 70px 70px 30px 70px; }
.projectInput { position: relative; margin-bottom: 20px; }
.projectInput input { width: 92%; padding: 25px 20px; background: none; border: 1px solid #5f5d5d; color: #ffffff; letter-spacing: 2px; }
.projectInput textarea { width: 92%; padding: 25px 20px; background: none; border: 1px solid #5f5d5d; color: #ffffff; letter-spacing: 2px; height: 17px !important; }
.projectInput .formError { font-weight: normal; font-size: 12px; position: absolute; bottom: -18px; }
.projectSubmit { }
.projectSubmit input { padding: 28px 0; width: 100%; letter-spacing: 1.5px; background: #fff; font-family: 'ralewaybold'; font-size: 20px; text-transform: uppercase; line-height: 26px; display: block; transition: 0.4s; border: none; }
.thankyouWrap { position: absolute; width: 65%; top: 30%; left: 10%; z-index: 99; color: #ebebeb; font-family: 'ralewaylight'; }
.thankyouWrap h2 { color: #ffffff; text-transform: uppercase; font-size: 36px; line-height: 45px; margin: 0 0 30px 0; font-family: 'ralewaysemibold'; }
.closeProjectForm { position: absolute; left: 2px; top: 3px; z-index: 999; display: none; cursor: pointer; }
.newsback { text-align: right; margin-right: 30px; }
.newsback a { text-transform: uppercase; color: #abaaaa; }
.newsback a:hover { color: #ffffff; }
/* Footer Icon */
@font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fa-twitter:before { content: "\f099"; }
.fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; }
.fa-instagram:before { content: "\f16d"; }
.fa-linkedin:before {content: "\f0e1";}
.fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; }
.pageHeading { position: absolute; width: 80%; top: 22%; left: 0; right: 0; margin: 0 auto; z-index: 99; }
.pageHeading.mediaUpdates { }
.pageHeading h1 { color: #ffffff; text-transform: uppercase; font-family: 'ralewaybold'; font-size: 32px; line-height: 45px; margin: 0 0 30px 0; }
.pageHeading.services { position:relative; width:auto; top:0; }
.pageHeading.services  h1{ margin-bottom:20px;}
.pageHeading.work {width:90%; top:15%;}
.pageHeading.work h1{ margin-bottom:20px;}

.likedinLink{ margin-top:10px;}
.likedinLink a{}
.likedinLink a i{ color:#999999; font-size:24px;}
.likedinLink a:hover i{color:#ffffff;}