/* ==========================================================================
	Home Page Specific Settings
========================================================================== */
body.landing-page #container-wrap { padding-top:0px !important; }
body.landing-page #header { background:none; position:absolute !important; box-shadow:none; }
body.landing-page #header .login-signup-links a { color:#fff; }
/* body.landing-page #header.fixed-header  { transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
body.landing-page #header.fixed-header .login-signup-links a { color:#4a4548; }
body.landing-page #header.fixed-header { background:#fff; box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.12); } */
body.landing-page #header .logo .tg-white-logo { display:block; }
#header .logo .tg-white-logo { display:none; }
body.landing-page #header .logo .tg-small-logo { display:none; }
/* body.landing-page #header.fixed-header .logo .tg-small-logo { display:block; }
body.landing-page #header.fixed-header .logo .tg-white-logo { display:none; }
body.landing-page #header.fixed-header #global-search-form.active { background:#f2f2f2; } */
body.landing-page #global-search-form { background:none; width:36px; overflow:hidden; cursor:pointer; -webkit-transition: width 0.2s; }
body.landing-page #global-search-form .category-menu { pointer-events:none; background:url(images/tg_images_new/header-search.svg) 10px 8px no-repeat;  }
body.landing-page #global-search-form form{ width:310px; }
body.landing-page #global-search-form.active { width:310px; background-color:rgba(255,255,255,0.7); cursor:default; }
body.landing-page #global-search-form.active .category-menu  { pointer-events:auto; }

