/* ========================================================================== Global Settings ========================================================================== */ /* * Boxsizing set to border box http://css-tricks.com/box-sizing/ */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * Body settings, change it as required */ body { font-family:'open_sans', Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4; overflow-x:hidden; background:#ffffff;} /* * Headings */ h1, h2, h3, h4, h5, h6 { font-family:'open_sans', Arial, Helvetica, sans-serif; font-weight:600; color:#333333; text-rendering: optimizeLegibility; margin-top:0px; } h4 a { color:#3366cc;} h1 { font-size:32px; margin-bottom:30px;} h2 { font-size:30px; margin-bottom:20px;} h3 { font-size:26px; margin-bottom:20px;} h4 { font-size:24px; margin-bottom:20px;} h5 { font-size:20px; margin-bottom:20px;} h6 { font-size:16px; margin-bottom:20px;} p { font-size:14px; color:#333333; line-height:20px; margin-bottom:20px;} p a { color:#3366cc;} code { font-size:12px; margin-bottom:15px; display:inline-block;} /* * Paragraphs */ p { font-weight: normal; margin-top:0px; } /* * Links */ a { color: #3366cc; text-decoration: none; line-height: inherit; } a:hover { color: #2655b4; text-decoration:none; } a:focus { color: #2655b4; 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: 'impact'; src: url('techgig_resource/cand/fonts/impact-webfont.eot'); src: url('techgig_resource/cand/fonts/impact-webfont.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/impact-webfont.woff2') format('woff2'), url('techgig_resource/cand/fonts/impact-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/impact-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/impact-webfont.svg#impactregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sans'; src: url('techgig_resource/cand/fonts/opensans-regular_0-webfont.eot'); src: url('techgig_resource/cand/fonts/opensans-regular_0-webfont.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/opensans-regular_0-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/opensans-regular_0-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/opensans-regular_0-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sans'; src: url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.eot'); src: url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'open_sans'; src: url('techgig_resource/cand/fonts/opensans-bold_0-webfont.eot'); src: url('techgig_resource/cand/fonts/opensans-bold_0-webfont.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/opensans-bold_0-webfont.woff2') format('woff2'), url('techgig_resource/cand/fonts/opensans-bold_0-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/opensans-bold_0-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/opensans-bold_0-webfont.svg#open_sansbold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'open_sans'; src: url('techgig_resource/cand/fonts/opensans-light_0-webfont.eot'); src: url('techgig_resource/cand/fonts/opensans-light_0-webfont.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/opensans-light_0-webfont.woff2') format('woff2'), url('techgig_resource/cand/fonts/opensans-light_0-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/opensans-light_0-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/opensans-light_0-webfont.svg#open_sanslight') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family:'LaoUI'; src: url('techgig_resource/cand/fonts/LaoUI_gdi.eot'); src: url('techgig_resource/cand/fonts/LaoUI_gdi.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/LaoUI_gdi.woff') format('woff'), url('techgig_resource/cand/fonts/LaoUI_gdi.ttf') format('truetype'), url('techgig_resource/cand/fonts/LaoUI_gdi.svg#LaoUI-Regular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family:'LaoUI'; src: url('techgig_resource/cand/fonts/LaoUI-Bold_gdi.eot'); src: url('techgig_resource/cand/fonts/LaoUI-Bold_gdi.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/LaoUI-Bold_gdi.woff') format('woff'), url('techgig_resource/cand/fonts/LaoUI-Bold_gdi.ttf') format('truetype'), url('techgig_resource/cand/fonts/LaoUI-Bold_gdi.svg#LaoUI-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family:'TrajanPro'; src: url('techgig_resource/cand/fonts/TrajanPro-Bold_gdi.eot'); src: url('techgig_resource/cand/fonts/TrajanPro-Bold_gdi.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/TrajanPro-Bold_gdi.woff') format('woff'), url('techgig_resource/cand/fonts/TrajanPro-Bold_gdi.ttf') format('truetype'), url('techgig_resource/cand/fonts/TrajanPro-Bold_gdi.svg#TrajanPro-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family:'TrajanPro'; src: url('techgig_resource/cand/fonts/TrajanPro-Regular_gdi.eot'); src: url('techgig_resource/cand/fonts/TrajanPro-Regular_gdi.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/TrajanPro-Regular_gdi.woff') format('woff'), url('techgig_resource/cand/fonts/TrajanPro-Regular_gdi.ttf') format('truetype'), url('techgig_resource/cand/fonts/TrajanPro-Regular_gdi.svg#TrajanPro-Regular') format('svg'); font-weight: normal; font-style: normal; } /* ========================================================================== Layout ========================================================================== */ /* Container ---------------------- */ #container-wrap { min-width:320px; position:relative; left:0; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; padding-top:74px;} .landing-page #container-wrap { padding-top:0; background:#0b0705;} .activeMenu #container-wrap { left:150px;} /* Header ---------------------- */ #header { background:#fff; box-shadow:none; position:fixed; left:0; top:0; border-bottom:2px solid #6cb5da; width:100%; z-index:1000; padding:10px 0; height:74px; 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; line-height:25px;} .landing-page #header { padding-top:27px; height:82px; background:none; border-bottom:0;} .landing-page.page-scrolling #header { background:#333333; padding-top:10px; height:50px; padding-top:12px; box-shadow:0 -2px 8px #000;} .activeMenu #header { left:150px;} body img[height='1']{ display:none;} /* Banner ---------------------- */ #banner { position:relative; min-height:550px; background:#000000 url(images/cg2016_images/banner-bg1.png) bottom center no-repeat; background-size:100% auto; padding-top:165px;} /* Content ---------------------- */ #content { padding:30px 0;} .landing-page #content { padding:0;} /*--- Sidebar Panel --- */ #sidebar-panel { position:fixed; left:0; top:74px; height:100%; background:#333333; width:100px; z-index:100;} #sidebar { display:none !important;} /*--- Main Panel --- */ #main-panel { margin-left:100px;} #main-panel .container { width:100%;} #main-panel .inner-main { float:left; width:100%; padding:0 30px 0; height:auto !important; min-height:300px;} #main-panel .inner-main #content { padding-bottom:0;} /* ========================================================================== Common Functionalities & UI Elements ========================================================================== */ /*--- Header --- */ #header .logo { position:record; margin-top:0; padding-top:0; float:none; width:310px; z-index:10;} #header .logo h1 { margin:0 0 5px; float:left;} #header .logo h1 img { display:block; width:135px; margin:2px auto 0;} #header .logo p { text-transform:uppercase; font-size:11px; color:#333333;} .landing-page.page-scrolling #header .logo p { font-size:10px;} #header .logo .powered-by { text-align:right; float:left; margin-right:10px;} #header .logo .powered-by p { margin-bottom:0; line-height:0;} #header .logo .powered-by img { max-width:130px; margin:-2px 0 -5px; display:block;} #header .logo .powered-by br { display:none;} .landing-page #header .powered-by { margin-right:0; margin-bottom:12px; text-align:center; float:none;} .landing-page #header .logo .powered-by.associating { text-align:right; width:135px; float:left; margin-right:10px; position:relative; margin-left:-23px; margin-right: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;} .page-scrolling #header .logo .powered-by.associating { margin-left:0;} .landing-page #header .logo .powered-by.associating p img { display:inline-block; max-width:125px; max-height:31px;} .landing-page.page-scrolling #header .logo .powered-by.associating p img { margin-right:0; float:none;} .landing-page.page-scrolling #header .logo .powered-by.associating p { line-height:9px;} .landing-page #header .logo .powered-by.associating .association { display:block; text-align:right; text-transform:none;} .landing-page #header .logo .powered-by p { line-height:17px;} .landing-page.page-scrolling #header .logo .powered-by p { line-height:38px;} .landing-page #header .logo .powered-by p img { max-width:175px; margin:0 auto 5px;} .landing-page #header .logo { background:url(images/cg2016_images/logo-bg1.png) left top no-repeat; margin-top:0; height:331px; position:fixed; left:0; top:0; padding:11px 115px 0 0; width:330px;} .landing-page #header .logo h1 { float:none;} .page-scrolling #header .logo { padding-top:5px; text-align:left; padding-right:47px; height:50px; left:35px; background-position:right top;} .landing-page #header .logo:before { height:100%; width:500px; left:-500px; background:#fff; content:""; top:0; display:block; position:absolute; 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; } .landing-page.page-scrolling #header .logo h1 img { width:108px; margin-left:0; margin-right:0;} .landing-page #header .logo h1 img { margin:0 0 0 22px;} .page-scrolling #header .logo h1, .page-scrolling #header .powered-by { float:left;} .page-scrolling #header .powered-by { margin-right:10px; text-align:right; float:left; margin-bottom:0; width:159px;} .landing-page.page-scrolling #header .logo .powered-by img { max-width:98px; margin-bottom:0; margin-right:12px; float:left;} #header .logo .powered-by.associating { text-align:right; width:135px; float:left; margin-right:10px; position:relative; max-height:41px; margin-right: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;} #header .logo .powered-by.associating { margin-left:0;} #header .logo .powered-by.associating p img { display:inline-block; max-width:125px; max-height:33px; margin-right:0; float:none; margin-bottom:0;} #header .logo .powered-by.associating p { line-height:26px; 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 .logo .powered-by.associating .association { display:block; text-align:right; text-transform:none;} #header .user-area { float:right; padding-top:13px; position:relative;} #header .user-area p { font-size:13px; color:#d2d2d2;} #header .user-area p a { color:#666;} .landing-page #header .user-area { padding-top:0;} .landing-page #header .user-area p a { color:#d2d2d2;} #header .user-area .button1 { margin-left:8px; padding:2px 20px 3px; color:#fff;} .page-scrolling #header .user-area p a, .cg-theme-page.page-scrolling #header .user-area p a { color:#b5b5b5;} .page-scrolling #header .user-area .button1 { color:#fff;} #header .user-area .user img { width:28px; height:28px; border-radius:50%; display:inline-block; margin-right:5px; vertical-align:middle;} #header .user-area .user { font-size:12px; color:#999999;} .landing-page #header .user-area .user { color:#fff;} #header .user-area .dropdown-menu { border-radius:0; left:auto; right:0;} #header .user-area .user .caret { width:14px; height:8px; background:url(images/cg2016_images/icons.png) -160px 0 no-repeat; border:0; margin-left:10px;} .landing-page #header .user-area .user .caret { background:url(images/cg2016_images/icons.png) -180px 0 no-repeat;} #header .user-area .user-section { float:right; position:relative;} #header .user-area .participate-btn { float:right; padding:2px 16px 3px; margin-left:20px;} #header-sponsors-list { float:right; text-align:center; position:relative;} #header-sponsors-list .section { display:inline-block; margin:0 10px; float:none; vertical-align:top;} #header-sponsors-list h6 { font-size:10px; font-weight:normal; text-transform:uppercase; margin-bottom:5px; line-height:15px;} #header-sponsors-list a {line-height:28px; margin:0 7px;} #header-sponsors-list img { max-width:70px; max-height:30px;} .chrome #header-sponsors-list .section:first-child img { position:relative; top:auto;} #header .nav-menu-btn { border:0; width:38px; height:30px; outline:none; position:fixed; padding:0 5px; background:none; display:none; z-index:101; left:3px; top:20px; 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 .nav-menu-btn span.line { display:block; opacity:1; width:26px; margin:5px 0; height:2px; background:#202f39; 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;} .activeMenu #header .nav-menu-btn { left:153px;} .signup-login-page #header .nav-menu-btn { display:none !important;} .activeMenu #header .nav-menu-btn span.line:nth-child(2n) { opacity:0;} #header .nav-menu-btn span.line:first-child { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); top:0;} .activeMenu #header .nav-menu-btn span.line:first-child { -ms-transform: rotate(40deg); -webkit-transform: rotate(40deg); transform: rotate(40deg); top:7px;} #header .nav-menu-btn span.line:last-child { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); bottom:0;} .activeMenu #header .nav-menu-btn span.line:last-child { -ms-transform: rotate(-40deg); -webkit-transform: rotate(-40deg); transform: rotate(-40deg); bottom:7px;} /*--- Main Navigation --- */ #main-navigation { 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:14px; padding-left:80px;} #main-navigation ul { margin:0; padding:0; list-style:none; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .activeMenu #main-navigation > ul { left:0;} #main-navigation ul li { float:left; margin-right:20px; position:relative; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #main-navigation ul li:last-child { margin-right:0;} #main-navigation ul li a { display:block; font-family:'TrajanPro'; font-size:13px; color:#666; text-transform:uppercase; font-weight:bold; 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:hover > a, #main-navigation ul li.active a { color:#e3ba1e; text-decoration:none; outline:none;} .landing-page #main-navigation ul li a { color:#fff;} .landing-page #main-navigation ul li:hover > a, .landing-page #main-navigation ul li.active a { color:#e3ba1e;} .landing-page #main-navigation { padding-top:0;} .page-scrolling #main-navigation { padding-top:2px;} .page-scrolling #main-navigation ul li a { color:#fff;} .page-scrolling #main-navigation ul li a:hover, .page-scrolling #main-navigation ul li.active a { color:#e3ba1e;} #main-navigation ul li ul { position:absolute; right:-10px; min-width:150px; display:none; top:22px; background:rgba(0, 102, 153, 0.7);} #main-navigation ul li:hover ul { display:block;} #main-navigation ul li ul li { float:none; margin:0;} #main-navigation ul li ul li a { padding:4px 10px; font-size:12px; text-align:right;} .landing-page #main-navigation ul li ul li:hover > a { background:rgba(0, 55, 83, 0.5); color:#e3ba1e;} /*--- Sidebar Navigation --- */ #sidebar-navigation { float:none;} #sidebar-navigation .not-active {cursor: pointer !important; pointer-events: auto !important; } #sidebar-navigation ul { margin:0; padding: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;} .activeMenu #sidebar-navigation > ul { left:0;} #sidebar-navigation ul li { display: block; float: none; height: auto; margin-left: 0; border-bottom:1px solid #fff;} #sidebar-navigation ul li:last-child {border-bottom:0;} #sidebar-navigation ul li.invites { display: block !important;} #sidebar-navigation ul li a { display:block; line-height:19px; border-top:0; white-space:nowrap; font-weight:600; padding:14px 3px 13px; font-size:11px; color:#ffffff; 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;} #sidebar-navigation ul li a:hover, #sidebar-navigation ul li.active a { color:#ffffff; border-top:0; text-decoration:none; outline:none; background:#05699b;} #sidebar-navigation ul li a:hover .tg3-icon, #sidebar-navigation ul li.active a .tg3-icon { opacity:1;} #sidebar-navigation ul li .tg3-icon { display:block; margin:0 auto;} #sidebar-navigation .cg-icon { width:32px; height:23px; display:block; margin:0 auto;} #sidebar-navigation .dashboard-icon { background-position:-150px -331px;} #sidebar-navigation .leaderboard-icon { background-position:-272px -367px;} #sidebar-navigation .prizes-icon { background-position:-237px -331px;} #sidebar-navigation .invite-icon { background-position:-194px -331px;} #sidebar-navigation .help-icon { background-position:-140px -367px;} #sidebar-navigation .guidelines-icon { background-position:-271px -331px;} #sidebar-navigation .certificates-icon { background-position:-176px -367px;} #sidebar-navigation .badges-icon { background-position:-211px -367px;} #sidebar-navigation .home-icon { background-position:-243px -366px;} #sidebar-navigation .sponsor-icon { background-position:-142px -397px;} #sidebar-navigation .theme-icon { background-position:-272px -484px;} #sidebar-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;} #sidebar-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 --- */ #banner.lead-banner { min-height:450px;} #banner h2 {font-size:38px; color:#ffffff; font-family:'TrajanPro'; text-transform:uppercase; font-weight:normal; margin-bottom:15px; line-height:42px;} #banner h2 span { font-size:22px; color:#ff9900; display:block;} #banner h3 {font-size:28px; color:#ffffff; font-weight:normal; margin-bottom:15px; line-height:42px; clear:both; padding-top:15px;} #banner h4 { font-size:14px; color:#ffffff; text-transform:uppercase; font-family:'TrajanPro'; line-height:26px; margin-bottom:50px;} #banner h4 span { font-size:20px; color:#ff9900; font-weight:bold; line-height:26px; vertical-align:top; display:inline-block;} #banner h5 { font-size:16px; color:#ff9900; font-family:'open_sans'; font-weight:600; margin-bottom:15px;} #banner .inner-banner { padding-left:100px;} .page-scrolling #banner .inner-banner { padding-left:0;} #banner span.or { width:18px; height:18px; display:block; float:left; margin:0 30px; background:#e0e0e0; font-size:9px; text-transform:uppercase; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; text-align:center; line-height:18px; margin-top:7px;} #banner .sociable1 { float:left;} #banner #newsletter-form { float:left;} #banner .bottom-bar { background:rgba(0, 0, 0, 0.7); position:absolute; left:0; bottom:0; width:100%; text-align:center;} #banner .bottom-bar .col-xs-12 { padding:9px 15px; min-height:49px;} #banner .bottom-bar .left-side { background:rgba(0, 102, 153, 0.7);} #banner .bottom-bar .left-side:after { position:absolute; top:0; right:-60px; display:block; content:""; width: 0;height: 0;border-style: solid;border-width:49px 60px 0 0;border-color:rgba(0, 102, 153, 0.7) transparent transparent; } #banner .bottom-bar .right-side { background:rgba(0, 102, 153, 0.7);} #banner .bottom-bar .right-side p { line-height:28px;} #banner .bottom-bar .right-side:before { position:absolute; top:0; left:-60px; display:block; content:""; width: 0;height: 0;border-style: solid;border-width:0 0 49px 60px;border-color: transparent transparent rgba(0, 102, 153, 0.7); } #banner .bottom-bar .container { width:100%;} #banner .bottom-bar p { font-size:12px; color:#fff; font-family:'LaoUI'; margin-bottom:0; line-height:23px;} #banner .bottom-bar p .label { font-size:12px; float:right; margin-top:6px; font-weight:400; padding:2px 0.6em 4px; color:#fff;} #banner .bottom-bar p .label a { color:#563608;} #banner .bottom-bar p strong { font-size:20px; font-weight:600; margin-left:2px; vertical-align:middle;font-family: 'open_sans'; } #banner .bottom-bar .cg-icon { width:24px; height:28px; margin-right:8px;} #banner .bottom-bar .icon1 { background-position:-46px 0;} #banner .bottom-bar .icon2 { background-position:-83px 0; width:38px;} #banner .sponsors { background:url(images/cg2016_images/sponsors-bg.png) right bottom no-repeat; width:41.6%; background-size:100% 100%; position:absolute; right:0; bottom:49px; padding:57px 35px 10px 17%; min-height:475px; z-index:5;} .semifinal-page #banner .sponsors { bottom:0;} #banner .sponsors .section { text-align:center; clear:both; min-height:40px; } #banner .sponsors .section h6 { font-size:11px; margin-right:10px; display:inline-block; color:#fff; font-weight:normal; text-transform:uppercase; margin-bottom:12px;} #banner .sponsors .title-sponsors { padding-left:30%;} #banner .sponsors .section.title-sponsors a { width:110px; height:42px; line-height:36px; border-radius:0;} #banner .sponsors .section.title-sponsors a img { max-width:78px;} #banner .sponsors .section.beat-the-leader a { width:100px; height:40px; line-height:33px;} #banner .sponsors .section.beat-the-leader a img { max-width:90px;} #banner .sponsors .section.co-sponsors a { width:70px; height:51px; line-height:33px;} #banner .sponsors .section.co-sponsors a img { max-height:47px;} #banner .sponsors .title-sponsors h6 { display:block; margin-right:0;} #banner .sponsors .section a { display:inline-block; width:75px; background:#fff; line-height:34px; height:40px; padding:2px 3px 3px; text-align:center; margin:0 2px 20px;} #banner .sponsors .section a img { max-width:69px; max-height:36px;} #banner .sponsors .limca { float:right; margin:0 75px 60px 0;} #banner .sponsors p { color:#b5c6cf; font-size:11px; font-weight:normal; text-transform:uppercase; margin-bottom:0;} #banner .sponsors p a { color:#b5c6cf; display:inline-block; margin-left:30px;} #banner .sponsors p a:first-child { margin-left:0;} #banner .sponsors p .cg-icon { width:15px; height:13px; vertical-align:text-top; margin-right:3px; } #banner .sponsors p .view-all .cg-icon { background-position:2px 0px;} #banner .sponsors p .be-a-sponsor .cg-icon { background-position:-17px -1px;} #banner .participate-now-btn { min-width:210px;} #banner .in-association { border-bottom:1px solid #b0bebe; color:#b7b5b5; padding-bottom:15px; margin-bottom:15px; float:left;} #banner .in-association span { margin:0 20px;} #banner .in-association img { vertical-align:middle; max-width:95px;} #banner #cg-benefits .slide { width:100%;} /*--- CG Status --- */ .cg-status { background:#f0f0f0; padding:15px 0; text-align:center; margin-bottom:30px;} .cg-status ul { list-style:none; padding:0; margin-top:0; margin-bottom:0;} .dividing-section .cg-status p { font-size:15px; margin-bottom:0px;} .cg-status .container { width:100%;} /*--- semifinal-content --- */ .semifinal-content { width:700px; text-align:center; margin-top:-45px; } #banner .semifinal-content h2 { font-size:32px; } #banner .semifinal-content h4 { margin-bottom:25px; font-weight:normal; font-size:14px; } #banner .semifinal-content h4 span { font-size:18px; } .semifinal-content img { margin:5px 0px 20px 0px; } .semifinal-content .registered { font-size:14px; color:#fff; font-weight:300; display:block; line-height:35px; } /*--- /semifinal-content --- */ /*--- User-info-msg --- */ #user-info-msg { margin-bottom:0; border:0; font-size:30px; color:#666666; text-align:center; background:#ffffd6; padding-bottom:17px;} #user-info-msg strong { font-weight:600;} /*--- Main Sponsors --- */ #main-sponsors .section { text-align:center;} #main-sponsors .section h6 { font-size:11px; color:#fff; font-weight:600; text-transform:uppercase; margin-bottom:0; background:#358ab5; padding:2px;} #main-sponsors .section.beat-the-leader a img { max-width:97px;} #main-sponsors .section a { display:block; background:#fff; line-height:44px; height:50px; padding:2px 3px 3px; text-align:center; margin:0 0 20px;} #main-sponsors .section a img { max-width:62px; max-height:36px;} /*--- Message Success --- */ .msgErrortop { position:fixed; left:0; top:0; width:100%; z-index:10000; box-shadow:0 -8px 13px #000;} .msgErrortop .close { right:5px; top:1px; position:absolute; width:15px; height:15; display:block;} .msgErrortop .fa { font-size:28px; vertical-align:text-bottom; margin-right:3px;} .msgErrortop .close .fa { font-size:16px; color:#999; vertical-align:top;} .msgErrortop .close:hover .fa { color:#333;} .msgErrortop > div { padding:19px 12px 25px; font-size:16px; padding:19px 12px 25px; z-index:1001;} .success-msg {border: 1px solid #d6e9c6; color:#3c763d; background:#dff0d8; margin:0;} /*--- Warning --- */ .warning-msg {border: 1px solid #faebcc; color:#8a6d3b; background:#fcf8e3; margin:0;} /*--- Error --- */ .error-msg {border: 1px solid #ebccd1; color:#a94442; background:#f2dede; margin:0;} /*--- Info --- */ .info-msg {border: 1px solid #bce8f1; color:#31708f; background:#d9edf7; margin:0;} .ie-alert { position:absolute; width:100%;} /*--- Side Social --- */ #side-social { position:fixed; left:0; top:50%; text-align:center; z-index:1000; margin-top:-80px; display:none;} #side-social h6 { width:36px; background:#666666; width:36px; line-height:13px; margin:0; text-align:center; padding:7px 1px; font-size:9px; color:#fff; font-weight:600;} #side-social .fa { font-size:24px; color:#fff;} #side-social ul { margin:0; padding:0; list-style:none; position:relative;} #side-social li > a { width:36px; height:40px; line-height:40px; display:block; padding-top:5px; position:relative; z-index:5;} #side-social li.facebook > a { background:#21497f;} #side-social li.twitter > a { background:#01baf7;} #side-social li.google-plus > a { background:#df4f3f;} #side-social li.default { display:none;} #side-social .social-content { position:absolute; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; left:-183px; top:0; min-height:118px; height:100%; width:183px; padding:15px 12px; padding-left:37px; text-align:middle; background-image:url(images/cg2016_images/social-content-bg.png); background-position:right top; background-repeat:no-repeat;} #side-social .social-content h5 { font-size:12px; color:#fff; margin-bottom:2px;} #side-social .social-content p { font-size:10px; color:#fff; line-height:15px; font-weight:200; margin-bottom:12px;} #side-social li:hover .social-content { left:0;} #side-social .facebook .social-content { background-color:#21497f;} #side-social .twitter .social-content { background-color:#01baf7;} #side-social .google-plus .social-content { background-color:#df4f3f;} /*--- Coming-soon --- */ #coming-soon {display:table; width:100%; text-align:center;padding-bottom:30px;} #coming-soon h2 { color: #0a3542; font-weight:bold; font-size: 44px;padding-bottom:20px;} #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;} /*--- Cg3 Icon --- */ .cg-icon { display:inline-block; vertical-align:middle; background-image:url(images/cg2016_images/icons.png); background-repeat:no-repeat;} /*--- jumbotron --- */ .jumbotron { padding:30px 40px;; background:#f9f9f9; border:1px solid #ededed; border-radius:5px;} .jumbotron .h1, .jumbotron h1 { font-size:50px;} .jumbotron small { display:block;} .jumbotron p { line-height:34px; font-weight:normal;} .jumbotron .button2.btn-lg { padding:13px 16px; min-width:260px; font-size:22px;} /*--- Dividing-section --- */ .dividing-section { text-align:center; position:relative; padding-bottom:70px; background:#ffffff;} .dividing-section .curve { width:285px; height:242px; position:absolute; left:0; bottom:0;} .dividing-section .curve.bottom-left { background:url(images/cg2016_images/bottom-left-curve.png) left bottom no-repeat;} .dividing-section .curve.right-top { background:url(images/cg2016_images/right-top-curve.png) right top no-repeat; left:auto; bottom:auto; top:0; right:0;} .dividing-section p { font-size:18px; line-height:32px; font-weight:200;} .dividing-section .button2.btn-lg { border-radius:2px; padding:18px 65px; font-size:22px; font-weight:600;} /*--- 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 p { font-size:16px; color:#666;} #my-profile .user-details p small { font-size:13px;} #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;} #my-profile .user-details .contest-status li a { color:#333;} #my-profile .user-details .contest-status li strong { font-size:26px; font-weight:600; line-height:16px;} #my-profile .user-details .contest-status li .cg-icon { width:36px; height:36px; margin-right:7px;} #my-profile .user-details .contest-status li .badge-icon { background-position:-189px -416px;} #my-profile .user-details .contest-status li .certificate-icon { background-position:-243px -417px;} #my-profile .user-details .contest-status li .invite-icon { background-position:-130px -434px;} #my-profile .progress { border:1px solid #dae4e7; overflow:visible; height:auto; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:9px 15px; margin-bottom:15px; min-height:65px;} #my-profile .progress h6 { margin-bottom:12px;} #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:#3399cc; 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:#3399cc; 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:14px; 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; font-weight:600; margin-bottom:5px;} #my-profile dl dd { display:block; margin-left:10px; margin-left:200px; color:#747474; font-weight:normal; margin-bottom:5px;} #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;} /*--- Chart ---*/ .chart { margin-bottom:40px;} .chart h3 {text-align:center;} .chart .legends { margin:0; padding:15px 0 0 44px; list-style:none;} .chart .legends li { margin-bottom:5px; font-size:14px;} .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;} /*--- Page-header --- */ .page-header { text-align:center; border-bottom:0; padding-bottom:0; margin-bottom:25px;} #content .page-header { margin-top:0px;} .page-header h2 { font-size:42px; text-transform:uppercase; color:#333333; font-weight:200; margin-bottom:10px;} .page-header h2 span { font-size:72px; vertical-align:sub;} .page-header p { font-size:18px; color:#666666; line-height:32px; font-weight:200;} .page-header .cg-icon { width:97px; height:75px;} .page-header .war-big-icon { background-position:0 -34px; width:82px; height:63px;} .page-header .fight-big-icon { background-position:0 -160px;} .page-header .awards-big-icon { background-position:-104px -160px;} .page-header .company-big-icon { background-position:-202px -160px;} .page-header .news-big-icon { background-position:-58px -246px;} /*--- Invites Content --- */ #invites-content { padding:0 30px; margin-bottom:30px;} #invites-content .skip-this { float:right; margin-bottom:10px; margin-top:15px;font-size:15px; color:#3366cc;} #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; text-transform:uppercase; font-weight:200; margin-bottom:20px; font-size:42px;} #invites-content h3 { margin-bottom:15px;} #invites-content h6 { margin-bottom:5px;} #invites-content .form1 ul { margin-bottom:15px;} #invites-content .tab-strips1 { margin:0; padding:0; list-style:none; border-bottom:1px solid #ddd;} #invites-content .tab-strips1 li { padding-right:32px; min-width:205px; float:left; margin-bottom:-1px;} #invites-content .tab-strips1 li a { font-size:16px; border:1px solid #fff; border-bottom:1px solid #ddd; color:#666666; height:53px; line-height:31px; padding:10px 15px; text-align:center; font-weight:600; display:block; position:relative; border-radius:4px 0 0 0;} #invites-content .tab-strips1 li.ui-state-active a:after { display:block; content:""; width:32px; height:53px; background:url(images/cg2016_images/tab3-active-arrow.gif) right top no-repeat; position:absolute; right:-32px; top:-1px;} #invites-content .tab-strips1 li.ui-state-active a:before { display:block; content:""; width:100%; height:4px; background:#006699; position:absolute; left:0px; top:-1px; border-radius:2px 0 0 2px;} #invites-content .tab-strips1 li.ui-state-active a { color:#006699; border:1px solid #ddd; background:#fff; border-radius:0; color:#006699; border-bottom:1px solid #fff;} #invites-content .tab-content { border:1px solid #dcdcdc; border-top:0; padding:30px 20px;} #invites-content .tab-strips1 li a:focus, #invites-content .tab-strips1 li a:hover, #invites-content .tab-strips1 li a:active { border:1px solid #ddd; border-radius:0; color:#006699;} #invites-content .tab-strips1 li a:hover {border-color:#ddd #ddd #fff;} #invites-content .tab-strips1 li .icon {display:none;} .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:15px; min-width:15px; padding:4px 15px 5px; border:0; margin-top:6px;} #invites-content .friends-list ul li .button3:hover, #invites-content .friends-list ul li .button3:active, #invites-content .friends-list ul li .button3:focus { color:#fff;} #invites-content .friends-list ul li h5 { float:left; font-weight:normal; font-size:15px; margin-bottom:0; padding-top:10px;} #invites-content .space { height:120px;} .invites-page .banner { margin:-20px -20px 20px;} /*--- CboxContent --- */ #cboxContent { background:#fff !important;} /*--- Sent --- */ .lay-txtarea { width:100% !important;} .lay-send-inv { margin:0 15px 15px 0;} .invite-friend-popup { top:0 !important;} #invt-frnt-sent {color: #3c763d; float: right; font-size: 14px; line-height: 42px;} /*--- Tabs3 --- */ .tabs3 { margin-bottom:30px;} .tabs3 .nav-tabs > li { padding-right:32px; min-width:205px;} .beattheleader-content .tabs3 .nav-tabs > li {min-width:150px;} .tabs3 .nav-tabs > li > a { font-size:16px; color:#666666; height:53px; line-height:31px; text-align:center; font-weight:600; display:block; position:relative; border-radius:4px 0 0 0;} .tabs3 .nav-tabs > li.active > a:after { display:block; content:""; width:32px; height:53px; background:url(images/cg2016_images/tab3-active-arrow.gif) right top no-repeat; position:absolute; right:-32px; top:-1px;} .tabs3 .nav-tabs > li.active > a:before { display:block; content:""; width:100%; height:4px; background:#006699; position:absolute; left:0px; top:-1px; border-radius:2px 0 0 2px;} .tabs3 .nav-tabs > li.active > a { color:#006699;} .tabs3 .tab-content > .tab-pane { border:1px solid #dcdcdc; border-top:0; padding:30px 20px 15px;} .tabs3 .nav > li > a:focus, .tabs3 .nav > li > a:hover, .tabs3 .nav > li > a:active { background:#fff; border-radius:0; color:#006699;} .tabs3 .nav-tabs > li > a:hover {border-color:#ddd #ddd #fff;} .tabs3 .tabs .tab-strips2 { border-bottom:1px solid #f2f2f2;} .tabs3 .tabs .tab-strips2 > li.active > a:after, .tabs3 .tabs .tab-strips2 > li.active > a:before { display:none;} .tabs3 .tabs .tab-strips2 li.active a{ background:#fff;border:none; border-bottom:2px solid #eb494f; color:#eb494f; } .tabs3 .tabs .tab-strips2 li.active a:hover, .tabs3 .tabs .tab-strips2 li.active a:focus, .tabs3 .tabs .tab-strips2 li.active a:active { border-bottom:2px solid #eb494f;} .tabs3 .tabs .tab-strips2 a:hover,.tabs3 .tabs .tab-strips2 a:active, .tabs3 .tabs .tab-strips2 a:focus { color:#eb494f; background:none;} .tabs3 .tabs .tab-strips2 > li > a { border:0px solid hsla(0, 0%, 0%, 0) } .tabs3 .tabs .tab-content > .tab-pane { border:0; padding:0; padding-top:20px;} .tabs3 .tabs .tab-strips2 li a {font-size:14px; padding:8px 15px; height:48px; border-radius:0; text-transform:uppercase; color:#999999;} .tabs3 .tabs .tab-strips2 li { padding-right:0; min-width:15px; } /*--- Test-result --- */ #test-result { padding:50px 0;} #test-result h2 small { display:block; font-size:15px; padding-top:10px;} /*--- User_total_score --- */ #user_total_score h3 { font-size:20px; background: #f4f4f4; color: #314451; margin:40px 0 20px; padding: 5px 8px 7px;} /*--- Invite-friends --- */ #invite-friends .table1 td .button2 { margin-top:10px;} #jfmfs-friend-selector-new #jfmfs-friend-filter-text-new { width:290px;} /*--- Tabs3 --- */ #main-panel .tabs3 { margin-bottom:30px;} #main-panel .tabs3 .tab-content { padding:0; border:0; background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); border:1px solid #dcdcdc; border-top:0; padding:30px 20px 15px;} #main-panel .tabs3 .tab-strips1{ margin:0; padding:0; list-style:none;} #main-panel .tabs3 .tab-strips1 > li { padding-right:32px; min-width:180px; float:left;float: left; margin-bottom: -1px; display:block; position:relative;} .beattheleader-content #main-panel .tabs3 .tab-strips1 > li {min-width:150px;} #main-panel .tabs3 .tab-strips1 > li > a { font-size:16px; padding-left:15px; color:#8c8c8c; height:53px; line-height:52px; text-align:center; font-weight:500; display:block; position:relative; border-radius:4px 0 0 0;} #main-panel .tabs3 .tab-strips1 > li.active > a:after, #main-panel .tabs3 .tab-strips1 > li.ui-state-active > a:after { display:block; content:""; width:32px; height:53px; background:url(images/tg3_images_2017/tab3-active-arrow.png) right top no-repeat; position:absolute; right:-32px; top:-1px;} #main-panel .tabs3 .tab-strips1 > li.active > a:before, #main-panel .tabs3 .tab-strips1 > li.ui-state-active > a:before { display:block; content:""; width:100%; height:4px; background:#2f94d7; position:absolute; left:0px; top:-1px; border-radius:2px 0 0 2px;} #main-panel .tabs3 .tab-strips1 > li.active > a, #main-panel .tabs3 .tab-strips1 > li.ui-state-active > a { color:#2f94d7; background:#fff; border-left:1px solid #ddd;} #main-panel .tabs3 .tab-strips1 > li > a:focus, #main-panel .tabs3 .tab-strips1 > a:hover, #main-panel .tabs3 .tab-strips1 > a:active { background:#fff; border-radius:0; color:#2f94d7;} #main-panel .tabs3 .tab-strips1 > li > a:hover {border-color:#ddd #ddd #fff; background:#fff; border-radius:4px 4px 0 0;} #main-panel .tabs3 .tabs .tab-strips2 { border-bottom:1px solid #f2f2f2;} #main-panel .tabs3 .tabs .tab-strips2 > li.active > a:after, #main-panel .tabs3 .tabs .tab-strips2 > li.active > a:before { display:none;} #main-panel .tabs3 .tabs .tab-strips2 li.active a{ background:#fff;border:none; border-bottom:2px solid #eb494f; color:#eb494f; } #main-panel .tabs3 .tabs .tab-strips2 li.active a:hover, #main-panel .tabs3 .tabs .tab-strips2 li.active a:focus, #main-panel .tabs3 .tabs .tab-strips2 li.active a:active { border-bottom:2px solid #eb494f;} #main-panel .tabs3 .tabs .tab-strips2 a:hover,#main-panel .tabs3 .tabs .tab-strips2 a:active, #main-panel .tabs3 .tabs .tab-strips2 a:focus { color:#eb494f; background:none;} #main-panel .tabs3 .tabs .tab-strips2 > li > a { border:0px solid hsla(0, 0%, 0%, 0) } #main-panel .tabs3 .tabs .tab-content > .tab-pane { border:0; padding:0; padding-top:20px;} #main-panel .tabs3 .tabs .tab-strips2 li a {font-size:14px; padding:8px 15px; height:48px; border-radius:0; text-transform:uppercase; color:#999999;} #main-panel .tabs3 .tabs .tab-strips2 li { padding-right:0; min-width:15px; } #main-panel .tabs3 .tab-strips1 li .fa-lock { display:none; } #main-panel .tabs3 .tab-strips1 li.locked .fa-lock { display:inline-block; } #main-panel .tabs3 .tooltipCs { background:#0173ba; position:absolute; left:50%; top:-30px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:12px; line-height:13px; padding:5px; text-align:center; color:#fff; width:150px; margin-left:-75px; z-index:10; display:none; } #main-panel .tabs3 .tooltipCs: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 #0173ba;} #main-panel .tabs3 .tooltipCs { top:-40px; } #main-panel .tabs3 .selected .tooltipCs { display:block; } /*--- Table1 --- */ .table1 { width:100%; margin-bottom:20px;} .table1 tr td { background:#ebf3f7; padding:10px; font-size:12px; color:#666666;} .table1 tr td p { margin-bottom:0; color:#666666;} .table1 h5 { font-size:16px; font-weight:bold; margin-bottom:0;} .table1 .sections { float:right; text-align:center;} .table1 .sections .section { float:left; padding:5px 10px 5px 30px; min-height:64px; margin-left:20px; border-left:1px solid #cfd5d8;} .table1 .sections .section .button2 { min-width:165px;} .table1 .score { display:block; padding-top:3px; line-height:30px; font-size:30px; color:#333333; font-weight:600;} .table1 .left-attempt { display:block; text-align:center; font-style:italic; font-weight:600; padding-top:3px;} /*--- Table2 --- */ .table2 { width:100%; margin-bottom:10px;} .table2 td { border-bottom:1px dotted #e0e0e0; padding:15px; font-size:14px; color:#666666; font-weight:normal;} .table2 td .btn { font-size:12px;} .table2 tr:last-child td { border-bottom:0;} .table2 span.first-letter { display:inline-block; width:45px; height:45px; text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#dadada; line-height:43px; text-transform:uppercase; font-size:20px; font-weight:500; margin-right:15px;} .table2 .user-pic { width:45px; height:45px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin-right:15px;} .table2 .user { font-weight:500;} .table2 span.number { width:45px; height:45px; display:inline-block; line-height:43px; text-align:center; background:#fff; border:1px solid #0bb475; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size:14px; color:#0bb475; position:relative; font-weight:500; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .table2 tr.active span.number {background:#0bb475; color:#fff;} .table2 .rank { padding:0; border-bottom:0; width:45px; position:relative;} .table2 .rank:before { display:block; width:2px; height:100%; content:""; left:50%; margin-left:-1px; background:#0bb475; position:absolute; top:0;} .table2 .mark { font-size:24px; background:none; padding:0; font-weight:500;} /*--- Table3 --- */ .table3 { border:1px solid #e4eaf1; margin-bottom:20px;} .table3 tr th { text-align:center; font-size:14px; padding:10px; border:1px solid #e4eaf1; background:#ebf0f5; font-weight:600;} .table3 tr td { text-align:center; font-size:14px; padding:10px; border:1px solid #e4eaf1;} .table3 tr td:first-child, .table3 tr th:first-child { text-align:left;} /*--- Table5 --- */ .table5 { width:100%; border:1px solid #e4eaf1;} .table5 tr th { text-align:center; font-size:17px; padding:15px; border:1px solid #e4eaf1; background:#ebf0f5; font-weight:600;} .table5 tr td { text-align:center; font-size:17px; padding:15px; border:1px solid #e4eaf1;} /*--- Table6 --- */ .table6 { width:100%; margin-bottom:20px;} .table6 tr td { background:#e6e9ee; padding:10px; font-size:12px; color:#424242;} .table6 tr td p { margin-bottom:0; } .table6 h5 { font-size:16px; font-weight:bold; margin-bottom:0;} .table6 .sections { float:right; text-align:center;} .table6 .sections .section { float:left; padding:5px 10px 0 30px; min-height:60px; margin-left:20px; border-left:1px solid #cfd5d8;} .table6 .sections .section .button2 { min-width:165px;} .table6 .score { display:block; padding-top:3px; line-height:30px; font-size:24px; color:#333333; font-weight:500;} .table6 .left-attempt { display:block; text-align:center; font-style:italic; font-weight:600; padding-top:3px;} .table6 .button4.disabled { background:#c0c0c0;} /*--- Dashboard-content --- */ #dashboard-content .inner-dashboard .table2 { border-top:1px solid #b1b1b1;} /*--- Section1 --- */ .section1 { padding:60px 50px 50px; text-align:center; visibility:hidden; position:absolute; height:10px; overflow:hidden;} .section1.activeSlide { visibility:visible; position:relative; height:auto; overflow:visible;} .section1 h2 { font-size:24px; color:#5c5c5c; line-height:28px; margin-bottom:5px; font-weight:600;} .section1 p { color:#858585; margin-bottom:30px;} .section1 .section-footer p { margin-bottom:15px; color:#333333;} .section1 .cg-icon { width:50px; height:60px; margin-bottom:15px;} .section1 .theme-icon { background-position:-5px -403px; width:60px;} .section1 .language-icon { background-position:0 -245px;} .section1 .role-icon { background-position:-222px -245px; width:61px; height:61px;} .section1 .skills-icon { background-position:-166px -244px; width:48px; height:61px;} .section1 .education-icon { background-position:0 -332px; width:73px; height:57px;} .section1 .location-icon { background-position:-90px -328px; width:45px; height:66px;} .section1 .section-footer input[type='text'] { margin:0 auto 25px; border:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; height:48px; width:100%; max-width:280px;} .section1 .next-btn { background:#f74440; border-radius:0; min-width:150px; font-weight:600; padding:6px 16px 7px;} .section1 .next-btn:hover, .section1 .next-btn:active, .section1 .next-btn:focus { background:#dd322e;} .section1 .form-inline .form-control { display:block; width:100%;} /*--- Signup-steps --- */ #signup-steps { display:none; position:relative;} /*--- Select-your-language --- */ #select-your-language { background:#4495ad;} #select-your-language p, #select-your-language h2 { color:#fff;} #select-your-language .checkbox label { border:1px solid #fff; background:#4696ad; color:#fff;} #select-your-language .checkbox label:hover { border:1px solid #247691;} #select-your-language .checkbox.active label { background:#1b6d88; border:1px solid #1b6d88;} /*--- Select-theme --- */ #select-theme .form-group { padding:0 10px 20px;} /*--- Select-professional-role --- */ #select-professional-role .section-footer input[type='text'] { border:1px solid #ccc;} /*--- Select-professional-role --- */ #select-professional-skills { background:#5f73a6;} #select-professional-skills p, #select-professional-skills h2 { color:#fff;} #select-professional-skills .checkbox label { border:1px solid #fff; background:#6074a6; color:#fff;} #select-professional-skills .checkbox label:hover { border:1px solid #9999ff;} #select-professional-skills .checkbox.active label { background:#9999ff; border:1px solid #9999ff;} /*--- Educational-occupational --- */ #educational-occupational .form-inline { padding:0 50px;} #educational-occupational .form-group { width:100%; max-width:282px; padding:0 9px; margin-bottom:25px;} /*--- Autocomplete --- */ #autocomplete ul li { margin-bottom:0 !important;} /*--- Need Help --- */ #need-help { position:fixed; right:10px; bottom:7px; z-index:100; font-size:42px; background:#8c8c8c; text-align:center; width:52px; height:52px; border-radius:50%; color:#fff; line-height:52px; display:block; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #need-help:hover { background:#05699b;} /*--- Checkboxes --- */ .checkboxes { margin-bottom:35px;} .checkboxes .checkbox { position:relative; display:inline-block; width:17%; margin:0 12px 20px;} .checkboxes .checkbox label { font-size:14px; color:#000000; background:#fff; font-weight:normal; border:1px solid #b3b3b3; text-align:center !important; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:6px 10px; display:block; cursor:pointer; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .checkboxes .checkbox label:hover { border:1px solid #ffb13b;} .checkboxes .checkbox.active label { background:#ff9900; border:1px solid #ff9900; color:#fff;} .checkboxes .checkbox input[type=checkbox] { display: none; } /*--- User Location --- */ #user-location { background:url(images/cg2016_images/location-bg.jpg) left top no-repeat; background-size:cover;} #user-location p, #user-location h2 { color:#fff;} #user-location span.city-field { max-width:640px; margin:0 auto 40px; width:100%; display:block;} #user-location span.city-field input[type='text'] { border:0; border-radius:0;} /*--- UserData --- */ #userData .qblock { border-bottom:0;} #userData .qblock label { padding-top:16px; width:140px;} #get-in-touch-txt { text-align:center; font-size:45px; text-transform:uppercase; padding:15px; background:#f5f5f5;} .corp-contact-info { margin-bottom:20px;} .corp-contact-info li { background:#f5f5f5; padding:5px; margin-bottom:0;} .corp-contact-info li a { color:#707070;} .corp-contact-info li:nth-child(2n) { background:#fff; padding:5px;} .corp-contact-info span.dtl { width:265px;} #spread-word .cc-share-cont a{width:200px;padding:10px;border-radius:4px;color:#ffffff;font-size:14px;} #spread-word .cc-share-cont a.fbook{background-color:#21497f;} #spread-word .cc-share-cont a.tweet{background-color:#01baf7;} #spread-word .cc-share-cont a.email{background-color:#df4f3f;} /* code for animated blinking cursor */ .type-wrap { min-height:78px;} .type-wrap h4 { display:inline-block;} .typed-cursor{ opacity: 0; font-weight: 100; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; -ms-animation: blink 0.7s infinite; -o-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } @-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-ms-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-o-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } /*---Alert --- */ .alert { font-size:14px; padding:10px;} .alert-dismissable, .alert-dismissible { padding-right:35px;} /*---Form1 --- */ .form1 ul, .post .form1 ul { margin:0; padding:0; list-style:none;} .form1 ul li, .post .form1 ul li { margin-bottom:12px;} .form1 ul li:last-child { margin-bottom:0;} .form1 .required {color:#ff0000;} .form1 .form-control, .form1 input[type="text"], .form1 input[type="password"] { height:36px; font-size:13px;} .form1 input[type="submit"] { font-weight:normal;} .form1 .forgot-password { float:right; font-size:13px; color:#eb494f;} .form1 .error_msg {background: #f65039; color: #fff; display: inline-block; float: right; font-size: 12px; padding: 1px 5px 2px; position: relative;} .form1 .error_msg a { color:#fff;} .form1 textarea.form-control { resize:none; height:120px; border:1px solid #ccc !important;} .form1 .has-error .form-control { border:1px solid #f65039 !important; border-radius:4px 4px 0px 4px;} .form1 label { font-size:12px; color:#333333; display:block; margin-bottom:8px; font-weight:normal;} .form1 .radio-input { position:relative; text-align:left; display:block; padding-left:25px; margin-bottom:10px; line-height:22px;} .form1 .radio-input label { font-size:14px; color:#314451; margin:0;} .form1 .radio-input label a { color:#eb494f;} .form1 .radio-input input[type=radio]:checked + label:before { background:url(images/sass_images/radio1.png) left 0px no-repeat; } .form1 .radio-input input[type=radio] { display: none; } .form1 .radio-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px; position: absolute; left: 0; top:2px; background:url(images/sass_images/radio1.png) left -22px no-repeat; } .form1 .radio-input input[type=radio]:checked + label:before {background:url(images/sass_images/radio1.png) left 0px no-repeat; } .form1 .checkbox-input { position:relative; display:inline-block; padding-left:30px;} .form1 .checkbox-input label { font-size:13px; margin:0;} .form1 .checkbox-input label a { color:#eb494f;} .form1 .checkbox-input input[type=checkbox]:checked + label:before { background:url(images/techgig_images/checkbox.png) left -24px no-repeat; } .form1 .checkbox-input input[type=checkbox] { display: none; } .form1 .checkbox-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px; position: absolute; left: 0; top:-1px; background:url(images/techgig_images/checkbox.png) left 0 no-repeat; } .form1 .checkbox-input input[type=checkbox]:checked + label:before {background:url(images/techgig_images/checkbox.png) left -24px no-repeat; } .form1 .select { position:relative; display:block; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; min-height:38px; height:auto; width:100%;} .form1 .select select { width:100%; border:0; padding:0 35px 0 6px; height:36px; font-size:13px; color:#555; position:relative; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .form1 .select select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';} .form1 .select select::-ms-expand{ display:none;} .form1 .select:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:0; background:url(images/cg2016_images/select-arrow.gif) left center no-repeat; width:35px; height:36px; content:""; border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0;} .form1 .varification-field label { float:left; line-height:36px; margin-right:15px; margin-bottom:0;} .form1 .varification-field .reg-captcha { float:left;} .form1 .varification-field .form-control { width:80px; text-align:center; padding-left:10px !important; float:left; margin-right:15px;} .form1 .varification-field .reg-frm-rfrs, .form1 .varification-field .captcha-rfrs { float:left; background: rgba(0, 0, 0, 0) url("images/reg-frm-rfrs.gif") no-repeat scroll 0 0; float: left; height: 40px; margin:-1px 0 0 12px; width: 40px;} .form1 .varification-field .reg-frm-rfrs:hover, .form1 .varification-field .captcha-rfrs:hover { background-position: 0 -40px;} .form1 .varification-field .reg-frm-rfrs:active, .form1 .varification-field .captcha-rfrs:active { background-position: 0 -80px;} .form1 .varification-field #imgCaptcha { float:left; height:36px;} .form1 .varification-field.has-error { padding-bottom:18px; position:relative;} .form1 .varification-field.has-error .error_msg { position:absolute; left:0; bottom:0;} .form1 .chosen-container-multi .chosen-choices li.search-field input[type="text"] { height:22px;} .form1 .chosen-container-multi .chosen-choices { border:0; border-radius:4px; padding:6px 6px 5px; background:#fff;} .form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { border:1px solid #ccc; width:12px; height:12px;} .form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {color: #999; content: "x"; display: block; font-size: 11px; left:2px; position: absolute; top:-3px;} .form1 .chosen-container-multi .chosen-choices li.search-choice { padding:2px 20px 4px 5px;} .form1 .chosen-container-single .chosen-single { background:none; border:0; border-radius:0; color:#555; height:36px; font-size:13px;} .chosen-container-single .chosen-single span { height:36px; line-height:34px;} .chosen-container .chosen-results li { font-size:12px;} .label-success { font-family:'open_sansregular';} /*--- Certificate Categories --- */ #certificate-content { text-align:center;} #certificate-categories { text-align:center;} #certificate-categories .page-header { 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 { 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:600; font-size:22px; 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 { margin-bottom:5px;} #certificate-categories .category h4 { padding-top:10px; margin-bottom:10px;} #certificate-categories .category ul { margin:0; padding:0; list-style:none;} #certificate-categories .category ul li { font-size:13px; background:#ececec; margin-bottom:2px; line-height:18px; padding-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:15px;} #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:14px; margin-bottom:10px; display:inline-block; margin-right:5px; } #certificate-categories .badgesSocialshare img { margin:0 2px; width:30px;} #certificate-categories .winner header h3 { background:#3bd990;} #certificate-categories .winner header h3:before, #certificate-categories .winner header h3:after { background-color:#2ead72;} #certificate-categories .top-ranker header h3 { background:#e55443;} #certificate-categories .top-ranker header h3:before, #certificate-categories .top-ranker header h3:after { background-color:#b64033;} #certificate-categories .participation header h3 { background:#21ddee;} #certificate-categories .participation header h3:before, #certificate-categories .participation header h3:after { background-color:#179da9;} #certificate-categories .completers-list { padding-top:0;} 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;} /*--- Work_experience --- */ #work_experience { font-size:12px;} #work_experience .select { display:inline-block; width:70px;} /*--- Panel --- */ .panel-heading h6 { margin-bottom:4px;;} /*--- Sponsorship Table --- */ #sponsorship { text-align:center;} #sponsorship h4 { font-size:20px; color:#747474; font-weight:normal; margin-bottom:35px;} #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 ul ul { padding-top:7px;} #sponsorship .sponsorship-table .button1 { margin-top:10px;} #sponsorship .sponsorship-table .presenting header{ background:#e06769;} /*--- Cg3 Benefits --- */ #cg3-benefits { margin-bottom:40px; padding-top:20px;} #cg3-benefits .cg-icon { width:82px; height:82px; background-image:none; line-height:82px; border-radius:50%; margin-bottom:30px;} #cg3-benefits .cg-icon span { display:inline-block; vertical-align:middle; width:50px; height:50px; background-image:url(images/cg2016_images/icons.png); background-repeat:no-repeat;} #cg3-benefits h5 { font-size:17px; color:#666666; font-weight:600; line-height:26px;} #cg3-benefits .coder-icon { background-color:#00cccc;} #cg3-benefits .coder-icon span { background-position:-81px -31px;} #cg3-benefits .cxo-icon { background-color:#33cc99;} #cg3-benefits .cxo-icon span { background-position:6px -103px;} #cg3-benefits .fight-icon { background-color:#ffcc00;} #cg3-benefits .fight-icon span { background-position:-45px -103px;} #cg3-benefits .certificate-icon { background-color:#3399cc;} #cg3-benefits .certificate-icon span { background-position:-100px -100px;} #cg3-benefits .prizes-icon { background-color:#ff6600;} #cg3-benefits .prizes-icon span { background-position:-72px -412px;} /*--- How It Works --- */ #how-it-works { background:#fff url(images/cg2016_images/how-it-works-bg.png) center center no-repeat; background-size:cover;} #how-it-works .work-flow { width:970px; margin:0 auto; padding-top:7px; min-height:516px; background:url(images/cg2016_images/xwork-flow-bg1.png) center top no-repeat; margin-top:50px; } #how-it-works .work-flow ul { margin:0; padding:0; list-style:none;} #how-it-works .work-flow ul li { margin-bottom:30px; min-height:108px;} #how-it-works .work-flow ul li:last-child { margin-bottom:0;} #how-it-works .work-flow ul li .inner { position:relative; float:right;} #how-it-works .work-flow .company ul li .inner { float:left;} #how-it-works .work-flow ul li .details { position:absolute; left:-280px; top:50%; height:108px; margin-top:-54px; width:240px; display:table;} #how-it-works .work-flow ul li .details:after { display:block; right:-20px; width:11px; height:12px; top:50%; margin-top:-6px; position:absolute; content:""; background:url(images/cg2016_images/icons.png) -232px 0 no-repeat;} #how-it-works .work-flow .company ul li .details { left:auto; right:-280px;} #how-it-works .work-flow .company ul li .details:after { left:-20px; right:auto; background:url(images/cg2016_images/icons.png) -252px 0 no-repeat;} #how-it-works .work-flow ul li .details p { display:table-cell; vertical-align:middle; font-style:italic;} #how-it-works .work-flow .company ul li { margin-bottom:58px;} #how-it-works .work-flow .company ul li:last-child { margin-bottom:0;} #how-it-works .work-flow h5 { font-size:18px; color:#33cc99; font-weight:600; margin-bottom:3px;} #how-it-works .work-flow h5 small { font-size:12px; color:#33cc99; font-weight:600;} #how-it-works .work-flow p { font-size:12px; color:#666666; font-weight:200; line-height:16px; margin-bottom:1px;} #how-it-works .work-flow p strong { font-weight:600;} #how-it-works .work-flow .time-stamp { font-size:14px; color:#333333; font-weight:600; display:block;} #how-it-works .work-flow .individual { float:left; width:350px; text-align:right; padding-top:168px; padding-right:48px; } #how-it-works .work-flow .company { float:right; width:405px; text-align:left;} #how-it-works .work-flow .company .second { min-height:79px;} #how-it-works .work-flow .company .beat-leader { margin-left:105px; margin-bottom:34px; } #how-it-works .work-flow .company h5, #how-it-works .work-flow .company h5 small { color:#ff6600;} #how-it-works .work-flow .company .beat-leader h5, #how-it-works .work-flow .company .beat-leader h5 small { color:#0774c2;} #dashboard-page #how-it-works { background-image:none; background-color:#fff; padding:0px; } /*--- cboxContent --- */ #cboxContent { background:none;} /*--- Submit-feedback --- */ #submit-feedback { padding-top:30px;} /*--- About Theme --- */ #about-theme { padding-top:30px;} #about-theme .theme-info p, #about-theme .theme-info li { font-size:16px; font-weight:200; line-height:24px; text-align:justify; color:#888;} #about-theme .theme-info p strong { font-weight:600; color:#333;} #about-theme .theme-info h6 { margin-bottom:5px;} #about-theme .theme-info .participate-now-btn { margin:30px 0 40px;} #about-theme .theme-works { padding:53px 0 0; float:right; margin:0 0 20px 20px; min-width:445px; min-height:516px; background:url(images/cg2016_images/theme-works-bg1.png) center top no-repeat;} #about-theme .theme-works ul { margin:0; padding:0; list-style:none;} #about-theme .theme-works ul li { margin-bottom:18px; clear:both; min-height:112px; width:195px; float:right;} #about-theme .theme-works ul li:last-child { margin-bottom:0;} #about-theme .theme-works ul li:nth-child(2n) { float:left; text-align:right;} #about-theme .theme-works ul li:nth-child(2n) p { text-align:right;} #about-theme .theme-works h5 { font-size:18px; color:#33cc99; font-weight:600; margin-bottom:3px;} #about-theme .theme-works p { font-size:12px; color:#000000; font-weight:normal; line-height:15px; margin-bottom:1px; text-align:left;} #about-theme .theme-works p strong { font-weight:600;} #about-theme .theme-works .time-stamp { font-size:14px; color:#33cc99; font-weight:600; display:block;} #about-theme .theme-works .individual { float:left; width:315px; text-align:right;/* padding-top:139px;*/} #about-theme .theme-works .company { float:right; width:300px; text-align:left;} /*#about-theme .theme-works .company .second { min-height:231px;}*/ #about-theme .theme-works .company h5, #about-theme .theme-works .company .time-stamp { color:#ff6600;} /*--- Why-participate --- */ #why-participate h2 { font-size:24px; color:#fff; font-weight:600; text-transform:uppercase; margin-bottom:25px;} #why-participate ul { margin:0 0 35px 0; padding:0; list-style:none;} #why-participate li { margin-bottom:20px;} #why-participate li p { font-size:16px; color:#fff; margin-bottom:0;} #why-participate .cg-icon { width:43px; height:43px; margin-right:15px; text-align:center; background-image:none; line-height:38px; border-radius:50%;} #why-participate .cg-icon span { display:inline-block; vertical-align:middle; width:25px; height:25px; background-image:url(images/cg2016_images/icons.png); background-size:175px auto; background-repeat:no-repeat;} #why-participate .coder-icon { background-color:#00cccc;} #why-participate .coder-icon span { background-position:-49px -19px;} #why-participate .cxo-icon { background-color:#33cc99;} #why-participate .cxo-icon span { background-position:1px -62px;} #why-participate .fight-icon { background-color:#ffcc00;} #why-participate .fight-icon span { background-position:-29px -62px;} #why-participate .certificate-icon { background-color:#3399cc;} #why-participate .certificate-icon span { background-position:-60px -60px;} #why-participate .prizes-icon { background-color:#ff6600;} #why-participate .prizes-icon span { background-position:-44px -242px;} #why-participate .registered-users p { font-size:32px; color:#81b0c8; margin-bottom:35px;} #why-participate .registered-users p small { font-size:13px;} /*--- Theme Zone --- */ #theme-zone { position:relative; text-align:left; padding:30px 0px;} #theme-zone h4 { color:#666666; font-weight:600; text-transform:uppercase; margin-bottom:10px;} #theme-zone h5 { font-size:18px; color:#666666; font-weight:bold; text-transform:uppercase; margin-bottom:10px;} #theme-zone h5 small { font-size:12px; margin:0px 0px 10px 0px; text-transform:none;} #theme-zone .theme-box { clear:both; margin-top:15px; background:#fff; padding:15px; margin-bottom:20px; border:1px solid #f0f0f0;} #theme-zone p { font-size:12px; color:#333333; line-height:19px; margin-bottom:10px;} #theme-zone p a { font-size:12px; color:#006699; font-weight:600;} #theme-zone p span { font-weight:200; font-size:15px; line-height:25px; display:block;} #theme-zone p small { font-size:9px;} #theme-zone h6 { font-size:14px; color:#000000; text-transform:uppercase; font-weight:normal; padding-bottom:5px; border-bottom:1px solid #d4d3d3; margin-bottom:18px;} #theme-zone .sponsored-by { display:inline-block; margin-bottom:20px; position:relative;} #theme-zone .button2 { float:left; clear:left;} #theme-zone .sponsored-by img { max-width:150px;} #theme-zone .col-xs-12 { padding:0 30px;} #theme-zone .col-sm-3:first-child p { color:#999;} #theme-zone .theme-zone-content { background:#afe7dc; padding:15px 20px 18px 20px; } #theme-zone .theme-zone-content .content { padding:15px; background:#fff; min-height:330px; position:relative; } #theme-zone .theme-zone-content .content .button4 { font-size:13px; } #theme-zone .theme-zone-content .content .button4 img { width:17px; margin-left:5px; } #theme-zone .theme-zone-content ul { margin:0px; padding:0px; list-style-type:none; } #theme-zone .theme-zone-content .form1 .checkbox-input label { font-size:11px; } #theme-zone .theme-zone-content .count,#theme-zone .beat-leader-content .count { display:block; font-size:10px; margin-top:10px; font-weight:bold; } #theme-zone .beat-leader-content { position:relative; } #theme-zone .beat-leader-content .count { margin-top:-23px; text-align:center; position:relative; } /*--- Slider1 --- */ .slider1 .controls { margin-top:20px; text-align:center; } .slider1 .controls { display:block; text-align:center; position:relative; z-index:10;} .slider1 .controls a { display:inline-block; margin:0 5px; width:10px; height:0; padding-top:10px; overflow:hidden; border-radius:50%; cursor:pointer; background:#ebeff2;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;} .slider1 .controls a:hover, .slider1 .controls a.activeSlide { background:#b5b5b5;} /*--- Faq --- */ #faq h6 { margin-bottom:10px;} #faq .table5 { margin-bottom:15px; width:50%;} #faq .table5 tr th, #faq .table5 tr td { padding:10px; text-align:left;} #faq .table5 tr td { font-size:13px;} /*--- User-success-msg --- */ #user-success-msg { border-radius:0; margin-bottom:0; text-align:center; padding-top:55px; padding-bottom:25px;} #user-success-msg h6 { color:#3c763d; margin-bottom:10px;} #user-success-msg p { font-size:24px; color:#3c763d; font-weight:600; line-height:28px;} #user-success-msg p small { font-size:16px; font-weight:normal;} #user-success-msg ul { margin:0; padding:0 0 0 15px; text-align:left;} #user-success-msg li { line-height:18px; margin-bottom:10px; color:#999;} #user-success-msg li:last-child { margin-bottom:0;} /*--- login-form --- */ #login-form { float:right; padding-top:3px;} #login-form ul li { float:left; margin-left:10px; margin-bottom:0; position:relative;} #login-form .button2 { width:100%;} #login-form.form1 input[type="text"], #login-form.form1 input[type="password"] { border:0; font-size:12px; height:30px; width:208px;} #login-form.form1 input[type="submit"] { width:90px; margin-left:10px; display:block;} #login-form .forgot-password { font-size:12px; color:#fff; margin-top:3px; display:inline-block;} #login-form .error_msg { float:none; position:absolute; left:0; top:40px; width:100%; border-radius:3px; line-height:17px; padding:3px 5px 4px;} #login-form .error_msg:before { display:block; width:15px; height:7px; background:url(images/cg2016_images/icons.png) -204px 0 no-repeat; position:absolute; left:15px; top:-7px; content:""; } #login-form #err_email_already_exist, #login-form #err_login { width:285px;} /*#login-form-page { display:none;}*/ /*--- Signup-form --- */ .form-box { background:#fff; border-top:4px solid #3399cc; padding:25px 35px; width:415px; float:right;} .form-box h4 { text-align:center; font-weight:bold; margin-bottom:28px;} .form-box p small { color:#666; font-size:11px; font-weight:200; line-height:16px;} .form-box p a { color:#0099ff;} .form-box .button1 { font-weight:600; font-size:16px;} #signup-form .checkbox-input { margin-bottom:15px;} #signup-form .checkbox-input:last-child { margin-bottom:0;} .form-box .seperation { position:relative; margin-bottom:15px;} .form-box .seperation:after { height:1px; width:100%; display:block; content:""; background:#e0e0e0; position:absolute; left:0; top:14px;} .form-box .seperation span {background:#fff; font-size:13px; color:#999999; line-height:28px; width:30px; position:relative; z-index:5; margin: 0 auto;display:block;text-align: center; height:30px;} .form-box .sociable1 { text-align:center;} .form-box .sociable1 a { width:auto;} .form-box .sociable1 h5 { font-size:20px; color:#0a3542; font-weight:normal; margin-bottom:12px;} .form-box .sociable1 ul { margin:0; padding:0; list-style:none;} .form-box .sociable1 ul li { float:left; width:33.333%;} .form-box .sociable1 ul li:first-child { text-align:left;} .form-box .sociable1 ul li:last-child { text-align:right;} /*--- 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; } /*--- Theme Based Track --- */ #theme-based-track { position:relative; padding-top:100px; margin-top:-100px;} /*--- 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%;} #company-logos ul li img { max-height:50px;} /*--- Webcam_instruction_msg_body --- */ #webcam_instruction_msg_body { position:fixed; left:0; z-index:1000; width:100%; text-align:center; border-radius:0; font-size:16px; line-height:26px;} /*--- Editor-box --- */ #editor-box .user-actions { margin-top:8px !important; z-index:999;} /*--- Badges Content --- */ #badges-content { text-align:center;} #badges-content .page-header { margin-bottom:100px;} #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:600; font-size:22px; 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 { 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:17px;} #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:none;} #badges-content .badgesSocialshare img { margin:0 2px; width:30px;} #badges-content .code-spartacus header h3 { background:#3bd990;} #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;} #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;} #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;} #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;} #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;} /*--- User-panel --- */ #user-panel { background:none;} #user-panel #main { margin-left:0;} #user-panel .inner-main { padding:0;} /*--- completers-list --- */ .completers-list { margin-bottom:25px;} /*--- Awards Prizes --- */ #awards-prizes { background:#f7f7f7; padding:25px 0;} .landing-page #awards-prizes { background:url(images/cg2016_images/awards-prizes-bg.png) center center no-repeat; background-size:cover; padding-bottom:70px;} .landing-page #awards-prizes .page-header h2, .landing-page #awards-prizes .page-header p { color:#fff;} #awards-prizes .page-header .prize { font-size:24px; display:block; font-weight:600;} #awards-prizes .champion-icon { width:44px; height:48px; background-position:-141px -34px; display:block; margin:0 auto 5px;} #awards-prizes .prizes-table { border-bottom:1px solid #e4e4e4; margin-bottom:30px; padding-top:10px;} #awards-prizes .prizes-table .number { display:block; font-weight:bold; float:left; width:44px; margin-right:15px; height:44px; text-align:center; font-size:20px; color:#000000; background:#ff9900; border-radius:50%; line-height:44px; font-family:'TrajanPro';} #awards-prizes .prizes-table .number sup { text-transform:uppercase; font-size:11px; font-weight:normal;} #awards-prizes .prizes-table p { font-size:16px; line-height:21px; display:inline-block; white-space:nowrap;} #awards-prizes p strong { font-weight:600;} #awards-prizes h3 { font-size:18px; color:#ff9900; font-weight:600; margin-bottom:5px;} .landing-page #awards-prizes p { color:#fff;} #awards-prizes .button2.btn-lg { margin-top:30px; padding:12px 65px;} #awards-prizes .referral-winners { border-top:1px solid #e4e4e4; padding-top:30px; margin-top:72px;} #awards-prizes .referral-winners .button3 { background:#1a120f; color:#fff;} .landing-page #awards-prizes .referral-winners .button3 { background:none; color:#fff;} .landing-page #awards-prizes .referral-winners .button3:hover { background:#fff; color:#1a120f;} .landing-page #awards-prizes .referral-winners, .landing-page #awards-prizes .prizes-table { border-color:#53504f;} #awards-prizes .referral-winners h4 { font-size:22px; text-transform:uppercase; font-weight:200; margin-bottom:20px; text-align:left; } #awards-prizes .referral-winners h5 { font-size:18px; font-weight:600; margin-bottom:20px;} .landing-page #awards-prizes .referral-winners h4, .landing-page #awards-prizes .referral-winners h5 { color:#fff;} #awards-prizes .referral-winners p { font-size:14px; line-height:20px; margin-bottom:18px; font-weight:200;} #awards-prizes .referral-winners .cg-icon { float:left; width:62px; height:48px; margin-right:20px;} #awards-prizes .referral-winners .rupee-icon { background-position:-190px -35px;} #awards-prizes .referral-winners .like-icon { background-position:-160px -100px;} #awards-prizes .referral-winners .gift-icon { background-position:-231px -100px;} #awards-prizes .referral-winners .details { margin-left:82px; text-align:left;} .round-prizes { padding-top:30px;} .round-prizes .cg-icon { float:left; margin-right:15px; width:57px; height:63px; margin-top:15px;} .round-prizes .finger-icon { background-position:-5px -474px;} .round-prizes .leaderboard-topper-icon { background-position:-77px -469px;} .round-prizes .referral-icon { background-position:-145px -479px;} .round-prizes .language-icon { background-position:-207px -472px;} .round-prizes .internal-round-icon { background-position:1px -544px;} .round-prizes .company-top-icon { background-position:-67px -542px;} .round-prizes .mementos-icon { background-position:-131px -544px;} .round-prizes .details { margin-left:72px; margin-top:15px;} .round-prizes .details p { color:#666; font-weight:200;} .round-prizes .details p img { vertical-align:text-bottom; margin-left:8px;} .round-prizes h5 { margin-bottom:10px;} /*--- Companies-list --- */ #companies-list h5 { padding:8px 10px; font-size:16px; color:#3399cc; font-weight:bold; text-transform:uppercase; border:1px solid #e0f1f9; background:#e7f4fb;} #companies-list .company-icon { background-position:-260px -38px; width:33px; height:34px; margin-right:10px; vertical-align:bottom;} #companies-list .alignleft { text-align:left;} #companies-list img { margin:0 20px 30px 0; max-width:250px; max-height:75px;} #companies-list .alignleft img { margin:0 30px 30px 0;} #companies-list .participating-companies img { max-width:195px; max-height:70px;} #companies-list .participating-companies .ge-logo img { max-width:220px; max-height:90px;} #companies-list.dividing-section .curve.bottom-left { background-position:-135px bottom; width:149px; height:127px;} /*--- Leaderboard-content --- */ #leaderboard-content .table-responsive { border:0;} #leaderboard-content td.no-content { padding:0;} #leaderboard-content .table2 th { padding:15px; font-size:17px; color:#666666; border-bottom-style:dotted; border-bottom:1px solid #e0e0e0; } /*--- Press-media-releases --- */ #press-media-releases h6 { margin-bottom:0;} #press-media-releases hr { margin-top:8px;} #press-media-releases .table1 tr td:first-child { width:120px;} /*--- Webcam_container --- */ #webcam_container { right:0 !important; bottom:0 !important;} #webcam_container .yes-no-bx { margin-top:0 !important;} .chrome #webcamAlertMsg + #webcam_container .yes-no-bx { display:none !important;} /*--- Theme Popup --- */ #theme-popup { border-radius:0; position:fixed; right:0; bottom:0; z-index:100; margin-bottom:0; display:none; width:100%; text-align:center;} #theme-popup h4 { margin-bottom:10px;} #theme-popup p { margin-bottom:10px; color:#8a6d3b;} #theme-popup .close-btn { margin-right:-6px; margin-top:-10px;color: #8a6d3b; background:none; float: right; font-size: 21px; font-weight: 700; line-height: 1; opacity: 0.2; padding:0; border:0;} #theme-popup .close-btn:hover { opacity:1;} #theme-popup.alert-warning { background-image: linear-gradient(to bottom, #fcf8e3 0px, #f8efc0 100%); background-repeat: repeat-x; border-color: #f5e79e;} /*--- CG-videos --- */ #cg-videos { margin-bottom:30px;} #cg-videos .panel { padding:20px 15px;} #cg-videos iframe { margin-bottom:15px;} #cg-videos .preview { width:910px; height:480px; margin:0 auto 30px;} #cg-videos .preview .slide { width:100%;} #cg-videos .thumbnails { padding:0 50px; position:relative;} #cg-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;} #cg-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;} #cg-videos .thumbnails ul { margin:0; padding:0; list-style:none;} #cg-videos .caroufredsel_wrapper, #cg-videos .gallery { height:100px !important;} #cg-videos .thumbnails ul li { float:left; margin-right:0; width:160px; padding:0 15px;} #cg-videos .thumbnails ul li:first-child { text-align:right;} /*--- Image Gellery --- */ #image-gallery { padding:50px 0;} #image-gallery h2 { margin-bottom:20px;} #image-gallery .gallery { margin:0; padding:0; list-style:none;} #image-gallery .caroufredsel_wrapper, #image-gallery .gallery { height:104px !important;} #image-gallery .gallery li { float:left; margin-right:30px; width:200px;} #image-gallery .inner-wrap { padding:0 50px; position:relative;} #image-gallery 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;} #image-gallery 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;} /*--- Sponsors-list --- */ #sponsors-list { border-bottom:1px solid #e3e3e3; padding:30px 0 0;} #sponsors-list .inner-wrap { border-right:1px dashed #c0c0c0;} #sponsors-list h6 { font-size:12px; color:#666666; font-weight:600; text-transform:uppercase; border-bottom:1px solid #d1d1d1; margin-bottom:12px;} #sponsors-list h6 span { position:relative; display:inline-block; padding-bottom:5px;} #sponsors-list h6 span:after { display:block; left:0; height:4px; width:100%; content:""; position:absolute; background:#ffe3ab; bottom:-5px;} #sponsors-list .container { width:100%;} #sponsors-list ul { margin:0; padding:0; list-style:none;} #sponsors-list ul li { float:left; margin:0 10px; text-align:center; line-height:60px;} #sponsors-list ul li img { max-height:57px; vertical-align:middle; max-width:122px;} #sponsors-list .theme-sponsors ul li img { max-width:115px;} #sponsors-list .caroufredsel_wrapper { height:60px !important; margin-bottom:20px !important;} #sponsors-list .col-xs-12, #sponsors-list .col-xs-6 { min-height:102px;} #sponsors-list .associate h6 span:after { background:#c7e3c7;} #sponsors-list .code-diva h6 span:after { background:#ffc7ff;} #sponsors-list .base h6 span:after { background:#e3c7c7;} #sponsors-list .category-base h6 span:after { background:#e3e3e3;} /*--- Category-base --- */ #sponsors-list .category-sponsors h6 { font-size:11px; border-bottom:0; margin-bottom:7px;} #sponsors-list .category-sponsors ul li img { max-width:95px; vertical-align:top;} /*--- Category-Associate --- */ #sponsors-list .category-associate h6 { font-size:11px; border-bottom:0; margin-bottom:7px;} #sponsors-list .category-associate img { vertical-align:top;} /*--- Limca-book-record --- */ #limca-book-record { background:url(images/cg2016_images/limca-record-bg.png) center center no-repeat; background-size:cover; padding-bottom:0; } #limca-book-record .container { display:table;} #limca-book-record .inner { display:table-cell; vertical-align:middle;} #limca-book-record h3 { font-size:32px; color:#fff; font-weight:200; line-height:42px;} #limca-book-record p { margin-bottom:0;} #limca-book-record p a { color:#0099ff; margin:0 15px;} /*--- Social-buzz --- */ #social-buzz { text-align:left;} #social-buzz h5 { font-size:16px; color:#333333; text-transform:uppercase; font-weight:600; padding-bottom:7px; border-bottom:3px solid #ff9900; margin-bottom:15px; text-align:left;} #social-buzz h3 { font-size:21px; color:#1079a9; font-weight:600; margin-bottom:5px;} #social-buzz .post img { margin-bottom:15px;} .social-links { padding-top:50px; text-align:center;} .social-links h4 small { font-size:100%; color:#e9625e; font-weight:600;} .social-links p { font-size:24px; line-height:24px; color:#484848;} .social-links h4 span { color:#2574e7;} .social-links ul { display:inline-block; margin:0; padding:0; list-style:none;} .social-links ul li .fa { font-size:32px; color:#fff;} .social-links ul li a { width:52px; height:52px; border-radius:5px; line-height:52px; display:block; padding-top:9px;} .social-links ul li { float:left; margin:0 5px;} .social-links ul li.facebook a { background:#21497f;} .social-links ul li.twitter a { background:#01baf7;} .social-links ul li.linkedin a { background:#015ef7;} .social-links ul li.google-plus a { background:#df4f3f;} .social-links ul li.github a { background:#434344;} .fb_iframe_widget, .fb_iframe_widget > span, .fb_iframe_widget iframe, .fb_iframe_widget ._2p3a { width:100% !important;} /*--- Invite-login --- */ #invite-login { background:url(images/cg2016_images/registration-bg1.png) left center no-repeat; min-height:538px;} #invite-login header { text-align:center;} #invite-login header h2 { color:#333333; font-weight:600;} #invite-login .col-sm-2 { display:none;} #invite-login .col-sm-9 { width:100%;} #invite-login .button4 { background:#f74440; padding:12px 15px; font-size:18px; color:#fff; font-weight:600; display:block; width:100%;} #invite-login .form-group .col-sm-7, #invite-login .form-group .col-sm-offset-4 { width:33.3333%;} #invite-login .form-group .col-sm-4{ width:50%;} #invite-login .form-group .col-sm-offset-4 { margin-left:50%;} .chosen-container-single .chosen-single { box-shadow:none;} /*--- Post --- */ .post .metadata { font-size:14px; color:#b4b1b1; margin-bottom:20px; display:block;} .post .time-icon { width:14px; height:15px; background-position:-139px 0; margin-right:10px; vertical-align:sub;} .post ol { margin:0; padding:0 0 0 15px;} .post ol, .post ul { padding:0 0 0 15px; margin-bottom:20px;} .post ul li, .post ol li { font-size:16px; margin-bottom:15px;} .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background-color: #f0f0f0; border-color: #ddd; color: #333;} .post .list-group-item { margin-bottom:0; border-bottom:0;} .post .list-group-item:last-child { border-bottom:1px solid #ddd;} /*--- beat-leader-winners --- */ #beat-leader-winners { background:#fff; text-align:center; } #beat-leader-winners .page-header { margin-top:0px; margin-bottom:50px; } #beat-leader-winners ul { margin:0 auto; padding:0px; list-style-type:none; } #beat-leader-winners ul li { margin-bottom:20px;} #beat-leader-winners ul li h5 a { color:#ff6600; font-size:17px; } #beat-leader-winners ul li .image-holder { width:150px; height:150px; border-radius:5px; margin:0 auto; margin-bottom:10px; position:relative; } #beat-leader-winners ul li .image-holder .disabled-date { display:block; font-size:86px; color:#cacaca; padding:20px 25px; line-height:1; font-family: 'open_sans'; font-weight:600; background:#e5e5e5; border:1px solid #dadada;border-radius:5px; height:150px; } #beat-leader-winners ul li .image-holder .disabled-date small { display:block; font-size:20px; color:#cacaca; } #beat-leader-winners ul li .image-holder img { width:150px; height:150px; border-radius:5px; } #beat-leader-winners ul li .image-holder .date { position:absolute; bottom:7px; left:0px; padding:8px 13px; background:#1a1a1a; font-size:18px; line-height:20px; color:#fff; display:inline-block; } /*--- Gyan --- */ #gyan .list-group { padding-left:0;} /*--- Countdown --- */ .countdown { text-align:center;} .countdown p { position:relative; top:3px;} .countdown .alt-1, .countdown p { display:inline-block;} .countdown .alt-1 { position:relative; margin-right:-20px;} .countdown .separator { display:none;} .countdown .item { vertical-align: bottom; position:relative; overflow: hidden; font-size:20px; color:#fff; line-height:20px; font-weight:600; padding:0 9px; margin:0 5px; background:url(images/cg2016_images/countdown-bg.png) center 10px no-repeat; } /*.countdown .item.item-ss { display:none;}*/ .countdown .label { text-transform: uppercase; display: block; font-weight:600; position: absolute; line-height: normal; left: 0; bottom: -9px; font-size:9px; color: #fff; padding:0; width:100%; text-align:center; } /* COUNTDOWN-ALT-1 */ /* ----------------------------------------------------------------------------------------- */ .countdown-alt-1 { display: block; font-size: 0; /* Hack for inline and inline-block extra markup generated spaces */ margin: 100px 0; color: #000; } .countdown-alt-1 .item { position: relative; } .countdown-alt-1 .dd, .countdown-alt-1 .hh-1, .countdown-alt-1 .hh-2, .countdown-alt-1 .mm-1, .countdown-alt-1 .mm-2, .countdown-alt-1 .ss-1, .countdown-alt-1 .ss-2 { font-family: 'Righteous', cursive; background: #F6F6F6; border-radius: 10px; display: inline-block; font-size: 60px; margin: 1px 2px; min-width: 40px; padding: 5px 16px; text-align: center; } .countdown-alt-1 .hh-1, .countdown-alt-1 .hh-2, .countdown-alt-1 .mm-1, .countdown-alt-1 .mm-2, .countdown-alt-1 .ss-1, .countdown-alt-1 .ss-2 { width: 40px; max-width: 40px; } .countdown-alt-1 .label { font-style: italic; text-transform: capitalize; background: #F6F6F6; border-radius: 5px; font-size: 12px; margin: 1px 2px; padding: 2px 5px; position: absolute; left: 0; bottom: -44px; } .countdown-alt-1 .separator-dd, .countdown-alt-1 .separator { color: #FFF; font-size: 40px; position: relative; } /*--- Sociable1 --- */ .sociable1 a { width:32px; text-align:center; height:32px; display:inline-block; line-height:33px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size:18px; color:#fff; margin-right:10px;} .sociable1 a:last-child { margin-right:0;} .sociable1 a:hover .fa, .sociable1 a:active .fa, .sociable1 a:focus .fa { color:#fff;} .sociable1 a.facebook { background:#366ea7;} .sociable1 a.twitter { background:#55acee;} .sociable1 a.google-plus { background:#ca4638;} .sociable1 a.linkedin { background:#0177b5;} .sociable1 a.email { background:#333333; line-height:29px;} /*--- 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;} /*--- Modal --- */ .modal .modal-header { background:#05699b; border-radius:4px 4px 0 0;} .modal .modal-header h4 { font-size:18px; color:#fff;} /*--- Completed-test --- */ #completed-test header { text-align:center;} #completed-test header h2 { font-size:42px; text-transform:uppercase; color:#333333; font-weight:200; margin-bottom:10px;} #completed-test textarea { margin-bottom:20px;} #completed-test .button4 { position:relative; background-color: #337ab7; border-color: #2e6da4; 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;} #completed-test .button4:hover, #completed-test .button4:focus, #completed-test .button4:active {background-color: #337ab7; border-color: #2e6da4; color: #fff; outline:none;} /*--- Editor-box --- */ #editor-box .button4, #editor-box .button3 { background:#dd1f1f; border:0; box-shadow:none; border-radius:2px; font-size:13px !important; text-shadow:none; padding:7px 15px !important;} #editor-box .button4:hover, #editor-box .button3:hover, #editor-box .button4:focus, #editor-box .button3:focus, #editor-box .button4:active, #editor-box .button3:active { background:#bb1313; color:#fff;} #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;} #editor-box header p label { float:left; line-height:37px !important;} #editor-box .text-center .button4 { display:none;} /*--- Footer --- */ #footer { background:#003366; border-top:1px solid #6685a3; padding:18px 0 0 75px;} .landing-page #footer { padding-left:0;} #footer ul { margin:0; padding:45px 0 32px; list-style:none;} #footer ul li { font-size:16px; color:#fff; margin-bottom:10px;} #footer ul li:last-child { margin-bottom:0;} #footer ul li a { color:#fff;} #footer .inner-footer { background:#000000; border-top:1px solid #3d454e; padding:15px 0; text-align:center; margin-top:18px;} #footer .inner-footer p { margin:0; font-size:13px; color:#999999; line-height:15px;} #footer .powered-by { padding-top:45px;} #footer .powered-by h5 { font-size:19px; color:#fff; font-weight:normal; margin-bottom:15px;} #footer .powered-by a { display:inline-block; background:#fff; border-radius:2px; padding:10px;} /*--- Newsletter Form --- */ #newsletter-form form { background:#fff; padding-left:15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #newsletter-form input[type="text"] { width:218px; float:left; padding:5px 15px 5px 0; border:0; box-shadow:none; font-size:12px; color:#000000; height:32px;} #newsletter-form input[type="button"] { height:32px; padding:0 20px; border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border:0; float:right;} /*--- Box1 --- */ .box1 { background:#4d5ab3; padding:20px 0 20px 115px; position:relative; margin-bottom:20px;} .box1 header { background:#3e4ba9; 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;} /*--- View More Btn --- */ .view-more-btn1 {color:#006699; padding:10px; font-size:14px; clear:both; text-align:center; margin-bottom:20px; position:relative; z-index:50; background:#efefef; display:block; transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .view-more-btn1:hover { background:#006699; color:#fff;} /*--- List1 --- */ ul.list1 { margin:0; padding:0; list-style:none;} ul.list1 li { float:left; margin-right:20px;} ul.list1 li:last-child { margin-right:0;} ul.list1 li figure { width:42px; height:42px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block; margin:0 auto;} ul.list1 li figure a { display:table; width:100%; height:42px;} ul.list1 li figure a span { display:table-cell; text-align:center; vertical-align:middle; text-transform:uppercase; font-size:18px; font-weight:600; 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:42px; height:42px;} ul.list1 a.see-all-btn { width:42px; height:42px; margin:0 auto; position:relative; font-size:12px; line-height:41px;} ul.list1 h6 { margin-top:15px;} ul.list1 h6 img { width:28px; margin-left:5px;} #badges-content ul.list1 li figure img, #badges-content ul.list1 li figure { width:64px; height:64px;} /*--- List2 --- */ .list2 { margin:0 -15px; padding:0; list-style:none;} .list2 li { text-align:center;} /*--- List3 --- */ .list3 { margin:0px; padding:0; list-style:none;} ul.list3 li { margin-bottom:10px; } ul.list3 li figure { width:64px; height:64px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block; margin:0 auto; } ul.list3 li figure img { position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width:64px; height:64px;} ul.list3 li h6,ul.list3 li h6 a { color:#666; } ul.list3 li h6 a { color:#666; } ul.list3 li:hover h6 a { color:#069; } /*--- List4 --- */ .list4 { margin:0px; padding:0px; list-style-type:none; text-align:left; } .list4 li { padding-left:45px; margin-bottom:25px; font-size:14px; color:#303030; background:url("images/cg2016_images/list4-bg.png") left 3px no-repeat; } /*--- Button1 --- */ .button1 { position:relative; background:#cc3333; 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:#b42525; outline:none;} /*--- Button2 --- */ .button2, .button4 { position:relative; background:#ff3333; border-radius:2px; color:#fff; text-align:center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none;} .button2.btn-lg, .button4.btn-lg { font-weight:600;} .button2:hover, .button2:focus, .button2:active, .button4:hover, .button4:focus, .button4:active { color:#fff; background:#dd1f1f; outline:none;} /*--- Button3 --- */ .button3 { position:relative; background:none; border-radius:2px; border:1px solid #fff; color:#fff; text-align:center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none;} .button3:hover, .button3:focus, .button3:active { color:#1a120f; background:#fff; outline:none;} /*--- 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;} /*--- Specific Pages Layouts --- */ .steps-page #content, .steps-page #main-panel .inner-main { padding:0;} .signup-login-page #footer { padding-left:0;} .signup-login-page #header { background:#333333; border-bottom:0; box-shadow:0 -2px 8px #000;} .signup-login-page #content{ padding:50px 0; background:url("images/cg2016_images/login-page-bg.png") center center no-repeat; background-size:cover;} .signup-login-page #content .container { padding:0 50px;} .signup-login-page .social-links { margin-bottom:50px;} .signup-login-page #header .powered-by { margin-bottom:8px; position:relative; z-index:1;} .signup-login-page #header .logo .powered-by br { display:block;} .signup-login-page #header .logo .powered-by p { line-height:2px;} .signup-login-page #header .logo .powered-by.associating p { line-height:30px;} .signup-login-page #header .logo .powered-by p img { max-width:133px; max-height:31px; position:relative; z-index:5; margin:0 0 -5px;} .signup-login-page #header .logo { background:url(images/cg2016_images/logo-bg1.png) 7px top no-repeat; margin-top:0; height:74px; position:fixed; left:35px; top:0; padding:10px 55px 0 0; width:365px;} .signup-login-page #header .logo h1 { float:none;} .signup-login-page #header .logo:before { height:100%; width:500px; left:-493px; background:#fff; content:""; top:0; display:block; position:absolute;} .signup-login-page #header .logo h1 img { width:125px; margin:0; margin-top:4px;} .signup-login-page #header .logo h1, .signup-login-page #header .powered-by { float:left;} .signup-login-page #header .powered-by { margin-right:10px; text-align:right; margin-bottom:0;} .cg-theme-page #banner { background-color:#f7a84b; background-image: url(images/cg2016_images/banner2.jpg); background-size:cover; padding-top:125px; } .cg-theme-page .theme-banner-icon1,.cg-theme-page .theme-banner-icon2, .cg-theme-page .theme-banner-content { height:465px; display:table; width:100%; } .cg-theme-page .theme-banner-icon1 p,.cg-theme-page .theme-banner-icon2 p, .cg-theme-page .inner-banner-content { display:table-cell;} .cg-theme-page .theme-banner-icon1 p, .cg-theme-page .inner-banner-content { text-align:center; vertical-align:middle; } .cg-theme-page .theme-banner-icon1 p img,.cg-theme-page .theme-banner-icon2 p img { width:250px; } .cg-theme-page .theme-banner-icon2 p { vertical-align:bottom; text-align:right; } .cg-theme-page .theme-banner-content { text-align:center; margin:0 auto; } .cg-theme-page #banner h2 { font-size:65px; font-weight-bold; border:none; line-height:68px; margin-bottom:20px; font-family: 'impact'; color:#f6931f; } .cg-theme-page #banner .container-fluid p { color:#f6931f; } .cg-theme-page #banner { padding-bottom:0px;} .cg-theme-page #banner .container-fluid p { font-size:16px; line-height:24px; font-weight:600; margin:20px 0px 25px 0px; } .cg-theme-page #banner .container-fluid {padding-bottom:49px; } .cg-theme-page #banner .sponsor-logo { margin-bottom:15px; } .cg-theme-page #content { padding-top:0; padding-bottom:32px;} .cg-theme-page #content { background:#fff;} .cg-theme-page.page-scrolling #header .logo h1, .beat-the-leader-page.page-scrolling #header .logo h1 { float:none;} .cg-theme-page #header .logo, .company-landing-page #header .logo, .beat-the-leader-page #header .logo { left:30px; padding-right:72px; height:82px; padding-top:17px; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .cg-theme-page.page-scrolling #header .logo, .company-landing-page.page-scrolling #header .logo, .beat-the-leader-page.page-scrolling #header .logo { height:50px; padding-top:7px;} .cg-theme-page #header .logo img, .company-landing-page #header .logo img, .beat-the-leader-page #header .logo img { 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;} .cg-theme-page #awards-prizes { background:#fff;} .cg-theme-page #awards-prizes .container { width:auto;} .cg-theme-page #awards-prizes .page-header h2, .cg-theme-page #awards-prizes .page-header p, .cg-theme-page #awards-prizes p, .cg-theme-page #awards-prizes .referral-winners h4, .cg-theme-page #awards-prizes .referral-winners h5 { color:#333;} .cg-theme-page #awards-prizes .referral-winners, .cg-theme-page #awards-prizes .prizes-table { border-color:#e4e4e4;} .cg-theme-page #awards-prizes .referral-winners .button3, .cg-theme-page #awards-prizes .referral-winners .button3:hover { background:#1a120f; color:#fff;} .landing-page.cg-theme-page #main-navigation ul li a, .landing-page.cg-theme-page #header .user-area .user { color:#666;} .page-scrolling.cg-theme-page #main-navigation ul li a, .page-scrolling.cg-theme-page #header .user-area .user { color:#fff;} .landing-page.cg-theme-page #header .user-area .user .caret { background:url(images/cg2016_images/icons.png) -160px 0 no-repeat;} .page-scrolling.cg-theme-page #header .user-area .user .caret { background:url(images/cg2016_images/icons.png) -180px 0 no-repeat;} .cg-theme-page #header .user-area p a { color:#666;} .cg-theme-page #header .user-area p .button1, .page-scrolling.cg-theme-page #header .user-area p .button1 { color:#fff;} .contact-us-page #footer { padding-left:0;} .company-landing-page.page-scrolling #header .logo h1 { float:none;} .company-landing-page #banner { min-height:450px; background-image:url(images/cg2016_images/banner-bg2.png); padding-top:140px;} .company-landing-page #banner .gladiator-logo { background:#fff; border-radius:3px; padding:10px; max-width:210px;} .company-landing-page #banner .for-internal { position:absolute; right:0; bottom:0;} .company-landing-page #banner h2 { text-align:center; border-top:1px solid #343333; padding:15px 0 20px;} .company-landing-page #banner .logo-block { margin-bottom:20px;} .company-landing-page #banner .association-with { display:inline-block; margin:0 30px; font-size:15px; color:#fff;} .company-landing-page #banner .sponsor-logo { max-width:200px; padding:0; vertical-align:middle; border:0; border-radius:0;} .company-landing-page #banner .logo-block a { display:inline-block; padding:10px; background:#fff;} .sponsors-page .dividing-section .curve { display:none;} .sponsors-page .dividing-section { padding-bottom:30px;} .invite-page #content { padding:0;} .invite-page #content .inner-main { padding:0;} .landing-page #header .nav-menu-btn, .signup-login-page #header .nav-menu-btn { top:9px;} .mcq-questionlist-page .inner-main > a { font-size:14px;} .media-page .dividing-section .curve.right-top { display:none;} .media-page .dividing-section { padding-bottom:40px;} .media-page .dividing-section .container { padding:0;} .sponsors-page #companies-list .container { padding:0;} .dashboard-page #how-it-works { margin-bottom:20px;} .dashboard-page #how-it-works, .dashboard-page #how-it-works .container { padding:0; background:none;} .beat-the-leader-page #content { background:#fff;} .beat-the-leader-page #how-it-works .work-flow { background:url(images/cg2016_images/beat-the-leader-work-flow.png) top center no-repeat; min-height:512px; width:735px;} .beat-the-leader-page #how-it-works .work-flow .company { float:none; width:auto;} .beat-the-leader-page #how-it-works .work-flow .company ul li { float:right; width:332px; clear:both; min-height:100px; margin-bottom:20px;} .beat-the-leader-page #how-it-works .work-flow .company ul li:last-child { min-height:15px; margin-bottom:0;} .beat-the-leader-page #how-it-works .work-flow .company ul li:nth-child(2n) { float:left; text-align:right;} .beat-the-leader-page #banner { background:#0b0705 url(images/cg2016_images/beat-banner-bg.png) center bottom no-repeat;} .beat-the-leader-page #banner .gladiator-logo { background:#fff; border-radius:3px; padding:10px; max-width:210px;} .beat-the-leader-page #banner .for-internal { position:absolute; right:0; bottom:0;} .beat-the-leader-page #banner h2 { text-align:center; margin-bottom:60px; } .beat-the-leader-page #banner .logo-block { margin-bottom:60px;} .beat-the-leader-page #banner .date-stamp { padding-top:10px;} .beat-the-leader-page #banner .date-stamp p { font-size:18px; color:#fff; font-weight:600; text-align:center;} .beat-the-leader-page #banner .association-with { display:inline-block; margin:0 30px; font-size:15px; color:#fff;} .beat-the-leader-page #banner .sponsor-logo { max-width:200px; padding:0; vertical-align:middle; border:0; border-radius:0;} .beat-the-leader-page #banner .logo-block a { display:inline-block; padding:10px; background:#fff;} .beat-the-leader-page #banner .participate-now-btn { background:none; border:2px solid #fff; border-radius:0;} .beat-the-leader-page #banner .participate-now-btn:hover { background:#fff; color:#333;} #register-page .signup-login-page #header .logo .powered-by.ge-sponsor p img, #login-page .signup-login-page #header .logo .powered-by.ge-sponsor p img { max-height:none;} #verizon-page .company-landing-page #banner .logo-block a { padding:20px;} /*#gedigital-page .company-landing-page #banner .sponsor-logo { max-height:65px;}*/ /*--- Beat-prizes --- */ #beat-prizes { background:#33cc99;} #beat-prizes ul { margin:0 -15px; padding:0; list-style:none;} #beat-prizes .page-header h2, #beat-prizes .page-header p { color:#fff;} #beat-prizes ul li .box { background:url(images/cg2016_images/beat-prize-bg.png) center center no-repeat; width:215px; height:247px; margin:0 auto; padding:60px 15px 15px;} #beat-prizes ul li h5 { color:#33cc99;} #beat-prizes ul li .prize { color:#000000; display:block; margin-bottom:20px; font-size:24px; font-weight:bold;} #beat-prizes ul li p { color:#000000; font-size:13px; font-weight:600; line-height:18px;} /*--- Saas Modified --- */ .user-info-bar { border:1px solid #ddd; padding:0 10px; border-radius:5px; margin-top:15px;} .user-info-bar .timer .fa { margin-top:9px;} .user-info-bar .progress-bar { background:#6cb5da;} .user-info-bar #breadcrumbs a { font-size:17px; font-weight:600; color:#333; line-height:60px;} #candidate_question_listing .table2 h5 { font-size:15px;} #candidate_question_listing .table2 h5 a { color:#333;} #candidate_question_listing footer { position:static; bottom:auto; left:auto; padding:0; background:none;} .content-area, #candidate_question_listing .inner-wrap { padding-bottom:0;} #user-panel .button4 { background:#dd1f1f;} #user-panel .button4:hover, #user-panel .button4:active, #user-panel .button4:focus { background:#c81818;} /*--- Btn-file --- */ .btn-file { position: relative; display:block; margin-top:5px; height:40px;} .btn-file .btn-default { z-index:10; pointer-events:none; font-size:13px; cursor:pointer; padding:9px 15px; position:absolute; left:0; top:0;} .btn-file input[type=file] { position: absolute; top:2px; left:0px; height:34px;font-size:13px; text-align: left; outline: none; background: white; cursor: inherit; display: block;} .chrome .btn-file input[type=file] { text-indent:-50px; padding-top:7px;} .safari .btn-file input[type=file] { text-indent:-5px; padding-top:2px;} .ie-platform .btn-file .btn-default { display:none !important;} /*--- Location Based App --- */ .location-based-app #banner { background-color:#a9e5db; background-image: url(images/cg2016_images/banner1.jpg);background-size:cover; } .location-based-app #banner h2,.location-based-app #banner .container-fluid p { color:#006940; } .e-commerce-app #banner h2,.e-commerce-app #banner .container-fluid p { color:#fff; } .e-commerce-app #banner { background-color:#3290b4; background-image: url(images/cg2016_images/banner3.jpg);background-size:cover;} /*--- CG Certificate --- */ .cg-certificate { max-width:686px; margin:0 auto; width:100%; background:#174a7b; padding:15px; } .cg-certificate .content { background:#fff; padding:65px 0px 30px 0px; text-align:center; } .cg-certificate .content .tg-logo { margin-bottom:40px;} .cg-certificate .content h2 { font-family:"Times New Roman", Times, serif; font-size:38px; line-height:42px; color:#ff3333; margin:20px 0px; font-weight:normal; } .cg-certificate .content .inner-content { padding:45px 25px 20px 25px; } .cg-certificate .content .inner-content p { font-family:"Times New Roman", Times, serif; color:#3081c1; font-size:22px; line-height:25px; margin-bottom:25px; } .cg-certificate .content .inner-content h3 { font-family:"Times New Roman", Times, serif; color:#333333; font-size:48px; line-height:55px; margin-bottom:25px; font-weight:normal; } .cg-certificate .content .inner-content h4 { font-family:"Times New Roman", Times, serif; color:#333333; font-size:26px; line-height:30px; margin-bottom:30px; font-weight:normal; } .cg-certificate .content .inner-content p.lead { font-size:20px; margin-bottom:40px; } .cg-certificate .content .inner-content .footer p { font-size:16px; line-height:20px; color:#333333;} .cg-certificate .sponsors { padding:25px; } .cg-certificate .sociable ul { margin:0px; padding:0px; list-style-type:none; text-align:center; } .cg-certificate .sociable ul li { display:inline-block; margin:0px 5px; } .cg-certificate #main-sponsors { background:#f3f6f9; margin-bottom:15px; } .cg-certificate #main-sponsors .section h6 { padding:5px; font-size:14px; background:none; color:#333; } .cg-certificate #main-sponsors .title-sponsors { margin-bottom:25px;width:35%; margin:0 auto; margin-bottom:25px; } .cg-certificate #main-sponsors .section a { line-height:55px; height:60px; } .cg-certificate #main-sponsors .section a img { max-height:40px; max-width:115px; } .cg-certificate #main-sponsors .section.title-sponsors a { height:80px; line-height:75px; } .cg-certificate #main-sponsors .section.title-sponsors a img { max-height:70px; max-width:160px;} #gedigital-page .landing-page #header .logo .powered-by p img { max-width:113px; float:left; margin-right:8px; 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;} #gedigital-page .landing-page #header .logo h1 { float:left; margin-right:-10px; position:relative; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #gedigital-page .landing-page #header .powered-by { position:relative; width:175px; margin-left:-25px; z-index:1; float:left; 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;} #gedigital-page .landing-page #header .powered-by p { line-height:46px; 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;} #gedigital-page .landing-page #header .logo h1 img { margin-left:8px; width:104px; margin-top:4px;} #gedigital-page .landing-page.page-scrolling #header .logo .powered-by p img { max-width:94px; margin-top:2px;} #gedigital-page .landing-page.page-scrolling #header .logo .powered-by p { line-height:41px;} #gedigital-page .landing-page.page-scrolling #header .powered-by { margin-left:0; width:152px;} #gedigital-page .company-landing-page.page-scrolling #header .logo { padding-top:3px;} #gedigital-page .landing-page.page-scrolling #header .logo h1 img { margin-left:0;} #dashboard-page #theme-zone { padding:0px 0px 15px 0px; } #dashboard-page #theme-zone .theme-zone-content .content { min-height:318px; } .form1 .confirmation-guidelines ul li { list-style:disc; margin-bottom:10px; } /*--- Finale Details --- */ .finale-details { background:#fcf3f3; padding:40px 0px 50px 0px; } .finale-details .post { padding-top:20px; } .finale-details h4 { color:#303030; line-height:34px; text-transform:uppercase; } .finale-details .finale-shedule { background:#fff; text-align:center; padding:25px; min-height:383px;} .finale-details .venu-details { min-height:383px; background:#fff; } .finale-details .venu-details .inner { padding:25px 25px 5px 25px; background:#fff; } .finale-details .venu-details dl { margin:0px; } .finale-details .venu-details dl dt { float:left; font-size:17px;} .finale-details .venu-details dl dd { font-size:15px; line-height:28px; margin-left:120px; padding-bottom:5px; } .finale-details .venu-map img { width:100%; } .finale-details .post ol li { font-size:16px; margin-bottom:20px; } /*--- Winner Verification --- */ #winner-verification .user-details .wipro-job-list li { font-size:14px; margin-bottom:20px; } #winner-verification h3 { margin-bottom:45px; color:303030; } #winner-verification h4 { color:#333333; margin-bottom:30px; } #winner-verification h5 { line-height:1.5; padding-bottom:5px; border-bottom:1px solid #dadada; } #winner-verification p { line-height:28px; } #winner-verification .alert { text-align:center; padding:15px 25px; margin-bottom:30px; } #winner-verification .alert h2 { color:#303030; margin-bottom:10px; } #winner-verification .alert p { margin:0px; } #winner-verification .list4 { margin-bottom:65px; } #winner-verification .button2 { text-transform:uppercase; font-family:'open_sanssemibold', Arial, Helvetica, sans-serif; } #winner-verification .user-details { margin-bottom:40px;} #winner-verification .user-details li { margin-bottom:30px; } #winner-verification .user-details .btn-file,#winner-verification .user-details .btn-default { padding:10px 16px; color:#333333; } #winner-verification .user-details input[type="submit"] { display:inline-block; min-width:145px; font-size:18px; height:45px; text-align:center; color:#fff; background:#ff3333; border:0px; font-weight:bold; } #winner-verification .user-details .inner { padding:30px; border:1px solid #eaeaea;} #winner-verification .user-details .share { font-size:24px; line-height:30px; color:#333333; } #winner-verification label { font-size:14px; } body.finale-landing-page #footer { padding-left:0px; } /*--- Postfinale Page --- */ .postfinale-page #container-wrap { padding-top:70px; background:#fff; } .postfinale-page #header, .postfinale-page.page-scrolling #header { position:fixed; top:0px; left:0px; width:100%; padding:0px 0px 10px 0px; height:70px; background:#fff;} .postfinale-page #header .logo:before { display:none; } .postfinale-page #header .logo, .postfinale-page.page-scrolling #header .logo { background:none; left:auto; padding:0px; padding-top:13px; position:relative; height:auto; } .postfinale-page #header .logo h1, .postfinale-page.page-scrolling #header .logo h1 { margin:0px; } .postfinale-page #header .logo h1 img, .postfinale-page.page-scrolling #header .logo h1 img { margin:0px 10px 0px 0px; float:left; width:120px; } .postfinale-page #main-navigation, .postfinale-page.page-scrolling #main-navigation { padding:22px 0px 0px 0px; } .postfinale-page #main-navigation ul, .postfinale-page.page-scrolling #main-navigation ul { text-align:right; } .postfinale-page #main-navigation ul li, .postfinale-page.page-scrolling #main-navigation ul li { float:none; display:inline-block; } .postfinale-page #main-navigation ul li a, .postfinale-page.page-scrolling #main-navigation ul li a { color:#333333; font-size:16px; font-family:'open_sans', Arial, Helvetica, sans-serif; font-weight:normal; text-transform:capitalize; } .postfinale-page #content .page-header { margin:40px 0px; } .postfinale-page #content .page-header p { color:#666666; } .postfinale-page #header .user-area { padding-top:20px;} .postfinale-page #header .user-area .user { color:#333;} .postfinale-page #header .user-area .user .caret {background:url(images/cg2016_images/icons.png) -160px 0 no-repeat;} .postfinale-page #header .user-area p { line-height:26px; margin-bottom:0;} .postfinale-page #main-navigation ul li { margin-right:25px;} .postfinale-page #main-navigation ul li:last-child { margin-right:0;} .pp_pic_holder .pp_social { display:none;} /*--- Post Finale Banner --- */ #post-finale-banner { position:relative; } #post-finale-banner .slides { height:425px; } #post-finale-banner .slides img { width:100%; } #post-finale-banner .previous-btn,#post-finale-banner .next-btn { width:52px; z-index:10; height:72px; position:absolute; top:50%; margin-top:-36px; } #post-finale-banner .previous-btn { background:url(images/cg2016_images/finale-banner-arrow1.png) center center no-repeat; left:15px; } #post-finale-banner .next-btn { background:url(images/cg2016_images/finale-banner-arrow2.png) center center no-repeat; right:50px; } #post-finale-banner .live-badge { background:url(images/cg2015_images/live-badge.png) left top no-repeat; width:118px; height:118px; z-index:999; display:block; position:absolute; left:0; top:0;} /*--- Action-youtube --- */ #action-youtube { text-align:center; padding:50px 0;} #action-youtube .preview { width:910px; height:400px; margin:0 auto 30px;} #action-youtube .thumbnails { padding:0 50px; position:relative;} #action-youtube .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;} #action-youtube .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;} #action-youtube .thumbnails ul { margin:0; padding:0; list-style:none;} #action-youtube .caroufredsel_wrapper, #action-youtube .gallery { height:100px !important;} #action-youtube .thumbnails ul li { float:left; margin-right:35px; width:160px;} #action-youtube .slide { width:100% !important; } /*--- Finale Champions --- */ #finale-champions { text-align:center; padding-bottom:0; } #finale-champions h4 { margin-bottom:40px; text-transform:uppercase; font-family: 'open_sans'; } /*--- Winners List --- */ .winners-list { text-align:center; margin:0px; padding:0px; list-style-type:none; margin-bottom:55px; } .winners-list li { width:16.5%; padding:0px 10px; float:left; } .winners-list li:last-child { margin-right:0px; } .winners-list li .image-holder { width:100px; height:100px; border-radius:50%; margin-bottom:15px; } .winners-list li h6 { font-size:18px; color:#666666; line-height:24px; } .winners-list li h6 a { color:#666666; } /*--- Top Companies List --- */ .top-companies-list { text-align:center; margin:0px; position:relative; padding:0px; list-style-type:none; text-align:center; } .top-companies-list li { width:18.6%; float:left; margin-right:20px; margin-bottom:35px; } .top-companies-list li:last-child {margin-right:0;} .top-companies-list li figure { display:block; background:#fff; width:100%; height:120px; margin-bottom:25px; line-height:120px;} .top-companies-list li h6 { font-size:16px; color:#666666; line-height:24px; } .top-companies-list li h6 a { color:#666666; } /*--- Top Companies --- */ #top-companies { background:#eeeeee url(images/cg2016_images/companies-bg.png) left top no-repeat; background-size:cover; padding:45px 0px 0; text-align:center;} #top-companies h4 { margin-bottom:30px; font-family: 'open_sans'; font-weight:bold; text-transform:uppercase; } #top-companies .theme-winners { margin-bottom:40px;} #top-companies .theme-winners h4 { text-align:left; font-size:24px; color:#333333; margin-bottom:30px; height:50px; font-weight:600; } #top-companies .sponsored-by { padding-bottom:10px; border-bottom:1px solid #eeeeee; margin-bottom:40px; display:block; min-height:54px; text-align:left; } #top-companies .sponsored-by img { max-width:110px; margin-left:25px; } #top-companies .image-holder { width:80px; height:80px; border-radius:50%; margin-bottom:25px; } #top-companies h6 { font-size:16px; color:#666666; line-height:24px; } #top-companies h6 a { color:#666666; } #top-companies .see-all { text-align:right; font-size:12px; color:#ff3333; display:block; text-transform:uppercase; } #top-companies .see-all:focus { color:#ff3333; } /*--- Theme Winners --- */ .theme-winners h5 { font-size:14px; margin-bottom:10px; text-transform:uppercase; color:#333333; text-align:left; } .theme-winners ul { margin:0px; padding:0px; list-style-type:none; } .theme-winners .beat-leader-winner,.theme-winners .theme-round-winners { background:#fff; min-height:324px; position:relative; } .theme-winners .beat-leader-winner:before,.theme-winners .beat-leader-winner:after,.theme-winners .theme-round-winners:before,.theme-winners .theme-round-winners:after { content:""; width:55px; height:55px; position:absolute; } .theme-winners .beat-leader-winner:before { background:url(images/cg2016_images/before-bg2.png) no-repeat; right:0px; top:0px; } .theme-winners .beat-leader-winner:after { background:url(images/cg2016_images/after-bg2.png) no-repeat; left:0px; bottom:0px; } .theme-winners .theme-round-winners:before { background:url(images/cg2016_images/before-bg1.png) no-repeat; right:0px; top:0px; } .theme-winners .theme-round-winners:after { background:url(images/cg2016_images/after-bg1.png) no-repeat; left:0px; bottom:0px; } .theme-winners .theme-round-winners { padding:25px 50px 14px 50px; } .theme-winners .beat-leader-winner { padding:25px 10px 6px 38px; } /*--- Sliding-testimonials ---*/ #sliding-testimonials { padding:60px 0px 55px 0px; background:#eeeeee; } #sliding-testimonials h2 {text-align:center; margin-bottom:45px;} #sliding-testimonials p { color:#333333; font-size:18px; line-height:28px; } #sliding-testimonials .image { float:left; width:100px;} #sliding-testimonials .slide { width:100%;} #sliding-testimonials .image img { max-width:100px; border-radius:50%; width:100%;} #sliding-testimonials blockquote { margin-left:130px; background:url(images/techgig_images/double-quote.png) left top no-repeat; padding-left:50px; border:0;} #sliding-testimonials blockquote p.cite cite { font-style:normal; color:#999999;} #sliding-testimonials .controls { display:block; text-align:center; position:relative; z-index:10;} #sliding-testimonials .controls a { display:inline-block; margin:0 5px; width:10px; height:0; padding-top:10px; overflow:hidden; border-radius:50%; cursor:pointer; background:#999999;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;} #sliding-testimonials .controls a:hover, #sliding-testimonials .controls a.activeSlide { background:#333333;} /*--- Error Message --- */ .error-message { padding:50px; text-align:center; } .error-message img { text-align:center; margin-bottom:20px; } .error-message h2 { color:#f56363 } .error-message a { color:#e6373d; } #thanks-participation { min-height:300px; } #thanks-participation h5 { border:none; line-height:26px; } #thanks-participation ul { width:500px; margin-left:auto; margin-right:auto; } #thanks-participation .radio-input { float:left; margin-right:10px; } #thanks-participation .info { font-size:11px; } #thanks-participation .select select { font-size:14px; padding:10px; line-height:15px; } #thanks-participation .select select option { padding:5px 0px; } .jobofferfeedback-page #footer { padding-left:0px; } @media (min-width:1278px) { .container, #header .container { width:1248px;} .cg-theme-page.page-scrolling #header .logo, .company-landing-page.page-scrolling #header .logo { padding-top:5px;} } @media (max-width:1310px) { #main-navigation ul li a { font-size:12px;} #main-navigation ul li { margin-right:25px;} .landing-page #main-navigation { float:right;} } @media (max-width:1278px) { #header .container { width:100%;} #banner .bottom-bar .countdown p { display:block; position:relative; margin-top:-16px;} #banner .sponsors .limca { margin-right:45px;} #cg3-benefits h5 { font-size:16px;} #about-theme .theme-works ul li { width:180px;} } @media (max-width:1200px) { #how-it-works .work-flow p { font-size:11px; line-height:14px;} #main-navigation ul li { margin-right:20px;} #how-it-works .work-flow ul li .details { width:180px; left:-220px;} #how-it-works .work-flow .company ul li .details { right:-220px;} #footer ul li, #footer .powered-by h5 { font-size:15px;} .signup-login-page #content .container { padding:0 15px} .checkboxes .checkbox label { font-size:13px;} .tabs3 .nav-tabs > li { min-width:191px;} #cg-videos .preview iframe { width:714px !important; height:396px !important;} #cg-videos .preview { width:718px !important; height:400px !important;} #cg-videos .caroufredsel_wrapper, #cg-videos .gallery { height:78px !important;} #image-gallery .caroufredsel_wrapper, #image-gallery .gallery { height:82px !important;} #header-sponsors-list .section { margin:0 3px;} .cg-theme-page .theme-banner-icon1 p img,.cg-theme-page .theme-banner-icon2 p img { width:160px; } } @media (max-width:1100px) { #main-navigation ul li a { font-size:11px;} #main-navigation ul li { margin-right:10px;} #banner h2 { font-size:32px;} #banner h2 span { font-size:20px;} #banner h4 { font-size:12px;} #banner h4 span { font-size:15px;} #banner .bottom-bar p strong { font-size:16px;} #banner .bottom-bar p { font-size:11px;} #banner .sponsors { padding-left:10%; padding-right:0;} #how-it-works .work-flow ul li .details { width:140px; left:-180px;} #how-it-works .work-flow .company ul li .details { right:-180px;} #limca-book-record h3 { font-size:28px; line-height:38px;} #limca-book-record p { font-size:16px;} #footer ul { padding-top:21px;} #footer .powered-by a { display:block;} .checkboxes .checkbox { width:21%;} #awards-prizes .prizes-table .number { margin-right:10px;} .tabs3 .nav-tabs > li { min-width:163px;} } @media (min-width:992px) { #header .nav-menu-btn { display:none !important;} } @media (max-width:992px) { #header .nav-menu-btn { display:block;} #main-navigation ul, #sidebar-navigation ul { position:fixed; z-index:1000; background:#006699; width:150px; padding:0; left:-150px; top:0; height:100%;} #main-navigation ul li a { padding:5px 15px;} #sidebar-navigation ul li a { padding:7px 8px; line-height:22px;} #main-navigation ul li a:hover, #main-navigation ul li.active a { background:#00557f; } #sidebar-navigation ul li a:hover, #sidebar-navigation ul li.active a { background:#00557f; } #main-navigation ul li { float:none; margin:0; width:100% !important; font-size:13px; text-align:left;} #main-navigation ul li a { text-align:left;} .landing-page #header { padding-top:12px;} #sidebar-panel { background:none;} .landing-page #header .logo, .signup-login-page #header .logo { padding-top:7px; width:294px; text-align:left; padding-right:40px; height:50px; left:35px; background-position:right top; 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;} .signup-login-page #header .logo { left:15px; width:337px; padding-top:6px;} .landing-page #header .logo:before { height:100%; width:500px; left:-500px; background:#fff; content:""; top:0; display:block; position:absolute;} .activeMenu.landing-page #header .logo { left:190px;} #banner .bottom-bar p strong { font-size:13px;} #banner .bottom-bar .icon2, #banner .bottom-bar .icon1 { display:none;} #how-it-works .work-flow { width:285px; background:url(images/cg2016_images/work-flow-bg2.png) left top no-repeat;} #how-it-works .work-flow ul li .details { position:relative; height:auto; left:auto !important; right:auto !important; margin-top:0; top:0; width:auto;} #how-it-works .work-flow .company { width:190px;} #how-it-works .work-flow ul li .inner { float:none !important;} #how-it-works .work-flow ul li .details:after { display:none;} #how-it-works .work-flow .company ul li { margin-bottom:32px;} #how-it-works .work-flow .company .second { min-height:15px;} #how-it-works .work-flow .individual { padding-top:75px; text-align:left !important; padding-left:50px; width:315px;} #how-it-works .work-flow .individual ul li { margin-bottom:13px;} #how-it-works .work-flow .individual ul li:last-child { padding-top:19px;} #awards-prizes .referral-winners .button3 { margin-bottom:30px;} #limca-book-record h3 { font-size:22px; line-height:34px;} #limca-book-record p { font-size:14px;} #why-participate .cg-icon { float:left; position:relative; margin-top:-2px;} #why-participate .registered-users p small { display:block; padding-top:5px;} #header .sign-btn { float:right; padding:2px 20px 4px; margin-top:2px;} .signup-login-page #header { height:50px;} .signup-login-page #container-wrap { padding-top:50px;} .signup-login-page #header .logo h1 img { margin-top:0;} #banner .sponsors p { font-size:10px;} .signup-login-page #header .powered-by { padding-top:0;} #header .logo .powered-by p { line-height:17px;} .signup-login-page #header .logo h1 img { margin-right:10px;} .section1 { padding:60px 25px 50px;} .checkboxes .checkbox { margin:0 8px 18px;} #banner .sponsors { padding-right:0;} .checkboxes .checkbox label { font-size:12px;} #educational-occupational .form-inline { padding:0;} #user-info-msg { font-size:22px;} #header .logo { margin-top:4px; padding-left:25px;} .page-header h2 { font-size:34px;} .fb_iframe_widget, .fb_iframe_widget > span, .fb_iframe_widget iframe, .fb_iframe_widget ._2p3a { width:100% !important;} #main-panel { margin-left:0;} #sidebar-navigation .cg-icon { float:left;} #sidebar-navigation ul li a { text-transform:uppercase; font-family:"TrajanPro"; width:100%; overflow:hidden; text-align:left;} #sidebar-panel { width:0;} #footer { padding-left:0;} .tabs3 .nav-tabs > li > a { font-size:12px; padding:10px 5px;} .tabs3 .nav-tabs > li { min-width:139px;} .table1 .sections .section .button2 { min-width:15px;} .table1 .sections .section { padding-left:20px; margin-left:10px;} .table1 .sections { min-width:380px;} #invite-login { background:none;} #invite-login .form-group .col-sm-4 { width:35%;} #invite-login .form-group .col-sm-7, #invite-login .form-group .col-sm-offset-4 { width:50%;} #invite-login .form-group .col-sm-offset-4 { margin-left:35%;} #main-panel .inner-main #content { padding-top:0;} .cg-theme-page #banner .inner-banner { padding-right:0;} #about-theme .theme-works { border:0; width:100%; max-width:460px; margin:0 auto 30px;} #about-theme .theme-info { margin-bottom:30px;} .company-landing-page #banner { padding-top:90px;} .user-info-bar { margin-bottom:20px;} #banner span.or { margin:7px 18px 0;} .landing-page.page-scrolling #header .logo .powered-by img, .landing-page #header .logo .powered-by p img { max-width:89px; margin-bottom:0;} .landing-page #header .logo h1, .landing-page #header .logo .powered-by, .landing-page #header .logo .powered-by p img { float:left;} .landing-page #header .logo .powered-by p, .landing-page.page-scrolling #header .logo .powered-by p { line-height:35px;} .landing-page #header .logo .powered-by p img { margin-right:12px; margin-left:0;} .landing-page #header .logo .powered-by { text-align:right; margin-right:5px;} .landing-page #header .logo h1 img, .landing-page.page-scrolling #header .logo h1 img { margin-left:0; max-width:91px; margin-top:1px; margin-right:0;} .landing-page #header .logo { padding-left:5px;} #banner .inner-banner { padding-left:0;} #header .logo .powered-by img { margin-bottom:-15px;} #header .logo { margin-top:1px;} #header .logo .powered-by p { line-height:12px;} .landing-page #header .logo .powered-by p { line-height:0;} .page-scrolling #header .powered-by, .landing-page #header .powered-by { width:149px;} #header .logo p { font-size:10px;} .signup-login-page #header .logo .powered-by p img { max-width:93px;} .signup-login-page #header .logo h1 img { width:108px;} .cg-theme-page #banner h2 { font-size:55px; line-height:59px; } .cg-theme-page .theme-banner-content .arrow-image { width:100%; } .cg-theme-page #banner .container-fluid p { font-size:14px; margin:15px 0px 15px 0px; line-height:22px; } .cg-theme-page #banner { padding-top:100px; } #how-it-works .work-flow .company .beat-leader { margin-left:0px; } #how-it-works .work-flow .company .beat-leader { margin-bottom:25px; } .landing-page #header .logo .powered-by.associating p, .landing-page.page-scrolling #header .logo .powered-by.associating p { line-height:10px;} .landing-page #header .logo .powered-by.associating p img { margin-right:0; float:none;} .landing-page #header .logo .powered-by.associating { margin-left:0;} #theme-zone .sponsored-by img { max-width:125px; } #theme-zone .theme-zone-content .content { padding:10px; } #theme-zone .theme-zone-content .content .button4 img { width:14px; } #theme-zone .theme-zone-content .content .button4 { font-size:10px; padding:6px 8px; } #theme-zone h4 { font-size:17px; } #theme-zone .beat-leader-content .count { margin-top:-18px; } .semifinal-content { width:auto; } .finale-details .venu-details dl dd { margin-left:90px; } .postfinale-page #header .logo, .postfinale-page.page-scrolling #header .logo { padding-left:35px; } .winners-list li h6 { font-size:14px; line-height:19px; } .top-companies-list li { width:30%; } .top-companies-list li figure { margin:0px 15px 25px 15px; } .top-companies-list li { margin-bottom:20px; } #top-companies h6 { font-size:14px; line-height:19px; } .theme-winners .theme-round-winners { padding:25px; } .theme-winners .beat-leader-winner { padding-left:10px; } #top-companies .see-all { font-size:11px; } } @media (max-width:767px) { .landing-page #header, #header { height:50px;} #header .user-area p { margin-bottom:0;} .landing-page #header .logo, #header .logo { width:178px; padding-top:8px;} .landing-page.page-scrolling #header .logo { padding-top:8px;} .company-landing-page #header .logo { padding-top:2px;} .company-landing-page.page-scrolling #header .logo { padding-top:2px;} #header .user-area{ padding-top:0;} .signup-login-page #header .logo { width:200px; padding-left:10px; padding-top:11px;} .landing-page #header .logo .powered-by img { margin-left:0 !important;} #header .logo p, .landing-page.page-scrolling #header .logo p { font-size:7px;} #header .user-area .button1 { font-size:11px; padding:2px 6px 3px;} #header .user-area p { font-size:11px;} .landing-page.page-scrolling #header { z-index:1001;} #header-sponsors-list { background: #fff; float: none; margin:10px -15px 0; padding-bottom: 3px; border-bottom:1px solid #ebebeb;} #header-sponsors-list img { max-height:25px;} #header .logo .powered-by { padding-top:0;} #header .logo h1 img { margin-top:8px;} #header-sponsors-list h6 { margin-bottom:2px; font-size:8px;} #theme-zone .theme-zone-content { margin-bottom:25px;} #banner { min-height:15px; background-size:cover; background-position:center bottom;} #banner .bottom-bar { position:relative; } #banner .bottom-bar .col-sm-4, #banner .bottom-bar .col-sm-5 { display:none;} #banner .sponsors { position:relative; min-height:100px; background:rgba(0, 102, 153, 0.7); height:auto; width:auto; bottom:auto; padding:15px;} #banner .bottom-bar .left-side, #banner .bottom-bar { background:none; } #banner { padding-top:85px;} #banner h2 { text-align:center; font-size:24px; line-height:30px;} #banner h2 span { font-size:15px;} #banner h4 { font-size:8px; text-align:center; margin-bottom:0;} #banner h4 span { font-size:12px;} #banner .type-wrap { margin:0 -15px;} .type-wrap { min-height:40px; text-align:center;} #banner h5 { font-size:13px; text-align:center;} #banner .sociable1,#banner .inner-banner { float:none; text-align:center;} #banner .bottom-bar .countdown p { margin:0 0 5px;} #banner .sponsors .section { padding:0 15px; float:left; width:50%; clear:none;} #banner .sponsors .section h6 { display:block; margin:0; margin-bottom:12px;} #banner .sponsors p { clear:both; text-align:center;} #header .user-area .participate-btn, #banner .bottom-bar .left-side:after { display:none;} #header .user-area { position:fixed; right:15px; top:12px; float:none;transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .activeMenu #header .user-area { right:-165px;} .countdown .alt-1 { margin-right:0;} .countdown .item { padding:0 15px;} .page-header h2 { font-size:20px;} .page-header p, .dividing-section p { font-size:15px; line-height:24px;} #cg3-benefits h5 { font-size:10px; line-height:17px; margin-bottom:25px;} #cg3-benefits .cg-icon { margin-bottom:12px;} .dividing-section .button2.btn-lg { padding:17px 40px; font-size:18px;} .dividing-section, .landing-page #awards-prizes { padding-bottom:30px;} #theme-zone { padding:25px 10px 50px;} .cg-certificate #main-sponsors .ge-sponsor img { width:auto; } #theme-zone h6 { margin-top:30px;} #awards-prizes .prizes-table p { font-size:14px; display:block; text-align:left;} #awards-prizes .prizes-table .number { margin-right:10px;} #awards-prizes .referral-winners { margin-top:33px;} #awards-prizes .referral-winners h5 { margin-top:10px;} #awards-prizes .referral-winners p { font-size:12px; line-height:18px; margin-bottom:24px;} #limca-book-record h3 { font-size:18px; line-height:28px; margin-bottom:30px;} #how-it-works { padding-bottom:0;} .fb_iframe_widget, .fb_iframe_widget > span, .fb_iframe_widget iframe, .fb_iframe_widget ._2p3a { width:100% !important;} #footer .powered-by a { display:inline-block;} #footer ul { padding:6px 0 0;} #footer ul li { margin-bottom:6px;} #footer ul li, #footer .powered-by h5 { font-size:14px;} #footer .powered-by { padding-top:20px; margin-bottom:15px; text-align:left;} #footer .powered-by h5 { font-size:13px;} #awards-prizes .button2.btn-lg { margin-top:0;} #about-cg .page-header, #companies-list .page-header, #social-buzz .page-header, #awards-prizes .page-header { position:relative;} #awards-prizes .page-header { margin-top:15px;} #about-cg .page-header h2, #companies-list .page-header h2, #social-buzz .page-header h2, #awards-prizes .page-header h2 { padding-top:75px;} #about-cg .page-header h2 .cg-icon, #companies-list .page-header h2 .cg-icon, #social-buzz .page-header h2 .cg-icon, #awards-prizes .page-header h2 .cg-icon{ position:absolute; left:50%; margin-left:-45px; top:0;} .form-box { width:100%; margin:0 auto 40px; float:none; padding:20px 15px;} .form1 .varification-field .form-control { margin-bottom:10px;} .alert { font-size:12px;} .form-box .sociable1 ul { margin:0 -5px;} .form-box .sociable1 ul li { padding:0 5px;} .form-box .sociable1 ul li img { width:100%;} #header .logo .powered-by img, .signup-login-page #header .logo .powered-by img { margin:0 !important;} #header .sign-btn { margin-top:0;} .signup-login-page #header .logo:before { margin-left:-295px;} #main-panel .inner-main { padding:0 15px 20px;} #header .nav-menu-btn { top:9px;} #select-theme .form-group { padding-bottom:0;} #select-theme .radio-input { display:inline-block; margin-bottom:0;} #user-info-msg { margin-top:22px; font-size:16px;} .section1 { padding:50px 15px 40px;} .checkboxes .checkbox { width:44%; margin-bottom:10px;} .tabs3 .nav-tabs > li.active > a:after { display:none;} .tabs3 .nav-tabs > li > a { margin-right:0;} .tabs3 .nav-tabs > li { width:20%; min-width:15px; display:table; height:46px; padding-right:0;} .tabs3 .nav > li > a { padding:7px 3px; display:table-cell; vertical-align:middle;} .tabs3 .nav-tabs > li > a { font-size:10px; line-height:15px; height:46px;} ul.list1 li { margin-right:7px; margin-bottom:10px;} .tabs3 .nav-tabs > li.active > a:before { border-radius:2px;} .table1 tr td { float:left; width:100%; text-align:center;} .table1 .sections { min-width:15px; float:none;} .table1 .sections .section:last-child { clear:both; border-left:0; width:100%;} .table1 .sections .section:first-child { border-left:0;} .table1 .sections .section { margin:0; width:50%; padding:5px 10px;} .tabs3 .tab-content > .tab-pane { padding:20px 15px 15px;} #awards-prizes .container { padding:0;} #awards-prizes { padding-bottom:0;} .l2_outer_bx { width:290px !important; border-width:7px !important;} #header .user-area .user-section .dropdown-menu > li > a { font-size:12px; padding:3px 15px;} #header .user-area .user-section .dropdown-menu { min-width:135px;} .table1 .score { font-size:28px;} .table2 td { padding:10px; font-size:11px;} .table2 .mark { font-size:19px;} .table2 span.number { height:45px; width:45px; line-height:43px; font-size:13px;} .table2 span.first-letter { width:45px; height:45px; line-height:43px; font-size:18px;} .table2 .user-pic { width:35px; height:35px;} #candidate_question_listing .table2 td { padding:10px; font-size:12px;} #candidate_question_listing .table2 h5 { font-size:13px;} .mcq-questionlist-page #container-wrap { padding-top:51px;} #invite-login .form-group .col-sm-4, #invite-login .form-group .col-sm-7, #invite-login .form-group .col-sm-offset-4 { width:100%;} #invite-login .form-group .col-sm-offset-4 { margin-left:0;} #banner .in-association span { margin: 10px;} .cg-theme-page #banner .gladiator-logo { max-width:90px;} #banner .in-association img { max-width:75px;} #about-theme .theme-info p, #about-theme .theme-info li { font-size:14px; line-height:21px; text-align:left;} #about-theme .theme-works ul li { width:40%;} #about-theme .theme-works { padding-left:0; padding-right:0;} #about-theme .theme-works h5 { font-size:16px;} #about-theme .theme-works .time-stamp, #about-theme .theme-works p { font-size:11px; line-height:15px;} .company-landing-page #banner .sponsor-logo { margin:0 auto 15px; display:block;} .company-landing-page #banner .for-internal { width:200px;} .jumbotron { padding:20px 15px;} .jumbotron p { font-size:17px; line-height:24px;} .jumbotron small { margin-top:5px;} .table2 span.first-letter { vertical-align:middle; margin-right:10px;} .table2 td .btn { font-size:10px;} .table2 td { text-align:left;} .view-more-btn1 { font-size:12px;} #user-panel .inner-main { padding-left:0 !important; padding-right:0 !important;} #editor-box header p { margin-bottom:10px !important;} #submit_code { display:block;} .table5 tr th, #my-profile .user-details .contest-status li { font-size:13px;} #my-profile .user-details .contest-status li { margin-bottom:10px;} .table5 tr td { font-size:15px;} #user_total_score h3 { text-align:center;} .chart h3 { margin-top:20px;} #my-profile .profile-pic figure span, #my-profile .profile-pic figure { display:block; width:100px; height:100px; line-height:100px; margin:0; font-size:38px;} #my-profile .profile-pic figure { margin-bottom:20px;} #my-profile .profile-pic figure img { width:100px; height:100px;} #invites-content .tab-strips1 li { min-width:122px;} #certificate-categories .category .content { min-height:100px;} #certificate-categories .category header .icon, #badges-content .category header .icon { height:125px; width:125px; line-height:114px;} #certificate-categories .category header .icon img { width:70px;} #footer .inner-footer p { line-height:17px;} #social-buzz { padding-left:10px; padding-right:10px;} #awards-prizes .container { padding:0 15px;} #signup-form .checkbox-input { display:block;} .timer span { color:#333;} #left-progress { bottom:auto; float: none; left:auto; margin-right: 0; margin-bottom:0; position: relative;} #left-progress .attempt-count { left: 110px; position: absolute; text-align: left;} #user-panel .inner-main { padding-bottom:0;} #cg-videos .thumbnails, #image-gallery .inner-wrap { padding:0 25px;} #cg-videos .preview iframe { height: 229px !important; width: 259px !important;} #cg-videos .preview { height: 233px !important; width: 263px !important;} #cg-videos .caroufredsel_wrapper, #cg-videos .gallery, #image-gallery .caroufredsel_wrapper, #image-gallery .gallery { height:50px !important;} #press-media-releases .table1 tr td { float:none; text-align:left;} #companies-list h5, #sponsorship .sponsorship-table ul li { font-size:13px;} #sponsorship h4 { font-size:18px; line-height:26px;} #sponsorship .sponsorship-table header h5 { font-size:16px;} #sponsorship .sponsorship-table header { height:60px;} #sponsorship .sponsorship-table h6 { font-size:14px;} #social-buzz .col-sm-5 { margin-bottom:20px;} .social-links { padding-top:30px;} #main-navigation ul li a { line-height:24px;} #faq .table5 { width:100%;} #banner span.or { float:none; margin:15px auto;} #banner #newsletter-form { float:none; width:290px; margin:0 auto;} #newsletter-form input[type="text"] { width:180px;} #awards-prizes { margin:0 -15px;} .landing-page #awards-prizes { margin:0;} #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 h2 { font-size:27px;} #coming-soon .flip-clock-label { font-size:13px;} #cg-benefits { text-align:center; margin:0 -15px;} #companies-list img { max-height:30px;} .landing-page.page-scrolling #header .logo .powered-by img, .landing-page #header .logo .powered-by p img, .signup-login-page #header .logo .powered-by p img { max-width:70px;} .landing-page #header .logo, .signup-login-page #header .logo, .signup-login-page #header .logo { padding-right:28px;} .landing-page #header .logo .powered-by p, .landing-page.page-scrolling #header .logo .powered-by p, .signup-login-page #header .logo .powered-by p { line-height:0;} .landing-page #header .logo h1 img, .landing-page.page-scrolling #header .logo h1 img, .signup-login-page #header .logo h1 img { max-width:56px; margin-top:6px;} #header .logo .powered-by img { max-width:75px;} #header .logo { margin-top:-11px;} #header .logo h1 img { width:56px;} .signup-login-page #header .logo { left:0;} #banner .in-association { float:none;} #sponsors-list ul li { line-height:45px;} #sponsors-list ul li img { max-height:45px;} #sponsors-list .caroufredsel_wrapper { height:45px !important;} #sponsors-list .category-sponsors .caroufredsel_wrapper { height:75px !important;} #completed-test header h2 { font-size:28px;} #completed-test .error_msg { margin-bottom:15px;} #completed-test .col-sm-8 { padding:0;} #user_total_score h3 { font-size:16px;} .success-msg, .warning-msg, .error-msg, .info-msg {font-size:12px;} #my-profile dl dd { margin-left:0; margin-bottom:10px;} #my-profile dl dt { float:none; clear:none; text-align:left; width:auto;} #my-profile dl { font-size:13px;} #my-profile .user-details { text-align:center;} #my-profile .profile-pic figure { margin:0 auto 20px;} #banner .participate-now-btn { margin-bottom:30px;} .msgErrortop > div { font-size:13px; padding:8px 10px 14px;} .msgErrortop .fa { font-size:24px;} .landing-page #header .logo .powered-by p img, .landing-page.page-scrolling #header .logo .powered-by img { float:none;} #banner .sponsors .section.title-sponsors a { height:40px; line-height:32px;} .landing-page.page-scrolling #header .powered-by, .landing-page #header .powered-by { width:71px;} #header .logo .powered-by p { line-height:0;} .beat-the-leader-page #banner .participate-now-btn, .company-landing-page #banner .sponsor-logo { margin-bottom:0;} .beat-the-leader-page #banner h2, .beat-the-leader-page #banner .logo-block { margin-bottom:30px;} .company-landing-page #banner .sponsor-logo, .beat-the-leader-page #banner .sponsor-logo { max-width:80px;} .company-landing-page #banner .gladiator-logo, .beat-the-leader-page #banner .gladiator-logo { max-width:82px;} .company-landing-page #banner .logo-block a, .company-landing-page #banner .gladiator-logo, .beat-the-leader-page #banner .logo-block a, .beat-the-leader-page #banner .gladiator-logo { padding:5px; vertical-align:middle;} .company-landing-page #banner .association-with, .beat-the-leader-page #banner .association-with { font-size:10px; margin:0 10px;} .company-landing-page #banner, .beat-the-leader-page #banner { min-height:310px;} .beat-the-leader-page #how-it-works .work-flow { width:290px;} .beat-the-leader-page #how-it-works .work-flow .company ul li { width:115px;} #how-it-works .work-flow .time-stamp { font-size:10px;} #how-it-works .work-flow p { font-size:10px; line-height:12px;} #login-form #err_email_already_exist, #login-form #err_login { width:auto;} #theme-zone h5 small { display:block; margin:15px 0;} #theme-zone h5 { font-size:16px; } #theme-zone .theme-zone-content .content { padding-bottom:25px; } #theme-zone .sponsored-by img { max-width:130px;} #theme-zone h4 { text-align:center; } #theme-zone .beat-leader-content { text-align:center; } #how-it-works .work-flow .company ul li { margin-bottom:55px;} #how-it-works .work-flow .individual { padding-top:85px;} #how-it-works .work-flow .individual ul li { margin-bottom:31px;} .signup-login-page #header .logo .powered-by.associating p { line-height:22px;} .landing-page #header .logo .powered-by.associating p img { max-width:70px;} .landing-page #header .logo .powered-by.associating { width:73px; padding-top:3px; margin-right:6px;} #header .logo .powered-by.associating { width:75px;} #header .logo .powered-by.associating p { line-height:12px;} #header .logo .powered-by.associating p img { max-height:26px;} #companies-list .participating-companies .ge-logo img { max-height:70px;} .beat-the-leader-page #how-it-works .work-flow .company ul li:nth-child(4) { margin-top:-20px; } .beat-the-leader-page #how-it-works .work-flow .company ul li:last-child { margin-bottom:20px; margin-top:-10px; } .panel-default #userData .qblock span.field { width:260px; } h1, .jumbotron .h1, .jumbotron h1 { font-size:28px;} h2, #invites-content h2 { font-size:26px;} h3 { font-size:22px;} h4 { font-size:20px;} h5 { font-size:17px;} h6 { font-size:15px;} p, .post ul li, .post ol li { font-size:13px;} .cg-theme-page #banner { padding-top:75px; } .cg-theme-page .theme-banner-icon1, .cg-theme-page .theme-banner-icon2, .cg-theme-page .theme-banner-content { display:block; width:100%; height:auto; text-align:center; } .cg-theme-page .theme-banner-icon1 p, .cg-theme-page .theme-banner-icon2 p, .cg-theme-page .inner-banner-content { display: block; } .cg-theme-page .theme-banner-icon1 { padding-bottom:10px; } .cg-theme-page #banner h2 { font-size:35px; line-height:42px; } .cg-theme-page #banner .container-fluid p { font-size:13px; line-height:20px; } #banner .bottom-bar .col-xs-12 { padding:5px 15px 25px 15px; } .cg-theme-page #banner .container-fluid { padding-bottom:15px; } #about-theme .theme-works { min-width:15px; width:290px; float:none; margin:0 auto 20px; max-width:290px; } .theme-works ul li p { line-height:17px; } #about-theme .theme-info .post > .pull-right { float:none !important;} .cg-theme-page #banner .bottom-bar .left-side { background:rgba(0, 102, 153, 0.7);} #how-it-works .work-flow .company .beat-leader { margin-bottom:40px; } #companies-list .participating-companies img { max-width:150px; max-height:50px;} #awards-prizes .button2.btn-lg { padding:12px 30px;} .dividing-section .button2.btn-lg { padding:17px 25px; } #awards-prizes .referral-winners .cg-icon { margin-top:13px; } #theme-zone .sponsored-by img { max-width:150px; } #theme-zone .theme-zone-content .content { margin-bottom:20px; } #theme-zone .theme-zone-content .content .button4 img { width:17px; } #theme-zone .theme-zone-content .content .button4 { font-size:13px; padding:6px 12px; } #faq h6 { line-height:1.3; } .tabs3 .table2 td { font-size:10px; } .tabs3 .table2 td .btn-default { padding:6px 8px; } .tabs3 .tab-content > .tab-pane { border:1px solid #dcdcdc; border-top:0; padding:30px 10px 10px;} .table2 span.first-letter { margin:0 0 10px 0;} .links-container { display:none !important; } .table2 .user { text-align:center;} #theme-zone .beat-leader-content .count { margin-top:-23px; } .table2 span.first-letter { margin-top:10px; } .semifinal-content { margin-top:0px; } #banner .semifinal-content h2 { font-size:28px; } #banner .semifinal-content h4,#banner .semifinal-content h4 span { line-height:18px; font-size:13px; } #banner .semifinal-content .button2 { font-size:14px; } #banner .semifinal-content .registered { font-size:12px; } .postfinale-page #header .logo, .postfinale-page.page-scrolling #header .logo { padding-left:30px; padding-top:12px; } .postfinale-page #header .logo { width:255px; } .postfinale-page.page-scrolling #header .logo .powered-by img, .postfinale-page #header .logo .powered-by p img { max-width:85px; } .postfinale-page #header .logo .powered-by { width:95px; } .postfinale-page #header .logo h1 img, .postfinale-page.page-scrolling #header .logo h1 img { max-width:95px; } .postfinale-page.page-scrolling #header .logo p { font-size:8px; } #post-finale-banner .slides { height:100px; } #post-finale-banner .live-badge { background-size:100% 100%; height:85px; width:85px; } #post-finale-banner .previous-btn, #post-finale-banner .next-btn { display:none; } .winners-list li { float:none; width:100%; } .top-companies-list li { float:none; width:100%; margin-bottom:20px; } #top-companies .theme-winners h4 { font-size:21px; height:auto; } .theme-winners .theme-round-winners { padding:25px; margin-bottom:20px; } .theme-winners .theme-round-winners .content { margin-bottom:20px; } .theme-winners .theme-round-winners .col-sm-4 { border-bottom:1px solid #dadada; margin-bottom:30px; } .theme-winners .theme-round-winners .col-sm-4.last { border:none; } #finale-champions { padding-bottom:30px; } .winners-list { margin-bottom:20px; } .postfinale-page #main-navigation ul li a, .postfinale-page.page-scrolling #main-navigation ul li a { color:#fff; } .postfinale-page #main-navigation ul li, .postfinale-page.page-scrolling #main-navigation ul li { margin-bottom:10px; } .postfinale-page #main-navigation ul , .postfinale-page.page-scrolling #main-navigation ul { padding-top:15px; } .postfinale-page .page-header .war-big-icon { display:none; } #finale-champions h4 { margin-bottom:20px; } .error-message { padding:20px; text-align:center; } .error-message img { margin-bottom:15px; } .error-message h2 { font-size:18px; } #thanks-participation ul { width:280px; margin-left:auto; margin-right:auto; } } /* ------------------------------------- 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; } */