/* ========================================================================== Layout ========================================================================== */ p{color: #333; font-size: 15px; line-height: 21px; margin-bottom:20px;} .post { font-family: 'open_sansregular',Helvetica,Arial,sans-serif; color: #333; font-size: 15px; line-height: 21px;} p a, .post a { color:#2572b9;} .post p, .post ul li { font-family: 'open_sansregular',Helvetica,Arial,sans-serif; margin-bottom:15px;} .post .entry { height:264px; overflow:hidden;} .post ul br { display:none;} #content { padding-top:0;} /*--- Intro Section ---*/ #intro-section { padding:50px 0 0; text-align:center;} #intro-section h2 { font-size:34px; color:#424242; margin-bottom:15px; font-weight:bold;} #intro-section p { font-size:22px; color:#8e8e8e;} #intro-section .stats { padding-top:50px;} #intro-section .stats ul { margin:0; padding:0; list-style:none;} #intro-section .stats ul li { float:left; width:25%; padding:10px 20px; font-size:18px; color:#424242; text-transform:uppercase; border-right:1px solid #c9c9c9;} #intro-section .stats ul li .number { display:block; font-size:52px; line-height:52px; margin-bottom:20px;} #intro-section .stats ul li:last-child { border:0;} #intro-section .stats ul li a { color:#424242;} #intro-section .stats ul li a:hover, #intro-section .stats ul li a:active, #intro-section .stats ul li a:focus { text-decoration:none;} /*--- 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;} /*--- Tabs Section ---*/ .tabs-section { margin-bottom:30px;} .tabs-section .nav-tabs > li > a { font-size:14px; color:#2572b9;} .tabs-section .nav-tabs > li.active > a, .tabs-section .nav-tabs > li.active > a:focus, .tabs-section .nav-tabs > li.active > a:hover { color:#555;} .tabs-section .tab-content { border:1px solid #ddd; border-top:0; padding:20px 0; position:relative;} /*--- Testimonials --- */ #testimonials { background:url(images/techgig_new_images/testimonials-bg.gif) left top repeat; text-align:center; padding-bottom:50px;} #testimonials h2 { font-size:26px; color:#fff; font-weight:normal; text-transform:uppercase; margin-bottom:20px;} #testimonials .tab-content { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border:2px solid #0e3960; padding:25px 75px ; height:154px;} #testimonials blockquote { border:0; padding:0; margin:0; background:url(images/techgig_new_images/blockquote-bg.png) 0 0 no-repeat; padding-left:42px;} #testimonials blockquote p { font-size:22px; line-height:30px; color:#eceff1;} #testimonials blockquote p:last-child { display:inline-block; background:url(images/techgig_new_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 #0e3960; 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:#314451; 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:#fff; 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_new_images/arrow.png) left top no-repeat; position:absolute; left:50%; margin-left:-17px; top:-62px;} /*--- Blogs --- */ #blogs .post { border-bottom:1px solid #cacaca; margin-bottom:20px;} #blogs .col-sm-6:last-child .post, #blogs .col-sm-6:nth-last-child(2) .post {border-bottom:0;} #blogs h3 { font-size:20px; color:#424242; margin-bottom:12px; font-weight:normal;} #blogs h4 { min-height:50px; color:#333; line-height:25px; margin-bottom:12px; font-weight:600;} #blogs 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 h4 a:hover { color:#e6654f;} #blogs .post-img { margin-bottom:15px; border:1px solid #eeeeee; padding:1px; display:table; width:100%; position:relative; width:100%; height:150px; overflow:hidden; background-position:center center; background-repeat:no-repeat;} #blogs .post-img a { display:table-cell; vertical-align:middle;} #blogs .post-img img { max-height:150px; width:auto; display:block; margin:0 auto;} #blogs .user-controls { float:right;} #blogs .user-controls a { font-size:18px; color:#333333; display:inline-block; margin-left:15px;} #blogs .user-controls .fa { font-size:24px; vertical-align:text-top; margin-right:10px;} #blogs .user-controls .comments .fa { color:#e6980f;} #blogs .user-controls .favorite .fa { color:#ea140e;} #blogs .post-footer { margin-bottom:20px;} #blogs .post-footer .metadata { display:block; float:left; margin-right:15px; line-height:24px; font-size:12px; color:#424242;} #blogs .post-footer .sociable {float:right; position:relative;} #blogs .post-footer .sociable a { font-size:24px; margin-left:8px; color:#9c9c9c; 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 .post-footer .sociable a.facebook:hover { color:#115cc2;} #blogs .post-footer .sociable a.linkedin:hover { color:#007bb6;} #blogs .post-footer .sociable a.twitter:hover { color:#34bbff;} #blogs .post-footer a.favorite { font-size:18px; color:#9c9c9c; display:block; float:left;} #blogs .post-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;} #blogs .post-footer a.favorite:hover .fa { color:#ea140e;} /*--- Company Videos --- */ #company-videos .preview { border:2px solid #c2a883; width:704px; height:372px; margin:0 auto 30px;} #company-videos .preview .slide { width:100%;} #company-videos .thumbnails { padding:0 50px; position:relative;} #company-videos .thumbnails a.previous-btn { background:url(images/techgig_new_images/previous-btn.png) left top no-repeat; width:23px; height:49px; position:absolute; left:0; top:50%; margin-top:-24px;} #company-videos .thumbnails a.next-btn { background:url(images/techgig_new_images/next-btn.png) left top no-repeat; width:23px; height:49px; position:absolute; right:0; top:50%; margin-top:-24px;} #company-videos .thumbnails ul { margin:0; padding:0; list-style:none;} #company-videos .caroufredsel_wrapper, #company-videos .gallery { height:100px !important;} #company-videos .thumbnails ul li { float:left; margin-right:25px; width:160px;} #company-videos .thumbnails ul li img { width:100%;} /*--- Gallery --- */ #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_new_images/previous-btn.png) left top no-repeat; width:23px; height:49px; position:absolute; left:0; top:50%; margin-top:-24px;} #gallery .thumbnails a.next-btn { background:url(images/techgig_new_images/next-btn.png) left top no-repeat; width:23px; height:49px; position:absolute; right:0; top:50%; margin-top:-24px;} #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 img { width:100%;} /*--- About Company --- */ #about-company .read-more { font-weight:600; color:#e6980f;} #about-company .company-pic { margin-bottom:20px; width:100%;} #about-company .tabs-section .tab-content > .tab-pane { display:block; top:-10000px; position:absolute; width:100%; padding:0 20px;} #about-company .tabs-section .tab-content > .tab-pane.active { top:20px;} #company-about ul { margin:0; padding:0; list-style:none;} #company-about ul li { color:#333; font-size:14px; background:url(images/techgig_new_images/list10-li-bg.png) left 4px no-repeat; padding-left:34px; margin-bottom:18px;} #company-about ul li a { color:#333;} #company-about ul li br { display:none;} /*--- Company Jobs --- */ #company-jobs ul { margin:0 -15px; padding:20px 0 0; list-style:none;} #company-jobs ul li { margin-bottom:30px;} #company-jobs ul li:last-child { border-bottom:0;} #company-jobs ul li h3 { font-size:18px; color:#333; font-weight:600; line-height:25px; margin-bottom:15px;} #company-jobs ul li h3 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;} #company-jobs ul li h3 a:hover { color:#e6654f;} #company-jobs ul li p { font-size:13px; color:#999999; line-height:25px;} #company-jobs ul li p .detail { margin-right:20px;} #company-jobs ul li p .fa { vertical-align:middle; font-size:17px; margin-right:10px; color:#656565;} #company-jobs ul li .jb-apply-btn-sml {background: #5ba11c; border-radius: 5px; color: #fff; display: inline-block; position: relative; text-align: center; width:115px; display:block; margin:0 auto 8px; font-size:14px; font-family:'open_sanssemibold'; padding:8px 10px 8px;} #company-jobs ul li .applied-count { font-size:13px; color:#424242;} #company-jobs ul li .apply { text-align:center;} #company-jobs ul li .inner-wrap { border:1px solid #dadada; background:#fefefe; padding:10px 15px; box-shadow:0 0 10px #fefefe;} #company-jobs ul li .jb-already-applied { color:#5ba11c; display:block; line-height:40px; font-size:14px; margin-right:15px;} #company-jobs ul li .jb-mypost { color:#2572b9; display:block; line-height:40px; font-size:14px; margin-right:15px;} /*--- Main Banner --- */ #banner { padding:0 !important;} #banner .banner-img .company-banner { display: none; } #banner .banner-img .company-logo { margin: 30px 0 0 30px; } #banner .banner-img { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 350px; width: 100%; } #banner .banner-img figcaption { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; bottom: 0; left: 0; padding: 8px 20px; position: absolute; width: 100%; } #banner .banner-img p { color: #fff; font-size: 14px; line-height: 32px; margin: 0; } #banner .banner-img .sociable { float: left; } #banner .banner-img .sociable a { color: #fff; margin-right: 10px; } #banner .banner-img .follow-area { float: right; } #banner .banner-img .follow-area p { float: left; } #banner .banner-img .follow-area p a { color: #fff; font-weight: bold; } #banner .banner-img .follow-area .follow-btn { float:right; font-size:14px; padding:6px 12px; margin-left: 10px; text-transform:none; font-family:'open_sansregular';} #banner .banner-img .stats { float: right; } #banner .banner-img .stats .detail { margin-right: 20px; } #banner .banner-img .stats p a { color: #fff; font-weight: bold; } .main-banner { text-align:center;} .main-banner h2 { margin-bottom:10px; color:#fff; font-size:28px; text-shadow:none; font-weight:bold;} .main-banner p { font-size:18px; color:#fff;} .main-banner { height:320px; position:relative; overflow:hidden;} .main-banner .slide { width:100%;} .main-banner .single-image img { width:100%; height:320px;} .main-banner .controls { text-align:center; position:absolute; left:0; width:100%; bottom:11px;} .main-banner .controls a { display:inline-block; z-index:11; position:relative; 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 #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;} .main-banner .controls a:hover, .main-banner .controls a.activeSlide { background:#fff;} .main-banner .overlay-bar { background:rgba(0, 0, 0, 0.7); z-index:10; padding:8px 20px; position:absolute; left:0; bottom:0; width:100%;} .main-banner .overlay-bar p { margin:0; font-size:14px; color:#fff; line-height:32px;} .main-banner .overlay-bar .sociable1 { float:left; margin-left:20px;} .main-banner .overlay-bar .sociable1 a { color:#fff; margin-right:10px;} .main-banner .overlay-bar .follow-area { float:right;} .main-banner .overlay-bar .follow-area .dropdown-menu { bottom:100%; top:auto; left:auto; right:0;} .main-banner .overlay-bar .follow-area p { float:left;} .main-banner .overlay-bar .follow-area p a { color:#fff; font-weight:bold;} .main-banner .overlay-bar .follow-area .button5 { margin-left:10px; float:right;} .main-banner .sociable1 { margin-bottom:0;} .main-banner .sociable1 a:first-child { margin-left:0;} .main-banner .company-logo { position:absolute; left:20px; top:20px; max-width:190px;} .main-banner .overlay-bar .stats { float: right;} .main-banner .overlay-bar .stats .detail { margin-right: 20px;} .main-banner .overlay-bar .stats p a { color: #fff;} .top-banner-slides .slide-content{padding-top:20px;} .top-banner-slides .slide-content li {color: #fff; float: left; padding: 5px 20px 0; list-style:none;} .top-banner-slides .slide-content li i{display:block;font-size:32px;color:#ffffff;} .top-banner-slides .slide-content li label{font-size:16px;font-weight:bold;display:block;color:#fed054;} .top-banner-slides .slide-content li span{font-size:14px;display:block;} .top-banner-slides .slide-content li img,.main-banner .top-banner-slides .job-person img{width:auto;height:auto;} /*--- Company Banner --- */ #startups-banner { background:url(images/techgig_new_images/landing-banner1.jpg) left center no-repeat; background-size:cover;} /*--- Status Details ---*/ #status-details {text-align:center;} #status-details .stats { padding-top:20px;} #status-details .stats ul { margin:0; padding:0; list-style:none;} #status-details .stats ul li { float:left; width:25%; padding:5px 20px 0; font-size:16px; color:#fff; border-right:1px solid #c9c9c9;} #status-details .stats ul li .number { display:block; font-size:36px; line-height:42px; margin-bottom:20px;} #status-details .stats ul li:last-child { border:0;} /*--- Job Details ---*/ #job-details { border:1px solid #eeeeee; padding:15px; margin-top:20px;} #job-details h2 { font-size:25px; margin-bottom:20px; font-weight:600;} #job-details h3 { 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: #f35c25; 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 .key-skills { padding-top:30px; margin-bottom:20px;} #job-details .key-skills ul { margin:0; padding:0; list-style:none;} #job-details .key-skills ul li { float:left; margin-right:15px; margin-bottom:15px;} #job-details .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;} #job-details .key-skills ul li a:hover { background:#e4e4ed;} /*--- Form2 --- */ .form2 ul { margin:0; padding:0; list-style:none;} .form2 ul.row-margin { margin:0 -15px 30px;} .form2 ul li { margin-bottom:25px; position:relative;} .form2 ul li:last-child { margin-bottom:0;} .form2 .label {padding:0; border-radius: 0; color: #555; display: none; font-size: 14px; left: 0; position: absolute; top: -19px; text-shadow:1px 1px 0px #fff;} .form2 input[type='text'], .form2 input[type='password'], .form2 input[type='search'] { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:45px; line-height:24px; padding:10px 15px; font-size:15px; background:#fff; width:100%;} .form2 textarea { display:block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:13px; line-height:22px; background:#fff; width:100%; padding:10px 15px; resize:none; height:112px;} .form2 label { font-size:16px; color:#0a3542; font-weight:normal;} .form2 label a { color:#f35c25l;} .form2 .forgot-password { font-size:16px; color:#f35c25; float:right;} .form2 .back-to-login { font-size:16px; color:#fff;} .form2 .remember-me { float:left;} .form2 input[type='submit'], .form2 input[type='button'] { min-width:170px; padding:10px 20px;} .form2 .select { position:relative; display:block; border:1px solid #cacaca; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:45px; width:100%;} .form2 .select select { width:100%; border:0; padding:0 20px 0 10px; height:43px; font-size:15px; color:#555; position:relative; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .form2 .select:after { z-index:5; pointer-events:none; display:block; position:absolute; height:43px; right:0; width:47px; top:0; background:url(images/sass_images/select-arrow.gif) left center no-repeat; content:""; border-radius:0 4px 4px 0; -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0;} .form2 .checkbox-input { display:block; margin-bottom:5px;} .form2 .error_msg {background: #f65039; color: #fff; display: inline-block; float: right; font-size: 12px; padding: 1px 5px 2px; position: relative;} .form2 .error_msg.static { position:static; bottom:auto; left:auto; margin-bottom:10px;} .form2 .checkbox-field .error_msg { float:none; max-width:100%;} .form2 .checkbox-input { position:relative; display:inline-block; padding-left:30px;} .form2 .checkbox-input label { font-size:15px; color:#314451; margin:0;} .form2 .checkbox-input label a { color:#f35c25;} .form2 .checkbox-input input[type=checkbox]:checked + label:before { background:url(images/sass_images/checkbox.png) left -24px no-repeat; } .form2 .checkbox-input input[type=checkbox] { display: none; } .form2 .checkbox-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px; position: absolute; left: 0; top:0px; background:url(images/sass_images/checkbox.png) left 0 no-repeat; } .form2 .checkbox-input input[type=checkbox]:checked + label:before {background:url(images/sass_images/checkbox.png) left -24px no-repeat; } .form2 label span { color:#3b859b;} .form2 .radio-input { position:relative; display:block; padding-left:25px; margin-bottom:10px;} .form2 .radio-input label { font-size:15px; color:#314451; margin:0;} .form2 .radio-input label a { color:#f35c25;} .form2 .radio-input input[type=radio]:checked + label:before { background:url(images/sass_images/radio1.png) left 0px no-repeat; } .form2 .radio-input input[type=radio] { display: none; } .form2 .radio-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px; position: absolute; left: 0; top:4px; background:url(images/sass_images/radio1.png) left -22px no-repeat; } .form2 .radio-input input[type=radio]:checked + label:before {background:url(images/sass_images/radio1.png) left 0px no-repeat; } .form2 .reg-frm-rfrs { background: rgba(0, 0, 0, 0) url("images/reg-frm-rfrs.gif") no-repeat scroll 0 0;float:left;height:40px;margin:-1px 0 0 12px;width:40px; border-radius:5px;} .form2 .reg-captcha { float:left;} .form2 .capcha-box { padding-top:15px;} /*--- Btn-file --- */ .btn-file { position: relative; overflow:hidden; display:block; margin-top:5px; height:40px;} .btn-file .button7 { z-index:10; pointer-events:none; cursor:pointer; padding:9px 15px; position:absolute; left:0; top:0;} .btn-file input[type=file] { position: absolute; top:2px; left:0px; height:34px;font-size:13px; text-align: left; outline: none; background: white; cursor: inherit; display: block;} .chrome .btn-file input[type=file] { text-indent:-50px; padding-top:7px;} .safari .btn-file input[type=file] { text-indent:-5px; padding-top:2px;} /*--- Modal --- */ .modal-header { background:#2572b9; border-radius:4px 4px 0 0;} .modal-header h2, .modal-header h3, .modal-header h4 { color:#fff;} /*--- 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:#f35c25 ; -moz-border-radius:5px; -webkit-border-radius:5px; font-family:open_sanssemibold; 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;} /*--- Newuser-registraion --- */ #newuser-registraion .jb-seeker-frm { clear:both;} #newuser-registraion ul { margin:0 -15px;} #newuser-registraion .jb-seaker-pic { float:left; margin-right:15px;} #newuser-registraion .send-message { margin-bottom:15px;} #newuser-registraion .send-message textarea { width:445px;} #newuser-registraion .jb-seeker-mess { font-size:14px; margin-bottom:10px;} /*--- 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:#2572b9;} #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 .wallTareaWrp a {background:#f35c25; 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; letter-spacing:1px; font-size:13px !important; margin-right:5px;} #replies_list_block .replies-blk .wallTareaWrp a:last-child { background:#dadada; color:#999; padding:10px 20px; margin-left:5px;} #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:#f35c25;} #replies_list_block .compuserShare b { color:#999;} /*--- News --- */ #news .post { border-bottom:1px solid #cacaca; margin-bottom:20px; padding-bottom:15px;} #news .col-sm-6:last-child .post, #news .col-sm-6:nth-last-child(2) .post {border-bottom:0; padding-bottom:0;} #news h4 { min-height:50px; color:#333; line-height:25px; margin-bottom:12px; font-weight:600;} #news 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 h4 a:hover { color:#e6654f;} #news p a { color:#2572b9;} #news .inner-wrap { padding-bottom:10px;} #news .inner-wrap .details { margin-left:165px;} #news .news-pic { float:left; border:1px solid #eeeeee; padding:1px; display:table; width:150px; position:relative; height:120px; overflow:hidden;} #news .news-pic a { display:table-cell; vertical-align:middle;} #news .news-pic img { max-height:120px; width:auto; display:block; margin:0 auto;} /*--- Social Insights --- */ #social-insights { padding-bottom:50px;} #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;} /*--- Pagination1 --- */ .pagination1 {display:inline-block; padding-top:20px; margin-bottom:20px;} .pagination1 em {background-color: #fff; font-size:12px; font-style:normal; border: 1px solid #ddd; color: #337ab7; float: left; line-height: 1.42857; margin-left: -1px; padding: 6px 12px; position: relative; text-decoration: none;} .pagination1 em a { color: #337ab7;} .pagination1 em:hover, .pagination1 em:focus {background-color: #eee; border-color: #ddd; color: #23527c; z-index: 3;} .pagination1 em:hover a, .pagination1 em:focus a { color: #23527c;} .pagination1 em:first-child {border-bottom-left-radius: 4px; border-top-left-radius: 4px; margin-left: 0;} .pagination1 em:last-child {border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-left:0; margin-left: 0;} .pagination1 em.active { background:#2572b9; color:#fff;} /*--- 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 .fa { color:#777;} #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 { font-weight:600; margin-bottom:5px;} #user-profile .box ul li h5 a { color:#333;} #user-profile .box p { font-size:13px; color:#777;} /*--- Recently-asked-questions ---*/ #recently-asked-questions h3 { font-weight:600;} #recently-asked-questions ul { margin:0; padding:0; list-style:none;} #recently-asked-questions ul li { border-bottom:1px dashed #dadada; padding-bottom:15px; margin-bottom:15px;} #recently-asked-questions ul li:last-child { border-bottom:0; padding-bottom:0;} #recently-asked-questions ul li .avatar { float:left; text-align:center; font-size:64px; line-height:68px; border:1px solid #e0e0e0; margin-bottom:15px; margin-right:15px; width:70px; height:70px; padding:2px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; float:left;} #recently-asked-questions ul li .avatar .fa { vertical-align:text-top;} #recently-asked-questions ul li .details { margin-left:85px;} #recently-asked-questions ul li .avatar img { width:64px; height:64px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} #recently-asked-questions ul li h5 { margin-bottom:10px; font-size:16px; font-weight:600; padding-top:5px;} #recently-asked-questions ul li h5 a { color:#333;} #recently-asked-questions ul li h5 .answers { color:#2572b9; margin-left:10px; font-weight:normal;} #recently-asked-questions ul li p { color:#777; line-height:16px;} #recently-asked-questions ul li .metadata { display:block; line-height:20px; font-size:12px; color:#777;} #recently-asked-questions ul li .metadata a { color:#777; font-weight:600;} #recently-asked-questions ul li .metadata img { width:20px; height:20px; margin-right:5px;} /*--- Following-setting-box_user ---*/ #following-setting-box_user, #follow-company-bx_user { float:none !important; position:relative; display:inline-block;} #following-setting-box_user .dropdown-menu { top:96%;} /*--- Nav Section ---*/ .nav-section { padding-top:30px; margin-bottom:0;} #main-links ul li a:hover, #main-links ul li.active a { text-decoration:none;} /*--- Heading2 --- */ .heading2 { text-align:center; margin-bottom:30px; font-size:30px; font-family: open_sanssemibold;} /*--- List10 --- */ ul.list10 { margin:0; padding:0; list-style:none;} ul.list10 li { color:#333; font-size:14px; background:url(images/techgig_new_images/list10-li-bg.png) left 4px no-repeat; padding-left:34px; margin-bottom:18px;} /*--- List11 ---*/ ul.list11 { padding:0; list-style:none; text-align:center;} ul.list11 li { min-height:214px; margin-bottom:15px;} ul.list11 li .avatar { width:100px; height:100px; display:block; margin:0 auto; margin-bottom:20px; padding:1px; border:1px solid #ccc; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} ul.list11 li .avatar-pic{ border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width:96px; height:96px;} ul.list11 li .avatar .first-letter { width:96px; background:#fff; display:inline-block; font-weight:bold; font-size:40px; color:#314451; text-transform:uppercase; line-height:96px; height:96px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin-bottom:20px;} ul.list11 li h5 { font-weight:600; line-height:22px; margin-bottom:8px; font-size:16px; color:#e6654f;} ul.list11 li h5:hover { color:#d14714;} ul.list11 li h5 a { color:#e6654f;} ul.list11 li h5 span { color:#999; font-size:14px; font-weight:normal; display:block;} ul.list11 li a:hover, ul.list11 li a:active { text-decoration:none;} ul.list11 li p { color:#ababab; font-size:12px;} ul.list11 li .sociable a { width:25px; background:#ccc; height:25px; text-align:center; line-height:25px; font-size:14px; color:#fff; display:inline-block; margin:0 3px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; 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;} ul.list11 li .sociable a.facebook:hover { background:#115cc2;} ul.list11 li .sociable a.linkedin:hover { background:#007bb6;} ul.list11 li .sociable a.twitter:hover { background:#34bbff;} ul.list11 li .sociable a.google-plus:hover { background:#e6654f;} #mentors ul.list11 li { margin-bottom:30px;} /*--- Button7 ---*/ .button7 { background: #2572b9; border:0; border-radius: 5px; color: #fff; display: inline-block; font-family: open_sanssemibold; font-size: 13px; padding:7px 15px; position: relative; text-align: center; } .button7:hover, .button7:active, .button7:focus { background:#1a5f9e; color:#fff;} /*--- Button8 ---*/ .button8 { background: #e6980f; border-radius: 5px; color: #fff; display: inline-block; font-family: open_sanssemibold; font-size: 15px; box-shadow:0 0 4px #333; padding: 6px 15px; position: relative; text-align: center; } .button8:hover, .button8:active, .button8:focus { background:#cb850a; color:#fff;} /*--- View-more-btn1 ---*/ .view-more-btn1 { font-size:18px; text-align:center;} @media (max-width:1200px) { .post .entry { height:280px;} } @media (max-width:992px) { .post .entry { height:300px;} #blogs h4 { min-height:66px;} #banner .banner-img, #banner .direction-nav .container, #banner .slide, #banner { height:265px;} } @media (max-width:767px) { .post .entry { height:auto;} #blogs h4 { min-height:15px;} }