/*--- Landing Sections --- */
.landing-sections { padding:40px 0px 32px 0px; }
.landing-sections .button1 { min-width:174px; }
.landing-sections h2 { font-size:28px; font-weight:bold; color:#19171a; }
.landing-sections p.lead { font-size:16px; line-height:25px; color:#666666; font-weight:normal; margin-bottom:24px; }
.landing-sections .stats { margin:0 0 30px; padding:0; list-style:none;}
.landing-sections .stats li { font-size:18px; color:#19171a; float:left; border-right:1px solid #dadada; padding:0px 24px 0px 24px; font-weight:600;}
.landing-sections .stats li small { display:block; color:#666666; font-size:16px; font-weight:normal; margin-top:4px;}
.landing-sections .stats li:first-child { padding-left:0;}
.landing-sections .stats li:last-child { border-right:0;}
.landing-sections .inner-wrap { width:296px; float:right; }

/*--- Tg Landing Banner --- */
#tg-landing-banner { padding:120px 0px 80px 0px; background-image:url(images/tg_images_new/tg-new-banner-re.jpg); background-size:cover; background-repeat:no-repeat; }
#tg-landing-banner h2 { color:#fff; font-size:44px; font-weight:bold; line-height:1; }
#tg-landing-banner p { color:#fff; font-size:16px; }
#tg-landing-banner .info-list { margin:0px; padding:0px; list-style-type:none; }
#tg-landing-banner .info-list li  { font-size:16px; line-height:28px; padding-left:26px; color:#fff; background-image:url(images/tg_images_new/check.svg); background-repeat:no-repeat; background-position:left 6px; }

#tg-landing-banner .register-area  { background:rgba(255,255,255,0.7); padding:16px 24px 24px 24px; width:384px; float:right; border-radius:3px; }
#tg-landing-banner .register-area h5  { margin-bottom:12px; }
#tg-landing-banner .register-area .sociable  { margin-bottom:24px; }
#tg-landing-banner .register-area .sociable a  { width:80px; height:32px; display:inline-block; margin-right:1px; text-align:center; border-radius:3px; text-align:center; line-height:34px; }
#tg-landing-banner .register-area .sociable a.facebook { background:#3b5998; }
#tg-landing-banner .register-area .sociable a.google { background:#dc4e41; }
#tg-landing-banner .register-area .sociable a.google { background:#dc4e41; }
#tg-landing-banner .register-area .sociable a.github { background:#161514; }
#tg-landing-banner .register-area .sociable a.linkedin { background:#0077b5; }
#tg-landing-banner .register-area .sociable a:last-child  { margin-right:0px; }
#tg-landing-banner .register-area .sociable p { margin-bottom:0px; }
#tg-landing-banner .register-area #newsletter-form { padding:0px; height:32px; padding:0px; border-radius:0px; }
#tg-landing-banner .register-area #newsletter-form form { padding:0px; border-radius:0px; }
#tg-landing-banner .register-area #newsletter-form .button1 { width:96px; border-radius:0px 3px 3px 0px; }
#tg-landing-banner .register-area #newsletter-form input[type="text"] { width:240px; background:#fff; padding:0px 8px;border-radius:3px 0px 0px 3px;  }
#tg-landing-banner .register-area #newsletter-form .error_msg { clear:both; }

/*--- Annual Events --- */
#annual-events { background:#fff; }
#annual-events h2 { margin-bottom:24px; }
#annual-events .main-event { padding:40px 30px; border-radius:4px; position:relative; background-size:cover; margin-bottom:20px; }
#annual-events .main-event .overlay { width:100%; height:100%;  position:absolute; left:0px; top:0px; border-radius:4px;  }
#annual-events .main-event .main-event-box { opacity:0.97; border-radius:6px; background-color:#fefefe; padding:16px; }
#annual-events .main-event .main-event-box.detailed-info-box .content { padding:18px 0px 0px 0px; border-radius:0; box-shadow:none; }
#annual-events .main-event .main-event-box.detailed-info-box.detailed-info-box .details h3 { margin-bottom:12px; }
#annual-events .main-event .main-event-box.detailed-info-box.detailed-info-box .details p { margin-bottom:20px; }
#annual-events .main-event.tg3-event,#annual-events .tg3-event .banner { background:url(images/tg_images_new/tg3-event-image.jpg); background-size:cover; background-repeat:no-repeat;  }
#annual-events .tg3-event .overlay { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.26) 11%, rgba(0, 0, 0, 0.53)); background-color:rgba(236, 104, 165, 0.4);}
#annual-events .main-event.vcl-event ,#annual-events .vcl-event .banner { background:url(images/tg_images_new/vcl-event-image.JPG); background-repeat:no-repeat; background-size:cover;}
#annual-events .vcl-event .overlay { background-color: rgba(0, 0, 0, 0.36); }
#annual-events .main-event.cg-event, #annual-events .cg-event .banner  { background:url(images/tg_images_new/cg-event-image.JPG); background-repeat:no-repeat; background-size:cover; }
#annual-events .cg-event .overlay { background-color: rgba(4, 118, 167, 0.4); }


/*--- Detailed Info Box --- */
.detailed-info-box { position:relative; padding-bottom:8px; }
.detailed-info-box .action-link { float:right; font-size:14px; font-weight:600;}
.detailed-info-box .content { padding:16px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12); border-radius:0px 0px 3px 3px; }
.detailed-info-box .content header { padding-bottom:16px; }
.detailed-info-box .content p { height:60px; overflow:hidden; }
.detailed-info-box .banner { height:135px; width:100%; background-color:#f8f8f8; border-radius:3px 3px 0px 0px; background-size:cover; background-position:left center; background-color: rgba(0, 0, 0, 0.36);}
.detailed-info-box .banner .overlay { height:135px; width:100%;  position:absolute; left:0px; top:0px; border-radius:3px 3px 0px 0px; }

.detailed-info-box .details { padding-left:72px;  }
.detailed-info-box .details .block { font-size:14px; line-height:20px; color:#4a4548; margin-right:40px; display:inline-block; }
.detailed-info-box .details .block:last-child { margin-right:0px; }
.detailed-info-box .details .block .icon { margin-right:8px; display:inline-block; width:16px; height:16px; vertical-align:text-bottom; background-image:url(images/tg_images_new/sprites.svg); background-repeat:no-repeat;  }
.detailed-info-box .details .block .icon.calender { background-position:-68px -376px;}
.detailed-info-box .details .block .icon.trophy { background-position:-92px -376px;}
.detailed-info-box .details h5 { margin-bottom:4px; font-size:16px; }
.detailed-info-box .details h3 { margin-bottom:8px; }
.detailed-info-box .content { padding-top:18px;  }
.detailed-info-box .image { float:left; width:56px; height:56px; border-radius:3px; border:1px solid #dadada; background:#fff; line-height:52px; text-align:center; }
.detailed-info-box .image img { max-width:48px; max-height:48px; }

.trending-test { margin-top:16px; position:relative; }
.trending-test ul { margin:0; padding:0; list-style:none;}
.trending-test .detailed-info-box .banner { height:110px; }
.trending-test .detailed-info-box .details .block { color:#8a858d;; }

/*--- Users Word --- */
#users-word { background:#f8f8f8; }
#users-word .slides { position:relative; }
#users-word  ul { margin:0; padding:0; list-style:none;}
#users-word h2 { margin-bottom:32px; }
#users-word .box-default { margin-left:33px; padding-top:24px; margin-bottom:24px; border-radius:6px; }
#users-word .box-default.no-margin { margin-bottom:0px; }
#users-word .box-default .content { margin-left:-46px; }
#users-word blockquote { border:none; padding:0px; margin:0px; margin-left:87px; }
#users-word blockquote p { font-size:16px; color:#19171a; margin-bottom:24px; height:100px; overflow:hidden; }
#users-word blockquote p.cite { font-size:14px; color:#696969; margin-bottom:0px; font-weight:600; height:auto; }
#users-word blockquote p.cite cite { font-style:normal; }
#users-word blockquote p.cite small { font-size:12px; color:#666666; font-weight:normal; }
#users-word blockquote p.cite small:before { display:none; }
#users-word .image { box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12); border: solid 2px #ffffff; border-radius:50%; width:72px; height:72px; float:left; background:#f7f7f7;}
#users-word .image img { width:68px; height:68px; border-radius:50%; }
#users-word .controls { display:none; }
#users-word .controls a { border:2px solid #ae2d43; }
#users-word .controls a:hover, #intro-section .controls a.activeSlide { background:#ae2d43;}

/*--- Skill Quotient --- */
#skill-quotient { background:#f8f8f8; }

/*--- Compete Achieve --- */
#compete-achieve { background:#fff; }
#compete-achieve h2 { margin-top:24px; }
#compete-achieve .computer-image { margin-right:-64px; margin-bottom:40px;}

/*--- Practice Level Up --- */
#practice-level-up { background:#f8f8f8;  }
#practice-level-up h2 { margin-top:24px; }
#practice-level-up .fade-slider { margin-bottom:24px; }
#practice-level-up .fade-slider .previous-btn, #practice-level-up .fade-slider .next-btn { margin-top:-14px; }

/*--- Topic List --- */
.topic-list { width:296px; margin:0 auto; }
.topic-list ul { margin:0px; padding:0px; list-style-type:none; background:#fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); border-radius:6px; }
.topic-list ul li { margin:0px; padding:0px; list-style-type:none; float:left; width:25%; border-right:1px solid #e7e7e7; height:76px; padding:8px; text-align:center; display:table; }
.topic-list ul li .inner { display:table-cell; vertical-align:middle; }
.topic-list ul li figure { width:32px; height:32px; margin:0px auto 4px auto; }
.topic-list ul li figure img { max-width:32px; max-height:32px; }
.topic-list ul li p { font-size:10px; color:#8a858d; line-height:12px; margin:0px; }
.topic-list ul li a { font-size:12px; line-height:16px; font-weight:600; width:100%; height:100%;  }
.topic-list ul li:last-child { padding:0px; border:none; }
.topic-list ul li:last-child p a { display:table-cell; width:100%; height:76px; vertical-align:middle; }

.topic-list table { width:100%; background:#fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); border-radius:6px; }
.topic-list table td { width:25%; border-right:1px solid #e7e7e7; height:76px; padding:8px; text-align:center; font-size:10px; color:#8a858d; line-height:12px;}
.topic-list table td a { color:#8a858d; }
.topic-list table td:last-child { border-right:none; }
.topic-list table td figure { margin:0px auto 4px auto; }
.topic-list table td figure img { width:32px; height:32px; }
.topic-list table td a.see-more { font-size:12px; line-height:16px; font-weight:600; color:#d7263d; display:block; }

/*--- Live Event Promo --- */
.live-event-promo  { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.19); position:relative; background:#eaeaea; }
.live-event-promo .live-now { display:inline-block; background:#e42630; color:#fff; font-size:12px; line-height:1; width:70px ; text-align:center; margin-bottom:8px; border-radius:15px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); height:16px;}
.live-event-promo .live-now .round { display:inline-block; width:6px; height:6px; background:#fff; border-radius:50%; margin-right:4px; }
.live-event-promo .button1 { min-width:142px; }
.live-event-promo .event-details { background:#fff; height:108px; padding-right:24px; padding-top:7px; position:relative; }
.live-event-promo .event-details:before { content:""; background:#fff; width:1000px; height:100%; position:absolute; left:-1000px; top:0px; } 
.live-event-promo .event-details .event-logo { max-width:120px; max-height:48px; }
.live-event-promo .event-details h3 { margin-bottom:4px; font-weight:bold; }
.live-event-promo .event-details p { margin:0px; }
.live-event-promo .event-sponsors { background:#eaeaea; height:108px; padding:24px 0px 24px 24px; position:relative; }
.live-event-promo .event-sponsors p { font-size:12px; color:#5c5c5c; margin-bottom:8px; }
.live-event-promo .event-sponsors ul { margin:0px; padding:0px; list-style-type:none; }
.live-event-promo .event-sponsors ul li { float:left; margin-right:16px; }
.live-event-promo .event-sponsors ul li:last-child { margin-right:0px; }
.live-event-promo .event-sponsors ul li img { max-width:55px; max-height:20px; }

/*--- Faded Slider --- */
.fade-slider  { width:304px; height:136px; margin:0px auto; position:relative; border-radius: 6px;}
.fade-slider .caroufredsel_wrapper  { height:144px !important; width:304px !important;}
.fade-slider .image { float:left; width:64px; height:64px; border-radius:3px; border:1px solid #dadada; background:#fff; line-height:60px; text-align:center; float:right; }
.fade-slider .details { margin-right:76px; }
.fade-slider .details h5 { margin-bottom:4px; }
.fade-slider .details p { color:#8a858d; margin-bottom:4px; }
.fade-slider .details p span { color:#4a4548; margin-left:8px; }
.fade-slider .image img { width:56px; height:56px; border-radius:3px; }
.fade-slider ul { margin:0px;  height:136px; overflow:hidden; padding:0px; list-style-type:none; }
.fade-slider ul li {  position:relative; min-width:304px; float:left;}
.fade-slider ul li .slider-box { padding:16px; height:136px; background-color: #ffffff;  border-radius:5px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); margin:4px; }
.fade-slider ul li .inner-content { height:85px; overflow:hidden; margin-bottom:4px; }
.fade-slider ul li .action-link { font-size:14px; font-weight:600; text-decoration:none;  }
.fade-slider .previous-btn,.fade-slider .next-btn { width:40px; height:40px; display:inline-block; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); border-radius:50%; position:absolute; top:50%; margin-top:-20px; background:#f8f8f8 url(images/tg_images_new/sprites.svg) no-repeat; }
.fade-slider .previous-btn { left:0px; margin-left:-23px; background-position:2px -364px; }
.fade-slider .next-btn { right:0px; margin-right:-23px; background-position:-26px -364px;}

/*--- Slider --- */
.landing-page .slider .previous-btn,.landing-page .slider .next-btn { width:40px; height:40px; display:inline-block; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); border-radius:50%; position:absolute; top:50%; margin-top:-20px; background:#f8f8f8 url(images/tg_images_new/sprites.svg) no-repeat; }
.landing-page .slider .previous-btn { left:0px; margin-left:-25px; background-position:2px -364px; }
.landing-page .slider .next-btn { right:0px; margin-right:-25px; background-position:-26px -364px;}
.landing-page .slider ul li { float:left;}

@media (max-width:992px) {
	
/*--- Tg Landing Banner  --- */
#tg-landing-banner .register-area { padding:16px; width:368px; }
#tg-landing-banner h2 { font-size:34px; }
}

@media (max-width:768px) {
/*--- Landing Sections  --- */
.landing-sections h2 { font-size:24px; }
.landing-sections .inner-wrap { float:none; width:100%;}

/*--- Detailed Info Box  --- */
.detailed-info-box .details .block { display:block; margin:0px; margin-bottom:8px; }

/*--- Annual Events  --- */
#annual-events .detailed-info-box { margin-bottom:16px; }
#annual-events .main-event { padding:16px; }
#annual-events .main-event.detailed-info-box { margin-bottom:0px; }

/*--- Skill Quotient  --- */
#skill-quotient .fade-slider { margin-top:50px; }

/*--- Compete Achieve  --- */
#compete-achieve { background-image:none; }
#compete-achieve .col-sm-6.text-right { text-align:center; }
#compete-achieve .computer-image { margin-right:0px; margin-top:20px;  }
#annual-events .detailed-info-box .content p { height:auto; }

/*--- Practice Level Up  --- */
#practice-level-up .col-sm-7 { margin-bottom:40px; }
#practice-level-up h2,#compete-achieve h2 { margin-top:0px; }
#practice-level-up .inner-wrap { padding-top:20px; }

/*--- Live Event Promo  --- */
.live-event-promo .event-details { padding:16px 0px; border-bottom:1px solid #dadada; height:auto; margin:0px 10px; }
.live-event-promo { background:#fff; }
.live-event-promo .event-sponsors { height:auto;background:#fff; padding:8px 10px; }

/*--- Tg Landing Banner  --- */
#tg-landing-banner { padding:75px 0 24px 0; } 
#tg-landing-banner .register-area { display:none; }
#tg-landing-banner h2 { font-size:32px;}
#tg-landing-banner .info-list li,#tg-landing-banner p { font-size:14px; }
#tg-landing-banner .info-list { margin-bottom:16px;}

/*--- Users Word  --- */
#users-word .slides  { padding:0 16px 0 0; }
#users-word .slides .inner-slide { padding-bottom:8px;}
#users-word blockquote p { height:auto; margin-bottom:24px; }

/*--- Trending Hackathons Challenges --- */
#trending-hackathons-challenges { padding:0px 10px;}
#trending-hackathons-challenges .detailed-info-box .details h5 { height:38px;}

/*--- Slider --- */
.fade-slider { width:275px; }
.fade-slider .caroufredsel_wrapper { width:275px !important; }
.fade-slider ul li { min-width:275px; }


.landing-sections .stats li small { font-size:14px; }
.landing-page .slider .previous-btn { margin-left:-10px; }
.landing-page .slider .next-btn { margin-right:-10px; }
.landing-page #header .logo { margin-left:0px; }
body.landing-page #global-search-form.active { width:260px; background-color:rgba(255,255,255,1); }

}