/* ========================================================================== 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:'lato', Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4; overflow-x:hidden; background:#ffffff; } body.landing-page { background:#565ec1 url(images/tg3_images/tg3-bg.jpg) left top no-repeat; background-size:100% 1500px;} body > iframe { visibility:hidden; position:absolute;} /* * Headings */ h1, h2, h3, h4, h5, h6 { font-family:'open_sanssemibold', Arial, Helvetica, sans-serif; font-weight:normal; color:#d73c88; text-rendering: optimizeLegibility; margin-top:0px; } h4 a { color:#2572b9;} h1 { color:#303565; font-size:30px;} h2 { font-size:28px; margin-bottom:30px; color:#303565;} .heading1 { font-size:28px;} h3 { font-size:24px; margin-bottom:10px;} h4 { font-size:20px; margin-bottom:20px;} h5 { font-size:18px; margin-bottom:15px;} h6 { font-size:16px; margin-bottom:15px;} p { font-size:14px; color:#424242; line-height:20px; margin-bottom:20px;} p a { color:#dcb000;} /* * Paragraphs */ p { font-weight: normal; margin-top:0px; } /* * Links */ a { color: #2ba6cb; text-decoration: none; line-height: inherit; } a:hover { color: #dcb000; text-decoration:none; } a:focus { color: #dcb000; 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; } hr.divider:after { content:""; display:block; background:url(../images/code_battle_images/arrow2.png) left top no-repeat; width:24px; height:24px; position:absolute; left:50%; margin-left:-12px; top:-13px;} /* * 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: 'helvetica_condensed_bold'; src: url('techgig_resource/cand/fonts/helvetica-condensed-bold.eot'); src: url('techgig_resource/cand/fonts/helvetica-condensed-bold.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/helvetica-condensed-bold.woff') format('woff'), url('techgig_resource/cand/fonts/helvetica-condensed-bold.ttf') format('truetype'), url('techgig_resource/cand/fonts/helvetica-condensed-bold.svg#helvetica-condensed-bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'lato'; src: url('techgig_resource/cand/fonts/lato-black-webfont.eot'); src: url('techgig_resource/cand/fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/lato-black-webfont.woff2') format('woff2'), url('techgig_resource/cand/fonts/lato-black-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/lato-black-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/lato-black-webfont.svg#latoblack') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'lato'; src: url('techgig_resource/cand/fonts/lato-bold-webfont.eot'); src: url('techgig_resource/cand/fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/lato-bold-webfont.woff2') format('woff2'), url('techgig_resource/cand/fonts/lato-bold-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/lato-bold-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/lato-bold-webfont.svg#latobold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'lato'; src: url('techgig_resource/cand/fonts/lato-italic-webfont.eot'); src: url('techgig_resource/cand/fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/lato-italic-webfont.woff2') format('woff2'), url('techgig_resource/cand/fonts/lato-italic-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/lato-italic-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/lato-italic-webfont.svg#latoitalic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'lato'; src: url('techgig_resource/cand/fonts/lato-light-webfont.eot'); src: url('techgig_resource/cand/fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/lato-light-webfont.woff2') format('woff2'), url('techgig_resource/cand/fonts/lato-light-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/lato-light-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/lato-light-webfont.svg#latolight') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'lato'; src: url('techgig_resource/cand/fonts/lato-regular-webfont.eot'); src: url('techgig_resource/cand/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/lato-regular-webfont.woff2') format('woff2'), url('techgig_resource/cand/fonts/lato-regular-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/lato-regular-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/lato-regular-webfont.svg#latoregular') 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: 'rupee_foradian'; src: url('techgig_resource/cand/fonts/Rupee_Foradian-webfont.eot'); src: url('techgig_resource/cand/fonts/Rupee_Foradian-webfont.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/Rupee_Foradian-webfont.woff2') format('woff2'), url('techgig_resource/cand/fonts/Rupee_Foradian-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/Rupee_Foradian-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/Rupee_Foradian-webfont.svg#rupee_foradianregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'monotype_corsiva'; src: url('techgig_resource/cand/fonts/MonotypeCorsiva_gdi.eot'); src: url('techgig_resource/cand/fonts/MonotypeCorsiva_gdi.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/MonotypeCorsiva_gdi.woff') format('woff'), url('techgig_resource/cand/fonts/MonotypeCorsiva_gdi.ttf') format('truetype'), url('techgig_resource/cand/fonts/MonotypeCorsiva_gdi.svg#MonotypeCorsiva-Regular') format('svg'); font-weight: 400; font-style: italic; } /* ========================================================================== Layout ========================================================================== */ /* Container ---------------------- */ #container-wrap { min-width:320px; 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-top:58px;} #container-wrap .container { width:100%; max-width:100%;} .codehire #container-wrap { padding-top:58px;} .codehire .user-info-bar { padding-left:10px; margin-bottom:30px;} /* Header ---------------------- */ #header { height:58px; background:#454c8a; position:fixed; left:0; top:0; width:100%; z-index:1000; padding:10px 0; box-shadow:none;} body.landing-page #header { background:url(images/tg3_images/header-bg.png) left top repeat;} body.landing-page #header.fixed { background:#454c8a;} .codehire #header .container { width:100%;} /*--- Sidebar Panel --- */ #sidebar-panel { position:fixed; left:0; top:58px; height:100%; background:#5861c3; width:92px; border-right:1px solid #8188d6; z-index:100;} #sidebar { display:none !important;} /*--- Main Panel --- */ #main-panel { margin-left:92px;} #main-panel .inner-main { float:left; width:100%; padding:20px; height:auto !important;} body.landing-page #main-panel .inner-main, #openparticipation-page #main-panel .inner-main, body.company-landing-page #main-panel .inner-main, body.steps-page #main-panel .inner-main, .contactus-page #main-panel .inner-main{ padding:0;} #main .inner-main { padding:0;} /* Banner ---------------------- */ /*#banner { position:relative; background:url(images/tg3_images/banner-bg.jpg) center center no-repeat; height:302px; background-size:cover; display:table; width:100%; margin-bottom:22px;}*/ #banner { position:relative; background:url(images/tg3_images/finale-banner-bg.jpg) center center no-repeat; height:420px; background-size:cover; display:table; width:100%; margin-bottom:22px;} /* Content ---------------------- */ #content {} /* ========================================================================== Common Functionalities & UI Elements ========================================================================== */ /*--- Header --- */ #header .logo { width:94px; padding-top:0;} #header .logo h1 { margin:0; font-size:16px; color:#ffcc00; text-transform:uppercase; font-weight:normal;} #header .logo h1 small { font-size:14px; font-family:'lato', Arial, Helvetica, sans-serif;} #header .logo h1 img { display:block; float:left;} #header .logo h1 span { font-size:13px;} .top-sponsors { padding-left:30px;} .top-sponsors p { color:#d2d2d2; font-size:14px; line-height:35px;} .top-sponsors p .block { display:inline-block;} .top-sponsors p img { vertical-align:middle; margin-left:15px;background:#fff; max-height:37px;} .top-sponsors .spacer { width:20px; display:inline-block;} .top-sponsors p br { display:none;} .finalelist-page .top-sponsors.for-landing { margin-bottom:15px; padding:0 10px 0;} .finalelist-page .top-sponsors.for-landing h4 { color:#fff; line-height:22px;} .finalelist-page .top-sponsors.for-landing .title-sponsors { float:left;} .finalelist-page .top-sponsors.for-landing .powered-by { float:right;} .finalelist-page .top-sponsors.for-landing img { max-height:37px;} .finalelist-page .top-sponsors.for-landing a { display:inline-block; border-radius:3px; background:#fff; padding:3px; width:173px; height:43px; margin:0 5px; background:#fff;} #header .pledge-now { position:absolute; left:-60px; top:-170px; width:282px; z-index:5; height:242px; padding:15px 20px 20px; background:url(images/tg3_images/pledge-bg1.png) top center no-repeat; 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;} #header .pledge-now h3 { text-transform:uppercase; color:#000; margin-bottom:8px; font-family:'lato', Arial, Helvetica, sans-serif; font-weight:bold;} #header .pledge-now p { color:#000000; margin-bottom:7px;} #header .pledge-now .count { font-size:36px; color:#e4146b; text-transform:uppercase; display:block; line-height:36px; font-family:'open_sanssemibold', Arial, Helvetica, sans-serif; font-weight:bold;} #header .pledge-now.active { top:-10px; background:url(images/tg3_images/pledge-bg.png) top center no-repeat;} #header .pledge-now .pledge-link { width:92px; height:82px; display:block; position:absolute; left:50%; margin-left:-49px; bottom: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;} #header .user-area { float:right; position:relative; z-index:10; padding-top:0; margin-left:0;} #header .user-area p { line-height:38px; float:left; color:#d2d2d2; margin-bottom:0;} #header .user-area p a { color:#d2d2d2;} #header .user-area a { margin:0 15px;} #header .user-area a.btn { margin-right:0; padding:8px 25px;} #header .user-area a.user { font-size:13px; color:#fff; margin:0; margin-top:8px; display:block;} #header .user-area .dropdown { margin:0; list-style:none; position:absolute; right:0; top:20px; padding:10px 0 0 0; width:120px; display:none;} #header .user-area:hover .dropdown { display:block;} #header .user-area .dropdown li { border-bottom:1px solid #565d94; float:none; margin-left:0;} #header .user-area .dropdown li:last-child { border-bottom:0;} #header .user-area .dropdown li a { display:block; background:#656ba1; padding:8px; font-size:13px; color:#fff; margin: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;} #header .user-area .dropdown li a:hover { background:#565d94;} /*--- Main Navigation --- */ #main-navigation { float:none;} #main-navigation ul { margin:0; padding:0;} #main-navigation ul li { display: block; float: none; height: auto; margin-left: 0;} #main-navigation ul li.invites { display: block !important;} #main-navigation ul li a { display:block; line-height:19px; border-top:0; white-space:nowrap; padding:7px 3px; font-size:14px; color:#d2d2d2; 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;} #main-navigation ul li a:hover, #main-navigation ul li.active a { color:#e3ba1e; border-top:0; text-decoration:none; outline:none; background:#4d55b2;} #main-navigation ul li a:hover .tg3-icon, #main-navigation ul li.active a .tg3-icon { opacity:1;} #main-navigation ul li .tg3-icon { display:block; margin:0 auto;} #main-navigation .menu-btn { border:0; width:30px; height:30px; padding:0 5px; background:none; display:none; z-index:101; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #main-navigation .menu-btn span.line { display:block; opacity:1; width:26px; margin:5px 0; height:2px; background:#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; position:relative;} /*--- Banner --- */ body.company-landing-page #banner { margin-bottom:0;} body.company-landing-page .tg3-big-logo { background:#fff; padding:2px 5px;} #banner .inner-banner { display:table-cell; vertical-align:bottom; text-align:center;} #banner .finale-img { position:relative; max-width:699px; width:100%; margin:0 auto;} #banner .finale-img .prizes-badge { position:absolute; top:90px; right:-106px;} #banner .content { width:489px; height:152px; z-index:15; margin:0 auto -101px; position:relative; background:url(images/tg3_images/finale-content-bg.png) top center no-repeat; padding:15px 45px;} #banner .content h3 { font-size:26px; color:#252122; text-transform:uppercase;} #banner .content p { font-size:26px; color:#ffffff;} #banner .content .btn { text-transform:uppercase; padding:10px 30px;} #banner .winners-list .number { font-size:30px; margin-bottom:5px; display:block;} #banner .winners-list h2 { font-size:36px; color:#fff;} #banner .winners-list h5 { margin-bottom:4px;} #banner .winners-list p { margin-bottom:0;} #banner .winners-list h6 {font-family: 'lato'; font-size:15px;} #banner .winners-list h6 span,#banner .winners-list p span { color:#999;} #banner .winners-list ul { margin:0; padding:0; list-style:none;} #banner .winners-list ul li { width:20%; float:left; padding:0 20px;} #banner .winners-list .thumbnail { border:0; height:200px; background:#fff;} /*--- Branding Engagement --- */ .branding-engagement h4 { font-family:'lato', Arial, Helvetica, sans-serif; font-weight:200; color:#d6d8f0;} /*--- Layout1 Specific --- */ body.layout1 #footer { padding-left:0;} body.layout1 #why-participate { padding:30px; margin-bottom:30px; background:#fcfcfc;} body.layout1 #why-participate h2 { color:#d73c88;} body.layout1 .top-bar { height:100px;} body.layout1 .logo h1 { font-size:18px;} body.layout1 .logo h1 span { margin:0 20px;} /*--- Page Head --- */ .page-head { text-align:center; border-bottom:1px solid #dadada; margin-bottom:25px; padding-top:10px;} .page-head h2{ color:#303565;} /*--- Latest Updates --- */ /* #latest-updates { margin-bottom:24px;} #latest-updates .nav-tabs { border:0;} #latest-updates .nav-tabs > li { width:33.333%; margin-bottom:0;} #latest-updates .nav-tabs > li > a { border:0; border-radius:0; margin-right:0; border-top:2px solid #767ece; background:rgba(88,100,189,0.7); font-size:16px; color:#ffcc00; padding:15px 25px; 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; border-right:1px solid #767ece;} #latest-updates .nav-tabs > li > a .number { display:block; font-size:30px; color:#fff; font-weight:bold; line-height:24px;} #latest-updates .nav-tabs > li > a .tg3-icon { margin-top:6px; float:left; margin-right:15px; } #latest-updates .nav-tabs > li.active > a, #latest-updates .nav-tabs > li.active > a:focus, #latest-updates .nav-tabs > li.active > a:hover { background:rgba(62,75,169,0.7); color:#ffcc00; border:0; border-top:2px solid #3e4ba9;} #latest-updates .nav > li > a:focus, #latest-updates .nav > li > a:hover { background:#767ece; border-top:2px solid #767ece;} #latest-updates .nav > li > a:focus .tg3-icon, #latest-updates .nav > li > a:hover .tg3-icon, #latest-updates .nav-tabs > li.active > a .tg3-icon{ opacity:1;} #latest-updates .nav-tabs > li:last-child a { border-right:0;} #latest-updates .tab-content { padding:18px 10px 22px; background:rgba(62,75,169,0.7); min-height:235px;} #latest-updates .tab-content > .tab-pane { display:block; position:absolute; visibility:hidden;} #latest-updates .tab-content > .active { display:block; position:relative; visibility:visible;} #latest-updates .caroufredsel_wrapper {height:420px !important; height:195px !important;} #latest-updates .coming-soon { font-size:40px; color:#fff; line-height:175px;}*/ #latest-updates { margin-bottom:20px;} #latest-updates .nav-tabs { border:0;} #latest-updates .nav-tabs > li { width:33.333%; margin-bottom:0;} #latest-updates .nav-tabs > li > a { border:0; border-radius:0; margin-right:0; border-top:2px solid #767ece; background:rgba(88,100,189,0.7); font-size:16px; color:#ffcc00; padding:15px 25px; 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; border-right:1px solid #767ece;} #latest-updates .nav-tabs > li > a .number { display:block; font-size:30px; color:#fff; font-weight:bold; line-height:24px;} #latest-updates .nav-tabs > li > a .tg3-icon { margin-top:6px; float:left; margin-right:15px; } #latest-updates .nav-tabs > li.active > a, #latest-updates .nav-tabs > li.active > a:focus, #latest-updates .nav-tabs > li.active > a:hover { background:rgba(62,75,169,0.7); color:#ffcc00; border:0; border-top:2px solid #3e4ba9;} #latest-updates .nav > li > a:focus, #latest-updates .nav > li > a:hover { background:#767ece; border-top:2px solid #767ece;} #latest-updates .nav > li > a:focus .tg3-icon, #latest-updates .nav > li > a:hover .tg3-icon, #latest-updates .nav-tabs > li.active > a .tg3-icon{ opacity:1;} #latest-updates .nav-tabs > li:last-child a { border-right:0;} #latest-updates .tab-content { padding:18px 10px 22px; background:rgba(62,75,169,0.7); min-height:460px;} #latest-updates .tab-content > .tab-pane { height:439px;} #latest-updates .caroufredsel_wrapper { height:420px !important;} #latest-updates .coming-soon { font-size:40px; color:#fff; line-height:400px;} .pp_pic_holder .pp_social { display:none;} /*--- Table-responsive --- */ .table-responsive { overflow-x:visible;} /*--- My Profile --- */ #my-profile .profile-pic figure { margin-bottom:10px;} #my-profile .profile-pic .change-pic { font-size:12px; color:#303565;} #my-profile .user-details { margin-bottom:30px;} #my-profile .user-details h4 { color:#303565; margin-bottom:5px;} #my-profile h5 { font-size:20px; color:#303565; margin-bottom:10px; font-weight:normal;} #my-profile h6 { font-size:18px; color:#303565; margin-bottom:15px; font-weight:normal;} #my-profile .user-details h5 span { display:block;} #my-profile .user-details p { font-size:18px; color:#8d8d8d;} #my-profile .user-details p small { font-size:16px;} #my-profile .user-details .contest-status { margin:0; padding:15px 0 0; list-style:none; margin-bottom:48px;} #my-profile .user-details .contest-status li { float:left; margin-right:22px; font-size:16px; color:#303565;} #my-profile .user-details .contest-status li a { color:#303565;} #my-profile .user-details .contest-status li strong { font-size:26px; font-weight:normal; line-height:16px;} #my-profile .user-details .contest-status li img { vertical-align:baseline; margin-right:10px;} #my-profile .progress { border:1px solid #dae4e7; overflow:visible; height:auto; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px 15px; margin-bottom:15px; min-height:65px;} #my-profile .progress .progress-bar { height:13px; display:block; position:relative; background:#dadada; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; margin-bottom:12px; width:100%; border:0;} #my-profile .progress .progress-bar .inner { height:13px; display:block; position:relative; background:#757bb2; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;} #my-profile .progress a.complete-profile { font-size:14px; color:#ffcc00; text-decoration:underline; display:inline-block; margin-bottom:3px;} #my-profile .progress .value { display:block; width:60px; text-align:center; padding:5px; background:#757bb2; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:16px; color:#fff; position:absolute; right:0; top:-60px; } #my-profile .sociable { text-align:center;} #my-profile .sociable h6 { text-align:center;} #my-profile .sociable a { margin:0 2px;} #my-profile dl { font-size:16px; color:#303565; line-height:35px; margin:0;} #my-profile dl a { color:#303565;} #my-profile dl dt { width:185px; text-align:right; display:block; float:left; clear:left;} #my-profile dl dd { display:block; margin-left:10px; float:left; color:#747474; font-weight:normal;} #my-profile .profile-pic{ text-align:center;} #my-profile .profile-pic figure { width:130px; height:130px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block; margin:0 auto 12px;} #my-profile .profile-pic figure span { vertical-align:middle; word-spacing:-10px; width:130px; height:130px; text-align:center; line-height:130px; text-transform:uppercase; font-size:50px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; color:#fff; display:block;} #my-profile .profile-pic figure img { position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width:130px; height:130px;} #my-profile .profile-pic .edit-pic { display:none; width:100%; height:100%; background:url(images/cg2015_images/edit-icon.png) center center no-repeat; background-color:rgba(0, 0, 0, 0.5); position:absolute; left:0; top:0; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; border-radius:50%; border-radius:50%; border-radius:50%;} #my-profile .profile-pic figure:hover .edit-pic { display:block;} #my-profile .edit-info { background:url(images/cg2015_images/edit-icon1.png) left top no-repeat; padding-left:28px; color:#303565; line-height:28px; font-size:13px; float:right; display:inline-block; text-decoration:underline;} /*--- Alert Info --- */ .alert-info {border: 1px solid #bce8f1; z-index:10; color:#31708f; background:#d9edf7; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin:0; padding: 10px; display:none; position:relative; margin-bottom:16px;} .border-error-msg {border: 1px solid #ff0000!important; } .alert-info-error-msg, #query-form .redalert {border: 1px solid #ebccd1; z-index:10; color:#a94442; background:#f2dede; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin:0; padding: 5px; margin-top:7px; position:relative; margin-bottom:5px; font-size:12px; display:block;} #query-form .redalert { clear:both; top:10px; position:relative;} .alert-info-success-msg {border: 1px solid #d6e9c6; z-index:10; color:#3c763d; background:#dff0d8; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin:0; padding: 5px; margin-top:7px; position:relative; margin-bottom:5px; font-size:12px; display:block;} .alert-info-error {border: 1px solid #ebccd1; z-index:10; color:#a94442; background:#f2dede; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin:0; padding: 10px; display:none; position:relative; margin-bottom:16px;} .alert-info.alert-popup, .alert-info-error.alert-popup { position:absolute; width:100%; left:0; top:0;} .alert-info .close, .alert-info-error .close { right:5px; top:5px; position:absolute; width:15px; height:15; display:block;} .alert-info .close .fa, .alert-info-error .close .fa { font-size:16px; color:#999; vertical-align:top;} .alert-info .close:hover .fa, .alert-info-error .close:hover .fa { color:#333;} /*--- Invite-friend-popup --- */ .l2_overlay_bx.invite-friend-popup { top:0 !important;} .lay-send-inv a.send-inv { position:relative; background:#e4146b; color:#fff; text-align:center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none; border:0; padding:7px 12px; margin-right:37px;} .lay-send-inv a.send-inv:hover, .lay-send-inv a.send-inv:focus, .lay-send-inv a.send-inv:active { color:#fff; background:#cd0c5d; outline:none;} .lay-send-inv { margin-bottom:15px;} /*--- Associate Sponsors --- */ #associate-sponsors ul { margin:0; padding:0; list-style:none;} #associate-sponsors ul li { float:left; margin:0 15px; line-height:48px; text-align:center;} #associate-sponsors ul li img { max-width:80%;} /*--- Supporting Sponsors --- */ #supporting-sponsors ul li { height:80px; text-align:center; float:left;} #supporting-sponsors ul li a { display:block; line-height:72px; float:left; width:50%; padding:5px; margin-bottom:10px;} #supporting-sponsors ul li a img { vertical-align:middle;} #supporting-sponsors .title-sponsors a { margin-bottom:10px; display:inline-block;} #supporting-sponsors .title-sponsors a:last-child { margin-bottom:0;} /*--- Widget --- */ .widget { text-align:center; margin-bottom:25px;} .widget:last-child {margin-bottom:0;} .widget ul { margin:0; padding:0; list-style:none;} .widget header { background:rgba(62,75,169,0.7); padding:10px; border-top:2px solid #7a85d4;} .widget header h5 { font-size:17px; color:#fff; font-weight:200; margin-bottom:0; font-family:'lato', Arial, Helvetica, sans-serif;} .widget .content { background:#ffffff; padding:27px 15px;} /*--- Videos --- */ #videos { position:relative;} /*--- Rotateslider --- */ .rotateslider-container{position:relative;width:100%;height:198px;margin-left:auto;margin-right:auto;}.rotateslider-container .rotateslider-item{position:absolute;left:50%;top:50%;-webkit-transform:translateY(-50%)translateX(-50%)scale(.6);-ms-transform:translateY(-50%)translateX(-50%)scale(.6);transform:translateY(-50%)translateX(-50%)scale(.6);opacity:0;-webkit-filter:blur(1px);filter:blur(1px);-webkit-transition:all .3s ease;transition:all .3s ease}.rotateslider-container .rotateslider-item.next{left:80%;opacity:.5}.rotateslider-container .rotateslider-item.prev{left:20%;opacity:.3}.rotateslider-container .rotateslider-item.now{opacity:1;-webkit-filter:blur(0);filter:blur(0);z-index:100;top:50%;left:50%;-webkit-transform:translateY(-50%)translateX(-50%)scale(1);-ms-transform:translateY(-50%)translateX(-50%)scale(1);transform:translateY(-50%)translateX(-50%)scale(1)}.rotateslider-container .arrow{display:inline-block;width:50px;height:50px;background-color:#6a75c7;position:absolute;top:50%;margin-top:-25px;cursor:pointer; text-align:center;}.rotateslider-container .arrow.left{left:0}.rotateslider-container .arrow.right{right:0} .rotateslider-container .arrow .fa { position:relative; margin-top:3px; color:#fff;} .rotateslider-container img { width:310px;} .rotateslider-container .now img { width:auto;} .rotateslider-container .rotateslider-item.now { max-width:250px;} /*--- Videos --- */ #videos { padding-top:0; padding-bottom:0;} /*--- Post --- */ .post { color: #424242; font-size: 14px; line-height: 20px; } .post p { color:#424242;} .post .metadata { color:#999; display:block; margin-bottom:20px; font-size:14px;} .post ul { margin:0 0 20px; padding:0 0 0 14px; list-style:disc;} .post ul li { font-size:14px; line-height:20px; margin-bottom:10px;} .post ol { margin:0 0 20px; padding:0 0 0 14px;} .post ol li { font-size:14px; line-height:20px; margin-bottom:10px;} .post br[clear='all'] { margin-top:20px; display:block;} /*--- Sociable1 --- */ .post .post-footer .sociable1 { float:right;} .post .post-footer .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;} .post .post-footer .sociable1 a:hover .fa, .post .post-footer .sociable1 a:active .fa, .post .post-footer .sociable1 a:focus .fa { color:#fff;} .post .post-footer .sociable1 a.facebook { background:#366ea7;} .post .post-footer .sociable1 a.twitter { background:#55acee;} .post .post-footer .sociable1 a.google-plus { background:#ca4638;} .post .post-footer .sociable1 a.linkedin { background:#0177b5;} .post .post-footer .sociable1 a.email { background:#333333; line-height:29px;} .webinar-details .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;} .webinar-details .sociable1 a:hover .fa, .webinar-details .sociable1 a:active .fa, .webinar-details .sociable1 a:focus .fa { color:#fff;} .webinar-details .sociable1 a.facebook { background:#366ea7;} .webinar-details .sociable1 a.twitter { background:#55acee;} .webinar-details .sociable1 a.google-plus { background:#ca4638;} .webinar-details .sociable1 a.linkedin { background:#0177b5;} .webinar-details .sociable1 a.email { background:#333333; line-height:29px;} .company-content-details img { border: 1px solid #dadada; float: left; margin: 0 20px 15px 0 !important; max-height: 350px; max-width: 350px; padding: 3px; } /*----- Table3 ----*/ .table3 { width:100%; margin-bottom:25px;} .table3 tr th { font-size:14px; border:1px solid #dadada; padding:10px; color:#424242; background:f4f4f4; } .table3 tr td { font-size:14px; border:1px solid #dadada; padding:10px; color:#424242; } /*--- News --- */ #news { clear:both;} #news .box1 { padding:25px 25px 25px 115px;} #news ul { margin:0; padding:0; list-style:none;} #news ul .image { float:left; width:68px; height:52px;} #news ul .details { margin-left:90px;} #news ul h6 { margin-bottom:4px;} #news ul h6 a { color:#fff;} #news ul .metadata { font-size:14px; color:#9ea9f7;} #news p { margin-bottom:0;} /*--- View-more --- */ .view-more-btn1 { background: #eceff1 none repeat scroll 0 0; clear: both; color: #333; display: none; font-size: 17px; margin-bottom: 38px; padding: 20px; position: relative; text-align: center; transition: all 0.05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; z-index: 50; } /*--- News --- */ .news-section .post { border-bottom:1px solid #cacaca; margin-bottom:20px; padding-bottom:15px;} /*.news-section .col-sm-6:last-child .post, .news-section .col-sm-6:nth-last-child(2) .post {border-bottom:0; padding-bottom:0;}*/ .news-section h4 { min-height:50px; font-size:18px; color:#d73c88; line-height:25px; margin-bottom:12px;} .news-section h4 a { color:#d73c88; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .news-section h4 a:hover { color:#d73c88;} .news-section p a { color:#2572b9;} .news-section .content { padding-bottom:10px;} .news-section .details { margin-left:165px;} .news-section .news-pic { float:left; border:1px solid #eeeeee; padding:1px; display:table; width:150px; position:relative; height:120px; overflow:hidden; background-size:100% 100%;} .news-section .news-pic a { display:table-cell; vertical-align:middle;} .news-section .news-pic img { max-height:120px; width:auto; display:block; margin:0 auto;} .news-section footer { clear:both;} .news-section footer .metadata { display:block; float:left; margin-right:15px; line-height:24px; font-size:12px; color:#424242;} .news-section footer a.favorite { font-size:18px; color:#9c9c9c; display:block; float:left;} .news-section footer a.favorite .fa { font-size:24px; vertical-align:text-top; margin-right:10px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .news-section footer a.favorite:hover .fa { color:#ea140e;} /*--- Webinar Details --- */ .webinar-details { margin-bottom:30px; float:left; width:72%;} .webinar-details .sociable1 { text-align:left;} .webinar-details hr { margin:10px 0 15px;} .webinar-details .join-this-btn { margin:0px 0 20px;} .webinar-details .join-this-btn.top{ margin-top:15px;} .webinar-details h5 a { color:#eb494f;} .webinar-details .attending-peoples { position:relative; padding:0 40px; margin-bottom:40px;} .webinar-details .attending-peoples ul { margin:0; padding:0; list-style:none;} .webinar-details .attending-peoples ul li { float:left; text-align:center;} .webinar-details .attending-peoples .first-letter { width:71px; background:#fff; display:inline-block; font-size:30px; color:#ff5f01; text-transform:uppercase; line-height:70px; height:71px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin-bottom:10px;} .webinar-details .attending-peoples img { margin-bottom:10px; width:71px; height:71px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} .webinar-details .attending-peoples h5 a { color:#d73c88;} .webinar-details .attending-peoples a.previous-btn { background:url(images/techgig_images/previous-btn.png) left top no-repeat; width:17px; height:32px; display:block; position:absolute; left:0; top:50%; margin-top:-16px;} .webinar-details .attending-peoples a.next-btn { background:url(images/techgig_images/next-btn.png) left top no-repeat; width:17px; height:32px; display:block; position:absolute; right:0; top:50%; margin-top:-16px;} .webinar-details .powered-by { float:right; background: #eceff1; color:#333; border-radius: 5px; font-size: 12px; padding: 5px 10px;} .webinar-details .powered-by a { color:#333;} .webinar-details .invite-your-friends { text-align:right; margin-bottom:30px;} .webinar-details .invite-your-friends p { margin-bottom:10px;} .webinar-details .webinar-stats { margin-bottom:30px; padding-top:20px;} .webinar-details .webinar-stats span { float:left; margin-right:20px;} .webinar-details .webinar-stats span:last-child { margin-right:0;} .webinar-details .webinar-stats .fa {color: #999;font-size: 22px; margin-right: 8px; vertical-align: text-bottom;} .webinar-details .webinar-stats strong { margin-right:5px; color:#333;} .webinar-details .webinar-stats p { color:#999;} .webinar-details .webinar-stats a { color:#333;} .webinar-details h4 a { color:#303565; float:right; font-size:18px;} /*--- About Speaker --- */ #about-speaker h4 { text-align:left; margin-bottom:0;} #about-speaker { float:right; width:25%;} #about-speaker .speaker-info { text-align:center;} #about-speaker h5 a { color:#424242;} #about-speaker .speaker-info img { margin-bottom:10px; width:100px; height:100px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} #about-speaker .speaker-info p { color:#999999;} #about-speaker a.follow-lnk { font-size:16px; color:#2572b9; display:inline-block; margin-bottom:20px;} #about-speaker hr { margin:10px 0 15px;} #about-speaker .speaker-detail { font-size: 14px; line-height: 20px;} #about-speaker .speaker-detail a { color:#eb494f;} #qna, #webinar { clear:both;} /*--- Replies_list_block --- */ #replies_list_block { border-top:1px solid #ededed; padding-top:15px;} #replies_list_block .compuserShare {color: #333; font-size: 15px; line-height: 21px;} #replies_list_block .compuserShare a { color:#eb494f;} #replies_list_block .compuserShare a .fa { color:#999;} #replies_list_block .userRply { font-size:22px; color: #333333; font-family: 'open_sanssemibold',Helvetica,Arial,sans-serif; font-weight: 500; margin-bottom:15px; display:block;} #replies_list_block textarea { display:block; font-size:14px !important; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:15px; line-height:26px; background:#fff; width:100% !important; padding:10px 15px; resize:none; height:112px;} #replies_list_block .replies-blk { font-family: 'open_sansregular',Helvetica,Arial,sans-serif; border-top:1px solid #ededed; padding-top:20px; color: #333; font-size: 15px; line-height: 21px;} #replies_list_block .replies-blk .wallTareaWrp a {background:#eb494f; border: 0 none; border-radius: 5px; color: #fff; display: inline-block; font-family: open_sanssemibold; font-size: 18px; padding: 10px 30px; position: relative; text-align: center; text-transform: uppercase; letter-spacing:1px; font-size:13px !important; margin-right:5px;} #replies_list_block .replies-blk .wallTareaWrp a:last-child { background:#dadada; color:#999; padding:10px 20px; margin-left:5px;} #replies_list_block .replies-blk .rplyWrapWhite .smlPic { float:left;} #replies_list_block .replies-blk .wallTareaWrp { padding-top:10px;} #replies_list_block .replies-blk .rplyWrapWhite .smlPic img { width:40px; height:40px;} #replies_list_block .replies-blk .rplyWrapWhite .smlDtl { margin-left:55px;} #replies_list_block .replies-blk .rplyWrapWhite .smlDtl span { display:block; font-size:13px; color:#999;} #replies_list_block .replies-blk .rplyWrapWhite .smlBodr { clear:both; height:20px;} #replies_list_block .replies-blk .rplyWrapWhite .smlDtl a { color:#2572b9;} #replies_list_block .replies-blk .rplyWrapWhite .smlDtl span a { color:#eb494f;} #replies_list_block .compuserShare b { color:#999;} #replies_list_block .userDtlCmnts { margin-bottom:25px;} #replies_list_block .userDtlCmnts h4 a { color:#333;} #replies_list_block .userPicCmnts { float:left;} #replies_list_block .userDtlCmnts { margin-left:90px;} #replies_list_block .userDtlCmnts p, #replies_list_block .compuserShare { font-size:14px;} #replies_list_block .fbicUp, #replies_list_block .fbicDwn { color:#999;} #replies_list_block .fbicUp:hover, #replies_list_block .fbicDwn:hover { color:#2572b9;} /*--- Section --- */ .section { padding:50px; background:#f7f6f6; text-align:center; position:relative;} .section:nth-child(2n) { background:#fff;} .section ul { margin-top:0; margin-bottom:0; padding:0; list-style:none;} .section p { font-size:17px; color:#5a5a5a; line-height:30px; margin-bottom:25px;} .section .highlight1 { color:#d73c88;} .section .highlight2 { color:#5f62c2;} .section .highlight3 { color:#e18918;} .section p a { color:#177ae9; text-decoration:underline;} /*--- Why Participate --- */ #why-participate ul { text-align:left;} #why-participate ul li { margin-bottom:40px; position:relative;} #why-participate ul li .icon { display:block; float:right; width:84px; padding-top:20px; height:84px; border:1px solid #949494; text-align:center; border-radius:50%;} #why-participate ul li .icon img { vertical-align:middle;} #why-participate ul li .details { height:84px; text-align:right; display:table; width:80%;} #why-participate ul li .details p { margin-bottom:0; display:table-cell; vertical-align:middle; line-height:24px;font-size:17px;} #why-participate ul li.alt .icon { float:left; margin-right:20px; margin-left:0;} #why-participate ul li.alt .details { text-align:left;} #why-participate p {color:#949494;} #why-participate p strong { font-size:24px; font-weight:normal;} #why-participate .button3 { padding:10px 50px;} /*--- How It Works --- */ #how-it-works { background:#043258 url(images/tg3_images/how-its-works-bg.jpg) left top no-repeat; background-size:cover;} #how-it-works h2 { color:#fff; margin-bottom:50px; position:relative;} #how-it-works h2:before { display:block; width:860px; height:134px; content:""; position:absolute; left:5px; top:21px; background:url(images/tg3_images/how-its-works-lines.png) left top no-repeat;} #how-it-works header { width:238px; height:135px; margin:0 auto 15px; display:table; position:relative; border:2px dashed #fff; border-radius:8px;} #how-it-works header .inner { display:table-cell; vertical-align:middle; padding:0 15px;} #how-it-works header h3 { font-size:30px; color:#ffd200; line-height:36px; margin-bottom:10px;} #how-it-works header .datestamp { font-size:19px; color:#fff; line-height:27px;} #how-it-works h4 { font-size:22px; color:#ffd200; line-height:27px; margin-bottom:15px; font-weight:normal;} #how-it-works .divider { display:block; width:1px; height:47px; margin:0 auto 10px; background:#ea96bf;} #how-it-works p {font-size:18px; color:#fff; margin-bottom:10px;} #how-it-works p span { color:#ffd200;} #how-it-works p.lead { font-size:25px; color:#cfe6fa; line-height:32px;} #how-it-works .round3 p { font-size:24px; line-height:30px;} #how-it-works p strong { font-weight:bold;} /*--- Rupee-symbol --- */ .rupee-symbol {font-family: 'rupee_foradian';} #sw-widget-container .container { max-width:none; height:342px; width:10000px;} /*--- Prizes --- */ #prizes{ position:relative; margin:0 -20px; padding-top:30px; background:#fff url(images/tg3_images/prizes-bg.png) left bottom no-repeat; background-size:cover;} .landing-page #prizes, .company-landing-page #prizes { margin:0;} #prizes h2 { margin-bottom:10px;} #prizes h4 { font-size:24px; color:#323232; font-weight:200; font-family:'lato', Arial, Helvetica, sans-serif; margin-bottom:75px;} #prizes .prize-info { background:#39424e; text-align:left; position:relative; margin-bottom:30px;} #prizes .prize-info:after { height:100%; position:absolute; right:0; top:0; width:50%; content:""; display:block; z-index:2; background:#77ceec;} #prizes .trophy { max-width:280px;} #prizes .button1 { max-width:150px; width:100%; background:#145d9a; border:0;} #prizes .button1:hover { background:#0c4779;} #prizes h3 { color:#fff; font-size:24px; position:relative; z-index:4; font-weight:normal; line-height:32px; padding-top:15px; margin-bottom:65px;} #prizes h5 { color:#fff; font-size:18px; line-height:18px; position:relative; z-index:4; font-weight:normal; margin-bottom:4px;} #prizes h6 { color:#fff; font-size:13px; position:relative; z-index:4; font-weight:normal; margin-bottom:15px;} #prizes.prizes-list h3{ margin-bottom:40px;} #prizes .prize-lists ul { text-align:left; padding:0 80px; width:100%; position:relative; margin-top:-20px;} #prizes .prize-lists ul:before { background:#d73c88; height:245px; display:block; width:1px; content:""; position:absolute; left:0; top:15px;} /*#prizes .prize-lists ul:after { background:#d73c88; height:245px; display:block; width:1px; content:""; position:absolute; right:25px; top:15px;}*/ #prizes .prize-lists ul li { background:#fff; padding:0 15px 0 42px; margin-bottom:10px; font-size:24px; color:#d73c88; font-weight:normal; position:relative; height:47px; line-height:47px;} #prizes .prize-lists ul li:last-child { margin-bottom:50px;} #prizes .prize-lists ul li .number { display:block; width:70px; height:70px; text-align:center; line-height:64px; font-size:26px; color:#d73c88; background:#ffffff; position:absolute; left:-42px; top:50%; margin-top:-35px; border:3px solid #d73c88; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} #prizes .prize-lists ul li .number sup { font-size:15px; position:relative; top:-9px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;} #prizes .prize-lists ul li .rupee-symbol {font-family: 'rupee_foradian'; font-size:24px;} #prizes.prizes-list .prize-lists ul li .rupee-symbol { font-size:33px;} #prizes .more-prizes .icon { display:block; width:85px; height:85px; line-height:85px; background:#fff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; float:left; margin-top:5px; border:1px solid #d73c88;} #prizes .more-prizes .female-coder .diversity-partner { position:absolute; left:340px; top:-12px;} #prizes .more-prizes .female-coder { margin-bottom:10px;} #prizes .more-prizes .icon img { vertical-align:middle;} #prizes .more-prizes .details { margin-left:105px; text-align:left;} #prizes .more-prizes p {color:#5d5d5d; line-height:24px;} #prizes .more-prizes h3 { color:#d73c88; font-weight:bold; font-size:21px; padding-top:0; margin-bottom:5px;} #prizes.prizes-list { background:none; padding:0;} #prizes.prizes-list .prize-lists ul li { margin-bottom:44px; height:45px; font-size:32px; line-height:35px;} #prizes.prizes-list .prize-lists { padding-left:145px;} #prizes.prizes-list .prize-info p { color:#fff;} #prizes.prizes-list .prize-info p a { color:#e93f2b;} #prizes.prizes-list .prize-info .col-lg-6 { position:relative; z-index:10;} #prizes.prizes-list .prize-lists ul { max-width:330px;} #prizes.prizes-list .prize-lists ul li .number { width:65px; height:65px; line-height:63px; left:-50px; font-size:32px; margin-top:-32px; border:4px solid #135ca9;} #prizes.prizes-list .prize-lists ul li .number sup { font-size:18px; top:-22px;} #prizes.prizes-list .prize-lists ul { padding-left:50px; padding-top:35px;} #prizes.prizes-list .prize-lists ul li:last-child { margin-bottom:40px;} #prizes-page #prizes { margin:-20px -20px 20px;} /*--- Details-confirmtion --- */ #details-confirmtion { padding:5px 15px;} #details-confirmtion ul li { margin-bottom:7px;} #details-confirmtion h2 { margin-bottom:12px;} #details-confirmtion input[type="text"], #details-confirmtion input[type="password"] { height:43px; font-size:15px; padding:12px 15px 12px 52px;} #details-confirmtion .select { height:43px;} #details-confirmtion .select select { font-size:16px;} #details-confirmtion .select select, #details-confirmtion .select::after { height:41px;} #details-confirmtion .icon { top:7px;} /*--- Loader --- */ #save_answer_status_msg { height: 400px; position: relative; position:fixed; left:0; top:0; width:100%; height:100%; background:url(images/cg2015_images/layout1-bg.gif) left top repeat !important; z-index:1000; } .ajax-loader { position: absolute; left: 50%; top: 50%; font:normal 12px/24px 'HelveticaNeueLTPro-Lt'; width:80px; height:80px; margin-left:-40px; margin-top:-40px; border-radius:50%; } .ajax-loader img {height:80px; width:80px;} /*--- College-logos --- */ #college-logos ul { margin:0; padding:0; list-style:none;} #college-logos ul li { float:left; width:33.333%; padding:0 15px; text-align:center; margin-bottom:20px;} #college-logos ul li:nth-child(3n + 1) { clear:left;} #college-logos ul li img { max-width:120px;} /*--- Invite Friends --- */ #invite-friends { text-align:center; margin-bottom:35px;} #invite-friends header { background:#454c8a; padding:15px; text-align:center; position:relative; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;} #invite-friends header h4 { color:#fff; margin:0;} #invite-friends .content { border-radius:0 0 12px 12px; -moz-border-radius:0 0 12px 12px; -webkit-border-radius:0 0 12px 12px; position:relative; border:1px solid #cacaca; border-top:0; padding:18px;} #invite-friends p { font-size:18px; color:#303565;} #invite-friends h3 {text-align:center;} #invite-friends .invite-friends-btn { margin-bottom:5px; min-width:223px;} #invite-friends .view-referral-winners { font-size:16px; color:#2b97b6; text-decoration:underline; padding-right:27px; display:inline-block; background:url(images/cg2015_images/arrow9.png) right center no-repeat; margin-bottom:20px;} #invite-friends .score { position:relative; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; background:#dadada; padding:10px 15px; margin-bottom:40px;} #invite-friends .score p { margin:0;} #invite-friends .score p span { display:block; font-weight:bold; padding-top:3px;} #invite-friends .tabs3 { margin-bottom:0;} #invite-friends .tabs3 .tab-strips1 li { width:50%;} #invite-friends .tabs3 .tab-strips1 li a { font-size:16px; padding:10px 10px 10px;} #invite-friends .tabs3 .tab-strips1 li.ui-state-active a:after { margin-left:-10px; border-left: 10px solid transparent;border-right: 9px solid transparent;border-top:16px solid #135ca9; bottom:-16px;} #invite-friends .table2 thead th { font-size:16px; padding:7px 15px;} #invite-friends .table2 tbody td { width:50%; font-size:16px; padding:10px 15px; text-align:left;} #invite-friends .table2 h4 span.first-letter { font-size:20px; width:42px; height:42px; line-height:42px;} #invite-friends .table2 thead tr th:last-child, #invite-friends .table2 tbody tr td:last-child { text-align:center;} /*--- Invite Form --- */ .invite-form p { position:relative;} .invite-form p .icon { background-position:-155px -195px;} .invite-form p input[type="text"] { float:left; width:460px; margin-right:6px; border-color:#cbcbcb;} .invite-form p input[type="submit"] { float:left; width:180px;} /*--- Sponsorship Table --- */ #sponsorship { text-align:center; padding-top:30px;} #sponsorship h2 { margin-bottom:10px; font-size:28px; font-weight:normal;} #sponsorship h4 { font-size:20px; color:#747474; font-weight:normal;} #sponsorship .sponsorship-table .box-wrap { border:1px solid #dadada; text-align:left; padding-bottom:15px;} #sponsorship .sponsorship-table header { background:#135ca9; text-align:center; display:table; height:68px; width:100%; margin-bottom:12px;} #sponsorship .sponsorship-table header h5 { font-size:18px; color:#fff; display:table-cell; vertical-align:middle; margin-bottom:0;} #sponsorship .sponsorship-table h6 { background:#f4f4f4; margin-bottom:10px; padding:10px; font-size:16px; color:#747474; font-weight:normal;} #sponsorship .sponsorship-table ul { padding:0 10px 0 25px; margin:0;} #sponsorship .sponsorship-table ul li { font-size:14px; line-height:19px; color:#747474; margin-bottom:10px;} #sponsorship .sponsorship-table ul.list { padding:10px; background:#f4f4f4; list-style:none; margin-bottom:15px;} #sponsorship .sponsorship-table ul.list li { border-bottom:1px dashed #d1d1d1; padding-bottom:10px;} #sponsorship .sponsorship-table ul.list li:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;} #sponsorship .sponsorship-table .button1 { background:#135ca9; font-size:14px; border:0; padding:9px 12px 10px;} #sponsorship .sponsorship-table .button1:hover { background:#0b4a8c;} #sponsorship .sponsorship-table .presenting header{ background:#e06769;} /*--- signup-steps --- */ #signup-steps .section1 { height:650px !important;} /*--- Prize-mobile --- */ .prize-mobile { position:relative; margin-top:-25px; margin-bottom:20px; background:#309deb; padding:2px 10px;; border:1px solid #1a8de0; color:#fff; font-size:15px;} /*--- Tg3-banner --- */ #banner.tg3-lead-banner { margin-bottom:0;} /*--- Participating Companies --- */ #participating-companies h2 { color:#404241;} #participating-companies ul { margin:0; padding:0; list-style:none;} #participating-companies ul li {margin: 0 30px 15px; display:inline-block; min-height:99px;} #participating-companies ul li img { margin-bottom:10px !important; max-width:90px;} #coding_instructions .mobile_note { margin-top: 10px; display: block; font-size:13px; } /*#coding_instructions .button2 { margin-top: 10px; padding:8px 20px 10px; font-size:15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }*/ #coding_instructions input[type='text'] { border:1px solid #9d9d9d; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:35px; font-size:18px; color:#9d9d9d; line-height:26px; width:150px; padding:5px 10px; } #coding_instructions h3 { font-size:28px;} #coding_instructions font { color: #303565; font-size: 18px; letter-spacing: 0; line-height: 24px; display:block; margin-bottom: 20px;} /*--- Instructions --- */ #instructions { max-width:550px; width:100%; top:100px !important; left:50%; margin-left:-275px;} #instructions .instrns-1 span { float:left; margin-right:10px; font-weight:bold;} #instructions #terms2 { margin-left:0 !important; padding-top:10px;} /* error page */ .error-message { padding:45px; text-align:center; } .error-message img { margin-bottom:15px; } .error-message h2 { font-size:18px; } /*--- About-codewizards --- */ #about-codewizards { background:#f7f7f7;} /*--- Feedback-form --- */ #feedback-form h3 { font-size:21px;} #feedback-form li > label { font-weight:bold; display:block; margin-bottom:5px;} #feedback-form li span { margin:0 15px 10px 0;} #feedback-form li span label { font-size:14px;} #feedback-form .verification input[type="text"] { width:135px; padding-left:15px;} #feedback-form .verification label { margin-right:5px;} #feedback-form .reg-frm-rfrs { float:right; margin-right:70px; margin-top:7px;} #feedback-form .reg-captcha { margin-right:0; position:relative; top:-3px;} #feedback-form .invt-success { float:none;} /*--- Generate-token --- */ #generate-token { padding:5px;} #generate-token h2 { color: #303565; font-size: 30px; font-weight: normal; margin-bottom: 10px;} #generate-token input[type="button"] { font-size:18px; padding:8px 15px 11px} /*--- Seperation --- */ .seperation { position:relative; margin-bottom:15px;} .seperation:after { height:1px; width:100%; display:block; content:""; background:#cecece; position:absolute; left:0; top:14px;} .seperation span {background:#cecece; font-size:12px; border:1px solid #bebebe; color:#404040; line-height:28px; width:30px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:relative; z-index:5; margin: 0 auto;display:block;text-align: center; height:30px; font-weight:bold; box-shadow:0 0 12px #bebebe; -moz-box-shadow:0 0 12px #bebebe; -webkit-box-shadow:0 0 12px #bebebe;} /*--- Global-form --- */ .global-form input[type='text'] { height:30px; width:430px;} .global-form #skill_exp { width:390px !important;} .global-form form > ul > li { width:50%;} .global-form input[type="text"] { width:98%;} .global-form select { height:30px; width:98% !important;} .global-form #city_combo { margin-left:-3px !important;} .global-form .redalert, .global-form .mr-red-alrt { left:17px; bottom:-21px;} *--- Winner-verification --- */ #winner-verification form{ max-width:420px; width:100%; display:block; margin:0 auto;} #winner-verification .confirmation-guidelines { padding:15px; border:1px solid #ccc; background:#f1f1f1; margin-bottom:30px;} #winner-verification .confirmation-guidelines h3 { margin-bottom:0;} #winner-verification ul.list2 li { font-size:16px;} #winner-verification ul.list2 li:last-child { margin-bottom:0;} /*--- Ie-alert --- */ .ie-alert { position:absolute; font-size:15px; font-weight:normal; left:0; top:0; width:100%; z-index:10000 !important;} .ie-alert .close { right:5px; top:5px; position:absolute; width:15px; height:15; display:block;} .ie-alert .fa { font-size:23px; vertical-align:bottom;} .ie-alert .close .fa { font-size:16px; color:#999; vertical-align:top;} .ie-alert .close:hover .fa { color:#333;} /*--- Forgot-password-popup --- */ #forgot-password-popup label { margin-bottom:8px; display:block;} #forgot-password-popup input[type="text"], #forgot-password-popup input[type="password"] { height:44px; padding:9px 15px;} #forgot-password-popup h2 { color: #303565; font-size: 35px; font-weight: normal; margin-bottom: 10px;} /*--- Query Form --- */ #query-form { padding:20px; background:#fff;} #query-form h4 { color:#303565; text-align:center;} /*--- WinnerOuter --- */ .winnerOuter { background-color: #fff; color: #fff; padding:25px; text-align:left;} .winnerOuter .container { max-width:100%; background:#c38c1b; padding:15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .winnerOuter p { margin-bottom:0; color:#fff;} .winnerOuter p.note { font-size:14px; margin-top:10px;} /*--- Page Head --- */ .page-head { text-align:center; padding:0 0 20px;} .page-head h2 { color:#303565; margin:0;} /*--- Faq --- */ #faq h5 { margin-bottom:5px;} #faq h6 { margin-bottom:5px;} #faq p span.red-color { color:#303565;} #faq .box1 { margin-bottom:0;} #code_result { margin-right:0 !important;} /*--- Finalist-page --- */ .finalelist-page #main-panel { margin-left:0;} .finalelist-page #main-navigation ul li { float:left;} .finalelist-page #main-navigation ul li a{ height:58px; padding:3px 10px;} .finalelist-page #main-navigation { margin-top:-10px; position:relative; float:right; height:auto !important;} .finalelist-page #main-navigation .tg3-icon {opacity:1;} .finalelist-page #footer { padding-left:0;} /*--- Sociable1 --- */ #register_container .box1 { margin-bottom:30px;} #signup-form .sociable1 { margin-top:-7px; position:relative;} #signup-form .sociable1 h5 { margin-bottom:11px;} #signup-form ul li.varification-field input[type="text"] { width:165px;} .sociable1 { text-align:center;} .sociable1 h5 { font-size:20px; color:#303565; font-weight:normal; margin-bottom:12px;} .sociable1 ul { margin:0; padding:0; list-style:none;} .sociable1 ul li { float:left; width:33.333%;} /*--- College Details --- */ #college-details { background:#005eb8;} #college-details .highest-degree-field .icon { background-position:-103px -113px; width:36px;} #college-details .location-field .icon { background-position: -160px -54px;} /*--- Company Logos --- */ #company-logos { padding:10px; text-align:center;} #company-logos ul { margin:0; padding:0; list-style:none; text-align:center;} #company-logos ul li { display:inline-block; padding: 0 25px; margin-bottom:18px; width:32.333%;} /*--- Icon --- */ .tg3-icon { display:inline-block; width:32px; height:32px; background-image:url(images/tg3_images/icons.png); background-repeat:no-repeat; opacity:.4;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;} .icon-home { background-position:-5px -5px;} .icon-activity { background-position:-108px -89px;} .icon-guidelines { background-position:-5px -49px;} .icon-sponsors { background-position:-157px -90px;} .icon-prizes { background-position:-156px -48px;} .icon-help { background-position:-3px -90px;} .icon-chat { background-position:-157px -5px;} .icon-webinars { background-position:-105px -5px; width:38px; opacity:1;} .icon-expert-talks { background-position:-204px -3px;} .icon-discussions { background-position:-54px -90px;} .icon-video { background-position:-56px -48px; opacity:1;} .icon-news { background-position:-56px -5px; opacity:1;} .icon-leaderboard { background-position:-158px -130px;} .icon-invite-friends { background-position:-4px -130px;} .icon-certificates { background-position:-53px -130px;} .icon-badges { background-position:-108px -130px;} .icon-winners { background-position:-204px -49px;} /*--- Section1 --- */ .section1 { padding:60px 0 50px; text-align:center; display:table; width:100%; position:relative;} .section1 .inner-section { display:table-cell; vertical-align:middle;} .section1 h2 { font-size:40px; color:#feffff; line-height:40px; margin-bottom:15px; font-weight:normal;} .section1 h2 small { font-size:15px;} .section1 h2 small span { color:#ff0000;} .section1 p { font-size:22px; color:#feffff; line-height:33px; margin-bottom:30px; font-weight:normal;} .section1 input[type='text'] { border:1px solid #cbcbcb; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:48px; font-size:15px; color:#9d9d9d; width:100%; padding:12px 15px 12px 52px;} .section1 .next-btn { margin-top:40px; min-width:120px;} .section1 .icon { position:absolute; left:11px; top:8px; width:30px; height:31px; display:block; z-index:10; background-image:url(images/tg3_images/icons1.png); background-repeat:no-repeat;} .section1 .textbox { display:block; position:relative; margin:0 10px;} .section1 a.skip { position:absolute; right:20px; bottom:20px; font-size:20px; color:#e9e9e9; text-decoration:underline; z-index:5px;} .section1.active { padding-bottom:150px;} .section1 .select { position:relative; display:block; border:1px solid #cbcbcb; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:48px; width:100%; margin-bottom:25px; background:#fff;} .section1 .select select { width:100%; border:0; padding:0 20px 0 52px; height:46px; font-size:15px; color:#9d9d9d; position:relative; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:#fff;} .section1 .select:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:0; background:url(images/cg2015_images/select-arrow.gif) left center no-repeat; width:48px; height:46px; content:""; border-radius:0 4px 4px 0; -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0;} .safari .section1 .select select, .safari .form1 .select select { padding-left:0; background:#fff;} .safari .section1 .select, .safari .form1 .select { padding-left:50px; padding-top:10px;} /*--- Modal --- */ .modal .modal-header { background:#f35a9a; border-radius:5px 5px 0 0;} .modal .modal-header h4 { color:#fff;} /*--- WhyTechgig --- */ #why-techgig { background:#dd6060;} #why-techgig .checkboxes { padding-bottom:10px;} #why-techgig .checkboxes .checkbox { position:relative; display:inline-block; width:17%; text-align:left; margin:0 15px 25px;} #why-techgig .checkboxes .checkbox label { font-size:17px; color:#fff; border:2px solid #b43131; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:8px 10px 9px 37px; display:block; cursor:pointer;} #why-techgig .checkboxes .checkbox.active label { background:#b43131;} #why-techgig .checkboxes .checkbox input[type=checkbox]:checked + label:before { background:url(images/cg2015_images/checkbox.png) left top no-repeat; } #why-techgig .checkboxes .checkbox input[type=checkbox] { display: none; } #why-techgig .checkboxes .checkbox label:before {content: ""; display: inline-block; width: 23px; height: 21px; margin-right: 10px; position: absolute; left: 11px; bottom:13px; background:url(images/cg2015_images/checkbox.png) left -20px no-repeat; } #why-techgig .checkboxes .checkbox input[type=checkbox]:checked + label:before {background:url(images/cg2015_images/checkbox.png) left top no-repeat; } #why-techgig input[type='text'] { max-width:525px; display:block; margin:-20px auto 0; position:relative; padding:12px 15px;} /*--- Educational-occupational --- */ #educational-occupational { background:#e2ba00;} #educational-occupational .highest-qualification-field .icon { background-position:-157px -110px;} #educational-occupational .highest-degree-field .icon { background-position:-103px -113px; width:36px;} #educational-occupational .company-field .icon { background-position:-138px -3px;} #educational-occupational .gender-field .icon { background-position:-10px -553px;} #educational-occupational .designation-field .icon { background-position:-60px -553px;} #educational-occupational .total-experience-field .icon { background-position:0 -115px;} #educational-occupational .inner-wrap { padding:20px 0 0;} #educational-occupational .backlogs-field input[type='text'] { padding-left:15px;} #educational-occupational label { color:#fff; margin-bottom:2px; display:block; text-align:left;} #educational-occupational .table4 { margin-top:0;} #educational-occupational .table4 tr th { padding:15px 10px;} #educational-occupational .table4 tr td { background:#fff; width:200px; vertical-align:top;} #educational-occupational .table4 tr td:last-child { width:100px;} #educational-occupational .table4 tr td:last-child input[type='text'] { text-align:center;} #educational-occupational .table4 input[type='text'], #educational-occupational .table4 .select select, #educational-occupational .backlogs-field input[type='text'] { padding-left:15px;} #educational-occupational .table4 .select { margin-bottom:0;} #educational-occupational .table4 .backlogs-select { display:inline-block; width:100px; vertical-align:top;} #educational-occupational .table4 .title-box { text-align:left; vertical-align:middle;} #educational-occupational .inner-box .select select { padding-left:15px;} #educational-occupational .backlogs-field .select, #educational-occupational .already-job-field .select { width:120px;} #educational-occupational .already-job-field .inner-wrap {background: #e5c013; border: 1px solid #e7c217; padding: 5px; position:relative; margin-top:-10px;} #educational-occupational .already-job-field label { text-align: center !important;} #educational-occupational .already-job-field .select { margin:0 auto;} #educational-occupational .tooltip { color:#135ca9; font-size:19px;} #educational-occupational .tooltip[data-tooltip] { position: relative;z-index: 2; cursor: pointer;} #educational-occupational .tooltip[data-tooltip]:before,#educational-occupational .tooltip[data-tooltip]:after { visibility: hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none;} #educational-occupational .tooltip[data-tooltip]:before { position: absolute; bottom: 120%;left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 160px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #135ca9; background-color: rgba(19, 92, 169, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 12px; line-height: 1.2;} #educational-occupational .tooltip[data-tooltip]:after { position: absolute; bottom: 120%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #135ca9; border-top: 5px solid rgba(19, 92, 169, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0;} #educational-occupational .tooltip[data-tooltip]:hover:before,#educational-occupational .tooltip[data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} /*--- Company Participation --- */ .company-participation { border:1px solid #cacaca; position:relative; padding:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:25px;} .company-participation p { margin-bottom:7px;} .company-participation p a { color:#e93f2b;} .company-participation .form1 { max-width:272px; width:100%; margin:0 auto;} .company-participation .form1 p { position:relative;} .company-participation .form1 .icon { top:9px;} .company-participation .form1 input[type='text'] { font-size:14px; background:#f3f3f3; padding:12px 15px 12px 52px; height:48px;} .company-participation .form1 input[type='button'] { font-size:18px; padding:4px 20px 6px; width:112px; margin:8px auto 0; display:block;} /*--- Sucess-company --- */ #sucess-company { border-radius:0; margin:0; padding:60px 25px 0;} #sucess-company p { font-weight:normal; text-align:left; line-height:26px;} #sucess-company p.lead { text-align:center; color:#3c763d; font-weight:600; line-height:57px; font-size:33px; margin-bottom:50px;} #sucess-company p.lead small { font-weight:200;} #sucess-company h5 { float:left; margin-right:10px; color:#3c763d;} /*--- Dashboard Content --- */ #dashboard-content .inner-dashboard { padding:20px 0 0;} #dashboard-content .inner-dashboard h2 { font-size:40px; color:#e55443; font-weight:normal;} #dashboard-content .inner-dashboard .button2 { font-size:22px;} #dashboard-content .inner-dashboard .icon { vertical-align:middle; display:inline-block; margin-right:12px; vertical-align:middle; width:36px; height:30px; background-image:url(images/cg2015_images/icons.png); background-repeat:no-repeat;} #dashboard-content .inner-dashboard .developers { background-position:-58px -196px;} #dashboard-content .inner-dashboard .submissions { background-position:-106px -196px;} #dashboard-content .inner-dashboard p { font-size:20px; color:#8d8d8d; margin-bottom:17px;} #dashboard-content .participate-btn { margin-bottom:30px;} .completers-list { text-align:center;} .completers-list h3 { font-size:30px; color:#303565; font-weight:normal;} #dashboard-content .inner-dashboard .completers-list p { color:#303565;} #dashboard-content .current-problem {background:#d1d3e6; color:#303565; font-weight:normal; padding:5px 10px;} /*--- User Location --- */ #user-location { background:url(images/cg2015_images/location-bg.jpg) left top no-repeat; background-size:cover;} #user-location span.textbox { max-width:635px; margin:0 auto; width:100%;} #user-location .city-field .icon { background-position:-160px -54px;} #user-location .button2 { margin-top:62px;} #user-location .location-field .icon { background-position: -160px -54px;} /*--- Winners --- */ #winners .tab-strips1 li { width:25%;} /*--- Semifinal-winner-content --- */ #semifinal-winner-content h3 { font-size:30px; margin-bottom:20px; color:#303565;} #supporting-sponsors.finalelist-page-sponsors { padding-top:53px;} #semifinal-winner-content .table2 thead th { background:#d73c88;} #semifinal-winner-content .table2 h4 span.first-letter { font-size: 19px; height: 50px; line-height: 49px; width: 50px;} #semifinal-winner-content .table2 h4 img.user-pic { width:50px; height:50px;} #semifinal-winner-content .table2 td, #semifinal-winner-content .table2 thead th { padding:10px;} /*--- Pagination1 --- */ .pagination1 { display: inline-block; margin-bottom: 20px; padding-top: 20px; } .pagination1 em { background-color: #fff; border: 1px solid #ddd; color: #022e53; float: left; font-size: 12px; font-style: normal; line-height: 1.42857; cursor:pointer; margin-left: -1px; padding: 6px 12px; position: relative; text-decoration: none; } .pagination1 em a { color: #022e53; } .pagination1 em:hover, .pagination1 em:focus { background-color: #eee; border-color: #ddd; color: #23527c; z-index: 3; } .pagination1 em:hover a, .pagination1 em:focus a { color: #23527c; } .pagination1 em:first-child { border-bottom-left-radius: 4px; border-top-left-radius: 4px; margin-left: 0; } .pagination1 em:last-child { border-bottom-right-radius: 4px; border-left: 0 none; border-top-right-radius: 4px; margin-left: 0; } .pagination1 em.active { background: #2572b9 none repeat scroll 0 0; color: #fff; } /*--- Invite-login --- */ #invite-login input[type="text"], #invite-login input[type="password"] { padding:10px 15px; height:44px; font-size:16px;} #invite-login .select select, #editor-box .select select { padding:10px 30px 10px 15px; font-size:16px; height:42px;} #invite-login .select:after, #editor-box .select:after{ height:42px;} #invite-login .select, #editor-box .select { height:44px;} #invite-login #upload .button1 { padding:3px 10px 5px;} #invite-login .button4 { position:relative; background:#e4146b; color:#fff; text-align:center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none;} #invite-login .button4:hover, #invite-login .button4:focus, #invite-login .button4:active { color:#fff; background:#cd0c5d; outline:none;} #editor-box .button4, #editor-box .button3 { background:#e4146b;} #editor-box .button4:hover, #editor-box .button3:hover { background:#cd0c5d;} #editor-box #submit_button { display:none; position:relative; background:#ffcc00; text-shadow:none; color:#000000; text-align:center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none; font-family:'open_sanssemibold', Arial, Helvetica, sans-serif;} #editor-box #submit_button:hover, #editor-box #submit_button:focus, #editor-box #submit_button:active { color:#000000; background:#dcb000; outline:none;} /*--- Share --- */ .cc-share-cont a.fbook, .cc-share-cont a.tweet, .cc-share-cont a.email { width:163px; padding:7px 7px 6px 37px;} .cc-score-share-wrp textarea { resize:none; max-width:528px; width:100%;} .cc-editions-wrap2 b { color:#1a263e;} .cc-post-load-marks { max-width:600px; width:100%;} .cc-post-load-marks td b strong { color:#e93f2b !important;} .cc-share-cont { margin:0;} .cc-share-cont a.fbook { margin-left:0;} .cc-score-share-wrp { max-width:600px; width:100%; padding:15px 34px; margin:30px auto 0;} .cc-head-cmn1, .cc-submt-time { text-align:center;} /*--- FAQ Icon --- */ #faq-icon { display:block; width:60px; height:60px; position:fixed; z-index:100; right:0; bottom:0; background:url(images/cg2015_images/faq.png) left top no-repeat; background-size:100% 100%;} /*--- Sponsors --- */ #sponsors { text-align:center; padding-top:25px; position:relative; z-index:10; background:#f7f7f7;} #sponsors .associate-sponsors { margin-bottom:28px;} #sponsors .associate-sponsors .caroufredsel_wrapper { height:80px !important;} #sponsors .associate-sponsors ul li { float:left; margin-right:20px; text-align:center; background:#fff; padding:10px 5px;} #sponsors .associate-sponsors a img { margin-bottom:0; width:95%;} #sponsors .scroll-down-btn { display:block; width:36px; height:36px; background:url(images/cg2015_images/icons.png) left top no-repeat; position:absolute; left:50%; margin-left:-17px; top:-18px;} #sponsors .gold-sponsors { margin-bottom:18px;} #sponsors .base-sponsors a { display:inline-block; background:#eaeaea; margin:0 3px 15px; border-radius:5px; -moz-border-radius:5px; -web-border-radius:5px; position:relative;} #sponsors .base-sponsors a img { width:117px; margin:5px 2px;} #sponsors .gold-sponsors ul li { float:left; margin-right:20px; text-align:center; background:#fff; padding:18px 5px;} #sponsors .gold-sponsors ul li img { max-height:50px;} #sponsors .gold-sponsors a img { margin-bottom:0;} #sponsors h4 {color: #424242;font-size:18px; font-weight:normal; margin-bottom: 0; border-top:1px solid #80baff; margin-top:15px;} #sponsors h4 span { background:#f7f7f7; padding:3px 8px; display:inline-block; position:relative; top:-18px;} #sponsors img { margin:0 4px 10px;} #sponsors ul { margin:0; padding:0; list-style:none;} #sponsors ul li { display:inline-block;} #sponsors .gold-sponsors .see-all { position:absolute; background:none; right:10px; padding:0; border:0; top:18px; z-index:10; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:14px; color:#e93f2b;} /*#sponsors .col-sm-3 { background:url(images/cg2015_images/border-bg.png) 13px top no-repeat;} #sponsors .col-sm-2 { background:url(images/cg2015_images/border-bg.png) 0 top no-repeat;} #sponsors .col-sm-4 { background:url(images/cg2015_images/border-bg.png) 13px top no-repeat;} #sponsors .col-sm-4:first-child { background:none;}*/ #sponsors .participating-collages { background:#fff; padding:15px 20px 0; margin-top:-80px; position:relative;} #sponsors .gold-sponsors .caroufredsel_wrapper, #sponsors .gold-sponsors ul { height:86px !important;} #sponsors .participating-collages h4 { border:0; margin-top:0; text-transform:uppercase; color:#135ca9; margin-bottom:15px;} #sponsors .participating-collages li { text-align:center; display:block; float:left;} #sponsors .participating-collages li a { display:block; background:#f7f7f7; margin-bottom:10px; padding:10px 0;} #sponsors .participating-collages li img { max-width:74px; margin-bottom:0;} #sponsors .participating-collages .see-all { position:absolute; background:none; right:10px; padding:0; border:0; top:18px; z-index:10; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:14px; color:#e93f2b;} #sponsors .participating-collages .inner-colleges { position:relative; padding:0 30px; height:317px;} #sponsors .participating-collages .inner-colleges a.previous-btn { width:17px; height:30px; position:absolute; left:0; top:50%; margin-top:-15px; background:url(images/cw2015_images/colleges-left-arrow.png) left top no-repeat; display:block;} #sponsors .participating-collages .inner-colleges a.next-btn { width:17px; height:30px; position:absolute; right:0; top:50%; margin-top:-15px; background:url(images/cw2015_images/colleges-right-arrow.png) left top no-repeat; display:block;} #sponsors .participating-collages .caroufredsel_wrapper { height:308px !important;} #sponsors p.more-links { font-size:14px; color:#949494;} #sponsors p.more-links a { color:#565656;} /*--- codehire --- */ .codehire .user-info-bar:before { display:none;} .codehire #main { margin-left:0;} #breadcrumbs { display:none;} .codehire #user-panel { background:none !important;} /*--- Referral-winners --- */ #referral-winners-block { padding:30px 15px 40px;} #referral-winners-block h2 { margin-bottom:35px; color:#dd5c5e; font-weight:normal; text-align:center;} #referral-winners-block h3 { text-align:center; margin-bottom:30px;} #referral-winners-block .icon { float:left;} #referral-winners-block .details { margin-left:127px;} #referral-winners-block .details h4{ font-size:18px; color:#333; margin-bottom:5px; font-weight:normal;} #referral-winners-block .details p{ font-size:14px; color:#747474; margin-bottom:5px; line-height:19px; font-weight:normal;} #question-area { font-size:15px; line-height:20px;} /*--- Message Success --- */ .msgErrortop { position:fixed; left:0; top:0; width:100%; z-index:10000;} .msgErrortop .close { right:5px; top:5px; position:absolute; width:15px; height:15; display:block;} .msgErrortop .fa { font-size:23px; vertical-align:bottom;} .msgErrortop .close .fa { font-size:16px; color:#999; vertical-align:top;} .msgErrortop .close:hover .fa { color:#333;} .success-msg {border: 1px solid #d6e9c6; z-index:10; color:#3c763d; background:#dff0d8; margin:0 0 20px; padding: 12px; font-size:14px;} /*--- Warning --- */ .warning-msg {border: 1px solid #faebcc; z-index:10; color:#8a6d3b; background:#fcf8e3; margin:0; padding: 12px; font-size:14px;} /*--- Error --- */ .error-msg {border: 1px solid #ebccd1; z-index:10; color:#a94442; background:#f2dede; margin:0; padding: 12px; font-size:14px;} /*--- Info --- */ .info-msg {border: 1px solid #bce8f1; z-index:10; color:#31708f; background:#d9edf7; margin:0; padding: 12px; font-size:14px; font-weight:normal;} /*--- Leadership-board --- */ .leadership-board .table2 { margin-bottom:36px;} .leadership-board h2 { text-align:center; font-size:36px; color:#303565; text-align:center; font-weight:normal;} .leadership-board h2 small { font-size:22px;} .leadership-board h2 img {vertical-align:baseline; margin-right:5px} .leadership-board h2 img.cevent { vertical-align:bottom;} /*--- Invites Content --- */ #invites-content { margin-bottom:30px;} #invites-content .skip-this { float:right; margin-bottom:10px; margin-top:38px;font-size:18px; color:#d73c88;} #invites-content .skip-this .fa { font-size:22px; vertical-align:text-bottom; margin-right:5px;} #invites-content #hide_after_success { margin-bottom:20px;} #invites-content h2 { text-align:center; color:#303565;} #invites-content h3 { margin-bottom:15px;} #invites-content h6 { margin-bottom:5px; color:#303565;} #invites-content .tab-strips1 { margin:0; padding:0 18px; list-style:none;} #invites-content .tab-strips1 li { float:left; width:20%; padding-right:15px;} #invites-content .tab-strips1 li:last-child { padding-right:0;} #invites-content .tab-strips1 li a { display:block; background:#303565; position:relative; padding:19px 10px 20px; position:relative; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; text-align:center; font-size:22px; color:#303565; line-height:26px;} #invites-content .tab-strips1 li.ui-state-active a { background:#ffc938; color:#fff; font-weight:bold;} #invites-content .tab-strips1 li.ui-state-active a:after { display:block; position:absolute; bottom:-24px; z-index:10; content:""; left:50%; width: 0; height: 0; margin-left:-15px; border-left: 15px solid transparent;border-right: 13px solid transparent;border-top:24px solid #ffc938;} #invites-content .tab-content { border:1px solid #dadada; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding:35px 15px 20px;} #invites-content .tab-strips1 li a { color:#fff; border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; padding:19px 10px 13px;} #invites-content .tab-strips1 li.ui-state-active a { font-weight:normal;} #invites-content .tab-strips1 li .icon { display:inline-block; margin-right:15px; width:41px; height:43px; vertical-align:middle; background-image:url(images/cw2015_images/icons.png); background-repeat:no-repeat; position:relative; top:-3px;} #invites-content .tab-strips1 li.email .icon { width:45px; background-position:-52px -270px;} #invites-content .tab-strips1 li.facebook .icon { background-position:-108px -274px;} #invites-content .tab-strips1 li.linkedin .icon { background-position:-156px -274px;} #invites-content .tab-strips1 li.gmail .icon { background-position:0 -318px;} #invites-content .tab-strips1 li.college .icon { background-position:0 -540px;} #invites-content .tab-strips1 li.email a { background:#fe9808;} #invites-content .tab-strips1 li.facebook a { background:#325e9f;} #invites-content .tab-strips1 li.linkedin a { background:#136e9d;} #invites-content .tab-strips1 li.gmail a { background:#e04742;} #invites-content .tab-strips1 li.college a { background:#58c5f1;} #invites-content .tab-strips1 li.email.ui-state-active a:after { border-top-color:#fe9808;} #invites-content .tab-strips1 li.facebook.ui-state-active a:after { border-top-color:#325e9f;} #invites-content .tab-strips1 li.linkedin.ui-state-active a:after { border-top-color:#136e9d;} #invites-content .tab-strips1 li.gmail.ui-state-active a:after { border-top-color:#e04742;} #invites-content .tab-strips1 li.college.ui-state-active a:after { border-top-color:#58c5f1;} .invite-email-content .friends-list ul li h5 a { color:#fe9808;} .invite-email-content .friends-list ul li .button3 { background:#fe9808; text-shadow:1px 1px 0 #e58805;} .invite-facebook-content .friends-list ul li h5 a { color:#325e9f;} .invite-facebook-content .friends-list ul li .button3 { background:#325e9f; text-shadow:1px 1px 0 #244f8f;} .invite-linkedin-content .friends-list ul li h5 a { color:#136e9d;} .invite-linkedin-content .friends-list ul li .button3 { background:#136e9d; text-shadow:1px 1px 0 #0b5e89;} .invite-gmail-content .friends-list ul li h5 a { color:#e04742;} .invite-gmail-content .friends-list ul li .button3 { background:#e04742; text-shadow:1px 1px 0 #c9342f;} #invites-content .friends-list { border:1px solid #dadada; padding:15px; height:450px; overflow:auto;} #invites-content .friends-list ul { margin:0 -15px; padding:0; list-style:none;} #invites-content .friends-list ul li { margin-bottom:10px;} #invites-content .friends-list ul li img { float:left; margin-right:10px; width:42px; height:42px;} #invites-content .friends-list ul li .button3 { float:right; font-size:17px; min-width:15px; padding:4px 15px 5px; border:0; margin-top:2px;} #invites-content .friends-list ul li h5 { float:left; font-weight:normal; font-size:15px; margin-bottom:0; padding-top:10px;} #invites-content p { color:#303565;} #invites-content .space { height:120px;} .invites-page .banner { margin:-20px -20px 20px;} /*--- Alert Success Msg --- */ .alert-success-msg {border: 1px solid #d6e9c6; z-index:10; color:#3c763d; background:#dff0d8; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin:0 0 20px; padding: 10px; font-size:28px;} .alert-success-msg span.inner { display:inline-block; position:relative; top:4px;} .alert-success-msg small { display:block; font-size:15px;} .alert-success-msg .like-icon { margin-bottom:0; vertical-align:top;} /*--- Chart ---*/ .chart { margin-bottom:40px;} .chart h2 { font-size:30px; color:#303565; font-weight:normal; text-align:center;} .chart .legends { margin:0; padding:15px 0 0 44px; list-style:none;} .chart .legends li { margin-bottom:5px; font-size:14px; color:#303565;} .chart .legends li span { display:inline-block; width:10px; height:10px; margin-right:8px; vertical-align:baseline;} .chart .legends li.max-mark span { background:#d70206;} .chart .legends li.your-mark span { background:#303565;} /*--- Gyan --- */ #gyan .prize-boy { width:300px;} #gyan .button1 { margin-bottom:20px;} #gyan h3 { margin-bottom:20px;} #gyan h4 { color:#303565; line-height:34px; font-weight:bold;} /*--- Upload-dialogue --- */ #upload-dialogue .alert { margin:0 15px 0; display:block; } /*--- Tabs3 --- */ .tabs3 { margin-bottom:30px;} .tabs3 .nav-tabs { border-bottom:0;} .tabs3 .tab-strips1 { margin:0; padding:0 18px; list-style:none;} .tabs3 .tab-strips1 li { float:left; width:20%; padding-right:15px;} .tabs3 .tab-strips1 li:last-child { padding-right:0;} .tabs3 .tab-strips1 li a { display:block; background:#757bb2; border:0; position:relative; padding:19px 10px 20px; position:relative; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; text-align:center; font-size:18px; color:#fff; line-height:26px;} .tabs3 .tab-strips1 li a:hover { background:#757bb2;} .tabs3 .tab-strips1 li.active a { background:#303565; color:#ffffff; font-weight:bold;} .tabs3 .tab-strips1 li.active a:hover, .tabs3 .tab-strips1 li.active a { border:0;} .tabs3 .tab-strips1 li.active a:after { display:block; position:absolute; bottom:-23px; z-index:10; content:""; left:50%; width: 0; height: 0; margin-left:-15px; border-left: 15px solid transparent;border-right: 13px solid transparent;border-top:24px solid #303565;} .tabs3 .tab-pane { border:1px solid #dadada; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding:35px 15px 20px;} .global-form input[type="submit"], .prcd-btn .button2, #codejudge_requirement .button2 {background: #ffcc00; color: #000000; font-family: "open_sanssemibold",Arial,Helvetica,sans-serif; outline: medium none; position: relative; text-align: center; text-shadow: none; transition: all 0.1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -moz-user-select: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; display: inline-block; font-weight: 400; margin-bottom: 0; vertical-align: middle; white-space: nowrap;border-radius: 6px; font-size: 18px; line-height: 1.33333; padding: 10px 16px;} .global-form input[type="submit"]:hover, .prcd-btn .button2:hover, #codejudge_requirement .button2:hover { color:#000000; background:#dcb000; outline:none;} .cc-problem-lnk .sample-problems-answers { color:#fff !important;} .btnCodeGrayChall.previous-page-btn { margin-left:112px;} .cc-post-load-marks td b strong { color:#e4146b !important;} .cc-problem-code-wrp .quesCount, .cc-problem-code-wrp b { font-size:15px; color:#333;} /*--- Alert --- */ .alert { padding:10px; font-size:14px;} /*--- Editor Box --- */ #editor-box .btnCodeGrayChall { margin-right:5px; padding:6px 10px !important; font-size:12px !important;} #editor-box .tooltip { max-width:120px;} /*--- btnCodeGrayChall --- */ .btnCodeGrayChall { position:relative; padding:6px 15px; background:#e4146b; border:0; text-shadow:none; box-shadow:none; border-radius:4px; color:#fff; text-align:center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none;} .btnCodeGrayChall:hover, .btnCodeGrayChall:focus, .btnCodeGrayChall:active { color:#fff; background:#cd0c5d; outline:none;} /*--- upload-user-code-attention --- */ #upload-user-code-attention .button4, #upload-user-code .button4{ color:#fff;} /*--- Table1 --- */ .table1 { width:100%;} .table1 tbody tr td { padding:13px 15px; vertical-align:middle; border:1px solid #dadada; border-right:0; border-left:0;} .table1 tbody tr td:last-child { border-right:1px solid #dadada;} .table1 tbody tr td:first-child { border-left:1px solid #dadada;} .table1 tr td h3 { font-size:26px; color:#303565; line-height:26px; font-weight:normal; margin-bottom:5px;} .table1 tr td p { font-size:20px; color:#8d8d8d; margin-bottom:0;} .table1 tr td span.divider { display:inline-block; margin:0 12px;} .table1 tr td.participate { text-align:right;} .table1 tr td.participate .button2 { text-align:center; max-width:213px; float:right;} .table1 .scores { margin-top:15px; margin-bottom:15px;} .table1 .scores p { float:left; font-size:16px; color:#303565; font-weight:bold; padding:0 20px 0 0;} .table1 .scores p span {color:#ef6555;} .table1 .timing-info.info-msg p { font-size:15px; color:#1a6083;} .table1 .timing-info.info-msg { padding:5px 10px; margin-top:15px;} .table1 .attempt-left { padding-top:7px; clear:both;} .table1 .attempt-left p { font-size:16px; color:#ef6555; font-weight:bold; position:relative; top:5px; width:213px; float:right; text-align:center;} .table1 .attempt-left p span {color:#303565;} .table1 .sociable1 { padding-top:15px;} .table1 .sociable1 p { float:left; line-height:26px;} .table1 .sociable1 li img { width:30px;} .table1 .sociable1 li { margin-left:10px; width:auto;} /*--- Table2 --- */ .table2 { width:100%;} .table2 thead th { background:#303565; text-align:left; font-size:20px; color:#fff; font-weight:normal; padding:15px 20px;} .table2 thead th:first-child { border-radius:5px 0 0 0;} .table2 thead th:last-child { border-radius:0 5px 0 0;} .table2 td { border-bottom:2px dotted #cacaca; padding:15px; font-size:16px; color:#303565;} .table2 a.arrow { display:inline-block; background:url(images/cg2015_images/arrow6.png) left top no-repeat; margin-right:12px; width:20px; height:20px; position:relative;} .table2 .arrow .inner { background:#dadada; position:absolute; left:50%; bottom:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:11px; line-height:14px; padding:8px; text-align:center; color:#333; display:none; width:100px; margin-left:-50px;} .table2 .arrow:hover .inner { display:block;} .table2 span.number { width:69px; height:69px; display:inline-block; line-height:68px; text-align:center; background:#77ceec; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size:23px; color:#303565;} .table2 h4 { font-size:18px; color:#303565; font-weight:normal; margin:0;} .table2 h4 span.first-letter { display:inline-block; width:69px; height:69px; text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#dadada; line-height:67px; text-transform:uppercase; font-size:26px; margin-right:15px;} .table2 h4 img.user-pic { width:69px; height:69px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin-right:15px;} .table2 span.level { height:29px; display:inline-block; background:#e55443 url(images/cg2015_images/level-bg.gif) left top no-repeat; padding:0 18px 0 27px; line-height:29px; font-size:14px; color:#fff;} .table2 span.score { display:block; text-align:center;} .table2 .score { text-align:center;} .table2 .invt-success { margin-top:0; float:none; font-size:18px; font-weight:normal;} .table2 .congraluate { color:#8b8b8b;} .table2 .add-btn { width:24px; height:24px; display:inline-block; background:url(images/cg2015_images/add.png) left top no-repeat; margin-left:5px; vertical-align:middle; position:relative;} .table2 .add-btn span { background:#ffca38; position:absolute; left:50%; bottom:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:10px; line-height:13px; padding:5px; text-align:center; color:#333; display:none; width:150px; margin-left:-75px;} .table2 .add-btn span:after { display:block; position:absolute; bottom:-12px; z-index:10; content:""; left:50%; width: 0; height: 0; margin-left:-8px; border-left:8px solid transparent;border-right:7px solid transparent;border-top:12px solid #ffc938;} .table2 .add-btn:hover span { display:block;} .table2 tbody tr:last-child td { border-bottom:1px solid #cacaca;} .table2 tbody tr td:last-child { border-right:1px solid #cacaca;} .table2 tbody tr td:first-child { border-left:1px solid #cacaca;} .table2 .down .arrow { background:url(images/cg2015_images/arrow7.png) left top no-repeat; height:17px;} .table2 .up .arrow { background:url(images/cg2015_images/arrow10.png) left top no-repeat; height:17px;} .table2 .down .arrow .inner { background:#e55443; color:#fff;} .table2 .up .arrow .inner { background:#509f2d; color:#fff; bottom:auto; top:10px;} .table2 .equal .arrow .inner { bottom:10px; left:0; margin-left:0; width:100px;} /*--- Table3 --- */ .table3 { margin-bottom:20px;} .table3 tr td, .table3 tr th { text-align:center; font-size:14px; color:#303565;} .table3 tr td:first-child { text-align:left;} /*--- Table4 --- */ .table4 { width:100%; margin:20px 0; border:1px solid #cacaca;} .table4 thead th { background:#303565; text-align:left; font-size:16px; color:#fff; font-weight:normal; padding:10px;} .table4 td { border-bottom:1px solid #cacaca; padding:10px; font-size:16px; color:#303565;} /*--- Table5 --- */ .table5 { width:100%;} .table5 tr td:first-child { width:150px;} .table5 tr td { font-size:14px; color:#707070; vertical-align:top; line-height:18px; padding-bottom:10px;} .table5 tr td p { font-size:14px; color:#707070; line-height:18px; margin-bottom:7px;} .table5 tr td p a { color:#1a8de0;} /*--- Table6 --- */ .table6 { width:100%; margin-bottom:12px; border:1px solid #bfbfbf; } .table6 tr td { padding:15px; font-size:15px; color:#081225; vertical-align:top;} .table6 tr td .count { display:block; font-size:22px; font-weight:300; } .table6 tr td p { margin-bottom:0; color:#ed7b26;} .table6 h5 { font-size:16px; font-weight:bold; margin-bottom:0; color:#ed7b26; } .table6 h6 { color:#0173ba; font-size:16px; margin-bottom:5px; font-weight:normal; } .table6 .sections { float:right; text-align:center;} .table6 .sections .section { float:left; padding:0px 10px 0px 30px; min-height:64px; margin-left:20px; } .table6 .sections .section .button2 { min-width:165px;} .table6 .score { display:block; padding-top:3px; line-height:30px; font-size:30px; color:#ed7b26; font-weight:600;} .table6 .left-attempt { display:block; text-align:center; font-weight:300; padding-top:3px; color:#cc3223; } /*--- Section --- */ .section { padding:30px 0; text-align:center; position:relative;} .section ul { margin-top:0; margin-bottom:0; padding:0; list-style:none;} .section h2 { color:#d73c88; font-weight:normal;} .section p { font-size:18px; color:#949494; line-height:24px;} .section p strong { font-weight:500; font-size:24px;} .section p.highlight { color:#135ca9;} .section p.highlight a { color:#135ca9; text-decoration:underline;} .section p span { color:#000;} /*--- Scroll Down --- */ #scroll-down { display:block; width:50px; height:50px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background-image:url(images/cg2015_images/arrow.gif); background-position:left top; position:fixed; right:10px; bottom:56px; background-repeat:no-repeat; z-index:100; background-size:100% 100%;} /*--- Scroll Top --- */ #scroll-top { display:none; width:50px; height:50px; z-index:101; background-color:#8a8a8a; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background-image:url(images/cg2015_images/arrow12.png); background-position:center center; position:fixed; right:10px; bottom:10px; background-repeat:no-repeat; 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;} #scroll-top:hover { background-color:#e93f2b;} /*--- Autocomplete --- */ /*html.js #educational-occupational input.form-autocomplete { background-image:url(images/cg2015_images/loading-small.gif) !important; background-position: 99% 18px !important;} html.js #educational-occupational input.throbbing {background-position: 99% -50px !important;}*/ html.js #educational-occupational input.form-autocomplete, html.js #college-details input.form-autocomplete { background-image:none !important;} html.js input.form-autocomplete { background-position:100% 8px !important;} html.js input.throbbing { background-position:100% -12px !important;} #autocomplete ul li { margin-bottom:0 !important;} /*--- Form1 --- */ .form1 ul { margin:0; padding:0; list-style:none;} .form1 ul li { margin-bottom:20px; position:relative;} .form1 input[type='text'], .form1 input[type='password'] { border:1px solid #9d9d9d; outline:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:56px; font-size:20px; color:#9d9d9d; line-height:26px; width:100%; padding:15px 15px 15px 52px; font-family:'lato', Arial, Helvetica, sans-serif;} .form1 label { font-size:16px; color:#303565;} .form1 .forgot-password, .form1 .regenerate-token a { font-size:16px; color:#e55443; float:right;} .form1 .remember-me { float:left;} .form1 input[type='submit'] { width:100%; outline:none;} .form1 .registered-coders { text-align:center; padding-top:73px; margin-bottom:42px;} .form1 .registered-coders p { font-size:35px; color:#1890cc; line-height:56px; margin-bottom:0;} .form1 .registered-coders p span { font-size:50px; color:#e55443; display:block;} .form1 .select { position:relative; display:block; border:1px solid #9d9d9d; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:56px; width:100%;} .form1 .select select { width:100%; border:0; padding:12px 20px 12px 52px; border:0 !important; font-family:'lato', Arial, Helvetica, sans-serif; height:54px; background:#fff; font-size:20px; color:#9d9d9d; position:relative; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .form1 .select:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:0; background:url(images/cg2015_images/select-arrow.gif) left center no-repeat; width:54px; height:54px; content:""; border-radius:0 4px 4px 0; -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0;} .form1 .register-now-btn { width:100%;} .form1 .checkbox-input { display:block; margin-bottom:5px;} .form1 .checkbox-input input[type="checkbox"] { float:left; margin-top:4px;} .form1 .checkbox-input label { display:block; margin-left:20px;} .safari .form1 .select select { padding:0;} .safari .form1 .select { padding:12px 20px 12px 52px;} .form1 .icon { position:absolute; left:11px; top:12px; width:30px; height:31px; display:block; z-index:10; background-image:url(images/cg2015_images/icons.png); background-repeat:no-repeat;} .form1 .username-field .icon { background-position:0 -115px;} .form1 .password-field .icon { background-position:-172px -3px;} .form1 .company-field .icon { background-position:-138px -3px;} .form1 .email-field .icon { background-position:-35px -119px;} .form1 .phone-field .icon { background-position:-68px -115px;} #signup-form .form1 ul li { margin-bottom:16px;} .form1 .select-category-field .icon { background:url(images/cg2015_images/category-icon.png) left top no-repeat;} .form1 .highest-qualification-field .icon { background-position:-157px -110px;} .form1 .highest-degree-field .icon { background-position:-103px -113px; width:36px;} .form1 .total-experience-field .icon { background-position:0 -115px;} .form1 .gender-field .icon { background-position:0 -115px;} .form1 .skills-field .icon { background-position:-112px -329px;} .form1 ul li.varification-field label { float:left; margin-right:15px; line-height:56px;} .form1 ul li.varification-field input[type="text"] { float:left; width:139px; padding-left:15px; margin-right:10px;} .form1 .submit-field input[type="submit"], body.loggedIn .form1 .submit-field input[type="button"] { width:auto;} .form1 textarea { border:1px solid #9d9d9d; font-family:'lato', Arial, Helvetica, sans-serif; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:128px; resize:none; font-size:20px; color:#9d9d9d; width:100%; padding:10px 15px;} .form1 select {outline:none;} body.loggedIn .form1 .submit-field .go-back-btn, body.loggedIn .form1 .submit-field input[type="submit"] { font-size:22px; padding:11px 15px 15px;} .form1 .capcha-box { padding-top:8px; float:left;} .form1 .capcha-box .reg-captcha { float:left;} .form1 .capcha-box .reg-frm-rfrs { margin-top:0;} .form1 .varification-field .error_msg { clear:both; padding-top:5px;} #thanks_msg { font-size:11px; padding:5px; background:#c1e6b9; border:1px solid #9bcd8f; color:#0b2e03;} /*.form1 .err_msg, .form1 .error_msg { color:#e55443; display:block; background:#f7dbd8; font-size:16px; border:1px solid #eeb1aa; padding:3px; margin-top:3px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}*/ .form1 .err_msg, .form1 .error_msg, .form1 #error_msg { color:#e55443; font-size:14px; display:block; margin-top:5px; float:none; padding:0; background:none;} #login-form .form1 { margin-bottom:30px;} /*--- Layout1 Specific --- */ body.layout1 #why-participate h2 { margin-bottom:20px !important;} body.layout1 #why-participate ul { padding:0;} body.layout1 #why-participate ul li .icon { float:left; width:85px; height:85px; padding-top:0; line-height:85px; border:1px solid #f2abce;} body.layout1 #why-participate ul li { margin-bottom:12px; text-align:left;} body.layout1 #why-participate ul li:last-child { margin-bottom:0;} body.layout1 #why-participate:after { display:none;} body.layout1 #why-participate ul li .details { margin-left:110px; text-align:left; height:85px;} body.layout1 #why-participate ul li .details p { font-size:17px; line-height:25px;} body.layout1 #participating-companies-register ul { padding-left:0;} #participating-companies-register { background:#fff; padding:10px;} body.layout1 #participating-companies-register ul li { float:left; margin-right:20px; width:150px; text-align:center; margin-bottom:0; height:52px; line-height:52px;} body.layout1 #participating-companies-register ul li img { vertical-align:middle; max-width:150px;} body.layout1 #participating-companies-register .caroufredsel_wrapper { height:52px;} body.layout1 #participating-companies-register .title-sponsor img { max-width:150px; margin:0 5px 10px;} body.layout1 #participating-companies-register .platinum, body.layout1 #participating-companies-register .associate { padding-top:15px;} body.layout1 #participating-companies-register h4 { font-weight:normal; margin-bottom:10px;} /*--- Certificate Categories --- */ #certificate-content { text-align:center;} #certificate-categories { text-align:center;} #certificate-categories .page-head { margin-bottom:90px;} #certificate-categories h2 img {margin-right: 15px; vertical-align: middle;} #certificate-categories h2 span{ display:block; color:#e55443; font-size:30px;} #certificate-categories .category { position:relative; border:1px solid #dadada; padding:10px 10px 125px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-bottom:70px;} #certificate-categories .category .print-btn { font-size:22px; padding:6px 20px 8px; float:right; margin-top:10px;} #certificate-categories .category header { padding-top:1px;} #certificate-categories .category header .icon { width:159px; height:159px; line-height:140px; border:5px solid #dadada; background:#fff; position:relative; display:block; margin:-68px auto 20px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; text-align:center;} #certificate-categories .category header h3 { padding:8px 0 10px; margin:0 -17px 10px; font-weight:normal; font-size:30px; color:#fff; position:relative;} #certificate-categories .category header h3:before { display:block; position:absolute; height:9px; left:0; top:-9px; width:6px; background-image:url(images/cg2015_images/arrows.png); background-position:left top; background-repeat:no-repeat; content:""; z-index:5;} #certificate-categories .category header h3:after { display:block; position:absolute; height:9px; right:0; top:-9px; width:6px; background-image:url(images/cg2015_images/arrows.png); background-position:right top; background-repeat:no-repeat; content:""; z-index:5;} #certificate-categories .category p { font-size:18px; color:#303565; margin-bottom:5px;} #certificate-categories .category h4 { color:#303565; padding-top:10px; margin-bottom:10px;} #certificate-categories .category ul { margin:0; padding:0; list-style:none;} #certificate-categories .category ul li { font-size:15px; color:#303565; background:#ececec; margin-bottom:2px;} #certificate-categories .category footer { bottom: 0; left: 0; padding: 20px 10px 10px; position: absolute; width: 100%;} #certificate-categories .category footer p { font-size:20px;} #certificate-categories .category footer p img { vertical-align:middle; margin-left:10px;} #certificate-categories .category .content { min-height:188px;} #certificate-categories .category footer .badgesSocialshare { padding-top:15px; float:left;} #certificate-categories .category footer .badgesSocialshare p { font-size:16px; margin-bottom:10px; display:inline-block;} #certificate-categories .badgesSocialshare img { margin:0 2px; width:30px;} #certificate-categories .winner header h3 { background:#3bd990; text-shadow:1px -1px 2px #1b8957;} #certificate-categories .winner header h3:before, #certificate-categories .winner header h3:after { background-color:#2ead72;} #certificate-categories .top-ranker header h3 { background:#e55443; text-shadow:1px -1px 2px #a03226;} #certificate-categories .top-ranker header h3:before, #certificate-categories .top-ranker header h3:after { background-color:#b64033;} #certificate-categories .participation header h3 { background:#21ddee; text-shadow:1px -1px 2px #0e838d;} #certificate-categories .participation header h3:before, #certificate-categories .participation header h3:after { background-color:#179da9;} #certificate-categories .completers-list { padding-top:0;} #certificate-categories .tabs3 { padding-top:30px;} #certificate-categories .tabs3 .tab-strips1 li { width:33.333%;} html.js .form1 input.form-autocomplete { background-image:none !important;} #certificate-content ul.list1 li { text-align:center;} #certificate-content ul.list1 li h4 img { width:35px;} #details_confirmtion_response { text-align:center; color:#247224;} /*--- CG Certificate --- */ .tg-certificate { padding-top:15px;} .tg-certificate header { background:#ffc938; text-align:left; padding:20px; position:relative; margin-bottom:35px;} .tg-certificate header h2{ font-size:45px; color:#022e53; margin:0; font-weight:bold; text-transform:uppercase; font-family:'monotype_corsiva', Arial, Helvetica, sans-serif; font-style:italic;} .tg-certificate header .type { width:209px; height:205px; display:block; position:absolute; right:25px; top:-33px; background:url(images/cg2015_images/type-bg.png) left top no-repeat; background-size:100% 100%; text-align:center; padding-top:49px; padding-left:20px;} .tg-certificate header .type img { vertical-align:middle;} .tg-certificate .content { text-align:center;} .tg-certificate h3 { font-size:26px; color:#e55443; text-transform:uppercase; font-weight:normal; line-height:60px;} .tg-certificate h3 span { font-size:45px; color:#022e53; display:block; font-weight:bold; padding-top:10px; font-family:'monotype_corsiva', Arial, Helvetica, sans-serif; font-style:italic;} .tg-certificate h4 { color:#022e53;} .tg-certificate p { color:#022e53; font-size:26px; line-height:52px; margin-bottom:30px;} .tg-certificate p span { color:#e55443;} .tg-certificate p.green { color:#008000; line-height:40px;} .tg-certificate p.text-right { line-height:32px; font-size:22px;} .tg-certificate p .big { font-size:36px;} .tg-certificate .sponsors { margin-bottom:20px; border-top:1px solid #f1f1f1; text-align:center; padding-top:25px;} .tg-certificate .sponsors .wipro-logo { width:89px;} .tg-certificate .sponsors img { margin:0 10px 15px; max-width:120px;} .tg-certificate footer { border-top:35px solid #ffc938; padding-top:20px;} .tg-certificate footer .print-btn { float:right; background:#bababa; color:#666666; text-shadow:none;} .tg-certificate .sociable { float:left; padding-top:4px;} .tg-certificate .sociable p { float:right; line-height:35px; margin-bottom:0;} .tg-certificate .sociable ul { float:right; margin:0; padding:0; list-style:none;} .tg-certificate .sociable ul li { float:left; margin-left:10px;} /*--- Badges Content --- */ #badges-content { text-align:center;} #badges-content h2 { color:#303565; line-height:60px; margin-bottom:70px;} #badges-content h2 img {margin-right: 15px; vertical-align: middle;} #badges-content h2 span{ display:block; color:#e3ba1e; font-size:30px;} #badges-content .category { position:relative; border:1px solid #dadada; padding:10px 10px 100px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-bottom:80px;} #badges-content .category header { padding-top:1px;} #badges-content .category header .icon { width:159px; height:159px; border:5px solid #dadada; background:#fff; position:relative; display:block; margin:-68px auto 20px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; text-align:center;} #badges-content .category header .icon img { border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:relative;} #badges-content .category header h3 { padding:8px 0 10px; margin:0 -17px 10px; font-weight:normal; font-size:30px; color:#fff; position:relative;} #badges-content .category header h3:before { display:block; position:absolute; height:9px; left:0; top:-9px; width:6px; background-image:url(images/cg2015_images/arrows.png); background-position:left top; background-repeat:no-repeat; content:""; z-index:5;} #badges-content .category header h3:after { display:block; position:absolute; height:9px; right:0; top:-9px; width:6px; background-image:url(images/cg2015_images/arrows.png); background-position:right top; background-repeat:no-repeat; content:""; z-index:5;} #badges-content .category p { font-size:18px; color:#424242; margin-bottom:0;} #badges-content .category footer { padding:20px 0 10px; position:absolute; left:0; bottom:0; width:100%;} #badges-content .category footer p { font-size:20px;} #badges-content .category footer p img { vertical-align:middle; margin-left:10px;} #badges-content .category .content { min-height:100px;} #badges-content .category footer .badgesSocialshare { padding-top:10px;} #badges-content .category footer .badgesSocialshare p { font-size:16px; margin-bottom:10px; display:inline-block;} #badges-content .badgesSocialshare img { margin:0 2px; width:30px;} #badges-content .code-spartacus header h3 { background:#3bd990; text-shadow:1px -1px 2px #1b8957;} #badges-content .code-spartacus header h3:before, #badges-content .code-spartacus header h3:after { background-color:#2ead72;} #badges-content .code-achilles header h3 { background:#e55443; text-shadow:1px -1px 2px #a03226;} #badges-content .code-achilles header h3:before, #badges-content .code-achilles header h3:after { background-color:#b64033;} #badges-content .code-zeus header h3 { background:#21ddee; text-shadow:1px -1px 2px #0e838d;} #badges-content .code-zeus header h3:before, #badges-content .code-zeus header h3:after { background-color:#179da9;} #badges-content .code-hercules header h3 { background:#022e53; text-shadow:1px -1px 2px #041a2c;} #badges-content .code-hercules header h3:before, #badges-content .code-hercules header h3:after { background-color:#01223d;} #badges-content .code-social-titan header h3 { background:#d76e10; text-shadow:1px -1px 2px #8f4a0c;} #badges-content .code-social-titan header h3:before, #badges-content .code-social-titan header h3:after { background-color:#b35908;} #badges-content .completers-list { padding-top:0;} #badges-content .tabs3 { padding-top:30px;} #badges-content .tabs3 .tab-strips1 li { width:20%;} #badges-content .tabs3 .tab-strips1 li a{ font-size:19px; padding:0; display:table; width:100%;} #badges-content .tabs3 .tab-strips1 li a span { display:table-cell; vertical-align:middle; padding:19px 10px 20px;} /*--- Social Buzz --- */ #social-buzz h3 { color:#fff; background:#484848; font-size:24px; margin-top:10px; height:45px; line-height:45px; text-align:left;} #social-buzz h3 .icon { width:45px; height:45px; color:#fff; display:inline-block; border-right:1px solid #fff; vertical-align:top; margin-right:5px; text-align:center;} #social-buzz .facebook h3 .icon { background:#115cc2;} #social-buzz .twitter h3 .icon { background:#34baff;} #social-buzz .twitter iframe { width:100% !important;} #social-buzz .social-links { padding-top:50px;} #social-buzz .social-links h4 { font-size:24px; color:#e4146b; margin-bottom:10px;} #social-buzz .social-links p { font-size:24px; line-height:24px; color:#484848;} #social-buzz .social-links p span { color:#115cc2;} #social-buzz .social-links ul { display:inline-block;} #social-buzz .social-links ul li .fa { font-size:32px; color:#fff;} #social-buzz .social-links ul li a { width:52px; height:52px; border-radius:5px; line-height:52px; display:block; padding-top:6px;} #social-buzz .social-links ul li { float:left; margin:0 2px;} #social-buzz .social-links ul li.facebook a { background:#21497f;} #social-buzz .social-links ul li.twitter a { background:#01baf7;} #social-buzz .social-links ul li.linkedin a { background:#015ef7;} #social-buzz .social-links ul li.google-plus a { background:#df4f3f;} #social-buzz .social-links ul li.github a { background:#434344;} /*--- Test-result --- */ #test-result { min-height:260px;} /*--- Sponsors Friends --- */ #sponsors-friends { text-align:center; padding-top:15px;} /*#sponsors-friends h2 { background:#f2944a; padding:13px 15px 18px; margin-bottom:0; font-size:45px; color:#fff; font-weight:normal; font-family:'harrington';}*/ #sponsors-friends .content img { margin:0 15px 25px;} #webcam_instruction_msg_body { position:fixed; width:100%;} /*--- Coming-soon --- */ #coming-soon {display:table; width:100%; text-align:center;padding-bottom:30px;} #coming-soon h2 { margin-bottom:45px;} #coming-soon .inner { display:table-cell; vertical-align:middle; } #coming-soon .flip-clock-wrapper{font-size:20px;} #coming-soon .flip-clock-divider .flip-clock-label { right:-97px;} #coming-soon .flip-clock-divider.minutes .flip-clock-label {right:-106px;} #coming-soon .flip-clock-divider.seconds .flip-clock-label {right:-110px;} /*--- Slider --- */ .slider { position:relative;} .slider .inner-slider { position:relative; left:16px; } .slider .controls { position:absolute; left:0; bottom:-18px; text-align:center; width:100%;} .slider .controls a { display:inline-block; width:12px; height:0; overflow:hidden; border:1px solid #4d5ab3; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin:0 3px; padding-top:10px;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;} .slider .controls a:hover, .slider .controls a.selected { background:#cacee7; border:1px solid #cacee7;} /*--- 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;} /*--- Footer --- */ #footer { background:#20202f; padding:50px 0 0 92px;} #footer .inner-footer { background:#de599b; padding:15px; text-align:center; margin-top:50px;} #footer p { font-size:12px; color:#efaccd; font-weight:normal; line-height:19px; margin-bottom:0;} #footer ul { margin:0; padding:0; list-style:none;} #footer ul li { font-size:17px; color:#dadada; margin-bottom:15px; line-height:20px;} #footer ul li a { color:#dadada;} #footer ul li:last-child { margin-bottom:0;} #footer .powered-by { font-size:14px; margin-bottom:20px; color:#fff; display:block; text-align:center; padding-top:7px;} #footer a.logo { margin:0; position:relative; left:auto;} /*--- tg-videos --- */ #tg-videos { background:#d25191; padding:40px 0 30px; text-align:center;} #tg-videos h2, #tg-videos h5{ color:#fff;} #tg-videos h5 { line-height:30px;} #tg-videos iframe { margin-bottom:15px;} #tg-videos .preview { width:910px; height:480px; margin:0 auto 30px;} #tg-videos .preview .slide { width:100%;} #tg-videos .thumbnails { padding:0 50px; position:relative;} #tg-videos .thumbnails a.previous-btn { background:url(images/cg2015_images/previous-btn.png) left top no-repeat; width:23px; height:49px; position:absolute; left:0; top:50%; margin-top:-24px;} #tg-videos .thumbnails a.next-btn { background:url(images/cg2015_images/next-btn.png) left top no-repeat; width:23px; height:49px; position:absolute; right:0; top:50%; margin-top:-24px;} #tg-videos .thumbnails ul { margin:0; padding:0; list-style:none;} #tg-videos .caroufredsel_wrapper, #tg-videos .gallery { height:100px !important;} #tg-videos .thumbnails ul li { float:left; margin-right:0; width:160px; padding:0 15px;} #tg-videos .thumbnails ul li:first-child { text-align:right;} #tg-videos.finale-section h2 { font-size:36px; font-weight:bold; margin-bottom:15px;} /*--- Box1 --- */ .box1 { background:rgba(77,90,179, 0.7); padding:20px 0 20px 115px; position:relative; margin-bottom:20px;} .box1 header { background:rgba(62,75,169,0.7); position:absolute; left:0; top:0; width:115px; text-align:center; display:table;} .box1 header p { font-size:16px; color:#ffcc00; display:table-cell; vertical-align:middle;} .box1 header .number { display:block; font-size:30px; color:#fff; font-weight:bold; line-height:24px;} .box1 header .fa { color:#8b93cb; font-size:35px; margin-bottom:2px;} .cc-problem-code-wrp.box1 { padding:15px; background:#fafafa;} .cc-problem-code-wrp.box1 { font-size:13px; color:#424242;} .cc-problem-code-wrp.box1 .quesHead { color:#303565; font-size:18px;} .cc-problem-code-wrp.box1 .quesWrap { padding:0; margin:0;} .cc-problem-code-wrp.box1 #attempted_option { width:20px;} .cc-problem-code-wrp.box1 #attempted_option input[type='radio'] { float:left; margin-top:0;} /*--- Box2 --- */ .box2 { border:1px solid #3e488f; background:#4d5ab3;} .box2 header { position:relative;} .box2 header .overlay { height:195px; overflow:hidden;position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0, 0); transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .box2 header .overlay .views { position:absolute; left:15px; bottom:5px; font-size:12px; color:#fff; z-index:10;} .box2 .video-holder { position:absolute; left:0; top:0; display:block; width:100%; height:100%; z-index:5; background:rgba(29, 41, 47, 0.7);} .box2 .video-holder:before { background:#fff; width:30px; height:30px; content:""; position:absolute; left:50%; margin-left:-15px; top:50%; margin-top:-15px;} .box2 .video-holder .fa {color: #e02926; font-size:46px; left: 50%; margin-left: -23px; margin-top: -23px; position: absolute; top: 50%;} .box2 header .tag { position:absolute; z-index:10; right:-6px; top:-6px;} .box2 header .image { width:100%;} .box2 header .sociable1 { position:absolute; z-index:10; width:100%; left:-230px; top:0; padding:10px; text-align:left; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .box2:hover header .sociable1 { left:0;} .box2:hover header .overlay { background:rgba(0,0,0, 0.5);} .box2 header .avatar { position:absolute; width:80px; height:80px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; right:15px; bottom:-20px; z-index:10; box-shadow:0 0 5px #333; -moz-box-shadow:0 0 5px #333; -webkit-box-shadow:0 0 5px #333;} .box2 .content { padding:25px 10px 0;} .box2 h4 { line-height:22px; height:47px; margin-bottom:12px; font-size:16px; overflow:hidden; font-weight:normal;} .box2 h4 a { color:#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;} .box2 h4 a:hover { color: #ffcc00;} .box2 .tags .fa { font-size:19px; margin-right:5px; color:#999;} .box2 p { font-size:13px; line-height:20px; color:#fff; margin-bottom:7px;} .box2 p.tags { height:45px; overflow:hidden; display:table; width:100%;} .box2 p.speaker-info { height:41px; overflow:hidden;} .box2 p.tags .inner { display:table-cell; vertical-align:middle;} .box2 p span { color:#999;} .box2 .metadata { display:block; font-size:12px; line-height:22px; color:#fff;} .box2 hr { border-top:1px dashed #3e488f; margin:10px 0;} .box2 footer { padding-bottom:18px; height:84px; display:table; width:100%;} .box2 footer p { font-weight:bold;} .box2 footer .inner-footer { display:table-cell; vertical-align:middle;} /*--- Box2 --- */ #ulWebinars-search .box1 { border:1px solid #3e488f; background:#4d5ab3; padding:0;} #ulWebinars-search .box1 header { position:relative; width:100%; height:auto !important;} #ulWebinars-search .box1 header .overlay { height:195px; overflow:hidden;position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0, 0); transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #ulWebinars-search .box1 header .overlay .views { position:absolute; left:15px; bottom:5px; font-size:12px; color:#fff; z-index:10;} #ulWebinars-search .box1 .video-holder { position:absolute; left:0; top:0; display:block; width:100%; height:100%; z-index:5; background:rgba(29, 41, 47, 0.7);} #ulWebinars-search .box1 .video-holder:before { background:#fff; width:30px; height:30px; content:""; position:absolute; left:50%; margin-left:-15px; top:50%; margin-top:-15px;} #ulWebinars-search .box1 .video-holder .fa {color: #e02926; font-size:46px; left: 50%; margin-left: -23px; margin-top: -23px; position: absolute; top: 50%;} #ulWebinars-search .box1 header .tag { position:absolute; z-index:10; right:-6px; top:-6px;} #ulWebinars-search .box1 header .image { width:100%;} #ulWebinars-search .box1 header .sociable1 { position:absolute; z-index:10; width:100%; left:-230px; top:0; padding:10px; text-align:left; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #ulWebinars-search .box1:hover header .sociable1 { left:0;} #ulWebinars-search .box1:hover header .overlay { background:rgba(0,0,0, 0.5);} #ulWebinars-search .box1 header .avatar { position:absolute; width:80px; height:80px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; right:15px; bottom:-20px; z-index:10; box-shadow:0 0 5px #333; -moz-box-shadow:0 0 5px #333; -webkit-box-shadow:0 0 5px #333;} #ulWebinars-search .box1 .content { padding:25px 10px 0;} #ulWebinars-search .box1 h4 { line-height:22px; height:47px; margin-bottom:12px; font-size:16px; overflow:hidden; font-weight:normal;} #ulWebinars-search .box1 h4 a { color:#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;} #ulWebinars-search .box1 h4 a:hover { color: #ffcc00;} #ulWebinars-search .box1 .tags .fa { font-size:19px; margin-right:5px; color:#999;} #ulWebinars-search .box1 p { font-size:13px; line-height:20px; color:#fff; margin-bottom:7px;} #ulWebinars-search .box1 p.tags { height:45px; overflow:hidden; display:table; width:100%;} #ulWebinars-search .box1 p.speaker-info { height:41px; overflow:hidden;} #ulWebinars-search .box1 p.tags .inner { display:table-cell; vertical-align:middle;} #ulWebinars-search .box1 p span { color:#999;} #ulWebinars-search .box1 .metadata { display:block; font-size:12px; line-height:22px; color:#fff;} #ulWebinars-search .box1 hr { border-top:1px dashed #3e488f; margin:10px 0;} #ulWebinars-search .box1 footer { padding-bottom:18px; height:84px; display:table; width:100%;} #ulWebinars-search .box1 footer p { font-weight:bold;} #ulWebinars-search .box1 footer .inner-footer { display:table-cell; vertical-align:middle;} /*--- Box3 --- */ .box3 { border:1px solid #dadada; background:#f4f4f4; padding:20px;} /*--- List1 --- */ ul.list1 { margin:0 -15px; padding:0; list-style:none;} ul.list1 li figure { width:80px; height:80px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block; margin:0 auto 12px;} ul.list1 li figure a { display:table; width:100%; height:80px;} ul.list1 li figure a span { display:table-cell; vertical-align:middle; text-transform:uppercase; font-size:30px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; color:#fff;} ul.list1 li figure img { position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width:80px; height:80px;} ul.list1 h4 { font-size:18px; color:#303565; font-weight:normal;} ul.list1 h4 a { color:#303565;} ul.list1 a.see-all-btn { width:80px; height:80px; margin:0 auto; border:5px solid #f2944a; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:table; background:#dadada; font-size:18px; color:#303565; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} ul.list1 a.see-all-btn span { display:table-cell; vertical-align:middle;} ul.list1 a.see-all-btn:hover { color:#dadada; background:#303565;} /*--- List2 --- */ .list2 { margin:0 -15px; padding:0; list-style:none;} .list2 li { text-align:center; max-width:320px;} /*--- Button1 --- */ .button1 { position:relative; background:#e4146b; color:#fff; text-align:center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none;} .button1:hover, .button1:focus, .button1:active { color:#fff; background:#cd0c5d; outline:none;} /*--- Button2 --- */ .button2 { position:relative; background:#ffcc00; text-shadow:none; color:#000000; text-align:center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none; font-family:'open_sanssemibold', Arial, Helvetica, sans-serif;} .button2:hover, .button2:focus, .button2:active { color:#000000; background:#dcb000; outline:none;} /*--- Button3 --- */ .button3 { position:relative; background:#d73c88; color:#fff; text-align:center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none; font-family:'open_sanssemibold', Arial, Helvetica, sans-serif;} .button3:hover, .button3:focus, .button3:active { color:#fff; background:#bf2b73; outline:none;} /*--- Button5 ---*/ .button5 { background: #2572b9; border:0; border-radius: 5px; color: #fff; display: inline-block; position: relative; text-align: center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .button5:hover, .button5:active, .button5:focus { background:#1a5f9e; color:#fff;} /*--- 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;} @media (max-width:1320px) { #banner .divider { display:none;} } @media (min-width:1200px) { #why-participate .container, #footer .inner-footer .container { width:1100px;} } @media (max-width:1225px) { body.layout1 #why-participate ul li .details { width:70%;} body.layout1 #why-participate p strong { font-size:15px;} } @media (max-width:1200px) { #how-it-works header { width:215px; height:175px;} #how-it-works header h3 { font-size:34px;} #how-it-works header .datestamp { font-size:22px;} #schedule ul li { margin:0 23px;} #prizes .prize-lists ul { padding:0 15px 0 50px;} #winners.tabs3 .tab-strips1 li { width:100%;} #participating-companies ul li { margin:0 12px 15px;} #how-it-works .round1:after, #how-it-works .round2:after { width:110px; height:30px; top:118px; right:-48px;} #latest-updates .nav-tabs > li > a { padding:15px;} .rotateslider-container img { width:250px;} #how-it-works p { font-size:16px;} .rotateslider-container .rotateslider-item.now { width:200px;} #news ul h6 { font-size:14px;} .section1 .textbox { margin:0;} #educational-occupational .textbox { margin-bottom:15px;} #userData .qblock .field { width:310px;} #query-form ul li.varification-field input[type="text"] { margin-right:0; width:195px;} .tabs3 .tab-strips1 li a { font-size:21px; padding:16px 10px 17px;} #banner .association-with p img { margin-right:20px;} #banner .association-with p { font-size:17px;} #banner .presents .wipro-logo { margin-bottom:0;} .table1 tr td h3, #invite-friends h3, ul.list1 a.see-all-btn { font-size:22px;} .table1 tr td p, #dashboard-content .inner-dashboard p, ul.list1 h4 { font-size:17px;} .table1 tr td.participate .button2 { font-size:23px; padding:8px 18px 12px;} .completers-list h3, #prizes-list h3, .leadership-board h2 { font-size:32px;} #prizes-list p { font-size:14px;} #header .sponsors-info li .divider { padding:0;} #prizes-list ul li .prize { float:none; margin:0 auto 10px;} #prizes-list ul li .prize span { margin:0 auto;} #prizes-list ul li { font-size:22px; text-align:center;} #invite-friends .score p { font-size:13px;} .table2 h4 span.first-letter { font-size:23px; width:60px; height:60px; line-height:59px;} .table2 span.number { font-size:17px; width:50px; height:50px; line-height:48px;} #invite-friends .score p span, .company-participation p { font-size:16px;} #invite-friends .score { padding:10px;} #invite-friends .table2 tbody td, .table2 h4, .table2 td { font-size:16px;} .table2 thead th, #sidebar-navigation ul li a { font-size:20px;} .chart h2 { font-size:29px;} #badges-content .category p { font-size:16px;} #badges-content .category footer p { font-size:18px;} #badges-content .category .content { min-height:112px;} #badges-content .category header h3 { font-size:25px;} .tg-certificate header h2 { font-size:34px;} #banner .win-prize { width:205px; height:245px; padding-top:87px;} .tg-certificate header .type { width:175px; height:175px; padding-left:14px; padding-top:40px; right:8px;} .tg-certificate header .type img { width:90px} .tg-certificate p { font-size:24px; line-height:45px; margin-bottom:35px;} #faq h5 { font-size:18px;} #faq p { font-size:18px;} .form1 .submit-field input[type="submit"], .form1 .submit-field .button4, .form1 .submit-field input[type="button"] { padding:11px 20px 15px; font-size:23px;} #invites-content .tab-strips1 li a { padding:15px 5px 7px; font-size:16px;} #invites-content .tab-strips1 li .icon { margin-right:10px;} #invites-content .space { height:50px;} .tg-certificate p.text-right { font-size:19px;} .table1 .scores p, .table1 .attempt-left p { font-size:15px;} body.layout1 #why-participate ul li { margin-bottom:15px;} body.layout1 #why-participate ul li .icon { float:left;} body.layout1 #why-participate ul li .details { text-align:left;} body.layout1 #why-participate h2 { font-size:35px;} .form1 ul li.varification-field input[type="text"] { width:110px;} body.loggedIn .form1 .submit-field .go-back-btn, body.loggedIn .form1 .submit-field input[type="submit"], body.loggedIn .form1 .submit-field input[type="button"] { font-size:19px; padding:9px 15px 11px;} #badges-content .category footer p { font-size:16px;} #badges-content .tabs3 .tab-strips1 li a { height:53px; font-size:17px; line-height:22px;} #badges-content .tabs3 .tab-strips1 li a span { padding:4px 10px 5px;} .table1 .attempt-left p { width:158px;} #certificate-categories .category p { font-size:16px;} #certificate-categories .category footer p { font-size:17px;} #certificate-categories .category footer .badgesSocialshare p { display:block;} #certificate-categories .category .print-btn { margin-top:34px;} #certificate-categories .category { padding-bottom:155px;} #prizes.prizes-list .prize-lists { padding-left:225px; margin-left:-81px;} #signup-form ul li.varification-field input[type="text"] { margin-right:0; width:209px;} #prizes .prize-lists { padding-left:15px;} #prizes .prize-lists ul:after { right:-7px;} #prizes .prize-lists ul:before { left:-7px;} #prizes .more-prizes .details { margin-left:92px;} #winners .tab-strips1 li a {font-size:14px;} .picLang b.pick { font-size:14px !important;} #leaderboard-content .tabs3 .tab-strips1 li a { font-size:18px;} .table2 h4 img.user-pic { width:60px; height:60px;} #sponsors .inner-sponsors h4 { font-size:15px;} #banner .semifinal-icon { right:40px;} #banner.semifinal .presents .wipro-logo { vertical-align:sub;} #banner.semifinal h2 { line-height:45px; padding-top:12px;} #schedule ul li .datestamp { font-size:19px;} #schedule ul li { font-size:16px; line-height:21px;} #schedule ul li { width:20%;} #schedule ul li .datestamp { width:170px;} #banner .main-logo {left:auto;} #banner .presents p, #banner .presents p img { margin-right:0;} #banner .inner-banner .col-sm-4 { padding:0 15px;} #sponsors p.more-links { font-size:13px;} #why-participate ul li .details { width:75%;} .section p { font-size:16px;} .section p strong { font-size:23px;} #how-it-works p strong { font-size:18px;} #how-it-works h2:before { background-size:78.2% 100%; left:0;} #schedule ul:before { background-size:92% 76%;} body.layout1 #why-participate ul li .details { width:76%;} #college-banner .main-img { height:290px;} #why-participate ul li .details p { font-size:15px;} #why-participate p strong { font-size:21px;} #header .pledge-now { left:-90px;} #header .user-area a.btn { padding:8px 10px;} .top-sponsors { position:relative; margin-top:-7px;} .top-sponsors p img { max-height:30px;} .top-sponsors p br { display:block;} .top-sponsors p { text-align:center; line-height:9px;} .top-sponsors p img { margin:0 5px;} } @media (max-width:1100px) { #banner .win-prize { width:180px; height:213px; right:0; padding-top:67px; top:-8px; font-size:14px;} #banner .win-prize strong { font-size:21px;} #banner .win-prize a { font-size:12px;} } @media (min-width:993px) { #main-navigation .menu-btn { display:none !important;} #main-navigation > ul { display:block !important;} } @media (max-width:992px) { #tg-videos .preview iframe { width:714px !important; height:396px !important;} #tg-videos .preview { width:718px !important; height:400px !important;} #tg-videos .caroufredsel_wrapper, #tg-videos .gallery { height:78px !important;} #tg-videos .preview iframe { width:714px !important; height:396px !important;} #tg-videos .preview { width:718px !important; height:400px !important;} #tg-videos .caroufredsel_wrapper, #tg-videos .gallery { height:78px !important;} #banner .finale-img { max-width:550px;} #banner .content { max-width:350px; background-size:100% 100%;} #banner .finale-img .prizes-badge { width:100px; top:55px; right:-65px;} #header .pledge-now { display:none;} #main-navigation ul li a { font-size:12px;} #why-participate p strong { font-size:19px;} #banner .year { line-height:82px;} .section p { font-size:16px;} #social-buzz .social-links h4 { font-size:22px;} #social-buzz .social-links p { font-size:20px;} .section h2 { font-size:40px;} #footer .powered-by { font-size:13px;} #footer { padding:30px 0 0 75px;} #footer ul li { font-size:13px; margin-bottom:10px;} #banner .in-powered-by-title:before, #banner .in-powered-by-title:after { width:28%;} #how-it-works header h3 { font-size:30px;} #certificate-categories .category .content { min-height:218px;} .form1 label, .form1 .forgot-password { font-size:15px;} #how-it-works header .datestamp { font-size:19px;} #prizes h4 { margin-bottom:40px;} .corp-contact-info span, #userData .qblock .field { width:100%; float:none !important; display:block !important;} #userData .qblock .field { width:100%;} #content #userData .qblock label { padding-left:13px !important; padding-bottom:0px !important; width:100% !important; } #how-it-works h4 { font-size:21px;} #college-banner .main-img { height:260px;} #prizes .trophy { margin-bottom:30px;} #banner h2 { font-size:30px;} #banner h2 span { font-size:20px; font-weight:400;} #banner h2 span.top-border::before, #banner h2 span.top-border::after { width:105px;} #how-it-works p, #how-it-works dl dt, #how-it-works dl dd { font-size:14px; line-height:19px;} #prizes h3 { font-size:27px; line-height:31px;} #prizes .prize-lists { padding-left:15px;} #banner .association-with p img { width:100px; margin:0 auto; display:block;} #banner .association-with { text-align:center;} #schedule ul li { font-size:16px; line-height:22px; margin:0 13px;} #schedule ul li .datestamp { font-size:15px; line-height:28px; height:112px; width:130px; padding:28px 5px 15px;} #schedule ul:before { top:96px; background-size:96% 62%;} #participating-companies ul li { margin:0 7px 7px;} #footer ul li { font-size:15px;} #winners .tab-strips1 li a {font-size:12px; padding:9px 3px 10px;} #how-it-works p.lead { font-size:19px; line-height:26px;} #how-it-works .round1:after, #how-it-works .round2:after {height: 22px; right: -30px; top: 154px; width: 90px;} #how-it-works .round1 header:after { top:-20px;} #how-it-works .round3 header:after { left:-21px;} #how-it-works header:before { left:-33px; top:-8px;} #how-it-works .divider { height:35px;} #how-it-works .round2 header:before { left:-38px; top:9px;} .button1 { font-size:15px; padding:10px;} #banner .win-prize { height: 180px; padding-top: 59px; width: 157px; font-size:13px; line-height:19px; top:-7px;} #banner .win-prize strong { font-size:19px; line-height:24px;} #banner .presents p img { margin-right:0; margin-bottom:5px;} #banner .presents p { text-align:right; padding-right:15px;} .form1 input[type="text"], .form1 input[type="password"], .form1 .select select{ font-size:13px;} .form1 input[type="text"], .form1 input[type="password"], .form1 .select select { height:47px;} .form1 .select { height:49px;} .form1 .select:after { height:47px;} .form1 .icon { top:9px;} .box1 { padding-left:95px;} #news .box1 { padding:20px 20px 20px 95px;} #header .logo .logo-presents { width:54px;} #news ul .image { width:60px; height:45px;} #news ul .details { margin-left:70px;} #news ul h6 { font-size:13px;} #news ul .metadata { font-size:11px;} #how-it-works h4 { font-size:18px;} .form1 .register-now-btn { font-size:26px;} .sociable1 ul li { padding:0 5px;} .table1 .sociable1 li { margin-left:0;} .section1 h2 { font-size:41px;} .table2 h4 img.user-pic { width:40px; height:40px; margin-right:10px;} .section1 p { font-size:25px; line-height:35px;} #why-techgig .checkboxes .checkbox { margin:0 10px 30px;} #why-techgig .checkboxes .checkbox label { font-size:14px; padding:10px 10px 11px 40px;} #why-techgig .checkboxes .checkbox label:before { bottom:11px;} .form1 .remember-me { float:none; margin-bottom:10px; display:block;} .form1 .forgot-password, .form1 .regenerate-token a { float:none;} #schedule .container { width:100%; max-width:100%;} #schedule ul li { width:21%;} .tabs1 ul.tab-strips li a { font-size:23px; padding:8px 10px 11px;} .form1 .registered-coders p { font-size:28px; line-height:30px;} .form1 .registered-coders p span { font-size:38px; line-height:50px;} .form1 .registered-coders { padding-top:30px;} .section1 input[type="text"] { height:48px; padding-left:47px; letter-spacing:0;} .section1 .icon { left:7px; top:8px;} .section1 .select select, .section1 .select:after { font-size:14px; height:46px;} .section1 .select { height:48px;} .form1 .err_msg, .form1 .error_msg { font-size:12px;} .chart h2 { font-size:22px;} #header .user-area .user span { font-size:17px; } .chart .legends li { font-size:12px;} #user-panel .panel-sidebar, #sidebar-navigation.fixed { width:220px;} #user-panel .panel-main { margin-left:250px;} #user-panel { background-position:-25px top;} #user-panel .user-controls p { font-size:13px;} #invite-friends .view-referral-winners { font-size:13px; line-height:20px; margin-bottom:20px; margin-top:0 !important;} #user-panel .user-controls h3 { font-size:18px;} #user-panel .user-controls h3 { margin-bottom:5px;} #sidebar-navigation ul li a { padding:10px 15px; font-size:18px;} .tabs3 .tab-strips1 li { padding-right:10px;} .tabs3 .tab-strips1 { padding:0 12px;} #invite-friends .score { margin-bottom:25px;} .tabs3 .tab-strips1 li a {font-size: 16px; padding: 9px 5px 10px;} .tabs3 .tab-strips1 li.ui-state-active a:after { margin-left:-10px; border-left: 10px solid transparent;border-right: 9px solid transparent;border-top:16px solid #135ca9; bottom:-16px;} .table1 tr td h3, #invite-friends h3, ul.list1 a.see-all-btn { font-size:17px;} .table1 tr td p, #dashboard-content .inner-dashboard p, ul.list1 h4 { font-size:13px;} .table1 tr td span.divider { margin:0 2px;} .table1 tr td.participate .button2 { font-size: 18px; padding: 6px 18px 8px;} .completers-list h3, #prizes-list h3, .leadership-board h2 { font-size:26px;} .table1 tr td h3, #invite-friends h3, ul.list1 a.see-all-btn { font-size:15px;} #prizes-list { border-radius:10px; padding:15px 20px; text-align:center;} #prizes-list .col-md-4, #prizes-list p { text-align:center;} #prizes-list .image { float:none; margin-left:0;} #invite-friends header h4 { font-size:20px;} #invite-friends header { padding:12px;} #invite-friends .invite-friends-btn { font-size:20px; min-width:15px; padding:9px 25px 10px;} .table2 thead th { font-size:17px; padding:12px 10px;} .table2 td { padding:12px 10px;} .table2 h4 span.first-letter { font-size:20px; width:40px; height:40px; line-height:39px; margin-right:10px;} .table2 span.number { font-size:14px; width:40px; height:40px; line-height:40px;} #invite-friends .table2 tbody td, .table2 h4, .table2 td { font-size:14px;} .table2 .congraluate { font-size:13px;} .table2 span.level { padding:0 12px 0 20px; height:24px; line-height:23px; background-size:13px 24px; font-size:12px;} .company-participation { padding:15px;} .company-participation p { font-size:14px; line-height:18px;} .company-participation .form1 input[type="text"]{ font-size:11px;} #prizes-list h3{ margin-bottom:25px;} #header .sponsors-info li img { width:20%;} #prizes-list ul li { float:none; display:inline-block; width:32.333%;} #badges-content h2 { font-size:32px; line-height:45px;} #badges-content h2 span { font-size:26px;} .tg-certificate header { padding:15px; padding-right:160px;} .tg-certificate header h2 { line-height:35px;} .tg-certificate header .type img { width:70px;} .tg-certificate p { line-height:38px;} #header .sponsors-info .container { height:48px;} #header .sponsors-info ul li { font-size:14px;} #header .sponsors-info .caroufredsel_wrapper, #header .sponsors-info ul, #header .sponsors-info ul li, #header .sponsors-info { height:48px !important;} #user-panel .sociable p { font-size:20px;} .tg-certificate footer .print-btn {font-size: 23px; line-height: 23px; padding: 9px 25px 10px;} #faq h5 { font-size:16px;} #faq p, ol.list1 li { font-size:15px;} .form1 textarea { font-size:13px;} #query-form h4 { font-size:28px;} #faq h3 { margin-bottom:20px;} .form1 .submit-field input[type="submit"], .form1 .submit-field .button4, .form1 .submit-field input[type="button"] { font-size:16px; padding:7px 10px 9px;} #invites-content h3 { font-size:23px;} #invites-content p { font-size:18px; line-height:23px;} #invites-content .tab-strips1 li a{ padding:10px 5px 3px;} #invites-content .tab-strips1 li .icon { display:block; margin:0 auto;} ul.list2 li { font-size:16px;} .tg-certificate p.green, .tg-certificate p, .tg-certificate p.text-right { line-height:36px;} .tg-certificate p.text-right { font-size:18px; line-height:32px;} .tg-certificate h3 { font-size:23px; line-height:45px;} .tg-certificate h3 span { font-size:40px;} ul.list1 li figure a span { font-size:32px;} #invites-content p { font-size:16px;} #invites-content .space { height:40px;} .table1 .scores p, .table1 .attempt-left p { font-size:13px;} #login-form .sociable1 { padding-top:0;} body.layout1 #why-participate h2 { margin-bottom:30px; font-size:25px;} #why-participate ul li .details p { font-size:15px; line-height:20px;} body.layout1 #why-participate ul li .details { width:68%;} .form1 ul li.varification-field label { line-height:46px;} body.loggedIn .form1 ul li.varification-field input[type="text"] { margin-right:0; width:100%;} body.loggedIn .form1 .submit-field .go-back-btn, body.loggedIn .form1 .submit-field input[type="submit"], body.loggedIn .form1 .submit-field input[type="button"] { font-size:13px; padding:6px 8px;} #main-navigation ul ul { top:61px;} #badges-content .category footer p { font-size:15px;} #badges-content .category footer p img { width:35px;} #the-prizes .first-prize .details p { font-size:26px} #the-prizes .first-prize .details p span, #the-prizes .prize-lists li p span strong{ font-size:33px;} #the-prizes .first-prize .details p strong { font-size:45px; margin:0 1px;} #the-prizes .info p { font-size:14px; line-height:21px;} #the-prizes .prize-lists li .icon { margin-right:22px;} #the-prizes .prize-lists li .details { margin-left:125px;} #the-prizes .prize-lists li p { font-size:22px;} #the-prizes .prize-lists li p small { font-size:10px;} .round-prizes .details p { font-size:15px;} #prizes.prizes-list .prize-lists { padding-left:170px;} #prizes.prizes-list h3 { font-size:22px;} #prizes.prizes-list .prize-lists ul li {line-height:28px;} #prizes.prizes-list .prize-lists ul{ padding-left:65px;} #badges-content .tabs3 .tab-strips1 li a { font-size:16px; line-height:20px;} #main-navigation ul ul { top:66px;} .table1 .attempt-left p { width:132px;} #badges-content .category footer .badgesSocialshare p { font-size:13px;} #badges-content .badgesSocialshare img { width:27px;} #certificate-categories .category p { font-size:14px;} #certificate-categories .category footer p { font-size:15px;} #certificate-categories .category header h3 { font-size:26px;} #certificate-categories .category .print-btn { padding:4px 15px 6px; font-size:20px;} #certificate-categories .badgesSocialshare img { width:25px; margin:0;} #certificate-categories .category footer .badgesSocialshare p { margin-bottom:5px;} #certificate-categories .category .print-btn { margin-top:30px;} #certificate-categories .category footer p img { width:31px;} #main-navigation ul ul { top:63px;} #query-form ul li.varification-field input[type="text"] { width:112px; margin-right:10px;} #signup-form ul li.varification-field input[type="text"] { width:118px;} #main-navigation ul li.more { padding-left:4px;} .global-form textarea { height:65px;} .global-form #exp_yr, .global-form #exp_month, .global-form #salary_lakh, .global-form #salary_thousand { width:97px !important;} .global-form select[name^="degree_"], .global-form select[name^="year_"] { width:104px !important;} .global-form .eduGridCodeH td input.univ { width:100px !important;} .global-form .label { margin:0;} #sponsors .inner-sponsors h4 { height:41px; font-size:11px;} #leaderboard-content .tabs3 .tab-strips1 li a { font-size:15px;} #banner .gladiators-logo img { width:228px;} #banner .presents .wipro-logo { display:block; margin:0 auto 5px; width:120px;} #banner .presents { text-align:center;} #banner .gladiators-logo { padding:10px 0 3px;} #prizes .prize-lists ul li .rupee-symbol { font-size:30px;} .leadership-board h2 .cevent { width:140px;} body.layout1 .logo .logo-presents { margin-right:10px;} #banner .semifinal-icon { right:25px; width:165px;} #header .sponsors-info .associate-sponsors img { width:50px;} #finale-banner .slide, #finale-banner .slides { background-size:100% 100%; height:300px;} .finale-section ul.companies figure { width:130px; padding:0 5px;} #action-youtube .preview iframe { width:714px !important; height:396px !important;} #action-youtube .preview { width:718px !important; height:400px !important;} #action-youtube .caroufredsel_wrapper, #action-youtube .gallery { height:78px !important;} #image-gallery .caroufredsel_wrapper, #image-gallery .gallery { height:82px !important;} #how-it-works .round3 p { font-size:18px; line-height:23px;} #why-participate ul li .details { width:67%;} #how-it-works h2:before { display:none;} #banner.cw-banner #why-participate ul li .details { width:68%;} #banner.cw-banner #why-participate { background-size:150px;} #refer-someone { width:240px;} #educational-occupational .table4 tr th, #educational-occupational .table4 .title-box { font-size:13px;} body.landing-page #header .logo{ display:block;} #header .button1 { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:11px; padding:5px;} #header .user-area { float: none; padding-top: 2px; position: absolute; right: 15px;} .finalelist-page #header .user-area { float: right; padding-top: 0; position: relative; right: 0;} .finale-section h4 { font-size:22px;} #sidebar-panel{ width:75px;} #main-panel { margin-left:75px;} #latest-updates .nav-tabs > li > a { padding:10px; font-size:12px;} #latest-updates .nav-tabs > li > a .number { font-size:25px;} .widget header h5 { font-size:14px;} .box1 header { width:95px;} .rotateslider-container img { width:200px;} .rotateslider-container .rotateslider-item.now { max-width:150px;} #about-speaker .button2 { font-size:12px;} #header .user-area p { font-size:12px;} } @media (min-width:768px) and (max-width:991px) { #badges-content .category header .icon { width:115px; height:115px; line-height:101px;} #badges-content .category header h3 { font-size:16px;} #badges-content .category p { font-size:13px; line-height:17px;} #badges-content .category footer p img { width:30px;} #badges-content .category footer p { font-size:12px;} #badges-content .category .content { min-height:90px;} .tg-certificate p.text-right {margin-bottom:20px;} .tg-certificate header .type { width:150px; height:150px;} } @media (min-width:768px) { #sponsors .inner-sponsors .col-sm-2 { width:12.5%;} } @media (max-width:767px) { #tg-videos .preview iframe { height: 229px !important; width: 259px !important;} #tg-videos .preview { height: 233px !important; width: 263px !important;} #tg-videos .caroufredsel_wrapper, #tg-videos .gallery, #image-gallery .caroufredsel_wrapper, #image-gallery .gallery { height:50px !important;} #tg-videos iframe { width:290px; height:173px;} #tg-videos h5 { font-size:13px;} .finalelist-page #banner { padding:15px; height:auto;} .finalelist-page .top-sponsors.for-landing .title-sponsors, .finalelist-page .top-sponsors.for-landing .powered-by { float:none;} #banner .finale-img, #banner .content { max-width:290px; margin-bottom:20px;} #banner .content { height:142px;} .finalelist-page .top-sponsors.for-landing a { margin-bottom:10px;} #banner .finale-img .prizes-badge { display:none;} #banner .content h3, #banner .content p { font-size:20px;} #why-participate .button3 { padding:10px 25px;} #sponsors .gold-sponsors .caroufredsel_wrapper, #sponsors .gold-sponsors ul { height:155px !important;} #press-media-releases .form1 ul li, #press-media-releases .form1 input[type="text"], #press-media-releases .form1 ul { width:100%;} #press-media-releases .form1 ul { margin-bottom:25px;} #press-media-releases .form1 .select { width:50%;} #main-navigation .menu-btn { top:61px;} #banner.cw-banner #why-participate ul li .details { width:68%;} #banner.cw-banner .section p { color:#3a88d2;} #educational-occupational .already-job-field .inner-wrap { margin-top:15px;} #banner.cw-banner #why-participate { background:none;} #banner.cw-banner h2 { padding-top:0;} #banner .presents img { width:auto;} #how-it-works h2 { margin-bottom:30px;} #refer-someone { position:relative; bottom:auto; left:auto; margin:0 auto -20px;} #prizes .prize-lists ul:before, #prizes .prize-lists ul:after { display:none;} #latest-updates .nav-tabs > li > a {font-size:10px;} body.layout1 #why-participate ul li { margin-bottom:15px;} #banner .title-sponsors p .and { margin:0 10px;} #banner h2 span.top-border::before, #banner h2 span.top-border::after { top:-19px;} #banner .presents p { padding-right:0;} #banner .presents p { text-align:center;} #banner .presents p img { margin:0 auto 2px; display:block;} #how-it-works .round1:after, #how-it-works .round2:after { display:none;} #how-it-works .divider { height:30px; margin-bottom:6px;} #how-it-works h4 { font-size:18px;} #finale-banner .slide, #finale-banner .slides { height:140px;} #finale-banner h3 { font-size:13px;} #finale-banner h2 { font-size:17px;} #college-banner .main-img { height:auto;} .finale-section h3 { font-size:23px;} .finale-section ul.companies li { width:100%; margin-bottom:15px;} #schedule ul li .datestamp { padding-top:0;} #schedule { background:#fff; z-index:100;} .finale-section { padding:38px 0;} #action-youtube .preview iframe { height: 229px !important; width: 259px !important;} #action-youtube .preview { height: 233px !important; width: 263px !important;} #action-youtube .caroufredsel_wrapper, #action-youtube .gallery, #image-gallery .caroufredsel_wrapper, #image-gallery .gallery { height:50px !important;} .finale-section h2, #sponsors-friends h2 { font-size:26px;} #schedule ul:before { display:none;} .section h2 { font-size:31px; line-height:40px;} #schedule ul { text-align:center;} #schedule ul li { margin-bottom:20px; vertical-align:top; width:115px; min-height:165px; display:inline-block; float:none;} #schedule ul li .datestamp { width:135px; font-size:13px; height:75px; margin-bottom:15px;} #schedule ul li:last-child { margin-bottom:0;} #certificate-categories .category { padding-bottom:125px; margin:0 3px 70px;} #certificate-categories .tabs3 { padding-top:0;} #certificate-categories .category .content { min-height:235px;} #finale-banner .cg-status p { margin-bottom:5px;} .cg-status { padding-bottom:10px;} #participating-companies ul li { min-height:44px;} #footer ul { margin-bottom:25px;} #footer .sociable { margin-bottom:0;} #footer .logo { width:135px;} #coming-soon h2 {padding-bottom:0;} #coming-soon { padding-bottom:0;} #footer ul li { font-size:15px; margin-bottom:4px;} .leadership-board h2 .cevent { width:105px;} #footer p { font-size:12px;} #footer h3 { font-size:15px; margin-bottom:15px;} #why-participate ul li .details { padding-right:0;} #why-participate ul li { margin-bottom:30px;} #banner .title-sponsors { clear:both; padding:10px 0;} #banner .presents p { margin-bottom:10px; font-size:16px;} .landing-page #banner .presents p { font-size:18px;} #banner .year { font-size:50px; line-height:52px;} #sponsors .golden-sponsors .see-all { position:relative; top:3px; float:right;} #banner h2 span { padding-bottom:27px;} #banner .top-sponsors .akamai { width:106px;} #banner .top-sponsors .c-event { width:130px;} #banner .and { margin:0 15px;} #banner .sponsors { padding-top:30px;} #banner .sponsors h4 { padding-top:8px; border-top:1px solid #e6ded1;} #how-it-works dl { display:inline-block;} #how-it-works dl dt, #how-it-works dl dd { float:left;} #how-it-works dl dt { clear:left; margin-right:5px;} #why-participate h3 { font-size:21px;} #banner .presents, #banner .presents .inner { display:block; height:auto;} body.layout1 #why-participate ul li .details { padding-right:0; margin-left:102px; width:58%;} body.layout1 #why-participate h2 { font-size:28px; margin-bottom:28px;} body.layout1 #why-participate ul li .icon { left:0;} #why-participate ul li .details p { font-size:13px;} body.layout1 #why-participate ul li { margin-bottom:25px;} body.layout1 #why-participate { padding:20px;} body.layout1 #why-participate ul li .details p { font-size:14px; line-height:21px;} .tabs1 ul.tab-strips li a {font-size: 20px;padding: 7px 8px 9px;} .form1 input[type="text"], .form1 input[type="password"] { padding-left:45px;} .form1 .select select { padding-left:40px;} .form1 input[type="text"], .form1 input[type="password"], .form1 .select select { font-size:13px;} .section1 h2 { font-size:31px; line-height:45px; padding-top:15px;} .section1 p { font-size:18px; line-height:27px; letter-spacing:0;} #why-techgig .checkboxes .checkbox { width:44%; margin:0 5px 22px;} #why-techgig .checkboxes .checkbox label { font-size:12px;} .section1 input[type="text"] { font-size:14px;} #educational-occupational .inner-wrap { padding:20px 0 5px;} .section1 a.skip { font-size:15px;} .button3 { font-size:22px; padding:7px 25px 10px;} #prizes .prize-lists ul { padding-left:50px;} .form1 label,.form1 .forgot-password, .form1 .regenerate-token a { font-size:13px;} #gyan img[alt='winner-prize'] { float:none; margin:0 auto; display:block; margin-bottom:15px;} #user-panel .panel-sidebar { float:none; width:100%; padding-bottom:0;} #sidebar-navigation.fixed { left:auto; top:auto; width:auto; position:relative;} #user-panel .user-controls { padding:15px 10px 12px;} #user-panel .user-controls .image, #user-panel .user-controls figure, #user-panel .user-controls figure span { width:85px; height:85px; line-height:80px; font-size:25px;} #sidebar-navigation ul { border-top:1px solid #154873;} #sidebar-navigation ul li { float:left; width:20%; border-bottom:0; border-right:1px solid #303565;} #sidebar-navigation ul li:last-child { border:0;} #sidebar-navigation ul li a { border-left:0; border-top:3px solid #303565;} #sidebar-navigation ul li.active a, #sidebar-navigation ul li:hover a {border-left:0; border-top:3px solid #e55443;} #sidebar-navigation ul li.active a:before, #sidebar-navigation ul li:hover a:before { width:15px; height:12px; background:url(images/cg2015_images/arrow7.png) left top no-repeat; background-size:100% 100%; left:50%; top:0; margin-top:0; margin-left:-7px;} #sidebar-navigation ul li a { font-size: 10px; padding: 13px 2px 10px;} #user-panel .panel-main { margin-left:0;} #user-panel { background:#fff;} #user-panel .panel-main .inner-wrap { padding:15px;} #user-panel .user-controls .change-picture,#user-panel .user-controls .edit-profile { float:none; margin:0 10px;} .tabs3 .tab-strips1 { padding:0 3px;} .tabs3 .tab-strips1 li { padding-right:4px;} .tabs3 .tab-strips1 li a { font-size:11px; padding:5px 1px 4px;} .tabs3 .tab-content { border-radius:4px;} .table1 tr td.participate .button2 { font-size: 12px; padding: 4px 10px;} .table1 tbody tr td { padding:8px 10px;} .table1 tr td span.divider { display:block; height:2px; visibility:hidden;} .completers-list h3, #prizes-list h3, .leadership-board h2 { font-size:22px; line-height:28px;} #prizes-list ul li { width:48.333%; font-size:20px;} #prizes-list .image { display:none;} #invite-friends .tabs3 .tab-strips1 li a { font-size: 14px; padding: 5px;} #invite-friends .table2 thead th { font-size: 14px;padding: 7px 10px;} #invite-friends .table2 h4 span.first-letter { font-size: 16px; height: 30px; line-height: 29px; width: 30px;} #invite-friends .table2 tbody td, .table2 h4, .table2 td { font-size:12px;} #invite-friends .table2 tbody td, .table2 td { padding:7px 10px;} #invite-friends .table2 tbody td { width:30%;} #invite-friends .table2 tbody td:first-child { width:70%;} .section1, .section1 .inner-section { display:block; height:auto !important;} .leadership-board .table2 { margin-bottom:0;} .table-responsive { overflow-x:auto;} .table-responsive { border: 1px solid #ddd; margin-bottom: 15px; overflow-y: hidden; width: 100%; position:relative; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0;overflow-x: auto;} .table-responsive .table2 { min-width:500px;} .table-responsive .table4, .leadership-board .table2 { min-width:767px; margin-bottom:0;} .table2 .arrow .inner { left:-10px; margin-left:0; text-align:left;} .table2 a.arrow { margin-right:6px;} .table2 a.arrow { vertical-align:text-bottom;} .company-participation .form1 input[type="text"] { font-size:13px;} .company-participation p { margin-bottom:15px;} #badges-content h2 { font-size:28px; line-height:34px;} #badges-content h2 span { font-size:20px;} #badges-content .category .content { min-height:15px;} #badges-content .category p { font-size:15px;} .tg-certificate header { padding:10px 100px 10px 10px; margin-bottom:20px;} .tg-certificate header h2 { font-size:23px; line-height:29px;} .tg-certificate header .type { height: 115px; padding-left: 9px; padding-top: 28px; right: -10px; top: -14px; width: 115px; } .tg-certificate header .type img { width:55px;} .tg-certificate h3 { font-size:20px; line-height:37px;} .tg-certificate h3 span { font-size:32px;} .tg-certificate p, .tg-certificate p.green { font-size:19px; line-height:30px;} .tg-certificate p { padding-bottom:0;} .tg-certificate p.text-right { font-size:15px; line-height:23px; padding-top:15px;} .tg-certificate footer {border-top:15px solid #ffc938; padding-top:10px;} #user-panel .sociable ul li { width:35px;} .tg-certificate footer .sociable { margin-bottom:15px; float:none;} .tg-certificate p .big { font-size:28px;} #faq h3 { font-size:30px;} #query-form h4 { font-size:21px;} .form1 .submit-field input[type="submit"], .form1 .submit-field .button4, .form1 .submit-field input[type="button"], .submit-field input[type="button"] { padding:7px 15px 9px; font-size:13px; line-height:19px;} .form1 ul li:last-child { margin-bottom:0;} #faq h5 { font-size:15px;} #scroll-top { width:40px; height:40px; background-size:17px 22px;} #faq p, ol.list1 li, ul.list2 li, .post p, #coding_instructions font, .round-prizes .details p, p { font-size:13px; margin-bottom:15px; line-height:20px;} #faq h3 { font-size:24px;} #invites-content .tab-strips1 li .icon { margin-right:0; display:block; margin:0 auto;} #invites-content .tab-strips1 li a { padding:10px 5px 2px;} #invites-content h2 { font-size:30px; line-height:35px;} #invites-content .tab-strips1 li a { font-size:12px; line-height:18px;} #invites-content h3 { font-size:20px;} #invites-content p { font-size:15px; line-height:20px;} ul.list2 li ul { padding-left:15px;} #header .user-area { position:absolute;} #footer { text-align:center;} body.layout1 .logo .logo-presents { width:70px;} #footer .sociable li { float:none; margin:0 10px; display:inline-block;} #footer .sociable li:last-child { margin-right:10px;} #footer .sociable { padding-top:10px;} .section p strong { font-size:18px;} #badges-content .category header .icon { width:140px; height:140px; line-height:126px;} #badges-content .social-networker { margin-bottom:40px;} ol.list1 { padding-left:20px;} .table1 .scores p, .table1 .attempt-left p { font-size:12px;} .table1 .attempt-left p { top:0;} .table1 .scores p:last-child { padding-right:0;} #why-participate ul li { min-height:45px;} #why-participate ul li.alt .icon { margin-right:10px;} #why-participate ul li .details { width:56%;} #why-participate p strong { font-size:18px;} #company-logos { padding-top:20px;} #company-logos ul li { width:49%; margin-bottom:15px;} .section1 .next-btn { margin-top:25px;} #user-location .button3 { font-size:21px; margin-top:50px;} body.layout1 .logo a img { width:210px;} .sociable1 h5 { font-size:16px;} #header .sponsors-info { padding:0; height:59px;} #header .sponsors-info h3 { display:block; font-size:15px;} #header .sponsors-info h3 span { display:none;} #header .sponsors-info li .divider { display:none;} #_l2_id_1 { width:300px;} #_l2_id_1 .fb-blue-head b { font-size:15px;} #invites-content .tab-strips1 { padding:0 3px;} #invites-content .tab-strips1 li { padding-right:3px;} .table2 .add-btn span { left:auto; right:0; margin-left:0;} .table2 .add-btn span:after { left:auto; right:5px;} #userData .top-bar > span { float:none !important; display:block; margin-bottom:10px;} #userData h2 { font-size:32px;} #userData .qblock label { width:100%;} #userData .qblock .field { padding-bottom:11px !important;} #userData .qblock .field select, #userData .qblock .field input[type="text"], #userData span#submit_button { margin-top:10px;} #userData .qblock span.field select { width:77%;} #userData #div_current_designation select { width:100% !important;} #userData .qblock span.field { width:100%;} #userData .qblock span.field .TextValue { width:91%;} #userData .qblock .edit1 { right:0; margin-top:10px;} #userData .qblock span.field .label { display:inline-block; margin-top:16px;} .btnCodeGrayChall { margin-bottom:10px;} .cc-problem-code-wrp { font-size:13px; line-height:19px;} #sponsors .col-sm-4{ background:none;} #coming-soon h2 { font-size:21px; margin-bottom:32px;} .tg-certificate .sociable ul li { margin-left:8px;} .section p { font-size:14px;} #coding_instructions h3 { font-size:23px;} .cc-post-load-marks td b { font-size:14px !important;} .cc-editions-wrap2 { padding:30px 10px 30px;} .cc-score-share-wrp { padding:15px;} .cc-score-share-wrp textarea { font-size:12px;} .cc-share-cont a.fbook, .cc-share-cont a.tweet, .cc-share-cont a.email { display:block; float:none; margin:0 auto 10px;} .cc-share-cont { width:auto;} #faq-icon { width:40px; height:40px; margin-top:-20px;} #the-prizes .first-prize .label { width:88px; height:85px; font-size:15px; margin-right:15px; padding-top:28px;} #the-prizes .first-prize .label span { font-size:32px;} #the-prizes .first-prize .details, #the-prizes .prize-lists li .details, .round-prizes .details { margin-left:103px;} #the-prizes .first-prize .details p { font-size:21px; line-height:29px;} #the-prizes .first-prize .details p span { font-size:23px;} #the-prizes .first-prize .details p strong { font-size:33px;} #the-prizes img.prize-boy { width:200px;} #the-prizes .info p { font-size:12px; line-height:17px;} #the-prizes .info { margin-bottom:25px;} #the-prizes .prize-lists li p { font-size:20px; line-height:22px;} #the-prizes .prize-lists li .icon { width:80px;} #the-prizes .prize-lists li p span { font-size:27px;} #the-prizes .prize-lists li .details { padding-top:10px;} #the-prizes .prize-lists li p small { font-size:12px;} #the-prizes { padding-bottom:40px;} .round-prizes .icon { text-align:left; width:75px;} .company-round-prizes .icon { width:95px; height:95px; line-height:94px; margin-right:0; margin-top:0; text-align:center;} .post h5 { font-size:18px;} #how-it-works .round2 { background:#e472aa; padding-top:20px; padding-bottom:20px; margin:20px 0 40px;} body.landing-page #banner .text-right { text-align:center;} #prizes.prizes-list .prize-info:before, #prizes.prizes-list .prize-info:after { display:none;} #prizes.prizes-list .prize-lists { margin-left:0; padding-left:15px;} #prizes .prize-lists ul li { font-size:21px;} #prizes .prize-lists ul li .rupee-symbol { font-size:26px;} #badges-content .tabs3 .tab-strips1 li a { font-size:10px; line-height:13px; height:42px;} #badges-content .tabs3 .tab-strips1 li a span { padding:4px 1px 5px;} #badges-content .category footer { padding-bottom:0;} #badges-content .category { margin-bottom:80px;} #badges-content .tabs3 { padding-top:0;} .table1 .attempt-left p { text-align:right;} #sponsors-friends h2 { font-size:33px;} #sponsors-friends h3 { font-size:20px;} #details-confirmtion { padding:15px 5px 5px;} .form1 .icon { left:7px;} #certificate-categories .category .content { min-height:0;} .tg-certificate .sociable p { font-size:15px; line-height:29px;} .tg-certificate .sociable img { width:30px;} #prizes.prizes-list .prize-lists ul { padding-left:48px; margin-left:auto; margin-right:auto;} #prizes.prizes-list .prize-lists ul { padding-left:48px;} #prizes.prizes-list .prize-lists ul li{ line-height:28px; font-size:30px;} .msgErrortop { font-size:14px;} .leaderboard-info { font-size:12px;} .invite-form p input[type="text"] { width:100%;} .why-invite p { font-size:13px;} .round-prizes {padding-bottom:0;} #signup-form ul li.varification-field input[type="text"] { margin-right:10px; width:115px;} .table1 .attempt-left p { width:90px;} .table1 .sociable1 p { float:none; text-align:left;} .table1 .sociable1 ul li { padding:0; margin-right:5px;} .table1 .sociable1 ul li:last-child { margin-right:0;} .landing-page #why-participate {padding-top:80px; margin-top:-50px;} #certificate-categories .category ul li, .table4 thead th, .table4 td, code { font-size:14px;} #certificate-categories .category { padding-bottom:130px;} .leadership-board h2 small { font-size:16px;} #banner .presents-line { font-size:18px;} #banner h2 span.top-border::before, #banner h2 span.top-border::after { width:23%;} #banner .for-internal { width:248px;} #userData .qblock .field { padding-bottom:0 !important; padding-left:0 !important; padding-right:0 !important;} #content #userData .qblock label {padding-left:0 !important;} .global-form form > ul > li { float:none; width:100%;} .global-form input[type="text"], .global-form select { width:100%!important;} .global-form #exp_yr, .global-form #exp_month, .global-form #salary_lakh, .global-form #salary_thousand { width:185px !important; margin-bottom:10px;} #overall_referral .table2, #today_referral .table2{ min-width:300px;} .winnerOuter { padding:15px;} #banner .association-with { font-size:12px; padding-top:0;} .cg-company-page #banner .presents { padding-right:0; height:85px;} #my-profile .tabs3 .tab-strips1 li a { font-size:11px; line-height:15px; height:39px; display:table; width:100%;} #my-profile .tabs3 .tab-strips1 li a span { display:table-cell; vertical-align:middle;} #leaderboard-content .tabs3 .tab-strips1 li a { font-size:10px; line-height:15px; height:39px; display:table; width:100%;} #leaderboard-content .tabs3 .tab-strips1 li a span { display:table-cell; vertical-align:middle;} .chart h2 { font-size:28px;} #my-profile .user-details h4 { font-size:24px;} #my-profile h5, #my-profile .user-details p, #my-profile h6 { font-size:16px;} #my-profile .user-details p small, #my-profile .user-details .contest-status li, .table2 .invt-success { font-size:14px;} #my-profile .user-details .contest-status li img { vertical-align:text-bottom;} #my-profile .user-details .contest-status li { margin-right:0; margin-bottom:5px; float:none;} .chart .legends { margin-bottom:20px;} .post h4 { font-size:22px;} #my-profile dl dt { width:105px;} body.landing-page #header .logo h1.floatLeft { width:135px;} #my-profile dl { font-size:13px; padding-top:28px; line-height:30px;} #my-profile dl dd { float:none; margin-left:112px;} #sponsors .inner-sponsors h4 { font-size:14px; border-bottom:1px solid #dadada;} #sponsors .inner-sponsors a { display:block; min-height:50px; } #banner h4 { font-size:16px;} #banner .partners .third { clear:both;} ol.list2 { margin-left:40px;} ol.list2 li { font-size:13px;} #banner .gladiators-logo img { width:240px;} #banner .in-powered-by-title::before, #banner .in-powered-by-title::after { width:9%; top:23px;} #prizes.prizes-list .prize-lists ul li .rupee-symbol { font-size:28px;} #header .logo .logo-presents { width:38px;} #code_result { font-size:12px;} body.layout1 .top-bar .logo a img { width:auto;} body.layout1 .top-bar .powered-by { padding-top:0; float:none; text-align:center;} body.layout1 .logo { margin:0 auto; margin-bottom:10px; width:290px;} #sw-full-page-widget .resize-1 { margin-bottom:0;} #header .logo-default { left:-32px;} .landing-page #header .logo-default a img { margin:0 auto; display:block;} #header .sponsors-info .associate-sponsors img { width:43px;} #banner .sponsors .associate-sponsors img { width:100px;} #banner .partners { padding-top:20px;} #scroll-down { width:40px; height:40px;} #sponsors-friends .content img { margin:0 5px 25px; max-width:140px;} #dashboard-page #prizes { margin:0 -15px;} .signup-steps .alert-info { font-size:13px;} .signup-steps .alert-messages { top:70px;} .section1 .highest-degree-field { margin-bottom:25px;} #why-techgig { padding-top:100px; z-index:6;} #educational-occupational { z-index:5;} .table1 .timing-info.info-msg p { font-size:10px; line-height:15px;} .table1 .timing-info.info-msg { padding:5px;} #winners .tab-strips1 li a {font-size:10px; line-height:14px; height:51px; display:table; width:100%; padding:5px 1px 4px;} #winners .tab-strips1 li a span { display:table-cell; vertical-align:middle;} #details-confirmtion input[type="text"], #details-confirmtion input[type="password"], #details-confirmtion .select { height:43px;} #details-confirmtion .select select, #details-confirmtion .select::after { height:41px;} #details-confirmtion .icon { top:7px;} #banner .registered-coders { font-size:16px;} #footer .visit-techgig { font-size:11px;} #banner .download-app { width:28px; margin-top:-55px;} .cc-prob-timer .title { display:block;} #schedule ul li.third .datestamp span { font-size:19px;} #banner .semifinal-icon { width:84px; right:5px; top:10px;} #banner.semifinal .button2 { margin-bottom:15px;} #banner.semifinal h2 { font-size:42px;} #finale-banner .live-badge { width:85px; height:85px; background-size:100% 100%;} #coming-soon { padding-bottom:0;} #coming-soon h2 { font-size:21px; margin-bottom:32px;} #coming-soon .flip-clock-wrapper { max-width:290px !important;} #coming-soon .flip-clock-wrapper ul li a div div.inn { font-size:18px; line-height:28px;} #coming-soon .flip-clock-wrapper ul { width:25px; height:28px; padding:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:5px 4px;} #coming-soon .flip-clock-dot { height:4px; width:4px; left:1px;} #coming-soon .flip-clock-divider { width:6px; height:40px;} #coming-soon .flip-clock-dot.top { top:12px;} #coming-soon .flip-clock-dot.bottom { bottom:13px;} #coming-soon .flip-clock-divider .flip-clock-label { right:-47px;} #coming-soon .flip-clock-divider.minutes .flip-clock-label { right:-51px;} #coming-soon .flip-clock-divider.seconds .flip-clock-label { right:-54px;} #coming-soon .flip-clock-wrapper { font-size:11px;} #sub-links ul li a { font-size:12px; line-height:15px;} #sub-links ul li.home { width:10%;} #sub-links ul li { width:22.5%;} #college-banner .college-logo img { width:70px;} #formHelpUser ul { margin-bottom:15px;} #invites-content .why-invite h3, .why-invite h3, .winner-instructions h3 { font-size:21px;} #invites-content .why-invite p, .why-invite p { font-size:13px;} #college-banner .main-img { min-height:115px;} #schedule ul li { font-size:15px; line-height:19px;} #referral-winners-block .details { min-height:100px; margin-bottom:15px;]} .section h2 { font-size:25px;} .form1 textarea { height:98px;} ul.list2 { padding-top:0;} ul.list2 ol { padding-left:15px;} #schedule ul li .datestamp { width:115px; border:1px solid #5493c7; padding-top:8px; border-radius:6px;} ul.list2 ol li { margin-bottom:7px;} #instructions { max-width:320px; margin-left:-160px; top:15px !important;} #instructions .instrns-1 span { font-size:14px;} #sponsors .participating-collages .see-all { font-size:11px; top:22px;} #banner .inner-banner .col-sm-4 { border:0;} #banner .inner-banner .col-sm-4 { margin-bottom:30px;} #header .user-area ul li a { font-size:11px; padding:4px 8px;} #invites-content .tab-strips1 li { width:35%;} #dashboard-page #prizes { margin:0;} #sponsors .participating-collages { margin-top:0;} .box1 header { position:relative; left:auto; top:auto; height:auto !important; width:100%; padding:5px; margin-bottom:15px;} #videos, #news .box1 { padding:0 0 5px;} #banner .button2 { padding-left:20px; padding-right:20px;} #banner h2 { font-size:18px; line-height:24px;} #banner h2 span { font-size:13px; padding-bottom:10px;} #banner { height:250px;} #banner .banner-sociable { right:10px; top:8px;} #banner .banner-sociable p a { margin-left:10px;} #latest-updates .nav-tabs > li > a { padding:10px 5px; text-align:center; white-space:nowrap;} #latest-updates .nav-tabs > li > a .tg3-icon { display:block; margin:0 auto 2px; float:none;} #latest-updates .coming-soon { font-size:24px;} .rotateslider-container .arrow { width:40px; height:40px;} .rotateslider-container .arrow .fa { font-size:3em;} .rotateslider-container { height:100px;} .rotateslider-container .rotateslider-item.now { max-width:120px;} .rotateslider-container img { width:120px;} #social-buzz .social-links ul li a { height:48px; width:49px;} #header .user-area a.btn { padding:8px;} #header .user-area a.btn { margin-left:12px;} #latest-updates .tab-content { padding:18px 5px 22px;} #news ul li { margin-bottom:10px;} #prizes .trophy { max-width:215px;} #referral-winners-block { padding:30px 0 30px;} #referral-winners-block .icon { width:80px;} #referral-winners-block .details { margin-left:90px;} #invites-content .skip-this { font-size:14px;} #invites-content .skip-this .fa { font-size:17px;} #supporting-sponsors { margin-bottom:20px;} .box1 header .tg3-icon{ float:left; margin-right:10px;} .box1 header { text-align:left;} .box1 header .number { padding-top:2px;} #main-navigation { overflow:auto;} #banner h2 strong { font-size:27px;} #banner h2 { margin-bottom:0;} .landing-page .top-sponsors.for-landing p { line-height:12px;} .widget .content { padding:10px 15px;} #supporting-sponsors ul li a img { width:auto;} #main-navigation .menu-btn { display:block;} .finalelist-page #main-navigation ul li { float:none;} .finalelist-page #main-navigation ul { clear:both; background:#454c8a; display:none;} .finalelist-page #main-navigation ul li a { height:auto; text-align:right;} .finalelist-page #main-navigation { margin-top:3px; overflow:visible; width:113px;} .finalelist-page #main-navigation ul li .tg3-icon { display:none;} #main-navigation .menu-btn { float:right;} #semifinal-winner-content h3 { font-size:25px;} } @media (max-width:479px) { #sponsors .base-sponsors a img { width:117px;} } @media (max-width:360px) { #sidebar-navigation ul li a { font-size:9px;} .table1 .scores p { float:none; padding-right:0;} } /* ------------------------------------- Cross Browser CSS Documentation: http://rafael.adm.br/css_browser_selector/ ------------------------------------- */ /*Use to make CSS 3 Rounded Corners , Text Shadows and Box Shadows for IE */ /* .ie .css3 { behavior: url("../javascript/vendor/PIE.htc"); position:relative; } */