/* ==========================================================================
	Global Settings
========================================================================== */

/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
* Body settings, change it as required
*/

body { font-family:'open_sans', Arial, Helvetica, sans-serif; font-size: 1em; color:#202f39; line-height: 1.4; font-weight:normal; overflow-x:hidden; background:#eeeeee; }
body.activeMenu {overflow:hidden; position: fixed; left:0; top:0; width:100%; height:100%;}


/*
* Headings
*/

h1, h2, h3, h4, h5, h6 { font-family:'open_sans', Arial, Helvetica, sans-serif; font-weight:normal; color:#202f39; text-rendering: optimizeLegibility; margin-top:0px;  margin-bottom:15px;}
h1 { font-size:20px; line-height:28px;}
h2 { font-size:19px; line-height:25px;}
h3 { font-size:17px; line-height:23px;}
h4 { font-size:16px; line-height:21px;}
h5 { font-size:15px; line-height:20px;}
h6 { font-size:14px; line-height:19px;}
p { font-size:14px; line-height:24px; margin-bottom:15px; color:#202f39;}
p a { color:#f94953;}
.regular { font-weight:normal;}
p a:hover, p a:focus { color:#f94953;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#202f39; 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;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#f94953;}



/*
* Paragraphs
*/

p { font-weight: 200; margin-top:0px;  font-family:'open_sans', Arial, Helvetica, sans-serif; }


/*
* Links
*/

a { color: #f94953; text-decoration: none; line-height: inherit; }
a:hover { /*color: #2795b6;*/ color: #f94953; text-decoration:none; }
a:focus { color: #f94953; outline: none; }
p a, p a:visited { line-height: inherit; }


/*
* A better looking default horizontal rule
*/

hr { display: block; height: 1px; border: 0; border-top: 1px solid #dadada; margin:15px 0; padding: 0; position:relative; }


/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
    vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic;
}


/*
* Remove default fieldset styles.
*/

fieldset { border: 0; margin: 0; padding: 0; }


/*
* Allow only vertical resizing of textareas.
*/

textarea {
    resize: vertical;
}


/* ==========================================================================
	Helper classes
========================================================================== */

/*
* Floats
*/

.left { float: left; }

.right { float: right; }


/*
* Text Alignment
*/

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }


/*
* Image Alignment
*/

img.alignleft { float:left; margin:0 10px 10px 0; display: inline;}

img.alignright { float:right; margin:0 0px 10px 10px; display: inline;}

img.aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;}


/*
* Image replacement
*/

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible {
    visibility: hidden;
}

/*
* Clearfix: contain floats
*/

/*
* More semantic version as described in http://css-tricks.com/snippets/css/clear-fix/
*/
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/*
* overflow method for clearing floats
*/
.floatbox { overflow:hidden; }

/*
* older method of adding empty tags for clearing
*/
.clear { clear: both; height:1px; line-height:1px; }


/*
* Chromeframe
*/
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/*
* Other
*/


/*
* Fonts
*/



@font-face {
    font-family: 'open_sans';
    src: url('techgig_resource/cand/fonts/OpenSans-Regular-webfont.eot');
    src: url('techgig_resource/cand/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('techgig_resource/cand/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('techgig_resource/cand/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('techgig_resource/cand/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sans';
    src: url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.eot');
    src: url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'open_sans';
    src: url('techgig_resource/cand/fonts/opensans-light-webfont.eot');
    src: url('techgig_resource/cand/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('techgig_resource/cand/fonts/opensans-light-webfont.woff2') format('woff2'),
         url('techgig_resource/cand/fonts/opensans-light-webfont.woff') format('woff'),
         url('techgig_resource/cand/fonts/opensans-light-webfont.ttf') format('truetype'),
         url('techgig_resource/cand/fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: 200;
    font-style: normal;

}


/* ==========================================================================
	Layout
========================================================================== */


/* Container ---------------------- */
#container-wrap { min-width:320px; padding-top:95px; left:0; position:relative; 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;}
/*.activeMenu #container-wrap { left:250px; overflow:hidden;}*/
.page-overlay  { height:100%; width:100%; position:fixed; z-index:101; left:0; top:0; background:rgba(0, 0, 0, 0.7); display:none; cursor:pointer;}
.activeMenu .page-overlay  { display:block;}

/* Banner ---------------------- */
#banner { position:relative; background:#5ea2e1; padding-top:60px;}

/* Header ---------------------- */
#header { background:#2196f3; position:fixed; left:0; top:36px; width:100%; height:40px; z-index:102; 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;}
/*.activeMenu #header { left:250px;}*/

/* Content ---------------------- */
#content {}

/* Secondary Nav ---------------------- */
#secondary-nav {background:#1d89e4; position:fixed; box-shadow:0 -2px 5px #000; left:0; width:100%; top:76px; z-index:100; 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;}
/*.activeMenu #secondary-nav { left:250px;}*/

/* Page Header ---------------------- */
.page-header {background:#1d89e4; padding:15px; margin:0; position:fixed; top:76px; left:0; border:0; width:100%; z-index:100; 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; box-shadow:0 -2px 5px #000;}
/*.activeMenu .page-header { left:250px;}*/

/* Page Footer ---------------------- */
.page-footer { position:fixed; bottom:0; left:0; text-align:center; background:#dadada; border:0; width:100%; z-index:100;}
.page-footer .btn { border-radius:0; text-transform:uppercase; font-weight:200;}
.page-footer .alert, .page-footer p { margin-bottom:0;}
/*.activeMenu .page-footer { left:250px;}*/

/* Footer ---------------------- */
#footer { 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;}
/*.activeMenu #footer { left:250px;}*/


/* ==========================================================================
	Common Functionalities & UI Elements
========================================================================== */

/*--- Header --- */
#header .logo { float:left; padding-top:4px;}
#header .logo h1 { margin-bottom:0;}
#header .logo h1 a { font-size:16px; color:#fff; text-transform:uppercase;}
#header .logo h1 a:hover, #header .logo h1 a:active, #header .logo h1 a:focus { text-decoration:none;}
#header .logo img { width:30px;}
#header .user-area { float:right;}
#header .user-area a { font-size:12px; color:#fff; margin-left:13px; line-height:40px;}
#header .user-area .fa { font-size:15px; margin-right:3px; vertical-align:middle;}
.activeMenu #header .user-area:after  { height:40px; width:100%; position:fixed; left:0; top:0; background:rgba(0, 0, 0, 0.7); display:block; content:"";}

#header .container-fluid { position:relative; padding-left:42px;}
#header .container-fluid:after { height:36px; width:100%; position:absolute; left:0; top:4px; background:rgba(0, 0, 0, 0.7); display:none; content:"";}
.activeMenu #header .container-fluid:after  {display:block;}

/*--- Main Navigation --- */
#main-navigation  { position:absolute; left:15px; top:0;}
#main-navigation .menu-icon { width:25px; height:25px; color:#fff; display:block; text-align:center; line-height:21px; margin-top:8px; position:relative; margin-left:-4px;}
#main-navigation .menu-icon:hover, #main-navigation .menu-icon:focus, #main-navigation .menu-icon:active {text-decoration:none;}
#main-navigation .menu-icon .fa { vertical-align:middle; width:25px; height:21px; font-size:21px; position:relative; top:1px;}
#main-navigation .menu-icon .fa-times { display:none; position:relative; top:1px;}
#main-navigation ul { background: #f8f8f8; z-index:1; overflow:auto; height: 100%; left:-250px; padding: 0; position:fixed;  top: 0;  width:250px; 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-navigation ul li { border-bottom:1px solid #f1f0f0;}
#main-navigation ul li:last-child { border-bottom:0;}
#main-navigation ul li a { color:#333; padding:12px 10px; display:block; font-size:14px; 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-navigation ul li a:hover, #main-navigation ul li a:focus, #main-navigation ul li a:active { background:#2196f3; color:#fff; text-decoration:none;}
#main-navigation ul li span { display:inline-block; margin-right:5px; width:20px; text-align:center;}
#main-navigation ul li .fa { font-size:15px; vertical-align:middle;}
.activeMenu #main-navigation > ul { left: 0;}
/*.activeMenu #main-navigation .menu-icon .fa-times { display:block;}
.activeMenu #main-navigation .menu-icon .fa-bars { display:none;}*/

#main-navigation ul li.user-box { background:#04052f url("images/techgig_new_images/tg-profile-bg.jpg") left top no-repeat; padding:15px;}
#main-navigation ul li.user-box .image { width:75px; height:75px; border:2px solid #fff; margin-bottom:10px; border-radius:50%;}
#main-navigation ul li.user-box .image img { border-radius:50%;}
#main-navigation ul li.user-box p { color:#fff; margin:0;}

/*--- Secondary Nav --- */
#secondary-nav ul { margin:0; padding:0; list-style:none;}
#secondary-nav ul li  { float:left; width:25%;}
#secondary-nav ul li a { display:block; font-size:13px; text-align:center; color:#fff; padding:10px 5px; position:relative;}
#secondary-nav ul li.active a:after { position:absolute; left:0; bottom:0; width:100%; background:#fff; content:""; display:block; height:2px;}

/*--- User-control-panel --- */
#user-control-panel { position:fixed; left:0; top:76px; width:100%; /*border-bottom:1px solid #f6f6f6;*/ background:#fff; z-index:101; 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; box-shadow:0 -3px 5px #000;}
.activeMenu #user-control-panel { z-index:100;-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;}
#user-control-panel .section { float:left; width:50%;}
#user-control-panel .section .button { font-size:13px; height:40px; line-height:15px; color:#2196f3; display:block; padding:5px 15px;}
#user-control-panel .section .button.active { background:#f6f6f6;}
#user-control-panel .section .button:active, #user-control-panel .section .button:focus { text-decoration:none;}
#user-control-panel .section .button small { display:block; font-size:11px; color:#202f39;}
#user-control-panel .section .button .fa { font-size:18px; margin:4px 8px 5px 0; float:left;}
#category-filter { position:relative;}
#category-filter .button { border-right:1px solid #f6f6f6;}
#category-filter .button.active { border-right:0;}
#user-control-panel #search-form .button .fa { float:right; margin-right:0; margin-left:8px;}
#category-filter ul { background:#fff; width:100%; box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); margin:0; padding:0; list-style:none; position:absolute; left:0; top:40px; display:none;}
#category-filter ul li { border-bottom:1px solid #f6f6f6;}
#category-filter ul li:last-child { border-bottom:0;}
#category-filter ul li a { display:block; padding:8px 15px; line-height:15px; font-size:12px; color:#2196f3;}
#category-filter ul li.active a { background:#2196f3; color:#fff;}

#search-form .button  { text-align:right;}
#search-form .search-inner { position:absolute; left:0; top:0; background:#fff; padding:5px 9px 5px 5px; height:40px; width:100%; display:none;}
#search-form .search-inner input[type="text"] { border:0; border-radius:0; box-shadow:none; height:30px; padding:4px 10px; float:left; width:90%;}
#search-form .search-inner button[type="submit"] { font-size:18px; float:right; border:0; background:none; color:#2196f3; line-height:27px;}

/*--- News Details Content --- */
.news-details-content .news-image { margin-bottom:20px; position:relative; margin-top:-17px; text-align:center;}
.news-details-content .news-image img { width:100%;}
.news-details-content .news-info { margin-bottom:30px; font-size:14px; line-height:24px; color:#202f39;}
.news-details-content .news-info ul { padding-left:15px;}
.news-details-content .news-info  li { font-size:13px; line-height:24px; color:#202f39; font-weight:200;}
.news-details-content .news-info img { display:block; width:100%; margin:0 0 15px;}

/*--- News-status --- */
#news-status { background:#e0e0e0; padding:10px 10px 7px; display:none; position:fixed; bottom:0; left:0; text-align:center; width:100%; z-index:100;}
#news-status ul { margin:0; padding:0; list-style:none;}
#news-status ul li { float:left; width:33.333%; position:relative; font-weight:200;}
#news-status ul li.for-arrow:after {background:url("images/techgig_new_images/share-arrow.png") left top no-repeat; width:21px; height:11px; display:block; content:""; position:absolute; left:50%; margin-left:-10px; top:-20px; z-index:100;}
#news-status ul li > a { font-size:12px; color:#616161;}
#news-status ul li > a:hover { color:#2196f3;}
#news-status ul li > a:hover, #news-status ul li > a:focus, #news-status ul li > a:active { text-decoration:none;}
#news-status ul li > a .fa { display:block; font-size:17px;} 
#news-status .share-this-item.top { bottom:60px;}
#news-status .share-this-item.top .arrow { display:none;}

/*--- Panel --- */
.panel.simple-box { border-radius:0; box-shadow:none; margin-bottom:0;}

/*--- User_form --- */
#user_form .test-info { background:#eaeaea; text-align:center; position:relative; margin-top:-17px;}
#user_form .test-info .col-xs-6 { padding:15px;}
#user_form .test-info .col-xs-6:first-child { border-right:1px solid #dadada;}
#user_form .test-info p { font-size:15px; font-weight:600; margin-bottom:0; line-height:25px;}
#user_form .test-info p .number { display:block; font-size:21px;}

/*--- Share-this --- */
.share-icon.active { color:#06a4fb !important; position:relative;  z-index:102;}
.share-this-item {width:290px; left:auto; right:-1px; z-index:102;}
.share-this-item.bottom { top:28px;}
.share-this-item.bottom .arrow, .share-this-item.top .arrow { left:auto; right:10px;}

.share-this-item.top {top:auto; bottom:39px;}

/*--- Heading1 --- */
.heading1 { margin-bottom:12px; text-transform:uppercase;}
.heading2 { text-transform:uppercase; border-bottom:1px solid #eeeeee; padding:0 15px 15px; margin-bottom:0;}

/*--- Sociable --- */
.sociable1 a { font-size:32px; display:block; float:left; line-height:32px; margin-right:10px;}
.sociable1 a:last-child { margin-right:0;}
.sociable1 a.facebook { color:#366ea7;}
.sociable1 a.twitter { color:#55acee;}
.sociable1 a.google-plus { color:#ca4638;}
.sociable1 a.linkedin { color:#0177b5;}
.sociable1 a.mail { color:#f35c25; position:relative; top:-1px;}
.sociable1 a.whatsapp { color:#4bc75a;}

/*--- Signup Login Area --- */
.signup-login-page #container-wrap { padding-bottom:20px !important; padding-top:80px !important;}
.signup-login-page .page-header { top:0 !important;} 

/*--- Signup-login --- */
.signup-login { position:relative;}
.signup-login .nav-tabs { border-bottom:1px solid #fff;}
.signup-login .tab-pane { background:#fff; padding:15px; box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);}
.signup-login h1 { font-size:24px; text-transform:uppercase; font-weight:200;}
.signup-login h1, .signup-login h3 { color:#fff;}
.signup-login h3 { margin-bottom:30px; font-weight:200; line-height:20px;}
.signup-login h1 a { color:#fff; text-decoration:none; font-weight:600;}

.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 .sociable { text-align:center;}
.signup-login .sociable h5 { color:#999999;}

.signup-login .button2 { width:100%; font-size:14px; font-weight:normal;}

.signup-login .nav-tabs > li { width:50%;}
.signup-login .nav-tabs > li > a { margin-right:0; text-align:center; font-size:14px; color:#9d9c9c; border:0; border-radius:0;}
.signup-login .nav > li > a:focus, .signup-login .nav > li > a:hover { color:#9d9c9c; box-shadow:none; border:0;}
.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; border:0;}

.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:8px; width: 40px;}

.signup-login .alert { padding:10px; font-size:12px;}
.signup-login .form1 input[type="submit"] { padding:6px 12px 7px; font-size:14px; border-radius:4px;}
.signup-login .sociable { width:100%; overflow:hidden;}

/*--- Page Header --- */
.page-header { height:55px;}
.page-header .back-btn { float:left; font-size:14px; margin-right:10px; margin-top:2px; color:#fff; width:20px;}
.page-header h2 { font-weight:400; color:#fff; float:left; margin-bottom:0; width:89%; white-space:nowrap; overflow:hidden;}
.page-header .running-timer { float:right; font-size:14px; color:#fff; line-height:23px;}
.page-header .running-timer .fa { margin-right:7px; font-size:15px; vertical-align:middle;}

/*--- Leaderboard --- */
#leaderboard .tabs { background:#fff;}
#leaderboard nav {
    padding:0 15px; border-bottom:1px solid #dadada;
}
#leaderboard nav .inner {
    overflow: auto;
	 margin-bottom: -10px;
    padding-bottom: 10px;
}
#leaderboard .nav-tabs {
  margin-bottom:0; border-bottom:0;
}

/*--- Modal-header --- */
.modal-header { background:#06a4fb; border-radius:4px 4px 0 0;}
.modal-header h4, .modal-header h4 small { color:#fff;}
.modal-footer { padding:10px 15px;}
.modal-footer .btn-primary { 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;}
.modal-footer .btn-primary:hover, .modal-footer .btn-primary:focus, .modal-footer .btn-primary:active{ color:#fff; background:#d63a40; outline:none;}

/*--- Sidebar Navigation --- */
#sidebar-navigation { position:fixed; top:100px; width:40px; 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;}
#sidebar-navigation.fixed {top:55px;}
#sidebar-navigation ul { margin:0; padding:0; list-style:none;}
#sidebar-navigation ul li a { display:block; text-align:center; font-size:21px; padding:10px 0; color:#f94953;  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;}
#sidebar-navigation ul li span.number { display:inline-block; width:22px; font-size:12px; line-height:22px; height:22px; border-radius:50%; background:#eee; color:#202f39;}
#sidebar-navigation ul li.active span.number { background:#fff;}
#sidebar-navigation ul li.active > a { background:#eeeeee; color:#f94953;}
#sidebar-navigation ul li ul a { line-height:12px;}
#sidebar-navigation ul li.view-link a { font-size:13px;}
#sidebar-navigation ul li.view-link { border-bottom:1px solid #425562;}
#sidebar-navigation .scroll { overflow:auto;}

/*--- User-info-bar --- */
.user-info-bar { background:#dadada; position:relative; margin-top:-15px;}
.user-info-bar .progress { margin-bottom:0; box-shadow:none; border-radius:0; height:5px; background:#fff;}
.user-info-bar .progress .progress-bar { background:#f94953;}
.user-info-bar .timer { float:right; font-size:13px;}
.user-info-bar .timer .fa { color:#868686; vertical-align:text-bottom; margin-right:3px; font-size:17px;}
.user-info-bar #remain { margin-right:3px;}

/*--- User-panel --- */
.question-page { /*background:#eeeeee url("images/user-panel-bg.gif") left top repeat-y;*/}
.question-page .page-header h2 { width:65%;}
#user-panel #sidebar { float:left; width:40px;}
#user-panel #main {padding:20px 15px 0;}
#user-panel .table3 tr th { border-bottom:1px solid #f5f4f4; width:57px;}
#user-panel .table3 tr th, #user-panel .table3 tr td { text-align:left; vertical-align:top;}
#user-panel .table3 tr td h5 { margin-bottom:0;}
#user-panel .content-area { float:left; width:100%;}


/*--- 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 #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;}

#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; margin-bottom:-9px; position:relative; font-weight:600;}
#settings-dropdown hr { margin:5px 0;}
#editor-box  #settings-dropdown .two-col { padding:10px 0;}
#editor-box  #settings-dropdown  label { font-weight:600;}
#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  .select { float:right; width:162px;}
#editor-box  #settings-dropdown .checkbox-input label { line-height:19px; font-weight:normal;}

/*--- Tabs --- */
.tabs { position:relative;}
.tabs .nav-tabs { border-bottom:1px solid #dadada; height:40px; margin-bottom:15px;}
.tabs .nav-tabs li.active a{ background:none; border:0;  border-bottom:2px solid #eb494f; color:#eb494f; }
.tabs .nav-tabs li.active a:hover, .tabs .nav-tabs li.active a:focus, .tabs .nav-tabs li.active a:active {  border-bottom:2px solid #eb494f;}
.tabs .nav-tabs > li > a:focus, .tabs .nav-tabs > li > a:hover { background:none;}
.tabs .nav-tabs a:hover,.tabs .nav-tabs a:active, .tabs .nav-tabs a:focus { color:#eb494f; background:#e6e6e6;}
.nav-tabs > li > a { border:0px solid hsla(0, 0%, 0%, 0)  }
.nav-tabs  li.active  a, .nav-tabs  li.active  a:focus, .nav-tabs  li.active > a:hover { border:none;border-bottom:1px solid #eb494f; }
.tabs .tab-content { border:none; padding:0 0; z-index:5; position:relative; }
.tabs .nav-tabs li a {font-size:13px; padding:10px; border-radius:0; text-transform:uppercase; color:#999999;}
.tabs .nav-tabs li { float:left; }
.tabs .table1 tr td, .tabs .table1 tr th { text-align:center; padding:8px 5px;}
.tabs .table1 tr td.no-padding { padding:0;}
.tabs .table1 tr td.name, .tabs .table1 tr th.name { text-align:left;}
.tabs .table1 tr.active span.number { line-height:28px;}
.tabs #search-filter { margin-bottom:0;}

/*--- Discussion --- */
#discussion { margin-bottom:20px; padding-top:10px; }
#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 .fa-question-circle { font-size:24px; vertical-align:text-bottom; margin-right:5px;}
#discussion h1 { font-size:16px; line-height:22px; margin-bottom:5px;}
#discussion h1 .fa-question-circle { font-size:28px; margin-right:10px; color:#42a5f6; vertical-align:middle;}
#discussion p.tags { margin-bottom:6px;font-size:12px;}
#discussion p.tags a { color:#333;}
#discussion p.tags a:hover { color:#eb494f;}
#discussion p.tags .fa { margin-right:5px; font-size:15px; color:#868686; vertical-align:middle;}
#discussion .comments-title { margin-top:15px;}
#discussion .answer h4 { margin-bottom:5px;}
#discussion .answer { padding:10px 10px 0; background:#fff; box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); border-radius:3px; margin-bottom:20px;}
#discussion .answer .expert-icon { width:15px; margin-right:5px;}
#discussion .answer .answered-by { font-size:12px; margin-bottom:6px;}
#discussion .answer .answered-by a { color:#eb494f;}
#discussion .question-answers-lists .main-question .panel-footer { border-top-color:#dadada; background:none;}
#discussion .question-answers-lists .main-question .panel-footer .metadata { margin-bottom:0;}
#discussion .question-answers-lists .answer p { font-size:14px; margin-bottom:10px;}
#discussion .question-answers-lists .answer .first-letter {background: #ee534f; float:left; margin-right:10px;  border-radius: 50%; color: #fff;  display: inline-block; font-size: 15px; font-weight: bold;  height:24px;  line-height:24px;  text-align: center;  width:24px;}
#discussion .scroll { max-height:425px;}
#discussion .heading1 span { color:#eb494f;}

#discussion .question-answers-lists .answer p.user-actions { background:#dadada; padding:3px 10px; font-size:11px; margin:0 -10px 0; position:relative;}
#discussion .question-answers-lists .answer p.user-actions a { color:#9d9c9c;}
#discussion .question-answers-lists .answer p.user-actions .fa { color:#868686; margin-left:10px; margin-right:3px;}
#discussion .question-answers-lists .answer p.user-actions .fa-thumbs-up { margin-left:0;}

#discussion .add-answer { margin-bottom:15px; margin-top:25px;}
#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 { height:72px;}
#discussion .add-answer .checkbox-input { display:block; clear:both; 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;}
#discussion .question-answers-lists .cmmntAns li .metadata { margin-bottom:0;}
#discussion .total-questions { font-size:16px; line-height:18px; color:#8c8c8c; }
#discussion .total-questions small { font-size:10px; }

/*--- Accordion --- */
.winners-accordion .accordion-head { margin-bottom:0; padding-right:22px; outline:none;}
.winners-accordion .ui-accordion-header { margin-top:3px;}
.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:#2196f3; color:#fff; border:1px solid #2196f3; border-bottom:0;}
.winners-accordion .ui-widget-content { border:1px solid #bbdefa; border-top:0;}

/*---Form1 --- */
.form1 ul { margin:0; padding:0; list-style:none;}
.form1 ul li { margin-bottom:12px;}
.form1 ul li .alert { margin-bottom:0;}
.form1 .required {color:#ff0000;}
.form1 .form-control, .form1 input[type="text"], .form1 input[type="password"] { height:35px; font-size:13px; border-radius:0; box-shadow:none;}
.form1 input[type="submit"] { font-weight:normal;}
.form1 .forgot-password { float:right; font-size:11px; margin-top:2px; color:#eb494f;}
.form1 .error_msg {background: #f65039; line-height:17px; color: #fff; display: inline-block; float: right; font-size: 12px; padding: 1px 5px 2px; position: relative;}
.form1 .error_msg img[height='14'] { display:none;} 
.form1 .error_msg a { color:#fff;}
.form1 textarea.form-control { resize:none; height:120px; border:1px solid #ccc !important;}
.form1 .has-error textarea.form-control { border:1px solid #f65039 !important;}
.form1 .has-error input[type="text"], .form1 .has-error input[type="password"] { border:1px solid #f65039;}

.form1 label { font-size:13px; color:#424242; display:block; margin-bottom:8px; font-weight:normal;}
.form1 .radio-input { position:relative; display:block; padding-left:25px; margin-bottom:10px;}
.form1 .radio-input label { font-size:13px; color:#314451; margin:0;}
.form1 .radio-input label a { color:#eb494f;}
.form1 .radio-input input[type=radio]:checked + label:before { background:url(images/sass_images/radio1.png) left 0px no-repeat; }
.form1 .radio-input input[type=radio] { display: none; }  
.form1 .radio-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px;  position: absolute; left: 0;  top:2px; background:url(images/sass_images/radio1.png) left -22px no-repeat; }  
.form1 .radio-input input[type=radio]:checked + label:before {background:url(images/sass_images/radio1.png) left 0px no-repeat; }

.form1 .checkbox-input { position:relative; display:inline-block; padding-left:30px;}
.form1 .checkbox-input label { font-size:13px; margin:0;}
.form1 .checkbox-input label a { color:#eb494f;}
.form1 .checkbox-input input[type=checkbox]:checked + label:before { background:url(images/techgig_new_images/checkbox.png) left -24px no-repeat; }
.form1 .checkbox-input input[type=checkbox] { display: none; }  
.form1 .checkbox-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px;  position: absolute; left: 0;  top:-1px; background:url(images/techgig_new_images/checkbox.png) left 0 no-repeat; }  
.form1 .checkbox-input input[type=checkbox]:checked + label:before {background:url(images/techgig_new_images/checkbox.png) left -24px no-repeat; }

.form1 .select { position:relative; display:block; border:1px solid #ccc; min-height:37px; height:auto; width:100%; background:#fff;}
.form1 .select select { width:100%; background:#fff; outline:none; border:0; padding:0 35px 0 10px; height:35px; font-size:13px; color:#999; position:relative; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.form1 .select select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
.form1 .select select::-ms-expand{ display:none;}
.form1 .select:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:0; background:url(images/techgig_new_images/select-arrow.gif) left center no-repeat; width:35px; height:35px; content:""; border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0;}
html.js input.form-autocomplete { background-image:none !important;}

.form1 .varification-field label { float:left; line-height:35px; margin-right:10px; font-size:12px; margin-bottom:0;}
.form1 .varification-field .reg-captcha { float:left;}
.form1 .varification-field .form-control { width:60px; text-align:center; padding:6px 5px; float:left; margin-right:10px;}
.form1 .varification-field .reg-frm-rfrs, .form1 .varification-field .captcha-rfrs { float:left; background: rgba(0, 0, 0, 0) url("images/reg-frm-rfrs.gif") no-repeat scroll -6px -7px;  float: left;  height:26px;  margin:4px 0 0 6px;   width:29px; border-radius:3px; border:1px solid #dfdfdf;}
.form1 .varification-field .reg-frm-rfrs:hover, .form1 .varification-field .captcha-rfrs:hover, .form1 .varification-field .reg-frm-rfrs:active, .form1 .varification-field .captcha-rfrs:active { background-position:-6px -47px; text-decoration:none;}
.form1 .varification-field #imgCaptcha, .form1 .varification-field #imgLoginCaptcha { float:left; width:70px; margin-top:4px;}
.form1 .varification-field.has-error { padding-bottom:18px; position:relative;}
.form1 .varification-field.has-error .error_msg { position:absolute; left:0; bottom:0;}

.form1 .chosen-container-multi .chosen-choices li.search-field input[type="text"] { height:22px;}
.form1 .chosen-container-multi .chosen-choices { border:0; border-radius:4px; padding:6px 6px 5px; background:#fff;}
.form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { border:1px solid #ccc; width:12px; height:12px;}
.form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {color: #999; content: "x"; display: block; font-size: 11px; left:2px; position: absolute;   top:-3px;}
.form1 .chosen-container-multi .chosen-choices li.search-choice { padding:2px 20px 4px 5px;}
.chosen-container .chosen-results li { font-size:12px;}

/*--- NewQuestion --- */
#newQuestion textarea.form-control { height:75px;}
#newQuestion li small { color:#999;}

/*--- Social Btn --- */
.social-btn {  position:relative; background:none; width:38px; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 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; padding:0 12px 0 12px; height:38px; margin:0 5px 0; line-height:37px; font-size:14px;}
.social-btn:hover, .social-btn:focus, .social-btn:active { color:#fff; outline:none; text-decoration:none;}
.social-btn .inner { display:none;}
.social-btn .fa { font-size:20px; vertical-align:middle; color:#fff; text-align:left;}
.social-btn.facebook { background:#3b5998;}
.social-btn.google { background:#ca4736;}
.social-btn.linkedin { background:#11709c;}
.social-btn.github { background:#37393d;}
.social-btn.mail { background:#0d7e8f;}

.social-btn.facebook:hover { background:#29457f;}
.social-btn.google:hover { background:#ad3425;}
.social-btn.linkedin:hover { background:#09577b;}
.social-btn.github:hover { background:#1f2123;}
.social-btn.mail:hover { background:#075f6c;}

/*--- News List --- */
.news-list { margin:0; padding:0; list-style:none;}
.news-list li:last-child .panel { margin-bottom:0;}
.news-list li .image a { display:block; width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.news-list li .image img { display:block; min-height:125px; max-height:175px; width:100%;}
.news-list li .panel-heading { font-size:11px; color:#202f39; font-weight:200; background:none;}
.news-list .metadata { margin-bottom:0; float:right;}
.news-list li .panel-footer { font-weight:200; background:none; border-top:0; position:relative; padding-top:0;}
.news-list li .panel-footer .block { font-size:11px; color:#868686;}
.news-list li .panel-footer > a:focus, .news-list li .panel-footer > a:active {color:#06a4fb;}
.news-list li .panel-footer .block .fa { font-size:14px; margin-right:5px;}
.news-list li .panel-footer .block { float:left; margin-right:15px;}
.news-list li .panel-footer .share-icon { float:right; margin-right:0;}
.news-list li .panel-footer .share-icon .fa {margin-right:0;}
.news-list li .panel-footer .popover.top > .arrow { left:auto;}

/*--- Send-updates --- */
#status_update_message { height:120px !important;}
.send-updates { display:none; margin-bottom:20px;}
.send-updates .attach .fa { font-size:20px; margin-left:12px; color:#999; vertical-align:sub;}
.send-updates #shareList_subBtn { float:right;}
.send-updates div { clear:both; width:100%; overflow:hidden;}
.send-updates .url-dt-a { float:right;}
.send-updates .pg-hds { font-size:11px; display:block; margin-bottom:10px;}
#latest-updates .add-updates-btn, #latest-updates .hide-updates-btn { box-shadow:none; padding:0; box-shadow:none;}
#latest-updates .hide-updates-btn { display:none;}

#url_data_block .form-control { float:left; width:72%;}
#url_data_block .form-inline .btn { float:right; padding-top:7px; padding-bottom:7px;}

/*--- Videos List --- */
.videos-list { margin:0 -5px 15px; padding:0; list-style:none;}
.videos-list li { float:left; padding:0 5px; margin-bottom:10px; width:33.333%; height:67px; overflow:hidden;}
.videos-list .without-video {height:67px;width:100%;background:#202f39;display:table;text-align:center;font-size:12px;line-height:14px;color:#fff;}
.videos-list .without-video span {vertical-align:middle;display:table-cell;padding:10px;}

/*--- Edit_profile_picture --- */
#edit_profile_picture .user-image { margin-bottom:15px;}
#edit_profile_picture .upphoto { display:block;}
#edit_profile_picture p small {font-size:10px;}

/*--- Pfeed_block_Today --- */
#Pfeed_block_Today h1 { text-transform:uppercase;}
#Pfeed_block_Today .vst-bx { width:100%;}
#TJ-connect-modal .modal-header{ text-align:left;}
#TJ-connect-modal .acpt-tjr { width:100% !important; padding:0 !important;}
#TJ-connect-modal .tjr-pass-ttl { font-size:14px;}
#TJ-connect-modal .tjr-pass-fld input { width:100%; background:#fff; border-radius:3px;}
#TJ-connect-modal .sign-me-up-reg, #TJ-connect-modal .sign-me-up-reg:hover, #TJ-connect-modal .sign-me-up-reg:focus, #TJ-connect-modal .sign-me-up-reg:active { background:#eb494f; border-radius:4px; font-size:14px; height:40px; color:#fff; line-height:40px;}
#TJ-connect-modal .sign-me-up-reg span { display:none;}

/*--- Blog --- */
#blog .favorite-icon { float:right; font-size:13px; color:#333; position:relative; margin-top:-1px;}
#blog .favorite-icon .fa { color:#42a5f6; font-size:14px; margin-right:3px;}
#blog .news-list { margin-bottom:20px;}
#blog .news-list .image { margin-bottom:10px;}
#blog .news-list li p { margin-bottom:0;}

/*--- Comp-details --- */
.comp-details.table1 tr td { text-align:left; vertical-align:top;}

/*--- Mob-app-banner --- */
#mob-app-top { height:36px; text-align:center; padding:4px 0; background:#314150; position:fixed; top:0; width:100%; left:0; z-index:102; 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;}
.activeMenu #mob-app-top {z-index:101;}
#mob-app-top p { color:#fff; font-size:12px;}
#mob-app-top .button1 { text-transform:uppercase; margin-left:5px;}

/*--- Mob-app-banner --- */
#mob-app-banner { background:#fff; position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; text-align:center;}
#mob-app-banner .container-fluid { background:#fff; position:fixed; left:0; bottom:0; padding:15px 0; width:100%;}
#mob-app-banner .container-fluid:before { content:""; height:26px; top:-26px; position:absolute; left:0; width:100%; background:url(images/techgig_new_images/shadow.png) center top repeat-x; display:block;}
#mob-app-banner .app-box { background:url(images/techgig_new_images/mob-app-bg.jpg) center top repeat-x; height:350px; padding-top:24px; margin-bottom:50px;}
#mob-app-banner .website-lnk { font-size:12px; color:#333; text-transform:uppercase; font-weight:600; letter-spacing:1px;}
#mob-app-banner .seperation { margin-bottom: 15px; position: relative;}
#mob-app-banner .seperation::after {  background: #dadada; content: ""; display: block; height: 1px; left: 0; position: absolute; top: 12px; width: 100%;}
#mob-app-banner .seperation span {  background: #dadada; border-radius: 50%; color: #404040; display: block; font-size: 12px; height:25px;  line-height: 25px;  margin: 0 auto; position: relative; text-align: center; width: 25px; z-index: 5; font-weight:600;}

/*--- Contest List --- */
.contest-list { margin:0 0 30px; padding:0; list-style:none;}
.contest-list li { margin-bottom:20px;}
.contest-list li:last-child { border-bottom:0; margin-bottom:0;}
.contest-list li .image { float:left;}
.contest-list li .image img { width:85px; height:70px;}
.contest-list li .details { margin-left:100px;}
.contest-list li .panel { margin-bottom:0;}
.contest-list li .panel-heading { background:none; font-size:14px; position:relative;}
.contest-list li .panel-heading h5 { margin-bottom:0;}
.contest-list li .panel-footer { background:#dadada; padding:0; border-top:0;}
.contest-list li .panel-heading > a { color:#9d9c9c; font-weight:600;}
.contest-list li .panel-heading a.share-icon { float:right; font-size:15px;}
.contest-list li .data-analyse-table { width:100%; text-align:center;}
.contest-list li .data-analyse-table tr td { padding:8px 5px; font-size:12px; border-right:1px solid #c0c0c0; font-weight:200; border-bottom:1px solid #c0c0c0;}
.contest-list li .data-analyse-table tr td:last-child {border-right:0;}
.contest-list li .button1 { border-radius:0 0 3px 3px; text-transform:uppercase; font-weight:200; padding:8px 12px;}
.contest-list li .share-this-item { right:-2px; top:29px; bottom:auto;}
.contest-list li .share-this-item.bottom .arrow { left:auto; right:15px;}

.contest-list li h4 { margin-bottom:8px;}
.contest-list .metadata { margin-bottom:10px;}
.contest-list .company-name { color:#999; margin-bottom:0;}
.contest-list .location { color:#999;}
.contest-list p .fa { font-size:17px; margin-right:7px; color:#999; vertical-align:bottom;}

/*--- Jobs List --- */
.jobs-list .panel-body p { margin-bottom:7px; color:#9d9c9c;}
.jobs-list .panel-body p .fa { font-size:21px; vertical-align:middle; margin-right:10px; width:21px; text-align:center;}
.jobs-list .keyskills {text-align:center; padding:8px 10px; font-size:13px; line-height:18px;}
.jobs-list .keyskills p { margin-bottom:0;}

/*--- Jobs Section --- */
.job-section  ul { margin:0; padding:0; list-style:none;}
.job-section  li { margin-bottom:7px; position:relative; padding-left:32px; font-size:13px; line-height:22px; font-weight:200;}
.job-section  li .fa { font-size:21px; color:#9d9c9c; vertical-align:middle; margin-right:10px; width:21px; text-align:center; position:absolute; left:0; top:1px;}
.job-description { font-size:14px; line-height:24px; color:#202f39;}

/*--- Companies List --- */
.companies-list.list3 li .details { margin-left:0;}
.companies-list .details h4 { text-align:center; text-transform:uppercase;}
.companies-list .panel-header { text-align:center; height:68px; padding-top:20px; border-radius:3px 3px 0 0; text-align:center; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.companies-list .panel-header .company-logo { width:150px; background:#fff; margin:0 auto; height:48px; padding:5px; border-radius:5px 5px 0 0;}
.companies-list .panel-header .company-logo img { max-width:140px; max-height:38px;}

/*--- Question-area --- */
#question-area {overflow-wrap: break-word;
  word-wrap: break-word;

  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;}
.question-area .page-header h2 { width:60%;}
.question-area .panel { box-shadow:none; border-radius:0; border:0; background:none;}
.question-area .panel-footer { background:#dadada; position:fixed; left:0; bottom:0; z-index:100; width:100%; padding:10px 15px;}
.question-area .panel-footer p { margin-bottom:0; text-align:center; line-height:28px; font-size:18px;}
.question-area .panel-footer p a { color:#333;}
.question-area .panel-footer .next-btn, .question-area .panel-footer .result-btn { float:right;}
.question-area .panel-footer .previous-btn { float:left;}
.question-area .panel-footer .fa { margin-left:5px; color:#696969;}
.question-area .panel-footer .previous-btn .fa { margin-left:0; margin-right:5px;}

.question-area .question ul { margin:0 -16px 40px; position:relative; padding:0; list-style:none;}
.question-area .question ul li { width:100%; overflow:hidden; padding-right:50px; background:#fff; border-bottom:1px solid #f6f6f6; cursor:pointer; position:relative;}
.question-area .question ul li:first-child { border-top:1px solid #f6f6f6;}
.question-area .question ul li .option { width:50px; min-height:40px; display:block; text-align:center; font-size:14px; color:#333; border-right:1px solid #f6f6f6; position:absolute; left:0; top:0; height:100%; line-height:18px;}
.question-area .question ul li .option span { position:absolute; display:block; top:50%; margin-top:-9px; width:100%;}
.question-area .question ul li .question-text { margin-left:50px; position:relative; font-size:13px; color:#333; line-height:17px; padding:5px 10px 7px; display:table; height:40px;}
.question-area .question ul li .tick-icon { position:absolute; right:0; top:0; height:100%; text-align:center; background:#dadada; width:50px;}
.question-area .question ul li.active .tick-icon { background:#2196f3;}
.question-area .question ul li .tick-icon img { width:26px; position:absolute; top:50%; margin-top:-10px; left:50%; margin-left:-13px;}
.question-area .question ul li .question-text span { display:table-cell; vertical-align:middle; word-break:break-word;}
.question-area .question h4 { line-height:20px;}
.question-area .question h4 small { font-size:12px; color:#333;}
.question-area .question ul li pre { width:100%; max-height:200px; margin-bottom:0;}

/*--- Invite-login --- */
#invite-login #work_experience .select, #invite-login #salary .select { width:80px; display:inline-block;}
#invite-login .table-responsive { border:0;}
#invite-login .table-responsive .table3 { width:500px;}
#invite-login .table3 .percent { width:50px; text-align:center;}
#invite-login .form-group .col-sm-4, #invite-login .form-group .col-sm-7 { padding:0;}

/*--- Result-content --- */
.result-content { text-align:center;}
.result-content h4 { text-align:left;}
.result-content .panel-body { position:relative;}
.result-content .share-icon { position:absolute; right:15px; top:15px; font-size:14px; color:#868686;}
.result-content .score { font-size:24px; font-weight:200; font-style:italic; margin-bottom:40px;}
.result-content .time-taken { margin-bottom:5px;}
.result-content .view-submission-btn { border-radius:0; background:none; color:#eb494f; border:1px solid #eb494f;}
.result-content .status { margin:0 -15px 20px; padding:0; list-style:none;}
.result-content .status li { font-size:13px; color:#fff; line-height:21px;}
.result-content .status li .inner { padding:10px 5px;}
.result-content .status li.currect .inner { background:#6fc258;}
.result-content .status li.wrong .inner { background:#f94953;}
.result-content .status li .number {font-size:24px; font-weight:600; display:block;}
.result-content .share-this-item {bottom:auto; top:35px;}
.result-content .share-this-item .arrow { left:auto; right:8px;}

.result-content  .score-details { text-align:left; margin-bottom:20px;}
.result-content  .score-details .inner { overflow: auto; background:#eeeeee; padding:15px; margin:0 -15px;}
.result-content  .score-details .inner ul { margin:0; padding:0; list-style:none;}
.result-content  .score-details .inner ul li { float:left; min-width:135px; border-right:1px solid #dadada; padding-right:10px; margin-right:10px;}
.result-content  .score-details .inner ul li h5 { margin-bottom:7px;}
.result-content  .score-details .inner ul li p { color:#868686; line-height:19px; font-size:12px; margin-bottom:0;}
.result-content  .score-details .inner ul li p a { color:#0187d0;}
.result-content  .score-details .inner ul li p .fa { width:auto;}
.result-content  .score-details .inner ul li:last-child { border-right:0; padding-right:0; margin-right:0;}
.result-content  .score-details.questions-base .inner ul  { width:725px !important;}

/*--- Radios --- */
.radios { margin-bottom:35px;}
.radios .radio { position:relative; display:inline-block; width:17%; margin:0 12px 20px;}
.radios .radio label { font-size:14px; color:#000000; background:#fff; font-weight:normal; border:1px solid #b3b3b3; text-align:center !important; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:6px 10px; display:block; cursor:pointer; 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;}
.radios .radio label:hover { border:1px solid #ffb13b;}
.radios .radio.active label { background:#ff9900; border:1px solid #ff9900; color:#fff;}
.radios .radio input[type=radio] { display: none; }  

/*--- About-company --- */
.about-company { margin-bottom:20px;}

/*--- News --- */
#news .news-list { margin-bottom:20px;}
#news .news-list .image { margin-bottom:10px;}
#news .news-list li p { margin-bottom:0;}

/*--- Metadata --- */
.metadata { display:block; font-size:11px; color:#868686; margin-bottom:15px; font-weight:200;}
.metadata .fa {color:#868686;}
.metadata .category { float:right; background:#06a4fb; border-radius:5px; text-transform:uppercase; line-height:12px; font-weight:200; padding:0 5px;}

/*--- Autocomplete --- */
#autocomplete ul li { margin-bottom:0 !important;}

/*--- Skill Info --- */
.skill-info { margin-bottom:15px;}
.skill-info h3 { margin-bottom:5px;}
.skill-info p { margin-bottom:0;}
.skill-info strong { font-weight:600;}
.skill-info p a { color:#333;}
.skill-info p a:hover { color:#eb494f;}

/*--- Skill Box --- */
.skill-box .panel-heading h5 { margin-bottom:0;}

.skill-box .panel-footer { background:#f8f9f9; padding:0; border-top:1px solid #e1e3e6;}
.skill-box .panel-footer h6 { text-align:center; margin-bottom:0; text-transform:uppercase; font-size:11px; background:#e5e5e5; padding:2px 5px 3px;}
.skill-box .button1 { border-radius:0 0 3px 3px;}
.skill-box .panel-body p  { margin-bottom:0;}
.skill-box .panel-body .fa-star { font-size:17px; color:#fe931b; vertical-align:text-top; margin-right:5px;}
.skill-box .panel-footer .inner { padding:10px 15px;}
.skill-box .panel-footer p { font-size:14px; margin-bottom:0; line-height:15px;}
.skill-box .panel-footer p .pull-right { text-align:right;}
.skill-box .panel-footer p small { font-size:10px; text-transform:uppercase;}

/*--- PrevDiv --- */
#prevDiv ul { margin:0; list-style:none; position:absolute; background-color: #fff;  border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);   left: 0; max-width: 276px; padding:10px; z-index: 99; width:100%;}
#prevDiv ul li { font-size:13px; margin-bottom:7px;}
#prevDiv .flg-tp, #prevDiv .flg-tp-br { display:none;}
#prevDiv  #inp_bx { display:block; width:100%; overflow:hidden;}
#prevDiv  #inp_bx .form-control { float:left; width:200px; margin-right:7px;}

/*--- Backgrounds --- */
.color1 { background:#25aed2 !important; color:#fff !important;}
.color2 { background:#f1ce0d !important; color:#fff !important;}
.color3 { background:#26e489 !important; color:#fff !important;}
.color4 { background:#ec1a5f !important; color:#fff !important;}
.color5 { background:#0b6f75 !important; color:#fff !important;}
.color6 { background:#ff9600 !important; color:#fff !important;}
.color7 { background:#4ae100 !important; color:#fff !important;}
.color8 { background:#1a8de0 !important; color:#fff !important;}
.color9 { background:#9966cc !important; color:#fff !important;}
.color10 { background:#ff6600 !important; color:#fff !important;}
.color11 { background:#cccc33 !important; color:#fff !important;}
.color12{ background:#999999 !important; color:#fff !important;}
.color13{ background:#e87e23 !important; color:#fff !important;}
.color14{ background:#27aae1 !important; color:#fff !important;}
.color15{ background:#df2d3c !important; color:#fff !important;}
.color16{ background:#6982ef !important; color:#fff !important;}
.color17{ background:#95a5a5 !important; color:#fff !important;}
.color18{ background:#e2878f !important; color:#fff !important;}

/*--- Advanced_search_criteria --- */
#advanced_search_criteria {display:none;}
#advanced_search_criteria p { margin-bottom:10px;}
#advanced_search_criteria label { font-weight:600;}
#advanced_search_criteria .range-slider { margin-bottom:15px;}
#advanced_search_criteria .range-slider:last-child { margin-bottom:0;}
#advanced_search_criteria .leftLabel { float:left; font-size:13px;}
#advanced_search_criteria .rightLabel { float:right; font-size:13px;}
#job-search-form .nstSlider { width:100%; height:5px; background-color:#dadada; margin:15px 0 10px;}
#job-search-form .nstSlider .bar { top:0; height:5px;}
#job-search-form .nstSlider .rightGrip, #job-search-form .nstSlider .leftGrip { top:-7px; background:#fff; box-shadow:0 0 1px #666;}
#job-search-form .nstSlider .rightGrip:after, #job-search-form .nstSlider .leftGrip:after { width:10px; height:10px; background:#06a4fb; border-radius:50%; border:0; position:absolute; left:5px; top:5px; display:block; content:"";}
#job-search-form .nstSlider .leftGrip:hover, #job-search-form .nstSlider .rightGrip:hover { background:#f5f6f6;}

/*--- Mobile-search-form --- */
.mobile-search-form  { margin-bottom:20px;}
.mobile-search-form h3 { margin-bottom:10px;}
.mobile-search-form input[type="text"] { border-radius:4px 0 0 4px; border-right:0; width:85%; float:left; box-shadow:none;}
.mobile-search-form .select { border-radius:4px 0 0 4px; border-right:0; width:85%; float:left; box-shadow:none; min-height:35px;}
.mobile-search-form .select:after,.mobile-search-form .select select { height:33px;}
.mobile-search-form button[type="submit"] { border-radius:0 4px 4px 0; width:15%; float:left; padding:7px 12px 8px; height:35px;}

/*--- Search-jobs --- */
.search-jobs button[type="submit"] { float:right;}
.search-jobs ul li:last-child p { line-height:32px;}
.search-jobs p a:hover, .search-jobs p a:active, .search-jobs p a:focus { text-decoration:none;}
.search-jobs ul li:last-child, .search-jobs ul li:last-child p { margin-bottom:0;}

/*--- Help Icon --- */
.help-icon { display:inline-block; margin-left:10px;}
.help-icon .fa { font-size:17px; vertical-align:top; color:#06A4FB;}

/*--- Message Success --- */
.msgErrortop { position:fixed; left:0; top:0; width:100%; z-index:10000; font-size:13px; line-height:20px;}
.msgErrortopFixed { position:fixed; left:0; top:68px; width:100%; z-index:10000; text-align:center; font-size:16px;}
.msgErrortop .close { width:15px; height:15px; display:block; position:absolute; vertical-align:middle; position:absolute; right:5px; top:5px;}
.msgErrortop .fa { font-size:23px; vertical-align:bottom;}
.msgErrortop .close .fa { font-size:16px; color:#999; vertical-align:top;}
.msgErrortop .close:hover .fa { color:#333;} 
.success-msg {border: 1px solid #d6e9c6; z-index:10; color:#3c763d; background:#dff0d8; margin:0 0 20px; padding:10px 20px 10px;}

/*--- Warning --- */
.warning-msg {border: 1px solid #faebcc; z-index:10; color:#8a6d3b; background:#fcf8e3; margin:0; padding:10px 20px 10px;}

/*--- Error --- */
.error-msg {border: 1px solid #ebccd1; z-index:10; color:#a94442; background:#f2dede; margin:0; padding:10px 20px 10px; display:block; }

/*--- Info --- */
.info-msg {border: 1px solid #bce8f1; z-index:10; color:#31708f; background:#d9edf7; margin:0; padding:10px 20px 10px;}

#autocomplete {
  position: absolute;
  border:#dfdfdf solid 1px;
  overflow: hidden;
  z-index: 100;
}
#autocomplete ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#autocomplete li {
  background: #ebf4fb;
  color: #000000;  
  font-size:11px;
  text-align:left;
  cursor: default;
  padding:6px;
  border-bottom:1px solid #dfdfdf;
}
#autocomplete li.selected {
  background: #2879b6;
  color:#f2dd94;  
}

#autocomplete li strong {color:#000; float:none;font-weight:bold;display:inline} /* added for tag on 27 March 2009 by Abhishek */
#autocomplete li.selected strong{color:#FFC906}

.ie-max-height {height:expression(this.scrollHeight>299?"300px":"auto");max-height:300px;display:block; background:#ebf4fb;cursor:pointer;}

/*--- Form-inline --- */
.form-inline .form-group { display: inline-block;  margin-bottom: 0; vertical-align: middle;}

/*--- Job-search-form --- */
#job-search-form { border:0;}
#job-search-form .panel-body { padding:0;}
#job-search-form ul { margin:0; padding:0; list-style:none;}
#job-search-form ul li { position:relative; border-bottom:1px solid #dadada;}
#job-search-form ul li .form-control { border:0; font-weight:200; height:42px; box-shadow:none; border-radius:0; padding-left:50px; background:none; font-size:13px; float:left; width:87%;}
#job-search-form ul li  h6 { line-height:42px; color:9d9c9c; margin-bottom:0; padding-left:50px;}
#job-search-form ul li > .fa { font-size:19px; text-align:center; line-height:42px; color:#c0c0c0; width:50px; position:absolute; left:0; top:0;}
#job-search-form .leftLabel { float:left; font-size:13px; width:20px; text-align:center;}
#job-search-form .rightLabel { float:right; font-size:13px; width:20px; text-align:center;}
#job-search-form .range-slider { padding:0 15px;}
#job-search-form .nstSlider { margin-top:0;}
#job-search-form .btn-block { border-radius:0; outline:none; font-weight:200; font-size:15px; margin-bottom:10px;}
#job-search-form .search-btn { border-radius:0; outline:none; font-size:15px; border:0; width:37px; height:42px; color:#c0c0c0; background:none; float:right; border-left:1px solid #dadada;}
#job-search-form p { padding:0 15px;}
#job-search-form p a { color:#202f39;}
#job-search-form .alert { border-radius:0; margin-bottom:0;}
#job-search-form .hidden-content { display:none;}

#job-search-form.advance-search  ul li { border-bottom:0;}
#job-search-form.advance-search .hidden-content { display:block;}
#job-search-form.advance-search  ul li .form-control { border-bottom:0; width:100%; border-bottom:1px solid #dadada;}
#job-search-form.advance-search  .search-btn { display:none;}

/*--- Sitemap-content --- */
.sitemap-content .panel .panel-heading  { font-size:13px; font-weight:600;}
.sitemap-content .panel ul { margin:0; padding:0; list-style:none;}
.sitemap-content .panel ul li { float:left; width:50%; line-height:22px;}
.sitemap-content .panel ul li a { color:#333; font-size:12px; 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;}
.sitemap-content .panel ul li a:hover { color:#eb494f;}

/*--- Badge --- */
.badge { font-weight:600;}

/*--- Alert --- */
.alert { font-size:12px; padding:8px 10px; margin-bottom:15px;}

/*--- Post --- */
.post { font-size:13px; line-height:20px; color:#333;}
.post ul, .post ol { padding-left:13px;} 
.post li { font-size:13px; line-height:20px; margin-bottom:10px; color:#333;}

/*--- App-download-peppertap --- */
#app-download-peppertap { width:290px !important; margin-left:-145px !important;}

/*--- Events-content --- */
.events-content .top-links { width:100%; border:1px solid #64b5f6; border-radius:4px; background:#64b5f6; margin-bottom:15px;}
.events-content .top-links .btn { background:none; font-size:13px; color:#333; background:#fff; box-shadow:none; float:left; width:50%;}
.events-content .top-links .btn:hover, .events-content .top-links .btn.active, .events-content .top-links .btn:active, .events-content .top-links .btn:focus {  color:#fff; background:#64b5f6; outline:none;}
.events-content .top-links .btn + .btn, .events-content .top-links .btn + .btn-group, .events-content .top-links .btn-group + .btn, .events-content .top-links .btn-group + .btn-group { margin-left:0;}

/*--- Expert And Attendies --- */
#expert .list5 .details p, #attendies .list5 .details p { margin-bottom:0;}

/*--- All-top-scores --- */
#all-top-scores h5 { margin-bottom:5px;}
#all-top-scores .table1 { margin-top:15px; clear:both;}
#all-top-scores .table1 tr th { border-top:1px solid #eeeeee;}
#all-top-scores .table1 tr th:first-child, #all-top-scores .table1 tr td:first-child { text-align:center;}
#all-top-scores .table1 tr td, #all-top-scores .table1 tr th { text-align:left; font-size:12px; line-height:15px;}
#all-top-scores .table1 tr td.tech-quotient, #all-top-scores .table1 tr th.tech-quotient { text-align:center;}
#all-top-scores .table1 tr th small { display:block; font-weight:400; color:#999;}
#all-top-scores .table1 th.rank { text-align:center;}
#all-top-scores .table1 td.name { padding:5px; white-space:nowrap;}
#all-top-scores .table1 tr td { font-size:11px; font-weight:200;}
#all-top-scores .table1 tr td.loading { text-align:center;}

/*--- Search-filter --- */
#search-filter { margin-bottom:20px;}
#search-filter h5 { margin-bottom:5px;}
/*#search-filter .select { float:left; width:75%; margin-right:3px;}*/
#search-filter .btn { padding:8px 12px 9px; float:right;}

/*--- Section1 --- */
.section1 { position:relative; text-align:center; display:table; width:100%; padding:30px 0; position:absolute; top:-100000px;}
.section1 .container-fluid { display:table-cell; position:relative; vertical-align:middle;}
.signup-steps { text-align:center; position:relative; margin-top:-15px;}
.section1 .next-btn { border-radius:0;}
.section1.active { position:relative; top:auto; z-index:5 !important;}

/*--- Token-input --- */
.section1 .textbox { margin-bottom:20px; display:block;}
.section1 ul.token-input-list-facebook {margin:0 auto; width:290px; background:none; border:0; height:34px; border-radius:4px; margin-bottom:0;}
.section1 ul.token-input-list-facebook li { margin-bottom:0;}
.section1 ul.token-input-list-facebook li input { width:100%; box-shadow:none; border:0; height:34px;}
.section1 .textbox > ul.token-input-list-facebook { border:1px solid #ccc;}
div.token-input-dropdown-facebook { width:290px !important;}

/*--- Select-your-language --- */
#professional-skills { background:#4495ad; z-index:3;}
#professional-skills p, #professional-skills h3, #professional-skills h4 { color:#fff;}
#professional-skills .checkbox label { border:1px solid #fff; background:#4696ad; color:#fff;}
#professional-skills .checkbox label:hover { border:1px solid #247691;}
#professional-skills .checkbox.active label { background:#1b6d88; border:1px solid #1b6d88;}

/*--- Professional-role --- */
#professional-role { z-index:4; background:#fff; padding-top:0;}

/*--- Educational-occupational --- */
#educational-occupational {z-index:2; background:#fff;}
#educational-occupational .textbox { margin-bottom:0;}

/*--- User Location --- */
#user-location { background:url(images/cg2016_images/location-bg.jpg) left top no-repeat; background-size:cover; z-index:1;}
#user-location p, #user-location h3 { color:#fff;}

/*--- Autocomplete --- */
#autocomplete ul li { margin-bottom:0 !important;}



/* Loading Popup Layer Block Starts Here */
.l2_outer_bx{background:url(images/bg-fb-trans-round.png) left top repeat; padding:15px; border-radius:12px; -webkit-border-radius:12px; position:fixed; width:100% !important; z-index:1000; left:0px!important; }
.layer-fb-cont{ background:#fff; border-radius:10px; -webkit-border-radius:10px; font-family:Arial, Helvetica, sans-serif; max-height:420px; overflow:auto;}

.fb-layer-new { background:#fff; font-family:Arial, Helvetica, sans-serif;}

.fb-blue-head {background:#3b5998; padding:12px 7px 12px 20px; text-align:left;}
.fb-blue-head span{float:right; position:relative; top:-7px;}
.fb-blue-head span a{color:#bdcff4; font-size:11px; font-weight:bold; text-decoration:none;}
.fb-blue-head span a:hover{text-decoration:underline}
.fb-blue-head b{font-size:15px; color:#fff; font-weight:normal;}

.fb-txt-new{padding:15px 15px 20px; text-align:left !important}
.fb-txt-new p{color:#303030; font-size:13px; line-height:18px; margin:0;}
.fb-txt-new p a{color:#006b9c; text-decoration:none;}
.fb-txt-new p a:hover{text-decoration:underline}

._l2_txt_cnt{max-height:200px; overflow:auto;clear:both;}
._l2_pre_load{padding:10px 0; margin:auto; text-align:center;font-size:22px; color:#303030; position:relative; display:block;}
._l2_pre_load_img{display:block; background:url(images/preloader-rectpic.gif) center center no-repeat; position:absolute; width:100%;}
/* Loading Popup Layer Block Ends Here */

/*--- Checkboxes --- */
.section1 .heading1 { margin-bottom:10px;}
.checkboxes { margin-bottom:20px;}
.checkboxes .checkbox { position:relative; margin:0 6% 15px 0; width:47%; float:left;}
.checkboxes .checkbox:nth-child(2n) { margin-right:0;}
.checkboxes .checkbox label { font-size:11px; color:#000000; background:#fff; font-weight:normal; border:1px solid #b3b3b3; text-align:center !important; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:6px 10px; display:block; cursor:pointer; 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;}
.checkboxes .checkbox label:hover { border:1px solid #ffb13b;}
.checkboxes .checkbox.active label { background:#ff9900; border:1px solid #ff9900; color:#fff;}
.checkboxes .checkbox input[type=checkbox] { display: none; }  

/* Example tokeninput style #2: Facebook style */
ul.token-input-list-facebook {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    width: 336px;
    border: 1px solid #8496ba;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;
}

ul.token-input-list-facebook li input {
    border: 0;
    width: 120px;
    padding:6px;
    background-color: white;
    margin: 2px 0;
    -webkit-appearance: caret;
}

li.token-input-token-facebook {
    overflow: hidden; 
    height: auto !important; 
    height: 15px;
    margin: 3px;
    padding:5px;
    background-color: #eff2f7;
    color: #000;
    cursor: default;
    border: 1px solid #ccd5e4;
    font-size: 11px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    white-space: nowrap;
}

li.token-input-token-facebook p {
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token-facebook span {
    color: #a6b3cf;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

li.token-input-selected-token-facebook {
    background-color: #5670a6;
    border: 1px solid #3b5998;
    color: #fff;
}

li.token-input-input-token-facebook {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.token-input-dropdown-facebook {
    position: absolute;
    width: 336px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 11px;
    font-family: Verdana;
    z-index: 1;
}

div.token-input-dropdown-facebook p {
    margin: 0;
    padding: 6px;
    font-weight: bold;
    color: #777;
	background-color: #ebf4fb;
	border-bottom:1px solid #dfdfdf;
	color: #000000;
	font-size:11px;
	text-align:left;
	font-family:arial;
}

div.token-input-dropdown-facebook ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown-facebook ul li {
    background-color: #ebf4fb;
    padding: 6px;
    margin: 0;
    list-style-type: none;
	border-bottom:1px solid #dfdfdf;
	color: #000000;
	font-size:11px;
	text-align:left;
	font-family:arial;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
    background-color: #ebf4fb;
	color: #000000;
	font-size:11px;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
    background-color: #ebf4fb;
}

div.token-input-dropdown-facebook ul li em {
    font-weight: bold;
    font-style: normal;
}

div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
    background-color: #2879b6;
    color: #ffc906;
}

/*--- Webinars-list --- */
.webinars-list { margin:0; padding:0; list-style:none;}
.webinars-list .webinar-image { float:left; width:65px;}
.webinars-list .webinar-image img { width:65px;}
.webinars-list .details { margin-left:80px;}
.webinars-list .details h4 { margin-bottom:8px;}
.webinars-list .details p { margin-bottom:5px;}
.webinars-list .details .attendies { font-weight:600;}
.webinars-list li { padding:0 0 15px 0; margin-bottom:15px; border-bottom:1px solid #eeeeee;}
.webinars-list li:last-child { border-bottom:0; margin-bottom:0;}

/*--- Webinars Details --- */
.webinar-details header { background:#351438 url("images/techgig_new_images/webinar-detail-bg.jpg") center center no-repeat; min-height:100px; position:relative; margin-top:-15px; padding:15px 15px 50px; margin-bottom:50px;}
.webinar-details header .share-this-item { top:37px;}
.webinar-details header > h3 { color:#fff;}
.webinar-details header .share-icon { color:#fff; font-size:17px; float:right; margin-left:10px;}
.webinar-details .speaker-image {width:85px; height:85px;border-radius:50%; margin:0 auto 10px;}
.webinar-details .speaker-image span.first-letter { display:inline-block; width:85px; height:85px; text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#dadada; line-height:85px; text-transform:uppercase; font-size:36px; font-weight:600;}
.webinar-details header .speaker-image { position:absolute; background:#fff; left:50%; bottom:-41px; margin:0;  margin-left:-42px;}
.webinar-details .speaker-image img { border-radius:50%;}
.webinar-details .details { text-align:center; margin-bottom:15px;}
.webinar-details .details h5 { font-weight:600; margin-bottom:5px;}
.webinar-details .details .actions { padding:15px 0;}
.webinar-details .details .actions .btn { margin:0 3px; border-radius:3px; text-transform:none;}
.webinar-details .details p { margin-bottom:5px;}
.webinar-details .details .attendies { font-weight:600;}
.webinar-details .subscribe-now { margin-top:15px;}
.webinar-details  h4 { margin-bottom:7px;}
.webinar-details .data-analyse-table { width:100%; text-align:center;}
.webinar-details .data-analyse-table tr td { padding:8px 5px; width:50%; font-size:12px; background:#eeeeee; border-right:1px solid #e1e3e6;}
.webinar-details .data-analyse-table tr td a { color:#333;}
.webinar-details .data-analyse-table tr td:last-child {border-right:0;}
.webinar-details .webinar-description { padding:10px 15px 20px;}

/*--- Company News Detail --- */
.company-news-detail .share-icon { color:#868686; font-size:17px; float:right; margin-left:10px; float:right;}

/*--- Skilltest-topbox --- */
.skilltest-topbox .button1 {float:right;}
.skilltest-topbox p a {color:#333;}

/*--- Short Profile --- */
#short-profile .user-pic img { width:72px; height:72px;}
#short-profile p {word-wrap:break-word;}

/*--- Profile-details --- */
#profile-details .user-pro-info .panel-body { padding:10px 10px 2px;}
#profile-details .user-pro-info .user-image { float:left;}
#profile-details .user-pro-info .user-image img { width:62px; height:62px;}
#profile-details .user-pro-info .user-info { margin-left:75px;}
#profile-details .user-pro-info p { font-size:12px; line-height:17px; margin-bottom:8px;}

/*--- Edit-user-basic-data --- */
#edit-user-basic-data ul { margin:0 -15px;}
#edit-user-basic-data ul li label { margin-bottom:0; line-height:35px; white-space:nowrap;}

/*--- Edit Icon --- */
.edit-icon { font-size:11px; color:#868686; float:right;}
.edit-icon .fa { font-size:17px; margin-left:15px;}

/*--- Tg Loader --- */
.tg-loader img { width:75px; height:75px;}

/*--- Pagination1 --- */
.pagination1 > span {
    display: inline-block;
}
.pagination1 em {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #022e53;
    float: left;
    font-size: 12px;
    font-style: normal;
    line-height: 1.42857;
	cursor:pointer;
    margin-left: -1px;
    padding:3px 7px;
    position: relative;
    text-decoration: none;
}
.pagination1 em a {
    color: #022e53;
}
.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-left: 0 none;
    border-top-right-radius: 4px;
    margin-left: 0;
}
.pagination1 em.active {
    background: #2572b9 none repeat scroll 0 0;
    color: #fff;
}

/*--- News Listing Page --- 
.news-listing-page #container-wrap { padding-top:81px !important;}*/

/*--- Details Page --- */
.details-page, .news-listing-page, .user-steps-page { background:#fff;}
.details-page .view-more-btn, .news-listing-page .view-more-btn { border-bottom:0;}

/*--- User Profile --- */
.profile-page { background:#fff;}

#user-profile .section { border-bottom:1px solid #dadada; padding-bottom:5px; margin-bottom:15px;}
#user-profile .section:last-child { border-bottom:0; margin-bottom:0;}
#user-profile h4 { margin-bottom:10px;}
#user-profile p { margin-bottom:7px;}
#user-profile p .fa {color:#868686; font-size:17px; margin-right:2px;}
#user-profile p .fa.main-fa { width:20px; font-size:14px; text-align:center; float:left; margin-top:6px;}
#user-profile p .data { display:block; margin-left:23px;}
#user-profile .user-pic { float:right; width:85px; height:85px; border-radius:50%; position:relative; margin:0 0 10px 10px;}
#user-profile .user-pic .first-letter {background: #ee534f;  border-radius: 50%; color: #fff; display: block; font-size: 28px; font-weight: bold;  height:85px;  line-height:85px;  text-align: center;  width:85px; text-transform:uppercase;}
#user-profile .user-pic .fa { text-align:center; height:25px; width:25px; border-radius:50%; background:#868686; position:absolute; right:0; bottom:0; color:#fff; font-size:14px; line-height:25px;}
#user-profile .user-pic img { border-radius:50%;}
#user-profile .user-key-skills ul { margin:0; padding:0; list-style:none;}
#user-profile .user-key-skills ul li { float:left; margin:0 5px 5px 0;}
#user-profile .add-skills-btn { border-top:1px dashed #dadada; font-size:14px; border-radius:0; outline:none; color:#202f39; font-weight:200; margin:10px 0 -5px 0; position:relative;}
#user-profile .user-key-skills ul li a { background:#eeeeee; color:#202f39; font-size:11px;}
#user-profile .add-skills-btn .fa {color:#868686; position:absolute; right:15px; top:14px;}

#user-profile  .user-tech-quotient { padding-bottom:0;}
#user-profile  .user-tech-quotient .inner { overflow: auto; background:#eeeeee; padding:15px;}
#user-profile  .user-tech-quotient .inner ul { width:3000px; margin:0; padding:0; list-style:none;}
#user-profile  .user-tech-quotient .inner ul li { float:left; width:142px; border-right:1px solid #dadada; padding-right:10px; margin-right:10px;}
#user-profile  .user-tech-quotient .inner ul li h5 { margin-bottom:7px; text-transform:uppercase;}
#user-profile  .user-tech-quotient .inner ul li p { color:#868686; line-height:19px; font-size:12px; margin-bottom:0;}
#user-profile  .user-tech-quotient .inner ul li p a { color:#0187d0;}
#user-profile  .user-tech-quotient .inner ul li p .fa { width:auto;}
#user-profile  .user-tech-quotient .inner ul li:last-child { border-right:0; padding-right:0; margin-right:0;}

#user-profile dl dt { font-size:14px; width:40%; float:left; font-weight:200; color:#868686; margin-bottom:8px; clear:left;}
#user-profile dl dd { font-size:14px; width:60%; float:left; font-weight:200; margin-bottom:8px;}
#user-profile p small { font-size:100%; color:#868686;}

#user-profile.leader-profile .user-tech-quotient .inner { overflow:visible;}
#user-profile.leader-profile .user-tech-quotient .inner ul { width:auto;}
#user-profile.leader-profile .user-tech-quotient .inner ul li { width:22%;}

/*--- Table1 --- */
.table1 { margin-bottom:0; width:100%;}
.table1 span.first-letter { display:inline-block; width:30px; height:30px; text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#dadada; line-height:30px; text-transform:uppercase; font-size:14px; font-weight:600; margin-right:5px;}
.table1 .user-pic { width:30px; height:30px; display:inline-block; overflow:hidden; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin-right:5px;}
.table1 th { padding:5px 0; vertical-align:middle; font-size:13px; color:#333; font-weight:600; text-align:left; border-bottom:1px solid #eeeeee;}
.table1 td:last-child, .table1 th:last-child { text-align:right;}
.table1 td { padding:5px 0; vertical-align:middle; font-size:12px; color:#333; text-align:left; border-bottom:1px solid #eeeeee;}
.table1 tr:last-child td { border-bottom:0;}
.table1 td .marks { width:65px; text-align:center; display:inline-block;}
.table1 td.submitted, .table1 th.submitted { text-align:center;}
.table1 td a { color:#333;}
.table1 td a:hover { color:#eb494f;}
.table1 tr:last-child td {border-bottom:0;}
.table1 td.rank { padding:0; border-bottom:0; width:30px; position:relative;}
.table1 th.rank { text-align:center;}
.table1 .name { padding-left:5px;}
.table1 td.rank:before { display:block; width:2px; height:100%; content:""; left:50%; margin-left:-1px; background:#0bb475; position:absolute; top:0;}
.table1 .mark { font-size:24px; background:none; padding:0; font-weight:600;}
.table1 span.number { width:30px; height:30px; display:inline-block; line-height:30px; text-align:center; background:#fff; border:1px solid #0bb475; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size:11px; color:#0bb475; position:relative; font-weight:600; 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;}
.table1 tr.active span.number {background:#0bb475; color:#fff;}
.table1 td .view-more-btn { margin-bottom:0;}

/*--- Table2 --- */
.table2 { margin-bottom:0; width:100%;}
.table2 tr td { font-size:12px; background:#fff;}
#skills ul { margin:0; padding:0; list-style:none;}
#skills ul li { display:inline-block; margin:0 3px 5px 0;}
#skills ul li a { font-size:11px;}
#experience ul { margin:0; padding:0; list-style:none;}
#experience ul li { padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #e6e6e6;}
#experience ul li:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0;}

/*--- Table3 --- */
#submission-table { margin-bottom:15px;}
.table3 { margin-bottom:0; width:100%; border:1px solid #fafafa;}
.table3 tr th { font-size:11px; text-align:center; font-weight:normal; padding:7px 5px; background:#fafafa;}
.table3 tr td { font-size:11px; text-align:center; padding:5px; border:1px solid #fafafa;}
.table3 tr td .fa-times { color:#f94953;}
.table3 tr td .fa-check { color:#6fc258;}

/*--- List1 --- */
.list1 li a { font-size:14px; 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;}
.list1 li a:hover { color:#eb494f;}
.list1 li .badge {background-color:#dadada; color:#727272;}

/*--- List2 --- */
.list2 { margin:0; padding:0; list-style:none;}
.list2 h4 { margin-bottom:8px;}
.list2 p { margin-bottom:5px;}
.list2 .attendies { font-weight:600;}
.list2 li { padding:0 0 15px 0; margin-bottom:15px; border-bottom:1px solid #eeeeee;}
.list2 li:last-child { border-bottom:0; margin-bottom:0;}
.list2.contact-details p { font-size:12px; margin-bottom:7px;}
.list2.contact-details p:last-child { margin-bottom:0;}
.list2.contact-details h4 { background:#333; padding:5px; color:#fff; }

/*--- List3 --- 
.list3 { margin:0; padding:0; list-style:none;}
.list3 li { margin:0; border:0; border-bottom:1px solid #eeeeee; border-radius:0; float:none; width:100%; text-align:left; padding:10px 15px;}
.list3 li h4 { margin-bottom:7px;}
.list3 li p { margin-bottom:0; font-size:12px;}
.list3 li p a { color:#999;}
.list3 li p strong { color:#555;}
.list3 li a.participate-btn {float: right;}*/

/*--- List3 --- */
.list3 { margin:0 0 20px; padding:0; list-style:none;}
.list3 > li { margin-bottom:20px;}
.list3 > li:last-child { border-bottom:0; margin-bottom:0;}
.list3 li .image { float:left;}
.list3 li .image img { width:75px; border-radius:50%; height:75px;}
.list3 li .details { margin-left:90px;}
.list3 li .details.no-margin { margin-left:0;}
.list3 li .details.no-margin .alert { margin-bottom:0;}
.list3 li .details.no-margin h5 { padding-top:0;}
.list3 li .details h5 { text-transform:uppercase; padding-top:5px;}
.list3 li .details h6 { font-weight:200;}
.list3 li .details p { font-size:16px; color:#8c8c8c; margin-bottom:0; line-height:15px;}
.list3 li .details p a { color:#8c8c8c;}
.list3 li .details p .pull-right { text-align:right;}
.list3 li .details p small { font-size:10px; text-transform:uppercase;}
.list3 li .panel { margin-bottom:0;}
.list3 li .panel-heading .metadata { margin-bottom:0;}
.list3 li .panel-heading { font-size:11px; color:#202f39; font-weight:200; background:none; position:relative;}
.list3 li .panel-heading .share-icon { margin-bottom:0; float:right; font-size:14px; color:#868686; line-height:15px;}
.list3 li .panel-footer { background:#dadada; padding:0; border-top:1px solid #e1e3e6;}
.list3 li .panel-footer h6 { text-align:center; margin-bottom:0; text-transform:uppercase; font-size:11px; background:#c0c0c0; padding:2px 5px 3px;}
.list3 li .panel-footer .btn { border-radius:0 0 3px 3px; padding:8px 12px; text-transform:uppercase; margin-top:0; font-weight:200;}
.list3 li .panel-footer .alert { border-radius:0 0 3px 3px; margin-bottom:0; text-align:center;}
.list3 li .toppers-list { background:#eeeeee; text-align:center; padding:10px 5px; margin:0; list-style:none;}
.list3 li .toppers-list .first-letter { font-size:20px; height:46px;  line-height:46px; width:46px;}
.list3 li .toppers-list li { display:inline-block; width:19%; vertical-align:top;}
.list3 li .toppers-list li img { display:block; margin:0 auto; width:46px; height:46px; border-radius:50%;}
.list3 li .toppers-list span.first-letter { display:block; margin:0 auto; width:46px; height:46px; line-height:46px; text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#dadada; text-transform:uppercase; font-size:18px; font-weight:600;}
.list3 li .data-analyse-table { width:100%; text-align:center;}
.list3 li .data-analyse-table tr td { padding:8px 5px; font-size:12px; border-right:1px solid #e1e3e6;}
.list3 li .data-analyse-table tr td a { color:#333;}
.list3 li .data-analyse-table tr td:last-child {border-right:0;}

/*--- List4 --- */
.list4 { margin:0; padding:10px 0 0; list-style:none;}
.list4 h4 { margin-bottom:5px; word-break:break-word;}
.list4 .metadata { margin-bottom:3px;}
.list4 .tags .fa { font-size:17px; margin-right:5px; vertical-align:middle; color:#42a5f6;}
.list4 .tags a { color:#333;}
.list4 .tags a:hover { color:#eb494f;}
.list4 .panel-heading { background:none;}
.list4 .panel-footer { background:none; border-top:0;color: #868686; font-size: 11px;}

/*--- List5 --- */
.list5 { margin:0 0 30px; padding:0; list-style:none;}
.list5 li { margin-bottom:20px;}
.list5 li:last-child { border-bottom:0; margin-bottom:0;}
.list5 li .image { float:left;}
.list5 li .image .first-letter {background: #ee534f; color: #fff; text-transform:uppercase; display: block; font-size:28px; font-weight: bold;  height:70px;  line-height:70px;  text-align: center;  width:85px;}
.list5 li .image img { width:85px; height:70px;}
.list5 li .details { margin-left:100px;}
.list5 li .details h4 { margin-bottom:5px; position:relative; margin-top:-5px;}
.list5 li .details h6 { letter-spacing:1px; margin-bottom:10px;}
.list5 li .panel { margin-bottom:0;}
.list5 li .panel-heading { background:none; font-size:14px; position:relative;}
.list5 li .panel-footer { background:#f8f9f9; padding:0; border-top:1px solid #e1e3e6;}
.list5 li .panel-heading > a { color:#333; font-weight:600;}
.list5 li .panel-heading a.share-icon { float:right; font-size:15px;}
.list5 li .data-analyse-table { width:100%; text-align:center;}
.list5 li .data-analyse-table tr td { padding:8px 5px; font-size:12px; border-right:1px solid #e1e3e6;}
.list5 li .data-analyse-table tr td a { color:#333;}
.list5 li .data-analyse-table tr td:last-child {border-right:0;}
.list5 li .button1 { border-radius:0 0 3px 3px;}
.list5 li .share-this-item.bottom .arrow { left:auto; right:15px;}
.list5 li .share-this-item { right:-2px; top:29px; bottom:auto;}

/*--- List6 --- */
.list6 { margin:0; padding:0; list-style:none;}
.list6 li .image { float:left; margin-right:15px; width:85px;}
.list6 li .image iframe { height:70px;}
.list6 li .image img { width:85px; height:70px;}
.list6 li .stats { float:right; line-height:17px; margin-bottom:0;}
.list6 li .stats a { color:#999; margin-left:10px;}
.list6 li .stats a span { color:#999;}
.list6 li .stats a .fa { margin-right:3px;}
.list6 li .metadata { margin-bottom:0;}
.list6 li h5 { margin-bottom:10px;}
.list6 li .panel-heading { background:#fff; font-size:11px; font-weight:200;}

/*--- List7 --- */
.list7 { margin:0; padding:0; list-style:none;}
.list7 li .panel-heading { font-size:11px; color:#202f39; font-weight:200; background:none; position:relative;}
.list7 li .panel-heading .metadata { margin-bottom:0; line-height:19px;}
.list7 li .panel-heading span {color:#868686; line-height:19px;}
.list7 li .panel-heading .fa { margin-right:3px; font-size:14px;}
.list7 li .panel-heading .share-icon { float:right; margin-right:0; font-size:14px;}
.list7 li .panel-heading .share-icon .fa {margin-right:0;}
.list7 li .panel-footer .popover.bottom > .arrow { left:auto;}
.list7 li .panel-heading > a {color:#868686;}
.list7 li .panel-footer h6 { text-align:center; margin-bottom:0; font-size:11px; background:#c0c0c0; padding:2px 5px 3px;}
.list7 li .panel-footer { font-weight:200; background:none; border-top:0; position:relative; padding:0;}
.list7 li .panel-footer .alert { margin-bottom:0;border-radius:0 0 3px 3px; text-align:center; border:0;}
/*.list7 li .panel-footer-inner {padding:10px 15px;}*/
.list7 li .panel-footer .block { font-size:12px; line-height:21px; color:#868686; float:left; margin-right:15px;}
.list7 li .panel-footer > a {color:#868686;}
.list7 li .panel-footer .block .fa { font-size:14px; margin-right:5px;}
.list7 li .panel-footer .btn {border-radius:0 0 3px 3px; color:#fff; padding:8px 12px; text-transform:uppercase; margin-top:0; font-weight:200;}
.list7 li .first-letter { border-radius: 50%; color: #fff; display: block; font-size: 30px; font-weight: bold;  height:72px;  line-height:72px;  text-align: center; width:72px; text-transform:uppercase;}

.list7 > li { margin-bottom:20px;}
.list7 li .image { float:left;}
.list7 li .image img { width:72px; border-radius:50%; height:72px;}
.list7 li .details { margin-left:82px;}
.list7 li .details h4 { padding-top:5px; margin-bottom:8px;}
.list7 li .details p { margin-bottom:0; line-height:20px;}
.list7 li .details p a { color:#f94953;}
.list7 li .panel { margin-bottom:0;}
.list7 li .toppers-list { background:#dadada; padding:10px 2px; margin:0; list-style:none; text-align:center;}
.list7 li .toppers-list .first-letter { font-size:20px; height:46px;  line-height:46px; width:46px;}
.list7 li .toppers-list li { display:inline-block; width:19%; vertical-align:top;}
.list7 li .toppers-list li img { display:block; margin:0 auto; width:46px; height:46px; border-radius:50%;}
.list7 li .toppers-list span.first-letter { display:block; margin:0 auto; width:46px; height:46px; line-height:46px; text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#dadada; text-transform:uppercase; font-size:18px; font-weight:600;}

/*css for mobile app download popup by brijesh on 21-6-2016*/
#mobile-app .tg-app-img{ float:none; text-align:center; }
#mobile-app .modal-body{z-index:2;}
#mobile-app .tg-app-content{ width: 100%; text-align:center; }
#mobile-app .tg-app-content h3{font-size:18px;color:#000;font-family:"open_sansregular",Helvetica,Arial,sans-serif;line-height: 26px;padding-top:30px;}
#mobile-app .tg-app-content h3 span{color:#ee1c27;}
#mobile-app .tg-app-content p{padding:0px 0 10px;}
#mobile-app .tg-app-content .send-app-block{position:relative;}
#mobile-app .tg-app-content .send-app-block input[type="text"]{font-size:14px;}
#mobile-app .tg-app-content .send-app-block small { text-align:left; display:block; }
#mobile-app .tg-app-content .send-app-link{color:#ee1c27;position:absolute;right:0;background:#ee1c27;border-radius:0px 5px 5px 0;color:#fff;border:none;padding:7px;top:11px;}
#mobile-app .tg-app-content .tg-app-store-link{ padding-top:30px;}
#mobile-app .tg-app-content .tg-app-store-link span{ padding:0 20px; font-size:12px; line-height:26px; display:block; }
#mobile-app .mobile-site { display:block; color:#202f39; font-size:15px; display:block; text-decoration:underline; }

/*--- Button1 --- */
.button1, .jb-apply-btn-sml { 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;}
.button1:hover, .button1:focus, .button1:active, .jb-apply-btn-sml:hover, .jb-apply-btn-sml:focus, .jb-apply-btn-sml:active { color:#fff; background:#d63a40; outline:none;}
.jb-apply-btn-sml { display:block; border-radius:0 0 3px 3px; font-size: 14px; line-height: 1.5; padding:6px 12px;}

/*--- Button2 --- */
.button2 { position:relative; background:#64b5f6; 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;}
.button2:hover, .button2:focus, .button2:active { color:#fff; background:#42a5f5; outline:none;}

/*--- Button3 --- */
.button3 { position:relative; background:#0187d0; 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;}
.button3:hover, .button3:focus, .button3:active { color:#fff; background:#0178b9; outline:none;}

/*--- Button4 --- */
.button4 { position:relative; background:#fff; border:1px solid #64b5f6; color:#64b5f6; 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;}
.button4:hover, .button4:focus, .button4:active { color:#fff; background:#64b5f6; outline:none;}

/*--- Button5 --- */
.button5 { 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;}
.button5:hover, .button5:focus, .button5:active { color:#fff; background:#eb494f; outline:none;}

/*--- View-more-btn --- */
.view-more-btn { position:relative; border:1px solid #dadada; border-radius:0; margin-bottom:25px; background: #fff; color:#202f39; 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;}
.view-more-btn:hover, .view-more-btn:focus, .view-more-btn:active { color:#333; outline:none; background: #fff; outline:none;}

/* Rajendra Shoshekele */
.showshkele {width:100%; position:fixed; top:10%; left:0; text-align:center; z-index:1000;}.showshkele-box {max-width:640px; width:100%; position:relative; text-align:left;margin:auto;}.showshkele-close {position:absolute; right:5px; top:26px;font-size:12px; font-family:Arial, Helvetica, sans-serif; z-index:2;color:#000;text-decoration:underline; background:#e4e4e4;padding:3px 6px; border:1px solid #000;}.showshkele-box img { max-width:100%;}.showshkele-close:hover {text-decoration:none; color:#fff; background:#666;}.showshkele-bnr {position:relative; display:block; z-index:0;padding-top:22px;}
.showshkele a.showshkele-bnr:hover { background:none;}


@media (min-width: 479px){}
	.news-list li .image img { max-height:none;}
}



/* prettyPhoto styling for small screens */

	.pp_pic_holder iframe { width:100% !important; height:100% !important;}
	.pp_pic_holder .pp_social { display:none;}
    .pp_pic_holder.pp_default
    {
        width: 100%!important;
        /*margin-top:-100px !important;*/
        left: 0!important;
        overflow: hidden;
    }
    div.pp_default .pp_content_container .pp_left
    {
        padding-left: 0!important;
    }
    div.pp_default .pp_content_container .pp_right
    {
        padding-right: 0!important;
    }
    .pp_content
    {
        width: 100%!important;
        height: auto!important;
    }
    .pp_fade
    {
        width: 100%!important;
        height: 100%!important;
    }
    a.pp_expand,
    a.pp_contract,
    .pp_hoverContainer,
    .pp_gallery,
    .pp_top,
    .pp_bottom
    {
        display: none!important;
    }
	#pp_full_res iframe { width:100%; height:200px;}
    #pp_full_res img
    {
        width: 100%!important;
        height: auto!important;
    }
    .pp_details
    {
        box-sizing: border-box;
        width: 100%!important;
        padding-left: 3%;
        padding-right: 4%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #fff;
        margin-top: -2px!important;
    }
    a.pp_close
    {
        right: 10px!important;
        top: 10px!important;
    }