@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,300,400,600,700,800);

@font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.2.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.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; color: #FFF; }
body, html { height: 100%; }
body { padding: 0; margin: 0; color: #151515; font-size: 100%; font-family: 'Open Sans', sans-serif; font-size: 14px; }
div, p, form, ul, li, h1, h2, h3, h4, h5, h6, a, span, form, img, br, input, textarea, label, dd, small { padding: 0; margin: 0; }
a, input { text-decoration: none; outline: none; }
img { border: 0; outline: none; }
ul { list-style-type: none; }
*:focus { outline: none; }
.clear { clear: both; line-height: 0 !important; font-size: 0 !important; height: 0px !important; }
.left { float: left; }
.right { float: right !important; }
.block { display: block; }
.inlineblock { display: inline-block; }
.relative { position: relative }
.absolute { position: absolute; }
.bdrT { border-top: 1px solid #d6d5d5; }
.bdrB { border-bottom: 1px solid #d6d5d5; }
.text { font-family: 'Open Sans', sans-serif; font-size: 18px; color: #536e00; font-weight: 600; }
.text2 { color: #598103; font: bold 14px Tahoma, Geneva, sans-serif; }
.link { color: #FFF; font-size: 11px; font-weight: 400px; font-style: italic; }
.link:hover { text-decoration: none; }
.link2 { color: #FFF; font-size: 16px; font-weight: 600px; text-decoration: none; }
.link2:hover { text-decoration: underline; }
.link3 { color: #df2026; text-decoration: none; }
.link3:hover { text-decoration: underline; }
.pdfLink { /*background: url(../images/pdfIcon.gif) no-repeat 0 0;*/ padding: 7px 0 8px 30px; color: #000; font: normal 12px/18px Tahoma, Geneva, sans-serif; text-decoration: none; }
.pdfLink:hover { text-decoration: underline; }
/*------------------------------------------------------------------*/

.column1 { background: #272727; height: 100%; width: 126px; float: left; color: #FFF; position: relative; }
.logo { background: #FFF; padding: 10px 0; height: 100px; text-align: center; }
.logo a { display: inline-block; }
.desktopLogo { display: block; }
.mobileLogo { display: none; }
.SliderNavBtn { display: none; }

.nav { }
.nav li { background: #151515; border-bottom: 1px solid #2f2f2f; text-align: center; overflow: hidden; position: relative; }
.nav li a { color: #FFF; display: block; padding:32px 0 10px; font-size: .63em; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: uppercase; background: url(../images/navHover.png) repeat-x 0 0; position: relative; z-index: 2; }
.nav li b { position: absolute; z-index: 1; display: block; background: #cf1218; width: 100%; height: 200px; left: 0; top: 0; }
.nav li a span { display: inline-block; background-image: url(../images/navIcons.png); background-repeat: no-repeat; width:23px; height: 22px; background-position: 50% 0; position:absolute; left:50%; top:7px; margin-left:-11px;}
.nav li a.company span { background-position: 50% -22px; }
.nav li a.solutions span { background-position: 50% -110px; }
.nav li a.clients span { background-position: 50% -198px; }
.nav li a.investors span { background-position: 50% -334px; }
.nav li a.careers { padding-top:37px;}
.nav li a.careers span { background-position: 50% -242px; top:10px;}
.nav li a.showcase span { background-position: 50% -154px; }
.nav li a.contact span { background-position: 50% -286px; }
.nav li a.academy span { background-position: 50% -377px; }
/* .nav li a.team span { background-position: 50% -301px; } */
.nav li.navActive { background: #cf1218; }

.nav li:hover a.company span { background-position: 50% 0; }
.nav li:hover a.solutions span { background-position: 50% -88px; }
.nav li:hover a.clients span { background-position: 50% -176px; }
.nav li:hover a.investors span { background-position: 50% -310px; }
.nav li:hover a.careers span { background-position: 50% -220px;}
.nav li:hover a.showcase span { background-position: 50% -132px; }
.nav li:hover a.contact span { background-position: 50% -264px; }
.nav li:hover a.academy span { background-position: 50% -355px; }
/* .nav li:hover a.team span { background-position: 50% -200px; } */

.nav li.navActive a.company span { background-position: 50% 0; }
.nav li.navActive a.solutions span { background-position: 50% -88px; }
.nav li.navActive a.clients span { background-position: 50% -176px; }
.nav li.navActive a.investors span { background-position: 50% -310px; }
.nav li.navActive a.careers span { background-position: 50% -220px;}
.nav li.navActive a.showcase span { background-position: 50% -132px; }
.nav li.navActive a.contact span { background-position: 50% -264px; }
.nav li.navActive a.academy span { background-position: 50% -355px; }

.footerCommon { position: absolute; left: 0; bottom: 10px; width: 100%; color: #959595; font: normal 10px Arial, Helvetica, sans-serif; }
.batchmates_logo { display: block; text-align: center; position:relative; width:125px; height:51px; margin:0 auto; }
.batchmates_logo a{text-align: center; position:absolute; left:0; top:0; width:125px; height:51px; }
.footerCommon a.footerLink { display: block; color: #959595; font: normal 10px Arial, Helvetica, sans-serif; margin: 0 0 2px 10px; }
.footerCommon span { display: block; margin: 5px 0 0 10px; }
.smedia { background: #1e1e1e; padding: 7px 0; border-bottom: 1px solid #2f2f2f; border-top: 1px solid #2f2f2f; font-size: 12px; margin: 5px 0; text-align:center; }
.smedia a { display: inline-block; margin-right:10px; }

.more{width:150px;}
.more a{color:#000;display:block;position:relative;font-family:'Open Sans', sans-serif; border:1px solid #9e9e9e;color:#000;padding:12px 35px;}
.more a:after{width:11px;height:14px;position:absolute;z-index:1;right:15px;top:14px;content:"";color:#fff;line-height:38px;display:block;background:url(/images/arrow_a.png) 100% 50% no-repeat;-webkit-transition:all 1s ease;/* Safari and Chrome */-moz-transition:all 1s ease;/* Firefox */-o-transition:all 1s ease;/* IE 9 */-ms-transition:all 1s ease;/* Opera */transition:all 0.5s ease;}
.more a:hover:after{background:url(/images/arrow_a.png) 0 50% no-repeat;}

.quickContactHolder{ position:fixed; width:50px; height:50px; bottom:0; right:0; z-index:999;}
.qcTrigger{ position:fixed; bottom:0; right:10px;  width:113px; height:54px; background:url(/images/qc-trigger-dex.png) no-repeat 0 0; cursor:pointer;}
.quickContact{ position:fixed; bottom:22px; right:10px;  width:300px; height:460px; box-sizing:border-box; background:#FFF; padding:30px; border-radius:10px;-webkit-box-shadow: -10px 10px 35px -2px rgba(0,0,0,0.3);
-moz-box-shadow: -10px 10px 35px -2px rgba(0,0,0,0.3);box-shadow: -10px 10px 35px -2px rgba(0,0,0,0.3);}
.quickContact h2{ margin-bottom:20px; font-size:16px; color:#222325; font-weight:600;}
.quickContact:after{content:''; width:1px; height:1px; border:10px solid transparent; border-right:10px solid #FFF; position:absolute; right:0; bottom:-8px;}
.quickContact>span.qcClose{width:25px; height:25px; background:url(../images/pop-close.png) no-repeat 50% 50%; position:absolute; top:25px; right:25px; cursor:pointer;}

/* ------------------ */

.signinForm{ margin-bottom:15px;}

.submitBtn {background:#c80017; padding:0px 15px; display:inline-block; border-radius:23px; text-align: left; color:#FFF; line-height:40px; height:40px; display:block; position: relative; cursor:pointer; font-weight:400; font-size:14px; text-transform:uppercase; text-align:center; position:absolute; left:30px; bottom:30px; width:240px; border:none; box-sizing:border-box;}

.signinForm:after{content:''; display:block; clear:both;}
.signinForm li{ float:left; width:100%; position:relative;}

.signinForm li.captcha{ float:left; width:45%;}
.signinForm li.captchaImg{ float:left; width:55%; border-bottom:none; padding:20px 0 0; margin:0;}
.signinForm li.captchaImg:after{content:''; display:block; clear:both;}
.signinForm li.captchaImg img{ float:left; position:relative; top:-8px;}
.signinForm li.captchaImg a.change_captcha{ position:absolute; top:20px; right:0; color:#3676bc; font-size:10px; width:30px; height:20px; background:url(../images/captcha-icon.png) no-repeat 50% 50%; font-size:0; color:transparent; margin-left:10px;}

input:focus ~ label, textarea:focus ~ label, input:valid ~ label, textarea:valid ~ label {font-size: 11px; color:#999; top:-10px; -webkit-transition: all 0.125s ease; transition: all 0.125s ease;}
.styled-input input:focus, .styled-input textarea:focus/* , .styled-input input:valid, .styled-input textarea:valid */ { border-bottom:1px solid #213468;}
.styled-input {width:100%; margin:10px 0 15px; position: relative; padding:0px 0 0 0px; }
.styled-input label {font-size:12px; color:#000; position: absolute; top:11px; left:0px; -webkit-transition:all 0.25s ease; transition:all 0.25s ease; pointer-events:none;}
.styled-input input {font-size:13px; color:#30323f; position:relative; top:0px; border: 0;  border-bottom:1px solid #d6d8df; height:35px; padding-left:0px; background: transparent; padding: 0px 0 0px 0; width: 100%;}
.forgot_pass{color:#3676bc; font-size:10px; text-transform:uppercase; position:absolute; left:0; right:0; bottom:25px; width:110px; margin:auto; cursor:pointer;}

.errorMsg{ position:absolute; top:35px; right:0; color:#ed1c24; font-size:10px; width:100%; border-top:1px solid #ed1c24; text-align:right; }
.errorMsg:after{content:''; position:absolute; right:0; top:-25px; width:18px; height:25px; background:url(../images/error-icon.png) no-repeat 0 0;}


/* ---------------------- */


@media screen and (max-width: 1000px) {
body { overflow-x: hidden }
.column1 { background: #FFF; height: auto; width: 100%; }
.desktopLogo { display: none; }
.mobileLogo { display: block; }
.logo { float: left; padding: 5px 0 0px; height: auto; }
.SliderNavBtn { display: block; float: left; background: url(../images/snavbtn.gif) no-repeat 50% 50%; height: 60px; width: 54px; border-right: 1px solid #dddcdc; text-indent: -9999px; }
#slidingNav { display: block; width: 200px; background: #272727; position: absolute; left: -200px; top: 60px; z-index: 9999; overflow: auto; }
.footerMobile { background: #272727; height: auto; float:left; width:100%; }
.footerCommon { display: none; }
.mobilefooterCommon { padding: 15px 0; display: inline-block; width: 100%; text-align: center; border-top: 1px solid #2f2f2f; color: #595959; }
.mobilefooterCommon a.footerLink { color: #595959; }
.smedia { text-align: center; }
.mobilefooterCommon span { display: block; }


.qcTrigger{ position:fixed; bottom:0; right:10px;  width:54px; height:54px; background:url(/images/qc-trigger.png) no-repeat 0 0; cursor:pointer;}

}
.linkcolor{color: #df2026;}