/* ========================================================================== Common Functionalities & UI Elements ========================================================================== */ /*----- Home Banner ----*/ #home-banner { margin-bottom:30px;} #home-banner h2 { color:#fff; font-size:38px;} #home-banner p { color:#fff; font-size:24px; line-height:32px; margin-bottom:0;} #home-banner h2 span, #home-banner p span { color:#fed054;} #home-banner .list12 { margin-bottom:0;} #home-banner .list12 li { font-size:20px; color:#fff; font-weight:normal; font-family:'open_sanssemibold', Arial, Helvetica, sans-serif; background-image:url(images/techgig_images/tick1.png); background-position:0 8px;} #home-banner .take-challenge-btn { font-size:24px; font-family:'open_sanssemibold', Arial, Helvetica, sans-serif; float:right; margin-top:25px;} #home-banner .slides, #home-banner .slide { height:150px; width:100%; overflow:hidden;} #home-banner .slide { background-repeat:no-repeat; background-position:right bottom; background-size:cover; padding:10px 0;} #home-banner .slide .inner-wrap { padding-top:15px;} /*#home-banner #home-slide0 { padding:0; background-image:url(images/techgig_images/cg2016-landing-banner2.jpg); background-size:100% 100%;}*/ #home-banner #home-slide0 a { display:block; width:100%; height:100%;} #home-slide1 { background-image:url(images/techgig_images/home-banner-bg.jpg); text-align:center;} #home-slide2 { background-image:url(images/techgig_images/home-slide2-bg.jpg);} #home-slide3 { background-image:url(images/techgig_images/home-slide3-bg.jpg);} #home-slide4 { background-image:url(images/techgig_images/home-slide4-bg.jpg);} /*----- Intro Section ----*/ #intro-section { margin-bottom:45px; position:relative; z-index:-1px;} #intro-section .box4 { padding:0; border:0;} #intro-section .slider { padding-left:0;} #intro-section .slides { margin-bottom:20px;} #intro-section blockquote { border:0; padding:0; margin:0 0 25px;} #intro-section blockquote .image { float:left; width:120px; height:120px; text-align:center;} #intro-section blockquote .image img { width:120px; height:120px; margin-bottom:5px;} #intro-section blockquote .image p { font-size:11px; line-height:16px; color:#999;} #intro-section blockquote .image h5 { margin-bottom:5px;} #intro-section blockquote .inner { margin-left:160px; width:343px; border:1px solid #cacaca; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; height:154px; display:table; padding:20px; position:relative;} #intro-section blockquote .inner p { display:table-cell; vertical-align:middle; font-style:italic; font-size:15px; line-height:21px;} #intro-section blockquote .inner:before { background:url(images/techgig_images/blockquote-arrow.gif) left top no-repeat; width:33px; height:38px; display:block; content:""; position:absolute; left:-32px; top:50%; margin-top:-19px;} #intro-section .start-journy { text-align:center; padding:15px;} #intro-section .start-journy p { color:#747474;} #intro-section .start-journy .button1 { font-size:24px; padding:12px 25px 14px; width:330px; box-shadow:2px 2px 3px #ccc; -moz-box-shadow:2px 2px 3px #ccc; -webkit-box-shadow:2px 2px 3px #ccc;} #intro-section .start-journy .button1 { background:#eb494f; color:#fff;} #intro-section .start-journy .button1:hover, #intro-section .start-journy .button1:focus, #intro-section .start-journy .button1:active { background:#d63a40;} #intro-section .start-journy small { color:#333; font-size:12px;} #intro-section .inner-wrap { padding-left:40px;} #intro-section .overall-status h3 { margin-bottom:8px;} #intro-section .overall-status ul { margin:0; padding:0; list-style:none;} #intro-section .overall-status ul p { font-size:14px; color:#666; font-style:italic; line-height:20px;} #intro-section .social-btn { margin:0 20px 15px 0; width:217px;} #intro-section .social-btn:nth-child(2n) { margin-right:0;} #intro-section #techgig-video iframe { width:556px;} /* Banner ---------------------- */ #code-battle-banner { position:relative; text-align:center; background:#000000 url(images/code_battle_images/codebattle-banner-bg.jpg) bottom center no-repeat; padding:50px 0 40px;} #code-battle-banner .battle-logo { margin-bottom:85px;} #code-battle-banner h4 { font-size:22px; line-height:28px; color:#fff; font-family:'open_sansregular'; border-bottom:1px solid #b70e0e; padding:2px 10px 10px; margin-bottom:10px;} #code-battle-banner p { font-size:12px; color:#c0bdcb; line-height:16px; font-style:italic; padding:0 10px;} #code-battle-banner .benefits { margin:0 auto 55px; width:879px; padding:0; list-style:none; text-align:left;} #code-battle-banner .benefits li { float:left; width:270px;} #code-battle-banner .benefits li:last-child { width:auto;} #code-battle-banner .benefits .icon { float:left;} #code-battle-banner .benefits .details { margin-left:69px;} #code-battle-banner .button3 { background:#b70e0e; min-width:328px; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #code-battle-banner .button3:hover, #code-battle-banner .button3:active, #code-battle-banner .button3:focus { background:#9f0a0a;} .main-banner .slide.oracle{ background:url(images/techgig_images/oracle-banner-bg.png) right center no-repeat !important; background-size:cover !important;} /*--- Webinar Banner --- */ #webinar-banner { background:url(images/techgig_images/webinar-banner-bg.png) right center no-repeat; padding:0 0 45px; background-size:cover;} #webinar-banner .calendar { float:left; margin-right:20px; padding-top:36px; width:102px; height:87px; text-align:center; background:url(images/techgig_images/calendar.png) left top no-repeat;} #webinar-banner .calendar p { text-transform:uppercase; text-shadow:none; font-size:17px; font-family:'open_sanssemibold', Arial, Helvetica, sans-serif; font-weight:normal; } #webinar-banner .calendar p sup { text-transform:lowercase;} #webinar-banner .inner-wrap { margin-left:120px;} #webinar-banner h3 { color:#fff; margin-bottom:15px; font-weight:100; letter-spacing:1px;} #webinar-banner .metadata { display:block; font-size:16px; color:#fff; font-weight:100; margin-bottom:10px;} #webinar-banner .register-now-btn { font-size:18px; color:#fff; font-weight:100; border:1px solid #fff; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #webinar-banner .register-now-btn:hover { background-color:#eb494f; border:2px solid #eb494f;} #webinar-banner .speaker { position:relative;} #webinar-banner .speaker .avatar { width:160px; height:160px; display:block; margin:0; border:3px solid #fff; } #webinar-banner .speaker p { font-size:16px; line-height:22px; text-shadow:none;} #webinar-banner #status-details { padding:0;} /*--- News Banner --- */ #news-banner .container { width:100%;} #news-banner .post-image { display:none;} #news-banner .col-xs-12, #news-banner .hidden-xs { padding:0;} #news-banner .post { height:320px; display:table; width:100%; position:relative;} #news-banner .post .inner-wrap:after { position:absolute; left:0; top:0; background:rgba(0,0,0, 0.4); width:100%; height:100%; content:"";} #news-banner .post .inner-wrap { display:table-cell; vertical-align:bottom; padding:0 20px 45px; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;} #news-banner .post.half .inner-wrap { padding-bottom:20px;} #news-banner .post a:hover, #news-banner .post a:active, #news-banner .post a:focus { text-decoration:none;} #news-banner .post.half { height:160px;} #news-banner .post h2 { margin-bottom:100px; position:relative; z-index:10; height:57px; overflow:hidden;} #news-banner .post h2 a { color:#fff;} #news-banner .post .metadata { display:block; font-size:14px; color:#a7a7a7; margin-bottom:12px; position:relative; z-index:10;} #news-banner .post .sociable1, #news-banner .post h2, #news-banner .post:hover h2 a, #news-banner .post .inner-wrap:after, #news-banner .post .metadata { transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #news-banner .post .sociable1 { margin-bottom:0; position:relative; margin-bottom:-100px; z-index:10;} #news-banner .post .sociable1 a:first-child { margin-left:0;} #news-banner .post:hover .sociable1 { position:relative; margin-bottom:0;} #news-banner .post:hover h2 { margin-bottom:20px;} #news-banner .post:hover h2 a { color:#eb494f;} #news-banner .post:hover .inner-wrap:after { background:rgba(0,0,0, 0.7);} #news-banner .post:hover .metadata { color:#fff;} /*--- Qna Banner --- */ #qna-banner { background:url(images/techgig_images/qna-banner-bg.png) right center no-repeat; background-size:cover;} #qna-banner #qna-slide3 .container { display:table; height:320px;} #qna-banner #qna-slide3 h2 { font-size:38px; display:table-cell; vertical-align:middle; color:#fff;} #ancAskQue { white-space:normal;} /*--- Jobs Banner --- */ #jobs-banner { background:url(images/techgig_images/jobs-banner-bg.png) left center no-repeat; background-size:cover;} /*--- Status Details ---*/ #content #status-details { padding-top:0;} #content #status-details .container { padding:0;} #content #status-details h2 { color:#333; margin-bottom:35px;} #content #status-details .stats ul li { width:16.666%;} #content #status-details .stats ul li a { color:#333;} /*--- Improve-Techquotient-Banner --- */ #improve-techquotient-banner { background-image:url(images/techgig_images/techquotient-banner-bg.jpg);} #improve-techquotient-banner .row { padding-top:100px;} #improve-techquotient-banner h2 { color:#eab71d;} #improve-techquotient-banner p { color:#ffffff;} /*--- Improve TechQuotient --- */ #improve-techquotient { text-align:center;} #improve-techquotient p { color:#999999;} #improve-techquotient p.lead { font-size:18px; margin-bottom:40px;} #improve-techquotient .section3 { padding:25px 0 30px;} #improve-techquotient .section3:nth-child(2n) { background:#eceff1;} #improve-techquotient .three-column-layout .col-sm-4 { padding:0 50px; border-right:1px solid #eeeeee;} #improve-techquotient .three-column-layout .col-sm-4:last-child { border:0;} #improve-techquotient h5 { margin-bottom:20px;} #improve-techquotient .our-stats { margin:0 -15px 10px; padding:0; list-style:none; text-align:center;} #improve-techquotient .our-stats .number { width:70px; height:70px; text-align:center; background:#fff; border:2px solid #dadada; border-radius:50%; display:block; margin:0 auto; font-size:16px; color:#999999;font-family: 'open_sanssemibold'; line-height:65px;} #improve-techquotient .our-stats .number sub { position:relative; top:0px;} #improve-techquotient .our-stats .title {background:#fff; border:1px solid #dadada; border-radius:3px; font-size:12px; color:#999999; text-transform:uppercase; line-height:12px; padding:2px 5px; position:relative; z-index:2; display:inline-block; top:-12px; } #improve-techquotient .step1 { background:url(images/techgig_images/step1-bg.png) center top no-repeat; padding-top:15px; text-align:left; margin-bottom:50px;} #improve-techquotient .step2 { background:url(images/techgig_images/step2-bg.png) center top no-repeat; text-align:left; padding-top:15px;} #improve-techquotient .or { margin:0 10px;} #improve-techquotient .step2 .list1 { margin:0;} #improve-techquotient .step2 .list1 li { color:#999999; margin-bottom:15px; background:url(images/techgig_images/tick-icon.png) left 1px no-repeat; padding-left:28px;} /*--- Companies List ---*/ .companies-list ul { padding:0; margin:0 -15px; list-style:none;} .companies-list ul li { margin-bottom:38px;} .companies-list ul li .inner-wrap { background-size:cover; position:relative; background-repeat:no-repeat; background-position:0 0; height:300px; background-image:url(images/techgig_images/company-bg1.jpg); } .companies-list ul li header { background:rgba(0, 0, 0, 0.8); padding:3px 5px;} .companies-list ul li header p { color:#c9c9c9; line-height:31px; font-size:11px; margin:0;} .companies-list ul li header p a { color:#fff;} .companies-list ul li header p strong { font-size:13px; color:#fff;} .companies-list ul li header .follow-btn { float:right;} .companies-list ul li .content { padding:10px;} .companies-list ul li .content .top { height:90px;} .companies-list ul li footer { position:absolute; text-align:center; left:0; bottom:0; width:100%; background:rgba(37, 37, 37, 0.8);} .companies-list ul li footer a { display:block; padding:9px 10px 12px;} .companies-list ul li footer h4 { font-size:20px; color:#fff; font-weight:normal; line-height:20px; margin:0;} .companies-list ul li footer .arrow { margin-left:10px; font-size:17px; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; left:0; position:relative;} .companies-list ul li:hover .arrow { left:15px;} .companies-list .stats table { width:100%;} .companies-list .stats table tr td a { position:relative; padding:8px 5px; display:block; color:#424242;} .companies-list .stats table tr td { background:#f1f2f3; text-align:center; border:1px solid #e8e8e8; border-top:0; font-size:12px; color:#424242; line-height:20px;} .companies-list .stats table tr td strong { display:block;} .companies-list .stats .number { display:block; width:25px; height:25px; background:#fd0000; position:absolute; right:3px; top:-12px; text-align:center; line-height:23px; font-size:13px; color:#fff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} /*--- Companies --- */ #companies .list5 li p { font-size:13px; color:#666; margin-bottom:0;} #companies .list5 li { border-bottom:0;} #companies .list5 li h5 { margin-bottom:5px;} #companies .list5 li img { float:none; margin:0 auto 15px; } /*--- Find-expert-speakers --- */ #find-expert-speakers { margin-top:22px; padding:10px 0 25px;} #find-expert-speakers .btn-default { margin:0 7px 20px;} #find-expert-speakers .count { margin-left:5px; font-size:12px; color:#eb494f;} #find-expert-speakers .see-more { display:block; margin:15px auto 0; width:100px;} .right-panel #find-expert-speakers .container { width:100%; padding:0;} .right-panel #find-expert-speakers {padding:15px 0 10px;} .right-panel #find-expert-speakers .btn-default { margin:0 6px 13px 0;} .right-panel #find-expert-speakers h2 { font-size:18px; text-align:left;} .right-panel #find-expert-speakers { padding-top:0; margin-top:0; text-align:left;} /*--- Signup Login Area --- */ .signup-login-page{ background:#1890cc;} /*--- Signup-login --- */ .signup-login { padding:0 0 80px; position:relative;} .signup-login h1 { margin-bottom:20px; font-size:42px; font-weight:bold;} .signup-login h3 { margin-bottom:50px;} .signup-login h1, .signup-login h3 { color:#fff;} .signup-login h1 a { color:#fff; text-decoration:none;} .signup-login h6 { font-size:13px; color:#fff; font-weight:normal; border-bottom:1px solid #999999; padding-bottom:10px; margin-bottom:10px;} .signup-login h5 { text-align:center; font-size:14px; color:#424242; font-weight:normal; margin-bottom:18px;} .signup-login .sociable { text-align:center;} .signup-login .sociable h5 { color:#999999;} .signup-login .sociable .social-btn { font-size:13px; padding:0 6px; margin:0 7px 0 0;} .signup-login .sociable .social-btn:last-child { margin-right:0;} .signup-login .sociable .social-btn .fa { width:22px;} .signup-login .sociable .social-btn .inner { margin-left:28px;} .signup-login .sociable .social-btn.facebook .fa { padding-left:3px;} .signup-login .seperation { margin-bottom: 15px; position: relative;} .signup-login .seperation::after { background: #cecece; content: ""; display: block; height: 1px; left: 0; position: absolute; top: 14px; width: 100%;} .signup-login .seperation span { background: #cecece; border: 1px solid #bebebe; border-radius: 50%; color: #404040; display: block; font-size: 12px; height: 30px; line-height: 28px; margin: 0 auto; position: relative; text-align: center; width: 30px; z-index: 5;} .signup-login .button2 { width:100%; font-size:14px; font-weight:normal;} .signup-login .profile-img { width:100%;} .signup-login .nav-tabs > li { width:50%;} .signup-login .nav-tabs > li > a { margin-right:0; text-align:center; font-size:17px; color:#fff;} .signup-login .nav > li > a:focus, .signup-login .nav > li > a:hover { color:#333;} .signup-login .nav-tabs > li.active > a, .signup-login .nav-tabs > li.active > a:focus, .signup-login .nav-tabs > li.active > a:hover { color:#1890cc;} .signup-login .form1 ul li { position:relative;} .signup-login .form1 .form-control { padding-left:40px;} .signup-login .field-icon {color: #888; font-size: 18px; left: 0; position: absolute; text-align: center; top: 10px; width: 40px;} .signup-login .alert { padding:10px; font-size:12px;} .signup-login .profile-screen { height:724px; overflow:hidden;} .signup-login .profile-screen img { border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0;} .signup-login .profile-screen.login-screen { height:403px;} /*--- SignUp Steps --- */ .signup-steps .welcome_msg { text-align:center; font-size:25px; margin-top:20px; color:#fff;font-family: 'open_sanssemibold';} #register_steps-page .token-input-dropdown-facebook { width:500px;} #register_steps-page ul.token-input-list-facebook li p { color:#1890cc;} /*--- Login Form --- */ #login-form { background:#fff; padding:20px 30px 30px;} /*--- Signup Form --- */ #signup-form { background:#fff; padding:30px;} #signup-form ul { margin-bottom:10px;} #signup-form .checkbox-input { display:block; margin-bottom:12px;} #signup-form li.terms .error_msg { float:left;} /*--- Step Controls --- */ .step-controls {bottom: 0; left: 0; padding: 10px 0; position: absolute; text-align: center; width: 100%; display:none;} .step-controls span { display:inline-block; width:26px; height:26px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:relative; margin:0 10px; border:2px solid #fff; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .step-controls span.active { background:#fff;} /*--- Section1 --- */ .section1 { padding:100px 0 70px; text-align:center; display:table; width:100%; position:relative;} .section1 .inner-section { display:table-cell; vertical-align:middle;} .section1 .checkboxes { margin-bottom:50px;} .section1 .next-btn { display:block; width:150px; font-size:25px; margin:50px auto 0;} .section1 h2 { color:#feffff; font-size:36px; font-weight:bold;} .section1 p { margin-bottom:70px;} .section1 p, .section1 h3 { color:#ffffff;} .section1 input[type='text'] { height:56px; display:inline-block;} .section1 a.skip { position:absolute; right:20px; bottom:10px; font-size:20px; color:#fff; text-decoration:underline; z-index:100;} .section1.form1 .select { position:relative; display:block; border:1px solid #cbcbcb; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:56px; width:100%; margin-bottom:25px;} .section1.form1 .select select { width:100%; border:0; padding:0 20px 0 52px; height:54px; color:#9d9d9d; position:relative; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .section1.form1 .select:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:0; background:url(images/techgig_images/select-arrow.gif) left center no-repeat; background-size:100% 100%; width:54px; height:54px; content:""; border-radius:0 4px 4px 0; -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0;} .section1 .textbox { display:block; position:relative; width:500px; margin:0 auto 30px;} .section1 .textbox input[type='text'] { padding-left:55px;} .section1 .textbox .fa, .section1.form1 .select .fa { font-size:30px; color:#999999; position:absolute; width:40px; text-align:center; left:8px; top:11px; z-index:5;} .section1 li.token-input-input-token-facebook input[type="text"] { height:45px;} .section1 .token-input-dropdown-facebook { width:500px !important;} /*--- Courses-banner --- */ #courses-banner .single-image { background-position:0 center;} /*--- Section2 --- */ /*.section2 { background:#f4f4f4;}*/ .section2 .inner-section { padding:25px 0 45px; position:relative;} .section2 h2 { text-align:center; color:#424242; font-size:36px;} .section2 .header { padding-bottom:8px; border-bottom:1px solid #c9c9c9; margin-bottom:30px;} .section2 .header h3 { margin-bottom:0;} .section2 .header h3 a.view-all { color:#eb494f; font-size:15px;} .section2 .slide, .section2 .slides { width:100%;} .section2 .direction-nav { float:right; position:absolute; z-index:10; right:0; top:28px;} .section2 .direction-nav a { float:left; display:block; margin-left:25px; width:13px; height:27px;} .section2 .direction-nav a.previous-btn { background:url(images/techgig_images/next-previous-btn.png) left top no-repeat;} .section2 .direction-nav a.next-btn { background:url(images/techgig_images/next-previous-btn.png) right top no-repeat;} .section2 .controls { text-align:center; z-index:10; position:absolute; left:0; width:100%; bottom:25px;} .section2 .controls a { display:inline-block; width:18px; height:0; padding-top:14px; overflow:hidden; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:relative; margin:0 10px; border:2px solid #ff5f01; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .section2 .controls a:hover, .section2 .controls a.activeSlide { background:#ff5f01;} .section2 div.jobs-section ul li .inner-wrap { height:261px; padding-bottom:70px;} /*.section2 div.jobs-section ul li .apply { position:absolute; left:0; bottom:10px; width:100%;}*/ /*----- Service ----*/ .service { background:#f4f4f4; padding:50px 0;} .service .container { width:100%;} .service img.image { width:259px; height:259px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} .service h2 { font-size:36px; margin-bottom:15px;} .service p { color:#747474; margin-bottom:15px;} .service .stats { padding:0; list-style:none; margin-right:0;} .service .stats li { border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; text-align:center;} .service .stats li:nth-child(2n) { border-right:0;} .service .stats li:last-child, .service .stats li:nth-child(3n) { border-bottom:0;} .service .stats li { height:130px; display:table;} .service .stats li p { display:table-cell; vertical-align:middle; margin:0; line-height:40px;} .service .stats li p span.count { display:block; font-size:20px; color:#333;} .service .details { padding-right:35px;} .service.alt .details { padding-right:0;} .service.alt .stats { margin-left:0; margin-right:25px;} /*----- Section4 ----*/ .section4 { background:#fff; padding:50px 0;} .section4 .header h2 { text-align:center; margin-bottom:30px;} .section4 .header h2 a.view-all { font-size:18px; color:#eb494f;} .section4 .list4 li { float:left;} #explorer-page .section4 .list4 li { margin-right:0;} #explorer-page .service img.image { height:220px;} #explorer-page .slider { padding-left:30px;} /*----- Leaderboard ----*/ #leaderboard { padding:40px 0; background:#f4f4f4;} #leaderboard h2 { text-align:center; margin-bottom:30px;} #leaderboard h2 span { color:#ff5f01;} #leaderboard p { margin-bottom:30px;} #leaderboard .inner-wrap { padding-top:105px;} #leaderboard .actions { width:222px; margin:0 auto;} #leaderboard .actions .btn { margin-bottom:15px;} /*----- Leaderboard ----*/ #leaderboard1 .filter { margin-bottom:20px; } #leaderboard1 .filter label { display:inline-block; margin-right:5px; } #leaderboard1 .filter .select,#leaderboard1 .filter input[type="text"] { width:175px; display:inline-block; margin-right:10px; } /*--- Top Members --- */ #top-members { text-align:center; padding:35px 0;} #top-members h2 { font-size:32px; font-weight:bold;} #top-members h3 { font-size:24px;} #top-members p { color:#999999; margin-bottom:50px; font-size:18px; line-height:28px;} #top-members .caroufredsel_wrapper { height:296px !important;} #top-members ul { margin:0; padding:0; list-style:none;} #top-members ul li { float:left; margin-right:30px; text-align:center; position:relative; overflow:hidden;} #top-members ul li img { width:100%;} #top-members ul li .overlay { position:absolute; left:0; min-height:200px; bottom:-152px; width:100%; background:rgba(244, 244, 244, 0.9); padding:8px 15px 15px; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #top-members ul li:hover .overlay { bottom:0; min-height:15px;} #top-members h4 { font-weight:normal; line-height:30px;} #top-members h4 a { color:#ff5f01;} #top-members .position { display:block; font-size:14px; color:#747474;} /*--- Tab1 --- */ .tab1 .box10 { margin:0 0 20px;} .tab1 .nav > li > a { padding:12px 15px;} .tab1 .nav-tabs > li > a { font-size:17px; color:#314451; line-height:29px;} .tab1 .nav-tabs > li .fa { font-size:28px; vertical-align:sub; margin-right:10px;} .tab1 .tab-content { padding:20px; border:1px solid #ddd; border-top:0;} .tab1 h5 { font-weight:bold;} #environment-programming-languages .table1 { width:100%;} /*----- Latest-webinars ----*/ #latest-webinars .caroufredsel_wrapper { height:407px !important;} /*#top-running-challenges .caroufredsel_wrapper { height:562px !important;}*/ #skill-contest-1 .caroufredsel_wrapper { height:283px !important;} /*----- Slider ----*/ .slider { position:relative; padding-left:30px;} .slider .slide, .slider .slides { width:100%;} .slider .previous-btn { background:url(images/techgig_images/slider-btns.png) left top no-repeat; width:29px; z-index:10; height:61px; display:block; position:absolute; left:-15px; top:50%; margin-top:-30px;} .slider .next-btn { background:url(images/techgig_images/slider-btns.png) right top no-repeat; width:29px; height:61px; z-index:10; display:block; position:absolute; right:-15px; top:50%; margin-top:-30px;} .slider ul li {max-width:370px;} .slider .list4 li .box2 { max-width:263px; width:100%; margin:0 auto;} #skilltest-page .slider, #codecontest-page .slider { padding:0;} #skilltest-page .slider .previous-btn, #skilltest-page .slider .next-btn, #codecontest-page .slider .previous-btn, #codecontest-page .slider .next-btn { display:none;} /*--- Contest Banner --- */ #contest-banner { z-index:51;overflow:hidden; background:#062638 url(images/techgig_images/codecontent-banner.jpg) center center no-repeat; background-size:cover;} #contest-banner.auto-banner-height { height:auto !important; padding-top:0;} #contest-banner.auto-banner-height img { width:100%;} #contest-banner .container, #contest-banner { position:relative;} #contest-banner .direction-nav .container, #contest-banner .slide, #contest-banner { height:320px;} #contest-banner .slides { position:absolute; height:100% !important; width:100%;} #contest-banner .slide { width:100%; display:block !important; opacity:0; background-size:cover; text-align:center; background-position:center center;} #contest-banner .slide a { display:block; width:100%; height:100%; left:0; top:0; position:absolute;} #contest-banner .slide img { display:none;} #contest-banner .slide:first-child{opacity:1;} #contest-banner p { margin-bottom:20px;} #contest-banner .slide:first-child { display:block;} #contest-banner h2 { font-size:28px; font-family:'open_sanssemibold', Arial; color:#fff;} #contest-banner .benefits { display:inline-block; margin:0; padding:0; list-style:none;} #contest-banner .benefits li { float:left; width:155px; height:155px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; padding:10px; background:rgba(255, 255, 255, 0.5); font-size:22px; color:#fff; line-height:28px; font-weight:500; margin:0 23px; behavior: url("../javascript/vendor/PIE.htc");} #contest-banner .benefits li:after { display:block; content:""; background:url(images/contest_images/benefits-arrow.png) left top no-repeat; width:56px; height:47px; position:absolute; top:50%; margin-top:-24px; right:-43px; z-index:10;} #contest-banner .benefits li .inner { padding:10px; background:#fff; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; height:135px; display:table; behavior: url("../javascript/vendor/PIE.htc");} #contest-banner .benefits li .inner span { display:table-cell; vertical-align:middle; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; box-shadow:0 2px 7px #000 inset; behavior: url("../javascript/vendor/PIE.htc"); } #contest-banner .benefits li.first .inner span { background:#7658f8; box-shadow:0 2px 7px #1c0f57 inset; -moz-box-shadow:0 2px 7px #1c0f57 inset; -webkit-box-shadow:0 2px 7px #1c0f57 inset; text-shadow:0 1px 0px #6048ca;} #contest-banner .benefits li.second .inner span { background:#e5b11d; box-shadow:0 2px 7px #533e01 inset; -moz-box-shadow:0 2px 7px #533e01 inset; -webkit-box-shadow:0 2px 7px #533e01 inset; text-shadow:0 1px 0px #b08816;} #contest-banner .benefits li.third .inner span { background:#e6567a; box-shadow:0 2px 7px #550f21 inset; -moz-box-shadow:0 2px 7px #550f21 inset; -webkit-box-shadow:0 2px 7px #550f21 inset; text-shadow:0 1px 0px #b1425e;} #contest-banner .benefits li.fourth .inner span { background:#cb70d7; box-shadow:0 2px 7px #46174d inset; -moz-box-shadow:0 2px 7px #46174d inset; -webkit-box-shadow:0 2px 7px #46174d inset; text-shadow:0 1px 0px #9c56a5;} #contest-banner .benefits li:last-child:after { display:none;} #contest-banner a.previous-btn { width:30px; height:48px; background:url(images/contest_images/previous-btn.png) left top no-repeat; position:absolute; left:-30px; top:50%; margin-top:-24px; opacity:0.6; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; z-index:10;} #contest-banner a.next-btn { width:30px; height:48px; background:url(images/contest_images/next-btn.png) left top no-repeat; position:absolute; right:-30px; top:50%; margin-top:-24px; opacity:0.6; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; z-index:10;} #contest-banner a.previous-btn:hover, #contest-banner a.next-btn:hover { opacity:1;} #contest-banner .direction-nav { position:absolute; left:0; top:0; width:100%; height:100%;} #contest-banner h2 .red { color:#ed1c24; font-weight:bold;} #contest-banner h2 .blue { color:#116ea0; font-weight:bold;} #contest-banner ul { margin:0; padding:0; list-style:none;} #contest-banner .running-contests { width:100%;} #contest-banner .running-contests h3 { font-size:26px; font-weight:600; font-family:'open_sansregular', Arial; color:#fff; margin-bottom:15px;} #contest-banner .running-contests p { color:#fff; font-size:13px; line-height:18px; font-family:'open_sansregular', Arial; font-weight:normal; margin-bottom:20px;} #contest-banner .running-contests li { position:relative; text-align:center !important; transition:all .2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; float:left; margin-right:30px; width:200px; padding:10px; border:1px solid #000; background:rgba(0, 0, 0, .3);} #contest-banner .running-contests li:hover { background:url(images/contest_images/li-bg.gif) left top repeat;} #contest-banner .top-challenges li { float:left; width:212px; text-align:center !important; margin-right:30px; background:#fff; padding:10px; position:relative; box-shadow:0 0 10px #3f4536; -moz-box-shadow:0 0 10px #3f4536; -webkit-box-shadow:0 0 10px #3f4536;} #contest-banner .top-challenges h4 { font-size:16px; font-weight:600; font-family:'open_sansregular', Arial; color:#2572b9; margin-bottom:7px; position:relative; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #contest-banner .top-challenges p { color:#555; font-size:12px; line-height:16px; font-family:'open_sansregular', Arial; font-weight:normal; margin-bottom:0;} #contest-banner .top-challenges .description { background:#efefef; padding:5px;} #contest-banner .testimonials blockquote { padding-bottom:15px; position:relative;} #contest-banner .testimonials .inner-block { background:#ffba00; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px; margin-bottom:15px;} #contest-banner .testimonials .inner-block p { font-size:14px; text-align:left; line-height:21px; margin:0; font-family:'open_sansregular', Arial; font-weight:normal;} #contest-banner .testimonials figure { float:left; border:1px solid #ffba00; padding:5px; margin-right:15px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:relative;} #contest-banner .testimonials figure img { border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:relative; width:60px; height:60px;} #contest-banner .testimonials .cite { text-align:left; margin-left:88px; padding-top:15px;} #contest-banner .testimonials .cite cite { color:#000; font-style:normal; display:block;} #contest-banner .testimonials .cite span { display:block; font-size:12px; color:#fff;} /*--- Previous Challenges --- */ .previous-challenges { margin-bottom:30px;} .previous-challenges ul { margin:0; padding:0; list-style:none;} .previous-challenges ul li { border-bottom:1px dashed #747474; padding-bottom:30px; margin-bottom:30px;} .previous-challenges ul li:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;} .previous-challenges ul li .image { float:left;} /*.previous-challenges ul li .description { margin-left:81px;}*/ .previous-challenges ul li h3 { font-size:18px; color:#2572b9; margin-bottom:10px;} .previous-challenges ul li h3 a { color:#2572b9;} .previous-challenges ul li p { font-size:15px; color:#999; line-height:21px; margin-bottom:7px; font-family:"open_sansregular";} .previous-challenges ul li p img { vertical-align:baseline; margin-right:5px; width:12px;} .previous-challenges .sociable { float:left; padding-top:10px;} .previous-challenges .sociable a { display:block; float:left; width:28px; height:28px; background-image:url(images/contest_images/icons.png); background-repeat:no-repeat; margin-right:18px;} .previous-challenges .sociable a:last-child { margin-right:0;} .previous-challenges .sociable a.facebook { background-position:0 -66px;} .previous-challenges .sociable a.twitter { background-position:-37px -66px;} .previous-challenges .sociable a.linkedin { background-position:-73px -66px; width:29px; height:29px;} .previous-challenges .button1 { float:right;} /*--- Social Block --- */ .social-block .fb-enable { margin-bottom:0;} /*--- Send Updates --- */ .send-updates { padding-bottom:30px;} .send-updates h3 { margin-bottom:10px;} .send-updates hr { margin-top:5px;} .send-updates .attach .fa { color:#999; font-size:20px; margin-left:10px;} .send-updates .form1 textarea.form-control { height:100px;} .send-updates .form1 input[type="submit"] { width:auto; float:right;} /*--- Detail Content --- */ .detail-content { margin-bottom:30px;} #about-skill .sociable1 { float:right;} #about-skill img, .company-content-details img{ float:left; margin:0 20px 15px 0 !important; max-height:350px; max-width:350px;border:1px solid #dadada; padding:3px;} /*--- Skill icon --- */ .skill-icon { border:1px solid #dadada; display:inline-block; float:left; margin:0 15px 10px 0; width:110px; padding:10px; text-align:center;} /*--- Followers Area --- */ .followers-area { text-align:center;} .followers-area p { color:#747474; line-height:30px; margin-bottom:10px;} .followers-area .number { text-transform:uppercase; font-size:32px; color:#333; display:block;} .followers-area .follow-skill-btn { margin-bottom:40px;} /*--- Asked Questions --- */ .asked-questions { margin-bottom:30px;} .asked-questions .list5 { margin-bottom:20px} .asked-questions .list5 li h5 { margin-bottom:4px; font-size:16px; margin-left:30px;} .asked-questions .fa-question-circle { font-size:23px; color:#eb494f; float:left; margin-top:-2px; position:relative;} /*--- Post --- */ .post { font-size:14px; color:#333333; line-height:20px;} .post .metadata { color:#999; display:block; margin-bottom:20px; font-size:14px;} .post ul { margin-left:15px; margin-bottom:20px;} .post ul ul { margin-top:10px;} .post ul li { margin-bottom:5px; font-size:14px;} .post ol { margin-left:25px; margin-bottom:20px;} .post ol li { margin-bottom:7px; font-size:14px;} /*--- TechGigbootStrapModal --- */ #TechGigbootStrapModal .post p a.button1 {color:#fff;} #TechGigbootStrapModal .post p a {color:#eb494f; text-decoration:none;} #TechGigbootStrapModal .post p a.button2:hover, #TechGigbootStrapModal .post p a.button2:focus, #TechGigbootStrapModal .post p a.button2:active {color:#fff;} #TechGigbootStrapModal .section2 .direction-nav { top:0;} /*--- Professional-role --- */ #professional-role { background:#333333;} #professional-role .checkboxes { padding-bottom:10px;} #professional-role .checkboxes .checkbox { position:relative; display:inline-block; width:17%; text-align:left; margin:0 15px 36px;} #professional-role .checkboxes .checkbox label { font-size:14px; color:#fff; background:none; border:2px solid #00fe34; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:9px 10px 11px 40px; display:block; cursor:pointer;} #professional-role .checkboxes .checkbox.active label { background:#36ac4e;} #professional-role .checkboxes .checkbox input[type=checkbox]:checked + label:before { background:url(images/techgig_images/checkbox3.png) left top no-repeat; } #professional-role .checkboxes .checkbox input[type=checkbox] { display: none; } #professional-role .checkboxes .checkbox label:before {content: ""; display: inline-block; width: 23px; height: 21px; margin-right: 10px; position: absolute; left: 11px; bottom:12px; background:url(images/techgig_images/checkbox3.png) left -20px no-repeat; } #professional-role .checkboxes .checkbox input[type=checkbox]:checked + label:before {background:url(images/techgig_images/checkbox3.png) left top no-repeat; } #professional-role .textbox input[type='text'], #professional-skills .textbox input[type='text'] { padding-left:15px;} /*--- WhyTechgig --- */ #professional-skills { background:#eb4949;} #professional-skills .checkboxes { padding-bottom:10px;} #professional-skills .checkboxes .checkbox { position:relative; display:inline-block; width:17%; text-align:left; margin:0 15px 36px;} #professional-skills .checkboxes .checkbox label { font-size:15px; color:#fff; background:none; border:2px solid #c01616; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:9px 10px 11px 40px; display:block; cursor:pointer;} #professional-skills .checkboxes .checkbox.active label { background:#c01616;} #professional-skills .checkboxes .checkbox input[type=checkbox]:checked + label:before { background:url(images/techgig_images/checkbox2.png) left top no-repeat; } #professional-skills .checkboxes .checkbox input[type=checkbox] { display: none; } #professional-skills .checkboxes .checkbox label:before {content: ""; display: inline-block; width: 23px; height: 21px; margin-right: 10px; position: absolute; left: 11px; bottom:13px; background:url(images/techgig_images/checkbox2.png) left -20px no-repeat; } #professional-skills .checkboxes .checkbox input[type=checkbox]:checked + label:before {background:url(images/techgig_images/checkbox2.png) left top no-repeat; } /*--- Educational-occupational --- */ #educational-occupational { background:#022e53;} #educational-occupational input[type='text'] { width:100%; height:56px;} #educational-occupational .inner-wrap { padding:50px 0 ;} #educational-occupational .textbox { width:100%;} /*--- Challenge-details --- */ #challenge-details .list3 { margin-left:20px;} #challenge-details .list3 li { margin-bottom:12px;} /*--- Followers --- */ #followers li h5 { height:24px; overflow:hidden;} /*--- Company Followers --- */ #company-followers { padding:30px 15px; margin:0 0 35px; background:#022e53;} #content.bg-theme #company-followers, #content.bg-theme1 #company-followers { margin:0 -15px 35px;} #company-followers h2 { color:#fff; text-align:center;} #company-followers h2 a { color:#eb494f; font-size:16px;} #company-followers .inner-wrap { position:relative; padding:0 30px;} #company-followers a.previous-btn { background:url(images/techgig_images/next-previous-btn1.png) left top no-repeat; display:block; width:18px; height:31px; position:absolute; left:0; top:50%; margin-top:-15px;} #company-followers a.next-btn { background:url(images/techgig_images/next-previous-btn1.png) right top no-repeat; display:block; width:18px; height:31px; position:absolute; right:0; top:50%; margin-top:-15px;} #company-followers ul { margin:0; padding:0; list-style:none;} #company-followers ul li { float:left; margin-right:40px; background:#fff; text-align:center; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} #company-followers ul li .inner { padding:10px; min-height:225px;} #company-followers ul li .avatar { width:72px; height:72px; display:block; margin:0 auto 10px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} #company-followers ul li h5 { font-weight:bold;} #company-followers ul li h5 a {color:#eb494f;} #company-followers ul li p { font-size:13px; color:#747474; margin-bottom:5px;} #company-followers ul li .avatar .first-letter { background: #fff none repeat scroll 0 0; border-radius: 50%; color: #314451; display: inline-block; font-size: 25px; font-weight: bold; height: 72px; line-height: 71px; margin:0 auto 10px; position: relative; text-transform: uppercase; width: 72px;} /*--------------------------- CODE PLAY ----------------------------*/ #codeplay_banner { height:auto; background: url('images/codeplay-banner-bg.jpg') left top no-repeat; z-index:52; overflow:visible; background-size:cover; text-align:center; padding-top:45px;} #codeplay_banner .codeplay-date { font-size:24px; color:#50bcc8; display:block;font-family: 'open_sanssemibold'; margin-bottom:8px;} #codeplay_banner h2 { color:#fff; font-size:30px; font-family:'Raleway', Arial; font-weight:300; margin-bottom:25px;} #codeplay_banner h4, #codeplay_banner p, #codeplay_banner h3 { color:#fff;} #codeplay_banner h4 { margin-bottom:5px;} #codeplay_banner p { font-size:14px; line-height:20px;} #codeplay_banner h3 { font-size:21px;} #codeplay_banner h3 img { margin-right:10px;} #codeplay_banner .benefits-lists { list-style:none; margin:0 -15px; padding:35px 0 0 0; text-align:left; background: url('images/structure-image.png') center center no-repeat;} #codeplay_banner .benefits-lists li { margin-bottom:20px;} #codeplay_banner .benefits-lists .icon { float:left;} #codeplay_banner .benefits-lists .details { margin-left:62px; display:table; width:298px; height:56px;} #codeplay_banner .benefits-lists .details p { margin-bottom:0;} #codeplay_banner .benefits-lists .details .inner { display:table-cell; vertical-align:middle;} #codeplay_banner .benefits-lists .alt .icon { float:right;} #codeplay_banner .benefits-lists .alt .details { margin-left:0; margin-right:62px; text-align:right;} #search-filter-form { background:#1c255d; padding:20px 28px; border-radius:4px 4px 0 0;} #search-filter-form .form1 input[type="submit"] { padding:12px; font-size:16px; margin-bottom:10px;} #search-filter-form .form1 { text-align:left;} #search-filter-form .form1 > ul { min-height:186px;} #search-filter-form .form1 .chosen-container-multi .chosen-choices { background:none; box-shadow:none; padding-left:15px; padding-right:15px;} #search-filter-form .form1 .chosen-container-multi .chosen-choices li.search-field input[type="text"] { font-size:16px; font-family: 'open_sanssemibold'; color:#8e92ae !important;} #search-filter-form .form1 .chosen-container-multi .chosen-choices li.search-choice { border:1px solid #474e7b; background:none; color:#fff; padding:4px 22px 4px 10px; box-shadow:none;} #search-filter-form .form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { border:0;} #search-filter-form .form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after { font-size:15px; top:-2px; color:#bfc1d1;} #search-filter-form .form1 .select { background: url('images/select-box-bg.png') bottom left no-repeat; min-height:33px; padding-right:1px; background-size:100% auto; border:0; border-radius:0;} #search-filter-form .form1 .half .select { background-image: url('images/select-box-bg1.png');} #search-filter-form .form1 .select select { background:none; height:31px; font-size:16px; font-family: 'open_sanssemibold'; color:#8e92ae;} #search-filter-form .form1 .select:after { background: url('images/select-arrow1.gif') right top no-repeat; right:1px;} #search-filter-form .form1 p a { color:#fff; float:left;} #search-filter-form .form1 p { margin-bottom:0;} #search-filter-form .form1 .location-field .chosen-choices { max-height:67px; overflow:hidden;} #codeplay-works { background:#f7f7f7; padding:45px 0 0; text-align:center;} #codeplay-works h2 { font-size:32px; color:#424242; font-family: 'open_sansregular'; margin-bottom:25px;} #codeplay-works h2 span { font-family: 'open_sanssemibold'; color:#eb494f;} #codeplay-works h3 { color:#747474; font-family: 'open_sansregular'; margin-bottom:45px;} #codeplay-works ul { margin:0 15px; padding:0; list-style:none; text-align:left;} #codeplay-works ul li { margin-bottom:90px;} #codeplay-works ul li .image { float:left; border-radius:50%;} #codeplay-works ul li .details { margin-left:170px; display:table; height:130px; width:355px;} #codeplay-works ul li .details .inner { display:table-cell; vertical-align:middle;} #codeplay-works ul li .details h4 a{ color:#333;} #codeplay-works ul li .details p { color:#747474; margin-bottom:0;} #codeplay-benefits { padding:45px 0 0; text-align:center;} #codeplay-benefits h2 { font-size:32px; color:#424242; font-family: 'open_sansregular'; margin-bottom:30px;} #codeplay-benefits h2 span { font-family: 'open_sanssemibold'; color:#eb494f;} #codeplay-benefits h3 { color:#747474; font-family: 'open_sansregular'; margin-bottom:45px;} #codeplay-benefits ul { margin:0; padding:0; list-style:none; text-align:left;} #codeplay-benefits ul li { margin-bottom:80px; position:relative;} #codeplay-benefits ul li .fa { display:block; font-size:41px; float:left; color:#f4865e;} #codeplay-benefits ul li .details { margin-left:75px; padding-right:30px;} #codeplay-benefits ul li .details p { margin-bottom:0;} .selected-info { margin-bottom:25px;} .selected-info span.block { margin-left:30px;} .selected-info span.block .fa { margin-right:10px; color:#aaa; font-size:22px; vertical-align:middle;} #select-companies { text-align:center;} #select-companies h2 { margin-bottom:25px;} #select-companies .checkbox { vertical-align:top; text-align:left; margin-bottom:25px;} #select-companies .checkbox label::before { bottom:18px;} #select-companies .checkbox label { background:none; line-height:36px; height:60px; border:1px solid #c9c9c9; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;} #select-companies .checkbox.active label { border:1px solid #00d9aa;} /*--------------------------- ENDING CODE PLAY ----------------------------*/ /*--- User Location --- */ #user-location { background:url(images/techgig_images/location-bg.jpg) left top no-repeat; background-size:cover;} #user-location h3 { margin-bottom:50px;} #user-location span.textbox { max-width:635px; margin:0 auto; width:100%;} #user-location .city-field .icon { background-position:-160px -54px;} /*--- Blogs --- */ .blogs-section .post { border-bottom:1px solid #cacaca; margin-bottom:20px;} /*.blogs-section .col-sm-6:last-child .post, .blogs-section .col-sm-6:nth-last-child(2) .post {border-bottom:0;}*/ .blogs-section h3 { font-size:20px; color:#424242; margin-bottom:12px; font-weight:normal;} .blogs-section h4 { min-height:50px; color:#333; line-height:25px; margin-bottom:12px;} .blogs-section h4 a { color:#333; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .blogs-section h4 a:hover { color:#eb494f;} .blogs-section .post-img { margin-bottom:15px; height:150px; border:1px solid #eeeeee; padding:1px; display:block; width:100%; position:relative; width:100%; overflow:hidden; background-position:center center; background-repeat:no-repeat;} .blogs-section .post-img a { display:block; width:100%; height:150px;} .blogs-section .post-img img { max-height:176px; width:auto; display:block; margin:0 auto;} .blogs-section .user-controls { float:right;} .blogs-section .user-controls a { font-size:18px; color:#333333; display:inline-block; margin-left:15px;} .blogs-section .user-controls .fa { font-size:24px; vertical-align:text-top; margin-right:10px;} .blogs-section .user-controls .comments .fa { color:#e6980f;} .blogs-section .user-controls .favorite .fa { color:#ea140e;} .blogs-section .post .details { height:100px; overflow:hidden;} .blogs-section .post-footer { margin-bottom:20px;} .blogs-section .post-footer .metadata { float:left; line-height:28px; margin-right:15px;} .blogs-section .post-footer .sociable1 { float:right; margin-bottom:0;} .blogs-section .post-footer a.favorite { font-size:14px; color:#9c9c9c; display:block; float:left;} .blogs-section .post-footer a.favorite .fa { font-size:24px; vertical-align:bottom; margin-right:10px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .blogs-section .post-footer a.favorite:hover .fa { color:#2572b9;} /*--- News --- */ .news-section .post { border-bottom:1px solid #cacaca; margin-bottom:20px; padding-bottom:15px;} /*.news-section .col-sm-6:last-child .post, .news-section .col-sm-6:nth-last-child(2) .post {border-bottom:0; padding-bottom:0;}*/ .news-section h4 { min-height:50px; color:#333; line-height:25px; margin-bottom:12px;} .news-section h4 a { color:#333; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .news-section h4 a:hover { color:#eb494f;} .news-section p a { color:#2572b9;} .news-section .content { padding-bottom:10px;} .news-section .details { margin-left:165px;} .news-section .news-pic { float:left; border:1px solid #eeeeee; padding:1px; display:table; width:150px; position:relative; height:120px; overflow:hidden; background-size:100% 100%;} .news-section .news-pic a { display:table-cell; vertical-align:middle;} .news-section .news-pic img { max-height:120px; width:auto; display:block; margin:0 auto;} .news-section footer { clear:both;} .news-section footer .metadata { display:block; float:left; margin-right:15px; line-height:24px; font-size:12px; color:#424242;} .news-section footer a.favorite { font-size:18px; color:#9c9c9c; display:block; float:left;} .news-section footer a.favorite .fa { font-size:24px; vertical-align:text-top; margin-right:10px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .news-section footer a.favorite:hover .fa { color:#ea140e;} /*--- Testimonials --- */ #testimonials { background:#022e53; text-align:center; padding:50px 0;} #testimonials h2 { color:#fff;} #testimonials .tab-content { border-radius:8px; background:#fff; -moz-border-radius:8px; -webkit-border-radius:8px; border:1px solid #ffffff; padding:25px 75px ; height:140px;} #testimonials blockquote { border:0; padding:0; margin:0; background:url(images/techgig_images/blockquote-bg.png) 0 0 no-repeat; padding-left:42px;} #testimonials blockquote p { font-size:22px; line-height:30px; color:#022e53;} #testimonials blockquote p:last-child { display:inline-block; background:url(images/techgig_images/blockquote-p-bg.png) right bottom no-repeat; padding-right:42px;} #testimonials .tab-content { margin-bottom:60px;} #testimonials .tab-strips { margin:0; list-style:none; text-align:center; padding:0;} #testimonials .tab-strips li { position:relative; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #testimonials .tab-strips li a { display:block;} #testimonials .tab-strips .avatar-pic { width:100px; height:100px; border:2px solid #022e53; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin-bottom:20px;} #testimonials .tab-strips .first-letter { width:100px; background:#fff; display:inline-block; font-weight:bold; font-size:40px; color:#ff5f01; text-transform:uppercase; line-height:100px; height:100px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin-bottom:20px;} #testimonials .tab-strips h4 { font-size:16px; color:#ff5f01; margin-bottom:10px; font-weight:bold;} #testimonials .tab-strips p { font-size:14px; color:#85c4ff; line-height:20px; margin-bottom:0;} #testimonials .tab-strips a:focus, #testimonials .tab-strips:active { text-decoration:none;} #testimonials .tab-strips li.active:before { content:""; display:block; width:34px; height:30px; background:url(images/techgig_images/arrow.png) left top no-repeat; position:absolute; left:50%; margin-left:-17px; top:-61px;} #testimonials .tab-strips li.active p { color:#fff;} #testimonials .tab-strips li.active .avatar-pic { border:2px solid #ffffff;} #testimonials .tab-strips li.active .first-letter { border:2px solid #ff5f01;} /*--- New Wrap --- */ .new-wrap{padding-top:0 !important;} .fixed-width{top:0 !important;} /*--- Social Insights --- */ #social-insights { padding:0 0 35px;} #social-insights h3 { color:#fff; background:#484848; margin-bottom:3px; height:45px; line-height:45px; text-align:left;} #social-insights h3 .icon { width:45px; height:45px; color:#fff; display:inline-block; font-size:24px; border-right:1px solid #fff; vertical-align:top; margin-right:5px; text-align:center;} #social-insights h3 .icon .fa { line-height:45px;} #social-insights .facebook h3 .icon { background:#115cc2;} #social-insights .twitter h3 .icon { background:#34baff;} #social-insights .twitter iframe { width:100% !important;} /*--- Why Expert Speak --- */ #why-expert-speak { background:#022e53; padding:45px 0 0; text-align:center;} #why-expert-speak h3 { color:#fff;} #why-expert-speak ul { margin:0 -15px; padding:30px 0 0; list-style:none;} #why-expert-speak ul li { margin-bottom:93px;} #why-expert-speak .icon { width:96px; height:96px; float:left; border:2px solid #fff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block; line-height:92px;} #why-expert-speak .icon .fa { font-size:50px; color:#fff; vertical-align:middle;} #why-expert-speak h4 { font-size:20px; color:#ff5f01;} #why-expert-speak h4 a { color:#ff5f01;} #why-expert-speak p { color:#fff; margin-bottom:0;} #why-expert-speak .details { margin-left:115px; display:table; height:96px;} #why-expert-speak .details .inner { display:table-cell; vertical-align:middle;} /*--- Top Speakers --- */ #top-speakers { text-align:center; padding:35px 0 0; background:#f4f4f4;} #top-speakers h2 { font-size:30px; font-weight:bold;} #top-speakers p { color:#999999; margin-bottom:50px;} #top-speakers ul { margin:0; padding:0; list-style:none;} #top-speakers ul li { float:left; margin-right:30px; text-align:center; position:relative; overflow:hidden;} #top-speakers ul li img { width:100%;} #top-speakers ul li .overlay { position:absolute; left:0; min-height:200px; bottom:-152px; width:100%; background:rgba(244, 244, 244, 0.9); padding:15px; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #top-speakers ul li:hover .overlay { bottom:0; min-height:15px;} #top-speakers h4 { font-weight:normal;} #top-speakers h4 a { color:#ff5f01;} #top-speakers .position { display:block; font-size:16px; color:#747474;} /*--- Top Leaders --- */ #top-leaders { text-align:center; padding:35px 0;} #top-leaders h2 { font-size:30px; font-weight:bold;} #top-leaders p { color:#999999; margin-bottom:50px;} /*--- Webinar Details --- */ .webinar-details { margin-bottom:30px;} .webinar-details hr { margin:10px 0 15px;} .webinar-details .join-this-btn { margin:0px 0 20px;} .webinar-details .join-this-btn.top{ margin-top:15px;} .webinar-details h5 a { color:#eb494f;} .webinar-details .attending-peoples { position:relative; padding:0 40px; margin-bottom:40px;} .webinar-details .attending-peoples ul { margin:0; padding:0; list-style:none;} .webinar-details .attending-peoples ul li { float:left; text-align:center;} .webinar-details .attending-peoples .first-letter { width:71px; background:#fff; display:inline-block; font-size:30px; color:#ff5f01; text-transform:uppercase; line-height:70px; height:71px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin-bottom:10px;} .webinar-details .attending-peoples img { margin-bottom:10px; width:71px; height:71px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} .webinar-details .attending-peoples h5 a { color:#eb494f;} .webinar-details .attending-peoples a.previous-btn { background:url(images/techgig_images/previous-btn.png) left top no-repeat; width:17px; height:32px; display:block; position:absolute; left:0; top:50%; margin-top:-16px;} .webinar-details .attending-peoples a.next-btn { background:url(images/techgig_images/next-btn.png) left top no-repeat; width:17px; height:32px; display:block; position:absolute; right:0; top:50%; margin-top:-16px;} .webinar-details .powered-by { float:right; background: #eceff1; color:#333; border-radius: 5px; font-size: 12px; padding: 5px 10px;} .webinar-details .powered-by a { color:#333;} .webinar-details .invite-your-friends { text-align:right; margin-bottom:30px;} .webinar-details .invite-your-friends p { margin-bottom:10px;} .webinar-details .webinar-stats { margin-bottom:30px; padding-top:20px;} .webinar-details .webinar-stats span { float:left; margin-right:20px;} .webinar-details .webinar-stats span:last-child { margin-right:0;} .webinar-details .webinar-stats .fa {color: #999;font-size: 22px; margin-right: 8px; vertical-align: text-bottom;} .webinar-details .webinar-stats strong { margin-right:5px; color:#333;} .webinar-details .webinar-stats p { color:#999;} .webinar-details .webinar-stats a { color:#333;} .webinar-details h4 a { color:#eb494f;} /*--- Doc Lists --- */ .doc-lists { position:relative;} .doc-lists:before { content:""; display:block; width:15px; height:100%; background:#fff; top:0; left:-15px; position:absolute; z-index:10;} .doc-lists:after { content:""; display:block; width:15px; height:100%; background:#fff; top:0; right:-15px; position:absolute; z-index:10;} /*--- Status Box --- */ .status-box span { float:left; margin-right:20px;} .status-box span a .fa { float:left;transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .status-box span a.favorite:hover .fa { color:#2572b9;} .status-box span:last-child { margin-right:0;} .status-box .fa {color: #999;font-size: 22px; margin-right: 8px; vertical-align: text-bottom;} .status-box strong { margin-right:5px; color:#333;} .status-box p { color:#999;} .status-box a { color:#333;} .status-box span a.favorite.active .fa, .status-box span a.favorite:hover { color:#2572b9;} /*--- Ambassadors --- */ #ambassadors { padding-bottom:30px;} #ambassadors ul.list8 li { margin-bottom:35px;} #ambassadors ul.list8 li .overlay { bottom:0; min-height:200px; margin-bottom:-151px; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #ambassadors ul.list8 li:hover .overlay { margin-bottom:0; min-height:15px;} #ambassadors ul.list8 .sociable1 { margin-bottom:0; padding-top:7px;} #ambassadors .caroufredsel_wrapper {padding-bottom:0 !important; } /*--- Follow-us-popup --- */ #follow-us-popup h4 small { color:#fafafa;} /*--- Sociable2 --- */ .sociable2 { position:fixed; top:50%; left:3px; width:45px; text-align:center; margin-top:-60px; z-index:99; } .sociable2 p { font-size:10px; line-height:15px; margin-bottom:10px; } .sociable2 a { width:32px; text-align:center; height:32px; display:inline-block; line-height:31px; font-size:20px; color:#fff; margin:0 5px; margin-bottom:12px;} .sociable2 a:hover .fa, .sociable2 a:active .fa, .sociable2 a:focus .fa { color:#fff;} .sociable2 a.facebook { background:#366ea7;} .sociable2 a.twitter { background:#55acee;} .sociable2 a.google-plus { background:#ca4638;} .sociable2 a.linkedin { background:#0177b5;} .sociable2 a.email { background:#333333; line-height:29px;} /*--- About Speaker --- */ #about-speaker .inner-speaker { background:#f9f9f9; padding:10px 10px 0; margin-bottom:20px; border:1px solid #f4f4f4; border-bottom:0;} #about-speaker .inner-speaker.without-footer { border-bottom:1px solid #f4f4f4; padding-bottom:10px;} #about-speaker footer { background:#f2f2f2; text-align:right; margin:15px -10px 0; padding:7px 10px;} #about-speaker h5 { font-size:16px; margin-bottom:7px; padding-top:5px;} #about-speaker h5 a { color:#2572b9;} #about-speaker .speaker-info img { margin-bottom:10px; width:72px; height:72px; border:2px solid #fff; float:left; margin-right:15px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} #about-speaker .speaker-info p { color:#8c8c8c; font-size:12px; line-height:16px;} #about-speaker a.follow-lnk { float:left; margin-left:0; text-align:center; min-width:50px;} #about-speaker a.suggest-topic { border-left:1px solid #e1e0e0; padding-left:7px;} #about-speaker hr { margin:10px 0 15px;} #about-speaker .speaker-detail { font-size:13px; line-height:19px; color:#747474;} #about-speaker footer a { display:inline-block; color:#666; font-size:11px; margin-left:5px;} #about-speaker footer a:active { text-decoration:none;} #about-speaker footer a .fa { color:#fff; font-size:13px; width:24px; padding-top:5px; text-align:center; height:24px; background:#51b1da; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block; margin:0 auto 1px;} /*--- Read Transcription --- */ #read-transcription .slides { min-height:400px; overflow:auto;} #read-transcription .section2 .inner-section { padding-bottom:0;} /*--- Company Info ---*/ .comp-info a img{width:120px;} .comp-info .comp-details { width:100%;} .comp-info .comp-details td{ font-size:14px;border:1px solid #dadada; vertical-align:top; padding:5px 10px; font-size:13px; line-height:17px;} .comp-info .comp-details td:last-child { word-break:break-all;} /*--- Discussion --- */ #discussion { margin-bottom:35px;} #discussion .read-more-btn { float:right; margin-top:15px; margin-right:5px;} #discussion .question-answers-lists { margin:0; padding:0; list-style:none;} #discussion .question-answers-lists li { border-bottom:1px dashed #cacaca; margin-bottom:15px; padding-bottom:15px;} #discussion .question-answers-lists li:last-child { border-bottom:0; padding-bottom:0;} #discussion .question-answers-lists h4 a { color:#333;} #discussion .question-answers-lists li p { margin-bottom:6px; } #discussion .fa-question-circle { font-size:24px; vertical-align:text-bottom; margin-right:5px;} #discussion h1 { font-size:20px; line-height:28px;} #discussion h1 .fa-question-circle { font-size:33px; margin-right:10px; color:#777;} #discussion .answer { margin-top:20px;} #discussion p.tags { margin-bottom:6px;font-size:13px;} #discussion .answer .inner-wrap { margin-left:40px;} #discussion .answer h4 { margin-bottom:5px;} #discussion .answer .answered-by { font-size:12px; margin-bottom:6px;} #discussion .answer .answered-by a { color:#eb494f;} #discussion .question-answers-lists .answer .metadata { color:#777; font-size:12px;} #discussion .question-answers-lists .answer p { font-size:14px;} #discussion .question-answers-lists .answer .first-letter {background: #999; float:left; margin-right:10px; border-radius: 50%; color: #fff; display: inline-block; font-size: 18px; font-weight: bold; height: 30px; line-height: 29px; text-align: center; width: 30px;} #discussion .scroll { max-height:425px;} #discussion .heading1 span { color:#eb494f;} #discussion .add-answer { margin-bottom:15px; margin-top:25px; padding:15px; border:1px solid #eaeaea;} #discussion .add-answer .avatar{ float:left;} #discussion .add-answer .avatar img { width:72px; height:72px;} #discussion .add-answer .inner-wrap { margin-left:87px;} #discussion .add-answer .inner-wrap .form-control { margin-bottom:15px;} #discussion .add-answer .checkbox-input { display:block; margin-bottom:15px;} #discussion .question-answers-lists .user-actions { font-size:13px; margin-bottom:25px;} #discussion .question-answers-lists .user-actions a { margin:0 5px; font-size:12px; color:#999;} #discussion .question-answers-lists .user-actions a:first-child { margin-left:0;} #discussion .user-actions .fa { font-size:15px; color:#bbbbbb; margin-right:5px;transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #discussion .user-actions .favorite.active .fa, #discussion .user-actions .favorite:hover .fa { color:#ff0000;} #discussion .user-actions a:hover .fa { color:#eb494f;} #discussion .question-answers-lists .cmmntHD { margin-top:15px; margin-bottom:15px;} #discussion .question-answers-lists .cmmntAns { margin:0; padding:0; list-style:none;} #discussion .question-answers-lists .cmmntAns p { font-size:12px; margin-bottom:5px;} #discussion .question-answers-lists .cmmntAns p .testclass a { margin-right:15px; margin-left:3px; font-size:12px; color:#999;} #discussion .question-answers-lists .cmmntAns p .testclass .fa { font-size:15px; color:#bbbbbb; margin-right:5px;transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #discussion .question-answers-lists .cmmntAns p .testclass a:hover .fa { color:#ff0000;} #discussion .question-answers-lists .cmmntAns li { padding-bottom:10px; margin-bottom:10px;} /*--- Webinar Feedback --- */ #webinar-feedback .radio-input { display:inline-block; margin-right:25px;} #webinar-feedback li label {font-family: 'open_sanssemibold';} #webinar-feedback li .radio-input label {font-family: 'open_sansregular';} /*--- Ask Question --- */ #ask-question { border:1px solid #c9c9c9; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #ask-question header { background:#424242; text-align:center; padding:12px 10px 14px; border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0;} #ask-question header h5 { color:#fff; font-size:16px; line-height:20px; margin:0;} #ask-question form { padding:15px;} #ask-question textarea { height:70px;} #ask-question input[type='submit'] { width:auto;} #ask-question .varification-field .form-control { width:64px;} #ask-question .varification-field label { font-size:14px;} /*--- Jobs Section --- */ div.jobs-section ul {list-style:none; margin: 0 -15px; padding:0;} div.jobs-section ul li { margin-bottom: 30px; text-align:left;} div.jobs-section ul li:last-child { border-bottom:0;} div.jobs-section ul li h3 {color: #424242; height:50px; overflow:hidden; font-size: 18px; line-height: 25px; margin-bottom:6px;} div.jobs-section ul li h3 a { color: #424242; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} div.jobs-section ul li h3 a:hover { color: #eb494f;} div.jobs-section ul li p { color: #bbb; font-size: 12px; line-height: 21px;} div.jobs-section ul li p.job-info { height:62px; overflow:hidden;} div.jobs-section ul li p .detail { margin-right: 20px; color:#bbb;} div.jobs-section ul li .share { position:absolute; left:0; bottom:5px; width:100%; padding: 0 20px;} div.jobs-section ul li .share .users { float:left;} div.jobs-section ul li .share .share-icon { float:right;} div.jobs-section ul li .jb-apply-btn-sml {-moz-user-select: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; display: block; font-size: 14px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap; position:relative; background:#fff; border:1px solid #eb494f; color:#eb494f; text-align:center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none; width: 115px; margin:0 auto 3px;} div.jobs-section ul li .jb-apply-btn-sml:hover, div.jobs-section ul li .jb-apply-btn-sml:focus, div.jobs-section ul li .jb-apply-btn-sml:active { color:#fff; background:#eb494f; outline:none;} div.jobs-section ul li .applied-count { color: #424242; font-size: 13px;} div.jobs-section ul li .apply {text-align: center; height:62px;} div.jobs-section ul li .inner-wrap { background: #fefefe; border:1px solid #f4f4f4; padding:10px 15px 0;transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; } div.jobs-section ul li .inner-wrap:hover { box-shadow:0 0 3px #dadada;} div.jobs-section ul li .jb-already-applied { color: #5ba11c; display: block; font-size: 14px; line-height: 40px; margin-right: 15px;} div.jobs-section ul li .jb-mypost { color: #2572b9; display: block; font-size: 14px; line-height: 40px; margin-right: 15px;} div.jobs-section ul li header p { margin-bottom:7px; font-size:13px; line-height:18px; font-family: 'open_sanssemibold',Helvetica,Arial,sans-serif; height:19px; overflow:hidden;} div.jobs-section ul li header { margin-bottom:15px;} div.jobs-section ul li hr { border-top:1px dashed #dadada;} div.jobs-section ul li .fa { font-size:18px; margin-right:7px; vertical-align:text-bottom; color:#56c1ee;} div.jobs-section ul li footer .fa { color:#999;} div.jobs-section ul li footer{ background:#f4f4f4; padding:8px; margin:0 -15px; position:relative;} div.jobs-section ul li footer p { font-size:13px; color:#999; margin:0;} div.jobs-section ul li .metadata { float:right;} div.jobs-section ul li .location-info { border-right:1px solid #ccc; padding-right:8px; margin-right:8px;} div.jobs-section .filters { margin-bottom:10px;} div.jobs-section .filters .sort-by { position:relative; font-size:14px; float:left;} div.jobs-section .filters ul li { margin-bottom:0;} div.jobs-section .filters .job-sources { float:right; margin:0;} div.jobs-section .filters .job-sources li { margin-left:15px; float:left;} div.jobs-section .filters h3 { height:auto; overflow:visible; margin-bottom:0;} div.jobs-section .searched-for { font-size:14px;} div.jobs-section .searched-for span { color:#666;} div.jobs-section ul li .job-source { float:right; margin-left:10px; margin-top:4px;} /*--- Top Clients --- */ #our-clients { padding:35px 0 0; text-align:center;} #our-clients h2 { font-size:30px; font-weight:bold;} #our-clients h3 { margin-bottom:22px;} #our-clients .inner-wrap { background:#f0f0f0; padding:20px 40px;} #our-clients ul { margin:0; padding:0; list-style:none;} #our-clients ul li { float:left; text-align:center; line-height:72px;} #our-clients ul li img { vertical-align:middle; filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1);} /*--- Comments --- */ #comments { margin-bottom:30px; clear:both;} /*--- Badges --- */ #badges ul { margin:0 -15px; padding:0; list-style:none;} #badges ul li { margin-bottom:30px;} #badges ul li .inner-wrap { position:relative; border-radius:4px; box-shadow:0px 0px 3px #c1c1c1; border:1px solid #c0bdcb; padding:2px; background:#fff; text-align:center;} #badges ul li .progress { margin-bottom:0;} #badges ul li img { margin-bottom:10px;} #badges ul li h3 { font-weight:normal; margin-bottom:12px;} #badges ul li.no-completed .inner-wrap:after { position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; display:block; content:""; background:rgba(255, 255, 255, 0.5);} #badges ul li .coins {height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#f0ad4e;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease;} /*--- Unsubscribe-popup --- */ #unsubscribe-popup .modal-header { background:none;} #unsubscribe-popup .modal-header h4 { font-size:24px; color:#eb494f; font-family:Georgia, Arial; font-style:italic; text-align:center;} #unsubscribe-popup .modal-body { padding:25px 15px;} #unsubscribe-popup .modal-body h4 { margin-bottom:10px;} #unsubscribe-popup .trending-challenges { margin-bottom:30px;} /*--- Detailed Description ---*/ .detailed-description img { display:block; margin:0 0 15px 0; clear:both; width:auto; height:auto;} .detailed-description img.cover-image { float:left; margin:0 20px 15px 0; clear:none; max-height:300px; max-width:300px; border:1px solid #dadada; padding:3px;} .detailed-description iframe { width:100%!important;} /*--- News Lists --- */ .news-lists .post-image { display:none;} .news-lists .post { display:table; /*padding:0 20px;*/ position:relative; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; height:230px; width:100%;} .news-lists .post .article-image-link { position:absolute; left:0; top:0; width:100%;} .news-lists .post:after { position:absolute; left:0; top:0; background:rgba(0,0,0, 0); width:100%; height:100%; content:"";} .news-lists .post .inner-wrap { display:table-cell; vertical-align:bottom; position:relative; z-index:5;} .news-lists .post .box { background:#ffffff; padding:10px 0; height:auto; position:relative; z-index:5;} .news-lists .post h4 { margin-bottom:10px; text-align:left; font-size:16px;} .news-lists .post h4 a { color:#333;} .news-lists .post .box p { text-transform:lowercase;} .news-lists .post p { text-align:left; margin-bottom:0; color:#999999; font-size:11px;} .news-lists .post .box1 p { text-transform:lowercase;} .news-lists .post p img { vertical-align:sub; margin-right:2px;} .news-lists .post p .favorite { color:#999999; margin-left:5px; font-size:12px; float:right; display:none;} .news-lists .post p .favorite:active, .news-lists .post p .favorite:focus {text-decoration:none;} .news-lists .post p .favorite.active .fa, .news-lists .post:hover p .favorite.active .fa { color:#2572b9 ;} .news-lists .post:hover p .favorite { display:block;} .news-lists .post p .favorite .fa { font-size:21px; vertical-align:text-bottom; margin-right:2px;} .news-lists .post .sociable1 { text-align:center; margin-bottom:-35px;} .news-lists .post .sociable1, .news-lists .post p .favorite, .news-lists .post h4 a, .news-lists .post:after { transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .news-lists .post p .favorite:hover { color:#2572b9;} .news-lists .post p .favorite span { margin-right:3px;} .news-lists .post:hover h4 a { color:#eb494f;} .news-lists .post:hover .sociable1 { margin-bottom:30px;} .news-lists .post:hover:after { background:rgba(0,0,0, 0.5);} /*----- User Panel ----*/ #user-panel { padding-top:20px;} /*----- Progress ----*/ .progress { background:#dadada;} /*--- Startup Companies ---*/ #startup-companies ul { padding:0; margin:0 -15px; list-style:none;} #startup-companies ul li { margin-bottom:38px;} #startup-companies ul li .company-bg { display:none;} #startup-companies ul li .inner-wrap { background-size:cover; position:relative; background-repeat:no-repeat; background-position:0 0; height:250px;} #startup-companies ul li header { background:rgba(0, 0, 0, 0.7); width:100%; overflow:hidden; text-align:right; padding:3px 10px;} #startup-companies ul li header p { color:#c9c9c9; line-height:26px; font-size:11px; margin:0;} #startup-companies ul li header p a { color:#fff;} #startup-companies ul li header p strong { font-size:13px; color:#fff;} #startup-companies ul li .content > a { display:block; padding:10px; height:175px;} #startup-companies ul li header .follow-btn { float:right; font-size:12px; padding:5px 8px; border-radius:4px; margin-left:10px; text-transform:none; font-family:'open_sansregular';} #startup-companies ul li .content .top { height:80px;} #startup-companies ul li footer { position:absolute; text-align:center; left:0; bottom:0; width:100%; background:rgba(37, 37, 37, 0.8);} #startup-companies ul li footer a { display:block; padding:9px 10px 12px;} #startup-companies ul li footer h4 { font-size:20px; color:#fff; font-weight:normal; line-height:20px; margin:0;} #startup-companies ul li footer .arrow { margin-left:10px; font-size:17px; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; left:0; position:relative;} #startup-companies ul li:hover .arrow { left:15px;} #startups-page #testimonials { background:url(images/techgig_new_images/testimonials-bg.gif) left top repeat; text-align:center; padding-bottom:50px;} /*----- User Info ----*/ #user-info { padding:18px 0 20px; background:#1890cc;} #user-info .avatar { display:block; float:left; position:relative; width:200px; text-align:center;} #user-info .avatar .inner { position:relative; width:130px; margin:0 auto 11px;} #user-info .avatar .user-pic-edt { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); border-radius:50%;} #user-info .avatar .user-pic-edt .fa { font-size:24px; color:#fff; padding-top:53px;} #user-info .avatar img { width:130px; height:130px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} #user-info span.rank { background: #ed1c24; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color: #fff; display: block; font-size: 12px; font-weight: normal; height: 26px; line-height: 25px; position: absolute; text-align: center; z-index: 5; left:-14px; bottom:5px; padding:0 5px; min-width:30px;} #user-info span.rank:before { content:""; width:9px; height:9px; display:block; left:5px; top:-9px; position:absolute; background:url(images/techgig_images/red-arrow.png) left top no-repeat;} #user-info h2 { color:#fff; font-size:36px; margin-bottom:5px;} #user-info .details { margin-left:200px;} #user-info .details .inner { float:left; width:100%;} #user-info .details p { font-size:14px; color:#ddf0f9;} #user-info .details p .fa { font-size:21px; color:#042738; margin-right:6px; vertical-align:text-bottom;} #user-info .details p .block { margin-right:20px;} #user-info .skills { margin:0; padding:0; list-style:none; display:inline-block; margin-right:6px;} #user-info .skills li { float:left; margin:0 6px 6px 0;} #user-info .skills li a { display:block; padding:8px 10px 8px; background:#5fbae7; font-size:12px; color:#fff; position:relative; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #user-info .skills li a:hover { background:#0e6fa0;} #user-info .skills li a .fa-star { position:absolute; right:3px; top:-7px; font-size:15px;} #user-info .skills li a.add-skills-btn { background:none; margin-top:-1px;} #user-info .skills li a.add-skills-btn:hover { background:#fff;} #user-info a.add-skills-btn { vertical-align:top; border:1px solid #fff; background:none; margin-top:-1px; color:#fff;transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #user-info a.add-skills-btn:hover { background:#fff; color:#1890cc;} #user-info .details .follow-btn { float:right; margin-left:10px;} #user-info .details .status-info{ margin-bottom:15px;} #user-info .details .status-info ul { margin:0; padding:0; list-style:none;} #user-info .details .status-info ul li { float:left; margin-right:15px; text-align:center; background:#eceff1; width:100px; height:100px; border-radius:50%; border:1px solid #eee; padding:15px 10px 5px;} #user-info .details .status-info ul li strong {font-size:30px; color:#2572b9; margin-bottom:12px;} #user-info .details .edit-icon { float:right; margin-top:5px;} #content #user-info .add-skills-btn { vertical-align:top; border:1px solid #2572b9; color:#2572b9;} #content #user-info .add-skills-btn:hover { background:#2572b9; color:#fff;} #content #user-info { background:none; border:1px solid #eeeeee; margin-bottom:20px; padding-top:18px;} #content #user-info .container { width:100%;} #content #user-info h2 { font-size:24px; margin-bottom:20px;} #content #user-info .avatar { width:200px;} #content #user-info .details { margin-left:220px;} #content #user-info .details h2, #content #user-info .details p { color:#333;} /*----- User Profile Details ----*/ .user-profile-detail .block { margin-bottom:20px;} .user-profile-detail .edit-pro-btn { float:right; margin-bottom:15px; margin-top:-7px;} /*----- Content Details ---- .news-details br, .webinar-details br, #job-details br, .blogs-section br { margin-bottom:15px; display:block;}*/ .news-details .sociable1, .company-content-details .sociable1 { float:right;} .news-details .news-tags { padding-top:40px; } .news-details .news-tags .button1 { background:#dadada; color:#333; border:none; margin:0px 5px 5px 0px; } .news-details .news-tags .button1:hover { background:#ccc; } /*----- Ecs-srch ----*/ .ecs-srch .container { position:relative;} .ecs-srch #browse { left:15px !important; top:40px !important;} .ecs-srch { z-index:51; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; } .ecs-srch.fixed { position:fixed; left:0; top:88px; width:100%;} .activeMenu .ecs-srch { left:230px;} /*----- Public Profile ----*/ .public-profile .user-pic { float:left;} .public-profile .user-dtl { margin-left:135px;} .public-profile p { font-size:14px;} .public-profile .tp-user { margin-bottom:20px;} .public-profile .table { font-size:14px;} .public-profile .table td { padding:10px; vertical-align:middle; border:1px solid #eaeaea;} .public-profile .table td .help-icon { vertical-align:middle;} .public-profile .table td:first-child { width:200px;} .public-profile hr { margin-top:0;} /*----- Profile Sidebar ----*/ #panel-sidebar {width:291px; float:left; padding:0 0 15px 15px;} #panel-sidebar h4 { font-size:16px; padding-bottom:5px; border-bottom:1px solid #eceff1;} #panel-sidebar .sociable1 a:first-child { margin-left:0;} #panel-sidebar .add-content-btn { color:#333; text-align:left; font-size:12px; border:1px dashed #eb494f; padding:6px 8px;transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; } #panel-sidebar .add-content-btn:hover { color:#fff; background:#d63a40; outline:none;} #panel-sidebar .add-content-btn .fa { font-size:21px; color:#eb494f; margin-right:5px; vertical-align:middle;transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #panel-sidebar .add-content-btn:hover .fa { color:#fff;} /*----- Cc-lvl-profile ----*/ .cc-lvl-profile .table tr th { vertical-align:top;} .cc-lvl-profile .table tr th, .cc-lvl-profile .table tr td{ border-color:#eaedef; font-size:12px;} .cc-lvl-profile .table tr td .fa { margin-left:5px; font-size:15px; vertical-align:middle; color:#555;} /*----- Profile Main ----*/ #panel-nain { margin-left:306px; } #panel-nain .container { width:100%;} #panel-nain .inner-main { float:left; width:100%; padding-bottom:20px;} #panel-nain .select-category { padding-bottom:15px; border-bottom:1px solid #c9c9c9; margin-bottom:30px;} #panel-nain .select-category .inner { float:left; position:relative;} #panel-nain .select-category h3 { float:left; margin-bottom:0; cursor:pointer;} #panel-nain .select-category .caret { margin-left:10px; position:relative; top:-1px; font-size:17px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:9px dashed;} #panel-nain .select-category .dropdown-menu { right:0; left:auto;} #panel-nain .graph-filter { margin-bottom:30px;} #panel-nain .graph-filter .select { width:200px; margin-right:30px;} #panel-nain .graph-filter .btn { padding:8px 12px;} #panel-nain .graph-section footer { padding-top:20px;} #panel-nain .user-report { padding-top:30px;} #panel-nain .list7 li { margin-bottom:30px;} /*--- AdminPanel --- */ .admin-panel { overflow-x:visible;} /*--- Startup-sponsor --- */ .sponsors-link { float:left; } .sponsors-link h5 { color:#fff; float:left; margin-right:10px; line-height:36px; margin-bottom:0;} .sponsors-link .inner { float:left;} /*----- Sidebar Navigation ----*/ #user-panel .sidebar-navigation { margin-bottom:20px;} #user-panel .sidebar-navigation ul { margin:0 -15px; padding:0; list-style:none;} #user-panel .sidebar-navigation ul li a { display:block; border-left:4px solid #eceff1; padding:8px 20px; line-height:26px; font-size:14px; color:#747474; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; left:0; position:relative;} #user-panel .sidebar-navigation ul li .fa { font-size:20px; width:30px; vertical-align:text-bottom;} #user-panel .sidebar-navigation ul li a:hover, #user-panel .sidebar-navigation ul li.active a { background:#fff; color:#eb494f; text-decoration:none; border-left:4px solid #eb494f;} #user-panel h3 .count { color:#eb494f;} #user-panel input[type="submit"] { width:auto; display:inline-block; margin-right:10px;} /*----- Tabs1 ----*/ .tabs1 .nav-tabs { border-bottom:0; margin-bottom:30px;} .tabs1 .nav-tabs > li { margin-right:25px;} .tabs1 .nav-tabs > li > a, .tabs1 .nav-tabs > li > a:hover, .tabs1 .nav-tabs > li > a:active, .tabs1 .nav-tabs > li > a:focus { padding:12px; opacity:0.5; font-size:16px; color:#424242; min-width:75px; text-align:center; border-radius:0; border:0; border-bottom:2px solid #eb494f; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .tabs1 .nav-tabs > li.active > a { opacity:1;} /*----- Tabs2 ----*/ .tabs2 .nav-tabs { border-bottom:0; margin-bottom:30px;} .tabs2 .nav-tabs.no-margin { margin-bottom:0;} .tabs2 .nav-tabs > li > a { margin:0; padding:12px 20px; font-size:16px; color:#424242; background:#eceff1; text-align:center; border-radius:0; border:0;} .tabs2 .nav-tabs > li > a:hover, .tabs2 .nav-tabs > li > a:active, .tabs2 .nav-tabs > li > a:focus, .tabs2 .nav-tabs > li.active > a { background:#424242; color:#fff; border:0;} .tabs2 .nav-tabs > li.half { width:50%;} .tabs2 .nav-tabs > li.half > a {padding:7px 12px; font-size:14px; } /*--- Tabs3 --- */ .tabs3 .tab-strips { margin:0; padding:0 18px; list-style:none;} .tabs3 .tab-strips li { float:left; width:20%; padding-right:15px;} .tabs3 .tab-strips li:last-child { padding-right:0;} .tabs3 .tab-strips li a { display:table; width:100%; background:#eceff1; height:84px; position:relative; position:relative; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; text-align:center; font-size:15px; font-weight:bold; color:#333333; line-height:26px;} .tabs3 .tab-strips li a span { display:table-cell; vertical-align:middle; padding:10px 8px;} .tabs3 .tab-strips li a:hover { background:#cccccc;} .tabs3 .tab-strips li.ui-state-active a { background:#39d1b4; color:#fff; font-weight:bold;} .tabs3 .tab-strips li.ui-state-active a:after { display:block; position:absolute; bottom:-20px; z-index:10; content:""; left:50%; width: 0; height: 0; margin-left:-15px; border-left: 11px solid transparent;border-right: 11px solid transparent;border-top:20px solid #39d1b4;} .tabs3 .tab-content { border:1px solid #dadada; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding:35px 15px 20px;} /*--- User-short-pro --- */ .user-short-pro { margin-bottom:25px;} .user-short-pro .user-pic { float:left; position:relative;} .user-short-pro .user-pic .pro-edt { position:absolute; text-align:center; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); border-radius:50%;} .user-short-pro .user-pic .pro-edt .fa { font-size:24px; color:#fff; padding-top:46px;} .user-short-pro .user-pic img { border-radius:50%; width:120px; height:120px; -moz-border-radius:50%; -webkit-border-radius:50%;} .user-short-pro .user-details { margin-left:135px;} .user-short-pro h3 { margin-bottom:10px;} .user-short-pro .user-details p {color:#999;} .user-short-pro .pro-sub-nav { margin:0; padding:0; list-style:none;} .user-short-pro .pro-sub-nav li { display:inline-block; margin:0 10px 10px 0;} .user-short-pro .pro-sub-nav li a { border-radius:4px; padding:3px 10px; position:relative; background:#fff; border:1px solid #eb494f; color:#eb494f; text-align:center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none;} .user-short-pro .pro-sub-nav li a:hover, .user-short-pro .pro-sub-nav li a:focus, .user-short-pro .pro-sub-nav li a:active { color:#fff; background:#eb494f; outline:none; outline:none;} /*--- Subscribe Form --- */ #subscribe-form .close { margin-right:-8px; margin-top:-12px;} #subscribe-form h3 { font-size:20px; line-height:23px; padding-top:10px;} #subscribe-form p { font-size:14px; color:#747474; margin-bottom:25px;} /*--- Replies_list_block --- */ #replies_list_block { border-top:1px solid #ededed; padding-top:15px;} #replies_list_block .compuserShare {color: #333; font-size: 15px; line-height: 21px;} #replies_list_block .compuserShare a { color:#eb494f;} #replies_list_block .compuserShare a .fa { color:#999;} #replies_list_block .userRply { font-size:22px; color: #333333; font-family: 'open_sanssemibold',Helvetica,Arial,sans-serif; font-weight: 500; margin-bottom:15px; display:block;} #replies_list_block textarea { display:block; font-size:14px !important; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:15px; line-height:26px; background:#fff; width:100% !important; padding:10px 15px; resize:none; height:112px;} #replies_list_block .replies-blk { font-family: 'open_sansregular',Helvetica,Arial,sans-serif; border-top:1px solid #ededed; padding-top:20px; color: #333; font-size: 15px; line-height: 21px;} #replies_list_block .replies-blk .rplyWrapWhite .smlPic { float:left;} #replies_list_block .replies-blk .wallTareaWrp { padding-top:10px;} #replies_list_block .replies-blk .rplyWrapWhite .smlPic img { width:40px; height:40px;} #replies_list_block .replies-blk .rplyWrapWhite .smlDtl { margin-left:55px;} #replies_list_block .replies-blk .rplyWrapWhite .smlDtl span { display:block; font-size:13px; color:#999;} #replies_list_block .replies-blk .rplyWrapWhite .smlBodr { clear:both; height:20px;} #replies_list_block .replies-blk .rplyWrapWhite .smlDtl a { color:#2572b9;} #replies_list_block .replies-blk .rplyWrapWhite .smlDtl span a { color:#eb494f;} #replies_list_block .compuserShare b { color:#999;} #replies_list_block .userDtlCmnts { margin-bottom:25px;} #replies_list_block .userDtlCmnts h4 a { color:#333;} #replies_list_block .userPicCmnts { float:left;} #replies_list_block .userDtlCmnts { margin-left:90px;} #replies_list_block .userDtlCmnts p, #replies_list_block .compuserShare { font-size:14px;} #replies_list_block .fbicUp, #replies_list_block .fbicDwn { color:#999;} #replies_list_block .fbicUp:hover, #replies_list_block .fbicDwn:hover { color:#2572b9;} /*--- newQuestion --- */ #newQuestion { padding:0; width:100% !important;} #newQuestion .qa_module cite { font-size:16px; color:#0a3542; margin-bottom:5px; font-weight:normal; display:block; font-style:normal;} #newQuestion .qa_module cite .redalert { color:#ff0000;} #newQuestion .qa_module big { font-size:11px; padding-top:3px; display:block; color:#999;} #newQuestion p { margin-bottom:10px;} #newQuestion .sel { float:none; width:100%; font-size:11px; clear:both; display:block; color:#999;} #newQuestion .themeButton { position:relative; display:inline-block; border-radius:5px; padding:5px 15px; font-size:15px; border:1px solid #F5571D; color:#fff; background:#eb494f ; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; } #newQuestion .themeButton:hover, #newQuestion .themeButton:focus, #newQuestion .themeButton:active {background:#d14714; color:#fff;} #newQuestion .themeButton.small { padding:8px 20px; font-size:15px;} #newQuestion #imgCaptcha { margin-top:3px;} #newQuestion .clr { display:none;} #newQuestion input[type='text'] {background: #fff; border-radius: 5px; font-size: 15px; height: 45px; line-height: 24px; padding: 10px 15px; width: 100%; border: 1px solid #ccc; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } #newQuestion textarea {background: #fff; border-radius: 5px; font-size: 15px; height: 65px !important; line-height: 24px; padding: 10px 15px; width: 100% !important; border: 1px solid #ccc; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } #newQuestion .recent_question_heading { display:none;} #newQuestion textarea:focus, #newQuestion input[type='text']:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)} #newQuestion del { text-decoration:none;} #newQuestion .redalert { font-size:12px; color:#ff0000;} #newQuestion #compose_name { display:block; clear:both; margin-bottom:3px; font-size:12px; width:100%; overflow:hidden;} #newQuestion #compose_name .closenm { font-size:13px;} #newQuestion #compose_name .closenm a { position:relative; top:-2px;} #newQuestion #compose_name .toname { padding-right:5px;} #newQuestion #autocomplete { width:568px !important; margin-top:45px !important;} #newQuestion #autocomplete ul li { margin-bottom:0;} #autocomplete ul li { margin-bottom:0;} /*--- About Company --- */ #about-company { padding:30px 0;} .about-company { margin-bottom:30px;} /*--- Company Updates --- */ #company-updates { padding-top:25px;} #company-updates h3 { height:47px; overflow:visible; margin-bottom:10px;} #company-updates .image-holder { margin-bottom:10px; border:1px solid #ccc; overflow:hidden; padding:2px; position:relative;} #company-updates .image-holder .play-btn { position:absolute; display:block; font-size:62px; height:40px; line-height:40px; color:#dd2523; left:50%; top:50%; margin-left:-28px; margin-top:-30px;} #company-updates .image-holder .play-btn:before { width:30px; height:30px; display:block; margin-left:-11px; margin-top:-2px; background:#fff; position:absolute; content:""; left:50%; top:50%;} #company-updates .image-holder .play-btn .fa { position:relative; z-index:10; vertical-align:top;} #company-updates .image-holder img { width:100%;} #company-updates .send-updates .sociable1 { margin-bottom:0;} #company-updates .send-updates .attach { float:left; margin-right:30px;} #company-updates #attach_link_error { font-size:11px; color#eb494f;} #company-updates .send-updates .button1 { float:right;} #company-updates .send-updates textarea { height:100px !important;} #company-updates .send-updates .url_data_block { clear:none !important; float:left !important;} #company-updates .send-updates .url_data_block .form-control { width:300px; margin-right:5px;} #company-updates .send-updates .url_data_block .url_data_in { position:relative; padding-right:25px;} #company-updates .send-updates .url_data_block .pg-hds { font-size:14px; color:#424242; display:block; margin-bottom:8px; font-weight:normal;} #company-updates .send-updates .url_data_block .pg-hds a { color:#ff5f01;} #company-updates .send-updates .url_data_block .button1 { padding:9px 13px;} #company-updates .send-updates .url_data_block .url-dt-a { position:absolute; right:0; top:1px;} /*--- RecentActivites --- */ #recentActivites .send-updates .sociable1 { margin-bottom:0;} #recentActivites .send-updates .attach { float:left;} #recentActivites .send-updates .button1 { float:right;} #recentActivites .send-updates textarea { height:100px !important;} #recentActivites .send-updates .url_data_block { clear:none !important; float:left !important; margin-left:30px;} #recentActivites .send-updates .url_data_block .form-control { width:300px;} #recentActivites .send-updates .url_data_block .url_data_in { position:relative; padding-right:25px;} #recentActivites .send-updates .url_data_block .pg-hds { font-size:14px; color:#424242; display:block; margin-bottom:8px; font-weight:normal;} #recentActivites .send-updates .url_data_block .pg-hds a { color:#ff5f01;} #recentActivites .send-updates .url_data_block .button1 { padding:9px 13px;} #recentActivites .send-updates .url_data_block .url-dt-a { position:absolute; right:0; top:1px;} /*--- Attendies --- */ #attendies ul.list7 li p { height:67px; overflow:hidden;} /*--- Email_edit_blk --- */ #email_edit_blk { color:#999;} /*--- Job Post Form --- */ #job-post-form .two-select-field .select { float:left; width:47%;} #job-post-form .two-select-field small { float:left; width:6%; text-align:center; line-height:37px; font-size:13px;} #job-post-form .radio-input .help-icon { float:left; margin-top:-3px;} #job-post-form .tooltip { width:250px;} #job-post-form ul li { position:relative;} #job-post-form .alert { padding:0px 5px 2px; margin-top:5px; margin-bottom:10px; clear:both;} #job-post-form .text-editor > div, #job-post-form .text-editor .nicEdit-main { width:100% !important;} #job-post-form .text-editor .nicEdit-main { margin:0 !important; padding:5px !important;} html.js #job-post-form input.form-autocomplete { background-image:none !important;} /*--- Recommendations --- */ #recommendations h2 { margin-bottom:5px;} /*--- Limca Record Page --- */ #limca-record .banner img { width:100%;} #limca-record .container { width:100%;} #limca-record .status-details { background:#e8625d; padding:45px 0;} #limca-record .status-details ul { margin:0; padding:0; list-style:none; text-align:center;} #limca-record .status-details ul li .icon { margin-bottom:20px; display:block; line-height:108px;} #limca-record .status-details ul li .icon img { vertical-align:middle;} #limca-record .status-details ul li p { font-size:22px; color:#fff; line-height:30px;} #limca-record .status-details ul li span.number { font-size:31px; font-family:'open_sanssemibold';} #limca-record .status-details .registrations span.number { color:#8a0505;} #limca-record .status-details .participants span.number { color:#1d3466;} #limca-record .status-details .companies span.number { color:#8cdf09;} #limca-record .status-details hr { background:url(images/techgig_images/limca-record/hr-bg.png) left top repeat-x; height:2px; border:0px;} #limca-record .status-details ul li h3 { color:#fff; font-size:27px; line-height:75px; margin-bottom:0; background:url(images/techgig_images/limca-record/h3-bg.png) right top repeat-y; padding-right:2px;} #limca-record .supporters { background:#f8fafb; padding-top:38px; padding-bottom:42px;} #limca-record .supporters h2 { text-align:center; font-weight:bold; font-size:32px; color:#cc3333; margin-bottom:30px;} #limca-record .supporters h3 { font-weight:bold; color:#000000; margin-bottom:20px;} #limca-record .supporters h4 { font-weight:bold; color:#000000; margin-bottom:20px;} #limca-record .supporters ul { margin:0; padding:0; list-style:none; text-align:center;} #limca-record .supporters .and { margin:0 0 15px; font-weight:bold; color:#000000; font-size:18px; display:block;} #limca-record .supporters ul li img { margin:0 10px 15px;} #limca-record .supporters hr { margin-bottom:35px;} #limca-record .award { padding:40px 0; text-align:center;} #limca-record .award h2 { font-size:32px; font-weight:bold; } /*--- Embedvideo --- */ #embedvideo { width:100% !important;} /*--- webcam_movement_warning --- */ #webcam_movement_warning {left: auto !important; right: 24px !important;width: 216px; top:auto !important; bottom: 190px;} #webcam_movement_warning iframe {width: 100% !important; } /*--- Gallery --- */ .gallery { padding:30px 0;} .gallery .preview { width:704px; text-align:center; height:372px; margin:0 auto 30px;} .gallery .preview .slide { width:100%;} .gallery .preview .slide img { max-height:375px;} .gallery .thumbnails { padding:0 50px; position:relative;} .gallery .thumbnails a.previous-btn { background:url(images/techgig_images/previous-btn.png) left top no-repeat; width:23px; height:32px; position:absolute; left:0; top:50%; margin-top:-16px;} .gallery .thumbnails a.next-btn { background:url(images/techgig_images/next-btn.png) left top no-repeat; width:23px; height:32px; position:absolute; right:0; top:50%; margin-top:-16px;} .gallery .thumbnails ul { margin:0; padding:0; list-style:none;} .gallery .caroufredsel_wrapper { height:100px !important;} .gallery .thumbnails ul li { float:left; margin-right:25px; width:160px;} .gallery .thumbnails ul li a { display:block; max-width:160px; margin:0 auto;} .gallery .thumbnails ul li img { width:100%;} .gallery .company-photos { padding-top:30px;} .gallery .company-videos .preview { border:2px solid #fff;} /*--- Skills Listing --- */ #skills-listing .list4 li .main-image { margin-bottom:0;} #skills-listing .stats table { width:100%;} #skills-listing .stats table tr td { background:#f1f2f3; text-align:center; border:0; border-left:1px solid #e8e8e8; border-top:0; font-size:12px; color:#424242; line-height:20px;} #skills-listing .stats table tr td:first-child { border-left:0;} #skills-listing .stats table tr td a { position:relative; padding:8px 5px; display:block; color:#424242;} #skills-listing .stats table tr td strong { display:block;} #skills-listing .stats .number { display:block; width:25px; height:25px; background:#fd0000; position:absolute; right:3px; top:-12px; text-align:center; line-height:23px; font-size:13px; color:#fff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} /*--- My Applications --- */ .my-applications .sort-by { float:right;} .my-applications .sort-by .select { display:inline-block; width:auto; margin-left:5px;} .my-applications .sort-by p { font-size:14px;} .my-applications h5 { margin-bottom:5px;} .my-applications h5 span { color:#999;} .my-applications .list6 { margin:0;} .my-applications .list6 li { border-bottom:1px dashed #ccc; margin-bottom:11px;} .my-applications .list6 li:last-child { border-bottom:0;} .my-applications .list6 li p { font-size:13px; margin-bottom:10px;} .my-applications .list6 li p .fa { color:#666; font-size:18px; margin-right:5px; vertical-align:text-bottom;} .my-applications .list6 li .applied-on { font-size:12px; color:#006b9c; float:right;} /*--- Editor --- */ #code_result {max-height:none !important;overflow-y:visible !important; font-size:13px !important; line-height:18px !important; margin-right:0 !important; margin-bottom:15px;} #editor-box { margin-bottom:65px;} #editor-box header { background:#fff; padding:7px 10px; border:1px solid #ccc; border-bottom:0; border-radius:4px 4px 0 0;} #editor-box header p { margin-bottom:0;} #editor-box header p a { text-decoration:none;} #editor-box header > .select { float:left; width:100px; margin-left:10px;} #editor-box header .form1 label { float:left; line-height:36px; margin-bottom:0;} #editor-box header .form1.pull-left label { margin-right:15px;} #editor-box #editor { border-radius:0; margin-bottom:0;} #editor-box .editor-footer {background:#f7f7f7; padding:6px 15px 7px; border:1px solid #ccc; border-top:0; border-radius:0 0 4px 4px; text-align:right;} #editor-box .editor-footer code { font-size:12px; color:#666; background:none; padding:0; border-radius:0;} #editor-box .editor-footer p { margin-bottom:0;} #editor-box .editor-footer .editor-mode { text-transform:uppercase;} #editor-box .user-actions { margin-top:8px; position:relative; float:right;} #editor-box .user-actions p { line-height:20px;} #editor-box .user-actions a { font-size:11px; float:left; padding-left:7px; margin-left:5px; border-left:1px solid #f0f0f0;} #editor-box .user-actions a .fa { font-size:17px; color:#868686; margin-top:2px;} #editor-box .user-actions .download-btn .fa { position:relative; top:2px;} #editor-box .user-actions a:first-child { padding:0; margin:0; border:0;} #editor-box .user-actions a:hover { color:#999;} #editor-box .user-actions a:hover, #editor-box .user-actions a:focus, #editor-box .user-actions a:active { text-decoration:none; outline:none;} #editor-box .user-actions a:hover, #editor-box .user-actions a:focus, #editor-box .user-actions a:active { text-decoration:none; outline:none;} #editor-box #editor-actions { padding-top:15px; margin-bottom:15px;} #editor-box #own_testcase .form-control { height:75px;} #editor-box .panel h3 { margin-bottom:10px;} #editor-box .panel h4 { margin-bottom:5px; color:#868686;} #editor-box .panel pre { margin-bottom:15px;} #editor-box .ajaxCompileTable tr td, #editor-box .ajaxCompileTable tr th { border:1px solid #dadada; font-size:12px; line-height:17px;} #editor-box .ajaxCompileTable tr td:before, #editor-box .ajaxCompileTable tr th:before { display:block; width:6px; height:20px; content:""; float:left;} #editor-box .expand-collapse-btn .fa-compress { display:none;} #full-screen-question.expanded { position:fixed; left:0; top:0; height:100%; width:100%; background:#fff; z-index:1001;} #full-screen-question.expanded .expand-collapse-btn .fa-compress { display:block;} #full-screen-question.expanded .expand-collapse-btn .fa-arrows-alt { display:none;} #full-screen-question.expanded #question-area, #full-screen-question.expanded #editor-box { width:50%; float:left; padding:20px 25px 20px 20px; overflow:scroll;} #full-screen-question.expanded #question-area hr { display:none;} #keyboard-bindings h4 { font-weight:normal;} #keyboard-bindings .table5 tr td, #keyboard-bindings .table5 tr th { font-size:10px; padding:7px;} #keyboard-bindings .modal-body { max-height:400px; overflow:auto;} #settings-dropdown { display:block; width:250px; z-index:99; left:auto; right:-11px; top:23px; display:none;} #settings-dropdown > .arrow {left:auto; right:6px;} #settings-dropdown .btn-group { display:block; margin-bottom:0;} #settings-dropdown .btn-group .btn { width:33.333%;} #settings-dropdown .row { margin:0;} #settings-dropdown .col-sm-6 { padding:0;} #settings-dropdown .popover-title { padding:8px 15px; position:relative;} #settings-dropdown hr { margin:5px 0;} #editor-box #settings-dropdown .two-col { padding:10px 0;} #editor-box #settings-dropdown label { line-height:20px;} #editor-box #settings-dropdown .two-col label { line-height:15px; margin-bottom:5px;} #editor-box #settings-dropdown .two-col .select { margin-left:0; width:100%;}} #editor-box #settings-dropdown .checkbox-input label { line-height:19px; font-weight:normal;} /*--- User Review ---*/ .user-review { padding-bottom:20px; border-bottom:1px solid #dadada; margin-bottom:30px;} .user-review:last-child { margin-bottom:0; padding-bottom:0; border:0;} .user-review .rate-date { font-size:13px; color:#666; display:block; margin-bottom:15px;} .user-review .comp-rating .list5 h5 { margin-bottom:1px;} .user-review .comp-rating .ratings span.numbers { margin-right:6px; } .user-review .comp-rating .ratings span.rating{display:inline-block; height:11px; background:url(images/ratings-stars.png) no-repeat 0 bottom; width:60px;} .user-review .comp-rating .ratings span.rating span.inner{display:inline-block; height:11px; background:url(images/ratings-stars.png) no-repeat 0 0 ;} .user-review .comp-rating { margin-bottom:15px;} .user-review .comp-bottom-rate .ratings span.rating{display:inline-block; height:5px; background:url(images/ratings-bar.gif) no-repeat 0 bottom; width:60px;} .user-review .comp-bottom-rate .ratings span.rating span.inner{display:block; height:5px; background:url(images/ratings-bar.gif) no-repeat 0 0 ;} .user-review .user-information { margin-bottom:20px;} .user-review .user-information .userPic { float:left; margin-right:15px; border:1px solid #dadada; padding:1px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} .user-review .user-information .userPic img { border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} .user-review .user-information h5 { padding-top:3px;} .user-review .user-information h5 a { color:#333333;} .user-review .user-information h5 { margin-bottom:5px;} .user-review .compuserDtlNews p { margin-bottom:13px;} /*--- Job Details ---*/ #job-details { margin-bottom:20px;} /*#job-details h2 { font-size:25px; margin-bottom:20px; font-weight:600;}*/ #job-details h4 { margin-bottom:5px; font-weight:600; font-size:16px;} #job-details address { margin-bottom:10px;} #job-details address p { color:#777;} #job-details address p span { margin-right:20px;} #job-details address p { margin-bottom:0px;} #job-details address p .fa { margin-right:8px; color:#333; font-size:19px; vertical-align:text-top;} #job-details .metadata { display:block; font-size:14px; margin-bottom:20px; color:#999;} #job-details .people-applied { font-size:12px; display:block; padding-top:5px;} #job-details .list10 { padding-top:10px; padding-left:15px; margin-bottom:25px;} #job-details ul.list10 li { padding-left:25px;} #job-details .jb-apply-btn {background: #eb494f; border: 0 none;border-radius: 5px; color: #fff; display: inline-block; font-family: open_sanssemibold; font-size: 18px; padding: 10px 30px; position: relative; text-align: center; text-transform: uppercase;} #job-details .refer-btn-jb-dtl { padding:5px 15px 7px;} #job-details .jb-apply-btn-fb .fa, #job-details .jb-apply-btn-ln .fa{ font-size:21px; vertical-align:top; margin-right:10px;} #job-details .jb-apply-btn-ln { background:#007bb6;} #job-details .jb-apply-btn-ln:hover { background:#006292;} #job-details .jb-lgn-already { padding-top:15px;} #job-details .jb-lgn-already p { margin-bottom:0;} #job-details { font-family: 'open_sansregular',Helvetica,Arial,sans-serif; color: #333; font-size: 15px; line-height: 21px;} #job-details .user-links { padding-top:8px;} #job-details .user-links .button1 { margin-left:10px;} #job-details .sociable a:first-child { margin-left:0;} #job-details .apply-with-timesjobs { padding:8px 12px;} #job-details .web-url { word-break:break-all;} /*--- Job_alert_form --- */ #job_alert_form .dropdown-menu { width:100%; top:68px;} #job_alert_form .dropdown-menu li { font-size:11px; color:#999; margin-bottom:0; padding:5px;} #job_alert_form .note { font-size:11px; color:#999;} #job_alert_form .radio-input { display:inline-block; margin-right:15px;} /*--- Key Skills --- */ .key-skills { padding-top:30px; margin-bottom:20px;} .key-skills ul { margin:0; padding:0; list-style:none;} .key-skills ul li { float:left; margin-right:15px; margin-bottom:15px;} .key-skills ul li a { display:block; background:#efeff9; padding:5px 15px 6px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-size:12px; color:#333333;} .key-skills ul li a:hover { background:#e4e4ed;} /*--- Latest-updates-widget --- */ .latest-updates-widget .list5 li { font-size:13px; color:#006b9c;} .latest-updates-widget .list5 li span { color:#999; margin-left:10px;} /*--- My-job-alerts --- */ .my-job-alerts .mjb-alrt-bx { border:1px solid #dadada; padding:10px; margin-bottom:15px; font-size:14px;} .my-job-alerts .mjb-alrt-bx .edit { float:right; font-size:21px; color:#999; margin-right:15px; margin-top:-5px;} .my-job-alerts .mjb-alrt-bx .close { margin-top:-2px;} .my-job-alerts .mjb-alrt-bx a { color:#333; font-weight:bold;} .my-job-alerts .mjb-alrt-bx .alert { padding:10px; margin-bottom:10px;} .my-job-alerts .mjb-alrt-bx .alert:last-child { margin-bottom:0;} /*--- Help Icon --- */ .help-icon { display:inline-block; margin-left:10px;} .help-icon .fa { font-size:25px; vertical-align:top; color:#eb494f;} /*--- Skill Box --- */ .skill-box .main-image { width:120px; height:120px; margin:0 auto 15px; display:block; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} .skill-box .main-image img { border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; height:120px;} .skill-box .content p { color:#999; margin-bottom:20px; font-size:13px;} .skill-box h2 { margin-bottom:15px; font-size:20px;} /*--- Post --- */ .post p { font-size:14px; line-height:20px;} /*--- Skill-test --- */ .skill-test .box-shadow { margin:0;} .skill-test .box-shadow {background: #fff none repeat scroll 0 0; border: 1px solid #eee8e8; box-shadow:0 0px 8px rgba(0, 0, 0, 0.1); padding:20px 12px;} .skill-test .box-shadow h3 a { color:#eb494f;} .skill-test .box-shadow p small { font-size:14px; color:#eb494f;} .skill-test .box-shadow p span.divider { color:#999; margin:0 10px;} .skill-test .box-shadow p { line-height:28px;} .skill-test .box-shadow h3 { height:47px; display:table; width:100%; margin-bottom:0;} .skill-test .box-shadow h3 a { display:table-cell; vertical-align:middle;} .skill-test .box-shadow .button1 { position:relative; display:inline-block; border-radius:5px; padding:5px 15px; font-size:15px; border:1px solid #2572b9; color:#2572b9; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; font-family:Helvetica, Arial, sans-serif; text-align:center; behavior: url("../javascript/vendor/PIE.htc");} .skill-test .box-shadow .button1:hover, .skill-test .box-shadow .button1:focus, .skill-test .box-shadow .button1:active {background:#2572b9; color:#fff;} .skill-test .box-shadow .button1.small { padding:8px 20px; font-size:15px;} /*--- Google Ad --- */ .bor { text-align:center;} /*--- ulWebinars --- */ .webinar-four-columns li:nth-child(4n + 1) { clear:left;} /*--- Ul-top-challenges --- */ #ul-top-challenges .caroufredsel_wrapper { min-height:539px !important;} #query-form { float:right; width:450px; margin-left:15px;} #access_token_form.form1 input[type="text"], #access_token_form.form1 input[type="password"], #access_token_form.form1 input[type="search"] { background: #fff none repeat scroll 0 0; border-radius: 5px; font-size: 14px; height: 38px; line-height: 24px; padding: 8px 15px; border:1px solid #9d9d9d; width: 100%;} #invite-login .form-group { margin-bottom:20px;} #invite-login .two-select { font-size:12px;} #invite-login .two-select .select { width:138px; display:inline-block; margin-right:6px;} #invite-login .table3 .select .required { font-size:13px; position:absolute; right:-11px; top:10px; color:#ff0000;} /*--- Reff_win --- */ #reff_win .ui-accordion-content { padding:0 !important;} /*--- Datalist1 --- */ .data-list1 { font-size:13px; line-height:18px;} .data-list1 dt { float:left; width:120px; margin-right:10px; clear:left;} .data-list1 dd { border-bottom:1px solid #eee;} .data-list1 dt, .data-list1 dd { margin-bottom:5px; padding-bottom:5px;} .data-list1 dt:last-child, .data-list1 dd:last-child { border-bottom:0;} /*--- News_ttl_ttl_sum --- */ .news_ttl_ttl_sum h5 a.lnk_clr { color:#333; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .news_ttl_ttl_sum h5 a.lnk_clr:hover { color:#eb494f;} /*--- Share Section --- */ .invt-lft { width:20%;} .invt-rgt { width:70%;} .invt-list-menu li a { font-size:22px; overflow:visible; line-height:22px; display:block; width:100%; overflow:hidden; height:auto; color:#fff !important; padding:5px 10px;} .invt-list-menu li.gmail-menu a { background:#e93e30 !important;} .invt-list-menu li.email-menu a { background:#f89a1e !important;} .invt-list-menu li.codebuddies-menu a { background:#00a8ec !important;} .invt-list-menu li a.inv-act { background:#eeeeee; color:#333;} .invt-list-menu li a i { float:none; height:auto; width:auto; background:none; display:inline;} .invt-list-menu li a .fa { font-size:19px;} .invt-list-menu li { position:relative;} .invt-list-menu li .arrow-down { width: 0; display:none; height: 0; position:absolute; bottom:-15px; left:50%; margin-left:-15px; border-left:15px solid transparent; border-right:15px solid transparent;} .invt-list-menu li .inv-act .arrow-down { display:block;} .invt-list-menu li.email-menu .arrow-down { border-top:15px solid #f89a1e;} .invt-list-menu li.gmail-menu .arrow-down { border-top:15px solid #e93e30;} .invt-list-menu li.codebuddies-menu .arrow-down { border-top:15px solid #00a8ec;} /*--- Update Form --- */ #updated-form { padding:0 !important;} #updated-form .fa { width:22px !important; font-size:13px; float:left; height:26px;} #updated-form .left-column { width:258px !important;} #updated-form .submit-btn input[type="submit"] { width:100px; float:left; position:relative; margin-top:-50px; font-size:12px;} #updated-form .forgot-password { float:none; text-align:left;} #updated-form .left-column input[type="text"], #updated-form .left-column input[type="password"] { font-size:11px;} #updated-form .left-column input[type="checkbox"] { vertical-align:sub !important;} /*--- FB-comments --- */ .fb-comments, .fb-comments > span, .fb-comments iframe { width:100% !important;} .fb-comments { border: 1px solid #eaeaea;} /*--- Company Jobs List --- */ .comany-jobs-list { border: 1px solid #eaeaea; padding:15px;} /*--- Company Jobs --- */ #top-companies .btn-default {margin: 0 7px 20px;} #search-form.search-company{float:none; margin:20px 0 40px;} .search-company .search-box{border:1px solid #dadada;} .comp-job-list{list-style:none;text-align:left;padding:0;} .comp-job-list li { margin-bottom:9px !important;} .comp-job-list li a{font-size:13px;line-height:20px;color:#2572b9;display:block;} .comp-job-list li a:hover{color:#eb494f;} .post-job-panel .form1 .select.half-width{width:47%;display:inline-block;} .post-job-panel .form1 .select.multi-select,.post-job-panel .form1 .select.multi-select select{height:auto;} .post-job-panel .form1 small{font-size:14px;padding:0 5px;} /*--- AppFrmProfile --- */ .appFrmProfile .image { float:left;} .appFrmProfile .image img { width:52px; height:52px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} .appFrmProfile .details { margin-left:65px;} .appFrmProfile .details h5 { margin-bottom:5px;} .appFrmProfile .details p { font-size:14px; color:#999; margin-bottom:15px;} .appFrmProfile .details ul {margin:0 0 20px; padding:0; list-style:none;} .appFrmProfile .details ul li { font-size:12px; margin-bottom:6px; color:#888;} .appFrmProfile .details ul li .fa { color:#333; font-size:14px; margin-right:5px;} .appFrmProfile .details ul li span { color:#eb494f;} /*--- Share Activity --- */ .invt-lft, .flexi-list, .invt-rgt { float:none; width:100%; margin-right:0;} #network_contacts_block .clear-width { width:auto; float:left;} .invt-list-menu { border-bottom:1px solid #f5f5f5; margin-top:0;} .invt-list-menu li { float:left;} .invt-list-menu li a { text-align:left; font-size:19px; padding:15px 30px; background:#faf9f9;} .invt-bx { border-radius:0; border-color:#f5f5f5; border-top:0; box-shadow:none;} .invt-list-menu li a.inv-act { background:#e1d9d3;} .inv-conn { font-size:14px; line-height:21px;} .inv-conn-btn { font-size:20px;} .inv-conn-btn span, .inv-conn-btn:hover span { padding:12px 15px; height:55px;} .invt-hd2 { line-height:32px; margin-right:10px; } .flexi-list .invt-srch-frnd { margin-bottom:20px; margin-left:15px; margin-top:-8px; clear:right; } .flexi-list .invt-frnd-info:nth-child(3n) { margin-right:0;} .invt-gmail em { margin-top:0;} .invt-frnd-info .invt-frnd-pic { margin-top:2px;} .flexi-list .invt-frnd-info { margin-right:35px;} .invt-frnt-btn{ line-height:22px;} .flexi-list .invt-frnd-info .button4 { float:right;} .battle-invite .invt-frnd-info { padding-bottom:3px;} .battle-invite .invt-frnd-dtl { line-height:31px;} #custom_email_block .form1 input[type="text"], .form1 input[type="password"] { padding:10px 15px; } #custom_email_block .form1 div { position:relative;} #custom_email_block .form1 div em { position:absolute; font-size:14px; color:#5cb85c; width:150px; right:-165px; top:9px; font-style:normal;} /*--- Manage Jobs --- */ #manage-jobs em { font-style:normal;} #manage-jobs .categories { float:right; } #manage-jobs .categories a { font-size:13px; color:#337ab7;} #manage-jobs .categories .select { display:inline-block; margin-right:10px; width:150px;} #manage-jobs .categories em { margin:0 1px; font-size:13px; position:relative; top:-1px; color:#333;} #manage-jobs .srt-by { display:inline-block; position:relative;} #manage-jobs .srt-by .srt-by-ttl { font-size:13px;} #manage-jobs .srt-by label { font-weight:normal; color:#337ab7;} #manage-jobs .srt-by ul { top:24px;} #manage-jobs .srt-by ul li{ font-weight:normal; font-family:'open_sansregular';} #manage-jobs .job-actions { float:right;} #manage-jobs .job {border-bottom: 1px dashed #ccc; margin-bottom: 15px; padding-bottom: 15px;} #manage-jobs .job p { font-size:13px; word-break:break-all; line-height:17px; margin-bottom:5px; color:#666;} #manage-jobs .job p strong { color:#333;} #manage-jobs .edt-exp-btns { padding-top:7px;} #manage-jobs .edt-exp-btns p a {color:#2572b9; margin-right:6px;} #manage-jobs .edt-exp-btns p .fa { font-size:14px; margin-right:3px; margin-left:0;} #manage-jobs .edt-exp-btns p a.button4:hover { color:#fff;} #manage-jobs .checkbox-input { line-height:19px; position:relative; top:1px;} #manage-jobs .act-icon { position:relative; top:-1px;} /*--- Players-result --- */ #players-result.modal .modal-header { background:#fff;} #players-result.modal .modal-header .close { position:relative; z-index:10;} #players-result.modal .modal-header h4 small {color:#5cb85c; display:inline-block; width:600px; text-align:center} #players-result.modal .modal-header h4 { color:#333; margin-bottom:12px;} #players-result.modal .modal-body { max-height:500px; overflow:auto; padding:0;} #players-result.modal .players-table { margin-bottom:5px;} #players-result .fight-box { position:relative; background:#ebebeb; padding:15px;} #players-result .fight-box figure { float:left; margin-right:10px; position:relative;} #players-result .fight-box h5 { margin-bottom:6px;} #players-result .fight-box .clearfix { clear:both;} #players-result .fight-box .player-head { display:block; border:1px solid #b7b7b7; border-radius: 10px; font-size:12px; line-height: 14px; margin-bottom:10px; padding: 2px 8px; text-transform: uppercase; float:left;} #players-result .fight-box .text-right figure { float:right; margin-right:0; margin-left:10px;} #players-result .fight-box figure .fa-trophy { font-size:24px; position:absolute; right:-11px; bottom:-9px; color:#ffea00;} #players-result .fight-box .text-right figure .fa-trophy { right:29px;} #players-result .fight-box .text-right .player-head { float:right;} #players-result .fight-box figure img { width:36px; height:36px;} #players-result .fight-box p { margin:0; font-size:20px; line-height:57px; text-align:center; color:#999; position:relative; top:20px;} #players-result span.first-letter { display:block; width:40px; height:40px; text-align:center; background:#eb494f; line-height:38px; text-transform:uppercase; font-size:18px; font-family:open_sanssemibold; color:#fff;} #players-result .text-right span.first-letter { background:#337ab7;} .players-table { width:100%;} .players-table tr th { font-family:open_sanssemibold; font-weight:normal; font-size:14px; padding:10px 15px; border:0; border-bottom:1px solid #f0f0f0;} .players-table tr td { border:0; font-size:12px; padding:10px 15px; vertical-align:middle; border-bottom:1px solid #f0f0f0;} .players-table tr td .button5 { border-radius:2px; padding:1px 5px 3px; min-width:50px;} .players-table tr.child { display:none;} .players-table tr.child td { background:#f0f0f0;} .players-table tr.child td h5 { font-weight:normal; font-family: 'open_sansregular';} .players-table tr.child td p { font-size:12px; line-height:18px; color:#666;} .players-table tr.child td p:last-child { margin-bottom:0;} .players-table tr .view, .players-table tr .status {text-align:center;} .players-table .fa { font-size:17px;} .players-table .fa-check-circle { color:#5cb85c;} .players-table .fa-exclamation-circle { color:#d33737;} .players-table tr.parent { display:none;} .players-table tr.visible { display:table-row;} /*--- App-sort-data --- */ #app-sort-data .table { margin-bottom:40px;} #app-sort-data .table tr th, #app-sort-data .table tr td { font-size:13px;} /*--- Job-white-lst-wrp --- */ .job-white-lst-wrp .job_list {border-bottom: 1px dashed #ccc; margin-bottom: 15px; padding-bottom: 15px;} .job-white-lst-wrp .user_img { float:left;} .job-white-lst-wrp .appl-txt { margin-left:48px; min-height:35px;} .job-white-lst-wrp p { font-size:13px; line-height:18px; margin-bottom:4px;} .job-white-lst-wrp .metadata { color:#999; display:block; font-size:13px; float:left;} .job-white-lst-wrp .jb-des { color:#999;} .job-white-lst-wrp .jb-des strong { color:#333;} .job-white-lst-wrp .sep-jb { font-style:normal; font-size:13px; margin:0 3px; vertical-align:top;} .job-white-lst-wrp .match-exp-sfa { font-size:13px; color:#2572b9;} .job-white-lst-wrp .rd_new { background:#fff600; font-size: 11px; padding: 1px 3px; vertical-align: sub;} /*--- People Search --- */ .people-search .user-profiles { padding-top:15px;} .people-search .people_search_container .sort-by { float:right;} .people-search .people_search_container .sort-by .select { width:150px; display:inline-block;} .people-search .people_search_container .sort-by label { display:inline-block; margin-right:10px;} .people-search .checkbox-input { vertical-align:middle;} .people-search .inner-wrap {background: #fff none repeat scroll 0 0; border: 1px solid #eee8e8; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); padding:20px 15px; margin-bottom:20px;} .people-search .inner-wrap p { word-break:break-all;} .people-search .inner-wrap .content { height:150px; overflow:auto;} .people-search #search_form_div #add_city label { margin-bottom:0;} .people-search #search_form_div #add_city .select { width:250px;} .people-search #search_form_div #add_city .select select { width:100% !important; margin-left:0 !important;} /*--- Data Science--- */ #data-science .tab1 .nav-tabs { background:#e4e7e9; border:none; } #data-science ul li,#data-science #problem-rules { font-size:14px; } #data-science .button15 { border:none; } #data-science #editor { margin-bottom:0px; height:400px; } #data-science #editor-box { margin-bottom:0px; box-shadow:none; border:0; border-radius:0;} #data-science #editor-box header .form1.pull-left label { line-height:37px !important;} #data-science #editor-box #editor { border-radius:0px;} #data-science .user-actions { display:block; } #data-science #editor-box .user-actions { margin-top:9px !important; position:static;} #data-science #settings-dropdown { left:auto; right:0px; top:29px; } #data-science .tab1 .nav-tabs { background:#f7f7f7; } #data-science .tab1 .nav-tabs li a { margin:0px; border:none; border-radius:0px; font-size:15px; font-weight:500; color:#999; height:48px; line-height:20px; padding:13px 15px; } #data-science .tab1 .nav-tabs li.active a, #data-science .tab1 .nav-tabs li a:hover {color:#333;} #data-science #editor-box .header { border-radius:0px; border:none; height:48px; background:#f7f7f7 ; padding:4px 10px;} #data-science .settings-btn { float:right; font-size:18px; margin-left:10px; color:#868686; } #data-science .fa-compress, #data-science .fa-expand { font-size:17px;color:#868686; } #data-science #panel-fullscreen { display:inline-block; } #data-science .settings-btn a {color:#fff; } #data-science .editor-footer { padding:10px 5px; background:#e4e7e9; } #data-science .editor-footer p { margin:0px; float:left; line-height:27px;} #data-science #editor-actions { margin-top:15px; } #data-science .popover.bottom > .arrow { left:auto; right:25px; } #data-science .editor-footer .button3 { background:none; margin-right:10px; } #data-science .editor-footer .button3:hove { color:#fff; } #data-science #editor-box .editor-footer code { border:none; margin-right:0; } #data-science #editor-box .editor-footer code:hover {color:#666; } #data-science #editor-actions { float:right; margin-top:0px!important; padding-top:0px!important; margin-bottom:0px!important; margin-left:15px; } #data-science #submit-data-science { margin-left:15px; } #data-science #submit-data-science:hover { color:#fff; } #data-science #panel-fullscreen1 { position:absolute; top:14px; right:15px; } #data-science .btn-file .button5 { padding:9px 15px; } .chrome #data-science .btn-file input[type=file] { text-indent:0; padding-top:0;} .safari #data-science .btn-file input[type=file] { text-indent:0; padding-top:0;} #data-science .inner-content { padding:0px; margin:0; border:0; border-radius:0; box-shadow:none; } #data-science .tab1 .tab-content { padding:15px; height:450px; overflow:auto; border:0; } #data-science .nav-tabs > li { margin-bottom:0;} #data-science #editor-box .editor-footer .btn { font-size:12px;} #data-science #editor-box #submit-data-science .button4 { padding:4px 15px !important; border-radius:3px;} #data-science #view-result { float:right; margin-right:12px; border-radius:2px; margin-top:10px;} #data-science #run-info .table5 tr td { padding:8px; color:#333; text-align:left; width:50%; background:#f7f7f7;} #data_science_user_run .top-header #user_run_hide_show { float:right; border-radius:2px; margin-top:4px;} .panel-fullscreen { display: block; z-index:1040; position: fixed; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; overflow: auto;} #data_science_user_run { overflow:auto; padding:0; clear:both; display:none; height:0; background:#fff; border-left:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; } #data_science_user_run.open { padding:15px; height:498px;} #data_science_user_run .tabs2 .nav-tabs > li > a, #data_science_user_run .tabs2 .nav-tabs > li > a:hover, #data_science_user_run .tabs2 .nav-tabs > li > a:active, #data_science_user_run .tabs2 .nav-tabs > li > a:focus { font-size:13px; padding:6px; font-weight:normal;} #data_science_user_run .datascience-specific { border:0; border-radius:0; padding:0; font-family: 'Effra', Arial, Helvetica, sans-serif;} #data_science_user_run .top-header { height:48px; background:#f7f7f7; position:relative; margin:-15px -15px 0 -15px; padding:10px;} #data_science_user_run .top-header #panel-fullscreen { float:right; margin-left:15px; margin-top:4px;} #submission-requirements .fa { font-size:36px;} #submission-requirements .fa { font-size:36px;} #data-science #domain-forum .page-header { display:none;} #data-science #replies_list_block { border:0; padding:0;} #data-science #domain-forum .tab-content { padding:15px 0; height:auto;} #data-science #domain-forum #highlighted-btn-area { margin-top:0; right:8px;} #data-science #editor-box .header .timer-area { padding-top:10px; float:left; margin-left:7px;} #data-science #editor-box .header .timer-area .timer { font-size:12px; color:#666; background:#dadada; padding:0 5px; border-radius:2px;} #data-science #editor-box .header .timer-area .fa { color:#666;} /*--- Expert-summary --- */ .expert-summary .avatar-pic { float:left; width:179px; height:202px;} .expert-summary .expert-summary-details { margin-left:195px;} /*--- Courses-detail --- */ .courses-detail h1 { float:left;} .courses-detail .level-icon { float:right; margin-top:10px;} .courses-detail .courseView {clear:both;} .courses-detail .courseView .image { float:left; margin-right:20px;} .courses-detail .courseTabs ul { margin:20px 0; padding:0; list-style:none;} .courses-detail .courseTabs ul li { float:left;} .courses-detail .courseTabs ul li a { padding:12px 15px; display:block; font-size:15px; color:#333; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; background:#eceff1;} .courses-detail .courseTabs ul li a:hover, .courses-detail .courseTabs ul li.active a { background:#424242; color:#fff; text-decoration:none;} .courses-detail .smooth-scroll .fa-arrow-circle-up { font-size:29px; color:#333;} /*--- ui-datepicker-div --- */ #ui-datepicker-div { z-index:10001 !important;} /*--- l2_outer_bx --- */ .l2_outer_bx .fb-txt-new .lay-txtarea { height:70px; width:100%; resize:none; margin-top:5px;} .l2_outer_bx .lay-send-inv { text-align:right; padding:0 15px 10px 0;} .l2_outer_bx .lay-send-inv .send-inv { position:relative; background:#eb494f; border:0; color:#fff; text-align:center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none;} .l2_outer_bx .lay-send-inv .send-inv:hover, .l2_outer_bx .lay-send-inv .send-inv:focus, .l2_outer_bx .lay-send-inv .send-inv:active { color:#fff; background:#d63a40; outline:none;} /*--- User Profile --- */ #user-profile .user-brief { margin-bottom:20px;} #user-profile .user-brief .image { border:1px solid #e0e0e0; width:130px; height:130px; padding:6px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; box-shadow:0 0 15px #eaeaea; -moz-box-shadow:0 0 15px #eaeaea; -webkit-box-shadow:0 0 15px #eaeaea; margin:0 auto 20px; } #user-profile .user-brief .image img { width:116px; height:116px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} #user-profile .user-brief .inner-wrap { margin-left:150px; display:table; height:130px;} #user-profile .user-brief .inner-wrap .inner { display:table-cell; vertical-align:middle;} #user-profile .user-brief h2 { margin-bottom:15px;} #user-profile .user-brief .button7 { margin:0 2px;} #user-profile .user-brief p { margin-bottom:15px; color:#777;} #user-profile .user-brief .followers-count { font-size:14px; margin-left:15px; color:#999;} #user-profile .user-brief .followers-count a { color:#999;} #user-profile .user-brief .followers-count a strong { color:#333;} #user-profile .user-brief .followers-count .fa { color:#777; font-size:22px; vertical-align:middle; margin-right:5px;} #user-profile .user-brief .tab-content { padding:15px;} #user-profile .sociable { text-align:center; border-bottom:1px solid #eaeaea; margin-bottom:50px;} #user-profile .sociable .inner { background:#fff; display:inline-block; position:relative; top:14px; padding:0 5px;} #user-profile .sociable a { width:28px; height:28px; display:inline-block; line-height:27px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size:17px; color:#fff; margin:0 5px;} #user-profile .sociable a.facebook { background:#366ea7;} #user-profile .sociable a.twitter { background:#4086cd;} #user-profile .sociable a.google-plus { background:#ca4638;} #user-profile .sociable a.linkedin { background:#007bb6;} #user-profile .box { margin-bottom:25px;} #user-profile .box header { padding:12px 0; margin-bottom:15px; border-bottom:1px solid #eaeaea;} #user-profile .box header h4 { margin-bottom:0; font-weight:600;} #user-profile .box ul { margin:0; padding:0; list-style:none;} #user-profile .box ul li { border-bottom:1px solid #e9e9e9; margin-bottom:15px;} #user-profile .box ul li:last-child { border-bottom:0; margin-bottom:0;} #user-profile .box ul li h5 { margin-bottom:5px;} #user-profile .box ul li h5 a { color:#333;} #user-profile .box p { font-size:13px; color:#777;} #user-profile .following-setting-box {position:relative; display:inline-block; margin-left:5px;} #user-profile .following-setting-box ul.dropdown-menu { top:30px;} /*--- TJ-connect-modal --- */ #TJ-connect-modal { text-align:left;} /*--- Problem-setter --- */ #problem-setter .list5 li a{ color:#999; font-size:12px;} #problem-setter .list12 { margin-bottom:20px;} #problem-setter .list12 li { color:#333; margin-bottom:10px; font-weight:normal; background-size:11px 8px; padding-left:23px; background-position:left 6px;} #how-to-help .form1 ul { margin:0 -15px;} /*--- Search Jobs --- */ #search-jobs { background:#f4f4f4; padding:15px; margin-bottom:40px; border:1px solid #eeeeee;} #search-jobs .search-form label { font-size:15px; font-family:open_sanssemibold; color:#eb494f; padding-top:6px;} #search-jobs .search-form .form-control { width:280px;} #search-jobs .form1 .form-group { margin-right:5px;} #search-jobs .form1 .form-control, #search-jobs .form1 input[type="text"], #search-jobs .form1 input[type="password"] { height:44px;} #search-jobs .form1 .select select { height:42px;} #search-jobs .form1 .select:after { top:5px; height:33px;} #search-jobs .form1 .location-field { width:200px;} #search-jobs .form1 .chosen-container-multi .chosen-choices li.search-field input[type="text"] { height:29px; font-size:14px;} #search-jobs .form1 .select {min-height:44px;} #search-jobs .submit-field { vertical-align:bottom;} #search-jobs .hire { background:#fff; padding:10px; float:right; text-align:center;} #search-jobs .hire h5 { text-transform:uppercase;} #search-jobs .hire .btn { background:#56c1ee;} #search-jobs .hire .btn:hover, #search-jobs .hire .btn:active, #search-jobs .hire .btn:focus { background:#44acd7; color:#fff;} #search-jobs .upload-resume { color:#999999; margin-top:34px; float:right; margin-right:10px;} #search-jobs .btn { font-size:16px; padding:11px 16px;} #search-jobs .form1 .chosen-container-multi .chosen-choices { height:40px !important;} #search-jobs .form1 .location-field .form-control { width:100%;} #jobs-page .ui-autocomplete, #my_application-page .ui-autocomplete { width:200px !important;} .ui-autocomplete { border:1px solid #dadada; max-height:300px; max-width:300px; overflow:auto; background:#fff; font-size:12px;} .codehire .ui-autocomplete { max-width:454px;} .ui-autocomplete .ui-menu-item { padding:3px 3px 4px; border:1px solid #fff;} .ui-autocomplete .ui-menu-item.ui-state-focus { background:#2572b9; color:#fff;} /*--- Modal --- */ .modal { z-index:10001;} .modal .modal-header { background:#116ea0; border-radius:5px 5px 0 0; text-align:left;} .modal .modal-header h2, .modal .modal-header h3, .modal .modal-header h4 { color:#fff; margin-bottom:0;} /*--- Post-a-job-area --- */ #post-a-job-area .post { border:1px solid #dadada; padding:15px; text-align:center;} /*--- Our Partners --- */ #our-partners { text-align:center; padding:40px 0;} #our-partners ul { margin:0; padding:0; list-style:none;} #our-partners ul li { float:left; width:20%; margin-bottom:15px; line-height:67px;} #our-partners ul li a img { vertical-align:middle;} /*--- Search Filter --- */ #search-filter { margin-bottom:30px;} #search-filter .filter-btn {display:table; width:100%; background:#39d1b4; width:180px; position:relative; position:relative; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; font-size:22px; color:#fff; line-height:26px; padding:15px 20px;} #search-filter .filter-btn.active .add-icon { font-size:30px; line-height:28px;} #search-filter .add-icon { width:30px; height:30px; line-height:22px; font-size:42px; color:#39d1b4; display:block; background:#fff; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; float:right; font-style:normal;} #search-filter .search-form { background:#eceff1;border:1px solid #dadada; position:relative; z-index:10; padding:15px;} #search-filter h3 { margin-bottom:10px;} #search-filter .search-form form { margin:0;} #search-filter .search-form form ul li { margin-bottom:0;} #search-filter .search-form form > ul > li { float:left; width:33.333%; padding:0 10px; margin-bottom:20px;} #search-filter .search-form input[type="submit"],#search-filter .search-form input[type="button"] { font-size:16px; height:40px; margin-top:27px; width:100%; background:#2572b9; color:#fff;} #search-filter .search-form input[type="submit"]:hover,#search-filter .search-form input[type="button"]:hover { background:#fff; color:#2572b9;} #search-filter .search-form .fields { display:none; margin-bottom:0; font-size:15px; color:#999;} #search-filter .search-form .advance-search { text-align:center; border-bottom:1px solid #d4dbe0; margin:0 10px 10px; height:8px;} #search-filter .search-form .advance-search .advanced-btn { background:#fff; border-radius:6px; padding:2px 10px 3px; position:relative; top:-5px; font-size:13px; color:#2572b9; border:1px solid #d4dbe0;} #search-filter .search-form .off { display:none;} #ldb-srch-btns input[type="submit"],#ldb-srch-btns input[type="button"] { width:89px;} #all-top-scores .table10 { margin:15px 0 20px;} #all-top-scores .table10 tr th { font-size:17px; padding:12px 20px;} #all-top-scores .table10 tr td { font-size:14px;} #all-top-scores .table10 tr th, #all-top-scores .table10 tr td { text-align:center;} #all-top-scores .table10 tr td.name { text-align:left;} /*--- Tabs --- */ .tabs .tab-content { border:1px solid #ddd; padding:10px; border-top:0;} .tabs .nav-tabs > li > a { font-size:13px; color:#555;} /*--- Admin Activity --- */ .admin_activity .col._a { margin:0 auto;} .admin_activity #header_module {background:url("images/tp-header-bg.jpg") repeat-x scroll 0 0; border-radius: 7px; position: relative; margin-bottom:30px; z-index: 300;} .admin_activity .table2 { border:1px solid #dadada;} .admin_activity .table2 h4 { background:#dadada; padding:5px 10px 9px;} .admin_activity .table2 label { margin-bottom:0;} /*--- Inbox --- */ *{padding:0px; margin:0px;} img{vertical-align:middle;} /*.content_container .col_a{background:#fff url('images/nav-bg.gif') repeat-y;} jng */ .content_container .col_a{background:none;} .inbox_col_a a,.inbox_col_b a{color:#006B9C; text-decoration:none;} .inbox_col_b a.button5 { color:#fff;} .inbox_col_b a.button5:hover { color:#fff;} .inbox_col_a a:hover, .inbox_col_b a:hover{color:#006B9C; text-decoration:none;} .cl, .inbox_col_b h6{clear:both; margin:0;} /* using h6 to replace clearing by div div */ .inbox_col_a ul, .inbox_col_b ul{list-style:none;} .section-title{padding:2px 0 0px 0px; height:34px; margin:0px; text-align: left; margin-left:10px; border-bottom:1px solid #D8D8D8; font-size:20px; font-style:normal; line-height:1.2em;} /* .inbox_col_a{width:179px; jng */ .inbox_col_a{width:16.6667%; float:left; text-align: left; height:auto} /*.inbox_col_b {float:left; width:600px; text-align: left;color:#000; font:12px arial; } jng */ .inbox_col_b {float:left; width:83.3333%; padding-left:15px; text-align: left;color:#000; min-height:15px !important; height:auto !important;} /* Left Naviagtion Bar */ .inbox_col_a h3{color:#006B9C; font:bold 12px/14px arial; padding:18px 0 0 14px;} .inbox_col_a h3 b{color:#414141; padding:0 0 0 4px;} /*----------- 3 column structure starts here----------*/ .inbox_col_b .dot_line{line-height:1px; border-bottom:1px solid #d1d1d1; padding:0; margin:0 } .inbox_col_b .dot_line_lite{line-height:1px; border-bottom:1px solid #e8e8e8; padding:0; margin:0 } .inbox_col_b cite{line-height:0; padding:0; margin:0} /* border-bottom:2px solid #a4c9e4; */ .inbox_col_b .inbox-header,.inbox_col_b .inbox-content{ padding:2px 0 0 0;margin:0 0 0 10px;} /*width:581px;*/ .inbox_col_b .inbox-header h4{padding:10px 0; float:left; } .inbox_col_b .inbox-header h4 b{font-weight:normal; color:#7e7e7e; } .inbox_col_b .inbox-header h5{font-size:12px; color:#7e7e7e; padding:10px 0; font-weight:normal; float:right; text-align:right} .inbox_col_b .inbox-header .title-nav{height:31px;background:#c9deef; /*margin:5px 0 0 0;*/ color:#006b9c; font-weight:bold; border-bottom:2px solid #a4c9e4;text-align:left; font-size:12px; letter-spacing:1px;} .inbox_col_b .inbox-header .title-nav .from{padding:7px 0 7px 0; margin:0 0 0 32px; width:135px;float:left} .inbox_col_b .inbox-header .title-nav .sent{padding:7px 0 7px 0; margin:0 0 0 10px; width:144px;float:left} .inbox_col_b .inbox-header .title-nav .sub{padding:7px 0 7px 0;margin:0 0 0 7px; width:295px;float:left } .inbox_col_b .inbox-header .title-nav .recv{padding:7px 0 7px 0;margin:0 0 0 7px; width:70px;float:left } .inbox_col_b .inbox-header .title-nav .recv img{margin:0 0 0 7px; border:0; display:none;} .inbox_col_b .inbox-content .read{hei1ght:26px; padding:2px 0; font-weight:normal;} .inbox_col_b .inbox-content .unread{ padding:2px 0; font:bold 12px Arial;} .inbox_col_b .inbox-content .from{padding:7px 0 0 0;margin:0 0 0 10px; color:#000; width:147px;float:left } .inbox_col_b .inbox-content .sent{padding:7px 0 0 0;margin:0 0 0 10px; color:#000; width:145px;float:left } .inbox_col_b .inbox-content .sub{padding:7px 0 7px 0;margin:0 0 0 7px; color:#0a56b8; width:296px;float:left } .inbox_col_b .inbox-content .recv{padding:7px 0 7px 0;margin:0 0 0 7px; color:#767676; width:100px; font-weight:normal; font-size:11px;float:left} /*----------- 3 column structure Finish----------*/ .inbox_col_b .inbox-header img{margin:0 0 0 4px; border:0; display:none;} .inbox_col_b .inbox-content .m-ico{margin:6px 0px 0px 7px; border:none;float:left} /*----------4 column structure starts here---------------*/ .inbox_col_b .inbox-header .title-nav cite{height:31px; width:1px; background:#a4c9e4;float:left;} .inbox_col_b .inbox-header .title-nav .col1,.title-nav .col2,.title-nav .col3,.title-nav .col4{ padding:6px 0 6px 0px; margin:0 0 0 7px;float:left} .inbox_col_b .inbox-header .title-nav .col1{ margin:0 0 0 10px; width:200px;} .inbox_col_b .inbox-header .title-nav .col2{ width:318px; }/*width:250px; jng*/ .inbox_col_b .inbox-header .title-nav .col3{ width:70px; } .inbox_col_b .inbox-header .title-nav .col4{ width:54px; } .inbox_col_b .inbox-content .col1,.inbox-content .col2,.inbox-content .col3,.inbox-content .col4{ padding:5px 0 5px 0px;margin-left:7px;float:left} .inbox_col_b .inbox-content .col1{margin-left:10px; width:200px;} .inbox_col_b .inbox-content .col1 i{font-style: normal; color:#777} .inbox_col_b .inbox-content .col2{ width:318px; }/*width:250px; jng*/ .inbox_col_b .inbox-content .col3{ width:70px;font-size:11px;color:#777; } .inbox_col_b .inbox-content .col3 i {color:#000; font-style: normal;} .inbox_col_b .inbox-content .col4{ width:135px;font-size:11px;color:#777; }/*width:95px;*/ .inbox_col_b .inbox-content .col4 b{color:#5c9c01; font-weight:normal;} .inbox_col_b .inbox-content .col4 i{color:#e14f22; font-style:normal;} .inbox_col_b .inbox-content .read .col1 b{font-weight:normal; color:#000;} .inbox_col_b .inbox-content .read .col3 b{color:#767676; font-weight:normal;} .inbox_col_b .inbox-content .unread .col1 b{color:#000; color:#000;} .inbox_col_b .inbox-content .unread .col3 b{font-weight:normal; color:#767676;} /*----------4 column structure Ends here---------------*/ /*----------1 column structure starts here---------------*/ .inbox_col_b .inbox-content p{font:bold 16px arial; color:#7e7e7e; padding:26px 0px 9px;} .inbox_col_b .inbox-content ul.noti-cont li{font:normal 14px arial; color:#777; width:100%; padding-top:7px} .inbox_col_b .inbox-content ul.noti-cont li img{margin:3px 9px 0 5px; vertical-align:top; } .inbox_col_b .inbox-content ul.noti-cont li a{font-weight:bold;} /*----------1 column structure ends here---------------*/ /*----------Section for Pagination Display---------------*/ .pag-btn {clear: both;font-size: 15px;margin: 15px 0px 20px 15px;text-align: center;display:block;} .pag-btn a {background: none repeat scroll 0 0 #D1E7F4;border: 1px solid #C9C9C9;color: #000000 !important;font-style: normal;line-height: 24px;padding: 4px 8px;} .pag-btn em.active {background: none repeat scroll 0 0 #E4E4E4;border: 1px solid #C9C9C9;color: #000000 !important;font-style: normal;line-height: 24px;padding: 4px 8px;font-weight: bold !important;} .pag-btn em.active:hover{text-decoration:none;} .pag-btn em a {color: #444444 !important;} .pag-btn em a:hover {color: #000000;} .pag-btn2{text-align:center; width:580px; line-height:0; padding:30px 0px 15px 0; margin:0 0 0 10px;} .pag-btn2 em{border:1px solid #dae2e9; background:#edf3f9; padding:2px 5px;text-align:center; font-size:10px; color:#92a9cb; font-style:normal; margin:0px 1px;} .pag-btn2 em.active{border:1px solid #e1e1e1; background:#f3f3f3; } /*Messagebox Main div*/ .inbox_col_b .content-block{padding:10px 0 0 0;margin:0 0 0 10px; } .inbox_col_b .content-block .msgbox-topband{background:#eceff1; width:100%; overflow:hidden; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; padding:10px;} .inbox_col_b .content-block .msgbox-botband{background:#eceff1; width:100%; overflow:hidden; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; padding:10px;} .inbox_col_b .content-block .msgbox-botband .send_mail{margin:-3px 0 0 85px} .inbox_col_b .content-block .thin-topband{background:#eceff1; height:5px; } .inbox_col_b .content-block .thin-botband{background:url('images/thin-bot-band.gif') no-repeat; height:12px; width:581px;} .inbox_col_b .content-block .cblock-btn{margin:-3px 0 0 0; } .inb-msgbox-content{border-right:5px solid #eceff1;border-left:5px solid #eceff1; margin-right:10px; color:#c0c0c0; font-size:12px; line-height:20px; background:#fff; width:100%; overflow:hidden;} .inb-msgbox-content ul.bltimg{list-style-image: url('images/msg-blt.gif'); margin:0 10px 0 30px; color:#666;} .inb-msgbox-content p{padding:7px 10px; text-align:justify; margin-bottom:10px; font-size:13px;} .inb-msgbox-content p a{text-decoration:underline; color:#236ba1;} .inb-msgbox-content p a.lnk{color:#e1af03;} .inb-msgbox-content p a:hover.lnk{color:#e1af03;} .inb-msg-info{float:left; padding:9px 0 12px 10px; width:70%;} .inb-msg-info i{color:#666; font-style:normal} .inbox_col_b .content-block .msg-date{float:right; font-size:11px;padding:9px 0 12px 0;} .inbox_col_b .content-block .msg-date i{color:#666; font-style:normal; padding-right:10px;} .inbox_col_b .content-block .to, .inbox_col_b .content-block .frm0, .inbox_col_b .content-block .stat{width:50px; display:inline-block; text-align:right; margin-right:5px; float:left;} .inbox_col_b .content-block .frm{display:inline-block;width:334px; float:left;} /*-- Overall_referral --*/ #today_referral .media-left, #overall_referral .media-left { padding-top:3px;} #today_referral .media-body p, #overall_referral .media-body p { margin-bottom:0;} /*Compose Mail*/ .inb-msgbox-content .compose{ padding:18px 0 18px;} .inb-msgbox-content .compose p {clear:both;} .inb-msgbox-content .compose p label{width:80px; float:left; text-align:right; padding:0 5px 0 0; font:bold 12px arial; color:#9c9c9c; margin:5px 0} .inb-msgbox-content .compose p textarea, input.to_text{float:left; overflow:hidden; width:450px; border:1px solid #a5bacf; margin:5px 0} .inb-msgbox-content .compose p span.to_box{ float:left; width:448px; border:1px solid #a5bacf; margin:5px 0; } .inb-msgbox-content .compose p span.to_box .toname{ background:#ccc url('images/tousr_l.gif') no-repeat 0 0; padding:1px 0px 0 5px;color:#000;height:17px; display:block; float:left; font:11px arial; } .inb-msgbox-content .compose p span.to_box .closenm{ background:#ccc url('images/tousr_r.gif') no-repeat right; color:#666;padding:1px 3px 0 3px;height:17px; display:block; float:left; margin-right:2px } .inb-msgbox-content .compose p span.to_box .closenm a{color:#666; text-decoration: none; font:bold 11px arial} .inb-msgbox-content .compose p span.to_box .closenm a:hover{color:#000; text-decoration: none;} .inb-msgbox-content .compose p input{height:27px; padding:5px; font-size:12px; background-image:none !important;} .inb-msgbox-content .compose p input.to_text{height:18px;bo1rder:none; margin:1px 3px 0 0; width:445px;float:left;} .to_auto{width:438px; border:solid 1px none;} .inb-msgbox-content .compose p textarea{height:40px;} .inb-msgbox-content .compose p textarea.msg{height:140px; padding:5px;} .inbox-text{width:449px;border:1px solid #a5bacf;} *html .inbox-text{width:456px; margin-left:-3px;border:1px solid #a5bacf;} /*Mail Button*/ .mail-btn { float:left; margin-right:10px;} .mail-btn a { position:relative; background:#fff; display:inline-block; border-radius:4px; font-size:12px; padding:2px 6px 3px; border:1px solid #2572b9; color:#2572b9; text-align:center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none;} .mail-btn a dfn { font-style:normal;} .mail-btn a:hover, .mail-btn a:focus, .mail-btn a:active { color:#fff; background:#2572b9; outline:none;} /* CSS for the Hover Tip Userinfo Block*/ #uinfo_block{display:none; position:absolute; z-index:1000; color:#676767; left:5px; top:10px; width:240px; background:#fff; border:2px solid #c4c4c4; padding:5px;font:normal 11px/16px arial;} #uinfo_block img{float:left; margin-right:5px} #uinfo_block span{float:left;display:block;width:180px; color:#979797} #uinfo_block span a{font:bold 14px arial;} #uinfo_block p{width:230px;float:left; margin-top:5px} /*Challenge*/ #challenge li h3 { font-size:19px;} #challenge .list4 li .box2 p.dev-sub { min-height:28px;} #challenge .box-shadow { height:220px;} /*NEW CSS ADDED FOR COMPOSE MESSAGE SECTION*/ .compose_msg{background:#2572b9; border-radius:5px; height:28px; cursor:pointer ; font-size:12px; color:#fff; width:173px; padding-top:5px; position:relative; display:block; padding:7px 10px; position:relative;} .compose_msg:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px dashed; display: inline-block;content:""; float:right; height: 0; margin-left: 2px;margin-top:5px; vertical-align: middle; width: 0;} .compose_msg a, .compose_msg a:hover { color:#fff;} .compose_msg img { display:none;} .compose_msg ul{position:absolute; list-style-type:none; border:1px solid rgba(0, 0, 0, 0.15); border-radius:4px; width:100%; background:#fff; padding:0; margin:5px 0 0 0; display:none; top:23px; left:0px; box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); } .compose_msg ul li {display:block; border-bottom:1px solid #e4e4e4; } .compose_msg ul li:last-child { border-bottom:0;} .compose_msg ul li a{padding:7px 5px; display:block; color:#333; font-weight:normal !important; font-size:11px;} .compose_msg ul li a:hover{background:#f2f2f2; color:#2572b9;} /*CSS updated on Nov 05--Bideshi*/ .grey{color:#414141;} .inbox_txt{display:block; float:left; margin:5px 20px 5px 0; padding:5px 5px 5px 0; position:relative; cursor:pointer; font-size:14px; } .inbox_txt a{ padding-right:24px; background:url('images/tool_tip.gif') no-repeat 100% 50%; display:inline-block; } .inbox_txt a:hover{ padding-right:24px; background:url('images/tool_tip_active.gif') no-repeat 100% 50%;)} .inbox_txt ul {position:absolute; list-style-type:none; border:1px solid rgba(0, 0, 0, 0.15); border-radius:4px; width:149px; background:#fff; padding:0; margin:5px 0 0 0; display:none; top:19px; right:0px; box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); } .inbox_txt ul li{display:block; float:none; margin-right:0px} .inbox_txt ul li a{padding:5px; margin:0; background:#fff; border:0; display:block; border-bottom:1px solid #e4e4e4; font-size:11px; font-weight:normal } .inbox_txt ul li a:hover{background:#f2f2f2; color:#2572b9; display:block } .inbox_txt ul li:last-child a { border-bottom:0;} .tab_lnk ul {list-style-type:none; } .tab_lnk ul li{display:block; float:left; margin-right:5px; } .tab_lnk ul li a{padding:3px 25px 3px 5px; color:#000; border:1px solid #bcbcbc; background:#f1f1f1 url('images/tool_tip.gif') no-repeat 99% 50%; margin:0; display:inline-block; } .tab_lnk ul li a:hover{background:#f1f1f1 url('images/tool_tip_active.gif') no-repeat 99% 50%; color:#000; } .tab_lnk ul ul {position:absolute; list-style-type:none; border:1px solid rgba(0, 0, 0, 0.15); border-radius:4px; width:149px; background:#fff; padding:0; margin:5px 0 0 0; display:none; top:17px; right:0px; box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); } .tab_lnk ul ul li{display:block; float:none; margin-right:0px} .tab_lnk ul ul li a{padding:5px; margin:0; background:#fff; border:0; display:block; border-bottom:1px solid #e4e4e4; font-size:11px; font-weight:normal } .tab_lnk ul ul li a:hover{background:#f2f2f2; color:#2572b9; display:block } /*CSS for Filter button*/ .tab_lnk ul li a.filter{background:#fff url('images/tool_tip.gif') no-repeat 100% 50%; border-color:#c7c7c7; font-size:11px; margin-bottom:10px;} .tab_lnk ul li a.filter:hover{background:#fff url('images/tool_tip_active.gif') no-repeat 100% 50%;} .checkboxradio{_margin-top:-5px; } .from_txt{width:104px; margin:0 0 0 5px; } .dropbg_none{background-image:none !important; padding-right:5px !important;} .active_txt{font-weight:bold;} .fnt11{font-size:11px; color:#555; font-weight:bold;} .archive_blk{/*margin-bottom:5px;*/ background: url('images/archive_tip.gif') no-repeat 10px 14px; border-bottom:1px solid #ccc; padding:10px 0px 5px 35px; } .archive_blk_bot{margin-bottom:5px; margin-left:10px; background: url('images/archive_tip_bot.gif') no-repeat 10px 50%; padding:10px 0px 5px 35px; } .bg_none{background:none; border:0;} .toname {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;-x-system-font:none;background:#CCCCCC url(images/tousr_l.gif) no-repeat scroll 0 0;color:#000000;display:block;float:left;font-family:arial;font-size:11px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;height:17px;line-height:normal;padding:1px 0 0 5px;} /* panel left setting rohit 08-01-13 */ .panel-lt-ibx-cmn{background:none !important; margin-bottom:20px;} .panel-lt-ibx-cmn .inbox_col_b{background:#fff !important; border:#ddd 1px solid; margin:0px; padding:6px 13px 8px 3px; width:770px; float:right;} .panel-lt-ibx-cmn .inbox_col_a .col_a_parent_module_new{width:auto !important; float:none;} .panel-lt-ibx-cmn .inbox_col_a{margin:0px;background:#fff !important; border:#ddd 1px solid;padding:9px 9px 8px; width:162px;} .panel-lt-ibx-cmn .inbox_col_a .col_b_top_container{float:none; width:auto;} .panel-lt-ibx-cmn .inbox_col_a .profile_name{ width:105px;} .col_a_container_colb_new{ width:248px !important} .section-title{border-bottom:1px solid #e4e4e4 !important;} li.compete .new-icn{#margin-top:-18px !important} /*--- Nav Section --- */ .nav-section { position:relative; margin-bottom:35px;} /*--- challenge --- */ #challenge.challenge-box ul { list-style-type:none; padding:0px; margin-bottom:0px; } #challenge .challenge-inner { padding:20px; border:1px solid #dadada; } #challenge .challenge-inner .dev-sub { font-size:12px; color:#868686; margin-bottom:10px; } #challenge .challenge-inner h3 { font-size:16px; color:#404040; } #challenge .challenge-inner h3 a { color:#404040;} #challenge .challenge-inner .dev-sub strong { color:#333333; font-family: 'open_sansregular'; font-weight:normal; } #challenge.challenge-box ul li { margin-bottom:20px; } #challenge.challenge-box .view-more { display:block; font-size:16px; color:#333333; padding:10px; border:1px solid #dadada; text-align:center; text-decoration:none; cursor:pointer;} /*--- Contest-info --- */ #contest-info { position:relative; padding-bottom:20px; padding-top:35px; padding-left:15px; padding-right:15px; border-bottom:1px solid #cacaca; box-shadow:0px 2px 3px #cacaca; -moz-box-shadow:0px 2px 3px #cacaca; -webkit-box-shadow:0px 2px 3px #cacaca;} #contest-info .registred-developers { text-align:center;} #contest-info .registred-developers p { font-size:20px; color:#747474; line-height:35px; margin:0;} #contest-info .registred-developers .inner { display:inline-block; top:20px; position:relative;} #contest-info .invite-your-friends { background:#eceff1; padding:6px 10px 10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; text-align:center;} #contest-info .invite-your-friends p { font-size:13px; margin-bottom:10px;} #contest-info .invite-your-friends h3 { margin-bottom:7px;} #contest-info .registred-developers .cprogress .number { position:absolute; left:0; line-height:30px; top:50%; width:100%; display:black; height:30px; margin-top:-15px; z-index:10; font-size:23px;} #contest-info .registred-developers .cprogress { display: inline-block; position: relative; width: 1em; height: 1em; vertical-align:middle;margin-right:20px; text-align: -webkit-match-parent;font-size: 110px; cursor: default;} #contest-info .registred-developers .cprogress:before { content: ''; display: block; position: absolute; width: 1em; height: 1em; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; opacity: .5; z-index: 0; } #contest-info .registred-developers .cprogress:after { content: ''; display: block; position: absolute; top: .1em; left: .1em; width: .8em; height: .8em; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; z-index: 1; } #contest-info .registred-developers .cprogress>#slice.gt50 { clip: rect(auto,auto,auto,auto); } #contest-info .registred-developers .cprogress>#slice { position: absolute; width: 1em; height: 1em; clip: rect(0px,1em,1em,0.5em); } #contest-info .registred-developers .cprogress>#slice>.pie { position: absolute; border:6px solid #747474; width:100%; height:100%; clip: rect(0em,0.5em,1em,0em); border-radius: .5em; } #contest-info .registred-developers .cprogress>#slice>.pie.fill { -moz-transform: rotate(180deg)!important; -webkit-transform: rotate(180deg)!important; -o-transform: rotate(180deg)!important;transform: rotate(180deg)!important; } /*--- Accordion --- */ .winners-accordion .accordion-head { margin-bottom:0; padding-right:22px; outline:none;} .winners-accordion .ui-accordion-header { margin-top:3px; padding:10px;} .winners-accordion .ui-state-default, .winners-accordion .ui-widget-content .ui-state-default, .winners-accordion .ui-widget-header .ui-state-default { background:#ffffff; border:1px solid #dadada;} .winners-accordion .ui-state-active, .winners-accordion .ui-widget-content .ui-state-active, .winners-accordion .ui-widget-header .ui-state-active { background:#116ea0; color:#fff; border:1px solid #95c4dd; border-bottom:0;} .winners-accordion .ui-widget-content { border:1px solid #95c4dd; border-top:0;} /* Rajendra 404 CSS */ .pg_nt_fnd {width:540px;margin-left:25px;} .pg_nt_fnd h3{font-size:20px; font-family:arial; color:#000000; margin:20px 0 0 0; padding:0 0 5px 0; border-bottom:1px solid #e7e7e7;} .pg_nt_fnd_in {border:1px solid #c9c9c9; background:url(./images/erro-pic-404.png) 20px 20px no-repeat; height:255px; } .pg_nt_fnd_txt {font-size:13px; line-height:18px; color:#505050; width:212px; margin:56px 0 0 227px; text-align:center;} .lnks_404 {font-size:12px; color:#006b9c;margin:10px 0 0 0;} .lnks_404 a {font-size:13px; color:#006b9c; float:left; } .lnks_404 a.gt_bk {float:right;} /* qna flag css */ .flag-bx {background:#fff;} .flag-bx ul{list-style:none;margin:0; padding:0;clear:both;} .flag-bx ul li{margin:0; padding:0;font-size:12px;color:#000;border-bottom:1px solid #CCC;line-height:24px; height:26px; padding-left:10px; cursor:default;} .flag-bx ul li.nbdrs{border-bottom:0px; height:auto; width:100%; overflow:hidden; padding-bottom:8px;} .flag-bx ul li input[type="text"]{ float:left; margin-right:3px; width:142px;} .flag-bx ul li span{float:left;} .prevBx { width: 205px; height: auto; display: none; z-index:99; border: 1px solid #ccc; border-top:0; position: absolute; margin-left:0px;margin-top:0px; box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); -moz-box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.176);} .flgbdr {position:relative; z-index:10; padding-left:8px;} .flgbdr a{outline:none;position:relative; z-index:10;} .flg-tp {border:1px solid #ccc;border-bottom:0;padding-top:3px;padding-right:8px;padding-bottom:2px;position:absolute;margin-top:-30px;display:block; width:62px; height:28px;margin-left:-1px; z-index:2; padding-left:5px;top:2px;left:0;} .flg-tp-br {background: #ccc; height: 1px; line-height: 1px; width: 143px; float: right;font-size:0px;overflow:hidden;} /*--- Invite-friends --- */ #invite-friends .tab-content { padding-top:10px;} #invite-friends .btn-success { margin-top:10px;} /*--- Tags --- */ ul.token-input-list-facebook { border:1px solid #ccc; width:100% !important; border:1px solid #ccc !important; border-radius:5px; display:inline-block; clear:none; background:none; float:left;} ul.token-input-list-facebook li { margin-bottom:0;} ul.token-input-list-facebook li p { font-size:12px;} ul.token-input-list-facebook li input {border:0 !important; box-shadow:none !important; margin:0; } .tags-field .help-icon { margin-top:12px;} li.token-input-token-facebook { padding:5px 7px 6px;} li.token-input-input-token-facebook input[type="text"] { height:35px;} /*--- Tech-quotient --- */ #tech-quotient .list4 li .main-image figcaption { position:absolute; left:0; bottom:0; width:100%; background:rgba(0, 0, 0, 0.7); padding:10px;} #tech-quotient .list4 li .main-image figcaption .fa { font-size:24px; color:#fff;} #tech-quotient .list4 li .main-image figcaption .download-certificate { float:left;} #tech-quotient .list4 li .main-image figcaption .share { float:right;} /*--- Rating-area --- */ .rating-area { margin-bottom:10px;} .rating-area .fa { font-size:19px; margin-right:3px; color:#f1cc01;} .rating-area .fa.disabled {color:#bfbfbf;} /*----- Popuar News ----*/ .popuar-news ul { margin:0px; padding:0px; list-style-type:none; } .popuar-news ul li { margin-bottom:10px; border-bottom:1px solid #dadada; padding-bottom:10px; } .popuar-news ul li p { margin-bottom:5px; max-height:60px; overflow:hidden; } .popuar-news ul li p a { color:#333333; } .popuar-news .popular-news-holder { float:left; } .popular-news-holder { max-width:80px; min-height:65px; } .popuar-news .details { margin-left:95px; padding:0px 10px 0px 0px; } .popuar-news ul li:last-child { border:none; } .popuar-news ul li .meta-data { font-size:12px; color: #999; } /*----- News slideshow ----*/ .news-slideshow { text-align:center; margin:10px 0px; position:relative; padding:0 30px; } .news-slideshow p { font-size:14px; height:38px; overflow:hidden; line-height:18px; padding:0px; margin-bottom:10px; } .news-slideshow p a,.news-slideshow h5 a { color:#333333; } .news-slideshow .border-right { border-right:1px solid #e2e1e1; } .news-slideshow .carousel-control.right,.news-slideshow .carousel-control.left { width:17px; height:21px; float:none; position:absolute; margin-top:-14px; top:50%; float:none; display:inline-block; opacity:10; } .news-slideshow .carousel-control.left { background:url(images/techgig_images/news-slide-left.png) center center no-repeat; left:0px; } .news-slideshow .carousel-control.right { background:url(images/techgig_images/news-slide-right.png) center center no-repeat; right:0px; } .right-panel .news-slideshow { padding:0;} .right-panel .news-slideshow p,.news-slideshow h5 { font-size:13px; } .right-panel .news-slideshow .carousel-control.right { right:-15px; } .right-panel .news-slideshow .carousel-control.left { left:-15px; } .right-panel .news-slideshow .carousel-control.right,.right-panel .news-slideshow .carousel-control.left { top:10px; } .right-panel .box20 .scroll { position:relative; margin-right:-10px; max-height:200px;} .right-panel .box20 .mCSB_scrollTools { width:16px; background:#fff; opacity:1;} #participants-top-institutes .scroll, #participants-top-companies .scroll { max-height:240px;} .box20 .form1 .search-filter { padding:10px; height:40px; line-height:20px; font-size:15px; margin-bottom:10px;} .box20 .titles { background:#424242; font-size:13px; padding:7px 15px; color:#fff; margin:0 -10px 10px;} .box20 .titles ul { margin:0; padding:0; list-style:none;} .box20 .titles li { float:left;} .box20 .titles li:last-child { float:right;} /*--- Details Page --- */ .details-page #latest-updates .container { padding:0;} /*--- Box Group --- */ .box-group { padding:40px 0px; } /*--- domain --- */ .domain { list-style-type:none; margin-bottom:0px; } /*--- Tab1--- */ .tab1 #signup-tab { width:800px; margin:0 auto; } .tab1 #signup-tab .table3 tr th{ width:auto; } /*--- Domain Navigation --- */ #domain-navigation h2 { font-family:'open_sanssemibold', Arial, Helvetica, sans-serif; } #domain-navigation ul { margin:0px; padding:0px; list-style-type:none; } #domain-navigation ul li a { font-size:16px; color:#333; display:block; padding:8px 20px; border-left:4px solid #fff; text-decoration:none; font-family:'open_sanssemibold', Arial, Helvetica, sans-serif; font-weight:normal; } #domain-navigation ul li a:hover,#domain-navigation ul li a:active,#domain-navigation ul li a:focus{ color:#eb494f; } #domain-navigation ul li.active a { border-left:4px solid #006a9c; color:#eb494f; } /*--- Domain Tab --- */ .domain-tab { padding:30px 0px; } .domain-tab h2 { font-size:27px; margin-bottom:30px; } .domain-tab .nav-tabs { border-color:#c2c7d0!important; padding:10px 10px 0px 10px; border:1px solid #c2c7d0; borde-bottom:none; background:#f8f9fa; } .domain-tab .nav-tabs li a { font-size:14px; color:#979faf; padding:10px 20px 20px 20px; border-radius:none; font-weight:bold;} .domain-tab .nav-tabs li.active a,.domain-tab .nav-tabs li a:hover,.domain-tab .nav-tabs li a:focus { color:#39424e } .domain-tab .tab-content { padding:20px 0px 20px 0px; } .domain-tab #editor { height:320px; border-top:none; border-radius:0px;border-bottom:none; margin-bottom:0px; } .domain-tab #editor-box .header { padding:10px 15px; border-radius:4px 4px 0 0; border:1px solid #ccc; background:#f7f7f7; position:relative; } .domain-tab .editor-footer { padding:10px 15px; border-radius:0px 0px 4px 4px; border:1px solid #ccc; background:#f7f7f7; } .domain-tab #editor-actions .button15 { padding:5px 10px; background:#2572b9; font-size:12px; } .domain-tab #editor-actions .button15:hover { color:#fff; } .domain-tab .editor-footer code { color:#b2b2b2; background:none; font-size:16px; } .domain-tab #editor-box .header p,.domain-tab .editor-footer p { margin-bottom:0px; } .domain-tab #editor-box .header .user-actions { float:right; font-size:16px; margin-top:6px; margin-right: 40px;} .domain-tab #editor-box .header .user-actions a { color:#b2b2b2; font-size:19px; margin-left:5px; padding-left:7px; } .domain-tab #editor-box .header label { display:inline-block; margin-right:12px; margin-top: 10px; } .domain-tab #editor-box .header .select { width:auto!important; } .domain-tab #editor-box .expand-collapse-btn .fa-compress { display:none;} .domain-tab #full-screen-question.expanded { position:fixed; left:0; top:0; height:100%; width:100%; background:#fff; z-index:1001;} .domain-tab #full-screen-question.expanded .expand-collapse-btn .fa-compress { display:block;} .domain-tab #full-screen-question.expanded .expand-collapse-btn .fa-arrows-alt { display:none;} .domain-tab #full-screen-question.expanded #domain-tab, #full-screen-question.expanded #editor-box { width:50%; float:left; padding:20px 25px 20px 20px; overflow:scroll;} .domain-tab #full-screen-question.expanded #domain-tab hr { display:none;} .domain-tab .tabs .nav-tabs { background:#fff; } #keyboard-bindings h4 { font-weight:normal;} #keyboard-bindings .table5 tr td, #keyboard-bindings .table5 tr th { font-size:10px; padding:7px;} #keyboard-bindings .modal-body { max-height:400px; overflow:auto;} .domain-tab #settings-dropdown { z-index:10; left:auto; right:-12px; top:40px; } .domain-tab .tabs .tab-content { border:none; } .domain-tab #comment_block .page-header { background: #56c1ee none repeat scroll 0 0; border-radius: 5px 5px 0 0; margin-bottom: 0; margin-top: 0; padding: 30px 15px; } .domain-tab #comment_block .page-header { display:none; } .domain-tab #comment_block .nav-tabs { border:none; border-bottom:1px solid #c2c7d0; margin-bottom:20px; padding:0px; } .domain-tab #comment_block .nav-tabs li a { border:none; background:none; } .domain-tab #comment_block .nav-tabs li.active a { color:#eb494f; border-bottom:2px solid #eb494f; } .domain-tab #replies_list_block { border:none; padding:0px; } .domain-tab #comment_block .page-header h2 { margin:0px; color:#fff; } .domain-tab #comment_block h5 a { color:#116ea0; } .domain-tab #comment_block p { font-size:12px; margin-bottom:10px; } .domain-tab #replies_list_block .compuserShare { font-size:11px; line-height:15px; } .domain-tab #replies_list_block .userDtlCmnts { margin-left:75px; } .domain-tab #comment_block #replies_list_block .compuserShare .fa-thumbs-up { color:#56c1ee; } .domain-tab #comment_block #highlighted-btn-area { margin-top:25px; } .domain-tab span.first-letter { display:inline-block; width:45px; height:45px; text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#dadada; line-height:43px; text-transform:uppercase; font-size:20px; font-weight:600; margin-right:15px;} .domain-tab .table2 { border:1px solid #c2c7d0; margin-bottom:15px; } .domain-tab .table2 th,.domain-tab .table2 td { border-bottom:1px solid #c2c7d0; color:#39424e; padding:15px; } .domain-tab .table2 span.first-letter { width:60px; height:60px; line-height:60px; } .domain-tab .table2 .user-pic,.domain-tab .table2 .avtar_pic { width:60px; height:60px; border-radius:50%; margin-right:15px; } .domain-tab .table2 span.number { border-radius: 50%; color: #39424e; display: inline-block; font-size: 12px; height: 45px; line-height: 45px; text-align: center; width: 45px; } .domain-tab .declaration { font-size:13px; color:#39424e; } .domain-tab .table2 tr:nth-child(odd) td{ background:#eee; } .domain-tab .table2 tr:nth-child(even) td { background:#f8f9fb; } .domain-tab .table2 .view-more-click { margin-bottom:0px; } /*--- Domain Problem --- */ #domain-problem .user-area p { color:#979faf; } #domain-problem .user-area p span { color:#333; } #domain-problem .user-area p a { font-size:16px;font-weight: bold; } #domain-problem .CodeMirror { font-size:14px; } /*--- practiceandlearn --- */ .practiceandlearn .user-info-bar { padding:0px; float:right; margin-right:8%; padding-top:30px; } .practiceandlearn .timer-area { float:right; padding-top:25px;} .practiceandlearn .panel-actions .timer-area { padding-top:14px;} .practiceandlearn .timer-area .fa { vertical-align:middle; font-size:21px; margin-right:10px;} .practiceandlearn .timer { vertical-align:middle; font-size:14px; color:#333333; float:none; width:auto; text-align:center; font-weight:normal;} .practiceandlearn #breadcrumbs { padding-top:3px;} .practiceandlearn .append-seasons { font-size:16px; } .practiceandlearn #content { padding:0;} /*--- Practice Breadcrumbs --- */ .practice-breadcrumbs { border-bottom:1px solid #e0e4e8; padding:15px 0px; } .practice-breadcrumbs ul { margin:0px; padding:0px; list-style-type:none; } .practice-breadcrumbs ul li { font-weight:normal; font-family:'open_sanssemibold', Arial, Helvetica, sans-serif; display:inline-block; font-size:12px; line-height:18px; color:#979faf; text-transform:uppercase; padding-top:6px; } .practice-breadcrumbs ul li .divider { display:inline-block; margin:0px 5px; } .practice-breadcrumbs ul li a { font-size:12px; line-height:18px; text-decoration:none; font-weight:normal; font-family:'open_sanssemibold', Arial, Helvetica, sans-serif; text-transform:uppercase; } .practice-breadcrumbs .sociable1 a {border-radius:10%;opacity: 0.7;} .practice-breadcrumbs .sociable1 a:hover{opacity: 1;} #data-science span.first-letter { display:inline-block; width:45px; height:45px; text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#dadada; line-height:43px; text-transform:uppercase; font-size:20px; font-weight:600; margin-right:15px;} /*--- TQ Banner --- */ #tq-banner img { width:100%; } /*--- Times Point Banner --- */ #times-point-banner { background:url(images/techgig_images/times-point-banner.jpg); background-size:cover; height:506px; display:table; width:100%; position:relative; } #times-point-banner .content { display:table-cell; width:100%; height:506px; vertical-align:middle; text-align:center; padding:15px; } #times-point-banner .content .bits-logo { margin-bottom:20px; } #times-point-banner .earned-bits { margin-bottom:30px; } #times-point-banner .earned-bits span { font-weight:bold; display:inline-block; color:#e6e7e8; line-height:39px; position:relative; font-size:20px; } #times-point-banner .earned-bits span:after,#times-point-banner .earned-bits span:before { content:""; width:98px; height:39px; position:absolute; top:0px; } #times-point-banner .earned-bits span:after { background:url(images/techgig_images/earn-bits-after.png); right:-96px; } #times-point-banner .earned-bits span:before { background:url(images/techgig_images/earn-bits-before.png); left:-96px; } #times-point-banner .trigger-button { display:inline-block; height:35px; width:22px; border:1px solid #959595; border-radius:5px; background:url(images/techgig_images/times-point-arrow.png) center center no-repeat; position:absolute; left:50%; bottom:23px; margin-left:-11px; } #times-point-banner .trigger-button:hover { background: #228bb8 url(images/techgig_images/times-point-arrow-hover.png) no-repeat center center; border:1px solid #fff; } /*--- Times Point Content --- */ .times-point-content { padding-top:15px; } .times-point-content .info-button { display:block; line-height:31px; height:52px; padding:10px; text-align:center; border-radius:2px; font-size:18px; margin-bottom:12px; font-family:'open_sanssemibold', Arial, Helvetica, sans-serif; } .times-point-content .btn-bits { background:#28a9e0; color:#fff; margin-top:12px; padding:15px; font-family:'open_sanssemibold', Arial, Helvetica, sans-serif; font-size:18px; line-height:1; border-radius:2px; } .times-point-content .btn-bits:hover { background:#188fc2; } .times-point-content .info-button { border:1px solid #b7b7b7; color:#000; } .times-point-content .table1 tr td { color:#414042; font-size:15px; border:1px solid #959595; width:50%; text-align:center; padding:10px; } .times-point-content .center-content { text-align:center; width:252px; margin:0 auto; } .times-point-content .table1 table { width:100%; } .times-point-content .table1 tr th:first-child { border-right:1px solid #fff; border-left:1px solid #414042; } .times-point-content .table1 tr th { color:#fff; font-size:16px; width:50%; text-align:center; font-family:'open_sanssemibold', Arial, Helvetica, sans-serif; background:#414042; } .times-point-content .table1 tr:last-child td { border-bottom:1px solid #959595; } /*--- earn-bits --- */ #header .user-area .dropdown .earn-bits { background-color: #0071bd; padding:10px; padding-right: 10px; padding-top: 10px; font-size:14px; color:#fff; font-family:'open_sanssemibold', Arial, Helvetica, sans-serif; display:block; text-align:center; line-height:18px; } /*--- TQ Content --- */ .tq-content { padding:30px 0px; } .tq-content ul { list-style-position: inside; list-style-type: number;} .tq-content ul li { font-size:14px; margin-bottom:15px; list-style-position: inside; list-style-type: number;} .tq-content h2 { font-size:32px; text-align:center; margin-bottom:25px; } .tq-content h4 { font-size:20px; margin-bottom:20px; color:#1eb2f0; } .tq-content p { font-size:14px; } .tq-content img { margin-bottom:15px; } /*--- Server Monitoring --- */ .server-monitoring.form1 textarea.form-control { height:70px !important; } .server-monitoring .table6 tr td .redalert { position:absolute; bottom:2px; text-align:center; display:block; left:0px; margin-left:112px; font-size:10px; width:100%; } .server-monitoring .table6 tr td { padding-top:20px; padding-bottom:20px; position:relative; } .server-monitoring .table6 tr td .mr-red-alrt { margin-bottom:0px !important; } /*--- highlighted-btn-area --- */ #highlighted-btn-area { float: right; margin-bottom: -26px; margin-top: -26px; position: relative; right: 45px; z-index: 10; } #highlighted-btn-area .button1 { background: #eb494f none repeat scroll 0 0; border-radius: 50%; float: right; font-size: 20px; outline: medium none; padding: 10px 17px; height:50px; width:50px; } #highlighted-btn-area .button1 .fa { color:#fff; vertical-align:middle; } #highlighted-btn-area .button1:hover { animation: 1500ms ease 0s normal none infinite running glowing; } #highlighted-btn-area .button1.active { animation: 0s ease 0s normal none 1 running none !important; } @keyframes glowing { 0% { } 50% { } 100% { } } @keyframes glowing { 0% { box-shadow: 0 0 3px #d5383e; } 50% { box-shadow: 0 0 40px #d5383e; } 100% { box-shadow: 0 0 3px #d5383e; } } #highlighted-btn-area .button1:hover { background: #d5383e none repeat scroll 0 0; } @media (max-width:1200px) { #status-details .stats ul li .number { font-size:45px;} .form1 .varification-field label { float:none;} #news-banner .post h2 { font-size:22px; height:51px;} #professional-role .checkboxes .checkbox { width:21%;} .signup-login .sociable .social-btn { margin:0 8px 10px 0;} #signup-form, #login-form { padding:20px;} #intro-section blockquote .inner { width:243px;} #intro-section .social-btn { width:192px; font-size:12px;} #intro-section blockquote .inner p { font-size:14px; line-height:19px;} #intro-section .start-journy p { font-size:14px;} .slider { padding-left:15px;} .section4 .list4 li { margin-right:0;} .service img.image { height:auto;} #testimonials blockquote p { font-size:18px; line-height:28px;} #testimonials .tab-content { padding:25px 40px;} .slider .previous-btn { left:-22px;} .slider .next-btn { right:-22px;} #intro-section .slider .previous-btn { left:-45px;} #intro-section .slider .next-btn { right:-45px;} .signup-login .sociable .social-btn { margin:0 3px 10px 0; font-size:11px;} .signup-login .sociable .social-btn.facebook { margin-left:-20px;} .signup-login .sociable .social-btn:last-child { margin-right:-20px;} .signup-login .profile-screen { height:754px;} #status-details .stats ul li .number { font-size:40px;} ul.list8 .position { font-size:14px;} .list6 h3 { line-height:20px;} .list11 h4 { height:37px;} .list11 .author { margin-bottom:10px;} #slider2 ul li { width:467px !important;} .ecr-list-item { width:298px !important;} .ecrs-pic img { width:267px !important;} .view-ts-cours { left:88px !important;} .webinar-video iframe { width:617px;} #webinar-banner .date-details { width:220px;} #webinar-banner .speaker .avatar { width:130px; height:130px;} #intro-section #techgig-video iframe { width:100%; height:256px;} .box2 .overlay .view-details-btn { bottom:150px;} .webinar-four-columns li:nth-child(4n + 1) { clear:none;} .webinar-four-columns li:nth-child(3n + 1) { clear:left;} #improve-techquotient .three-column-layout .col-sm-4 { padding:0 25px;} #improve-techquotient .our-stats .title { font-size:10px;} #improve-techquotient .step1 .button2 { font-size:15px; padding:10px;} #codeplay_banner .benefits-lists .details { width:231px;} #codeplay_banner h4 { font-size:17px;} #codeplay_banner .benefits-lists { background-size:200px; margin-top:50px;} #codeplay-works ul li .details { width:auto; } #codeplay_banner h3 { font-size:18px;} } @media (max-width:992px) { .box1 header .avatar { width:75px; height:75px;} #home-banner p, #home-banner .list12 li { font-size:18px; background-position:0 5px;} #home-banner .slides, #home-banner .slide { height:140px; background-position:0 0;} #home-banner .take-challenge-btn { font-size:20px; margin-top:21px;} #testimonials .tab-content { padding:20px;} #testimonials blockquote p { font-size:16px; line-height:23px;} .slider { padding-left:24px;} #intro-section blockquote .image { float:none; width:auto; height:auto; margin-bottom:35px;} #intro-section blockquote .inner { width:100%; margin-left:0; padding:15px; display:block; height:auto;} #intro-section blockquote .inner::before {-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); left:50%; top:-32px; margin-top:0; margin-left:-19px;} #ask-question header h5 { font-size:15px;} #intro-section blockquote .inner::before { padding:20px;} #intro-section .start-journy .button1 { width:100%;} #intro-section .social-btn { display:block; width:100%; margin-right:0; font-size:14px; margin-bottom:11px;} .service h2 { font-size:28px;} .service p { font-size:14px;} .list12 li { font-weight:normal;} .list6 li header h4 { font-size:15px;} .box4 { padding:20px;} #status-details .stats ul li .number { font-size:32px; margin-bottom:15px;} .companies-list ul li footer h4 { font-size:16px;} .companies-list .stats table tr td { font-size:10px;} ul.list8 li .overlay h4 { font-size:16px;} #ask-question .varification-field label { float:left;} #news-banner, #news-banner .post { height:320px;} #news-banner .post.half { height:160px;} #news-banner .post h2 { margin-bottom:80px;} .box2 .overlay .view-details-btn { bottom:180px;} #news-banner .post:hover h2 { margin-bottom:10px;} #news-banner .post:hover .sociable1 { margin-bottom:5px;} #signup-form { padding:20px;} .form1 .varification-field .form-control { width:75px;} #professional-role .checkboxes .checkbox { width:28%;} #professional-skills .checkboxes .checkbox { width:20%;} .signup-login .sociable .social-btn { font-size:11px; padding:0 7px;} .form1 .varification-field label { line-height:24px;} .signup-login .sociable .social-btn { margin:0 5px 10px 5px !important; width:45%; font-size:13px;} .signup-login .sociable .social-btn.facebook { margin-left:0;} .signup-login .sociable .social-btn:last-child { margin-right:0;} .signup-login .profile-screen.login-screen { height:469px;} .signup-login .profile-screen { height:804px;} .signup-login-page #container-wrap { padding-top:50px !important;} #content #status-details .stats ul li { padding:5px 10px 0; font-size:13px;} #status-details .stats ul li .number { font-size:35px; margin-bottom:15px;} p { font-size:14px;} .list4 li .box2 p .start-date, .list4 li .box2 p .rank-position, .list4 li .box2 p .end-date, .list4 li .box2 p .tech-quotient-value { font-size:11px;} #panel-sidebar { width:250px;} #panel-nain { margin-left:260px;} #home-banner h2 { font-size:30px;} .top-banner-slides .slide-content li span { font-size:12px;} #panel-nain div.jobs-section ul li, #panel-nain ul.list4 li, #panel-nain ul.list6 li { width:50%;} .list6 h3 { font-size:16px;} #slider2 ul li { width:727px !important;} .ecr-list-item { width:349px !important;} .ecrs-pic img { width:317px !important;} .view-ts-cours { left:112px !important;} .ecs-new-ecs { font-size:12px !important; line-height:35px !important;} .ecs-srch-bx { width:285px !important;} .ecs-srch-bx input.txt { width:240px !important;} .webinar-video iframe { width:471px; height:340px;} .list6 li header .posted-by { width:100px; overflow:hidden; height:20px;} #ambassadors ul.list8 li .overlay { bottom:-154px;} .gallery .preview iframe, .gallery .preview { width:100%; height:300px;} #webinar-banner .date-details .date-content { font-size:15px;} #webinar-banner .date-details { width:210px;} #webinar-banner .speaker { margin-left:10px;} #webinar-banner .speaker .avatar { width:120px; height:120px;} #webinar-banner .register-now-btn { font-size:15px; padding:7px 12px;} html#message_center-page #content .container { width:970px; overflow-x:auto;} #intro-section #techgig-video iframe { height: 195px; width: 346px;} .webinar-four-columns li:nth-child(3n + 1) { clear:none;} .webinar-four-columns li:nth-child(2n + 1) { clear:left;} #improve-techquotient .three-column-layout .col-sm-4 { padding:0 15px;} #improve-techquotient .three-column-layout p { font-size:13px;} #improve-techquotient .or { display:block; margin:10px 0;} #improve-techquotient .actions { text-align:center;} .news-details .sociable1 { float:none;} #embedvideo { height:280px !important;} .service .stats li p span.count { font-size:18px; } .service.alt .stats { margin-right:15px; } .status-box span { margin-right:13px; } .status-box .fa { font-size:17px; margin-right:5px; } .table3 th, .table3 td, #contest-info .registred-developers p { font-size:13px; } #contest-info .registred-developers p { line-height:28px; font-size:13px; } #contest-info .invite-your-friends .button1 { font-size:15px;} #contest-info .registred-developers .cprogress { font-size:78px;} #contest-info .registred-developers .cprogress .number { font-size:20px;} #contest-info .registred-developers .number { width:95px; height:95px; line-height:83px;} #contest-info .registred-developers .inner { top:13px;} #contest-info .invite-your-friends h3 { font-size:17px;} .skill-box2 .inner-top .meta-data { hei1ght:34px; overflow:hidden; } #faq .post h4 { font-size:16px; line-height:20px; } #explorer-page .service img.image { height:auto; } .service .details { padding-right:10px; } .service .details h2 { font-size:20px; } #explorer-page .service .col-sm-3,#explorer-page .service .col-sm-5,#explorer-page .service .col-sm-4,#explorer-page .service .col-xs-6 { padding:0px 5px; } #explorer-page .service p,#explorer-page .service li p,#explorer-page .service .stats li p span.count { font-size:10px; } #explorer-page .service .button7 { padding:10px; font-size:16px; } .webinar-details h1 { font-size:20px; } #ldb-srch-btns .col-sm-6 { padding:0px 10px; } #ldb-srch-btns .col-sm-6 .button1 { padding:6px; } #codeplay_banner .benefits-lists li { width:100%; margin-bottom:0;} #codeplay_banner h3 { font-size:13px;} #codeplay_banner h3 img { width:20px;} #codeplay_banner .benefits-lists { background:none; margin-top:0; padding-top:0;} #codeplay_banner .benefits-lists .details { width:405px;} #codeplay_banner { height:auto !important; padding:15px 0 !important;} #codeplay_banner h2 { font-size:21px; line-height:27px;} #codeplay_banner h3 img { width:25px;} #codeplay-works ul li .image { float:none; } #codeplay-works ul li .details { margin-left:0px; } #codeplay_banner .benefits-lists li { margin-bottom:10px; } #codeplay_banner .benefits-lists .alt .icon { float:left; } #codeplay_banner .benefits-lists .alt .details { margin:0px 0px 0px 62px; text-align:left; } #search-filter-form { padding:10px; } #codeplay_banner h3 { font-size:15px; } .server-monitoring .table6 tr td .redalert { margin-left:40px; } .domain h3,.box11 h4 { font-size:18px; } .box11 ul li,.box11 .hide-show-buttons { font-size:12px; } #domain-navigation ul li a { font-size:14px; } } @media (min-width:768px) { #subscribe-form .modal-dialog { width:375px;} } /* ------------------------------------- Cross Browser CSS Documentation: http://rafael.adm.br/css_browser_selector/ ------------------------------------- */ /*Use to make CSS 3 Rounded Corners , Text Shadows and Box Shadows for IE */ /* .ie .css3 { behavior: url("../javascript/vendor/PIE.htc"); position:relative; } */ .eq-ie8 .container { width:1170px;} .tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.4;filter:alpha(opacity=0);opacity:0}