/* ==========================================================================
	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:'roboto', Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4; overflow-x:hidden; background:#f4f4f4; }
body.admin-panel {overflow-x:visible;}
body.hideScroll { overflow:hidden;}

/*
* Headings
*/

h1, h2, h3, h4, h5, h6 { font-family:'roboto', Arial, Helvetica, sans-serif; font-weight:500; color:#424242; text-rendering: optimizeLegibility; margin-top:0px; margin-bottom:20px; }
h1 { font-size:24px;}
h2 { font-size:22px;}
h3 { font-size:20px;}
h4 { font-size:18px;}
h5 { font-size:16px; margin-bottom:15px; line-height:21px;}
h6 { font-size:14px; margin-bottom:15px;}
p { font-size:14px; color:#424242; line-height:21px; margin-bottom:20px;}
p a { color:#2f94d7;}
p a:hover, p a:focus { color:#2f94d7;}

/*
* Links
*/

a { color: #2f94d7; text-decoration: none; line-height: inherit; }
a:hover { /*color: #2795b6;*/ color: #2f94d7; text-decoration:none; }
a:focus { color: #2f94d7; 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:20px 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: 'roboto';
    src: url('techgig_resource/cand/fonts/roboto-bold_0-webfont.eot');
    src: url('techgig_resource/cand/fonts/roboto-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('techgig_resource/cand/fonts/roboto-bold_0-webfont.woff2') format('woff2'),
         url('techgig_resource/cand/fonts/roboto-bold_0-webfont.woff') format('woff'),
         url('techgig_resource/cand/fonts/roboto-bold_0-webfont.ttf') format('truetype'),
         url('techgig_resource/cand/fonts/roboto-bold_0-webfont.svg#robotobold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'roboto';
    src: url('techgig_resource/cand/fonts/roboto-italic_0-webfont.eot');
    src: url('techgig_resource/cand/fonts/roboto-italic_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('techgig_resource/cand/fonts/roboto-italic_0-webfont.woff2') format('woff2'),
         url('techgig_resource/cand/fonts/roboto-italic_0-webfont.woff') format('woff'),
         url('techgig_resource/cand/fonts/roboto-italic_0-webfont.ttf') format('truetype'),
         url('techgig_resource/cand/fonts/roboto-italic_0-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

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

}

@font-face {
    font-family: 'roboto';
    src: url('techgig_resource/cand/fonts/roboto-medium_0-webfont.eot');
    src: url('techgig_resource/cand/fonts/roboto-medium_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('techgig_resource/cand/fonts/roboto-medium_0-webfont.woff2') format('woff2'),
         url('techgig_resource/cand/fonts/roboto-medium_0-webfont.woff') format('woff'),
         url('techgig_resource/cand/fonts/roboto-medium_0-webfont.ttf') format('truetype'),
         url('techgig_resource/cand/fonts/roboto-medium_0-webfont.svg#robotomedium') format('svg');
    font-weight: 500;
    font-style: normal;

}

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

}

@font-face {
    font-family: 'open_sansregular';
    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_sanssemibold';
    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: normal;
    font-style: normal;
}


@font-face {
    font-family: 'open_sanslight';
    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: normal;
    font-style: normal;

}

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

}


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

}

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

/* Container ---------------------- */
#container-wrap { min-width:320px; left:0; position:relative; padding-top:120px;}
#container-wrap .left-panel { padding-right:60px;}
.two-column-layout .right-panel { padding-left:20px;}
#container-wrap.loggedin { padding-top:98px;} 
#container-wrap.normal-padding { padding-top:82px;} 
#container-wrap.normal-padding.loggedin { padding-top:60px;} 
.admin-panel #container-wrap.normal-padding.loggedin { padding-top:60px !important;} 

#page-overlay  { height:100%; width:100%; position:fixed; z-index:101; left:0; top:0; background:rgba(29, 41, 56, 0.8); display:none; cursor:pointer;}
.activeMenu #page-overlay  { display:block;}

/*#container-wrap.activeMenu, .activeMenu #header, .activeMenu #page-header { left:290px;}*/
#container-wrap.activeMenu { left:290px;}

.layout1 #container-wrap { padding-top:50px;}
.no-padding-top #container-wrap, .no-padding-top #container-wrap.normal-padding.loggedin { padding-top:38px !important;}

/* Header ---------------------- */
#header { position:absolute; left:0; top:0; width:100%; z-index:1001; background:#fff;}

/*--- Top Header --- */
#top-header { text-align:center; margin-bottom:20px;}

/* Main-navigation ---------------------- */
#main-navigation { float:left;}

/* Content ---------------------- */
#content .container { padding:50px 10px; position:relative;}
#content.two-column-layout .container { background:url(images/tg_images/content-bg.png) 904px top repeat-y; }
#content.two-column-layout .container:after { display:block; width:2000px; content:""; background:#fff; top:0; height:100%; position:absolute; left:1205px;}

/* Footer ---------------------- */
#footer { background:#2e4056; padding:25px 0 10px; z-index:10; position:relative;}

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

/*--- Header --- */
#header .top-header { padding:1px 0; border-bottom:1px solid #eeeeee;}
#header .main-header { position:relative; z-index:1;}
#header .logo { padding:17px 0; float:left; margin-right:25px; position:relative; }
#header .logo.small { padding:12px 0;  }
#header .logo h1 {position: absolute;visibility: hidden;top: -1000px;}

#header .user-area { float:right; width:90px; padding-top:16px; position:relative;}
#header .user-area .avatar-pic { margin-left:16px; float:right; margin-left:16px; display:block;}
#header .user-area .avatar-pic img { width:28px; height:28px; border-radius:15px;}

#header .user-area .notification-icon { background:#dadada; font-size:15px; text-align:center; width:28px; height:28px; border-radius:15px; color:#424242; display:block; line-height:27px; position:relative;}
#header .user-area .notification-icon .number { color:#fff; font-size:10px; font-weight:normal; display:block; height:15px; line-height:14px; min-width:15px; padding:0 2px; border-radius:12px; background:#e31f26; position:absolute; left:20px; top:-5px;}

#header .user-area .user-actions { position:relative;}
#header .user-area .user-actions:hover .user-dropdown { display:block;}
#header .user-dropdown { width:160px; margin:0; list-style:none; display:none; background:#eeeeee; padding:15px 10px; top:44px; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); border-top:1px solid #2f94d7; position:absolute; right:-20px; border-radius:0 0 3px 3px;}
#header .user-dropdown:before { display:block; content:""; position:absolute; top:-30px; left:0; width:100%; height:30px;}
#header .user-dropdown:after { display:block; content:""; position:absolute; top:-7px; right:25px; width: 0; height: 0;border-left: 8px solid transparent; border-right: 8px solid transparent;  border-bottom: 7px solid #2f94d7;}
#header .user-dropdown li { float:none; position:static; font-size:14px; color:#424242;}
#header .user-dropdown li a { padding:0 9px; display:block; position:relative; line-height:32px; color:#424242;}
#header .user-dropdown li:hover  a, #header .user-dropdown  li.active  a { background:#fff;}
#header .user-dropdown li .fa { font-size:14px; width:25px; text-align:left; vertical-align:middle;}
#header .user-dropdown li .earn-bits { font-weight:500;}
#header .user-dropdown li .earn-bits span { color:#2f94d7;}
#header .user-dropdown li.profile-status a { text-transform:none; line-height:16px;}
#header .user-dropdown li.profile-status a:hover { background:none;}

#header .user-dropdown .progress { margin:5px 0 10px; height:5px; background:#c0c0c0;}

/*--- Notification List --- */
#header .user-notifications { float:right;}
#header .user-notifications #notification-lists { display:none; position:absolute; background:#fff;}
#header .user-notifications:hover #notification-lists { display:block;}
#header .user-notifications #notification-lists:before { display:block; content:""; position:absolute; top:-20px; left:0; width:100%; height:20px;}
#header .user-notifications #notification-lists { margin:0; padding:0; list-style:none;}

#notification-lists { box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); width:350px; border:0; left:auto; right:0; top:58px; border-radius:0; padding:0;}
#notification-lists header:before { display:block; content:""; position:absolute; right:45px; top:-12px; width: 0; height: 0;  border-left:12px solid transparent; border-right:12px solid transparent;  border-bottom:12px solid #2f94d7;}
#notification-lists header { background:#2f94d7; padding:10px; text-align:center; position:relative;}
#notification-lists header h5 {color:#fff; margin:0;}
#notification-lists header h5 .number { color:#2f94d7; font-size:12px; font-weight:normal; display:inline-block; height:22px; line-height:22px; min-width:22px; padding:0 2px; border-radius:12px; background:#fff; margin-left:5px;}
#notification-lists ul { margin:0; padding:0; list-style:none;}
#notification-lists h6 { background:#dadada; padding:3px 10px; margin-bottom:0; font-size:12px; font-weight:normal;}
#notification-lists h6 .fa { margin-right:5px;}
#notification-lists h6 .see-all { float:right;}
#notification-lists ul li { border-bottom:1px solid #dadada; padding:5px 10px;}
#notification-lists ul li:last-child { border-bottom:0;}
#notification-lists ul li p { margin-bottom:3px; color:#8c8c8c; font-size:11px; line-height:16px;}
#notification-lists ul li p a {color:#424242; font-size:12px;}

#header .user-area .notification-icon:hover  .dropdown-menu { display:block !important; }

/*--- Main Banner --- */
.main-banner { background-image:#191c20; background-position:center center; background-repeat:no-repeat; background-color:#3c4f66; background-size:cover; text-align:center;}
.main-banner .container { height:350px; display:table;}
.main-banner .inner-wrap { display:table-cell; vertical-align:middle;}
.main-banner .banner-bg { display:none;}
.main-banner h1 { font-size:36px; color:#fff; font-weight:200; text-transform:capitalize; line-height:54px; margin:0;}
.main-banner h1 span { font-size:24px; text-transform:none; display:block; line-height:34px; padding-top:10px; text-transform:capitalize;}

/*--- Content Block --- */
.content-block { margin-bottom:30px;}
.content-block-extra { margin-bottom:50px;}

/*--- Divition Block --- */
.divition-block { margin-bottom:50px;}
.divition-block .header { background:#2f94d7; margin-bottom:90px; text-align:center; height:95px; padding-top:10px; position:relative;}
.divition-block .header h3 { text-transform:uppercase; color:#fff; line-height:28px; margin-bottom:5px;}
.divition-block .header h3 span { font-size:12px; font-weight:200; display:block;}
.divition-block .header .section-icon { background:url(images/tg_images/section-icon-bg.png) 0 0 no-repeat; background-size:100% 100%; display:inline-block; width:87px; height:100px; line-height:100px;}
.divition-block .header .section-icon img { vertical-align:middle;}
.divition-block .header .section-icon .fa { font-size:24px; vertical-align:middle; color:#fff;}
.divition-block .header .section-icon .icon-holder { display:inline-block; width:55px; height:70px; vertical-align:middle; background-image:url(images/tg_images/icons.png); background-repeat:no-repeat;}
.divition-block .header .section-icon .codegladiator-icon { background-position:-108px -49px;}
.divition-block .header .section-icon .geekgoddes-icon { background-position:-56px -47px;}

.divition-block .section-detail-box { background:#fff;}
.divition-block .detail-info { background:#fff; padding:25px 30px 0 10px;}
.divition-block .detail-info h2 { margin-bottom:10px;}
.divition-block .detail-info p.event-links {font-size:12px; color:#2f94d7;}
.divition-block .detail-info .tabs1 .nav-tabs { margin:0 -30px;}
.divition-block .detail-info .tabs1 .tab-content { height:333px;}

.divition-block .detail-info.left-side { padding:25px 10px 0 30px;}
.divition-block .detail-info .view-link { float:right; margin:0; font-size:12px; font-weight:500; line-height:52px; text-transform:uppercase;}

.divition-block .why-participate ul { text-align:left; margin:0; padding:0; list-style:none;}
.divition-block .why-participate ul li { margin-bottom:32px; position:relative;}
.divition-block .why-participate ul li .icon { background-image:url(images/tg_images/icons.png); background-repeat:no-repeat; display:block; float:right; width:48px; height:48px; border:1px solid #2f94d7; text-align:center; border-radius:50%;}
.divition-block .why-participate ul li .details { height:48px; text-align:right; padding-right:10px; display:table; width:80%;}
.divition-block .why-participate ul li .details p { margin-bottom:0; display:table-cell; vertical-align:middle; font-size:12px; line-height:18px;}
.divition-block .why-participate ul li.alt .icon { float:left; margin-left:0;}
.divition-block .why-participate ul li.alt .details { text-align:left; padding-right:0; padding-left:10px;}
.divition-block .why-participate ul li .icon1 { background-position:-4px -2px;}
.divition-block .why-participate ul li .icon2 { background-position:-53px -1px;}
.divition-block .why-participate ul li .icon3 { background-position:-102px -1px;}
.divition-block .why-participate ul li .icon4 { background-position:-146px -1px;}
.divition-block .why-participate ul li .icon5 { background-position:-191px 0px;}
.divition-block .why-participate ul li .icon6 { background-position:-237px 1px;}
.divition-block .why-participate ul li .icon7 { background-position:-286px 1px;}
.divition-block .why-participate ul li .icon8 { background-position:-332px 0px;}
.divition-block .why-participate ul li .icon9{ background-position:-378px 0;}
.divition-block .why-participate ul li .icon10{ background-position:-424px -2px;}
.divition-block .why-participate ul li .icon11{ background-position:-4px -50px;}

.divition-block .benefits { text-align:center; padding-top:10px;}
.divition-block .benefits .icon { width:48px; height:48px; margin-bottom:25px; display:inline-block; border:1px solid #2f94d7; border-radius:50%; line-height:45px;}
.divition-block .benefits .icon .fa { vertical-align:middle; font-size:20px; color:#2f94d7;}
.divition-block .benefits h6 { text-transform:uppercase; font-size:12px; position:relative; margin-bottom:20px;}
.divition-block .benefits h6:after { width:68px; height:1px; position:absolute; left:50%; margin-left:-34px; bottom:-13px; content:""; display:block; background:#2f94d7;}
.divition-block .benefits p { font-size:12px; color:#8c8c8c; margin-bottom:0;}
.divition-block .events-section .benefits p { margin-bottom:20px;}
.divition-block .benefits.left-view .icon { float:left; margin-bottom:20px;}
.divition-block .benefits.left-view .details { margin-left:64px; text-align:left; display:table; height:48px;}
.divition-block .benefits.left-view .details h6 { margin-bottom:0; display:table-cell; vertical-align:middle;}
.divition-block .benefits.left-view .details h6:after { display:none;}

.divition-block .list1 li { margin-bottom:0; padding-bottom:0; border-bottom:0;}
.divition-block .list1 li .details { margin-left:74px; border-bottom:1px dashed #dadada; margin-bottom:11px; padding-bottom:11px; min-height:77px;}
.divition-block .list1 li .details p { line-height:18px;}
.divition-block .list1 li .image { line-height:64px;}
.divition-block .list1 li .image img { width:64px; height:64px;}
.divition-block .list1 li h6 { margin-bottom:13px; font-weight:normal;}
.divition-block .list1 li h6 a { color:#2f94d7;}
.divition-block .list1 li .right-border { border-right:1px solid #dadada;}
.divition-block .list1 li .right-border p { float:left;}
.divition-block .list1 li .button2 { float:right;}
.divition-block .list1 li .date-stamp { width:60px; height:70px; background-position:-275px -52px; font-size:12px; padding-top:13px; line-height:20px;}
.divition-block .list1 li .date-stamp span { font-size:24px;}
.divition-block .list1 li span.bold { font-size:14px; color:#424242; font-weight:500;}

.divition-block .view-more-lnk { font-size:12px; margin:0; line-height:26px; font-weight:500;}
.divition-block .event-logo { display:inline-block; line-height:54px; margin-bottom:15px;}
.divition-block .event-logo img { vertical-align:middle; max-height:54px;}

.divition-block .btn-icon { position:relative; height:45px; padding:14px 67px 13px 16px; min-width:200px; text-align:left;}
.divition-block .btn-icon .icon { display:block; text-align:center; width:50px; position:absolute; background:#2a84c1; border-left:1px solid #2a84c1; right:0; top:0; height:44px; line-height:42px; font-size:17px; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;}
.divition-block .btn-icon:hover .icon, .divition-block .btn-icon:active .icon, .divition-block .btn-icon:focus .icon { border-left:1px solid #318bc8;}

.divition-block .winners-list { text-align:center; padding-top:20px; margin-bottom:15px;}
.divition-block .winners-list h4 { margin-bottom:25px;}
.divition-block .winners-list h6 { line-height:22px;}
.divition-block .winners-list h6 span { font-weight:normal;}
.divition-block .winners-list img { width:80px; height:80px; display:block; margin:0 auto 15px;}

.divition-block .sponsors-list { text-align:center; padding-top:20px;}
.divition-block .sponsors-list h4 { margin-bottom:25px;}

.divition-block .sponsors-list .logo { width:100%; height:82px; border:1px solid #dadada; border-radius:2px; margin-bottom:20px; text-align:center; line-height:80px;}
.divition-block .sponsors-list .logo img { max-height:80px; vertical-align:middle; max-width:162px;}

/*--- FloatingHeader --- */
.divition-block .header.floatingHeader, #challenge-short-info.floatingHeader { position:fixed; left:0; top:0; width:100%; z-index:1002; visibility: hidden;}
#profile-navigation.floatingHeader { position:fixed; left:auto; top:0; width:100%; z-index:1000; visibility: hidden;}
.divition-block .header.floatingHeader .section-icon { display:none;}
.divition-block .header.floatingHeader .container { padding-top:10px;}

/*--- Widget --- */
.widget { margin-bottom:40px;}
.widget > h6 { text-transform:uppercase; font-weight:bold;}
.widget > h6 .fa { font-size:16px; vertical-align:bottom; float:left; margin-bottom:5px; margin-right:5px; color:#8c8c8c;}
.widget p { color:#8c8c8c;}
.widget hr { border-style:dashed; border-color:#dadada; margin:15px 0;}
.widget ul { margin:0; padding:0; list-style:none;}
.widget li { border-bottom:1px dashed #dadada; font-size:12px; padding-bottom:10px; margin-bottom:10px;}
.widget li h6 { margin-bottom:8px; font-weight:normal;}
.widget li p { font-size:12px; color:#8c8c8c; font-weight:200; margin-bottom:0;}
.widget li .image { float:left; width:60px;}
.widget li .image img { height:60px; width:60px;}
.widget li .details { margin-left:70px;}
.widget li .details h6 { margin-bottom:2px;}
.widget li .details p { color:#8c8c8c;}
.widget.ad a { display:block; margin-bottom:20px;}
.widget.ad a:last-child {margin-bottom:0;}
.widget .scrolling-content { max-height:217px; overflow:auto;}
.widget input[type='text'] { border-radius:2px; font-size:12px; border-color:#dadada; margin-bottom:10px; box-shadow:none;}
.widget .follow-btn1 { margin-top:7px;}

/*--- Boot box --- */
.bootbox .bootbox-close-button { height:0; padding-top:16px; overflow:hidden;}
.bootbox .modal-footer .btn-primary { background:#2f94d7; color:#fff; border-radius:2px; font-size:12px; text-transform:uppercase; font-weight:500; 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;}
.bootbox .modal-footer .btn-primary:hover, .bootbox .modal-footer .btn-primary:focus, .bootbox .modal-footer .btn-primary:active { color:#fff; background:#2384c4; outline:none;}
 
/*--- Global Search Form --- */
#global-search-form { float:right; border:1px solid #dadada; position:relative; margin-top:12px; border-right:0; height:36px; width:480px;}
.loggedin #global-search-form { width:420px;}
#global-search-form .category-lists { position:relative; float:left;}
#global-search-form .category-lists .dropdown-menu { box-shadow:0 2px 10px rgba(0, 0, 0, 0.2); padding:0; border:0; border-radius:0; width:178px;}
#global-search-form .category-lists .dropdown-menu li { border-bottom:1px solid #dadada;}
#global-search-form .category-lists .dropdown-menu li:last-child { border-bottom:0;}
#global-search-form .category-lists .dropdown-menu li a { padding:8px 10px 8px 0; font-size:14px; color:#424242;}
#global-search-form .category-lists .dropdown-menu li .fa { width:32px; text-align:center;}
#global-search-form .category-menu { display:block; width:37px; border-right:1px solid #dadada; height:34px; text-align:center; padding:8px 4px 0; position:relative;}
#global-search-form .category-menu .line { display:block; height:1px; width:15px; margin:4px auto; background:#8c8c8c;}
#global-search-form .category-menu .icons { display:block; float:left; width:18px; text-align:center;}
#global-search-form .category-menu .fa { color:#8c8c8c; font-size:14px; line-height:18px;}

#global-search-form input[type='text'] { border:0; outline:none; border-radius:0; box-shadow:none; font-size:12px; color:#8c8c8c; width:100%;}
#global-search-form .textbox { position:relative; display:block; float:left; width:400px;}
#global-search-form .remove { font-size:12px; display:none; color:#8c8c8c; position:absolute; right:50px; top:9px;}
.loggedin #global-search-form .textbox  {width:340px;}
#global-search-form button[type='submit'] { border:0; border-radius:0; box-shadow:none; float:right; background:#2f94d7; height:36px; width:42px; margin:-1px 0; position:relative; font-size:14px; color:#fff; text-align:center;}

/*--- Search Result Lists --- */
#search-result-lists { box-shadow:0 2px 10px rgba(0, 0, 0, 0.2); width:615px; max-height:530px; overflow:auto; border:0; left:auto; right:0; top:58px; border-radius:0; padding:0; display:none; border:1px solid #dadada; position:absolute; background:#fff; top:35px;}
#search-result-lists > h6 { background:#f4f4f4; padding:3px 10px 3px 20px; margin-bottom:15px; font-size:12px; font-weight:normal;}
#search-result-lists > h6 .fa { margin-right:5px;}
#search-result-lists > h6 .dismiss { float:right; font-size:11px; color:#424242; background:#dadada; padding:1px 4px; border-radius:2px;}
#search-result-lists .result-block { padding:0 20px;}
#search-result-lists .result-head { margin-bottom:10px;}

/*--- Top Nanigation --- */
#top-navigation ul { float:right; margin:0; padding:0; list-style:none;}
#top-navigation ul li { float:left; margin-left:20px;}
#top-navigation ul li a { font-size:10px; color:#424242; line-height:19px; text-transform:uppercase; font-weight:bold;}
#top-navigation ul li .fa { color:#8c8c8c; font-size:18px; vertical-align:sub; margin-right:5px;}
#top-navigation ul li.signup a { color:#2f94d7;}

/*--- Main-navigation --- */ 
#main-navigation ul { margin:0; padding:0; list-style:none;}
#main-navigation ul > li { float:left; position:relative;}
#main-navigation ul li.home { right:auto; top:auto;}
#main-navigation ul li.home.highlight a { width:75px; text-align:center; font-size:22px;}
#main-navigation ul li .icon { display:none; font-size:14px; width:25px; text-align:left;}
#main-navigation ul li .icon .fa { vertical-align:middle;}
#main-navigation ul li a { display:block; padding:0 9px; line-height:60px; font-size:14px; color:#424242;}
#main-navigation ul li.active a { color:#2f94d7;} 
#main-navigation ul li.highlight > a { padding:0 15px; font-size:18px; min-height:60px; font-weight:bold; line-height:51px; border-top:3px solid #fff;}
#main-navigation ul li.highlight.active > a { border-top-color:#2f94d7;}
#main-navigation ul li ul.child { width:225px; min-height:226px; display:none; background:#eeeeee; padding:15px 20px; left:0; top:60px; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07);}
#main-navigation ul li ul.child.auto-height-box,#main-navigation ul li ul.child.auto-height-box  ul.child { min-height:167px; }
#main-navigation ul li ul.auto-height { min-height:15px;}
#main-navigation ul li:hover > ul.child { display:block;}
#main-navigation ul li ul { border-top:1px solid #2f94d7; position:absolute;}
#main-navigation ul li ul.child li { float:none; position:static;}
#main-navigation ul li ul.child li  a { text-transform:uppercase; position:relative; line-height:34px; font-size:12px; color:#424242;}
#main-navigation ul li ul.child > li:hover  a, #main-navigation ul li ul.child > li.active  a { background:#fff;}
#main-navigation ul li ul.child li ul {box-shadow:3px 2px 4px rgba(0, 0, 0, 0.05); display:none; left:225px; background:#fff; width:358px; padding:15px 58px 15px 65px; top:-1px;}
#main-navigation ul li ul.child li:hover ul { display:block;}
#main-navigation ul li ul.child li ul li { border-bottom:1px dashed #dadada;}
#main-navigation ul li ul.child li ul li a { text-transform:none; padding:0 17px;}
#main-navigation ul li.parent:hover > a:after { display:block; content:""; position:absolute; bottom:0px; left:50%; margin-left:-8px; width: 0; height: 0;border-left: 8px solid transparent; border-right: 8px solid transparent;  border-bottom: 7px solid #2f94d7;}
#main-navigation ul li ul li.parent:hover  a:after { width:20px; height:34px; right:-20px; background:#fff; top:0; border:0; margin:0; left:auto; bottom:auto;}

#main-navigation .menu-btn { width:25px; height:25px; background:none; border:0; color:#424242; display:block; text-align:center; line-height:21px; top:18px; position:absolute; left:10px;}
#main-navigation .menu-btn:hover, #main-navigation .menu-btn:focus, #main-navigation .menu-btn:active {text-decoration:none;}
#main-navigation .menu-btn .line { display:block; height:3px; background:#424242; margin:4px 0;}

/*--- User Status --- */
#user-status-mob { background:url(images/tg_images/user-status-bg.gif) left top no-repeat; width:290px; background-size:100% 100%; height:100px; padding:25px 15px; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; left:-290px; position:fixed; top:0; z-index:102;}
.activeMenu #user-status-mob { left:0;}
#user-status-mob .image { float:left;}
#user-status-mob .image img { width:50px; height:50px;}
#user-status-mob .details { margin-left:60px;}
#user-status-mob .details h6 { color:#fff; font-weight:normal; margin-bottom:4px;}
#user-status-mob .details h6 a { color:#fff;}
#user-status-mob .details p { color:#fff; font-size:11px; margin-bottom:3px;}
#user-status-mob .progress { background:#fff; width:150px; position:relative; overflow:visible;}
#user-status-mob .progress, #user-status-mob .progress .progress-bar { height:6px; border-radius:0;}
#user-status-mob .progress .value { font-weight:500; font-size:12px; position:absolute; left:157px; top:-5px; color:#fff;}

/*--- Page Header --- */
#page-header { background:#2e4056; height:38px; position:absolute; left:0; top:82px; width:100%; z-index:1000;}
.loggedin #page-header { top:60px;}
#page-header.fixed { top:0; position:fixed;}
#page-header h2 { float:left; line-height:38px; margin:0; margin-right:70px; background:#2f94d7; font-size:16px; color:#fff; text-transform:uppercase; font-weight:normal;}
#page-header h2 a { color:#fff;}
#page-header h2 span { display:block; min-width:168px; padding-right:5px; position:relative;}
#page-header h2 span:after { display:block; content:""; position:absolute; right:-10px; top:0; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 19px solid transparent;  border-left: 10px solid #2f94d7;}
#page-header h2:before { display:block; content:""; position:absolute; left:0; top:0; width:15%; height:100%; background:#2f94d7;}
#page-header ul { float:left; padding:0; margin:0; list-style:none;}
#page-header ul li { position:relative; padding-right:11px; margin-right:11px; float:left;}
#page-header ul li:after { background:#435367; height:19px; width:1px; display:block; content:""; top:10px; position:absolute; right:0;}
#page-header ul li:last-child { padding-right:0; margin-right:0;}
#page-header ul li:last-child:after { display:none;}
#page-header ul li a { line-height:22px; padding:8px 0; display:block; font-size:12px; color:#d0d2d6; text-transform:uppercase; font-weight:500; 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;}
#page-header ul li a span.number { font-size:11px; text-align:center; background:#2e4056; color:#a5aab2; line-height:20px; display:inline-block; padding:0 3px; border-radius:2px; min-width:19px; margin-left:4px; position:relative; top:-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;}
#page-header ul li a:after, #page-header ul li a:after { display:block; content:""; height:4px; left:0; bottom:0; width:100%; background:#2f94d7; position:absolute; opacity:0; 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;}
#page-header ul li.active a:after, #page-header ul li:hover a:after { opacity:1;}
#page-header ul li.active > a { color:#fff;}
#page-header ul li a:hover, #page-header ul li a:focus, #page-header ul li a:active { text-decoration:none;}
#page-header ul li.active a span.number, #page-header ul li:hover a span.number { background:#2f94d7; color:#fff; }
#page-header ul li:hover a { color:#fff;}
#page-header ul li.more-links { display:none;}

#page-header .more-menu-btn { border:0;}
#page-header .more-menu-btn:after { display:none;}
#page-header .more-menu-btn span { color:#97a0ab;}
#page-header .dropdown-menu { background:#2e4056; width:150px; border-radius:0; padding:0; left:-10px;}
#page-header .dropdown-menu li { border-bottom:1px solid #435367; float:none; padding:0; margin:0;}
#page-header .dropdown-menu li:last-child { border-bottom:0;}
#page-header .dropdown-menu li a { padding:0 10px; background:#2e4056; line-height:30px; 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;}
#page-header .dropdown-menu li a:after, #page-header .dropdown-menu li:after { display:none;}
#page-header .dropdown-menu li a:hover { background:#435367;}

/*--- Appstore Area --- */
.appstore-area img { float:right; position:relative; margin-top:-20px;}

/*--- Content Box --- */
.contest-box { background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); margin-bottom:20px;}
.contest-box .banner { background-color:#122028; background-position:left top; background-repeat:no-repeat; background-size:cover; height:120px; position:relative;}
.contest-box .banner .logo { background:#fff; height:30px; border-radius:0 0 2px 2px; line-height:29px; text-align:center; width:96px; position:absolute; left:50%; margin-left:-48px;}
.contest-box .banner .logo img { max-height:25px; vertical-align:middle; max-width:90px;}
.contest-box .banner .requirements { margin:0; padding:0; list-style:none; position:absolute; right:0; bottom:5px;}
.contest-box .banner .requirements li { margin-bottom:8px; float:right; clear:both; background:rgba(0,0,0,0.6); padding:0 4px; font-size:9px; line-height:13px; color:#fff; border-radius:7px 0 0 7px; min-width:40px; text-align:right; overflow:hidden; 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;}
.contest-box .banner .requirements li:hover { background:rgba(0,0,0,1);}
.contest-box .contest-content { padding:10px;}
.contest-box .date-stamp { font-size:11px; color:#8c8c8c; font-weight:500; display:block; margin-bottom:32px;}
.contest-box h5 { margin-bottom:10px; height:20px; overflow:hidden;}
.contest-box h5 a {color:#424242;}
.contest-box .countdown { float:left;}
.contest-box footer .btn { border-radius:0; line-height:26px;}
.contest-box .countdown .end-info { width:100px; margin:0 auto 10px;}
.contest-box .countdown .item-ss { display:none;}
.contest-box .countdown .item-mm:after { display:none;}

/*--- Content Box1 --- */
.contest-box1 { background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); margin-bottom:20px; padding:18px 20px 5px; position:relative;}
.contest-box1 .contest-content { height:57px;}
.contest-box1 h6 { margin-bottom:5px;}
.contest-box1 h6 a {color:#424242;}
.contest-box1 p { font-size:12px; color:#8c8c8c; margin-bottom:0;}
.contest-box1 p .fa { width:18px;}
.contest-box1 p .divider { display:inline-block; margin:0 8px;}
.contest-box1 footer { padding:5px 10px 0; border-top:1px solid #2f94d7; position:relative; margin:0 -20px;}
.contest-box1 footer .view-area { float:right; font-weight:bold; font-size:12px;}
.contest-box1 footer .view-area .btn { border-radius:0; font-weight:500; text-transform:uppercase;}
.contest-box1 footer .view-area .btn:hover, .contest-box1 footer .view-area .btn:focus, .contest-box1 footer .view-area .btn:active { box-shadow:none; text-decoration:none; color:#2f94d7;}

/*--- Webinar Box --- */
.webinar-box { background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); margin-bottom:20px;}
.webinar-box .banner { background-color:#122028; background-position:left top; background-repeat:no-repeat; background-size:cover; height:85px; position:relative; margin-bottom:25px;}
.webinar-box .banner:after { width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(46,64,86,0.8); content:""; display:block;}
.webinar-box .banner h6 { background:rgba(18,84,127,0.8); text-transform:capitalize; position:relative; z-index:1; padding:3px 10px; height:32px; overflow:hidden; line-height:27px; color:#fff;}
.webinar-box .banner span.views { position:absolute; z-index:5; left:10px; bottom:5px; color:#fff; font-size:11px;}
.webinar-box .banner span.views .fa { font-size:12px; margin-right:3px;}
.webinar-box .banner .speaker-image { width:62px; z-index:1; height:62px; position:absolute; background:#fff; left:50%; margin-left:-31px; bottom:-25px; border:3px solid #fff; border-radius:50%;}
.webinar-box .banner .speaker-image img { border-radius:50%;}
.webinar-box .webinar-content { padding:10px; text-align:center;}
.webinar-box .date-stamp { font-size:11px; color:#8c8c8c; font-weight:500; display:block; margin-bottom:32px;}
.webinar-box h5 { margin-bottom:5px;}
.webinar-box h5 a {color:#424242;}
.webinar-box p { font-size:12px; line-height:18px; color:#8c8c8c;}
.webinar-box .speaker-info { height:80px; overflow:hidden;}
.webinar-box footer .btn { border-radius:0; line-height:26px;}
.webinar-box .time-stamp { width:150px; float:left;}
.webinar-box .time-stamp h6 { width:100px; margin:0 auto 10px; font-size:12px; line-height:15px; color:#8c8c8c; padding-bottom:3px; border-bottom:1px solid #dadada; display:block;}
.webinar-box .time-stamp p { margin-bottom:0;}

.webinar-box.webinar-box2 .video-banner { background-color:#122028; background-position:left top; background-repeat:no-repeat; background-size:cover; position:relative; height:110px;}
.webinar-box.webinar-box2 .video-banner:after { width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(46,64,86,0.8); content:""; display:block;}
.webinar-box.webinar-box2 .play-btn { width:40px; height:30px; position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-15px; z-index:5; border:1px solid #fff; background:rgba(47,148,215,0.8); border-radius:4px; text-align:center; line-height:26px;}
.webinar-box.webinar-box2 .play-btn .fa { font-size:21px; color:#fff; vertical-align:middle;}
.webinar-box.webinar-box2 .video-time {position:absolute; right:0; bottom:10px; background:rgba(0,0,0,0.6); padding:1px 6px; font-size:9px; line-height:13px; color:#fff; border-radius:7px 0 0 7px; text-align:right; z-index:100; }

.webinar-box.webinar-box2 .webinar-content { text-align:left; height:173px; overflow:hidden;}
.webinar-box.webinar-box2 h5 { max-height:42px; margin-bottom:12px; overflow:hidden;}
.webinar-box.webinar-box2 h6 { height:32px; margin-bottom:2px; overflow:hidden;}
.webinar-box.webinar-box2 h6 a { color:#424242;}
.webinar-box.webinar-box2 p { margin-bottom:12px;}
.webinar-box.webinar-box2 p a { color:#8c8c8c;}
.webinar-box.webinar-box2 .speaker-info { height:auto; overflow:visible;}
.webinar-box.webinar-box2 .speaker-info .fa { margin-right:2px;}

.webinar-box.webinar-box2.small .webinar-content { height:105px;}

/*--- Registration Count --- */
.registration-count { display:block; margin:12px 10px 0 0; width:52px; height:52px; border:2px solid #2f94d7; float:right; border-radius:50%; text-align:center; font-size:11px; color:#424242; font-weight:500; padding-top:10px; line-height:13px;}
.registration-count a { color:#424242;}
.registration-count .fa { margin-bottom:3px; font-size:14px;}

/*--- Practice Box --- */
.practice-box { background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); margin-bottom:20px; padding:10px 10px 25px; min-height:116px; position:relative;}
.practice-box .image { float:left; width:55px;}
.practice-box .image img { max-height:55px; max-width:55px;}
.practice-box .details { margin-left:65px;}
.practice-box h5 a {color:#424242;}
.practice-box .button1 { float:right;}
.practice-box .term-list { margin:0 0 3px; padding:0 0 0 14px; color:#949494;}
.practice-box .term-list li { font-size:13px; margin-bottom:3px; float:left; width:50%;}
.practice-box .hide-show-buttons { text-align:center; clear:both; position:absolute; left:0; bottom:0; width:100%;}
.practice-box .hide-show-buttons a { font-size:12px; color:#8c8c8c; line-height:27px;}

/*--- People Box --- */
.people-box { background:#fff; text-align:center; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); margin-bottom:20px; padding:15px 15px 0;}
.people-box .image { margin:0 auto 2px; width:70px; height:70px; display:block;}
.people-box .image img { height:70px; width:70px; border-radius:50%;}
.people-box h5 { margin-bottom:0px; height:22px; overflow:hidden;}
.people-box h5 a {color:#424242;}
.people-box p { font-size:12px; line-height:16px; color:#8c8c8c; height:34px; overflow:hidden;}
.people-box footer { border-radius:0; position:relative; margin:0 -15px 0;}
.people-box .button1 { border-radius:0;}

/*--- Skilltest Box --- */
.skilltest-box { background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); margin-bottom:20px; padding:15px 15px 12px;}
.skilltest-box .image { float:left; width:70px;}
.skilltest-box .image img { height:70px; width:70px;}
.skilltest-box .details { margin-left:90px;}
.skilltest-box h5 { margin-bottom:10px; height:23px; overflow:hidden; }
.skilltest-box h5 a {color:#424242;}
.skilltest-box p { font-size:12px; line-height:22px; margin-bottom:0; color:#8c8c8c;}
.skilltest-box p .fa { font-size:14px; margin-right:7px;}
.skilltest-box .button1 { float:right; margin-top:7px;}

/*--- Skilltest Box1 --- */
.skilltest-box1 { background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); margin-bottom:20px; padding:15px 15px 12px;}
.skilltest-box1 .scoreboard { width:150px; float:right; text-align:center;}
.skilltest-box1 .scoreboard p { margin:0; font-size:11px; font-weight:500;}
.skilltest-box1 p { font-size:12px; line-height:22px; color:#8c8c8c;}
.skilltest-box1 p .fa { font-size:14px; margin-right:7px;}

.skilltest-box1 .score-to-beat { width:80px; text-align:center; padding-top:8px;}
.skilltest-box1 .score-to-beat h6 { font-size:12px; line-height:15px; text-align:center; margin-bottom:3px; color:#8c8c8c; font-weight:500; padding-bottom:6px; border-bottom:1px solid #dadada; display:block; text-transform:capitalize; }
.skilltest-box1 .score-to-beat .count { font-size:18px; font-weight:bold;}

.skilltest-box1 .scoreboard .block { float:right; margin-left:15px;}

.skilltest-box1 .c100.big { font-size:37px; background:#c0c0c0;}
.skilltest-box1 .c100:after { background-color:#fff;}
.skilltest-box1 .c100 .fa { font-size:10px; color:#8c8c8c;}
.skilltest-box1 .c100 > span {color: #424242; font-size: 0.3em; line-height: 3.33em; width: 3.33em;}
.skilltest-box1 .pie, .skilltest-box1 .c100 .bar, .skilltest-box1 .c100.p51 .fill, .skilltest-box1 .c100.p52 .fill, .skilltest-box1 .c100.p53 .fill, .skilltest-box1 .c100.p54 .fill, .skilltest-box1 .c100.p55 .fill, .skilltest-box1 .c100.p56 .fill, .skilltest-box1 .c100.p57 .fill, .skilltest-box1 .c100.p58 .fill, .skilltest-box1 .c100.p59 .fill, .skilltest-box1 .c100.p60 .fill, .skilltest-box1 .c100.p61 .fill, .skilltest-box1 .c100.p62 .fill, .skilltest-box1 .c100.p63 .fill, .skilltest-box1 .c100.p64 .fill, .skilltest-box1 .c100.p65 .fill, .skilltest-box1 .c100.p66 .fill, .skilltest-box1 .c100.p67 .fill, .skilltest-box1 .c100.p68 .fill, .skilltest-box1 .c100.p69 .fill, .skilltest-box1 .c100.p70 .fill, .skilltest-box1 .c100.p71 .fill, .skilltest-box1 .c100.p72 .fill, .skilltest-box1 .c100.p73 .fill, .skilltest-box1 .c100.p74 .fill, .skilltest-box1 .c100.p75 .fill, .skilltest-box1 .c100.p76 .fill, .skilltest-box1 .c100.p77 .fill, .skilltest-box1 .c100.p78 .fill, .skilltest-box1 .c100.p79 .fill, .skilltest-box1 .c100.p80 .fill, .skilltest-box1 .c100.p81 .fill, .skilltest-box1 .c100.p82 .fill, .skilltest-box1 .c100.p83 .fill, .skilltest-box1 .c100.p84 .fill, .skilltest-box1 .c100.p85 .fill, .skilltest-box1 .c100.p86 .fill, .skilltest-box1 .c100.p87 .fill, .skilltest-box1 .c100.p88 .fill, .skilltest-box1 .c100.p89 .fill, .skilltest-box1 .c100.p90 .fill, .skilltest-box1 .c100.p91 .fill, .skilltest-box1 .c100.p92 .fill, .skilltest-box1 .c100.p93 .fill, .skilltest-box1 .c100.p94 .fill, .skilltest-box1 .c100.p95 .fill, .skilltest-box1 .c100.p96 .fill, .skilltest-box1 .c100.p97 .fill, .skilltest-box1 .c100.p98 .fill, .skilltest-box1 .c100.p99 .fill, .skilltest-box1 .p100 .fill { border:3px solid #2f94d7;}

.skilltest-box1 footer { position:relative; margin:5px -15px -12px -15px;}
.skilltest-box1 footer .btn { border-radius:0;}

/*--- News Box --- */  
.news-box { background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); margin-bottom:20px;}
.news-box .banner { background-color:#122028; background-position:left top; background-repeat:no-repeat; background-size:cover; height:120px; position:relative;}
.news-box .banner a {  display:block; width:100%; height:100%; top:0; left:0; position:absolute;}
.news-box .news-content { padding:10px;}
.news-box .news-content p { font-weight:normal; height:63px; color:#8c8c8c; overflow:hidden;}
.news-box h3, .news-box h5 { margin-bottom:10px; height:44px; overflow:hidden;}
.news-box h5 a, .news-box h3 a {color:#424242;}
.news-box footer { padding:10px;}
.news-box footer p { margin:0; font-size:11px; font-weight:500; color:#8c8c8c; line-height:13px;}
.news-box footer p .source-name { float:left; max-height:10px;}
.news-box footer p .source-name img { max-height:10px;}
.news-box footer p .date-stamp { float:right;}  

.news-box.large { margin-bottom:20px;}
.news-box.large .news-content { padding:20px;}
.news-box.large .news-content p { font-size:11px; font-weight:500; color:#8c8c8c; line-height:14px; overflow:visible; height:auto;}
.news-box.large .banner { height:245px;}

.news-box.small { margin-bottom:50px;}
.news-box.small h5 { height:64px;}
.news-box.small .news-content p { display:none;}

.news-box.medium { margin-bottom:20px;}
.news-box.medium .banner { float:left; width:135px; height:124px;}
.news-box.medium .inner-wrap { margin-left:145px;}
.news-box.medium h5 { margin-bottom:5px;}
.news-box.medium .news-content p { height:43px;}
.news-box.medium .news-content footer { padding:0;}
.news-box.medium .news-content footer p { height:auto; overflow:visible; margin:0; line-height:13px; font-weight:normal;}

/*--- Company Box --- */
.company-box { background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); margin-bottom:20px; padding:10px;}
.company-box .banner { background-color:#122028; background-position:left top; background-repeat:no-repeat; background-size:cover; height:120px; position:relative;}
.company-box .comapny-logo { float:left; border:1px solid #dadada; width:70px; height:70px; line-height:66px;}
.company-box .comapny-logo img { max-width:68px; max-height:68px; vertical-align:middle;}
.company-box .details { margin-left:80px;}
.company-box .followers-area { float:right; width:100px; margin-left:10px; text-align:center;}
.company-box .followers-area p { margin-bottom:4px;}
.company-box .followers-area .btn { margin-top:0;}
.company-box .followers-area .btn span { display:inline-block; margin-right:2px; font-size:14px; line-height:16px;}
.company-box p { color:#8c8c8c; font-size:12px; margin-bottom:0;}
.company-box p a { color:#8c8c8c;}
.company-box h4 { margin-bottom:3px; max-height:41px; overflow:hidden;}
.company-box h4 a { color:#424242;}
.company-box .stats { border-top:1px solid #dadada; margin-top:20px; padding:10px 0 0;}
.company-box .stats p { float:left; margin:0;}
.company-box .stats .view-detail { float:right; font-size:12px; text-transform:uppercase; line-height:21px;}
.company-box .stats p a { margin-right:15px; line-height:19px;}
.company-box .stats p a .fa { margin-right:2px;}
/*
.company-box .stats { border-top:1px solid #dadada; padding-top:7px; margin-top:20px;}
.company-box .stats table { width:100%;}
.company-box .stats table tr td a { display: block; padding:0px 5px;  position: relative;}
.company-box .stats table tr td { font-size: 12px;  border-right:1px solid #dadada;  line-height:15px;  text-align: center;}
.company-box .stats table tr td:last-child { border:0;}
.company-box .stats table tr td strong { display: block; font-size:14px; color: #424242; margin-bottom:2px;}
*/

/*--- Job Box --- */
.job-box { background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); margin-bottom:20px; padding:18px 10px 5px; position:relative;}
.job-box .job-source { position:absolute; right:0; top:0;}
.job-box .job-content { height:115px; overflow:hidden;}
.job-box h6 { margin-bottom:10px;}
.job-box h6 a {color:#424242;}
.job-box p { font-size:12px; color:#8c8c8c; margin-bottom:0; line-height:24px;}
.job-box p .fa { width:18px;}
.job-box p .divider { display:inline-block; margin:0 8px;}
.job-box footer { padding:5px 10px 0; border-top:1px solid #2f94d7; position:relative; margin:0 -10px;}
.job-box footer .apply-area { float:right; font-weight:bold; font-size:12px;}
.job-box footer .apply-area .jb-already-applied { color:#02c54c; }
.job-box footer .apply-area .btn { border-radius:0; font-weight:normal; text-transform:uppercase;}
.job-box footer .apply-area .btn:hover, .job-box footer .apply-area .btn:focus, .job-box footer .apply-area .btn:active { box-shadow:none; text-decoration:none; color:#2f94d7;}

/*--- Winner Box --- */
.winner-box { background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); margin-bottom:20px; padding:15px 10px 5px; position:relative;}
.winner-box .winner-content { min-height:210px;}
.winner-box h5 { margin-bottom:10px;}
.winner-box h5 a {color:#424242;}
.winner-box h6 { text-transform:uppercase; font-weight:normal; padding-bottom:3px; border-bottom:1px solid #dadada;}
.winner-box p { font-size:12px; color:#8c8c8c;}
.winner-box p .fa { width:18px;}
.winner-box p .divider { display:inline-block; margin:0 8px;}
.winner-box .winners-list { text-align:center;}
.winner-box .winners-list img { width:42px; height:42px; margin-bottom:5px; border-radius:50%;}
.winner-box .winners-list p { margin-bottom:15px; white-space:nowrap;}
.winner-box .winners-list p a { color:#424242;}
.winner-box .winners-list .regular-winner { display:none;}
.winner-box footer { padding:5px 10px 0; border-top:1px solid #2f94d7; position:relative; margin:0 -10px;}
.winner-box footer p { margin-bottom:0; float:left;}
.winner-box footer .view-area { float:right; font-weight:bold; font-size:12px;}
.winner-box footer .view-area .btn { border-radius:0; font-weight:normal; text-transform:uppercase;}
.winner-box footer .view-area .btn:hover, .winner-box footer .view-area .btn:focus, .winner-box footer .view-area .btn:active { box-shadow:none; text-decoration:none; color:#2f94d7;}

/*--- Event Box --- */
.event-box { background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); margin-bottom:20px; text-align:center; border:1px solid #dadada; max-width:305px;}
.event-box .banner { height:110px; position:relative; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.event-box .banner img { display:none;}
.event-box .event-content { padding:10px;}
.event-box h3:after { height:1px; display:block; background:#3bb8cf; width:90px; margin:15px auto; content:"";}
.event-box p { font-size:12px; font-weight:200;}
.event-box p strong { font-weight:500;}

.event-box.small .banner { height:80px;}
.event-box.small h6 { position:relative; margin-top:-15px; margin-bottom:5px;}
.event-box.small h6 span { background:#3498db; display:inline-block; padding:5px 10px; color:#fff; font-weight:normal;}
.event-box.small p { line-height:18px; color:#8c8c8c; margin-bottom:10px;}
.event-box.small .countdown { min-height:48px;}
.event-box.small .event-content { padding-top:0;}

/*--- Skills-list --- */
.skills-list { margin-bottom:15px;}
.skills-list span { margin:0 7px 9px 0; font-size:12px; color:#424242; font-weight:200; padding:4px 12px; border-radius:15px; display:inline-block; border:1px solid #dadada;}

/*--- Popover --- */
.popover { border:0; border-radius:2px; font-family:'roboto', Arial, Helvetica, sans-serif;} 
.popover.top > .arrow {border-top-color:rgba(0, 0, 0, 0.02);}
.popover.right > .arrow {border-right-color:rgba(0, 0, 0, 0.02);}

/*--- Search Filter --- */
#search-filter { background:#e5e5e5; margin-top:1px; padding:25px 0; border-bottom:1px solid #dadada; position:relative; text-align:center;}
#search-filter .form-elements { margin:0; padding:0; list-style:none; display:inline-block; text-align:left;}
#search-filter .form-elements > li { float:left; border-left:1px solid #dadada; background:#fff; position:relative; margin:5px 0; width:150px;}
#search-filter .form-elements .off { display:none;}
#search-filter .form-elements > li:first-child { border-radius:2px 0 0 2px; border-left:0;}
#search-filter .form-elements > li:last-child { border-left:0;}
#search-filter .form-elements input[type='text'] { border:0; border-radius:0; box-shadow:none; height:40px; font-size:12px; color:#8c8c8c; font-weight:200; padding-left:26px; background:none;} 
#search-filter .form-elements li .fa { position:absolute; left:7px; font-size:14px; color:#8c8c8c; top:13px;}

#search-filter .form-elements .select { display:block; height:40px;}
#search-filter .form-elements select { border:0; height:40px; width:100%; font-size:12px; color:#8c8c8c; font-weight:200; padding-left:22px; background:none;}
#search-filter .form-elements select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
#search-filter .form-elements .select select::-ms-expand{ display:none;}
#search-filter .form-elements .select:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:0; background:#fff; width:25px; height:40px; content:"";}

#search-filter .form-elements .select-option { cursor:text; height:40px; font-size:12px; color:#8c8c8c; font-weight:200; display:block; padding:10px 10px 10px 26px; line-height:20px;}
#search-filter .form-elements .submit-field { width:auto; background:none; border:0;}
#search-filter .form-elements .reset-btn { font-size:12px; vertical-align:middle; color:#424242; border:0; background:none;}
#search-filter .form-elements .last-field { border:0;}
#search-filter .form-elements .button1 { border:0; border-radius:0; height:40px; text-transform:none;}
#search-filter .form-elements .dropdown-menu { border-radius:0; box-shadow:0 3px 3px rgba(0, 0, 0, 0.05); margin-top:0; border:0; padding:0; width:100%; min-width:15px;}
#search-filter .form-elements .dropdown-menu li { padding:2px 7px; line-height:18px; line-height:24px;}
#search-filter .form-elements .dropdown-menu li input[type='checkbox'] { margin:0; margin-right:3px; vertical-align:middle;}
#search-filter .form-elements .dropdown-menu li  label { font-size:12px; line-height:16px; color:#8c8c8c; font-weight:200; margin:0;}
#search-filter .form-elements .dropdown-menu input[type="text"] { padding-left:12px; height:32px;}

#search-filter .looking-for { float:right; text-align:right; padding-top:6px;}
#search-filter .looking-for h6 { margin-bottom:5px; font-size:11px; font-weight:normal;}
#search-filter .looking-for .btn { padding-left:12px; padding-right:12px;}

#search-filter .advance-search { position:relative; margin-bottom:-20px; bottom:-20px;}
#search-filter a.advanced-btn { display:inline-block; position:relative; z-index:5; border:1px solid #dadada; background:#e5e5e5; padding:2px 15px; font-size:11px; color:#8c8c8c; text-transform:uppercase; border-radius:10px;}
#search-filter a.advanced-btn:hover, #search-filter a.advanced-btn:active { text-decoration:none;}

#search-filter #autocomplete { left:-1px !important; width:151px !important;}

/*--- Qna --- */
#qna .heading1 { float:left;}
#qna #AskNow { float:right;}
#qna .qna-box { background:#fff; clear:both; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); margin-bottom:30px; padding:20px;}
#qna .qna-box .question-icon { float:left; width:34px; display:block; height:30px; background:url(images/tg_images/icons.png) -164px -58px no-repeat;}
#qna .qna-box .inner-wrap { border-bottom:1px dashed #dadada; padding-bottom:15px; margin-bottom:20px;}
#qna .qna-box .inner-wrap:last-child { margin-bottom:0; border-bottom:0;}
#qna .qna-box .inner-wrap .details { margin-left:50px;}
#qna .qna-box h5 { margin-bottom:10px;}
#qna .qna-box h5 a { color:#424242;}
#qna .qna-box .stats { margin-bottom:15px;}
#qna .qna-box .stats span { font-size:11px; color:#8c8c8c; font-weight:500; margin-right:10px;}
#qna .qna-box .stats .fa { font-size:14px; margin-right:5px;}
#qna .qna-box .stats a { color:#8c8c8c;}
#qna .qna-box .tags { font-size:12px; color:#8c8c8c;}
#qna .qna-box .tags a { font-size:11px; font-weight:200; border:1px solid #dadada; color:#8c8c8c; background:#f4f4f4; padding:0 10px; display:inline-block; border-radius:15px; margin-right:10px; margin-bottom:5px;}
#qna .qna-box footer p { margin-bottom:0; font-size:12px; line-height:14px; color:#3498db;}
#qna .ask-a-question-btn { min-width:170px;}

/*--- Find-expert-speakers --- */
#find-expert-speakers { margin-bottom:50px; position:relative; margin-top:-10px;}
#find-expert-speakers .btn-default { margin:0 10px 10px 0; font-weight:bold; font-size:12px; color:#8c8c8c; padding:4px 8px; border-radius:15px;  transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;}
#find-expert-speakers .btn-default span { font-weight:normal; margin-left:2px;}
#find-expert-speakers .btn-default:hover, #find-expert-speakers .btn-default:active, #find-expert-speakers .btn-default:focus, #find-expert-speakers .btn-default.active { background:#2f94d7; border-color:#2f94d7; color:#fff; box-shadow:none;}
#find-expert-speakers footer { position:relative; border-bottom:1px solid #dadada; text-align:center;}
#find-expert-speakers footer:before { background:#dadada; left:-50%; width:100%; content:""; position:absolute; bottom:-1px; display:block; height:1px;}
#find-expert-speakers footer:after { background:#dadada; right:-60px; width:87px; content:""; position:absolute; bottom:-1px; display:block; height:1px;}
#find-expert-speakers footer a { display:inline-block; background:#e5e5e5; padding:2px 15px; font-size:11px; color:#8c8c8c; text-transform:uppercase; position:relative; bottom:-10px; border-radius:10px;}
#find-expert-speakers footer a:hover, #find-expert-speakers footer a:active { text-decoration:none;}

/*--- Social Btn --- */
.social-btn {  position:relative; background:none; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:0; color:#fff; text-align:center; 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; padding:0 12px 0 12px; height:38px; margin:0 10px 15px; font-size:12px;}
.social-btn:hover, .social-btn:focus, .social-btn:active { color:#fff; outline:none; text-decoration:none;}
.social-btn .inner { display:block; margin-left:37px; line-height:38px;}
.social-btn .fa { font-size:20px; float:left; vertical-align:top; width:28px; text-align:left; height:38px; line-height:38px;}
.social-btn.facebook { background:#6577c2;}
.social-btn.google { background:#ca4736;}
.social-btn.linkedin { background:#11709c;}
.social-btn.github { background:#0d2636;}
.social-btn.mail { background:#0d7e8f;}
.social-btn.twitter { background:#2daae2;}

.social-btn.facebook:hover { background:#5365b1;}
.social-btn.google:hover { background:#ad3425;}
.social-btn.linkedin:hover { background:#09577b;}
.social-btn.github:hover { background:#1f2123;}
.social-btn.mail:hover { background:#075f6c;}
.social-btn.twitter:hover { background:#2daae2;}


.social-btn.facebook .fa { border-right:1px solid #5b6bae; padding-left:2px;}
.social-btn.google .fa { border-right:1px solid #b63f2f;}
.social-btn.linkedin .fa { border-right:1px solid #0e5e83;}
.social-btn.github .fa { border-right:1px solid #252629;}
.social-btn.mail .fa { border-right:1px solid #0b6e7d;}
.social-btn.twitter .fa  { border-right:1px solid #2daae2; }

/*--- Sliding Testimonials --- */
#sliding-testimonials { background:#fff; padding:50px 0;}
#sliding-testimonials h2 { font-size:28px; margin-bottom:30px; text-align:center; position:relative;}
#sliding-testimonials h2:after { width:100px; height:1px; position:absolute; left:50%; margin-left:-50px; bottom:-16px; content:""; display:block; background:#2f94d7;}
#sliding-testimonials h4 { text-align:center; color:#8c8c8c; font-weight:200; margin-bottom:40px;}
#sliding-testimonials li { padding:40px 50px; border-right:1px solid #dadada; height:283px; display:table;}
#sliding-testimonials li .inner-wrap { vertical-align:middle; display:table-cell;}
#sliding-testimonials li:nth-child(2n) { border-right:0;}
#sliding-testimonials .image { float:left; padding-top:25px;}
#sliding-testimonials .image img { width:111px; height:111px; border-radius:50%;}
#sliding-testimonials blockquote { margin-left:143px; border:0; padding:0;}
#sliding-testimonials blockquote p { line-height:24px; color:#8c8c8c; font-weight:200; position:relative;}
#sliding-testimonials blockquote .cite cite { font-size:28px; font-weight:200; color:#424242; font-style:normal;}
#sliding-testimonials blockquote .cite cite small { display:block; line-height:24px; color:#8c8c8c; font-size:14px;}
#sliding-testimonials .quote {font-size:22px;}
#sliding-testimonials .left-quote { position:absolute; left:-10px; top:3px; font-size:22px;}

/*--- Gallery Common --- */
.gallery-common .preview iframe { width:100%; border:0; height:300px;}
.gallery-common .thumbnails { height:300px; padding:10px 10px 30px; background:#fff; position:relative;}
.gallery-common .thumbnails ul { margin:0; padding:0; list-style:none;}
.gallery-common .thumbnails li { margin-bottom:9px;}
.gallery-common .thumbnails .caroufredsel_wrapper, .gallery-common .thumbnails ul { width:100% !important; height:250px !important;}
.gallery-common .thumbnails .image { float:left; width:75px; height:50px; border:1px solid #dadada;}
.gallery-common .thumbnails .image img { width:75px; height:50px;}
.gallery-common .thumbnails h6 { font-size:13px; margin-bottom:10px;}
.gallery-common .thumbnails li h6 { margin-left:85px; margin-bottom:0;}
.gallery-common .thumbnails li h6 a { color:#424242;}
.gallery-common .thumbnails .direction-nav { position:absolute; width:100%; height:30px; background:#c0c0c0; line-height:30px; padding:0px 10px; left:0; bottom:0;}
.gallery-common .thumbnails .direction-nav a { font-size:12px; color:#424242;}

/*--- Join Us --- */
#join-us { padding:20px 0; background:#2d4056; clear:both; border-bottom:1px solid #3d526c;}
#join-us p { color:#fff; font-weight:200; margin:0;}
#join-us p a{ color:#fff; text-decoration:underline;}
#join-us h2 { font-size:24px; color:#fff; line-height:32px; margin-bottom:0;}
#join-us h2 small { font-size:14px; font-weight:200; color:#fff;}
#join-us .social-btn { margin-bottom:8px;}
#join-us .sociable a:first-child { margin-left:0;}

/*--- Footer --- */
#footer h3 { font-size:20px; color:#349dff; font-weight:normal; margin-bottom:20px;}
#footer h6 { color:#c0c0c0; font-weight:bold; text-transform:uppercase;}
#footer p { font-size:12px; color:#c0c0c0; margin-bottom:7px;}
#footer .sections { position:relative; margin:0 -10px;}
#footer .section { float:left; padding:0 10px; width:231px;}
#footer .section.fifth, #footer .section.second { width:255px;}
#footer .section .fa { margin-right:4px; float:left;  margin-bottom:12px;}
#footer .section .emails  { margin-bottom:12px;}
#footer .section .emails .fa { margin-top:5px;}

#footer .inner-footer { border-top:1px solid #3d526c; padding-top:10px;}
#footer .inner-footer p { margin-bottom:0; padding-top:4px; font-size:11px;}
#footer .footer-sociable { margin-bottom:15px;}
#footer .footer-sociable .fa {color:#c0c0c0; font-size:24px; margin-right:6px; margin-bottom:0;}

#footer .nav-links { margin:0; padding:0; margin-bottom:25px; list-style:none;}
#footer .nav-links li { margin-bottom:1px;}
#footer .nav-links li a, #footer .footer-more-links ul li a{color:#c0c0c0; font-weight:normal; line-height:17px; 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;}
#footer .nav-links li a:hover, #footer .footer-more-links ul li a:hover {color:#8c8c8c;}
#footer a {color:#c0c0c0;}

#footer .footer-more-links { padding:15px 0 8px; margin:0 -10px;}
#footer .footer-more-links h6 { font-size:12px; margin-bottom:10px;}
#footer .footer-more-links .divition { float:left; width:20%; padding:0 10px;}
#footer .footer-more-links .links-block {font-size:11px;color:#c0c0c0;}
#footer .footer-more-links .links-block a {font-size:11px;}

#footer-navigation ul { margin:0; padding:0; list-style:none; display:inline-block;}
#footer-navigation ul li { float:left; font-size:12px; color:#fff; font-weight:200; border-right:1px solid #c0c0c0; padding-right:12px; margin-right:12px;}
#footer-navigation ul li a { color:#fff !important; line-height:13px;}
#footer-navigation ul li:last-child { border:0; margin-right:0; padding-right:0;}


/*--- Newsletter Form --- */
#newsletter-form h6 { margin-bottom:3px;}
#newsletter-form form { background:#fff; padding-left:10px; border-radius:3px;}
#newsletter-form input[type="text"] { width:143px; float:left; padding:5px 10px 5px 0; border:0; box-shadow:none; font-size:13px; font-weight:normal; color:#8c8c8c; height:32px;}
#newsletter-form input[type="button"] { height:32px; width:82px; border-radius:0 2px 2px 0; float:right; font-size:12px; padding:6px 5px;}

/*--- Table-responsive --- */
.table-responsive { overflow-x: visible;}

/*--- Placeholder --- */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity:0.7 !important;}
input:-moz-placeholder, textarea:-moz-placeholder { opacity:0.7 !important;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.7 !important;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity:0.7 !important;}

/*--- Sociable1 --- */
.sociable1 a { width:32px; text-align:center; height:32px; display:inline-block; line-height:31px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size:20px; color:#fff; margin:0 5px;}
.sociable1 a:hover .fa, .sociable1 a:active .fa, .sociable1 a:focus .fa { color:#fff;}
.sociable1 a.facebook { background:#366ea7;}
.sociable1 a.twitter { background:#55acee;}
.sociable1 a.google-plus { background:#ca4638;}
.sociable1 a.linkedin { background:#0177b5;}
.sociable1 a.email { background:#333333; line-height:29px;}

/*--- Sociable2 --- */
.sociable2 p { color:#8c8c8c;}
.sociable2 .fa {color:#c0c0c0; font-size:24px; margin-left:6px; margin-bottom:0;}
.sociable2.small .fa { font-size:20px;}
.sociable2 a.facebook .fa { color:#366ea7;}
.sociable2 a.twitter .fa { color:#55acee;}
.sociable2 a.google-plus .fa { color:#ca4638;}
.sociable2 a.linkedin .fa { color:#0177b5;}

/*--- Alert --- */
.alert { border:0; border-radius:0; background:none; padding:0; font-size:14px; line-height:24px; font-weight:500;}
.alert a { font-size:12px; font-weight:normal;}
.alert-warning {color:#d54343;}
.alert-danger {color:#d54343;}
.alert-info {color:#fa8c2b;}
.alert-success {color:#02c54c;}


/*--- Ad-banner --- */
.ad-banner-middle { text-align:center; margin-bottom:20px; margin-top:15px; }
.ad-banner-footer { text-align:center; margin-bottom:50px;}

/*--- Rating --- */
.rating { display:block; width:80px; height:13px; background:url(images/tg_images/icons.png) 0 -121px no-repeat;}
.rating .inner { display:block; height:13px; background:url(images/tg_images/icons.png) 0 -140px no-repeat;}

/*--- Modal --- */
.modal .modal-header { border-bottom:0; padding-bottom:5px;}
.modal .modal-footer { border-top:0; padding:0 15px 15px;}
.modal button.close { width:16px; height:16px; outline:none; background:url(images/tg_images/icons.png) -482px -18px no-repeat; right:-27px; position:absolute; top:0; opacity:1; margin-top:0;}
.modal button.close span { display:none;}
.modal .modal-content { border:0; border-radius:2px; box-shadow:0 5px 15px rgba(0,0,0,0.3);}
.modal-backdrop { background:#2e4056;}
.modal-backdrop.in {opacity:0.9;}

.modal .tooltip{font-size:12px;line-height:18px;}.modal .tooltip-inner{ background:#e5e5e5; min-width:210px; color:#424242;}.modal .tooltip.top .tooltip-arrow{border-top-color:#e5e5e5}.modal .tooltip.top-left .tooltip-arrow{border-top-color:#e5e5e5}.modal .tooltip.top-right .tooltip-arrow{border-top-color:#e5e5e5}.modal .tooltip.right .tooltip-arrow{border-right-color:#e5e5e5}.modal .tooltip.left .tooltip-arrow{border-left-color:#e5e5e5}.modal .tooltip.bottom .tooltip-arrow{border-bottom-color:#e5e5e5}.modal .tooltip.bottom-left .tooltip-arrow{border-bottom-color:#e5e5e5}.modal .tooltip.bottom-right .tooltip-arrow{border-bottom-color:#e5e5e5;}

.modal .tooltip.right .tooltip-inner { text-align:left;}

/*--- Subscribe Form --- */
#subscribe-form .modal-content { background:#fff url(images/tg_images/microphone.png) right bottom no-repeat;}
#subscribe-form .modal-body { padding-bottom:128px;}
#subscribe-form h3 { margin-bottom:15px;}
#subscribe-form p { font-size:16px; color:#8c8c8c; margin-bottom:45px;}
#subscribe-form form { background:#fff; padding-left:10px; border-radius:5px; width:398px; margin:0 auto; border:1px solid #dadada;}
#subscribe-form input[type="text"] { width:292px; float:left; padding:5px 10px 5px 0; border:0; box-shadow:none; font-size:13px; font-weight:normal; color:#8c8c8c; height:32px; outline:none;}
#subscribe-form input[type="button"] { height:34px; margin:-1px -1px -1px 0; position:relative; width:95px; border-radius:0 2px 2px 0; float:right; font-size:12px; padding:6px 5px;}

/*--- Short Info --- */
.short-info { background:#fff; border-bottom:1px solid #dadada; padding:15px 0;}

/*---Form1 --- */
.form1 ul, .post .form1 ul { margin:0; padding:0; list-style:none;}
.form1 ul li { margin-bottom:15px;}
.form1 ul li:last-child { margin-bottom:0;}
.form1 .required {color:#ff0000;}
.form1 .form-control { border-radius:2px; font-size:13px; box-shadow:none;}
.form1 .form-control, .form1 input[type="text"], .form1 input[type="password"] { height:36px; border:1px solid #dadada;}
.form1 input[type="submit"], .form1 button[type="submit"] { font-weight:normal;}
.form1 li input[type="submit"], .form1 li button[type="submit"], .default-submit-btn, .form1 .default-submit-btn {min-width:165px; margin-top:20px;}
.form1 .forgot-password { float:right; font-size:13px;}
.form1 .error_msg {color: #d54343; display: inline-block; font-size:12px; position: relative; line-height:16px;}
.form1 textarea.form-control { resize:none; height:72px; border:1px solid #dadada !important;}
.form1 .has-error textarea.form-control { border:1px solid #d54343 !important;}
.form1 .has-error input[type="text"], .form1 .has-error input[type="password"] { border:1px solid #d54343;}

.form1 label { font-size:13px; color:#424242; display:block; margin-bottom:3px; font-weight:500;}
.form1 .radio-input { position:relative; display:block; padding-left:25px; margin-bottom:10px;}
.form1 .radio-input.radio-inline { display:inline-block; margin-left:0; margin-right:20px;}
.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/tg_images/icons.png) -472px -117px 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/tg_images/icons.png) -472px -92px no-repeat; }  
.form1 .radio-input input[type=radio]:checked + label:before {background:url(images/tg_images/icons.png) -472px -117px no-repeat; }

.form1 .checkbox-input { position:relative; display:inline-block; padding-left:23px;}
.form1 .checkbox-input.checkbox-inline { display:inline-block; margin-left:0; margin-bottom:10px; margin-right:20px;}
.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/tg_images/icons.png) -440px -115px 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/tg_images/icons.png) -440px -91px no-repeat; }  
.form1 .checkbox-input input[type=checkbox]:checked + label:before {background:url(images/tg_images/icons.png) -440px -115px no-repeat; }

.form1 .select { position:relative; display:block; border:1px solid #ccc; border-radius:2px;  min-height:36px; height:auto; width:100%;}
.form1 .select select { width:100%; border:0; padding:0 35px 0 10px; height:34px; font-size:14px; color:#999; position:relative; border-radius:2px;}
.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/tg_images/icons.png) -96px -119px no-repeat; width:31px; height:34px; content:"";}

.form-horizontal .control-label { padding-top:8px;}
.form-horizontal .control-label.two-lines { padding-top:0;}

.form1 .varification-field label { float:left; line-height:40px; margin-right:15px;}
.form1 .varification-field .reg-captcha { float:left;}
.form1 .varification-field .form-control { width:100px; text-align:center; padding-left:10px !important; float:left; margin-right:15px;}
.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 0 0;  float: left;  height: 40px;  margin:-1px 0 0 12px;   width: 40px;}
.form1 .varification-field .reg-frm-rfrs:hover, .form1 .varification-field .captcha-rfrs:hover { background-position: 0 -40px;}
.form1 .varification-field .reg-frm-rfrs:active, .form1 .varification-field .captcha-rfrs:active {  background-position: 0 -80px;}
.form1 .varification-field #imgCaptcha { float:left;}
.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;}

/*--- Breadcrumbs --- */
#breadcrumbs { position:relative; z-index:10;}
#breadcrumbs p { font-size:11px; color:#8c8c8c; position:absolute; top:10px;}
#breadcrumbs p a { color:#8c8c8c;}
#breadcrumbs p a:hover { text-decoration:underline;}
#breadcrumbs p .divider { display:inline-block; width:18px; text-align:center;}

/*--- Post --- */
.post { color:#424242; font-size:14px; line-height:21px;}
.inner-post { padding-left:14px;}
.post .post-header h2 { margin-bottom:10px;}
.post .post-header .sociable2, .post .post-footer .sociable2 { float:right;}

.post ul, .post ol { padding-left:28px; margin-bottom:20px;}
.post li { margin-bottom:3px; color:#424242; font-size:14px;}

.post .post-header .status-details, .post .post-header .status-details a { color:#8c8c8c;}
.post .post-header .status-details span { display:inline-block; margin-right:10px;}

.post .metadata { font-size:12px; color:#8c8c8c; display:block; margin-bottom:20px; line-height:18px;}

/*--- Result Head  --- */
.result-head { font-size:12px; border-left:3px solid #2f94d7; padding-left:10px;}

/*--- Has-error  --- */
.has-error .form-control, .has-error .form-control:focus, .has-error .select , .has-error .chosen-container .chosen-choices, .has-error .chosen-container .chosen-single{border-color:#f65039 !important;}
.has-error .form1 textarea.form-control {border-color:#f65039 !important;}

/*--- Message Success --- */
.msgErrortop { position:fixed; right:0; z-index:10000; top:100px; width:390px; font-size:14px; line-height:19px; color:#fff;}
.msgErrortop .close { position:absolute; right:5px; top:0; z-index:1;}
.msgErrortop .close .fa { font-size:16px; color:#999; vertical-align:top;}
.msgErrortop .close:hover .fa { color:#333;} 
.message-box { z-index:10; width:390px; position:absolute; top:0; right:-390px; height:96px; background:#fff; margin:0 0 15px; box-shadow:0px 0 7px rgba(0, 0, 0, 0.1); display:block; 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;}
.message-box .alert-message-icon { float:left; position:relative; width:96px; background:#e7e8ea; height:96px; display:block; font-size:32px; text-align:center;}
.message-box .alert-message-icon .fa { opacity:0; position:absolute; width:100%; left:0; vertical-align:middle; line-height:94px; font-size:48px; 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;}

.message-box .alert-message-content { margin-left:120px; padding:10px 15px 10px 0; position:relative;}
.message-box .alert-message-content h6 { margin-bottom:8px; min-height:15px;}
.message-box .alert-message-content .fa { display:none;}
.message-box .alert-message-content p { color:#8c8c8c; margin:0; font-size:13px; line-height:18px;}

.message-box .message-header span { opacity:0; position:absolute; left:0; 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;}


/*--- Success --- */
.success-msg {right:0 !important;}
.success-msg .alert-message-icon { color:#02c54c;}
.success-msg .alert-message-icon .fa-check, .success-msg .message-header span.success-txt { opacity:1;}

/*--- Warning --- */
.warning-msg {right:0 !important;}
.warning-msg .alert-message-icon { color:#d54343;}
.warning-msg .alert-message-icon .fa-exclamation-triangle, .warning-msg .message-header span.warning-txt { opacity:1;}

/*--- Error --- */
.error-msg {right:0 !important;}
.error-msg .alert-message-icon { color:#d54343;}
.error-msg .alert-message-icon .fa-times, .error-msg .message-header span.error-txt{ opacity:1;}

/*--- Info --- */
.info-msg {right:0 !important;}
.info-msg .alert-message-icon { color:#fa8c2b;}
.info-msg .alert-message-icon .fa-info-circle, .info-msg .message-header span.info-txt { opacity:1;}

/*--- Checkboxes --- */
.checkboxes .checkbox { position:relative; min-width:92px; display:inline-block; text-align:left; margin:0 9px 15px 9px;}
.checkboxes .checkbox label { font-size:15px; margin-bottom:0; color:#314451; background:#e3e3ec; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:10px 15px 10px 40px; display:block; cursor:pointer;}
.checkboxes .checkbox input[type=checkbox]:checked + label:before { background:url(images/techgig_new_images/checkbox1.png) left 1px no-repeat; }  
.checkboxes .checkbox input[type=checkbox] { display: none; }  
.checkboxes .checkbox label:before {content: ""; display: inline-block; width: 23px; height: 21px; margin-right: 10px;  position: absolute; left: 11px;  bottom:8px; background:url(images/techgig_new_images/checkbox1.png) left -20px no-repeat; }  
.checkboxes .checkbox input[type=checkbox]:checked + label:before {background:url(images/techgig_new_images/checkbox1.png) left 1px no-repeat; }
.checkboxes .see-more { display:block; width:100px; margin:30px auto 0;}  

/*--- Customize Recommendation --- */
#customize-recommendation .modal-content { background:#2b85c2 url(images/tg_images/recommendation-bg.gif) left top no-repeat; background-size:cover;}
#customize-recommendation .column { float:left; width:40%; padding:50px 50px 0px; position:relative;}
#customize-recommendation .column.form1 { width:60%; }
#customize-recommendation .modal-body { padding:0;}
#customize-recommendation .form1 { background:#fff;}
#customize-recommendation .text-center h1, #customize-recommendation .text-center p { color:#fff;}
#customize-recommendation .text-center p { font-size:15px; margin-bottom:40px;}
#customize-recommendation ul.benefits { margin:0 0 0 14px; padding:0;}
#customize-recommendation ul.benefits li { color:#fff; font-size:14px; line-height:19px; margin-bottom:20px;}

#customize-recommendation .form1 ul li { position:relative; margin-bottom:20px;}
#customize-recommendation .form1 .form-control, #customize-recommendation .form1 input[type="text"], #customize-recommendation .form1 input[type="password"] { height:52px; padding-left:140px; font-size:14px; border-radius:4px; font-size:14px;}
#customize-recommendation .form1 ul li .fa { position:absolute; left:1px; width:50px; top:1px; height:50px; line-height:50px; color:#fff; font-size:17px; text-align:center; background:#2e93d7; border-radius:2px 0 0 2px;}
#customize-recommendation .form1 ul li .label {height:50px; line-height:48px; color:#424242; width:80px; background:#d7eefe; position:absolute; left:51px; top:1px; font-size:12px; text-transform:uppercase; border-radius:0; font-weight:500;}
#customize-recommendation .form1 input[type="submit"] { width:195px; padding:17px 16px; font-weight:500; margin:0 auto 5px;}
#customize-recommendation .form1 li small { display:block; font-size:12px; color:#8c8c8c;}

#customize-recommendation .form1 li .dropdown-menu { border-radius:0; left:132px; max-height:215px; overflow:auto; box-shadow:0 3px 3px rgba(0, 0, 0, 0.05); margin-top:0; border:0; padding:0; width:217px; min-width:15px;}
#customize-recommendation .form1 li .dropdown-menu li { padding:2px 7px; line-height:18px; line-height:24px; margin:0;}
#customize-recommendation .form1 li .dropdown-menu li input[type='checkbox'] { margin:0; margin-right:3px; vertical-align:middle;}
#customize-recommendation .form1 li .dropdown-menu li  label { font-size:12px; line-height:17px; color:#8c8c8c; font-weight:200; margin:0;}
#customize-recommendation .form1 li .dropdown-menu input[type="text"] { padding-left:12px; height:32px;}

#customize-recommendation .form1 li ul.token-input-list-facebook { border-radius:2px; padding-left:135px;}
#customize-recommendation .form1 li ul.token-input-list-facebook li { margin-bottom:0;}
#customize-recommendation .form1 li ul.token-input-list-facebook li input { border:0; border-radius:0; margin:0; height:50px; padding-left:6px;}
#customize-recommendation .form1 li ul.token-input-list-facebook p { margin-bottom:0;}
#customize-recommendation .form1 li ul.token-input-list-facebook #token-input-recommended-skills { width:100% !important;}

#customize-recommendation .right-arrow { width:50px; height:50px; border:5px solid #fff; background:#2e93d7; line-height:40px; font-size:14px; color:#fff; text-transform:uppercase; display:block; position:absolute; left:-26px; top:50%; margin-top:-25px; font-weight:500; text-align:center; border-radius:50%;}

/*--- Scroll --- */
.scroll { overflow:auto;}
.scroll .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background:#dce0e0;}
.scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#999999;}
.scroll .mCSB_scrollTools .mCSB_dragger_onDrag .mCSB_dragger_bar { background-color:#999999 !important;}
.scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover { background-color:#4990d1;}

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

/*--- Two Column Layout1 --- */
.two-column-layout1 { margin-bottom:50px;}
.two-column-layout1:last-child { margin-bottom:0;}
.two-column-layout1 .column1 { border-right:1px solid #dadada;}
.two-column-layout1 .column2 {padding:25px 40px 0 30px;}
.two-column-layout1 .column2 > h6 { text-transform:uppercase; margin-bottom:30px;}
.two-column-layout1 .column2 h6 .fa { font-size:16px; vertical-align:bottom; margin-right:5px; color:#8c8c8c;}

.divition-block .two-column-layout1 .detail-info.left-side { padding-right:20px;}
.divition-block .two-column-layout1 .detail-info .tabs1 .tab-content { height:300px;}

/*--- Two Column Layout2 --- */
.two-column-layout2 .column1 { border-right:1px solid #dadada; padding-right:72px;}
.two-column-layout2 .column2 { padding-left:72px;}

/*--- Pagination --- */
.pagination { display: inline-block; margin:0; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.07);}
.pagination em { background-color: #fff; border-right: 1px solid #f7f7f7; color: #022e53; float: left; font-size: 12px; font-style: normal; line-height: 1.42857; cursor:pointer; padding: 6px 12px; position: relative; text-decoration: none;}
.pagination em a { color: #424242;}
.pagination em:hover, .pagination em:focus {  color: #2f94d7;  z-index: 3;}
.pagination em:hover a, .pagination em:focus a { color: #2f94d7;}
.pagination em:first-child {  border-bottom-left-radius:2px;  border-top-left-radius: 2px; margin-left: 0;}
.pagination em:last-child { border-bottom-right-radius:2px;  border-left: 0 none; border-top-right-radius: 2px; border:0;  margin-left: 0;}
.pagination em.active { background: #2f94d7;  color: #fff;}

/*--- Tooltip --- */
.tooltip{font-size:13px;line-height:18px;}.tooltip.in{filter:alpha(opacity=100);opacity:1}.tooltip-inner{ background:#2e4056;}.tooltip.top .tooltip-arrow{border-top-color:#2e4056}.tooltip.top-left .tooltip-arrow{border-top-color:#2e4056}.tooltip.top-right .tooltip-arrow{border-top-color:#2e4056}.tooltip.right .tooltip-arrow{border-right-color:#2e4056}.tooltip.left .tooltip-arrow{border-left-color:#2e4056}.tooltip.bottom .tooltip-arrow{border-bottom-color:#2e4056}.tooltip.bottom-left .tooltip-arrow{border-bottom-color:#2e4056}.tooltip.bottom-right .tooltip-arrow{border-bottom-color:#2e4056}

/*--- Heading1 --- */
.heading1 {line-height:33px; border-left:5px solid #479fd9; padding-left:10px; margin-bottom:32px;}
.heading1 a {font-size:14px; margin-left:10px; display:inline-block; font-weight:normal;}

h6.heading1 { line-height:26px; text-transform:uppercase; margin-bottom:15px; font-weight:bold; border-left:3px solid #479fd9;}

/*--- View-all-block --- */
.view-all-block { margin-bottom:20px; padding-top:10px; clear:both;}
.view-all-block .button2 { margin-bottom:30px; font-size:14px; text-transform:capitalize; min-width:170px;}

/*--- Fa-check --- */
.fa-check.green { width:16px; text-align:center; line-height:16px; font-size:11px; height:16px; display:inline-block; vertical-align:baseline; background:#02c54c; border-radius:50%; color:#fff !important; margin-right:8px;}

/*--- Tabs1 --- */
.tabs1 .tabs1-nav-wrap { overflow:auto;}
.tabs1 .nav-tabs { padding:0 30px; border-bottom:0; border-top:1px solid #dadada;}
.tabs1 .nav-tabs > li { margin-bottom:0; margin-top:-1px;}
.tabs1 .nav-tabs > li > a { border-radius:0; border:0; font-size:12px; min-width:75px; text-align:center; color:#8c8c8c; padding:17px 15px; border-top:1px solid #dadada;}
.tabs1 .nav-tabs > li > a:hover { background:none;}
.tabs1 .nav-tabs > li.active > a, .tabs1 .nav-tabs > li.active > a:hover, .tabs1 .nav-tabs > li.active > a:focus { color:#424242; border:0; background:none; border-top:1px solid #2f94d7;}
.tabs1 .nav > li > a:hover, .tabs1 .nav > li > a:focus { background:none;}

/*--- Tabs2 --- */
.tabs2 .nav-tabs { border-bottom:0; float:left; background:#2f94d7; border-radius:25px; padding:2px; margin-bottom:28px;}
.tabs2 .nav-tabs > li { margin:0;}
.tabs2 .nav-tabs > li > a { border-radius:0; border:0; font-size:12px; margin:0; color:#424242; font-weight:500; padding:7px 15px; background:#f4f4f4;}
.tabs2 .nav-tabs > li:first-child > a { border-radius:20px 0 0 20px;}
.tabs2 .nav-tabs > li:last-child > a { border-radius:0 20px 20px 0;}
.tabs2 .nav-tabs > li > a:hover { background:none;}
.tabs2 .nav-tabs > li.active > a, .tabs2 .nav-tabs > li.active > a:hover, .tabs2 .nav-tabs > li.active > a:focus { color:#fff; border:0; background:#2f94d7;}
.tabs2 .nav > li > a:hover, .tabs2 .nav > li > a:focus { background:#f4f4f4;}
.tabs2 .tab-content { clear:both;}
.tabs2 .nav-tabs > li.active > a:after { display:block; position:absolute; bottom:-10px; left:50%; margin-left:-10px; content:""; width: 0; height: 0;  border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #2f94d7;}

/*--- Tabs3 --- */
.tabs3 .nav-tabs { border-bottom:1px solid #dadada;}
.tabs3 .nav-tabs > li > a { font-size:12px; color:#424242; font-weight:500; padding:2px 10px; border-radius:2px 2px 0 0;}
.tabs3 .tab-content { border:1px solid #dadada; border-top:0; border-radius:0 0 2px 2px; min-height:107px; padding:3px 10px;}

/*--- Slider --- */
.slider { position:relative; margin-right:-20px;}
.slider .previous-btn { position:absolute; left:-25px; top:45%; font-size:19px; color:#c0c0c0; margin-top:-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;}
.slider .next-btn { position:absolute; right:-5px; top:45%; font-size:19px; color:#c0c0c0; margin-top:-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;}
.slider .previous-btn:hover, .slider .next-btn:hover { color:#919191;}

/*--- carousel --- */
.carousel .carousel-control { width:50px; height:45px; top:50%; margin-top:-22px; color:#424242; background:rgba(255,255,255,0.7); line-height:45px;}

/*--- Btn-file --- */
.btn-file { position: relative;	display:block; margin-top:5px; height:40px;}
.btn-file .button4 { z-index:10; pointer-events:none; background:#fff; cursor:pointer; padding:9px 14px; position:absolute; left:0; top:0;}
.btn-file input[type=file] { position: absolute; top:2px; left:0px; height:34px;font-size:13px;  text-align: left;   outline: none;  cursor: inherit; display: block; background:none;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.btn-file input[type=file] { text-indent:-50px; padding-top:7px; min-width:85px; left:1px;}
}


/*--- Ui-autocomplete --- */
.ui-autocomplete { border:1px solid #dadada; max-height:300px; max-width:300px; overflow:auto; margin:0; padding:0; list-style:none; background:#fff; font-size:12px;}
.ui-autocomplete .ui-menu-item { padding:3px 3px 4px; border:1px solid #fff; color:#8c8c8c; font-weight:200;}
.ui-autocomplete .ui-menu-item.ui-state-focus { background:#2f94d7; color:#fff;}

/*--- Autocomplete --- */
#autocomplete { position:absolute; background:#fff; padding:5px;}
#autocomplete ul li:last-child { border-bottom:0;}
#autocomplete ul li { padding:3px 3px 4px; background:#fff !important; font-size:12px; color:#8c8c8c !important; margin-bottom:0 !important; font-weight:200; display:block;}
#autocomplete ul li:hover { background:#2f94d7 !important; color:#fff !important;}
#autocomplete ul li:hover strong { color:#fff;}

/*--- Countdown --- */
.countdown { text-align:center; min-height:65px; display:inline-block; }
.countdown p { position:relative; top:3px;}
.countdown .alt-1, .countdown p { display:block;}
.countdown .alt-1 { position:relative; }
.countdown .separator { display:none;}
.countdown .item { vertical-align: bottom; min-width:44px; position:relative; overflow: hidden;font-size:18px; font-weight:bold; color:#424242; line-height:19px; padding:0 5px; margin:0; float:left;}
.countdown .item:after { display:block; right:0; top:2px; height:16px; content:""; background:#dadada; position:absolute; width:1px;}
.countdown .end-info { font-size:12px; line-height:15px; text-align:center; margin-bottom:10px; color:#8c8c8c; font-weight:500; padding-bottom:3px; border-bottom:1px solid #dadada; display:block; text-transform:capitalize; }
.countdown .label { display:block; padding:0; color:#c0c0c0; font-size:12px; border-radius:0; font-weight:normal; line-height:15px; margin-top:5px;}
.countdown .item-ss:after { display:none;}

/*--- Progress --- */
.progress { background:#eeeeee; box-shadow:none; height:15px; border-radius:8px;}
.progress .progress-bar { background:#2f94d7; box-shadow:none; border-radius:8px; line-height:15px;}

/*--- Edit Icon --- */
.edit-icon { float:right; font-size:17px; color:#8c8c8c;}

/*--- Table1 --- */
.table1 { width:100%;}
.table1.text-left tr td, .table1.text-left tr th { text-align:left;}
.table1 tr th { text-align:center; background:#2f94d7; padding:12px 20px; font-size:11px; color:#fff; text-transform:uppercase; font-weight:500;}
.table1 tr th small { font-size:10px;}
.table1 tr td { text-align:center; position:relative; padding:20px; background:#fff; font-size:14px; color:#424242; border-bottom:1px dashed #dadada;}
.table1 tr:last-child td { border-bottom:0;}
.table1 tr td a { color:#424242;}
.table1 tr .name { text-align:left;}
.table1 tr td.name img { margin-right:8px; border-radius:50%; width:48px; height:48px;}

.table1 tr th.form1 .select { background:#1e82c5; border:1px solid #4db0f1; border-radius:2px; min-height:27px; max-width:150px; display:inline-block;}
.table1 tr th.form1 .select select { background:#1e82c5; border:0; border-radius:2px; font-size:11px; height:27px; color:#fff; text-transform:uppercase; font-weight:500;}
.table1 tr th.form1 .select:after { width:24px; height:25px; background:url(images/tg_images/icons.png) -477px -54px no-repeat;}

.table1.small tr td, .table1.small tr th { text-align:left; padding:12px 10px;}

/*--- Table2 --- */
.table2 { width:100%;}
.table2 tr th { text-align:center; background:#f4f4f4; padding:10px 30px; font-size:14px; color:#424242; font-weight:bold; border-bottom:1px solid #dadada;}
.table2 tr td { text-align:center; padding:8px 30px; font-size:14px; color:#424242;}
.table2 tr .text-left { text-align:left;}
.table2 tr td p { margin-bottom:0;}
.table2 tr td p a { color:#424242;}
.table2 tbody tr:nth-child(2n) td { background:#f4f4f4;}
.table2 .action-btn { min-width:145px; background:#fff;}

.table2 .status-icon { background:#8c8c8c; width:12px; height:12px; border-radius:2px; vertical-align:middle; display:inline-block; border:1px solid #8c8c8c;}
.table2 .status-icon.attempted { background:#2f94d7; border-color:#2f94d7;}
.table2 .status-icon.skipped { background:none;}

/*--- Box Default --- */
.box-default { background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); padding:15px;}
.box-default.no-padding { padding:0;}
.box-default .footer { background:#f9f9f9; padding:10px 20px;}
.box-default .footer p { margin-bottom:0; float:left; font-size:12px; color:#8c8c8c; line-height:30px;}
.box-default .footer .pagination { float:right;}

.center-box { max-width:650px; width:100%; margin:0 auto 50px; padding:30px;}
.center-box.no-padding { padding:0;}

/*--- Default-list --- */
.default-list { margin:0 -10px; padding:0; list-style:none;}

/*--- List1 --- */
.list1 { margin:0; padding:0; list-style:none;}
.post .list1 { padding:0;}
.list1 > li { border-bottom:1px dashed #dadada; padding-bottom:10px; margin-bottom:10px;}
.list1 li .date-stamp { background:url(images/tg_images/icons.png) -215px -57px no-repeat; width:41px; height:47px; float:left; text-align:center; font-size:8px; color:#2f94d7; text-transform:uppercase; line-height:13px; padding-top:10px; font-weight:200;}
.list1 li .date-stamp span { font-size:15px;}
.list1 li .image { float:left; line-height:40px;}
.list1 li .image img { width:40px; height:40px; vertical-align:middle;}
.list1 li .details { margin-left:50px;} 
.list1 li h6{ margin-bottom:3px;}
.list1 li h6 a { color:#424242;}
.list1 li p { font-size:12px; color:#8c8c8c; margin-bottom:0;}
.list1 li p .fa { font-size:14px; margin-right:2px;}
.list1.challenges-list li .details { padding-top:4px;}

/*--- Follow Btn1 --- */
.follow-btn1 {min-width:100px;}

/*--- Button1 --- */
.button1 { background:#2f94d7; color:#fff; border-radius:2px; font-size:12px; text-transform:uppercase; font-weight:500; 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 { color:#fff; background:#2384c4; outline:none;}
.button1.disabled { background:#c0c0c0;}

/*--- Button2 --- */
.button2 { background:none; color:#2f94d7; border-radius:2px; font-size:12px; text-transform:uppercase; font-weight:normal; border:1px solid #2f94d7; 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:#2f94d7; outline:none;}

/*--- Button3 --- */
.button3 { background:#f94953; color:#fff; border-radius:2px; font-size:12px; text-transform:uppercase; font-weight:500; 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:#ea3d47; outline:none;}

/*--- Button4 --- */
.button4 { background:none; color:#424242; border-radius:2px; font-size:12px; text-transform:uppercase; font-weight:normal; border:1px solid #424242; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none;}
.button4:hover, .button4:focus, .button4:active, .button4.active { color:#fff; background:#424242; outline:none;}

/*--- Button5 --- */
.button5 { background:#424242; color:#fff; border-radius:2px; font-size:12px; text-transform:uppercase; font-weight:500; 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:#323232; outline:none;}

/*--- Button6 --- */
.button6 { background:#8c8c8c; color:#fff; border-radius:2px; font-size:12px; text-transform:uppercase; font-weight:500; 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;}
.button6:hover, .button6:focus, .button6:active { color:#fff; background:#646464; outline:none;}

/*--- Button7 --- */
.button7 { background:#dadada; color:#424242; border-radius:2px; font-size:12px; text-transform:uppercase; font-weight:500; 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;}
.button7:hover, .button7:focus, .button7:active { color:#424242; background:#c9c9c9; outline:none;}

/*--- Button8 --- */
.button8 { background:none; color:#fff; border-radius:2px; font-size:12px; text-transform:uppercase; font-weight:normal; border:1px solid #fff; 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;}
.button8:hover, .button8:focus, .button8:active { color:#2f94d7; background:#fff; outline:none;}







/*--- Mob-app-banner --- */
#mob-app-banner { background:#fff; position:fixed; left:0; top:0; width:100%; height:100%; z-index:100000; text-align:center;}
#mob-app-banner .container-fluid { background:#fff; position:fixed; left:0; bottom:0; padding:15px 0 25px; 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;}


/*css for mobile app download popup by brijesh on 21-6-2016*/
#mobile-app .tg-app-img{float:left;}
#mobile-app .modal-body{z-index:2;}
#mobile-app .tg-app-content{float:left;width: 350px;}
#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-link{color:#ee1c27;position:absolute;right:0;background:#ee1c27;border-radius:0px 5px 5px 0;color:#fff;border:none;padding:10px; top:20px;}
#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; }
#mobile-app .mobile-site { display:none; }
#header a.for-app-download { float:left; margin-right :10px; color :#82bd4f; margin-top:5px; font-size:14px; text-transform:none; 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; }
#header a.for-app-download:hover { color:#689f38;}
#header a.for-app-download .fa { vertical-align:sub; margin-right:3px; font-size:28px;}

@media screen and (max-width: 630px) {
#mobile-app .tg-app-content{width: 256px;}	
}

/* Chosen v1.4.2 | (c) 2011-2015 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */

.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container .search-choice .group-name,.chosen-container .chosen-single .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .search-choice .group-name:after,.chosen-container .chosen-single .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(chosen-sprite.png) no-repeat 100% -20px;background:url(chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(chosen-sprite.png) no-repeat -30px -20px;background:url(chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}


/* Example tokeninput style #2: Facebook style */
ul.token-input-list-facebook{overflow:hidden;height:auto!important;height:1%;width:100%;border:1px solid #dadada;min-height:40px;cursor:text;font-size:12px;font-family:Verdana;z-index:999;margin:0;padding:0;background-color:#fff;list-style-type:none;clear:left; border-radius:2px; max-height:52px; overflow:auto;}
ul.token-input-list-facebook li input{border:0;width:120px;padding:6px;background-color:#fff;margin:2px 0;-webkit-appearance:caret}
li.token-input-token-facebook{overflow:hidden;height:auto!important;height:15px;margin:5px 3px 3px;padding:5px;cursor:default;border:1px solid #ccd5e4;font-size:11px;float:left;white-space:nowrap; font-weight:500;  color:#8c8c8c; padding:4px 8px; border-radius:15px; margin-bottom:5px !important;}
li.token-input-token-facebook:hover, li.token-input-token-facebookt:active, li.token-input-token-facebook:focus { background:#2f94d7; border-color:#2f94d7; color:#fff; box-shadow:none;}
li.token-input-token-facebook:hover p, li.token-input-token-facebookt:active p, li.token-input-token-facebook:focus p { color:#fff;}

li.token-input-token-facebook p{display:inline;padding:0;margin:0; font-size:12px; line-height:16px;}
li.token-input-token-facebook span{color:#a6b3cf;margin-left:5px;font-weight:700;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:1051;}
div.token-input-dropdown-facebook p{margin:0;padding:6px;font-weight:700;color:#777;background-color:#ebf4fb;border-bottom:1px solid #dfdfdf;color:#000;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:#000;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:#000;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:700;font-style:normal}
div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook{background-color:#2879b6;color:#ffc906}




/* ==========================================================================

	Page Specific Settings
	
========================================================================== */


/* ==========================================================================
	Steps Page Specific Settings
========================================================================== */
.signup-steps-page { background:#2f94d7;}
.signup-steps-page #container-wrap { background:#fff;}
.signup-steps .welcome_msg { font-weight:200; text-align:center;}
.signup-steps .tabs1 .nav-tabs { text-align:center;}
.signup-steps .tabs1 .nav-tabs li { display:inline-block; float:none; margin-top:0;}
.signup-steps .tabs1 .nav-tabs > li > a { font-size:16px; color:#c0c0c0; padding:17px 30px; font-weight:500; border-width:3px; border-color:#fff;}
.signup-steps .tabs1 .nav-tabs > li > a  span{ display:block;}
.signup-steps .tabs1 .nav-tabs > li > a > .fa { font-size:22px;}
.signup-steps .tabs1 .nav-tabs > li.active > a, .signup-steps .tabs1 .nav-tabs > li.active > a:hover, .signup-steps .tabs1 .nav-tabs > li.active > a:focus { border-top:3px solid #2f94d7; color:#2f94d7;}
.signup-steps .tabs1 .nav-tabs > li.completed > a { color:#424242;}
.signup-steps .icon { display:block; width:80px; height:80px; background:#fff; border-radius:50%; margin:0 auto 25px; line-height:80px;}
.signup-steps .icon .fa { line-height:80px; font-size:22px; color:#2f94d7;}
.signup-steps h4 { color:#fff; margin-bottom:30px;}
.signup-steps .tab-content { background:#2f94d7; padding:32px; text-align:center;}
.signup-steps .form1 .textbox, .signup-steps .form1 .select { display:block; position:relative; margin:0 auto 30px; max-width:440px; width:100%; text-align:left;}
.signup-steps .form1 .textbox .fa, .signup-steps .form1 .select .fa { position:absolute; z-index:1; left:0; width:51px; top:1px; border-right:1px solid #dadada; height:99%; line-height:50px; color:#c0c0c0; font-size:17px; text-align:center;}
.signup-steps .form1 .form-control, .signup-steps .form1 input[type="text"], .signup-steps .form1 input[type="password"] { height:52px; padding-left:70px; font-size:14px; border-radius:4px;}
.signup-steps .form1 .textbox #autocomplete { width:100% !important;}
.signup-steps .form1 .select { height:52px; border-radius:4px;}
.signup-steps .form1 .select select { height:50px; padding-left:65px;}
.signup-steps .form1 .select:after { height:52px; background-position:-97px -111px;}
.signup-steps .form1 label { color:#fff; font-size:15px;}
.signup-steps .fa-check.green { vertical-align:middle; display:none;}
.signup-steps .tabs1 .nav-tabs > li.completed .fa-check.green { display:inline-block;}
.signup-steps .next-btn { min-width:130px;}

.signup-steps .form1 ul.token-input-list-facebook { border-radius:2px; padding-left:60px; max-height:150px;}
.signup-steps .form1 ul.token-input-list-facebook li input { border:0; border-radius:0; margin:0; height:50px; padding-left:6px;}

.signup-steps.form1 .radio-input input[type=radio]:checked + label:before { background:url(images/tg_images/icons.png) -408px -115px no-repeat; } 
.signup-steps .form1 .radio-input label:before {background:url(images/tg_images/icons.png) -408px -91px no-repeat; }  
.signup-steps .form1 .radio-input input[type=radio]:checked + label:before {background:url(images/tg_images/icons.png) -408px -115px no-repeat; }

.signup-steps-page .pac-container  { max-height:150px; overflow:auto;}
.signup-steps-page .token-input-dropdown-facebook, .signup-steps-page #autocomplete  { max-height:150px; overflow:auto; width:440px !important;}

/*--- Profile Completed --- */
#profile-completed  { margin-bottom:30px;}
#profile-completed .fa-check.green { width:30px; font-size:20px; height:30px; line-height:30px;} 
#profile-completed .center-box { box-shadow:0 0px 8px rgba(0, 0, 0, 0.2); padding:0; border-radius:6px;}
#profile-completed .add-to-contact { background:#eeeeee; border-radius:6px 0 0 0;}
#profile-completed .add-to-contact h5 { margin-bottom:25px;}
#profile-completed .add-to-contact ul { margin:0; padding:0; list-style:none;}
#profile-completed .add-to-contact ul li { margin-bottom:20px; font-size:14px; color:#424242;}
#profile-completed .column { padding:30px; width:50%; float:left; position:relative;}
#profile-completed .column:last-child { padding-left:44px;}

#profile-completed .or { width:50px; height:50px; border:5px solid #fff; background:#c0c0c0; line-height:40px; font-size:14px; color:#fff; text-transform:uppercase; display:block; position:absolute; right:-26px; top:50%; margin-top:-25px; font-weight:500; text-align:center; border-radius:50%;}
#profile-completed textarea.form-control { height:160px !important; margin-bottom:10px;}
#profile-completed .button1 { font-weight:500;}

#profile-completed .social-btn {padding-right:0; vertical-align:middle; margin:0; border-radius:2px; margin-right:10px;}
#profile-completed .social-btn .fa {border-right:0;}
#profile-completed .social-txt { color:#424242;}

#profile-completed footer { background:#e5e5e5; padding:20px; border-radius:0 0 6px 6px; text-align:center; border-top:1px solid #dadada;}
#profile-completed footer p { margin:0; font-size:14px; color:#8c8c8c; font-weight:bold;}
#profile-completed footer p a { text-decoration:underline;}

/*--- User Confirmation --- */
#user-confirmation h3 { text-transform:uppercase; margin-bottom:40px;}
#user-confirmation .center-box { box-shadow:0 0px 8px rgba(0, 0, 0, 0.2); text-align:center; padding:30px; border-radius:6px; max-width:500px;}
#user-confirmation .column { float:left; width:50%; border-right:1px solid #dadada; padding:0;}
#user-confirmation .column:last-child { border-right:0;}

#user-confirmation .column a { width:142px; height:128px; display:block; margin:0 auto; background-image:url(images/tg_images/designation-radio.png); background-position:0 0; background-repeat:no-repeat;}
#user-confirmation .column a input[type="radio"] { display:none;}
#user-confirmation .column a.student-icon { background-position:0 0;}
#user-confirmation .column a.student-icon.active, #user-confirmation .column a.student-icon.active:hover { background-position:0 -131px;}
#user-confirmation .column a.student-icon:hover { background-position:0 -265px;}
#user-confirmation .column a.professional-icon { background-position:-295px 0; position:relative; left:15px;}
#user-confirmation .column a.professional-icon.active, #user-confirmation .column a.professional-icon.active:hover { background-position:-295px -131px;}
#user-confirmation .column a.professional-icon:hover { background-position:-295px -262px;}


/* ==========================================================================
	Landing Page Specific Settings
========================================================================== */
.landing-page #container-wrap { padding-top:60px;}
.landing-page #header { height:60px;}
.landing-page #top-navigation { padding-top:14px;}
.landing-page #top-navigation ul li { margin-left:34px;}
.landing-page #top-navigation ul li:first-child { margin-left:0;}
.landing-page #top-navigation ul li a { font-size:13px; font-weight:bold; color:#8c8c8c; line-height:32px;}
.landing-page #top-navigation ul li .fa { font-size:23px;}
.landing-page #top-navigation ul li a.button1 { color:#fff; line-height:normal; font-weight:500; font-size:12px; min-width:98px;}

/*--- Divition Block --- */
.divition-block.for-landing { margin-bottom:0;}
.divition-block.for-landing .btn-icon { margin-bottom:50px;}
.divition-block.for-landing h5 { text-transform:uppercase; margin-bottom:20px;}
.divition-block.for-landing .container > .row > .col-sm-6 > p { font-weight:200; color:#8c8c8c; margin-bottom:40px;}
.divition-block.for-landing .stats { margin:0 0 45px; padding:0; list-style:none;}
.divition-block.for-landing .stats li { font-size:24px; line-height:18px; color:#424242; float:left; width:33.333%; border-right:1px solid #dadada;}
.divition-block.for-landing .stats li:last-child { border-right:0;}
.divition-block.for-landing .stats li small { font-weight:200; color:#8c8c8c; font-size:14px; display:block; margin-top:12px;}
.divition-block.for-landing .stats li span { display:block; text-align:center;}
.divition-block.for-landing .list1 li .details { margin-left:82px;}
.divition-block.for-landing .col-sm-6 .view-more-lnk { padding-left:82px; font-weight:500 !important; margin-bottom:22px;}
.divition-block.for-landing .list1 li .date-stamp { background-position:-343px -52px;}
.divition-block.for-landing .two-column-layout2 .column1:after { display:block; height:57px; width:1px; background:#f4f4f4; content:""; position:absolute; right:-1px; bottom:0;}

/*--- Intro Section --- */
#intro-section { min-height:500px; position:relative;}
#intro-section .slide { float:left; width:22%; text-align:center; border-right:1px solid #dadada; position:relative; overflow:hidden;}
#intro-section .slide .inner-slide { display:table; width:100%; min-height:500px;}
#intro-section .slide.big { width:34%; border:0;}
#intro-section .slide .slide-img { position:absolute; height:200px; left:0; bottom:0; width:100%; background-position: bottom center; background-repeat:no-repeat; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#intro-section .slide .inner-wrap { display:table-cell; vertical-align:middle; padding:20px; position:relative; z-index:1;-webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease; transition: all 0.5s ease; background:rgba(29, 41, 56,0);}
#intro-section .slide h2 { font-size:26px; font-weight:200; line-height:42px; text-transform:uppercase; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#intro-section .slide h2 span { display:block; font-size:14px;}
#intro-section .slide h3 { font-weight:bold; margin-top:0; text-transform:uppercase; margin-bottom:50px; position:relative; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#intro-section .slide h3:after { height:1px; display:block; content:""; position:absolute; left:50%; width:80px; margin-left:-40px; background:#2f94d7; bottom:-27px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#intro-section .slide .icon { width:65px; opacity:1; height:65px; margin-bottom:17px; color:#2f94d7; display:inline-block; border:1px solid #2f94d7; border-radius:50%; line-height:61px;  -webkit-transform: translateY(0%); -moz-transform: translateY(0%);-ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#intro-section .slide .icon .fa { vertical-align:middle; font-size:26px;}
#intro-section .slide p { line-height:24px; font-weight:200; color:#8c8c8c; margin-bottom:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
#intro-section .slide .button1 { font-size:14px; font-weight:bold; padding:13px 25px; opacity:0; -webkit-transform: translateY(120%);  -moz-transform: translateY(120%); -ms-transform: translateY(120%); -o-transform: translateY(120%); transform: translateY(120%); -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#intro-section .social-btn, #intro-section .social-btn .fa { height:44px;}
#intro-section .social-btn .inner, #intro-section .social-btn .fa { line-height:44px;}

#intro-section .slide:hover .button1 { opacity:1; -webkit-transform: translateY(55%); -moz-transform: translateY(55%); -ms-transform: translateY(55%);  -o-transform: translateY(55%); transform: translateY(55%)}
#intro-section .slide:hover .slide-img  { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08);   transform: scale(1.08)}
#intro-section .slide:hover .inner-wrap { background:rgba(46,64,86,0.9);}
#intro-section .slide:hover .icon { -webkit-transform: translateY(-125%); -moz-transform: translateY(-125%); -ms-transform: translateY(-125%); -o-transform: translateY(-125%); transform: translateY(-125%); opacity:0;}
#intro-section .slide:hover h3 { color:#fff; font-size:16px; margin-top:-125px;}
#intro-section .slide:hover h3:after { background:#fff;}
#intro-section .slide:hover p { font-size:16px; line-height:28px; color:#fff; font-weight:200; margin-bottom:35px;}
#intro-section .slide:hover h2 { color:#fff;}

#learn-slide .slide-img { background-image:url(images/tg_images/intro-learn-bg.png);}
#compete-slide .slide-img { background-image:url(images/tg_images/intro-compete-bg.png);}
#showcase-slide .slide-img { background-image:url(images/tg_images/intro-showcase-bg.png);}
#join-us-slide p { font-size:12px; font-weight:normal; margin-bottom:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
#join-us-slide p a { text-decoration:underline; color:#8c8c8c; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
#intro-section #join-us-slide:hover p { font-size:12px; line-height:24px; color:#c0c0c0; margin-bottom:0;}
#join-us-slide:hover p a { color:#c0c0c0;}
#join-us-slide .slide-img { opacity:0.2; background-image:url(images/tg_images/intro-joinus-bg.png);}
#join-us-slide:hover .slide-img { opacity:1;}

#intro-section .controls { position:absolute; left:0; bottom:15px; width:100%; text-align:center; z-index:10; display:none;}
#intro-section .controls a { display:inline-block; margin:0 5px; width:15px; height:0; padding-top:11px; overflow:hidden; border-radius:50%; border:2px solid #2f94d7;  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;}
#intro-section .controls a:hover, #intro-section .controls a.activeSlide { background:#2f94d7;}

#intro-section .down-arrow { font-size:42px; color:#fff; position:absolute; bottom:5px; left:50%; margin-left:-15px; line-height:25px;}

/* ==========================================================================
	Practice Page Specific Settings
========================================================================== */
.practiceandlearn { background:#fff;}

/* ==========================================================================
	Dashboard Page Specific Settings
========================================================================== */

/*--- User Status --- */
#user-status  .user-info .user-img { float:left;}
#user-status  .user-info .user-img img { width:65px; height:65px; border-radius:50%;}
#user-status  .user-info .details { margin-left:75px;}
#user-status  .user-info h4 { margin-bottom:5px;}
#user-status  .user-info p { font-size:13px; line-height:18px; font-weight:200; margin-bottom:0;}

#user-status .tech-quotient .col-xs-6 { border-right:1px solid #e5e5e5; text-align:center;}
#user-status .tech-quotient .col-xs-6:last-child { border-right:0;}
#user-status .tech-quotient p { margin-bottom:0;}
#user-status .tech-quotient .highlight { font-size:16px; color:#424242; font-weight:500;}

#user-status .profile p { font-size:12px; margin-bottom:0;}
#user-status .profile .add-details { font-weight:200; line-height:26px;}
#user-status .profile .add-details a { color:#8c8c8c;}
#user-status .progress { margin-bottom:0px;}


/* ==========================================================================
	Detailed Search Page Specific Settings
========================================================================== */

/*--- Detailed Search --- */
#detailed-search .result-block { padding-top:40px;}
#detailed-search .result-block:first-child, #detailed-search .result-block.active { padding-top:0;}
#detailed-search .tabs1 .nav-tabs { background:#e5e5e5; border-bottom:1px solid #dadada; padding:0; border-top:0;}
#detailed-search .tabs1 .nav-tabs > li { margin-top:0; text-align:center;}
#detailed-search .tabs1 .nav-tabs > li.all { min-width:75px;}
#detailed-search .tabs1 .nav-tabs > li > a { text-transform:uppercase; padding:15px; font-weight:500; margin-right:0; border-top:3px solid #e5e5e5;} 
#detailed-search .tabs1 .nav-tabs > li.active > a, #detailed-search .tabs1 .nav-tabs > li.active > a:hover, #detailed-search .tabs1 .nav-tabs > li.active > a:focus { border-top:3px solid #2f94d7;}
#detailed-search .view-more { text-align:center; text-transform:uppercase; margin-bottom:0;}
#detailed-search .sort-by { float:right; padding:10px 10px 0 0;}
#detailed-search .sort-by .select { display:block; height:30px; padding-left:3px; position:relative; background:#f4f4f4; border-radius:2px;}
#detailed-search .sort-by .select .fa { position:absolute; pointer-events:none; z-index:5; position:absolute; right:0; top:0; background:#f4f4f4; width:25px; height:30px; font-size:14px; color:#8c8c8c; text-align:center; line-height:30px; vertical-align:middle;}
#detailed-search .sort-by select { border:0; height:30px; width:100%; padding-right:27px; font-size:12px; color:#8c8c8c; font-weight:200; background:none;}
#detailed-search .sort-by select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
#detailed-search .sort-by .select select::-ms-expand{ display:none;}

/* ==========================================================================
	Jobs Page Specific Settings
========================================================================== */
#top-companies .btn-default { margin:0 10px 10px 0; font-weight:bold; font-size:12px; color:#8c8c8c; padding:4px 8px; border-radius:15px;  transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;}
#top-companies .btn-default span { font-weight:normal; margin-left:2px;}
#top-companies .btn-default:hover, #top-companies .btn-default:active, #top-companies .btn-default:focus, #top-companies .btn-default.active { background:#2f94d7; border-color:#2f94d7; color:#fff; box-shadow:none;}

/* ==========================================================================
	Events Page Specific Settings
========================================================================== */

#events-page .divition-block { margin-bottom:0;}
#events-page .divition-block .section-detail-box { margin-bottom:50px;}

/*--- Events Block --- */
#events-block { box-shadow:none; padding:0; margin-bottom:0;}
#events-block .column2 > h6 { margin-bottom:15px;}
#events-block .column1 { padding-right:30px; min-height:315px; padding-top:25px;}
#events-block .column2 { padding-left:50px;}
#events-block .benefits .event-logo { width:75px; height:75px; margin-bottom:10px; display:inline-block; border:1px solid #2f94d7; border-radius:50%; line-height:73px;}
#events-block .benefits .event-logo img { vertical-align:middle;}
#events-block .benefits h6 { text-transform:none; margin-bottom:10px;}
#events-block .benefits h6:after { display:none;}

/*--- Our Clients  --- */
#our-clients { background:#f4f4f4; padding:45px 0 50px; border-top:1px solid #dadada; text-align:center;}
#our-clients h2 { font-size:28px; margin-bottom:25px;}
#our-clients .box-default { height:118px; margin:2px 10px; line-height:88px; text-align:center; box-shadow:0 0px 1px rgba(0, 0, 0, 0.07);}
#our-clients .box-default a { display:block;}
#our-clients .box-default img { vertical-align:middle;}
#our-clients .slider { padding:0 20px;}
#our-clients .previous-btn { width:20px; height:29px; background:url(images/tg_images/icons.png) -422px -54px no-repeat; margin-top:-6px; left:-20px;}
#our-clients .next-btn { width:20px; height:29px; background:url(images/tg_images/icons.png) -451px -54px no-repeat; margin-top:-6px; right:0px;}


/* ==========================================================================
	Challenge Page Specific Settings
========================================================================== */

.coding-page { background:#fff;}
.coding-page #content { padding-bottom:50px; }

/*--- Loading Questions  --- */
.loading_question { position:absolute; display:table; top:0; height:100%; width:100%;}
.loading_question h2 { vertical-align:middle; margin:0; display:table-cell;}

/*--- Contest Search  --- */
#contest-search { float:right; border-radius:2px; border:1px solid #dadada; width:245px; background:#fff;}
#contest-search input[type='text'] { box-shadow:none; float:left; border-radius:0; border:0; outline:none; width:208px;}
#contest-search button[type='submit'] { box-shadow:none; float:left; border-radius:0; border:0; background:none; font-size:14px; color:#8c8c8c; width:35px; float:right; text-align:center; padding:0; height:34px;}

/*--- Challenge Banner  --- */
#challenge-banner { height:300px;}

/*--- All Content Wrap  --- */
.all-content-wrap.fixed { padding-top:80px;}
.all-content-wrap.fixed #challenge-short-info { position:fixed; z-index:1000; height:77px; padding:10px 0; top:38px;}
.all-content-wrap.fixed #challenge-short-info .stats { display:none;}
.all-content-wrap.fixed #challenge-short-info .company-logo { height:55px; overflow:hidden; width:65px; line-height:53px; margin-top:0;}
.all-content-wrap.fixed #challenge-short-info .company-logo img { max-height:53px; max-width:63px;}
.all-content-wrap.fixed #challenge-short-info .inner-wrap { margin-left:80px;}
.all-content-wrap.fixed #challenge-short-info .user-action .btn { font-size:14px; padding:6px 16px; margin-bottom:6px; -webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;}
.all-content-wrap.fixed #challenge-short-info .user-action p, .all-content-wrap.fixed #challenge-short-info .challenge-highlights p { font-size:14px;}
.all-content-wrap.fixed #challenge-short-info .user-action { padding-top:0;}

/*--- Challenge Short info  --- */
#challenge-short-info { height:150px; padding:20px 0; left:0; top:0; width:100%;}

#challenge-short-info .company-logo { border:1px solid #dadada; margin-top:5px; float:left; border-radius:4px; width:100px; height:100px; line-height:98px; text-align:center;}
#challenge-short-info .company-logo img { vertical-align:middle; max-width:98px; max-height:98px;}

#challenge-short-info .inner-wrap { margin-left:130px;}

#challenge-short-info h2 { margin-bottom:8px;}
#challenge-short-info .stats { padding-bottom:12px; margin-bottom:15px; border-bottom:1px solid #dadada;}
#challenge-short-info .stats p { line-height:26px; font-size:12px; color:#8c8c8c; margin:0;}
#challenge-short-info .stats p .block { display:inline-block; margin-right:15px;}

#challenge-short-info .challenge-highlights p { font-size:16px; color:#8c8c8c; margin:0;}
#challenge-short-info .challenge-highlights p .block { display:inline-block; margin-right:15px;}
#challenge-short-info .challenge-highlights .fa { color:#2f94d7; margin-right:1px;}

#challenge-short-info .user-action { float:right; text-align:center; padding-top:5px;}
#challenge-short-info .user-action .btn { font-size:16px; margin-bottom:10px; min-width:170px;}
#challenge-short-info.floatingHeader .user-action .btn {-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;}
#challenge-short-info .user-action p { font-size:16px; color:#8c8c8c; margin:0;}
#challenge-short-info .user-action p.success-message { font-size:14px; color:#424242; margin-bottom:5px;}
#challenge-short-info .user-action p.success-message .fa { margin-right:5px;}

#challenge-short-info .challenge-current-stats { padding-top:5px; text-align:center; font-size:12px; color:#424242; float:right;}
#challenge-short-info .challenge-current-stats .count { display:block; width:52px; height:52px; border:2px solid #2f94d7; border-radius:50%; margin:0 auto; margin-bottom:10px; padding-top:10px; line-height:15px;}

/*--- Challenge  --- */
#challenge { padding-bottom:1px; margin-bottom:20px;}

/*--- Challenge Box  --- */
.challenge-box { box-shadow:none; border:1px solid #dadada; margin-bottom:20px;}
.challenge-box h4 { margin-bottom:10px;}
.challenge-box p { font-size:12px; color:#8c8c8c; margin:0;}
.challenge-box p .block { display:inline-block; margin-right:15px;}
.challenge-box .button1 { font-size:14px; margin-top:5px;}

/*--- Found Count  --- */
p.found-count { margin-bottom:5px;}

/*--- Challenge Share  --- */
#challenge-share { padding:10px; height:100px; margin-bottom:20px;}
#challenge-share .sociable2 p { margin-bottom:0;}
#challenge-share .sociable2 a .fa { font-size:42px; border-radius:2px;}
#challenge-share .sociable2 .facebook .fa { margin-left:0;}
#challenge-share .facebook { margin-left:0;}

/*--- Need Help  --- */
#need-help .tabs1 .nav-tabs { background:#e5e5e5; border-bottom:0; padding:0; border-top:0; margin-bottom:15px;}
#need-help .tabs1 .nav-tabs > li { margin-top:0; text-align:center;}
#need-help .tabs1 .nav-tabs > li.all { min-width:75px;}
#need-help .tabs1 .nav-tabs > li > a { text-transform:uppercase; padding:15px; color:#424242; font-weight:500; margin-right:0; border-top:3px solid #e5e5e5;} 
#need-help .tabs1 .nav-tabs > li.active > a, #need-help .tabs1 .nav-tabs > li.active > a:hover, #need-help .tabs1 .nav-tabs > li.active > a:focus { border-top:3px solid #2f94d7;}
#need-help .question-block { margin-bottom:0;}

#need-help .show-more-faq { display:none;}

/*--- Challenge Countdown --- */
#challenge-countdown { background:#fa8c2b; padding:15px 0; text-align:center;}
#challenge-countdown h1 { color:#fff; display:inline-block; margin:0; margin-right:100px; vertical-align:top; padding-top:8px;}
#challenge-countdown .countdown { display:inline-block; min-height:15px; padding-top:2px;}
#challenge-countdown .countdown .item { font-size:24px;}
#challenge-countdown .countdown .item, #challenge-countdown .countdown .label { color:#fff;}
#challenge-countdown .countdown .item:after { background:#fff; height:37px;}
#challenge-countdown .countdown .item { padding:0 15px;}

/*--- Challenge Info Box --- */
.challenge-info-box { margin-bottom:10px; padding:5px; background:#f4f4f4; border:1px solid #dadada;}
.challenge-info-box ul { margin:0; padding:0; list-style:none;}
.challenge-info-box ul li { float:left; width:33.333%; line-height:23px; margin:0; border-right:1px solid #dadada; font-size:12px; text-align:center;}
.challenge-info-box ul li:last-child { border:0;}
.challenge-info-box ul li .number { font-size:18px; font-weight:bold; display:block;}
.challenge-info-box ul li .number small { font-size:11px;}

/*--- Body Bser Disabled --- */
#body_user_disabled { background:rgba(255,0,0,0.7); position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000000;  }
.enable_alert_naviagtion {  z-index:10000001;  }
.enable_alert_naviagtion .modal-content { box-shadow:none}

/*--- Coding Platform Head --- */
#coding-platform-head { background:#2e4056; box-shadow:0 2px 4px rgba(0, 0, 0, 0.07); height:38px; padding-right:30px; position:fixed; left:0; top:0; width:100%; z-index:1002; 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;}
.one-question-contest #coding-platform-head { top:60px;}
.full-screen-view #coding-platform-head { top:0 !important; -webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;}
#coding-platform-head .logo { float:left; line-height:35px; height:38px; margin:0; margin-right:40px; width:193px; background:#fff; text-align:center;}
#coding-platform-head .logo .inner { display:block; min-width:168px; padding-right:5px; position:relative;}
#coding-platform-head .logo .inner:after { display:block; content:""; position:absolute; right:-10px; top:0; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 19px solid transparent; border-left: 10px solid #fff;}
#coding-platform-head h5 { line-height:38px; float:left; text-transform:uppercase; color:#fff; font-weight:bold; margin:0;}

#coding-platform-head .big, #coding-platform-head .attempt-count { line-height:37px; float:right; color:#c0c0c0; font-size:12px; margin-left:50px; }
#coding-platform-head #remain, #coding-platform-head .attempt-count > span { font-size:22px;font-weight:500; vertical-align:top; }

#coding-platform-head h2 { float:left; line-height:38px; margin:0; margin-right:40px; background:#2f94d7; font-size:16px; color:#fff; text-transform:uppercase; font-weight:normal;}
#coding-platform-head h2 span { display:block; min-width:192px; padding-right:5px; padding-left:10px; position:relative;}
#coding-platform-head h2 span:after { display:block; content:""; position:absolute; right:-10px; top:0; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 19px solid transparent;  border-left: 10px solid #2f94d7;}
#coding-platform-head h2:before { display:block; content:""; position:absolute; left:0; top:0; width:15%; height:100%; background:#2f94d7;}

/*--- Coding Platform --- */
#coding-platform { background:#2e4056;}
#coding-platform .widget-block { padding:40px 10px; position:relative; border-bottom:1px solid #666666;}
#coding-platform .widget-block:last-child {border-bottom:0;}
#coding-platform .widget-block h5 { color:#c0c0c0; text-transform:uppercase; margin-bottom:10px;}
#coding-platform .questions-list { position:relative; margin:0 -4px;}

#coding-platform .widget-block .progress { margin:0; height:6px; position:absolute; left:0; top:0; width:100%; border-radius:0; background:#c0c0c0;}
#coding-platform .widget-block .progress .progress-bar { border-radius:0;}
#coding-platform .widget-block .big { font-size:34px; color:#c0c0c0; font-weight:500; display:block; margin-bottom:15px; line-height:34px;}
#coding-platform .widget-block small { text-transform:uppercase; font-size:12px; color:#c0c0c0;}

#question-controller { float:left; width:193px;}
#question-controller .question-controller .btn { background:#8c8c8c; border:1px solid #8c8c8c; color:#fff; min-width:26px; margin:0 4px 8px;}
#question-controller .question-controller .btn.attempted { background:#2f94d7; border-color:#2f94d7;}
#question-controller .question-controller .btn.skipped { background:none;}
#question-controller .legends-info ul { margin:0; padding:0; list-style:none;}
#question-controller .legends-info ul li { line-height:14px; margin-bottom:17px; color:#ffffff; font-size:12px;}
#question-controller .legends-info ul li:last-child { margin-bottom:0;}
#question-controller .legends-info ul li .icon { background:#8c8c8c; width:10px; height:10px; border-radius:2px; margin-right:10px; vertical-align:middle; display:inline-block; border:1px solid #8c8c8c;}
#question-controller .legends-info ul li.attempted .icon { background:#2f94d7; border-color:#2f94d7;}
#question-controller .legends-info ul li.skipped .icon { background:none;}

#coding-platform .widget-block .view-all-questions {  border-color:#666666;}
#coding-platform .widget-block .view-all-questions:hover, #coding-platform .widget-block .view-all-questions:focus, #coding-platform .widget-block .view-all-questions:active {  border-color:#fff;}

#coding-content-area { float:left; background:#fff; overflow:auto; position:relative;}
#coding-content-area .inner-coding-area { padding:30px;}
#user-attentions { float:right; width:193px;}

/*--- Coding Footer --- */
.coding-footer {background:#e5e5e5; height:65px; border-top:1px solid #dadada; position:fixed; z-index:100; width:100%; text-align:center; bottom:0; left:0; padding:13px 0 14px; }
#content .coding-footer .container { padding:0 10px;}
.coding-footer .button1 { min-width:220px;}
.coding-footer .button5 { min-width:160px;}
.coding-footer .go-back-btn { float:left;}
.coding-footer .user-actions-block { float:right;}
.coding-footer .user-actions-block .btn { margin-left:7px; min-width:160px;}
.coding-footer .user-actions-block.pull-left .btn { margin-right:7px; margin-left:0;}
.coding-footer .container-fluid .inner-coding-footer { padding:0 30px;}

/*--- Question Area --- */
#question-area .question-status { font-size:12px;}
#question-area .question-status > span { display:inline-block; margin-right:20px;}
#question-area .question-status .fa {margin-right:2px;}
#question-area .question-status .rating { display:inline-block; vertical-align:text-top; margin-left:5px; position:relative; top:2px;}


/*--- 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:50px;}
#editor-box { margin-bottom:30px;}
#editor-box header { background:#fff; padding:7px 10px; border:1px solid #ccc; border-bottom:0; border-radius:4px 4px 0 0;}
#editor-box header p { margin-bottom:0;}
#editor-box header p a { text-decoration:none;}
#editor-box header > .select { float:left; width:100px; margin-left:10px;}
#editor-box header .form1 label { float:left; line-height:36px; margin-bottom:0;}
#editor-box header .form1.pull-left label { margin-right:15px;}
#editor-box #editor { border-radius:0; margin-bottom:0;}

#editor-box .editor-footer {background:#f7f7f7; padding:6px 15px 7px; border:1px solid #ccc; border-top:0; border-radius:0 0 4px 4px; text-align:right;}
#editor-box .editor-footer code { font-size:12px; color:#666; background:none; padding:0; border-radius:0;}
#editor-box .editor-footer p { margin-bottom:0;}
#editor-box .editor-footer .editor-mode { text-transform:uppercase;}

#editor-box .user-actions { margin-top:8px; position:relative; float:right;}
#editor-box .user-actions .form1 { margin-top:-8px; position:relative;}
#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 #editor-actions .button4 { margin-right:7px;}
#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;}
#testcase_status_heading { border-bottom:1px solid #dadada; padding-bottom:5px;}
#editor-box .expand-collapse-btn .fa-compress { display:none;}
#full-screen-question.expanded { position:fixed; left:0; top:0; height:100%; width:100%; background:#fff; z-index:1001;}
#full-screen-question.expanded .expand-collapse-btn .fa-compress { display:block;}
#full-screen-question.expanded .expand-collapse-btn .fa-arrows-alt { display:none;}
#full-screen-question.expanded #question-area, #full-screen-question.expanded #editor-box { width:50%; float:left; padding:60px 25px 20px 20px; overflow:scroll;}
#full-screen-question.expanded #editor-box { padding-top:69px;}
#full-screen-question.expanded #question-area hr { display:none;}
#keyboard-bindings h4 { font-weight:normal;}
#keyboard-bindings .table5 tr td, #keyboard-bindings .table5 tr th { font-size:10px; padding:7px;}
#keyboard-bindings .modal-body { max-height:400px; overflow:auto;}

#settings-dropdown { display:block; width:250px; z-index:99; left:auto; right:-11px; top:23px; display:none;}
#settings-dropdown > .arrow {left:auto; right:6px;}
#settings-dropdown .btn-group { display:block; margin-bottom:0;}
#settings-dropdown .btn-group .btn { width:33.333%;}
#settings-dropdown .row { margin:0;}
#settings-dropdown .col-sm-6 { padding:0;}
#settings-dropdown .popover-title { padding:8px 15px; position:relative;}
#settings-dropdown hr { margin:5px 0;}
#editor-box  #settings-dropdown .two-col { padding:10px 0;}
#editor-box  #settings-dropdown  label { line-height:20px;}
#editor-box  #settings-dropdown .two-col label { line-height:15px; margin-bottom:5px;}
#editor-box  #settings-dropdown .two-col .select { margin-left:0; width:100%;}}
#editor-box  #settings-dropdown .checkbox-input label { line-height:19px; font-weight:normal;}

#editor-box h6 { text-transform:uppercase; margin-bottom:8px;}
#editor-box h6 span.alert { text-transform:none;}
#editor-box .ajaxCompileTable { margin-bottom:-13px; position:relative; width:100%;}
#editor-box .ajaxCompileTable tr td, #editor-box .ajaxCompileTable tr th { padding:5px 10px 5px;}
#editor-box .ajaxCompileTable tr td {word-break:break-word; font-family:monospace,serif; font-size:12px; color:#8c8c8c; border-right:1px solid #dadada;}
#editor-box .ajaxCompileTable tr td:last-child {border-right:0;}
#editor-box .ajaxCompileTable tr td h6 { text-transform:none; margin-bottom:5px;}
#editor-box .ajaxCompileTable tr td.testcase-status { text-align:center;}

#testcase_status pre { margin-bottom:25px; border:0; padding:0; background:#f4f4f4; color:#8c8c8c; padding:10px;}
#code_result.success-msg { background:#02c54c; color:#fff; padding:10px; border-radius:2px;}
#code_result.warning-msg { background:#d54343; color:#fff; padding:10px; border-radius:2px;}
#code_result.error-msg { background:#d54343; color:#fff; padding:10px; border-radius:2px;}

#attempted_option { margin-bottom:40px;}
#attempted_option h4 { font-weight:normal; margin-bottom:25px;}
#attempted_option ul.options { margin:0 0 40px; position:relative; padding:0; list-style:none; max-width:500px;}
#attempted_option ul.options li { width:100%; overflow:hidden; padding-right:50px; background:#fff; border:1px solid #dadada; cursor:pointer; position:relative; border-radius:4px;}
#attempted_option ul.options li .option { width:50px; min-height:40px; display:block; text-align:center; font-size:14px; color:#424242; border-right:1px solid #dadada; position:absolute; left:0; top:0; height:100%; line-height:18px;}
#attempted_option ul.options li .option span { position:absolute; display:block; top:50%; margin-top:-9px; width:100%;}
#attempted_option ul.options li .question-text { margin-left:50px; position:relative; font-size:14px; color:#424242; line-height:17px; padding:5px 10px 7px; display:table; height:40px;}
#attempted_option ul.options li .tick-icon { position:absolute; right:0; top:0; height:100%; text-align:center; background:#dadada; opacity:0.8; width:50px;}
#attempted_option ul.options li.active .tick-icon { background:#2f94d7; opacity:1;}
#attempted_option ul.options li .tick-icon img { width:26px; position:absolute; top:50%; margin-top:-10px; left:50%; margin-left:-13px;}
#attempted_option ul.options li .question-text span { display:table-cell; vertical-align:middle; word-break:break-word;}
#attempted_option h4 { line-height:20px;}
#attempted_option h4 small { font-size:12px; color:#333;}
#attempted_option ul.options li pre { width:100%; max-height:200px; margin-bottom:0;}


/*--- User Result --- */
.user-result { padding-bottom:20px; }
.user-result .score-header h3 { display:inline-block; position:relative; border-top:1px solid #dadada; border-left:1px solid #dadada; margin:0px;  padding:14px 15px 4px 30px; margin-bottom:-1px; background:#fff; font-weight:normal; min-height:45px; }
.user-result .score-header h3:after { content:""; width:30px; height:44px; background:url(images/tg_images/after-line.png) no-repeat; position:absolute; right:-29px; top:0px; }
.user-result .score-header .buttons { float:right; padding-top:20px; }
.user-result .score-header .buttons a { color:#333; font-size:14px; margin-left:25px; }
.user-result .score-header .buttons a .fa { margin-right:10px; }


/*--- User Status Box --- */
.user-status-box { border:1px solid #dadada; padding:25px 30px; box-shadow:none; text-align:center; height:465px; }
.user-status-box .icon { margin-bottom:30px; display:inline-block; }
.user-status-box .result-status-box { display:block; padding:10px; color:#fff;  font-size:20px; line-height:24px; font-weight:bold; margin-bottom:30px; background:#e47800;  }
.user-status-box .result-status-box small { display:block; font-size:12px; text-transform:uppercase; font-weight:normal; }
.user-status-box .sociable1 { margin:0px; }
.user-status-box .sociable1 p { font-size:14px; display:inline-block; margin-right:5px; }
.user-status-box > p, .user-status-box > h3 { margin-bottom:25px;}

/*--- User Test Score --- */
.user-test-score { padding:30px 30px 30px 30px; border:1px solid #dadada; background:#fff; height:421px; overflow:auto;  }
.user-test-score p { font-size:14px; margin-bottom:10px;}
.user-test-score .total-score .blue1,.user-test-score .total-score .blue2,.user-test-score .total-score .blue3 { width:10px; height:10px; border-radius:50%; display:inline-block; margin-right:10px; float:left; margin-top:5px; }
.user-test-score .total-score .blue1 { background-color:#30a0ea; }
.user-test-score .total-score .blue2 { background-color:#8ecff9; }
.user-test-score .total-score .blue3 { background-color:#bfe8fe; }
.user-test-score .your-score { padding-top:20px; }
.user-test-score .your-score img { width:75px; height:75px; border-radius:50%; float:left; margin-right:20px; }
.user-test-score .your-score span { font-size:20px; margin-top:15px; display:block; }
.user-test-score .your-score p { text-transform:uppercase; }
.user-test-score .your-score p a { text-transform:none; }
.user-test-score .topic-score .inner-score { background:#f9f9f9; padding:15px 20px 1px; margin-bottom:17px;}
.user-test-score .topic-score h6 { font-size:16px; margin-bottom:20px; }
.user-test-score .topic-score p { margin-bottom:7px; } 
.user-test-score .topic-score p .smoothScroll { text-transform:uppercase; float:right; font-size:11px; line-height:15px; }
.user-test-score .score-button { display:inline-block; float:right; background:#00a63f; border-radius:15px; min-width:75px; font-size:14px; color:#fff; text-align:center; line-height:30px; }
.user-test-score .score-button.red { background:#f94953; }
.user-test-score .topic-score .button1 { min-width:150px; text-transform:uppercase; margin-top:21px;}
.skill-box2 .button1:hover { background:#ca353b; }
.user-test-score .topic-score .your-score { float:right; width:100%; text-align:right; padding-top:0px; margin-top:10px; }
.user-test-score .topic-score .your-score img  { margin:0px 0px 0px 20px;  float:right; }
.user-test-score .topic-score .your-score span { display:inline-block; }
.user-test-score .c100 { margin:0px !important;  margin-bottom:20px!important;  background-color: #32a0e9; }
.user-test-score .c100 .total-score { position:absolute; left:0; line-height:34px; top:39%; width:100%; display:black; height:48px; z-index:10; font-size:24px; text-align:center; color:#333; }
.user-test-score .topic-score .inner { height:200px; overflow:auto; padding-right:10px; max-height:auto; max-height:auto!important; }
.user-test-score .scroll { max-height:180px; }
.user-test-score .mCSB_scrollTools .mCSB_dragger { height:auto!important; min-height:auto!important; }


.user-test-score .pie, .user-test-score .c100 .bar, .user-test-score .c100.p51 .fill, .user-test-score .c100.p52 .fill, .user-test-score .c100.p53 .fill, .user-test-score .c100.p54 .fill, .user-test-score .c100.p55 .fill, .user-test-score .c100.p56 .fill, .user-test-score .c100.p57 .fill, .user-test-score .c100.p58 .fill, .user-test-score .c100.p59 .fill, .user-test-score .c100.p60 .fill, .user-test-score .c100.p61 .fill, .user-test-score .c100.p62 .fill, .user-test-score .c100.p63 .fill, .user-test-score .c100.p64 .fill, .user-test-score .c100.p65 .fill, .user-test-score .c100.p66 .fill, .user-test-score .c100.p67 .fill, .user-test-score .c100.p68 .fill, .user-test-score .c100.p69 .fill, .user-test-score .c100.p70 .fill, .user-test-score .c100.p71 .fill, .user-test-score .c100.p72 .fill, .user-test-score .c100.p73 .fill, .user-test-score .c100.p74 .fill, .user-test-score .c100.p75 .fill, .user-test-score .c100.p76 .fill, .user-test-score .c100.p77 .fill, .user-test-score .c100.p78 .fill, .user-test-score .c100.p79 .fill, .user-test-score .c100.p80 .fill, .user-test-score .c100.p81 .fill, .user-test-score .c100.p82 .fill, .user-test-score .c100.p83 .fill, .user-test-score .c100.p84 .fill, .user-test-score .c100.p85 .fill, .user-test-score .c100.p86 .fill, .user-test-score .c100.p87 .fill, .user-test-score .c100.p88 .fill, .user-test-score .c100.p89 .fill, .user-test-score .c100.p90 .fill, .user-test-score .c100.p91 .fill, .user-test-score .c100.p92 .fill, .user-test-score .c100.p93 .fill, .user-test-score .c100.p94 .fill, .user-test-score .c100.p95 .fill, .user-test-score .c100.p96 .user-test-score .fill, .user-test-score .c100.p97 .fill, .user-test-score .c100.p98 .fill, .user-test-score .c100.p99 .fill, .user-test-score .c100.p100 .fill { 
border: 0.08em solid #c1e6ff; }

.user-test-score .c100.big { font-size:150px; }

/*--- Chart accordian --- */
.chart-accordian { margin-bottom:20px; }
.chart-accordian #headingOne { border:none; }
.chart-accordian .panel-default  .panel-heading.first { background-image:url(images/techgig_new_images/accordian-im2.png) }
.chart-accordian .panel-default  .panel-heading { background:#f9f9f9; background-image:url(images/techgig_new_images/accordian-im.png) ; background-position:98% center; background-repeat:no-repeat; }
.chart-accordian .panel-body { border-top:none !important; }
.chart-accordian .glyphicon { float:right !important; }
.chart-accordian .collapsed, .chart-accordian .collapseOne { display:block; }
.chart-accordian .collapsed:focus, .chart-accordian .collapseOne:focus { color:#0187d0; }
.chart-accordian .list h6 { font-size:14px; color:#333; margin-bottom:15px; }
.chart-accordian .list ol { padding-left:20px; }
.chart-accordian .list ol li { font-size:13px; color:#333; margin-bottom:10px; line-height:16px; }

/*--- Query Form --- */
#query-form { float:right; margin:0 0 30px 20px; width:350px; }

/*--- Languages-tabs --- */
#languages-tabs { padding:15px; background:#f4f5f6; border:1px solid #f1f2f2; margin-bottom:30px;}
#languages-tabs .scroll { height:300px; float:left; width:150px; overflow:auto;}
#languages-tabs .nav-tabs { margin-bottom:0; border-bottom:0;}
#languages-tabs .tab-content { margin-left:165px;}
#languages-tabs .nav-tabs li { float:none; margin-bottom:0; border-bottom:1px solid #ebedee;}
#languages-tabs .nav-tabs li:last-child {border-bottom:0;}
#languages-tabs .nav-tabs li a { border-radius:0; background:#eef0f1; font-size:13px; padding:10px; border-bottom:0; color:#424242;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;}
#languages-tabs .nav-tabs li a:hover, #languages-tabs .nav-tabs li.active a { background:#2e4056; color:#fff;}
#languages-tabs .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #languages-tabs .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background:#e6e7e8;}
#languages-tabs .tab-content pre { margin-bottom:0; max-height:300px; overflow:auto; background:#fdfdfd;}


/*--- Data Science--- */
#data-science .tab1 .nav-tabs { background:#e4e7e9; border:none; }
#data-science ul li,#data-science #problem-rules { font-size:14px; }
#data-science .button15 { border:none; }
#data-science #editor { margin-bottom:0px; height:400px; }
#data-science #editor-box { margin-bottom:0px; box-shadow:none; border:0; border-radius:0;}
#data-science #editor-box #editor { border-radius:0px;}
#data-science .user-actions { display:block; }
#data-science #editor-box .user-actions { margin-top:9px !important; position:static;} 
#data-science  #settings-dropdown { left:auto; right:0px; top:29px; }
#data-science .tab1 .nav-tabs { background:#e9e9e9; }
#data-science .tab1 .nav-tabs li a { margin:0px; border:none; border-radius:0px; font-size:15px; font-weight:500; color:#424242; height:48px; line-height:20px; padding:13px 15px; }
#data-science .tab1 .nav-tabs li.active a, #data-science .tab1 .nav-tabs li a:hover {color:#333;}
#data-science .settings-btn { float:right; font-size:18px; margin-left:10px; color:#868686; }
#data-science .fa-compress, #data-science .fa-expand { font-size:17px;color:#868686; }
#data-science #panel-fullscreen { display:inline-block; }
#data-science .settings-btn a {color:#fff; }
#data-science .editor-footer { padding:10px 5px; background:#f7f7f7; }
#data-science .editor-footer p { margin:0px; float:left; line-height:27px;}
#data-science  #editor-actions { margin-top:15px; }
#data-science .popover.bottom > .arrow { left:auto; right:25px; }
#data-science .editor-footer .button3  { background:none; margin-right:10px; }
#data-science .editor-footer .button3:hove { color:#fff; }
#data-science #editor-box .editor-footer code { border:none; margin-right:0; }
#data-science #editor-box .editor-footer code:hover {color:#666; }
#data-science #editor-actions { float:right; margin-top:0px!important; padding-top:0px!important; margin-bottom:0px!important; margin-left:15px; }
#data-science #submit-data-science { margin-left:15px; }
#data-science #submit-data-science:hover { color:#fff; }
#data-science #panel-fullscreen1 { position:absolute; top:14px; right:15px; }
#data-science .btn-file .button5 { padding:9px 15px; }
.chrome #data-science .btn-file input[type=file] { text-indent:0; padding-top:0;}
.safari #data-science .btn-file input[type=file] { text-indent:0; padding-top:0;}
#data-science .inner-content { padding:0px; margin:0; border:0; border-radius:0; box-shadow:none; }
#data-science .tab1 .tab-content { padding:15px; height:450px; overflow:auto; border:0; }
#data-science .nav-tabs > li { margin-bottom:0;}
#data-science #editor-box .editor-footer .btn { font-size:12px;}
#data-science #editor-box  #submit-data-science .button4 { padding:4px 15px !important; border-radius:3px;}

#data-science #view-result { float:right; margin-right:12px; border-radius:2px; margin-top:10px;}

#data-science #run-info .table5 tr td { padding:8px; color:#333; text-align:left; width:50%; background:#f7f7f7;}

#data_science_user_run .top-header  #user_run_hide_show { float:right; border-radius:2px; margin-top:4px;}

.panel-fullscreen { display: block; z-index:1040; position: fixed; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; overflow: auto;}

#data_science_user_run { overflow:auto; padding:0; clear:both; display:none; height:0; background:#fff; border-left:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; }
#data_science_user_run.open { padding:15px; height:498px; display:block;}
#data_science_user_run .tabs2 .nav-tabs > li > a, #data_science_user_run .tabs2 .nav-tabs > li > a:hover, #data_science_user_run .tabs2 .nav-tabs > li > a:active, #data_science_user_run .tabs2 .nav-tabs > li > a:focus { font-size:13px; padding:6px; font-weight:normal;}
#data_science_user_run .datascience-specific { border:0; border-radius:0; padding:0; font-family: 'Effra', Arial, Helvetica, sans-serif;}
#data_science_user_run .top-header { height:48px; background:#f7f7f7; position:relative; margin:-15px -15px 0 -15px; padding:10px;}
#data_science_user_run .top-header #panel-fullscreen { float:right; margin-left:15px; margin-top:4px;}

#submission-requirements .fa { font-size:36px;}
#submission-requirements .fa { font-size:36px;}

#data-science #domain-forum .page-header { display:none;} 
#data-science #replies_list_block { border:0; padding:0;} 
#data-science #domain-forum .tab-content { padding:15px 0; height:auto;}
#data-science #domain-forum #highlighted-btn-area { margin-top:0; right:8px;}

#data-science #editor-box .header .timer-area { padding-top:10px; float:left; margin-left:7px;}
#data-science #editor-box .header .timer-area .timer { font-size:12px; color:#666; background:#dadada; padding:0 5px; border-radius:2px;}
#data-science #editor-box .header .timer-area .fa { color:#666;}

/*--- Folder Structure --- */
#folder-structure #tree { background:#f4f4f4; border-bottom:0; padding:0; font-size:12px;}
#folder-structure #data { margin-bottom:15px; border-bottom:0; font-size:12px;}
#folder-structure .CodeMirror-lines { line-height:20px;}
#folder-structure .folder-box { border:1px solid #d0d0d7; margin-bottom:25px;}
#folder-structure header { padding:15px; border-bottom:1px solid #d0d0d7; background:#f6f6fb; position:relative;}
#folder-structure header .select { width:200px;}
#selectable-tree { border-right:1px solid #d0d0d7; background:#e7e7f2; padding:10px 0; overflow:auto; height:300px; z-index:10; position:relative; margin-right:-30px;}
#folder-structure .common-lnk { float:none; margin-right:20px;}
#folder-structure header .settings { font-size:18px; float:right; margin-left:15px; color:#314451; opacity:0.7; margin-top:9px; 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;}
#folder-structure header .settings:hover { opacity:1;}
#submitproject .button4 { background:#2f94d7; color:#fff; border-radius:2px; font-size:12px; border:1px solid #2f94d7; text-transform:uppercase; font-weight:500; 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;}
#submitproject .button4:hover, #submitproject .button4:focus, #submitproject .button4:active { color:#fff; background:#2384c4; outline:none;}


#debug-project-data .show-status { font-size:18px; font-weight:500; padding-top:15px;}


/* ==========================================================================
	News Page Specific Settings
========================================================================== */

/*--- Detailed Description  --- */
.detailed-description img { clear: both; display: block; height: auto; margin: 0 0 20px; width: auto;}
.detailed-description img.cover-image { clear: none; float: left; margin: 0 20px 20px 0; max-height: 160px; border:1px solid #dadada; max-width:280px;}
.detailed-description iframe { width:100%;}

/*--- Comments --- */
#comments { margin-bottom:50px;}
#comments h6 {text-transform:uppercase;}
#comments .fb-comments { border:1px solid #dadada; background:#eeeeee; border-radius:2px; padding:5px; display:block;}
#comments .fb-comments > span { display:block; width:100% !important;}
#comments .fb-comments iframe { width:100% !important;}

/*--- Comments --- */
#news-carousel { position:fixed; left:0; bottom:-80px; width:100%; height:65px; overflow:hidden; background:#eeeeee; padding:8px 88px; z-index:1000; box-shadow:0 5px 10px #000; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;}
#news-carousel.active { bottom:0;}
#news-carousel ul { margin:0; padding:0; list-style:none;}
#news-carousel li { float:left; font-size:12px; margin-right:20px;}
#news-carousel li h6 { margin-bottom:8px; font-weight:normal; font-size:13px;}
#news-carousel li p { font-size:12px; color:#8c8c8c; font-weight:200; margin-bottom:0;}
#news-carousel li .image { float:left; width:50px;}
#news-carousel li .image img { height:50px; width:50px;}
#news-carousel li .details { margin-left:60px;}
#news-carousel li .details h6 { margin-bottom:2px;}
#news-carousel li .details h6 a { color:#424242;}
#news-carousel li .details p { color:#8c8c8c;}
#news-carousel .slider .previous-btn { left:-55px;}
#news-carousel .slider .next-btn { right:-41px;}


/* ==========================================================================
	Webinar Page Specific Settings
========================================================================== */

/*--- Webinar Video --- */
#webinar-video { background:#000000; padding:25px 0; height:350px;}
#webinar-video h2 { color:#fff; font-weight:bold; line-height:36px;}
#webinar-video p { color:#fff; font-size:12px; margin-bottom:12px;}
#webinar-video p a { font-weight:bold;}
#webinar-video p .fa { font-size:14px; color:#c0c0c0;}
#webinar-video p span { color:#c0c0c0;}
#webinar-video .sociable2 .fa { font-size:24px;}

#webinar-video #video-block object, #webinar-video #video-block iframe { width:100%; height:300px;}
#webinar-video #video-block { padding-right:80px;}

/*--- Section Details --- */
.section-details { margin-bottom:50px;}
.section-details h6 { text-transform:uppercase; font-weight:bold;}
.section-details .btn-default { margin:0 10px 10px 0; min-width:20px; font-size:12px; color:#8c8c8c; padding:2px 8px; border-radius:15px;  transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;}
.section-details .btn-default span { font-weight:normal; margin-left:2px;}
.section-details .btn-default:hover, .section-details .btn-default:active, .section-details .btn-default:focus, .section-details .btn-default.active { background:#2f94d7; border-color:#2f94d7; color:#fff; box-shadow:none;}

.section-details .tags { margin-bottom:10px;}
.section-details #invite-friends { margin-top:22px; border:1px solid #dadada; min-height:108px;}

/*--- Read Transcription --- */
#read-transcription .slides { min-height:400px; overflow:auto;}
#read-transcription .section2 .inner-section { padding-bottom:0;}
#read-transcription .direction-nav { float:right; position:absolute; z-index:10; right:14px; top:19px;}
#read-transcription .direction-nav a { float:left; display:block; margin-left:25px; width:13px; height:27px;}
#read-transcription .direction-nav a.previous-btn { background:url(images/techgig_images/next-previous-btn.png) left top no-repeat;}
#read-transcription .direction-nav a.next-btn { background:url(images/techgig_images/next-previous-btn.png) right top no-repeat;}

/*--- Section Main Info --- */
.section-main-info { box-shadow:none; border-bottom:1px solid #dadada; padding:15px 20px 0; border-top:1px solid #dadada; margin-bottom:20px;}
.section-main-info h2 { margin-bottom:10px;}
.section-main-info .main-info-content p { font-size:12px;}
.section-main-info .main-info-content p .fa { color:#2f94d7; vertical-align:baseline; margin-right:2px;}
.section-main-info .main-info-content p .metadata { font-size:14px; color:#424242; margin-bottom:5px; font-weight:500;}
.section-main-info .main-info-content p .metadata .fa { margin-right:5px;}
.section-main-info .main-info-content p .views { margin-right:20px;}
.section-main-info .book-seat-btn { min-width:170px; margin-right:10px;}
.section-main-info .main-info-content {}
.section-main-info footer { margin:0 -20px 0 -20px; position:relative; padding:5px 20px; border-top:1px solid #dadada;}
.section-main-info footer p { float:left; margin:0; font-size:11px;}
.section-main-info footer .sociable2 { float:right;}
.section-main-info footer .sociable2 .fa { font-size:20px;}
.section-main-info footer .sociable2 p { font-size:12px;}
.section-main-info .main-info-content .jb-already-applied,.section-main-info .main-info-content .jb-already-applied .fa { color:#02c54c; }
.section-main-info.footer-block { padding-top:0; margin-bottom:30px;}
.section-main-info.footer-block footer{ padding:10px 20px; border:0;}
.section-main-info.footer-block footer .sociable2 { padding-top:8px;}
.section-main-info.footer-block footer .sociable2 .fa { font-size:24px;}
.section-main-info.footer-block footer p { font-size:12px;}
 
/*--- Webinar Speaker Info --- */
.webinar-speaker-info { margin-bottom:20px;}
.webinar-speaker-info > h6 { margin-bottom:10px;}
.webinar-speaker-info .inner-wrap { background:#eeeeee; border-bottom:1px solid #dadada; border-top:1px solid #dadada; padding:10px;}
.webinar-speaker-info .inner-wrap > p:last-child { margin-bottom:0;}
.webinar-speaker-info .image { float:left;}
.webinar-speaker-info .image img { width:50px; height:50px; border:1px solid #dadada;}
.webinar-speaker-info .details { margin-left:60px;}
.webinar-speaker-info .details h6 { text-transform:none; position:relative; margin-top:-2px; margin-bottom:3px;}
.webinar-speaker-info .details h6 small { font-size:12px; padding-top:4px; color:#8c8c8c; font-weight:normal; font-style:italic; display:block;}
.webinar-speaker-info .details .follow-btn1 { float:right; position:relative; z-index:1;}
.webinar-speaker-info .details p { font-size:12px; margin-bottom:10px;}
.webinar-speaker-info .user-action-lnks { font-size:12px; position:relative; margin-bottom:10px; float:left;}

.webinar-speaker-info .user-action-lnks .popover { max-width:350px; width:350px; left:162px; top:-32px;}
.webinar-speaker-info .user-action-lnks .popover h6 { margin-bottom:20px; font-weight:500;}
.webinar-speaker-info .user-action-lnks .popover form { background:#fff; padding-left:10px; border-radius:2px; margin:0 auto; border:1px solid #dadada;}
.webinar-speaker-info .user-action-lnks .popover input[type="text"] { width:74%; float:left; padding:5px 10px 5px 0; border:0; box-shadow:none; font-size:13px; color:#8c8c8c; height:32px; outline:none;}
.webinar-speaker-info .user-action-lnks .popover input[type="button"] { height:34px; margin:-1px -1px -1px 0; position:relative; width:75px; border-radius:0 2px 2px 0; float:right; font-size:12px; padding:6px 5px;}

/*--- Attending Peoples --- */
.attending-peoples ul { margin:0 0 3px; padding:0; list-style:none; height:50px; overflow:hidden;}
.attending-peoples ul li { float:left; margin-right:10px; position:relative;}
.attending-peoples ul li .button1 { font-size:10px;}
.attending-peoples ul li:hover .popover { display:block;}
.attending-peoples ul li img { width:50px; height:50px;}
.attending-peoples .controls { float:right;}
.attending-peoples .controls a { font-size:18px; color:#8c8c8c; margin-left:5px;}
.attending-peoples p { margin-bottom:5px;}
.attending-peoples p.view-all { font-size:12px; font-weight:bold;}
.attending-peoples .popover { background:#2e4056; width:100px; left:52px;}
.attending-peoples .popover .popover-content { padding:4px 5px 5px; text-align:center;}
.attending-peoples .popover h6 { color:#fff; text-transform:none; font-weight:normal; margin-bottom:5px; font-size:12px;}
.attending-peoples .popover h6 a { color:#fff;}
.attending-peoples .popover > .arrow {border-right-color:rgba(46, 64, 86, 1);}
.attending-peoples .popover.right > .arrow:after {border-right-color:rgba(46, 64, 86, 1);}

/*--- Invite Friends --- */
#invite-friends form { background:#fff; padding-left:10px; border-radius:2px; margin:0 auto; border:1px solid #dadada;}
#invite-friends input[type="text"] { width:74%; float:left; padding:5px 10px 5px 0; border:0; box-shadow:none; font-size:13px; font-weight:200; color:#8c8c8c; height:32px; outline:none;}
#invite-friends.widget { padding:10px; height:100px; margin-bottom:20px;}
#invite-friends.widget input[type="text"] { margin-bottom:0; width:69%;}
#invite-friends input[type="button"] { height:34px; margin:-1px -1px -1px 0; position:relative; width:75px; border-radius:0 2px 2px 0; float:right; font-size:12px; padding:6px 5px;}

/*--- Attendies --- */
#attendies { margin-bottom:20px;}

/* ==========================================================================
	Comapany Page Specific Settings
========================================================================== */

/*--- Company Info --- */
#company-info .inner-wrap { padding:10px; border:1px solid #dadada;}
#company-info .top-section { margin-bottom:15px;}
#company-info .top-section .company-logo { float:left; border:1px solid #dadada; width:100px; text-align:center; max-height:80px; padding:4px;}
#company-info .top-section .company-logo img { max-width:90px; max-height:70px;}
#company-info .top-section .details { margin-left:110px;}
#company-info .top-section h5 { margin-bottom:1px; position:relative; margin-top:-2px;}
#company-info .top-section p { margin-bottom:0;}
#company-info .sociable2 { float:right; padding-top:9px;}
#company-info .sociable2 p { margin-bottom:0;}
#company-info p { font-size:13px; color:#424242; margin-bottom:15px; line-height:18px;}
#company-info p.lead {line-height:24px; font-weight:normal;}
#company-info .inner-wrap > p .fa { color:#8c8c8c; margin-right:2px; float:left; margin-top:1px;}
#company-info p .data { margin-left:17px; display:block;}

/*--- Company Banner --- */
#company-banner { height:300px; background-color:#2e4056;}

/*--- Company Short Info --- */
#company-short-info { padding-bottom:11px;}
#company-short-info .company-logo { float:left; width:150px; height:150px; margin-right:20px; border:2px solid #2f94d7; text-align:center; line-height:140px; position:relative; margin-top:-102px; background:#fff;}
#company-short-info .company-logo img { max-width:120px; max-height:120px; vertical-align:middle;} 
#company-short-info h2 { margin-bottom:4px;}
#company-short-info p { font-size:12px; margin-bottom:0;}
#company-short-info p a.followers-count, #company-short-info p a.settings-icon { color:#424242; margin-left:3px;}
#company-short-info .stats p { float:left; line-height:26px;}
#company-short-info .stats p a { color:#8c8c8c;}
#company-short-info .stats p .block { display:inline-block; margin-right:15px;}
#company-short-info .follow-area { float:right; padding-top:6px;}
#company-short-info .follow-area .button1, #company-short-info .follow-area .button3 { min-width:170px; margin-left:5px;}

/*--- News Blogs --- */
.news-blogs .post { border-bottom:1px dashed #dadada; margin-bottom:20px;}
.news-blogs .inner-wrap .post:last-child { border-bottom:0;}
.news-blogs h5 { margin-bottom:10px;}
.news-blogs h5 a { color:#424242;}
.news-blogs .stats { margin-bottom:15px;}
.news-blogs .stats > span { font-size:11px; color:#8c8c8c; margin-right:10px;}
.news-blogs .stats a { color:#8c8c8c;}
.news-blogs .stats .fa { font-size:13px; margin-right:5px;}
.news-blogs footer { position:relative; margin:0 -15px -15px; border-top:1px solid #dadada; padding:8px 0; font-size:12px;}

/* ==========================================================================
	Skill Page Specific Settings
========================================================================== */

/*--- Skillpage Banner --- */
#skillpage-banner { height:200px;}

/*--- Skill Short Info --- */
#skill-short-info { padding:18px 0; height:90px;}
#skill-short-info .skill-icon { float:left; width:130px; height:130px; border:2px solid #fff; text-align:center; line-height:124px; position:relative; margin-top:-85px; background:#fff; border-radius:50%;}
#skill-short-info .skill-icon img { width:126px; height:126px; vertical-align:middle; border-radius:50%;} 
#skill-short-info .details { margin-left:150px;}
#skill-short-info h2 { margin-bottom:4px; position:relative; margin-top:-60px; color:#fff;}
#skill-short-info p { font-size:12px; margin-bottom:0;}
#skill-short-info .stats > p { float:left; line-height:26px;}
#skill-short-info .stats > p .value { font-size:18px; font-weight:500; display:block; margin-bottom:7px;}
#skill-short-info .stats > p a { color:#8c8c8c; float:left; min-width:75px; padding:2px 15px; text-align:center; line-height:14px; display:inline-block; border-right:1px solid #dadada;}
#skill-short-info .follow-area { float:left;}
#skill-short-info .follow-area .button1,#skill-short-info .follow-area .button3 { min-width:170px; margin-left:20px; margin-right:5px;}
#skill-short-info .sociable2 { float:right; padding-right:30px;}
#skill-short-info .sociable2 p { line-height:15px;}
#skill-short-info .sociable2 p .facebook .fa { margin-left:0;}
#skill-short-info .settings-icon { color:#424242;}

#skill-short-info .sponsored-by { position:relative;}
#skill-short-info .sponsored-by .inner-wrap { position:absolute; border:1px solid #dadada; left:0; bottom:-45px; width:100%; box-shadow:0 4px 4px rgba(0, 0, 0, 0.07);}
#skill-short-info .sponsored-by h6 { margin-bottom:13px;}
#skill-short-info .sponsored-by .button2 { margin-bottom:5px;}
#skill-short-info .sponsored-by .logo { float:left; width:60px; height:60px; margin-bottom:15px; line-height:60px; margin-right:10px;}
#skill-short-info .sponsored-by .logo img { max-height:60px; max-width:60px;}
#skill-short-info .sponsored-by p { clear:both;}
#skill-short-info .sponsored-by h6 a { color:#424242;}

/*--- Send Updates --- */
.send-updates  { padding:0;}
.send-updates header { background:#eeeeee; padding:10px;}
.send-updates header p { margin-bottom:0;}
.send-updates header .attach a { color:#8c8c8c; font-size:20px; margin-right:10px; display:inline-block;}
.send-updates footer { padding:10px; border-top:1px solid #dadada;}
.send-updates #status_update_message { border:0; height:80px !important; outline:none; box-shadow:none; border-radius:0; border:0 !important;}
.send-updates .popover  input[type="text"] { height:32px; width:150px; outline:none; box-shadow:none; position:relative; margin-right:-2px; border-radius:2px 0 0 2px; border-right:0;}
.send-updates .popover .button1 { height:32px;}
.send-updates .popover { top:-45px; max-width:300px; width:300px;}
.send-updates .popover .close { position:relative; margin-right:-10px; margin-top:-10px;}
.send-updates .popover h6 strong { font-weight:500;}

/*--- Latest Posts --- */
#latest-posts ul { margin:0; padding:0; list-style:none;}
#latest-posts ul li { border-bottom:1px dashed #dadada; padding-bottom:10px; margin-bottom:10px;} 
#latest-posts ul li .holder { margin-bottom:10px;}
#latest-posts ul li .holder img { max-width:148px; max-height:93px; border:1px solid #dadada;}
#latest-posts ul li .holder iframe { width:150px; height:95px;}
#latest-posts ul li .stats { margin-bottom:10px;}
#latest-posts ul li .stats span { font-size:11px; color:#8c8c8c; font-weight:500; margin-right:10px;}
#latest-posts ul li .stats .fa { font-size:14px; margin-right:5px;}
#latest-posts ul li .stats a { color:#8c8c8c;}
#latest-posts ul li .user-links { margin-bottom:0; font-size:12px;}
#latest-posts ul li h5 { margin-bottom:10px;}
#latest-posts ul li h5 a { color:#424242;}
#latest-posts footer { position:relative; margin-bottom:-3px; font-size:12px;}

/*--- Registration Confirmation --- */
#registration-confirmation .fa-check.green { width:30px; font-size:15px; height:30px; line-height:30px;} 
#registration-confirmation .icon { width:70px; height:70px; margin-top:10px; margin-bottom:15px; display:inline-block; border:1px solid #2f94d7; border-radius:50%; line-height:68px;}
#registration-confirmation .icon .fa { vertical-align:middle; line-height:68px; font-size:28px; color:#2f94d7;}
#registration-confirmation p { margin-bottom:0;}
#registration-confirmation .footer { border-top:1px solid #dadada; padding:10px 15px 0; position:relative;}
#registration-confirmation .footer p { font-size:12px; margin:0; float:left; text-transform:uppercase;}
#registration-confirmation .footer .sociable2 {float:right;} 

/* ==========================================================================
	Signup Page Specific Settings
========================================================================== */

/*--- Signup Login --- */
#signup-login { padding-top:15px;}
.modal #signup-login { padding-top:0;}
#signup-login .inner-wrap { max-width:500px; width:100%; box-shadow:0 0 8px rgba(0, 0, 0, 0.3); margin:0 auto 50px; padding:0; border-radius:4px;}
#signup-login .logo { margin:0 auto 30px; text-align:center;}
#signup-login .tabs3 .nav-tabs { margin:0;}
#signup-login .tabs3 .nav-tabs > li { width:50%;}
#signup-login .tabs3 .tab-content {border:0; padding:25px 32px;}
#signup-login .tabs3 .nav-tabs > li > a { border:0; margin:0; height:50px; line-height:48px; text-align:center; background:#e5e5e5; font-size:14px; color:#8c8c8c; font-weight:bold; text-transform:uppercase;}
#signup-login .tabs3 .nav-tabs > li.active > a { background:#fff; color:#424242;}
#signup-login .form1 .form-control, #signup-login .form1 input[type="text"], #signup-login .form1 input[type="password"] { height:52px; padding-left:70px; font-size:14px; border-radius:4px;}
#signup-login .form1 ul li { position:relative; margin-bottom:20px;}
#signup-login .form1 ul li .fa { position:absolute; left:0; width:51px; top:1px; border-right:1px solid #dadada; height:50px; line-height:50px; color:#c0c0c0; font-size:17px; text-align:center;}
#signup-login .form1 input[type="submit"] { width:260px; font-weight:500; margin:30px auto 8px;}
#signup-login footer { background:#e5e5e5; padding:10px; position:relative; margin:0 -32px -25px; border-radius:0 0 4px 4px;}
.modal #signup-login footer { margin:0 -15px -15px;}
#signup-login .sociable { padding-left:35px;}
.modal #signup-login .sociable { padding-left:80px;}
#signup-login .sociable p { margin-bottom:0;}
#signup-login .social-btn {padding-right:0; vertical-align:middle; margin:0; border-radius:2px; margin-left:10px;}
#signup-login .social-btn .fa {border-right:0;}

#login-form ul li:last-child { margin-bottom:30px;}

/*--- Signup Login Page --- */
.signup-login-page #container-wrap { padding-top:48px;}


/* ==========================================================================
	Practice Page Specific Settings
========================================================================== */

/*--- Practice Details --- */
#practice-details .box-default { padding:0;}
#practice-details .selected-item { padding:10px;}
#practice-details .selected-item .image { float:left; text-align:center; width:68px; height:72px; line-height:72px;}
#practice-details .selected-item .image img {vertical-align:middle; max-width:68px; max-height:72px;}
#practice-details .selected-item .detail { margin-left:78px; display:table; height:72px;}
#practice-details .selected-item .detail h2 { display:table-cell; vertical-align:middle; margin:0;}

#practice-details nav { box-shadow:none;}
#practice-details nav ul { margin:0; padding:0; list-style:none; border-top:1px solid #eeeeee;}
#practice-details nav ul li { border-bottom:1px solid #eeeeee;}
#practice-details nav ul li a { display:block; border-left:3px solid #fff; padding:12px 10px 12px 16px; font-size:14px; font-weight:500; line-height:18px; color:#424242;}
#practice-details nav ul li.active a { color:#2f94d7; border-left:3px solid #2f94d7;}
#practice-details nav ul li.active a:hover, #practice-details nav ul li.active a:focus { text-decoration:none;}

#practice-details .append-seasons header { background:#e5e5e5; padding-right:20px;}
#practice-details .append-seasons header h6 { font-size:12px; color:#2f94d7; text-transform:uppercase; border-top:3px solid #2f94d7; padding:13px 20px; float:left; margin:0;}
#practice-details .append-seasons header .select1 { float:right; background:#e5e5e5; margin-top:5px;}
#practice-details .append-seasons header .select1 select { background-color:#e5e5e5;}
#practice-details .append-seasons header .select1:after { background-color:#e5e5e5;}

#practice-details .append-seasons .block { padding:15px 20px; border-bottom:1px solid #dadada;}
#practice-details .append-seasons .block:last-child { border:0;}
#practice-details .append-seasons .block h5 { margin-bottom:7px;}
#practice-details .append-seasons .block h5 a{ color:#424242;}
#practice-details .append-seasons .block p { margin:0; font-size:12px; color:#8c8c8c;}
#practice-details .append-seasons .block p > span { display:inline-block; margin-right:15px;}
#practice-details .append-seasons .block .button1 { float:right; min-width:100px; margin-left:20px; margin-top:9px;}
#practice-details .append-seasons .block .icons { float:right; padding-top:9px;}
#practice-details .append-seasons .block .icons a { font-size:17px; line-height:31px; color:#c0c0c0; margin-left:15px;}
#practice-details .append-seasons .coming-soon-practice { float:right; padding-top:9px; line-height:31px;}
#practice-details .append-seasons .coming-soon-practice .button1 { margin-top:0;}

/* ==========================================================================
	Inbox Page Specific Settings
========================================================================== */

#mail-box .all-messages header { padding:14px 20px; background:#e5e5e5;}
#mail-box .all-messages header h5 { margin-bottom:0; line-height:31px;}
#mail-box .all-messages header .button1 { float:right; min-width:110px;}
#mail-box .all-messages { box-shadow:none; padding:0;}
#mail-box .all-messages ul { margin:0; padding:0; list-style:none; border-top:1px solid #eeeeee;}
#mail-box .all-messages ul li { border-bottom:1px solid #eeeeee; position:relative;}
#mail-box .all-messages ul li a { display:block; padding:10px 20px 10px 16px; font-size:14px; font-weight:500; line-height:18px; color:#424242;}
#mail-box .all-messages ul li > a { border-left:3px solid #fff;}
#mail-box .all-messages ul li.active > a { color:#2f94d7; border-left:3px solid #2f94d7;}
#mail-box .all-messages ul li.active a:hover, #mail-box .all-messages ul li.active a:focus { text-decoration:none;}
#mail-box .all-messages ul li span.number { float:right;}
#mail-box .all-messages ul li .add-connections { position:absolute; right:20px; top:12px; border:0; line-height:15px; padding:0; font-size:12px; color:#2f94d7; text-transform:uppercase;}

#mail-box .all-messages ul ul { padding:0 25px;}
#mail-box .all-messages ul ul li { border-bottom:1px dashed #dadada;}
#mail-box .all-messages ul ul li:last-child { border-bottom:0;}
#mail-box .all-messages ul ul li a { font-size:12px; font-weight:normal;}

#mail-box  .mail-right-box { padding:0; margin-bottom:30px;}
#mail-box  .mail-right-box header { background:#e5e5e5; padding:13px 20px 12px;}
#mail-box  .mail-right-box header h6 { margin:0; font-size:12px; text-transform:uppercase;}
#mail-box  .mail-right-box .inner-box { padding:20px;}
#mail-box  .mail-right-box .message-box-content { border:1px solid #dadada; border-radius:2px;}
#mail-box  .mail-right-box .message-box-content  input[type="text"] { border:0; border-bottom:1px solid #dadada; border-radius:2px 2px 0 0;}
#mail-box  .mail-right-box textarea.form-control { border-radius:0 0 2px 2px; height:160px !important; border:0 !important;}
#mail-box  .mail-right-box .message-box-footer { background:#eeeeee; padding:10px;}
#mail-box  .mail-right-box .message-box-footer .attach { float:right;}
#mail-box  .mail-right-box .message-box-footer .attach a { margin-right:12px; font-size:19px; line-height:31px; color:#8c8c8c;}
#mail-box  .mail-right-box .message-box-footer  input[type="submit"] { min-width:100px; float:right;}

#mail-box  .mail-right-box .table2 tr td { text-align:left; padding:12px 20px; border-bottom:1px solid #dadada;}
#mail-box  .mail-right-box .table2 tr td label { font-weight:normal;}
#mail-box  .mail-right-box .table2 tr td.time { font-size:12px; font-weight:500;}
#mail-box  .mail-right-box .table2 tr:nth-child(2n) td { background:#fff;}


/* ==========================================================================
	404 Page Specific Settings
========================================================================== */
.error-page { background:#fff;}
.error-page #content .container { padding-bottom:0;}
.error-page #content .col-sm-4 { display:table; height:582px;}
.error-page #content p  { display:table-cell; vertical-align:middle; margin:0; font-size:24px; line-height:40px; color:#475773; font-weight:200;}
.error-page #content p img { margin-bottom:20px;}
.error-page #content p .button1 { min-width:130px; font-size:16px;}

/* ==========================================================================
	Times Point Page Specific Settings
========================================================================== */
/*--- Times Point Banner --- */
#times-point-banner { background:url(images/techgig_images/times-point-banner.jpg); background-size:cover; height:506px; display:table; width:100%; position:relative; }
#times-point-banner .content { display:table-cell; width:100%; height:506px; vertical-align:middle; text-align:center; padding:15px; }
#times-point-banner .content .bits-logo { margin-bottom:20px; }
#times-point-banner .earned-bits { margin-bottom:30px; }
#times-point-banner .earned-bits span { font-weight:bold; display:inline-block; color:#e6e7e8; line-height:39px; position:relative; font-size:20px; }
#times-point-banner .earned-bits span:after,#times-point-banner .earned-bits span:before { content:""; width:98px; height:39px; position:absolute; top:0px; }
#times-point-banner .earned-bits span:after { background:url(images/techgig_images/earn-bits-after.png); right:-96px; }
#times-point-banner .earned-bits span:before { background:url(images/techgig_images/earn-bits-before.png); left:-96px; }
#times-point-banner .trigger-button { display:inline-block; height:35px; width:22px; border:1px solid #959595; border-radius:5px; background:url(images/techgig_images/times-point-arrow.png) center center no-repeat; position:absolute; left:50%; bottom:23px; margin-left:-11px; }
#times-point-banner .trigger-button:hover { background: #228bb8 url(images/techgig_images/times-point-arrow-hover.png) no-repeat center center; border:1px solid #fff; }

/*--- Times Point Content --- */
.times-point-content  { padding-top:15px; }
.times-point-content .info-button { display:block; line-height:31px; height:52px; padding:10px; text-align:center; border-radius:2px; font-size:18px; margin-bottom:12px; font-family:'open_sanssemibold', Arial, Helvetica, sans-serif;  }
.times-point-content .btn-bits { background:#28a9e0; color:#fff; margin-top:12px; padding:15px; font-family:'open_sanssemibold', Arial, Helvetica, sans-serif; font-size:18px;  line-height:1; border-radius:2px;  }
.times-point-content .btn-bits:hover { background:#188fc2; }
.times-point-content .info-button { border:1px solid #b7b7b7; color:#000; }
.times-point-content .table1 tr td { color:#414042; font-size:15px; border:1px solid #959595; width:50%; text-align:center; padding:10px; }
.times-point-content  .center-content { text-align:center; width:252px; margin:0 auto; }
.times-point-content .table1 table { width:100%; }
.times-point-content .table1 tr th:first-child { border-right:1px solid #fff; border-left:1px solid #414042; }
.times-point-content .table1 tr th { color:#fff; font-size:16px; width:50%; text-align:center; font-family:'open_sanssemibold', Arial, Helvetica, sans-serif; background:#414042; }
.times-point-content .table1 tr:last-child td { border-bottom:1px solid #959595; }

/* ==========================================================================
	Share Activity Page Specific Settings
========================================================================== */

/*--- Share Section --- */
.invt-lft, .flexi-list, .invt-rgt { float:none; width:100%; margin-right:0;}
#network_contacts_block .clear-width { width:auto; float:left;}

.invt-list-menu { margin:0; padding:0; list-style:none;}
.invt-list-menu li { float:left;}
.invt-list-menu li a { text-align:left; font-size:19px; padding:15px 30px; background:#faf9f9;} 
.invt-bx { border-radius:0; border-color:#f5f5f5; border-top:0; box-shadow:none;}
.invt-list-menu li a.inv-act { background:#e1d9d3;}
.inv-conn { font-size:14px; line-height:21px;}
.inv-conn-btn { font-size:20px;}
.inv-conn-btn span, .inv-conn-btn:hover span { padding:12px 15px; height:55px;}
.invt-hd2 { line-height:32px; margin-right:10px; }
.flexi-list .invt-srch-frnd {  margin-bottom:20px; margin-left:15px; margin-top:-8px; clear:right; }
.flexi-list .invt-frnd-info:nth-child(3n) { margin-right:0;}
.invt-gmail em { margin-top:0;}
.invt-frnd-info .invt-frnd-pic { margin-top:2px;}
.flexi-list .invt-frnd-info { margin-right:35px;}
.invt-frnt-btn{ line-height:22px;}
.flexi-list .invt-frnd-info .button4 { float:right;}


.invt-lft { width:20%;}
.invt-rgt { width:70%;}
.invt-list-menu li a { font-size:22px; overflow:visible; line-height:22px; display:block; width:100%; overflow:hidden; height:auto; color:#fff !important; }
.invt-list-menu li.gmail-menu a { background:#e93e30 !important;}
.invt-list-menu li.email-menu a { background:#f89a1e !important;}
.invt-list-menu li.codebuddies-menu a { background:#00a8ec !important;}
.invt-list-menu li a.inv-act { background:#eeeeee; color:#333;}
.invt-list-menu li a i { float:none; height:auto; width:auto; background:none; display:inline;}
.invt-list-menu li a .fa { font-size:19px;}
.invt-list-menu li { position:relative;}
.invt-list-menu li .arrow-down { width: 0; display:none; height: 0; position:absolute; bottom:-15px; left:50%; margin-left:-15px; border-left:15px solid transparent; border-right:15px solid transparent;}
.invt-list-menu li .inv-act .arrow-down { display:block;}
.invt-list-menu li.email-menu .arrow-down { border-top:15px solid #f89a1e;}
.invt-list-menu li.gmail-menu .arrow-down { border-top:15px solid #e93e30;}
.invt-list-menu li.codebuddies-menu .arrow-down { border-top:15px solid #00a8ec;}

/*--- Gallery --- */
.gallery { padding:30px 0;}
.gallery .preview { width:704px; text-align:center; height:372px; margin:0 auto 30px;}
.gallery .preview .slide { width:100%;}
.gallery .preview .slide img { max-height:375px;}
.gallery .thumbnails { padding:0 50px; position:relative;}
.gallery .thumbnails a.previous-btn { background:url(images/techgig_images/previous-btn.png) left top no-repeat; width:23px; height:32px; position:absolute; left:0; top:50%; margin-top:-16px;}
.gallery .thumbnails a.next-btn { background:url(images/techgig_images/next-btn.png) left top no-repeat; width:23px; height:32px; position:absolute; right:0; top:50%; margin-top:-16px;}
.gallery .thumbnails ul { margin:0; padding:0; list-style:none;}
.gallery .caroufredsel_wrapper { height:100px !important;}
.gallery .thumbnails ul li { float:left; margin-right:25px; width:160px;}
.gallery .thumbnails ul li  a { display:block; max-width:160px; margin:0 auto;}
.gallery .thumbnails ul li img { width:100%;}
.gallery .company-photos { padding-top:30px;}
.gallery .company-videos .preview { border:2px solid #fff;} 

.common-popup .pop-image { margin-bottom:15px; max-width:100px; float:left; margin-right:15px; }
.common-popup .button1,.common-popup .button2 { margin-bottom:15px; }
.common-popup h4 { margin-bottom:26px; }


/* ==========================================================================
	Admin Panel Pages Specific Settings
========================================================================== */
body.admin-panel .table2 { background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); margin-bottom:30px;}
body.admin-panel .table2 tr td, body.admin-panel .table2 tr th { padding:8px 15px; font-size:12px; text-align:left;}
body.admin-panel .table2 tr th { background:#e5e5e5;}
body.admin-panel .table2 tr td input[type="text"], body.admin-panel .table2 tr td .select, body.admin-panel .table2 tr td textarea { min-width:150px;}
body.admin-panel .table2 .scroll-box { max-height:100px; overflow:auto;}
body.admin-panel #container-wrap .left-panel { padding-right:10px;}

/*--- Arrowlistmenu --- */
.arrowlistmenu { box-shadow:none; padding:0;}
.arrowlistmenu h6 { border-bottom:1px solid #eeeeee; cursor:pointer; border-left:3px solid #fff; padding:12px 10px 12px 16px; font-size:14px; font-weight:500; line-height:18px; margin:0;}
.arrowlistmenu h6.openheader { color:#2f94d7; border-left:3px solid #2f94d7; border-bottom:0;}
.arrowlistmenu .opensubheader { color:#2f94d7;}
.arrowlistmenu ul { margin:0; padding:0 0 10px 30px; border-bottom:1px solid #eeeeee; list-style:none; border-left:3px solid #2f94d7; color:#2f94d7;}
.arrowlistmenu ul li a { display:block; font-size:12px; font-weight:200; line-height:26px; color:#424242;}

/*--- Paging --- */
.paging .paging_module { margin:0; display:inline-block; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.07);}
.paging em { background-color: #fff; border-right: 1px solid #f7f7f7; color: #022e53; float: left; font-size: 12px; font-style: normal; line-height: 1.42857; cursor:pointer; padding: 6px 12px; position: relative; text-decoration: none;}
.paging em a { color: #424242;}
.paging em:hover, .paging em:focus {  color: #2f94d7;  z-index: 3;}
.paging em:hover a, .paging em:focus a { color: #2f94d7;}
.paging em:first-child {  border-bottom-left-radius:2px;  border-top-left-radius: 2px; margin-left: 0;}
.paging em:last-child { border-bottom-right-radius:2px;  border-left: 0 none; border-top-right-radius: 2px; border:0;  margin-left: 0;}
.paging em.active { background: #2f94d7;  color: #fff;}

 
/* ==========================================================================
	Responsive Settings
========================================================================== */

@media (min-width:1200px) {
	.container { width:1205px;}
	#intro-section .slide { position:relative !important; display:block !important; opacity:1 !important;}
	#sliding-testimonials .caroufredsel_wrapper { height:345px !important;}
}

@media (max-width:1200px) {
	
	/*--- Footer  --- */
	#footer .section { width:165px;}
	#footer .section.second { width:200px;}
	#footer .section.fifth { width:265px;}
	
	#newsletter-form input[type="text"] { width:153px;}
	#intro-section .slide, #intro-section .slide.big { width:100%; border:0;}
	#intro-section .controls { display:block;}
	
	/*--- Content  --- */
	#content.two-column-layout .container:after { left:960px;}
	#content.two-column-layout .container { background-position:640px 0;}
	#container-wrap .left-panel { padding-right:30px;}
	
	/*--- Main Navigation  --- */
	#main-navigation ul li a { font-size:11px;}
	#main-navigation ul li.highlight > a { font-size:14px; padding:0 8px;}
	#main-navigation ul li.home.highlight a { font-size:19px;}
	#main-navigation ul li.home.highlight a { width:50px;}
	#main-navigation ul li ul.child li a { font-size:11px; line-height:30px;}
	
	/*--- Global Search Form --- */
	#global-search-form { width:345px;}
	#global-search-form .textbox { width:265px;}
	.loggedin #global-search-form { width:260px;}
	.loggedin #global-search-form .textbox { width:180px;}
	
	/*--- Divition Block --- */
	.divition-block .benefits .icon { margin-bottom:12px;}
	.divition-block .detail-info { padding-right:10px;}
	.divition-block .detail-info.left-side { padding-left:10px;}
	
	.divition-block .detail-info .button1 { margin-bottom:20px;}
	
	/*--- Winner Box --- */
	.winner-box footer p { font-size:10px;}
	.winner-box footer .view-area .btn { padding:1px 3px; font-size:10px;}
	
	/*--- Two-column-layout2  --- */
	.two-column-layout2 .column2 { padding-left:30px;}
	.two-column-layout2 .column1{ padding-right:30px;}
	
	/*--- Event Box  --- */
	.event-box.small .countdown .item { min-width:42px;}
	.event-box { margin:0 auto;}
	
	/*--- 404 Page  --- */
	.error-page #content p { font-size:19px; line-height:36px;}
	.error-page #content p .button1 { font-size:15px; min-width:120px; margin-left:3px;}
	.error-page #content .col-sm-4 { height:461px;}
	
	/*--- Signup Steps  --- */
	.signup-steps .tabs1 .nav-tabs > li > a { padding:17px 20px; font-size:14px;}
	
	/*--- Practice Details  --- */
	#practice-details .selected-item .detail h2 { font-size:18px;}
	#practice-details nav ul li a { font-size:13px;}
	
	/*--- Challenge Short Info  --- */
	#challenge-short-info .challenge-highlights p { font-size:14px;}
	#challenge-short-info .stats { margin-bottom:10px; padding-bottom:10px;}
	
	/*--- Challenge Box  --- */
	.challenge-box .button1 { font-size:12px;}
	
	/*--- User Test Score --- */
	.user-test-score .your-score p, .user-test-score .topic-score p { font-size:12px;}
	
	/*--- Sociable1 --- */
	.sociable1 a { margin:0 4px;}
	
	/*--- Webinar Video --- */
	#webinar-video #video-block { padding-right:40px;}
	
	/*--- Divition Block --- */
	.divition-block .why-participate ul li { text-align:center;}
	.divition-block .why-participate ul li .icon { float:none !important; margin:0 auto 10px !important;}
	.divition-block .why-participate ul li .details { width:100% !important; text-align:center !important;}
	#events-page .divition-block .detail-info .tabs1 .tab-content { height:231px; overflow:auto; overflow-x:hidden;}
	
	/*--- Skill Short Info --- */
	#skill-short-info .sociable2 { padding-top:5px; padding-right:51px;}
	#skill-short-info .sociable2 br { display:none;}
	#skill-short-info .sociable2 p .facebook .fa { margin-left:6px;}
	
	/*--- All Content Wrap  --- */
	.all-content-wrap.fixed #challenge-short-info .user-action p, .all-content-wrap.fixed #challenge-short-info .challenge-highlights p { font-size:12px;}
	
}

@media (min-width:992px) {
	#main-navigation > ul { height:auto !important;}
}

@media (max-width:992px) {
	
	.activeMenu #page-header, #container-wrap, #header { 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;}
	
	/*--- Footer  --- */
	#footer .section { width:180px;}
	#footer .section.fifth { width:100%; margin-bottom:15px;}
	#newsletter-form input[type="text"] { width:71%;}
	
	#container-wrap { left:0; padding-top:98px;}
	#content.two-column-layout .container:after { display:none;}
	#content.two-column-layout .container { background:none;}
	#container-wrap .left-panel { padding-right:10px;}
	.two-column-layout .right-panel { padding-left:10px;}
	#container-wrap.large-padding { padding-top:98px;}
	.two-column-layout .right-panel .widget { background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); padding:15px;}
	#container-wrap .left-panel { margin-bottom:30px;}

	#join-us h2 small, #join-us p { font-size:13px;}
	
	/*--- Page Header --- */
	#page-header h2 { margin-right:35px;}
	#page-header ul li a { font-size:11px;}
	#page-header .dropdown-menu { left:auto; right:-10px;}
	
	/*--- Header  --- */
	#header .logo { padding:17px 0; padding-left:50px; position:relative; z-index:5;}
	#header .logo.small { padding:12px 0; padding-left:35px; }
	#header .main-header .container { position:relative;}
	
	/*--- Page Header  --- */
	#page-header { top:60px;}
	
	/*--- Widget  --- */
	.widget { margin-bottom:20px;}
	
	/*--- Sliding Testimonials  --- */
	#sliding-testimonials .image { float:none; padding-top:0; text-align:center; margin-bottom:10px;}
	#sliding-testimonials { padding:35px 0;}
	#sliding-testimonials blockquote { margin-left:0; text-align:center;}
	#sliding-testimonials li { border:0;}
	#sliding-testimonials h4 { margin-bottom:0;}
	#sliding-testimonials .image img { width:90px; height:90px;}
	
	#events-block .column2 { padding-left:10px; text-align:center;}
	.two-column-layout1 .column2, #events-block .column1 { padding-right:10px;}
	.event-box { margin-bottom:20px;}
	
	
	/*--- Main Navigation  --- */
	#main-navigation {position:absolute; z-index:8; left:0;}
	#main-navigation ul { background: #fff; z-index:102; overflow:auto; height: 100%; left:-290px; padding: 0; position:fixed;  top:100px;  width:290px; 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 #main-navigation ul { left:0;}
	#main-navigation ul li { float:none;}
	#main-navigation > ul > li { border-bottom:1px solid #dadada;}
	#main-navigation ul li:last-child { border-bottom:0;}
	#main-navigation ul li.highlight > a, #main-navigation ul li a { padding:3px 15px 5px; line-height:normal;}
	#main-navigation > ul > li > a { text-transform:uppercase;}
	#main-navigation ul li .icon { display:inline-block;}
	#main-navigation ul li.highlight > a { font-weight:500; border-top:0; min-height:5px;}
	#main-navigation ul li.home.highlight a { width:100%; text-align:left;}
	#main-navigation ul li ul.child { background:none; padding:0 15px 4px 50px; width:100%; min-height:15px; position:relative; top:auto; left:auto; box-shadow:none; border:0; display:block;}
	#main-navigation ul li ul.child.auto-height-box,#main-navigation ul li ul.child.auto-height-box  ul.child { min-height:15px; }
	#main-navigation ul li ul.child li ul { display:none !important;}
	#main-navigation ul li ul.child li a { padding:0; line-height:20px; text-transform:capitalize;}
	#main-navigation ul li ul li.parent:hover a:after, #main-navigation ul li.parent:hover > a:after { display:none;}
	#main-navigation ul li.parent > a { padding-bottom:0;}
	
	/*--- Divition Block --- */
	.divition-block .detail-info .tabs1 .nav-tabs { margin:0 -10px; padding:0 10px;}
	.divition-block .view-more-lnk { margin-bottom:15px;}
	.divition-block .two-column-layout1 .detail-info.left-side { padding:15px 10px;}
	.divition-block .list1 li .button2 { float:left; margin-top:10px;}
	
	/*--- Two-column-layout1 --- */
	.two-column-layout1 .column1 { border-right:0;}
	.two-column-layout1 .column2 { padding-left:20px;}
	.two-column-layout1 .column2, #events-block .column1 { padding-right:20px;}
	
	/*--- News Box --- */
	.news-box.small { margin-bottom:20px;}
	.news-box.medium:last-child { margin-bottom:50px;}
	
	/*--- 404 Page  --- */
	.error-page #content p { font-size:14px; line-height:28px;}
	.error-page #content p .button1 { font-size:14px; min-width:110px; padding:7px 16px;}
	.error-page #content .col-sm-4 { height:352px;}
	
	/*--- Signup Steps  --- */
	.signup-steps .tabs1 .nav-tabs { padding:0 10px;}
	.signup-steps .tabs1 .nav-tabs > li > a { padding:12px 15px; font-size:12px;}
	.signup-steps .icon { height:70px; width:70px; line-height:70px; margin-bottom:20px;}
	.signup-steps h4 { margin-bottom:23px;}
	.signup-steps .icon .fa { line-height:70px;}
	.signup-steps-page .token-input-dropdown-facebook { width:257px !important;}
	
	/*--- User Test Score --- */
	.user-status-box .icon img { width:90px;}
	.user-status-box .sociable1 p { display:block;}
	.user-test-score .your-score { text-align:center;}
	.user-test-score .your-score img { float:none; width:50px; height:50px; margin:0 auto;}
	.user-test-score .your-score span { margin-top:5px;}
	.user-test-score .c100.big { font-size:130px;}
	.user-test-score .total-score p { font-size:12px; white-space:nowrap;}
	
	/*--- Question Controller --- */
	#question-controller, #user-attentions { width:125px;}
	#coding-platform .widget-block .big { font-size:26px; line-height:20px; margin-bottom:10px;}
	
	/*--- Webinar Video --- */
	#webinar-video #video-block { padding-right:0;}
	
	/*--- Mail Box --- */
	#mail-box .mail-right-box .table2 tr td { font-size:12px;}
	#mail-box .all-messages header { padding:14px;}
	#mail-box .all-messages header .button1 { min-width:15px;}
	
	/*--- Detailed Search --- */
	#detailed-search .tabs1 .nav-tabs > li > a, #detailed-search .tabs1 .nav-tabs > li.all { font-size:11px; min-width:60px;}
	#detailed-search .tabs1 .nav-tabs > li > a { padding:15px 5px;}
	
	/*--- Divition Block --- */
	#events-page .divition-block .detail-info .tabs1 .tab-content { height:139px;}
	
	/*--- Company Banner --- */
	#company-banner { height:230px;}
	
	/*--- Company Short Info --- */
	#company-short-info .company-logo { margin-bottom:15px;}
	
	/*--- Skill-short-info --- */
	#skill-short-info { height:auto;}
	#skill-short-info .follow-area .button1 { margin-left:0;}
	#skill-short-info .stats > p { margin-bottom:15px;}
	#skill-short-info .sponsored-by .inner-wrap { bottom:-90px;}
	#skill-short-info .sociable2 { padding-right:0;}
	#skill-short-info .sponsored-by .logo { float:none;}
	
	/*--- Challenge Short Info  --- */
	#challenge-short-info .inner-wrap { margin-left:115px;}
	#challenge-short-info .challenge-highlights p { font-size:13px;}
	
	/*--- All Content Wrap  --- */
	.all-content-wrap.fixed #challenge-short-info h2 { font-size:20px; margin-bottom:2px;}
	.all-content-wrap.fixed #challenge-short-info .user-action p, .all-content-wrap.fixed #challenge-short-info .challenge-highlights p {line-height:18px; font-size:11px;}
}

@media (min-width:767px) {
	/*--- Top Line --- */
	.top-line { position:relative; margin-top:-36px; margin-bottom:15px;}
}

@media (max-width:767px) {
	
	/*--- Headings  --- */
	h1 { font-size:22px;}
	h2 { font-size:20px;}
	h3 { font-size:18px;}
	h4 { font-size:16px;}
	h5 { font-size:15px;}
	h6 { font-size:14px;}
	
	/*--- Footer  --- */
	#footer .section, #footer .section.second,#footer .footer-more-links .divition { width:50%;}
	#footer .footer-more-links .divition { margin-bottom:15px;}
	#footer .inner-footer { text-align:center;}
	#footer .inner-footer p { text-align:center; line-height:16px;}
	
	#container-wrap { overflow-x:hidden;}
	#container-wrap.large-padding.loggedin,#container-wrap.loggedin, #container-wrap { padding-top:86px;}
	#content .container { padding:30px 10px;}
	#container-wrap.normal-padding.loggedin, #container-wrap.normal-padding { padding-top:48px;}
	.signup-login-page #container-wrap, .layout1 #container-wrap.loggedin { padding-top:35px;}
	
	/*--- Main Banner  --- */
	.main-banner .container { height:180px;}
	.main-banner h1 { font-size:24px; line-height:32px;}
	.main-banner h1 span { font-size:14px;}

	/*--- Main Navigation  --- */
	#main-navigation .menu-btn { top:12px;}
	
	/*--- Header  --- */
	#header .logo { padding:13px 0 11px 40px;}
	#header .logo img { width:100px;}
	#header .logo.small img { width:auto;}
	#header .logo.small { padding-top:6px; padding-bottom:6px; }
	
	/*--- Signup Login --- */
	#signup-login { padding:0 10px;}
	#signup-login .tabs3 .tab-content { padding:20px;}
	#signup-login footer { margin:0 -20px -20px;}
	#signup-login .social-btn { margin-left:5px;}
	#signup-login .tooltip.in { display:none !important;}
	#signup-login .form1 input[type="submit"] { width:100%;}
	#signup-login .sociable, .modal #signup-login .sociable { padding-left:0; text-align:center;}
	#signup-login .social-btn { margin-left:2px;}
	.modal #signup-login { padding:0;}
	
	/*--- Modal Dialog --- */
	.modal-dialog { margin:30px 30px 30px 10px;}
	
	/*--- Social Btn --- */
	.social-btn { height:34px; padding:0;}
	.social-btn .fa { width:34px; height:34px; line-height:34px; font-size:17px; text-align:center;}

	/*--- User Confirmation --- */
	#user-confirmation { padding:0 10px;}
	#user-confirmation .center-box { padding:20px 10px;}
	
	/*--- Challenge Short Info --- */
	#challenge-short-info { height:auto;}
	#challenge-short-info .user-action { float:left; margin-left:95px; padding-top:15px;}
	#challenge-short-info .inner-wrap { margin-left:95px;}
	
	/*--- Challenge Short info  --- */
	#challenge-short-info .company-logo {width:80px; height:80px; line-height:78px;}
	#challenge-short-info .company-logo img { max-width:78px; max-height:78px;}	
	#challenge-short-info .user-action p { font-size:14px;}
	#challenge-short-info .user-action .btn { margin-bottom:5px;}
	#challenge-short-info .challenge-highlights p { font-size:12px;}
	#challenge-short-info .challenge-current-stats { float:left; padding-top:15px; margin-left:95px;}
	#challenge-short-info .challenge-current-stats { font-size:10px;}
	#challenge-short-info .challenge-current-stats .count { font-size:12px;}
	
	/*--- Challenge Box  --- */
	.challenge-box .button1 { float:left; margin-top:10px;}
	
	/*--- Global Search Form  --- */
	.open-global-search { font-size:21px; width:30px; height:36px; background:#fff; line-height:32px; text-align:center; color:#424242; position:absolute; top:6px; right:10px; z-index:7;}
	.open-global-search:after { width:10px; right:-10px; background:#fff; content:""; top:0; height:100%; position:absolute;}
	.open-global-search:hover, .open-global-search:focus, .open-global-search:active { color:#424242;}
	#global-search-form  {  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; position:absolute; background:#fff; top:-6px; right:-768px; width:100%; z-index:8;}
	#global-search-form:before { width:300px; left:0; background:#fff; content:""; top:0; height:100%; position:absolute; opacity:0; 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;}
	#global-search-form.open  { right:50px !important;}
	#global-search-form.open:before  { left:-301px; opacity:1;}
	.loggedin #global-search-form, #global-search-form { width:82%;}
	.loggedin #global-search-form .textbox, #global-search-form .textbox { width:69%;}
	#search-result-lists { width:100%; border:0; max-height:275px;}
	#search-result-lists .result-block { padding:0 15px;}
	#search-result-lists > h6 { padding-left:15px;}
	
	/*--- Page Header  --- */
	#page-header, .loggedin #page-header { top:48px;}
	#page-header.fixed, .loggedin #page-header.fixed { top:0;}
	#page-header { width:3000px;}
	#page-header h2:before { width:10px;}
	#page-header h2 { font-size:14px; margin-right:25px;}
	#page-header h2 span { min-width:15px; padding-right:15px;}
	#page-header  .inner-wrap { overflow: auto;}
	
	/*--- Landing Page  --- */
	.landing-page #header .logo { float:none; text-align:center; margin:0; padding:8px 0 4px;}
	.landing-page #header .logo img { width:32px;}
	.landing-page #top-navigation ul li a { font-size:11px; font-weight:500; line-height:20px;}
	.landing-page #top-navigation { float:none; text-align:center; padding-top:0;}
	.landing-page #top-navigation ul { display:inline-block; float:none;}
	.landing-page #top-navigation ul li { display:inline-block; margin:0 10px;}
	.landing-page #top-navigation ul li:first-child { margin-left:10px;}
	.landing-page #container-wrap { padding-top:67px;}
	.landing-page #header { height:67px; position:fixed;}
	
	/*--- Profile Completed  --- */
	#profile-completed { padding:0 10px;}
	#profile-completed .fa-check.green { display:block; margin:0 auto 5px;}
	#profile-completed .column { width:100%; float:none;}
	#profile-completed .add-to-contact { border-radius:6px;}
	#profile-completed .or { bottom:-25px; top:auto; right:50%; margin-right:-26px; margin-top:0;}
	#profile-completed .column:last-child { padding-left:30px;}
	
	/*--- Intro Section  --- */
	#intro-section .slide .slide-img  { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08);   transform: scale(1.08)}
	#intro-section .slide .inner-wrap { background:rgba(46,64,86,0.9);}
	#intro-section .slide p { font-size:16px; line-height:28px; color:#fff; font-weight:200; margin-bottom:35px;}
	#intro-section .slide h2 { color:#fff;}
	#intro-section #join-us-slide p { font-size:12px; line-height:24px; color:#c0c0c0; margin-bottom:0;}
	#join-us-slide p a { color:#c0c0c0;}
	#join-us-slide .slide-img { opacity:1;}
	#intro-section .controls { display:none;}
	#intro-section .slide h2 { font-size:20px; line-height:28px; margin-bottom:45px;}
	#intro-section .slide h2 span { margin-top:5px;}
	#intro-section .social-btn { min-width:170px;}
	#intro-section .slide .inner-slide, #intro-section { min-height:250px;}
	
	/*--- Find Expert Speakers  --- */
	#find-expert-speakers .btn-default {font-size:11px; font-weight:500; margin:0 5px 5px 0;}

	/*--- Divition Block  --- */
	.divition-block .header { padding-top:5px; height:74px; margin-bottom:65px;}
	.divition-block .header h3 { line-height:23px;}
	.divition-block .header h3 span { font-size:10px;}
	.divition-block .header .container { padding:0 5px;}
	.divition-block .header .section-icon { width:60px; height:70px; line-height:71px; background-size:100% 100%;}
	.divition-block .header .section-icon .fa, #our-clients h2 { font-size:22px;}
	.two-column-layout2 .column1, #events-block .column1 { padding-right:10px;}
	#events-block .column2 { padding-left:10px; padding-right:10px;}
	.two-column-layout2 .column2 { padding-left:10px;}
	.divition-block.for-landing .stats { text-align:center;}
	.divition-block.for-landing .stats li { font-size:15px; line-height:18px;}
	.divition-block.for-landing .stats li small { font-size:11px; margin-top:8px;}
	.divition-block.for-landing .stats li:first-child span { display:block;}
	.divition-block.for-landing .stats li { display:inline-block; float:none; width:32.333%;}
	.divition-block.for-landing .col-sm-6 .view-more-lnk { padding-left:0; text-align:center;}
	.divition-block.for-landing .benefits { padding-top:0; text-align:left;}
	#events-block .benefits .event-logo { float:left; margin-right:10px; text-align:center; margin-bottom:30px;}
	#our-clients { padding:35px 0 40px;}
	#our-clients .previous-btn { left:-2px;}
	#our-clients .next-btn { right:16px;}
	
	.slider .previous-btn { left:0;}
	.slider .next-btn { right:20px;}
	
	/*--- Join Us  --- */
	#join-us h2 { margin-bottom:15px;}
	#join-us .sociable { text-align:center;}
	#join-us .sociable a:first-child { margin-left:8px;}
	#join-us .social-btn .inner { width:130px;}
	
	/*--- Search Filter  --- */
	#search-filter .looking-for { float:none; text-align:center;}
	
	/*--- Job Box  --- */
	.job-box .job-content { height:auto; padding-bottom:10px; overflow:visible;}
	
	/*--- Heading 1  --- */
	.heading1 { width:100%; overflow:hidden; line-height:28px; font-size:18px;}
	.heading1 a { display:block; font-size:12px; margin-left:0; position:relative; margin-top:-7px;}
	
	/*--- Q&A  --- */
	#qna .qna-box { padding:15px;}
	#qna #AskNow { float:left !important; position:relative; margin-top:-10px;}
	
	/*--- Company Box  --- */
	.company-box h4 {max-height:36px;}
	.company-box .comapny-logo { line-height:66px;}
	
	/*--- Appstore Area  --- */
	.appstore-area { display:none;}
	
	/*--- Divition Block --- */
	.divition-block .two-column-layout1 .detail-info .tabs1 .tab-content { height:auto;}
	.divition-block .benefits p { margin-bottom:20px;}
	
	/*--- News Box --- */
	.news-box.large .news-content { padding:15px;}
	.news-box.large .banner { height:175px;}
	
	/*--- Contest Box1 --- */
	.contest-box1 { padding:18px 15px 5px;}
	.contest-box1 footer { margin:0 -15px;}
	
	/*--- Tabs2 --- */
	.tabs2 .nav-tabs { margin-bottom:20px;}
	
	/*--- Contest Search --- */
	#contest-search { margin-bottom:15px; float:left; clear:left; width:100%;}
	#contest-search input[type="text"] { width:88%;}
	
	/*--- View All Block --- */
	.view-all-block { margin-bottom:0;}
	
	/*--- Box Default --- */
	.box-default .footer { text-align:center;}
	.box-default .footer p, .box-default .footer .pagination { float:none;}
	.box-default .footer { padding:10px 7px;}
	
	/*--- Table Responsive --- */
	.table-responsive { border:0; margin-bottom:0;}
	.table-responsive .table1, .table-responsive .table2 { min-width:600px;}
	
	/*--- Table1 --- */
	.table1 tr td { font-size:12px; padding:15px 10px;}
	
	/*--- News Box --- */
	.news-box.small .news-content p { display:block;}
	.news-box.small h5 { height:42px;}
	.news-box h3, .news-box h5 { height:43px;}
	
	/*--- 404 Page  --- */
	.error-content-box { text-align:center;}
	.error-page #content .col-sm-4 { height:auto; width:100%; text-align:center; padding:30px 10px;}
	
	/*--- Signup Steps  --- */
	.signup-steps .tabs1 .nav-tabs { padding:0; display:none;}
	.signup-steps .tabs1 .nav-tabs > li { float:left;}
	.signup-steps .tabs1 .nav-tabs > li > a { padding:5px; font-size:12px;}
	.signup-steps .tabs1 .nav-tabs li a { margin-right:0;}
	.signup-steps .tabs1 .nav-tabs > li > a > .fa { font-size:17px;}
	
	/*--- Practice Section  --- */
	.practice-box .term-list li { font-size:12px;}
	#practice-details .practice-items-list { overflow:auto;}
	#practice-details nav ul li { float:left;}
	#practice-details nav { margin-bottom:30px;}
	#practice-details nav ul li.active a, #practice-details nav ul li a { border:0;}
	#practice-details .append-seasons .block .button1 { float:left; margin:9px 15px 0 0;}
	#practice-details .append-seasons .block .icons  { float:left;}
	#practice-details .append-seasons .coming-soon-practice { float:none;}
	#practice-details .append-seasons .block .coming-soon-practice .button1 { margin-top:0;}
	
	/*--- Invite Login  --- */
	#invite-login { padding:15px;}
	
	/*--- User_form  --- */
	#user_form { padding:15px;}
	
	/*--- Breadcrumbs  --- */
	#breadcrumbs p { margin: 0; position: relative;}
	
	/*--- User Test Score --- */
	.user-status-box { padding:20px; height:auto; margin-bottom:30px;}
	.user-status-box > p, .user-status-box > h3 { margin-bottom:15px;}
	.user-status-box .icon img { width:80px;}
	.user-status-box .icon, .user-status-box .result-status-box { margin-bottom:20px;}
	
	.user-test-score { padding:20px; height:auto;}
	.user-result .score-header h3 { padding-left:20px; font-size:13px; min-height:40px;}
	.user-result .score-header h3:after { height:100%;}
	.user-test-score .c100.big { font-size:90px; margin-right:15px !important; float:left;}
	.user-test-score .c100 .total-score { top:33%; height:40px; font-size:18px;}
	.user-test-score .your-score { clear:both; text-align:left; padding-top:0; margin-bottom:10px;}
	.user-test-score .your-score img { float:left; margin-right:15px;}
	.user-test-score .your-score span { margin-top:0;}
	.user-test-score .topic-score .inner { height:auto; overflow:visible; max-height:none;}
	.user-test-score .topic-score .button1 { min-width:15px; margin-top:7px;}
	
	/*--- Section main Info  --- */
	.section-main-info .book-seat-btn { min-width:15px;}
	.section-main-info { padding:15px 10px 0;}
	.section-main-info footer { padding:5px 10px; margin:0 -10px;}
	
	/*--- Challenge Banner  --- */
	#challenge-banner { height:150px;}
	
	/*--- Question Controller --- */
	#coding-platform { padding-bottom:104px; background:none;}
	#question-controller, #user-attentions { width:100%; float:none; height:auto !important; background:#2e4056; width:100%; overflow:hidden;}
	#coding-platform .widget-block { padding:5px 10px 0;}
	#coding-platform .widget-block .big { font-size:18px; margin-bottom:4px;}
	#coding-platform .widget-block small { font-size:10px;}
	#coding-platform, #coding-content-area { height:auto !important; width:100% !important; float:none;}
	#question-controller .legends-info { display:none;}
	#user-attentions { position:fixed; bottom:55px;}
	#user-attentions  .widget-block { float:left; width:50%; padding:5px 0;}
	#coding-platform .widget-block .progress { display:none;}
	.coding-footer { height:56px; padding:9px 0 8px;}
	#coding-platform .widget-block .view-all-questions { margin-bottom:5px; padding:6px 14px;}
	#coding-content-area .inner-coding-area { padding:15px 10px;}
	
	/*--- Coding Platform Head --- */
	#coding-platform-head .logo { width:95px; margin-right:20px;}
	#coding-platform-head .logo img { width:75px;}
	#coding-platform-head h5{ font-size:13px;}
	#coding-platform-head .logo .inner { min-width:95px;}
	#coding-platform-head .big, #coding-platform-head .attempt-count { position:fixed; top:38px; width:50%; background:#2e4056; margin:0; font-size:10px; padding:0 5px;}
	#coding-platform-head .big { left:0;}
	#coding-platform-head .attempt-count { right:0; text-align:right;}
	#coding-platform-head #remain, #coding-platform-head .attempt-count > span { font-size:16px;}
	
	/*--- Editor Box --- */
	#editor-box #editor-actions .button4, #submit_code .button1 { font-size:11px; padding:6px 8px;}
	#editor-box #editor-actions .button4 { margin-right:2px;}
	#editor-box .user-actions p { float:none !important; width:100%; margin-bottom:5px;}
	#editor-box .user-actions { float:left;}
	#editor-box .user-actions a.expand-collapse-btn { display:none;}
	
	/*--- Table2 --- */
	.table2 tr td, .table2 tr th { padding:8px 15px;}
	.table2 tr td p { font-size:12px;}
	
	/*--- Candidate Question Listing  --- */
	#candidate_question_listing td.text-left { width:200px;}
	
	/*--- Confirm Test Close  --- */
	#confirm-test-close .modal-footer .btn { font-size:10px; padding:6px;}
	
	/*--- Coding-page  --- */
	.coding-page .coding-footer .user-actions-block .btn, .coding-page .coding-footer .button5 { font-size:12px; padding:9px 6px; min-width:80px;}
	.coding-page .coding-footer .button5 .mobile-hide { display:none;}
	.coding-footer .container-fluid .inner-coding-footer { padding:0 10px;}
	.coding-footer .container-fluid { width:100% !important;}

	/*--- Webinar Video --- */
	#webinar-video { height:auto; padding:15px 0;}
	#webinar-video #video-block object, #webinar-video #video-block iframe { height:auto;}
	#webinar-video #video-block { margin-bottom:15px;}
	
	/*--- Section Main Info --- */
	.section-main-info.footer-block footer{ padding:10px;}
	
	/*--- Mail Box --- */
	#mail-box .all-messages { margin-bottom:30px;}
	
	/*--- Detailed Search --- */
	#detailed-search .tabs1 .inner-wrap { background:#e5e5e5;}
	#detailed-search .tabs1 .nav-tabs-items { width:50%; overflow:auto;}
	
	/*--- Divition Block --- */
	#events-page .divition-block .detail-info .tabs1 .tab-content { height:auto;}
	
	/*--- Post --- */
	.post .post-header .sociable2, .post .post-footer .sociable2 { float:none;}
	.post .post-header .sociable2 p{ margin-bottom:0;}
	.detailed-description img.cover-image { width:100%; margin-right:0; max-width:100%;}
	
	/*--- News Carousel --- */
	#news-carousel { padding:8px 30px;}
	#news-carousel .slider .previous-btn { left:-24px;}
	#news-carousel .slider .next-btn { right:-5px;}
	
	/*--- msgErrortop --- */
	.msgErrortop { top:0;}
	.message-box { width:320px;}
	
	/*--- Question-area --- */
	#question-area { padding-top:15px;}
	
	/*--- Company Banner --- */
	#company-banner { height:150px;}
	
	/*--- Company Short Info --- */
	#company-short-info .company-logo { height:100px; width:100px; line-height:90px; margin-bottom:0; margin-top:-56px;}
	#company-short-info .company-logo img { max-width:90px; max-height:90px;}
	#company-short-info .follow-area { float:left;}
	
	/*--- Skill-short-info --- */
	#skill-short-info .sponsored-by { margin-top:20px;}
	#skill-short-info .sponsored-by .inner-wrap { bottom:auto; position:relative;}
	#skillpage-banner { height:150px;}
	#skill-short-info .skill-icon { width:100px; height:100px; line-height:94px; margin-top:-25px; margin-bottom:15px;}
	#skill-short-info .skill-icon img { height:94px; width:94px;}
	#skill-short-info .details { margin-left:0;}
	#skill-short-info .sponsored-by { float:left; width:100%;}
	#skill-short-info h2 { margin-top:-68px; margin-bottom:12px; min-height:48px; padding-left:112px;}
	#skill-short-info .sociable2 br { display:block;}
	#skill-short-info .sociable2 p .facebook .fa { margin-left:0;}
	#skill-short-info .sociable2 { padding-top:0;}
	
	/*--- Tooltip --- */
	.tooltip { display:none;}
}

@media (max-width:479px) {
	/*--- Global Search Form  --- */
	 #global-search-form { right:-480px;}
}


.city_drpdwn + .select2{width: 100% !important;}





.rect-auto,.c100.p51 .slice,.c100.p52 .slice,.c100.p53 .slice,.c100.p54 .slice,.c100.p55 .slice,.c100.p56 .slice,.c100.p57 .slice,.c100.p58 .slice,.c100.p59 .slice,.c100.p60 .slice,.c100.p61 .slice,.c100.p62 .slice,.c100.p63 .slice,.c100.p64 .slice,.c100.p65 .slice,.c100.p66 .slice,.c100.p67 .slice,.c100.p68 .slice,.c100.p69 .slice,.c100.p70 .slice,.c100.p71 .slice,.c100.p72 .slice,.c100.p73 .slice,.c100.p74 .slice,.c100.p75 .slice,.c100.p76 .slice,.c100.p77 .slice,.c100.p78 .slice,.c100.p79 .slice,.c100.p80 .slice,.c100.p81 .slice,.c100.p82 .slice,.c100.p83 .slice,.c100.p84 .slice,.c100.p85 .slice,.c100.p86 .slice,.c100.p87 .slice,.c100.p88 .slice,.c100.p89 .slice,.c100.p90 .slice,.c100.p91 .slice,.c100.p92 .slice,.c100.p93 .slice,.c100.p94 .slice,.c100.p95 .slice,.c100.p96 .slice,.c100.p97 .slice,.c100.p98 .slice,.c100.p99 .slice,.c100.p100 .slice{clip:rect(auto,auto,auto,auto)}.pie,.c100 .bar,.c100.p51 .fill,.c100.p52 .fill,.c100.p53 .fill,.c100.p54 .fill,.c100.p55 .fill,.c100.p56 .fill,.c100.p57 .fill,.c100.p58 .fill,.c100.p59 .fill,.c100.p60 .fill,.c100.p61 .fill,.c100.p62 .fill,.c100.p63 .fill,.c100.p64 .fill,.c100.p65 .fill,.c100.p66 .fill,.c100.p67 .fill,.c100.p68 .fill,.c100.p69 .fill,.c100.p70 .fill,.c100.p71 .fill,.c100.p72 .fill,.c100.p73 .fill,.c100.p74 .fill,.c100.p75 .fill,.c100.p76 .fill,.c100.p77 .fill,.c100.p78 .fill,.c100.p79 .fill,.c100.p80 .fill,.c100.p81 .fill,.c100.p82 .fill,.c100.p83 .fill,.c100.p84 .fill,.c100.p85 .fill,.c100.p86 .fill,.c100.p87 .fill,.c100.p88 .fill,.c100.p89 .fill,.c100.p90 .fill,.c100.p91 .fill,.c100.p92 .fill,.c100.p93 .fill,.c100.p94 .fill,.c100.p95 .fill,.c100.p96 .fill,.c100.p97 .fill,.c100.p98 .fill,.c100.p99 .fill,.c100.p100 .fill{position:absolute;border:.08em solid #56c1ee;width:.84em;height:.84em;clip:rect(0em,0.5em,1em,0em);border-radius:50%;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}.pie-fill,.c100.p51 .bar:after,.c100.p51 .fill,.c100.p52 .bar:after,.c100.p52 .fill,.c100.p53 .bar:after,.c100.p53 .fill,.c100.p54 .bar:after,.c100.p54 .fill,.c100.p55 .bar:after,.c100.p55 .fill,.c100.p56 .bar:after,.c100.p56 .fill,.c100.p57 .bar:after,.c100.p57 .fill,.c100.p58 .bar:after,.c100.p58 .fill,.c100.p59 .bar:after,.c100.p59 .fill,.c100.p60 .bar:after,.c100.p60 .fill,.c100.p61 .bar:after,.c100.p61 .fill,.c100.p62 .bar:after,.c100.p62 .fill,.c100.p63 .bar:after,.c100.p63 .fill,.c100.p64 .bar:after,.c100.p64 .fill,.c100.p65 .bar:after,.c100.p65 .fill,.c100.p66 .bar:after,.c100.p66 .fill,.c100.p67 .bar:after,.c100.p67 .fill,.c100.p68 .bar:after,.c100.p68 .fill,.c100.p69 .bar:after,.c100.p69 .fill,.c100.p70 .bar:after,.c100.p70 .fill,.c100.p71 .bar:after,.c100.p71 .fill,.c100.p72 .bar:after,.c100.p72 .fill,.c100.p73 .bar:after,.c100.p73 .fill,.c100.p74 .bar:after,.c100.p74 .fill,.c100.p75 .bar:after,.c100.p75 .fill,.c100.p76 .bar:after,.c100.p76 .fill,.c100.p77 .bar:after,.c100.p77 .fill,.c100.p78 .bar:after,.c100.p78 .fill,.c100.p79 .bar:after,.c100.p79 .fill,.c100.p80 .bar:after,.c100.p80 .fill,.c100.p81 .bar:after,.c100.p81 .fill,.c100.p82 .bar:after,.c100.p82 .fill,.c100.p83 .bar:after,.c100.p83 .fill,.c100.p84 .bar:after,.c100.p84 .fill,.c100.p85 .bar:after,.c100.p85 .fill,.c100.p86 .bar:after,.c100.p86 .fill,.c100.p87 .bar:after,.c100.p87 .fill,.c100.p88 .bar:after,.c100.p88 .fill,.c100.p89 .bar:after,.c100.p89 .fill,.c100.p90 .bar:after,.c100.p90 .fill,.c100.p91 .bar:after,.c100.p91 .fill,.c100.p92 .bar:after,.c100.p92 .fill,.c100.p93 .bar:after,.c100.p93 .fill,.c100.p94 .bar:after,.c100.p94 .fill,.c100.p95 .bar:after,.c100.p95 .fill,.c100.p96 .bar:after,.c100.p96 .fill,.c100.p97 .bar:after,.c100.p97 .fill,.c100.p98 .bar:after,.c100.p98 .fill,.c100.p99 .bar:after,.c100.p99 .fill,.c100.p100 .bar:after,.c100.p100 .fill{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.c100{position:relative;font-size:120px;width:1em;height:1em;border-radius:50%;margin:0 auto 0;background-color:#fff}.c100 *,.c100 :before,.c100 :after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.c100.center{float:none;margin:0 auto}.c100.big{font-size:75px}.c100.small{font-size:80px}.c100 > span{position:absolute;width:100%;z-index:1;left:0;top:0;width:5em;line-height:5em;font-size:.2em;color:#999;display:block;text-align:center;white-space:nowrap;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.c100:after{position:absolute;top:.08em;left:.08em;display:block;content:" ";border-radius:50%;background-color:#dfe3e5;width:.84em;height:.84em;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in}.c100 .slice{position:absolute;width:1em;height:1em;clip:rect(0em,1em,1em,0.5em)}.c100.p1 .bar{-webkit-transform:rotate(3.6deg);-moz-transform:rotate(3.6deg);-ms-transform:rotate(3.6deg);-o-transform:rotate(3.6deg);transform:rotate(3.6deg)}.c100.p2 .bar{-webkit-transform:rotate(7.2deg);-moz-transform:rotate(7.2deg);-ms-transform:rotate(7.2deg);-o-transform:rotate(7.2deg);transform:rotate(7.2deg)}.c100.p3 .bar{-webkit-transform:rotate(10.8deg);-moz-transform:rotate(10.8deg);-ms-transform:rotate(10.8deg);-o-transform:rotate(10.8deg);transform:rotate(10.8deg)}.c100.p4 .bar{-webkit-transform:rotate(14.4deg);-moz-transform:rotate(14.4deg);-ms-transform:rotate(14.4deg);-o-transform:rotate(14.4deg);transform:rotate(14.4deg)}.c100.p5 .bar{-webkit-transform:rotate(18deg);-moz-transform:rotate(18deg);-ms-transform:rotate(18deg);-o-transform:rotate(18deg);transform:rotate(18deg)}.c100.p6 .bar{-webkit-transform:rotate(21.6deg);-moz-transform:rotate(21.6deg);-ms-transform:rotate(21.6deg);-o-transform:rotate(21.6deg);transform:rotate(21.6deg)}.c100.p7 .bar{-webkit-transform:rotate(25.2deg);-moz-transform:rotate(25.2deg);-ms-transform:rotate(25.2deg);-o-transform:rotate(25.2deg);transform:rotate(25.2deg)}.c100.p8 .bar{-webkit-transform:rotate(28.8deg);-moz-transform:rotate(28.8deg);-ms-transform:rotate(28.8deg);-o-transform:rotate(28.8deg);transform:rotate(28.8deg)}.c100.p9 .bar{-webkit-transform:rotate(32.4deg);-moz-transform:rotate(32.4deg);-ms-transform:rotate(32.4deg);-o-transform:rotate(32.4deg);transform:rotate(32.4deg)}.c100.p10 .bar{-webkit-transform:rotate(36deg);-moz-transform:rotate(36deg);-ms-transform:rotate(36deg);-o-transform:rotate(36deg);transform:rotate(36deg)}.c100.p11 .bar{-webkit-transform:rotate(39.6deg);-moz-transform:rotate(39.6deg);-ms-transform:rotate(39.6deg);-o-transform:rotate(39.6deg);transform:rotate(39.6deg)}.c100.p12 .bar{-webkit-transform:rotate(43.2deg);-moz-transform:rotate(43.2deg);-ms-transform:rotate(43.2deg);-o-transform:rotate(43.2deg);transform:rotate(43.2deg)}.c100.p13 .bar{-webkit-transform:rotate(46.800000000000004deg);-moz-transform:rotate(46.800000000000004deg);-ms-transform:rotate(46.800000000000004deg);-o-transform:rotate(46.800000000000004deg);transform:rotate(46.800000000000004deg)}.c100.p14 .bar{-webkit-transform:rotate(50.4deg);-moz-transform:rotate(50.4deg);-ms-transform:rotate(50.4deg);-o-transform:rotate(50.4deg);transform:rotate(50.4deg)}.c100.p15 .bar{-webkit-transform:rotate(54deg);-moz-transform:rotate(54deg);-ms-transform:rotate(54deg);-o-transform:rotate(54deg);transform:rotate(54deg)}.c100.p16 .bar{-webkit-transform:rotate(57.6deg);-moz-transform:rotate(57.6deg);-ms-transform:rotate(57.6deg);-o-transform:rotate(57.6deg);transform:rotate(57.6deg)}.c100.p17 .bar{-webkit-transform:rotate(61.2deg);-moz-transform:rotate(61.2deg);-ms-transform:rotate(61.2deg);-o-transform:rotate(61.2deg);transform:rotate(61.2deg)}.c100.p18 .bar{-webkit-transform:rotate(64.8deg);-moz-transform:rotate(64.8deg);-ms-transform:rotate(64.8deg);-o-transform:rotate(64.8deg);transform:rotate(64.8deg)}.c100.p19 .bar{-webkit-transform:rotate(68.4deg);-moz-transform:rotate(68.4deg);-ms-transform:rotate(68.4deg);-o-transform:rotate(68.4deg);transform:rotate(68.4deg)}.c100.p20 .bar{-webkit-transform:rotate(72deg);-moz-transform:rotate(72deg);-ms-transform:rotate(72deg);-o-transform:rotate(72deg);transform:rotate(72deg)}.c100.p21 .bar{-webkit-transform:rotate(75.60000000000001deg);-moz-transform:rotate(75.60000000000001deg);-ms-transform:rotate(75.60000000000001deg);-o-transform:rotate(75.60000000000001deg);transform:rotate(75.60000000000001deg)}.c100.p22 .bar{-webkit-transform:rotate(79.2deg);-moz-transform:rotate(79.2deg);-ms-transform:rotate(79.2deg);-o-transform:rotate(79.2deg);transform:rotate(79.2deg)}.c100.p23 .bar{-webkit-transform:rotate(82.8deg);-moz-transform:rotate(82.8deg);-ms-transform:rotate(82.8deg);-o-transform:rotate(82.8deg);transform:rotate(82.8deg)}.c100.p24 .bar{-webkit-transform:rotate(86.4deg);-moz-transform:rotate(86.4deg);-ms-transform:rotate(86.4deg);-o-transform:rotate(86.4deg);transform:rotate(86.4deg)}.c100.p25 .bar{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.c100.p26 .bar{-webkit-transform:rotate(93.60000000000001deg);-moz-transform:rotate(93.60000000000001deg);-ms-transform:rotate(93.60000000000001deg);-o-transform:rotate(93.60000000000001deg);transform:rotate(93.60000000000001deg)}.c100.p27 .bar{-webkit-transform:rotate(97.2deg);-moz-transform:rotate(97.2deg);-ms-transform:rotate(97.2deg);-o-transform:rotate(97.2deg);transform:rotate(97.2deg)}.c100.p28 .bar{-webkit-transform:rotate(100.8deg);-moz-transform:rotate(100.8deg);-ms-transform:rotate(100.8deg);-o-transform:rotate(100.8deg);transform:rotate(100.8deg)}.c100.p29 .bar{-webkit-transform:rotate(104.4deg);-moz-transform:rotate(104.4deg);-ms-transform:rotate(104.4deg);-o-transform:rotate(104.4deg);transform:rotate(104.4deg)}.c100.p30 .bar{-webkit-transform:rotate(108deg);-moz-transform:rotate(108deg);-ms-transform:rotate(108deg);-o-transform:rotate(108deg);transform:rotate(108deg)}.c100.p31 .bar{-webkit-transform:rotate(111.60000000000001deg);-moz-transform:rotate(111.60000000000001deg);-ms-transform:rotate(111.60000000000001deg);-o-transform:rotate(111.60000000000001deg);transform:rotate(111.60000000000001deg)}.c100.p32 .bar{-webkit-transform:rotate(115.2deg);-moz-transform:rotate(115.2deg);-ms-transform:rotate(115.2deg);-o-transform:rotate(115.2deg);transform:rotate(115.2deg)}.c100.p33 .bar{-webkit-transform:rotate(118.8deg);-moz-transform:rotate(118.8deg);-ms-transform:rotate(118.8deg);-o-transform:rotate(118.8deg);transform:rotate(118.8deg)}.c100.p34 .bar{-webkit-transform:rotate(122.4deg);-moz-transform:rotate(122.4deg);-ms-transform:rotate(122.4deg);-o-transform:rotate(122.4deg);transform:rotate(122.4deg)}.c100.p35 .bar{-webkit-transform:rotate(126deg);-moz-transform:rotate(126deg);-ms-transform:rotate(126deg);-o-transform:rotate(126deg);transform:rotate(126deg)}.c100.p36 .bar{-webkit-transform:rotate(129.6deg);-moz-transform:rotate(129.6deg);-ms-transform:rotate(129.6deg);-o-transform:rotate(129.6deg);transform:rotate(129.6deg)}.c100.p37 .bar{-webkit-transform:rotate(133.20000000000002deg);-moz-transform:rotate(133.20000000000002deg);-ms-transform:rotate(133.20000000000002deg);-o-transform:rotate(133.20000000000002deg);transform:rotate(133.20000000000002deg)}.c100.p38 .bar{-webkit-transform:rotate(136.8deg);-moz-transform:rotate(136.8deg);-ms-transform:rotate(136.8deg);-o-transform:rotate(136.8deg);transform:rotate(136.8deg)}.c100.p39 .bar{-webkit-transform:rotate(140.4deg);-moz-transform:rotate(140.4deg);-ms-transform:rotate(140.4deg);-o-transform:rotate(140.4deg);transform:rotate(140.4deg)}.c100.p40 .bar{-webkit-transform:rotate(144deg);-moz-transform:rotate(144deg);-ms-transform:rotate(144deg);-o-transform:rotate(144deg);transform:rotate(144deg)}.c100.p41 .bar{-webkit-transform:rotate(147.6deg);-moz-transform:rotate(147.6deg);-ms-transform:rotate(147.6deg);-o-transform:rotate(147.6deg);transform:rotate(147.6deg)}.c100.p42 .bar{-webkit-transform:rotate(151.20000000000002deg);-moz-transform:rotate(151.20000000000002deg);-ms-transform:rotate(151.20000000000002deg);-o-transform:rotate(151.20000000000002deg);transform:rotate(151.20000000000002deg)}.c100.p43 .bar{-webkit-transform:rotate(154.8deg);-moz-transform:rotate(154.8deg);-ms-transform:rotate(154.8deg);-o-transform:rotate(154.8deg);transform:rotate(154.8deg)}.c100.p44 .bar{-webkit-transform:rotate(158.4deg);-moz-transform:rotate(158.4deg);-ms-transform:rotate(158.4deg);-o-transform:rotate(158.4deg);transform:rotate(158.4deg)}.c100.p45 .bar{-webkit-transform:rotate(162deg);-moz-transform:rotate(162deg);-ms-transform:rotate(162deg);-o-transform:rotate(162deg);transform:rotate(162deg)}.c100.p46 .bar{-webkit-transform:rotate(165.6deg);-moz-transform:rotate(165.6deg);-ms-transform:rotate(165.6deg);-o-transform:rotate(165.6deg);transform:rotate(165.6deg)}.c100.p47 .bar{-webkit-transform:rotate(169.20000000000002deg);-moz-transform:rotate(169.20000000000002deg);-ms-transform:rotate(169.20000000000002deg);-o-transform:rotate(169.20000000000002deg);transform:rotate(169.20000000000002deg)}.c100.p48 .bar{-webkit-transform:rotate(172.8deg);-moz-transform:rotate(172.8deg);-ms-transform:rotate(172.8deg);-o-transform:rotate(172.8deg);transform:rotate(172.8deg)}.c100.p49 .bar{-webkit-transform:rotate(176.4deg);-moz-transform:rotate(176.4deg);-ms-transform:rotate(176.4deg);-o-transform:rotate(176.4deg);transform:rotate(176.4deg)}.c100.p50 .bar{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.c100.p51 .bar{-webkit-transform:rotate(183.6deg);-moz-transform:rotate(183.6deg);-ms-transform:rotate(183.6deg);-o-transform:rotate(183.6deg);transform:rotate(183.6deg)}.c100.p52 .bar{-webkit-transform:rotate(187.20000000000002deg);-moz-transform:rotate(187.20000000000002deg);-ms-transform:rotate(187.20000000000002deg);-o-transform:rotate(187.20000000000002deg);transform:rotate(187.20000000000002deg)}.c100.p53 .bar{-webkit-transform:rotate(190.8deg);-moz-transform:rotate(190.8deg);-ms-transform:rotate(190.8deg);-o-transform:rotate(190.8deg);transform:rotate(190.8deg)}.c100.p54 .bar{-webkit-transform:rotate(194.4deg);-moz-transform:rotate(194.4deg);-ms-transform:rotate(194.4deg);-o-transform:rotate(194.4deg);transform:rotate(194.4deg)}.c100.p55 .bar{-webkit-transform:rotate(198deg);-moz-transform:rotate(198deg);-ms-transform:rotate(198deg);-o-transform:rotate(198deg);transform:rotate(198deg)}.c100.p56 .bar{-webkit-transform:rotate(201.6deg);-moz-transform:rotate(201.6deg);-ms-transform:rotate(201.6deg);-o-transform:rotate(201.6deg);transform:rotate(201.6deg)}.c100.p57 .bar{-webkit-transform:rotate(205.20000000000002deg);-moz-transform:rotate(205.20000000000002deg);-ms-transform:rotate(205.20000000000002deg);-o-transform:rotate(205.20000000000002deg);transform:rotate(205.20000000000002deg)}.c100.p58 .bar{-webkit-transform:rotate(208.8deg);-moz-transform:rotate(208.8deg);-ms-transform:rotate(208.8deg);-o-transform:rotate(208.8deg);transform:rotate(208.8deg)}.c100.p59 .bar{-webkit-transform:rotate(212.4deg);-moz-transform:rotate(212.4deg);-ms-transform:rotate(212.4deg);-o-transform:rotate(212.4deg);transform:rotate(212.4deg)}.c100.p60 .bar{-webkit-transform:rotate(216deg);-moz-transform:rotate(216deg);-ms-transform:rotate(216deg);-o-transform:rotate(216deg);transform:rotate(216deg)}.c100.p61 .bar{-webkit-transform:rotate(219.6deg);-moz-transform:rotate(219.6deg);-ms-transform:rotate(219.6deg);-o-transform:rotate(219.6deg);transform:rotate(219.6deg)}.c100.p62 .bar{-webkit-transform:rotate(223.20000000000002deg);-moz-transform:rotate(223.20000000000002deg);-ms-transform:rotate(223.20000000000002deg);-o-transform:rotate(223.20000000000002deg);transform:rotate(223.20000000000002deg)}.c100.p63 .bar{-webkit-transform:rotate(226.8deg);-moz-transform:rotate(226.8deg);-ms-transform:rotate(226.8deg);-o-transform:rotate(226.8deg);transform:rotate(226.8deg)}.c100.p64 .bar{-webkit-transform:rotate(230.4deg);-moz-transform:rotate(230.4deg);-ms-transform:rotate(230.4deg);-o-transform:rotate(230.4deg);transform:rotate(230.4deg)}.c100.p65 .bar{-webkit-transform:rotate(234deg);-moz-transform:rotate(234deg);-ms-transform:rotate(234deg);-o-transform:rotate(234deg);transform:rotate(234deg)}.c100.p66 .bar{-webkit-transform:rotate(237.6deg);-moz-transform:rotate(237.6deg);-ms-transform:rotate(237.6deg);-o-transform:rotate(237.6deg);transform:rotate(237.6deg)}.c100.p67 .bar{-webkit-transform:rotate(241.20000000000002deg);-moz-transform:rotate(241.20000000000002deg);-ms-transform:rotate(241.20000000000002deg);-o-transform:rotate(241.20000000000002deg);transform:rotate(241.20000000000002deg)}.c100.p68 .bar{-webkit-transform:rotate(244.8deg);-moz-transform:rotate(244.8deg);-ms-transform:rotate(244.8deg);-o-transform:rotate(244.8deg);transform:rotate(244.8deg)}.c100.p69 .bar{-webkit-transform:rotate(248.4deg);-moz-transform:rotate(248.4deg);-ms-transform:rotate(248.4deg);-o-transform:rotate(248.4deg);transform:rotate(248.4deg)}.c100.p70 .bar{-webkit-transform:rotate(252deg);-moz-transform:rotate(252deg);-ms-transform:rotate(252deg);-o-transform:rotate(252deg);transform:rotate(252deg)}.c100.p71 .bar{-webkit-transform:rotate(255.6deg);-moz-transform:rotate(255.6deg);-ms-transform:rotate(255.6deg);-o-transform:rotate(255.6deg);transform:rotate(255.6deg)}.c100.p72 .bar{-webkit-transform:rotate(259.2deg);-moz-transform:rotate(259.2deg);-ms-transform:rotate(259.2deg);-o-transform:rotate(259.2deg);transform:rotate(259.2deg)}.c100.p73 .bar{-webkit-transform:rotate(262.8deg);-moz-transform:rotate(262.8deg);-ms-transform:rotate(262.8deg);-o-transform:rotate(262.8deg);transform:rotate(262.8deg)}.c100.p74 .bar{-webkit-transform:rotate(266.40000000000003deg);-moz-transform:rotate(266.40000000000003deg);-ms-transform:rotate(266.40000000000003deg);-o-transform:rotate(266.40000000000003deg);transform:rotate(266.40000000000003deg)}.c100.p75 .bar{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.c100.p76 .bar{-webkit-transform:rotate(273.6deg);-moz-transform:rotate(273.6deg);-ms-transform:rotate(273.6deg);-o-transform:rotate(273.6deg);transform:rotate(273.6deg)}.c100.p77 .bar{-webkit-transform:rotate(277.2deg);-moz-transform:rotate(277.2deg);-ms-transform:rotate(277.2deg);-o-transform:rotate(277.2deg);transform:rotate(277.2deg)}.c100.p78 .bar{-webkit-transform:rotate(280.8deg);-moz-transform:rotate(280.8deg);-ms-transform:rotate(280.8deg);-o-transform:rotate(280.8deg);transform:rotate(280.8deg)}.c100.p79 .bar{-webkit-transform:rotate(284.40000000000003deg);-moz-transform:rotate(284.40000000000003deg);-ms-transform:rotate(284.40000000000003deg);-o-transform:rotate(284.40000000000003deg);transform:rotate(284.40000000000003deg)}.c100.p80 .bar{-webkit-transform:rotate(288deg);-moz-transform:rotate(288deg);-ms-transform:rotate(288deg);-o-transform:rotate(288deg);transform:rotate(288deg)}.c100.p81 .bar{-webkit-transform:rotate(291.6deg);-moz-transform:rotate(291.6deg);-ms-transform:rotate(291.6deg);-o-transform:rotate(291.6deg);transform:rotate(291.6deg)}.c100.p82 .bar{-webkit-transform:rotate(295.2deg);-moz-transform:rotate(295.2deg);-ms-transform:rotate(295.2deg);-o-transform:rotate(295.2deg);transform:rotate(295.2deg)}.c100.p83 .bar{-webkit-transform:rotate(298.8deg);-moz-transform:rotate(298.8deg);-ms-transform:rotate(298.8deg);-o-transform:rotate(298.8deg);transform:rotate(298.8deg)}.c100.p84 .bar{-webkit-transform:rotate(302.40000000000003deg);-moz-transform:rotate(302.40000000000003deg);-ms-transform:rotate(302.40000000000003deg);-o-transform:rotate(302.40000000000003deg);transform:rotate(302.40000000000003deg)}.c100.p85 .bar{-webkit-transform:rotate(306deg);-moz-transform:rotate(306deg);-ms-transform:rotate(306deg);-o-transform:rotate(306deg);transform:rotate(306deg)}.c100.p86 .bar{-webkit-transform:rotate(309.6deg);-moz-transform:rotate(309.6deg);-ms-transform:rotate(309.6deg);-o-transform:rotate(309.6deg);transform:rotate(309.6deg)}.c100.p87 .bar{-webkit-transform:rotate(313.2deg);-moz-transform:rotate(313.2deg);-ms-transform:rotate(313.2deg);-o-transform:rotate(313.2deg);transform:rotate(313.2deg)}.c100.p88 .bar{-webkit-transform:rotate(316.8deg);-moz-transform:rotate(316.8deg);-ms-transform:rotate(316.8deg);-o-transform:rotate(316.8deg);transform:rotate(316.8deg)}.c100.p89 .bar{-webkit-transform:rotate(320.40000000000003deg);-moz-transform:rotate(320.40000000000003deg);-ms-transform:rotate(320.40000000000003deg);-o-transform:rotate(320.40000000000003deg);transform:rotate(320.40000000000003deg)}.c100.p90 .bar{-webkit-transform:rotate(324deg);-moz-transform:rotate(324deg);-ms-transform:rotate(324deg);-o-transform:rotate(324deg);transform:rotate(324deg)}.c100.p91 .bar{-webkit-transform:rotate(327.6deg);-moz-transform:rotate(327.6deg);-ms-transform:rotate(327.6deg);-o-transform:rotate(327.6deg);transform:rotate(327.6deg)}.c100.p92 .bar{-webkit-transform:rotate(331.2deg);-moz-transform:rotate(331.2deg);-ms-transform:rotate(331.2deg);-o-transform:rotate(331.2deg);transform:rotate(331.2deg)}.c100.p93 .bar{-webkit-transform:rotate(334.8deg);-moz-transform:rotate(334.8deg);-ms-transform:rotate(334.8deg);-o-transform:rotate(334.8deg);transform:rotate(334.8deg)}.c100.p94 .bar{-webkit-transform:rotate(338.40000000000003deg);-moz-transform:rotate(338.40000000000003deg);-ms-transform:rotate(338.40000000000003deg);-o-transform:rotate(338.40000000000003deg);transform:rotate(338.40000000000003deg)}.c100.p95 .bar{-webkit-transform:rotate(342deg);-moz-transform:rotate(342deg);-ms-transform:rotate(342deg);-o-transform:rotate(342deg);transform:rotate(342deg)}.c100.p96 .bar{-webkit-transform:rotate(345.6deg);-moz-transform:rotate(345.6deg);-ms-transform:rotate(345.6deg);-o-transform:rotate(345.6deg);transform:rotate(345.6deg)}.c100.p97 .bar{-webkit-transform:rotate(349.2deg);-moz-transform:rotate(349.2deg);-ms-transform:rotate(349.2deg);-o-transform:rotate(349.2deg);transform:rotate(349.2deg)}.c100.p98 .bar{-webkit-transform:rotate(352.8deg);-moz-transform:rotate(352.8deg);-ms-transform:rotate(352.8deg);-o-transform:rotate(352.8deg);transform:rotate(352.8deg)}.c100.p99 .bar{-webkit-transform:rotate(356.40000000000003deg);-moz-transform:rotate(356.40000000000003deg);-ms-transform:rotate(356.40000000000003deg);-o-transform:rotate(356.40000000000003deg);transform:rotate(356.40000000000003deg)}.c100.p100 .bar{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}