/* ========================================================================== Global Settings ========================================================================== */ /* * Boxsizing set to border box http://css-tricks.com/box-sizing/ */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * Body settings, change it as required */ body { font-family:'lato', Arial, Helvetica, sans-serif ; font-size: 1em; line-height: 1.4; overflow-x:hidden; background:#f4f4f4;} body.hideScroll { overflow:hidden;} /* * Headings */ h1, h2, h3, h4, h5, h6 { font-family:'lato', Arial, Helvetica, sans-serif; font-weight:normal; color:#4a4548; text-rendering: optimizeLegibility; margin-top:0px; margin-bottom:16px; } h1 { font-size:24px; line-height:32px;} h2 { font-size:24px; line-height:32px;} h3 { font-size:18px; font-weight:600; line-height:22px; color:#19171A;} h4 { font-size:18px; line-height:22px;} h4.less-margin { margin-bottom:8px;} h5 { font-size:14px; line-height:20px; color:#19171A; font-weight:600;} h6 { font-size:14px; line-height:20px;} p { font-size:14px; color:#4A4548; line-height:20px; margin-bottom:16px;} p.lead { margin-bottom:24px; font-weight:normal;} p a, a { color:#d7263d;} p a:hover, p a:focus { color:#d7263d;} /* * Links */ a { color: #d7263d; text-decoration: none; line-height: inherit; } a:hover { /*color: #2795b6;*/ color: #d7263d; text-decoration:none; } a:focus { color: #d7263d; outline: none; } p a, p a:visited { line-height: inherit; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #dadada; margin:20px 0; padding: 0; position:relative; } /* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ img { vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* * Iframe */ iframe[name="google_conversion_frame"]{ display:none;} /* ========================================================================== 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-face { font-family: 'rupee_foradian'; src: url('techgig_resource/cand/fonts/Rupee_Foradian-webfont.eot'); src: url('techgig_resource/cand/fonts/Rupee_Foradian-webfont.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/Rupee_Foradian-webfont.woff2') format('woff2'), url('techgig_resource/cand/fonts/Rupee_Foradian-webfont.woff') format('woff'), url('techgig_resource/cand/fonts/Rupee_Foradian-webfont.ttf') format('truetype'), url('techgig_resource/cand/fonts/Rupee_Foradian-webfont.svg#rupee_foradianregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'monotype_corsiva'; src: url('techgig_resource/cand/fonts/MonotypeCorsiva_gdi.eot'); src: url('techgig_resource/cand/fonts/MonotypeCorsiva_gdi.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/MonotypeCorsiva_gdi.woff') format('woff'), url('techgig_resource/cand/fonts/MonotypeCorsiva_gdi.ttf') format('truetype'), url('techgig_resource/cand/fonts/MonotypeCorsiva_gdi.svg#MonotypeCorsiva-Regular') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family:'Lato'; src: url('techgig_resource/cand/fonts/Lato-Regular.eot'); src: url('techgig_resource/cand/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/Lato-Regular.woff2') format('woff2'), url('techgig_resource/cand/fonts/Lato-Regular.woff') format('woff'), url('techgig_resource/cand/fonts/Lato-Regular.svg#Lato Regular') format('svg'); font-weight: normal; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044; } @font-face { font-family:'Lato'; src: url('techgig_resource/cand/fonts/Lato-Light.eot'); src: url('techgig_resource/cand/fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/Lato-Light.woff2') format('woff2'), url('techgig_resource/cand/fonts/Lato-Light.woff') format('woff'), url('techgig_resource/cand/fonts/Lato-Light.svg#Lato Light') format('svg'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044; } @font-face { font-family:'Lato'; src: url('techgig_resource/cand/fonts/Lato-Semibold.eot'); src: url('techgig_resource/cand/fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/Lato-Semibold.woff2') format('woff2'), url('techgig_resource/cand/fonts/Lato-Semibold.woff') format('woff'), url('techgig_resource/cand/fonts/Lato-Semibold.svg#Lato Semibold') format('svg'); font-weight: 600; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044; } @font-face { font-family:'Lato'; src: url('techgig_resource/cand/fonts/Lato-Bold.eot'); src: url('techgig_resource/cand/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/Lato-Bold.woff2') format('woff2'), url('techgig_resource/cand/fonts/Lato-Bold.woff') format('woff'), url('techgig_resource/cand/fonts/Lato-Bold.svg#Lato Bold') format('svg'); font-weight: bold; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044; } @font-face { font-family:'Lato'; src: url('techgig_resource/cand/fonts/Lato-Black.eot'); src: url('techgig_resource/cand/fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), url('techgig_resource/cand/fonts/Lato-Black.woff2') format('woff2'), url('techgig_resource/cand/fonts/Lato-Black.woff') format('woff'), url('techgig_resource/cand/fonts/Lato-Black.svg#Lato Black') format('svg'); font-weight: 900; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044; } body > iframe { visibility:hidden; position:absolute;} body.lead-page { background:#f4f4f4; } /* Container ---------------------- */ #container-wrap { min-width:320px; left:0; position:relative; padding-top:75px;} #page-overlay { height:100%; width:100%; position:fixed; z-index:101; left:0; top:0; background:rgba(29, 41, 56, 0.8); display:none; cursor:pointer;} .activeMenu #page-overlay { display:block;} /*--- Page Overlay1 --- */ #page-overlay1 { background:rgba(255,255,255,0.9); height:100%; width:100%; text-align:center; display:none; position:fixed; left:0; top:0; z-index:1000;} #page-overlay1 p { vertical-align:middle; width:100%; margin:0; display:table-cell;} /* Header ---------------------- */ #header { position:fixed; left:0; top:0; width:100%; background:#ffffff; z-index:1001; height:56px; padding:12px 0; box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.12); transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;} #header .container { position:relative;} /*--- Paragraph --- */ p.lead { margin-bottom:50px; line-height:24px; font-size:16px; font-weight:200;} /*--- Heading2 --- */ .heading2, .page-head h2 { margin-bottom:60px; position:relative; text-align:center; font-size:28px;} .heading2:after, .page-head h2:after { content:""; display:block; width:220px; position:absolute; left:50%; margin-left:-110px; bottom:-15px; background:#d7263d; height:1px;} #main .inner-main { padding:24px 10px;} #header .user-area { float:right; width:64px; padding-top:4px; position:relative;} #header .user-area .avatar-pic { margin-left:16px; float:right; margin-left:16px; display:block;} #header .user-area .avatar-pic img { width:24px; height:24px; border-radius:15px;} #header .user-area .user-actions { position:relative;} #header .user-area .user-actions:hover .user-dropdown { display:block;} #header .user-dropdown { width:160px; margin:0; list-style:none; display:none; background:#fff; padding:15px 10px; top:40px; border:1px solid #dadada; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1); position:absolute; right:-8px; border-radius:6px;} /*#header .user-dropdown:before { display:block; content:""; position:absolute; top:-30px; left:0; width:100%; height:30px;} #header .user-dropdown:after { display:block; content:""; position:absolute; top:-7px; right:25px; width: 0; height: 0;border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 7px solid #fff;}*/ #header .user-dropdown:before { width:16px; height:10px; content:""; display:block; right:10px; top:-10px; position:absolute; background:url(images/tg_images_new/sprites.svg) -228px -185px no-repeat;} #header .user-dropdown:after { width:100%; height:16px; content:""; display:block; left:0; top:-17px; position:absolute;} #header .user-dropdown li { float:none; position:static; font-size:14px; color:#424242;} #header .user-dropdown li a { padding:0 8px; display:block; position:relative; line-height:32px; color:#8a858d;} #header .user-dropdown li:hover a, #header .user-dropdown li.active a { color:#8a858d;} #header .user-dropdown li .fa { font-size:14px; width:25px; text-align:left; vertical-align:middle;} #header .user-dropdown li .earn-bits { font-weight:500;} #header .user-dropdown li .earn-bits span { color:#ffffff; opacity: 0.6;} #header .user-dropdown li.profile-status a { text-transform:none; line-height:16px;} #header .user-dropdown li.profile-status a:hover { background:none;} #header .user-dropdown .progress { margin:5px 0 10px; height:5px; background:#dadada;} #header .progress .progress-bar { background-color: #8a858d;} /*--- Webinar Box --- */ .webinar-box a { text-decoration:none;} .webinar-box footer .btn { border-bottom:0; border-left:0; border-right:0;} .webinar-box .banner h6 {background:rgba(25, 23, 26, 0.5);} .webinar-box h3 { margin-bottom:4px;} .webinar-box p { font-size:14px; line-height:20px; color:#8a858d; font-weight:normal;} .webinar-box .webinar-content { padding:7px 16px 16px;} .webinar-box:hover .button2 { color:#fff; background:#d7263d; outline:none;} .webinar-box.webinar-box2 .webinar-content { height:177px;} /*--- Has-error --- */ .has-error .form-control, .has-error .form-control:focus, .has-error .select , .has-error .chosen-container .chosen-choices, .has-error .chosen-container .chosen-single{border-color:#f65039 !important;} .has-error .form1 textarea.form-control {border-color:#f65039 !important;} /*--- Message Success --- */ .msgErrortop { position:fixed; right:0; z-index:10000; top:100px; width:390px; font-size:14px; line-height:19px; color:#fff;} .msgErrortop .close { position:absolute; right:5px; top:0; z-index:1;} .msgErrortop .close .fa { font-size:16px; color:#999; vertical-align:top;} .msgErrortop .close:hover .fa { color:#333;} .message-box { z-index:10; width:390px; position:absolute; top:0; right:-390px; height:96px; background:#fff; margin:0 0 15px; box-shadow:0px 0 7px rgba(0, 0, 0, 0.1); display:block; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .message-box .alert-message-icon { float:left; position:relative; width:96px; background:#e7e8ea; height:96px; display:block; font-size:32px; text-align:center;} .message-box .alert-message-icon .fa { opacity:0; position:absolute; width:100%; left:0; vertical-align:middle; line-height:94px; font-size:48px; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} .message-box .alert-message-content { margin-left:120px; padding:10px 15px 10px 0; position:relative;} .message-box .alert-message-content h6 { margin-bottom:8px; min-height:15px;} .message-box .alert-message-content .fa { display:none;} .message-box .alert-message-content p { color:#8c8c8c; margin:0; font-size:13px; line-height:18px;} .message-box .message-header span { opacity:0; position:absolute; left:0; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} /*--- Success --- */ .success-msg {right:0 !important;} .success-msg .alert-message-icon { color:#02c54c;} .success-msg .alert-message-icon .fa-check, .success-msg .message-header span.success-txt { opacity:1;} /*--- Warning --- */ .warning-msg {right:0 !important;} .warning-msg .alert-message-icon { color:#d54343;} .warning-msg .alert-message-icon .fa-exclamation-triangle, .warning-msg .message-header span.warning-txt { opacity:1;} /*--- Error --- */ .error-msg {right:0 !important;} .error-msg .alert-message-icon { color:#d54343;} .error-msg .alert-message-icon .fa-times, .error-msg .message-header span.error-txt{ opacity:1;} /*--- Info --- */ .info-msg {right:0 !important;} .info-msg .alert-message-icon { color:#fa8c2b;} .info-msg .alert-message-icon .fa-info-circle, .info-msg .message-header span.info-txt { opacity:1;} /*--- Ie Alert --- */ .ie-alert { padding:16px; background:#ffffff; font-size:14px; text-align:center; margin:0; position:fixed; left:0; top:75px; border-radius:0; z-index:1000; width:100%; box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.12);} .ie-alert .close { margin:-10px 20px 0 0; position:relative;} /*--- Cookie Alert --- */ .cookie-alert { padding:16px; background:#EFE4FB; font-size:14px; color:#19171A; text-align:center; margin:0; position:fixed; left:0; top:75px; border-radius:0; z-index:1000; width:100%; box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.12);} .cookie-alert .close { margin:-10px 20px 0 0; position:relative;} /*--- Post --- */ .post { color:#424242; font-size:14px; line-height:21px;} .inner-post { padding-left:14px;} .post .post-header h2, .post .post-header h1 { margin-bottom:10px;} .post .post-header .sociable2, .post .post-footer .sociable2 { float:right;} .post ul, .post ol { padding-left:28px; margin-bottom:20px;} .post li { margin-bottom:3px; color:#424242; font-size:14px;} .post .post-header .status-details, .post .post-header .status-details a { color:#8c8c8c;} .post .post-header .status-details span { display:inline-block; margin-right:10px;} .post .metadata { font-size:12px; color:#8c8c8c; display:block; margin-bottom:20px; line-height:18px;} /*--- Banner --- */ #cw-banner { background:url(images/cw_images_2017/banner.jpg) center bottom no-repeat; position:relative; height:366px; background-size:cover; padding-bottom:56px; text-align:center;} #cw-banner h5 { font-size:18px; line-height:22px; margin-bottom:30px; color:#fff; margin-bottom:42px;} #cw-banner .register-area h6 { margin-bottom:8px;} #cw-banner .content-wrap { padding-top:40px;} #cw-banner .main-sponsors { width:252px; padding-top:28px; position:relative; margin:0 -48px;} #cw-banner .main-sponsors .sponsor-section {position:relative;} #cw-banner .main-sponsors p { font-weight:600; line-height:28px;} #cw-banner .main-sponsors p span.logo-holder { min-width:112px; padding:5px; min-height:63px; margin:0 6px; background:#fff; display:inline-block; line-height:52px;} #cw-banner .main-sponsors p span.logo-holder img { vertical-align:middle; max-height:59px; max-width:102px;} #cw-banner .banner-bottom-bar p { font-size:20px; line-height:32px; color:#fff; margin-bottom:0;} #cw-banner .banner-bottom-bar .fa { font-size:23px; color:#d7263d; margin-right:15px; vertical-align:middle;} #cw-banner .button1.btn-lg { font-size:16px; min-width:180px; margin-top:3px;} /*--- Banner --- */ #cw-banner .win-prize { background:url(images/cw_images_2017/win-prize-bg.svg) left -1px no-repeat; padding-top:12px; width:150px; height:157px; text-align:center;} #cw-banner .win-prize p { font-size:18px; color:#19171a; font-style:normal; font-weight:600; line-height:24px;} #cw-banner .win-prize p span.prize-amount { display:block; font-size:22px; color:#000000; font-style:normal; font-weight:900; line-height:32px; margin-bottom:3px;} #cw-banner .win-prize-mob { background:#ffcb2d; padding:5px; text-align:center; margin:0 -10px; position:relative;} #cw-banner .win-prize-mob p { font-size:14px; color:#000; font-weight:500; margin:0;} #cw-banner .win-prize-mob p span.prize-amount { color:#ec008c; font-style:normal; font-weight:bold;} #cw-banner .content-wrap { padding-top:45px;} #cw-banner .heading2 { color:#fff; margin-bottom:25px !important; font-size:18px; line-height:22px; font-weight:bold;} #cw-banner .heading2:after { background-color:#fff; bottom:-8px;} #cw-banner h1 { font-weight:900; font-size:24px; color:#fff; margin-bottom:8px;} #cw-banner p {color:#fff; font-size:13px;} #cw-banner .sponsors-section {padding-top:20px; width:115px; float:right; padding-top:70px;} #cw-banner .sponsors-section img { max-width:109px; max-height:36px;} #cw-banner .sponsors-section h6 { font-size:12px; color:#fff; text-transform:uppercase; padding-top:10px;} #cw-banner .sponsors-section .logo-holder { display:block; line-height:35px; background:#fff; border-radius:2px; padding:3px; width:115px; height:42px; text-align:center; margin-bottom:13px;} #cw-banner .register-area { border-radius:3px; background:rgba(255,255,255,0.2); width:509px; margin:0 auto; text-align:left; border-radius:2px; padding:12px 15px;} #cw-banner .register-area h6 { color:#fff;} #cw-banner .register-area .sociable { float:left;} #cw-banner .register-area .sociable .social-btn { float:left; margin:0 12px 0 0; border-radius:50%; width:30px; height:30px; padding:0; line-height:30px;} #cw-banner .register-area .sociable .social-btn .fa { border:0; line-height:30px; width:30px; height:30px; text-align:center; font-size:17px;} #cw-banner .register-area .or-divider { display:block; border-radius:10px; text-transform:uppercase; font-size:8px; color:#252122; height:17px; line-height:17px; background:#e6e6e6; width:17px; float:left; text-align:center; margin:7px 5px 0; } #cw-banner #newsletter-form { width:315px; float:right; position:relative; margin-top:-8px; } #cw-banner #newsletter-form form { padding-left:0px !important; } #cw-banner #newsletter-form input[type="text"] { width:195px; font-size:15px; height:43px; font-size:14px; padding:0px 10px; } #cw-banner #newsletter-form input[type="button"] { height:43px; padding:0 10px; width:120px; font-size:14px; } #cw-banner .bottom-bar { background:#02050a; position:absolute; left:0; bottom:0; width:100%; text-align:center; height:56px; } #cw-banner .bottom-bar .col-xs-12.right-side { padding:12px 15px; text-align:left; } #cw-banner .bottom-bar .col-xs-12 { padding:16px 15px;} #cw-banner .bottom-bar .right-side p { line-height:28px;} #cw-banner .bottom-bar .right-side p strong { font-size:24px; font-weight:bold;} #cw-banner .bottom-bar p { font-size:14px; color:#fff; font-weight:normal; margin-bottom:0; line-height:20px;} #cw-banner .bottom-bar p .label { font-size:12px; float:right; margin-top:6px; font-weight:400; padding:2px 0.6em 4px; color:#fff;} #cw-banner .bottom-bar p .label a { color:#563608;} #cw-banner .bottom-bar p strong { font-size:20px; font-weight:500; margin-left:12px; vertical-align:middle;} #cw-banner .bottom-bar .fa { font-size:23px; color:#d7263d; margin-right:4px; vertical-align:middle;} #cw-banner .bottom-bar .icon { margin-right:7px; margin-top:-3px;} #cw-banner.company-banner { background-image:url(images/tg3_images_2017/company-banner-bg.jpg); height:350px; padding-top:50px; } #cw-banner.company-banner .for-internal { position:absolute; right:0; bottom:0;} #cw-banner.company-banner h2 { text-align:center; padding:15px 0 20px;} #cw-banner.company-banner .logo-block { margin-bottom:20px;} #cw-banner.company-banner .association-with { display:inline-block; margin:0 30px; font-size:15px; color:#4a4548;} #cw-banner.company-banner .sponsor-logo { max-width:200px; padding:0; vertical-align:middle; border:0; border-radius:0;} #cw-banner.company-banner .logo-block a { display:inline-block; padding:10px; background:#fff;} #cw-banner .countdown { text-align:center;} #cw-banner .countdown .item:after { display:none;} #cw-banner .countdown .alt-1, #cw-banner .countdown p { display:inline-block; vertical-align:middle; line-height:24px;} #cw-banner .countdown .alt-1 { position:relative; margin-right:-50px; top:-3px; z-index:10;} #cw-banner .countdown .separator { display:none;} #cw-banner .countdown .item { vertical-align: bottom; position:relative; overflow: visible; font-size:20px; color:#fff; line-height:20px; font-weight:600; padding:0 9px; margin:0 8px; background:url(images/cg2016_images/countdown-bg.png) center 10px no-repeat;} #cw-banner .countdown .label { margin:0; text-transform: uppercase; display: block; position: absolute; line-height: normal; left: 0; font-size:9px; color: #fff;padding:0;width:100%;} #cw-banner.association-company { height:300px; } #cw-banner.association-company .content-wrap { padding-top:30px; } #cw-banner .association-companies { width:455px; margin:0 auto 20px auto; height:63px; box-shadow:none; border-radius:2px; padding:3px 15px 5px; } #cw-banner .association-companies p { font-size:16px; vertical-align:middle; color:#4a4548; margin-bottom:0px; line-height:53px; } #cw-banner .association-companies img { max-width:115px; max-height:50px; vertical-align:middle;} #cw-banner .association-companies span { display:inline-block; padding:0px 25px; } #cw-banner .employ-box { position:absolute; bottom:0px; right:20px; background:#fff; border-radius:2px 2px 0px 0px; padding:10px; text-align:center; } #cw-banner .employ-box p { margin-bottom:0px; color:#4a4548; } /*--- Divition block --- */ .landing-page .divition-block, .divition-block { padding:24px 0;} .divition-block .button1.btn-lg { min-width:156px;} /*--- Cg-highlights-block --- */ #cg-highlights-block { padding:16px 0; height:92px; background:#fff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12); position:relative; z-index:10;} #cg-highlights-block .col-sm-5 p { font-size:18px; line-height:60px; margin:0;} #cg-highlights-block .col-sm-5 p span { font-size:24px; font-weight:bold;} #cg-highlights-block .sub-sponsors { float:right;} #cg-highlights-block .sub-sponsors p { font-size:14px;} #cg-highlights-block .sub-sponsors p br { display:none;} #cg-highlights-block .sub-sponsors .sponsor-section { float:left; margin-right:24px;} #cg-highlights-block .sub-sponsors .sponsor-section:last-child { margin-right:0;} #cg-highlights-block .sub-sponsors img { max-height:38px; max-width:112px; vertical-align:middle;} #cg-highlights-block .sub-sponsors .sponsor-section .logo-holder { display:inline-block; vertical-align:middle; border:1px solid #dadada; width:120px; height:60px; margin-left:12px; text-align:center; line-height:54px;} /*--- Content-blocks --- */ #content-blocks, #selfies-contest { background:#fff;} .landing-page #content-blocks, .landing-page #selfies-contest { background:#f2f2f2;} /*--- Primary Navigation --- */ #primary-navigation > ul > li { margin-right:24px;} #primary-navigation ul li a:hover, #primary-navigation > ul > li.active a {color:#d7263d;} /*--- Selfies-contest --- */ .landing-page #selfies-contest { background:#fff;} #selfies-contest .heading2 { margin-bottom:24px;} #selfies-contest .container { position:relative;} #selfies-contest p { margin-bottom:0;} #selfies-contest .lead { margin-bottom:8px;} #upload-your-selfie { min-width:156px; margin-bottom:24px;} /*--- Photos-block --- */ #photos-block { background:#f2f2f2;} .landing-page #photos-block { background:#fff;} /*--- Sliding-testimonials1 --- */ .landing-page #sliding-testimonials1 { background:#f2f2f2;} #sliding-testimonials1 { background:#ffffff;} #sliding-testimonials1 .controls ul li a { border:2px solid #dadada; width:16px; height:16px; position:relative;} #sliding-testimonials1 .controls ul li a:after {content:""; width:6px; height:6px; border-radius:50%; position:absolute; left:3px; top:3px; display:block; 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-testimonials1 .controls ul li a:hover, #sliding-testimonials1 .controls ul li.selected a { background:#fff; border:2px solid #d7263d;} #sliding-testimonials1 .controls ul li a:hover:after, #sliding-testimonials1 .controls ul li.selected a:after { background:#d7263d;} #sliding-testimonials1 blockquote p { color:#4a4548; font-weight:normal;} #sliding-testimonials1 .cite cite { font-size:18px; line-height:24px; margin-bottom:4px; font-weight:600;} #sliding-testimonials1 .cite cite small { font-size:14px; line-height:20px; color:#8a858d;} /*--- Social-buzz --- */ .landing-page #social-buzz { background:#fff;} #social-buzz { padding-bottom:24px; background:#f2f2f2;} #social-buzz .social-links { padding-top:16px;} #social-buzz .social-links h4 { font-weight:normal;} #social-buzz .social-links h4 span { font-weight:600; color:#19171a;} /*--- Scroll --- */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #8a858d !important;} /*--- Voucher-badge1 --- */ .voucher-badge1 { width:94px; height:101px; text-align:center; position:absolute; left:10px; top:-24px; background:url(images/tg3_images_2017/win-badge-bg.png) left top no-repeat; padding-top:13px;} .voucher-badge1 p { margin:0; font-size:16px; color:#fff; font-weight:bold;} /*--- Blogathon --- */ #blogathon .heading2 { margin-bottom:24px !important;} #blogathon .row { background:none; padding:0; box-shadow:none;} #blogathon .blogs-list h3 { margin-bottom:8px;} #blogathon .blogs-list h3 a { color:#19171a;} #blogathon .blogs-list p { font-weight:normal; margin-bottom:24px;} #blogathon .blogs-list p .view-more-blog { font-weight:600;} .blog-editor .nicEdit-main { margin:0; padding:8px; font-weight:normal; color:#8a858d;} #blogathon .form1 ul { padding-left:65px;} #blogathon input.form-control { font-size:14px;} #blogathon .container { position:relative;} /*--- Why Participate Block --- */ #why-participate-block { background:#fff; text-align:center; padding-bottom:24px; padding-top:0px; } #why-participate-block .heading2 { margin-bottom:18px !important; } #why-participate-block p { margin-bottom:24px; } #why-participate-block .icon { width:80px; line-height:74px; height:80px; display:inline-block; border:1px solid #dadada; border-radius:50%; margin-bottom:8px;} #why-participate-block .icon svg { vertical-align:middle;} #why-participate-block .why-participate { text-align:center; margin-bottom:32px;} #why-participate-block h4 { margin-bottom:24px; font-weight:600; } #why-participate-block h4 svg { margin-bottom:16px;} #why-participate-block .prizes-block .inner-block { min-height: 100px; border: solid 1px #dadada; margin-bottom:24px; padding:15px; width:263px; margin-left:auto; margin-right:auto; } #why-participate-block .prizes-block .inner-block .icon2 { float:left; display:inline-block; width:83px; border-right:1px solid #dadada; height:60px; line-height:60px; } #why-participate-block .prizes-block ul { margin:0px; padding:0px; list-style-type:none; text-align:center; } #why-participate-block .prizes-block .inner-block .details { margin-left:91px; } #why-participate-block .prizes-block .inner-block .details .inner { display:table; height:60px; } #why-participate-block .prizes-block .inner-block .details .inner p { display:table-cell; height:60px; vertical-align:middle; color:#4a4548; margin:0px; } #why-participate-block .prizes-block .inner-block .details p { text-align:left; color:#8a858d; margin-bottom:2px; } #why-participate-block .prizes-block .inner-block .details p span { text-align:left; color:#19171a; font-weight:600; margin-left:8px; } #why-participate-block .button1.btn-lg {min-width:156px; } /*--- Who participate --- */ #who-participate { background:#f7f7f7; text-align:center; padding:24px 0px; } #who-participate .lead { font-size:18px; font-weight:normal; margin-bottom:16px; } /*--- How Work Section --- */ /*--- How Work Section --- */ .how-work-section { padding-top:8px; } .how-work-section .box-default { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); padding:27px 16px 16px 16px; border-radius:6px; min-height:330px; margin-bottom:24px; } .how-work-section .box-default .icon { margin-bottom:16px; height:81px; line-height:81px; display:inline-block; } .how-work-section .box-default h3 { margin-bottom:4px; } .how-work-section p { color:#8a858d; } .how-work-section span.date,.how-work-section span.tests { display:block; font-size:14px; line-height:20px; color:#4a4548; } .how-work-section span.date { margin-bottom:8px; } .how-work-section span.tests { margin-bottom:16px;} /*--- Signup-login-wrap --- */ .signup-login-wrap { padding-top:0; padding-bottom:0; background-size:cover;} .signup-login-wrap .tabs10 .tab-content { padding:24px; } .signup-login-wrap .right-column { background:#fff; padding:0px;} .signup-login-wrap .right-column .inner-wrap { background:none;} #signup-login .form1 input[type="submit"] { display:block;} .signup-login-wrap .tabs1 .nav-tabs li a, .signup-login-wrap .tabs1 .nav-tabs li a:hover, .signup-login-wrap .tabs1 .nav-tabs li a:active, .signup-login-wrap .tabs1 .nav-tabs li a:focus { color:#4a4548; border:0;} .signup-login-wrap .tabs1 .nav-tabs { border:0;} .signup-login-wrap .tabs1 .nav-tabs li.active a, .signup-login-wrap .tabs1 .nav-tabs li.active a:hover, .signup-login-wrap .tabs1 .nav-tabs li.active a:focus, .signup-login-wrap .tabs1 .nav-tabs li.active a:active { background:#d7263d; color:#fff;} .signup-login-wrap .tabs1 .nav-tabs li.active a:hover, .signup-login-wrap .tabs1 .nav-tabs li.active a:active, .signup-login-wrap .tabs1 .nav-tabs li.active a:focus { line-height:20px;} #signup-login .form1 ul #gender-field, #signup-login .form1 .radio-input { margin-bottom:5px;} #signup-login .form1 .form-control, #signup-login .form1 input[type="text"], #signup-login .form1 input[type="password"] { padding-left:62px;} .signup-login-wrap .form1 .button1 { width:100%; font-weight:900; height:auto; line-height:18px; font-size:14px; } .signup-login-wrap .form1 input[type="text"], .signup-login-wrap .form1 input[type="password"],.signup-login-wrap .token-input-list-facebook { padding-left:12px; } .signup-login-wrap .token-input-list-facebook:before { display:none; } .signup-login-wrap li.token-input-token-facebook { border-radius:3px; border:1px solid #dadada; } .signup-login-wrap li.token-input-token-facebook:hover { background:#f2f2f2; color:#8a858d; } .signup-login-wrap li.token-input-token-facebook:hover p { color:#8a858d; } li.token-input-token-facebook span { color:#7a7f8a; } .signup-login-wrap .right-column .inner-wrap .form1 ul #mobile_phone label.left-label { padding-top:0px; } /*--- Modal --- */ .modal { text-align: center; padding: 0!important; } .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } /*--- Content-Box --- */ .contest-box { border:0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); padding:16px; margin-bottom:16px;} .contest-box h3 { margin-bottom:4px;} .contest-box h3 a {color:#19171a;} .contest-box p { font-weight:normal;} .contest-box .sponsored-by p { font-size:14px; line-height:20px;} .contest-box .date-stamp { font-size:14px; color:#4a4548;} /*--- Registration-count --- */ .registration-count {border: solid 1px #c2c2c2;} /*--- Heading --- */ .heading2, .page-head h2 { font-size:24px; font-weight:900; line-height:32px; margin-bottom:32px !important;} .heading2:after, .page-head h2:after { width:160px; background:#d7263d; margin-left:-80px; bottom:-10px;} /*--- Footer --- */ #footer { background:#2d1846; padding-top:40px;} #footer ul li { font-size:14px; color:#8a858d; line-height:20px; font-weight:normal; margin-bottom:8px;} #footer ul li a { color:#8a858d;} #footer .section { float:left; margin-right:40px;} #footer .section:last-child { float:right; margin-right:0;} #footer .powered-by { color:#fff; display:block; font-size:14px; line-height:20px; margin-bottom:8px; padding-top:0; font-weight:normal; text-align:left;} #footer .inner-footer { margin-top:40px; background:none; padding:12px 0; border-top: solid 1px rgba(255, 255, 255, 0.15); text-align:left;} #footer .inner-footer p { font-size:12px; color:#8a858d; line-height:16px; font-weight:normal; margin-bottom:0; padding:0;} #footer.left-space { margin-left:225px;} #footer.left-space .container { width:100%; padding:0 45px 0 55px;} #footer ul { margin:0; padding:0; list-style:none;} #footer ul li:last-child { margin-bottom:0;} #footer a.logo { margin:0; position:relative; left:auto;} /*--- Table20 --- */ .table20 { width:100%;} .table20-wrap { border: solid 1px #dadada; border-radius: 6px; position:relative; background:#fff; overflow-x: auto; margin-bottom:16px;} .table20 tr td.text-left, .table20 tr th.text-left { text-align:left;} .table20 tr td.text-right, .table20 tr th.text-right { text-align:right;} .table20 tr th { text-align:center; white-space:nowrap; padding:13px 16px 14px; font-size: 14px; font-weight: 600; line-height:14px; color:#19171a; background-color: #f2f2f2; border-bottom: solid 1px #dadada;} .table20 tr th:first-child { border-radius:5px 0 0 0;} .table20 tr th:last-child { border-radius:0 5px 0 0;} .table20 tr th small { font-size:10px;} .table20 tr td { text-align:center; vertical-align:top; position:relative; padding:10px 16px; font-size:14px; color:#4a4548; line-height:20px;} .table20 tr:nth-child(2n) td { background:#f2f2f2;} .table20 tr:last-child td:first-child { border-radius:0 0 0 5px;} .table20 tr:last-child td:last-child { border-radius:0 0 5px 0;} .table20 tr td.name a { color:#4a4548;} .table20 tr td .arrow-icon { width:10px; height:12px; display:inline-block; background-image:url(images/tg_images_new/sprites.svg); background-repeat:no-repeat; vertical-align:baseline;} .table20 tr td.down-position .arrow-icon { background-position:-319px -50px;} .table20 tr.passed td { background-color:#e7ffec;} .table20 tr td.up-position .arrow-icon { background-position:-344px -49px;} .table20 tr td .my-score { display:inline-block; min-width:50px;} .table20 tr td .icon-download { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -335px -80px no-repeat; margin-left:5px;} .table20 tr td .tick-icon { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -168px -81px no-repeat; margin-left:1px;} .table20 tr td .close-icon { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -192px -80px no-repeat; margin-left:6px;} .table20 tr td .warning-icon { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -48px -80px no-repeat; margin:0 1px;} .table20 tr td .text-icon { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -156px -184px no-repeat; margin-left:5px;} .table20 tr td .text-icon.disabled { opacity:0.5;} .table20 tr .name { text-align:left;} .table20 tr td.name img { margin-right:16px; border-radius:50%; width:24px; height:24px; float: left;} .table20 tr td.name .details { margin-left:40px; } /*--- Button1 --- */ .button1 { border-radius:3px; background: #d7263d; color:#fff; text-transform:capitalize; border:0; font-size:14px; line-height:18px; padding:7px 10px; font-weight:900; 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, .button1.active { color:#fff; background:#ae2d43; outline:none;} .button1.disabled { background:#c0c0c0;} .button1.btn-lg { padding:12px 10px;} /*--- Button2 --- */ .button2 { background:none; color:#d7263d; text-transform:capitalize; border-radius: 3px; border: solid 1px #d7263d; font-size:14px; line-height:16px; padding:7px 12px; font-weight:bold; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none;} .button2:hover,.button2:focus, .button2:active { color:#fff; background:#d7263d; outline:none;} .button2.btn-lg { padding:12px 10px;} .button2.load-more-btn { min-width:136px;} /* ========================================================================== Layout ========================================================================== */ /* Container ---------------------- */ .no-padding-top #container-wrap, .no-padding-top #container-wrap.normal-padding.loggedin { padding-top:38px !important;} .comapny-page #container-wrap { padding-left:225px;} #container-wrap.activeMenu { left:0;} /* Header ---------------------- */ #header { position:fixed; background:#fff; padding:10px 0; height:75px !important; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07);} .activeMenu #header { left:0;} /*--- Sidebar Panel --- */ #sidebar-panel { position:fixed; left:0; top:75px; height:100%; padding:55px 0px 45px; background:#1c314a; width:225px; z-index:100;} /*--- Primary Navigation --- */ #primary-navigation { float:right; padding-top:9px;} /*--- Main --- */ #main { 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 .inner-main { padding:24px 10px 32px; } #main .inner-main .container { width:100%; padding-left:0; padding-right:0;} /* ========================================================================== Common Functionalities & UI Elements ========================================================================== */ /*--- Page Overlay1 --- */ #page-overlay1 { background:rgba(255,255,255,0.9); height:100%; width:100%; text-align:center; display:none; position:fixed; left:0; top:0;} #page-overlay1 p { vertical-align:middle; width:100%; margin:0; display:table-cell;} /*--- Header --- */ #header .logo { padding:0; margin:0;} #header .logo p { margin:0;} #header .logo img { max-width:130px;} #header .user-area { width:auto; padding-top:14px;} #header .user-area .user-actions .avatar-pic { font-size:14px; font-weight:500; color:#4a4548; margin-left:30px;} #header .user-area .user-actions .caret { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top:8px dashed;} #header .user-dropdown { top:51px;} #header .logo .associating { float:left; margin-right:15px;} #header .logo .associating img { max-height:38px;} #header .logo .associating p { margin:0; text-align:right; font-size:11px; line-height:16px;} #header .menu-btn { width:25px; height:25px; background:none; z-index:10; border:0; color:#4a4548; display:block; text-align:center; line-height:21px; float:left; margin-top:14px; margin-right:10px;} #header .menu-btn:hover, #header .menu-btn:focus, #header .menu-btn:active {text-decoration:none;} #header .menu-btn .line { display:block; height:3px; background:#4a4548; margin:4px 0;} #header { height:72px;} #header .logo p span { margin:0 8px;} #header .logo h1 { display:none; } #header .logo .presenting-logo { max-width:115px; max-height:38px;} .on-scroll #user-actions ul li a.button2 { background:#d7263d;} #header .user-dropdown { top:56px; } #header .user-actions .user-dropdown { top:51px;} #header .user-dropdown:after { display: block; content: ""; position: absolute; top: -30px; left: 0; width: 100%; height: 30px; background-image:none; border:none !important;} #header .user-dropdown .progress { background:#dadada; } .progress .progress-bar { background:#d7263d;} /*--- Register Counter --- */ #register-counter { float:right; display:none; min-width:125px; padding:11px 10px; margin-right:30px; height:75px; background:#ebebeb; position:relative; margin-top:-10px; text-align:center;} .on-scroll #register-counter { display:block;} #register-counter p { line-height:14px; margin:0 0 7px; text-transform:uppercase; font-size:12px; color:#000; font-weight:500;} #register-counter .count { display:inline-block; background:#fff; border-radius:2px; padding:3px 0;} #register-counter .count span { display:block; float:left; height:24px; padding:0 8px; border-right:1px solid #dadada; line-height:24px; font-size:16px; font-weight:bold;} #register-counter .count span:last-child { border:0;} /*--- Top Sponsors --- */ .top-sponsors { padding-top:9px; float:left;} .top-sponsors p { color:#4a4548; line-height:35px; text-transform:uppercase; margin:0;} .top-sponsors p .block { display:inline-block;} .top-sponsors p img { vertical-align:middle; margin-left:15px;background:#fff; max-height:30px;} .top-sponsors .spacer { width:20px; display:inline-block;} .top-sponsors p br { display:none;} /*--- Social Btn --- */ .social-btn { position:relative; background:none; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:0; color:#fff; text-align:center; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; padding:0 12px 0 12px; height:38px; margin:0 10px 15px; font-size:12px;} .social-btn:hover, .social-btn:focus, .social-btn:active { color:#fff; outline:none; text-decoration:none;} .social-btn .inner { display:block; margin-left:37px; line-height:38px;} .social-btn .fa { font-size:20px; float:left; vertical-align:top; width:28px; text-align:left; height:38px; line-height:38px;} .social-btn.facebook { background:#6577c2;} .social-btn.google { background:#ca4736;} .social-btn.linkedin { background:#11709c;} .social-btn.github { background:#0d2636;} .social-btn.mail { background:#0d7e8f;} .social-btn.twitter { background:#2daae2;} .social-btn.facebook:hover { background:#5365b1;} .social-btn.google:hover { background:#ad3425;} .social-btn.linkedin:hover { background:#09577b;} .social-btn.github:hover { background:#1f2123;} .social-btn.mail:hover { background:#075f6c;} .social-btn.twitter:hover { background:#2daae2;} .social-btn.facebook .fa { border-right:1px solid #5b6bae; padding-left:2px;} .social-btn.google .fa { border-right:1px solid #b63f2f;} .social-btn.linkedin .fa { border-right:1px solid #0e5e83;} .social-btn.github .fa { border-right:1px solid #252629;} .social-btn.mail .fa { border-right:1px solid #0b6e7d;} .social-btn.twitter .fa { border-right:1px solid #2daae2; } /*--- Newsletter Form --- */ #newsletter-form h6 { margin-bottom:3px;} #newsletter-form form { background:#fff; padding-left:10px; border-radius:3px;} #newsletter-form input[type="text"] { width:143px; float:left; padding:5px 10px 5px 0; border:0; box-shadow:none; font-size:13px; font-weight:normal; color:#8c8c8c; height:32px;} #newsletter-form input[type="button"] { height:32px; width:82px; border-radius:0 2px 2px 0; float:right; font-size:12px; padding:6px 5px;} /*--- Box Default --- */ .box-default { background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); padding:15px;} .box-default.no-padding { padding:0;} .box-default .footer { background:#f9f9f9; padding:10px 20px;} .box-default .footer p { margin-bottom:0; float:left; font-size:12px; color:#8c8c8c; line-height:30px;} .box-default .footer .pagination { float:right;} .center-box { max-width:650px; width:100%; margin:0 auto 50px; padding:30px;} .center-box.no-padding { padding:0;} /*--- User Actions --- */ #user-actions { padding-top:9px; float:right;} #user-actions ul { margin:0; padding:0; list-style:none;} #user-actions ul li { margin-left:18px; float:left; line-height:35px;} #user-actions ul li:first-child { margin-left:0;} #user-actions ul li a.menu { font-size:14px; font-weight:500; color:#4a4548;} #user-actions ul li .fa { font-size:23px;} #user-actions ul li a.button2 { padding:8px 10px;-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;} .on-scroll #user-actions ul li a.button2 { background:#d7263d; color:#fff;} #user-actions ul li a.button2 { top:3px; position:relative; min-width:120px; } /*--- Primary Navigation --- */ #primary-navigation ul { margin:0; padding:0; list-style:none;} #primary-navigation > ul > li { float:left; font-size:14px; position:relative; color:#4a4548; line-height:35px; margin-right:20px;} #primary-navigation ul li a { color:#4a4548;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; } #primary-navigation ul li a:hover, #primary-navigation > ul > li.active a { color:#d7263d; text-decoration:none;} #primary-navigation ul li .fa { vertical-align:middle;} #primary-navigation ul li:hover .user-dropdown { display:block;} #primary-navigation .user-dropdown { top:56px; width:180px;} /*---Form1 --- */ .form1 ul, .post .form1 ul { margin:0; padding:0; list-style:none;} .form1 ul li { margin-bottom:15px;} .form1 ul li:last-child { margin-bottom:0;} .form1 .required {color:#ff0000;} .form1 .form-control { border-radius:2px; font-size:13px; box-shadow:none;} .form1 .form-control, .form1 input[type="text"], .form1 input[type="password"] { height:36px; border:1px solid #dadada;} .form1 input[type="submit"], .form1 button[type="submit"] { font-weight:normal;} .form1 li input[type="submit"], .form1 li button[type="submit"], .default-submit-btn, .form1 .default-submit-btn {min-width:165px; margin-top:20px;} .form1 .forgot-password { float:right; font-size:13px;} .form1 .error_msg {color: #d54343; display: inline-block; font-size:12px; position: relative; line-height:16px;} .form1 textarea.form-control { resize:none; height:72px; border:1px solid #dadada !important;} .form1 .has-error textarea.form-control { border:1px solid #d54343 !important;} .form1 .has-error input[type="text"], .form1 .has-error input[type="password"] { border:1px solid #d54343;} .form1 .clear-row { clear:left;} .form1 #token-input-key_skills { border:none !important;} .form1 label.left-label { margin-bottom:0; padding-top:8px;} .form1 label { font-size:13px; color:#424242; display:block; margin-bottom:3px; font-weight:500;} .form1 .radio-input { position:relative; display:block; padding-left:25px; margin-bottom:10px;} .form1 .radio-input.radio-inline { display:inline-block; margin-left:0; margin-right:20px;} .form1 .radio-input label { font-size:13px; color:#314451; margin:0;} .form1 .radio-input label a { color:#eb494f;} .form1 .radio-input input[type=radio]:checked + label:before { background:url(images/tg_images/icons.png) -472px -117px no-repeat; } .form1 .radio-input input[type=radio] { display: none; } .form1 .radio-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px; position: absolute; left: 0; top:1px; background:url(images/tg_images/icons.png) -472px -92px no-repeat; } .form1 .radio-input input[type=radio]:checked + label:before {background:url(images/tg_images/icons.png) -472px -117px no-repeat; } .form1 .checkbox-input { position:relative; display:inline-block; padding-left:23px;} .form1 .checkbox-input.checkbox-inline { display:inline-block; margin-left:0; margin-bottom:10px; margin-right:20px;} .form1 .checkbox-input.checkbox-block { display:block; margin-bottom:7px;} .form1 .checkbox-input.checkbox-block label { font-weight:normal;} .form1 .checkbox-input label { font-size:13px; margin:0;} .form1 .checkbox-input input[type=checkbox]:checked + label:before { background:url(images/tg_images/icons.png) -440px -115px no-repeat; } .form1 .checkbox-input input[type=checkbox] { display: none; } .form1 .checkbox-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px; position: absolute; left: 0; top:-1px; background:url(images/tg_images/icons.png) -440px -91px no-repeat; } .form1 .checkbox-input input[type=checkbox]:checked + label:before {background:url(images/tg_images/icons.png) -440px -115px no-repeat; } .form1 .select { position:relative; display:block; border:1px solid #ccc; border-radius:2px; min-height:36px; height:auto; width:100%;} .form1 .select select { width:100%; border:0; font-family:'roboto', Arial, Helvetica, sans-serif; background: #fff; padding:0 35px 0 5px; height:34px; font-size:13px; color:#999; position:relative; border-radius:2px; cursor:pointer; } .form1 .select select .selected-option { color:#555;} .form1 .select select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';} .form1 .select select::-ms-expand{ display:none;} .form1 .select:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:0; background:url(images/tg_images/icons.png) -96px -119px no-repeat; width:31px; height:34px; content:"";} .form-horizontal .control-label { padding-top:8px;} .form-horizontal .control-label.two-lines { padding-top:0;} .form1 .varification-field label { float:left; line-height:40px; margin-right:15px;} .form1 .varification-field .reg-captcha { float:left;} .form1 .varification-field .form-control { width:100px; text-align:center; height:39px; padding-left:10px !important; float:left; margin-right:6px;} .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 8px; width: 40px;} .form1 .varification-field .reg-frm-rfrs:hover, .form1 .varification-field .captcha-rfrs:hover { background-position: 0 -40px;} .form1 .varification-field .reg-frm-rfrs:active, .form1 .varification-field .captcha-rfrs:active { background-position: 0 -80px;} .form1 .varification-field #imgCaptcha { float:left;} .form1 .varification-field.has-error { padding-bottom:18px; position:relative;} .form1 .varification-field.has-error .error_msg { position:absolute; left:0; bottom:0;} .form1 .chosen-container-multi .chosen-choices li.search-field input[type="text"] { height:22px;} .form1 .chosen-container-multi .chosen-choices { border:0; border-radius:4px; padding:6px 6px 5px; background:#fff;} .form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { border:1px solid #ccc; width:12px; height:12px;} .form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {color: #999; content: "x"; display: block; font-size: 11px; left:2px; position: absolute; top:-3px;} .form1 .chosen-container-multi .chosen-choices li.search-choice { padding:2px 20px 4px 5px;} .chosen-container .chosen-results li { font-size:12px;} /*--- Testing Banner --- */ #testing-theme-banner { position:relative; background:url(images/tg3_images_2017/theme-banner-1.jpg) center bottom no-repeat; height:300px; background-size:cover; text-align:center; padding:37px 0px 25px 0px; } #testing-theme-banner .button1 { font-size:14px; min-width:185px; } #testing-theme-banner .inner-content { width:352px; position:relative; margin:0 auto; } #testing-theme-banner .inner-content:before,#testing-theme-banner .inner-content:after { content:""; width:116px; height:102px; position:absolute; top:46px; } #testing-theme-banner .inner-content:before { left:0px; background:url(images/tg3_images_2017/qa-contest-border-left.png) no-repeat; } #testing-theme-banner .inner-content:after { right:0px; background:url(images/tg3_images_2017/qa-contest-border-right.png) right top no-repeat; } #testing-theme-banner p { color:#fff; margin-bottom:5px; font-size:13px; } #testing-theme-banner .inner-content p {font-size:14px; } #testing-theme-banner .inner-content h5 { color:#fff; font-size:24px; font-weight:200; margin-bottom:15px; } #testing-theme-banner .inner-content h5 span { position:relative; display:inline-block; } #testing-theme-banner .inner-content h5 span:before,#testing-theme-banner .inner-content h5 span:after { content:""; width:13px; height:1px; position:absolute; top:60%; display:block; background:#fff; } #testing-theme-banner .inner-content h5 span:before { left:-20px; } #testing-theme-banner .inner-content h5 span:after { right:-20px; } #testing-theme-banner .inner-content .prize-box { background:#ffcb2d; padding:5px; margin-bottom:15px; } #testing-theme-banner .inner-content .prize-box p { color:#000; font-size:12px; text-transform:uppercase; font-weight:bold; margin:0px;} #testing-theme-banner .inner-content .prize-box p span { color:#e61975; font-size:21px; } #testing-theme-banner .qa-contest { padding-top:10px; border-top:1px solid #ffcb2d; display:inline-block; margin-bottom:5px; } /*--- Machinelearning Banner --- */ #machinelearning-theme { position:relative; background:url(images/tg3_images_2017/machinelearning-banner-bg.jpg) center bottom no-repeat; height:300px; background-size:cover; padding:85px 0px 0px 0px; text-align:center;} #machinelearning-theme .button1.btn-lg { font-size:16px; min-width:180px; margin-top:3px;} #machinelearning-theme .content-box { width:440px; height:95px; margin:0 auto 35px; border:2px solid #d7263d; border-bottom:0; padding-top:30px; position:relative;} #machinelearning-theme .content-box:after, #machinelearning-theme .content-box:before { content:""; height:2px; background:#d7263d; display:block; position:absolute; bottom:0; width:18%;} #machinelearning-theme .content-box:after {right:0;} #machinelearning-theme .content-box:before {left:0;} #machinelearning-theme h1 { font-size:34px; color:#fff; font-weight:bold; margin-bottom:12px;} #machinelearning-theme h4 { font-weight:200; color:#fff;} #machinelearning-theme .prize-box { background:url(images/tg3_images_2017/theme-prize-bg.png) right top no-repeat; width:152px; height:152px; padding-top:69px; position:absolute; right:0; top:60px;} #machinelearning-theme .prize-box p { font-weight:200; margin:0px; text-align:center; width:124px; } #machinelearning-theme .prize-box p span { color:#d7263d; font-size:22px; font-weight:bold; display:block; } #machinelearning-theme .prize-box p .fa { font-size:20px;} #machinelearning-theme .sponsored-by {position:absolute; right:50%; margin-right:-77px; top:-62px; text-align:center;} #machinelearning-theme .sponsored-by p { margin:0; color:#fff; line-height:32px;} #machinelearning-theme .sponsored-by p span { display:block; width:155px; height:50px; background:#fff; border-radius:30px; padding:5px 10px;} #machinelearning-theme .sponsored-by p span img { max-width:135px; max-height:40px;} /*--- Techaptitude Banner --- */ #techaptitude-banner { position:relative; background:url(images/tg3_images_2017/tech-aptitute-banner-bg.jpg) center bottom no-repeat; height:300px; background-size:cover;} #techaptitude-banner .container { position:relative; padding-top:95px;} #techaptitude-banner .button1.btn-lg { font-size:16px; min-width:180px; margin-top:3px;} #techaptitude-banner h1 { font-size:34px; color:#fff; font-weight:bold; margin-bottom:12px;} #techaptitude-banner h4 { font-weight:200; color:#fff;} #techaptitude-banner .prize-box { background:url(images/tg3_images_2017/tech-aptitute-prize-bg.png) right top no-repeat; width:345px; height:102px; padding-top:10px; position:absolute; right:10px; top:0; text-align:center;} #techaptitude-banner .prize-box p { margin:0px; text-transform:uppercase; text-align:center; font-size:16px; line-height:25px; color:#fff; } #techaptitude-banner .prize-box p span { color:#58c026; font-size:36px; font-weight:bold; display:block; } #techaptitude-banner .prize-box p .fa { font-size:33px;} /*--- Digitaltransformation Theme Banner --- */ #digitaltransformation-theme { position:relative; background:url(images/tg3_images_2017/digitaltransformation-banner-bg.jpg) center bottom no-repeat; height:300px; background-size:cover;} #digitaltransformation-theme .container { position:relative; padding-top:50px;} #digitaltransformation-theme .button1.btn-lg { font-size:16px; min-width:180px; margin-top:3px;} #digitaltransformation-theme .content-box { text-align:center; border-right:1px solid #1962a6; float:left; padding-right:55px; width:325px; margin-right:55px;} #digitaltransformation-theme h1 { color:#fff; font-size:28px; font-weight:normal; text-transform:uppercase;} #digitaltransformation-theme h1 span { font-size:68px; letter-spacing:-3px; background:url(images/tg3_images_2017/digital-bg.png) center center no-repeat; width:252px; line-height:74px; display:inline-block; text-indent:-6px;} #digitaltransformation-theme .prize-box { padding-top:60px; float:left;} #digitaltransformation-theme .prize-box h3 { color:#fff; text-align:center; line-height:35px; font-weight:200;} #digitaltransformation-theme .prize-box h3 span { color:#fece00; display:block; font-size:24px; font-weight:bold;} #digitaltransformation-theme .prize-box h3 span .fa { font-size:22px;} #digitaltransformation-theme .sponsored-by {position:absolute; right:0; bottom:12px;} #digitaltransformation-theme .sponsored-by p { margin:0; color:#fff; line-height:32px;} #digitaltransformation-theme .sponsored-by p span { display:block; width:175px; height:55px; background:#fff; border-radius:30px 0 0 30px; padding:5px 20px;} #digitaltransformation-theme .sponsored-by p span img { max-width:135px; max-height:45px;} /*--- Uiux Banner --- */ #uiux-theme-banner { position:relative; background:url(images/tg3_images_2017/theme-banner-2.jpg) center bottom no-repeat; height:300px; background-size:cover; padding:65px 0px 0px 0px; } #uiux-theme-banner h5 { margin-bottom:28px; font-size:28px; font-weight:500; color:#fff; } #uiux-theme-banner p { color:#fff; font-size:13px;} #uiux-theme-banner .uiux-image { margin-bottom:28px; } #uiux-theme-banner .button1 { font-size:14px; min-width:185px; } #uiux-theme-banner .prize-box { padding:15px 50px 15px 0px; } #uiux-theme-banner .prize-box p { color:#fff; font-size:18px; text-transform:uppercase; font-weight:normal; margin:0px; text-align:right; } #uiux-theme-banner .prize-box p span { color:#e61975; font-size:24px; font-weight:bold; } /*--- tabs10 --- */ .tabs10 .nav-tabs { border-bottom:0; border-bottom:1px solid #c2c2c2; margin-bottom:20px;} .inner-content .tabs10 > .nav-tabs { margin:0 -16px 24px;} .tabs10 .nav-tabs.pull-right { position:relative; margin-top:-48px;} .tabs10 .nav-tabs > li { margin-bottom:0; margin-bottom:-1px;} .tabs10 .nav-tabs > li > a { border-radius:0; border:0; font-size:14px; min-width:75px; line-height:14px; text-align:center; color:#8a858d; border:0; padding:7px 24px 6px; border-bottom: solid 1px #c2c2c2; margin:0;} .tabs10 .nav-tabs > li > a .icon { vertical-align:top; margin-right:5px;} .tabs10 .nav-tabs > li > a:hover { background:none;} .tabs10 .nav-tabs > li.active > a, .tabs10 .nav-tabs > li.active > a:hover, .tabs10 .nav-tabs > li.active > a:focus { color:#19171a; font-weight:600; border:0; background:none; border-bottom:1px solid #000013;} .tabs10 .nav > li > a:hover, .tabs10 .nav > li > a:focus { background:none;} .tabs10 .nav-tabs > li.active > a .icon path, .tabs10 .nav-tabs > li.active > a:hover .icon path, .tabs10 .nav-tabs > li.active > a:focus .icon path { fill:#19171a;} /*--- Login Signup Sociable --- */ .login-signup-sociable p { margin-bottom:24px; } .login-signup-sociable p span { vertical-align:top; display:inline-block; padding-top:6px; width:116px; } .login-signup-sociable p a { display:inline-block; margin-left:12px; width:48px; height:32px; text-align:center; line-height:29px; vertical-align:top; } .login-signup-sociable p a.linkedin { background:#0077b5; margin-left:0;} .login-signup-sociable p a.facebook { background:#3b5998; } .login-signup-sociable p a.google { background:#ffffff; border:1px solid #4285f4; line-height:29px; } .login-signup-sociable p a.github { background:#3b4146; } .modal .login-signup-sociable p a { margin-left:9px;} .modal .login-signup-sociable p a.linkedin { margin-left:0;} .modal .login-signup-sociable p span{ width:87px;} /*--- Sidebar --- */ #sidebar-panel .fa { color: #d7263d; font-size: 18px; margin-right: 5px; text-align: center; vertical-align:bottom; width: 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; } #sidebar-panel ul { margin:0px; width:225px; padding:0px; list-style-type:none;} #sidebar-panel ul li a { color:#c0c0c0; white-space:no-wrap; font-size:14px; padding:10px; display:block; padding-left:30px; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;} #sidebar-panel ul li:hover > a, #sidebar-panel ul li.active > a { background:#d7263d; color:#fff; } #sidebar-panel ul li:hover > a .fa, #sidebar-panel h6.active .fa, #sidebar-panel ul li.active > a .fa { color:#fff; } #sidebar-panel ul li.empty-link { display:none;} /*--- Sponsors-list --- */ #sponsors-list { text-align:center; position:relative; z-index:10;} #sponsors-list .box-default { padding:0; height:90px;} #sponsors-list .container-fluid { overflow:hidden; height:90px;} #sponsors-list .row > div { border-right:1px dashed #dadada;} #sponsors-list .row > div.no-border { border-right:0;} #sponsors-list .inner-wrap { padding-top:12px; height:90px;} #sponsors-list h5 { text-transform:uppercase; padding-top:22px;} #sponsors-list h6 { margin-bottom:10px; font-weight:normal;} #sponsors-list ul { margin:0; padding:0; list-style:none;} #sponsors-list ul li { float:left; margin:0 10px; text-align:center; height:40px; line-height:38px;} #sponsors-list .sponsor-block ul li img { max-height:40px; vertical-align:middle; max-width:100px;} #sponsors-list #associate-sponsors-list img { width:100%;} #sponsors-list #associate-sponsors-list p { line-height:40px; margin:0;} #sponsors-list .sponsor-block { padding:0 10px; float:left; width:29%;} #sponsors-list .sponsor-block.small { width:13%;} #sponsors-list .sponsor-block.theme-sponsor { width:18%;} /*--- Branding Engagement --- */ .branding-engagement h4 { font-family:'lato', Arial, Helvetica, sans-serif; font-weight:200; color:#d6d8f0;} /*--- Divition Block --- */ .divition-block { margin:0; position:relative; padding:30px 0;} .divition-block .btn-icon { text-align:center;} .divition-block p.lead strong { font-weight:500;} .divition-block .benefits { padding-top:30px;} .divition-block .benefits .icon { width:75px; height:75px; line-height:70px; margin-bottom:20px;} .divition-block .benefits .icon .fa { font-size:28px;} .divition-block .benefits p { font-size:14px; line-height:21px; font-weight:200;} .divition-block .benefits .col-sm-3 { padding:0 20px;} /*--- Register-bottom-block --- */ #register-bottom-block { background:#f4f4f4; text-align:center; padding:38px 15px;} #register-bottom-block h1 { font-size:30px; margin:0;} #register-bottom-block .button1 { width:285px; height:65px; line-height:40px; margin-left:40px; font-size:20px; text-transform:none;} /*--- Theme Contest List --- */ #theme-contest-list { position:relative;} #theme-contest-list:before { position:absolute; left:-20px; top:4px; height:94.5%; width:1px; background:#dadada; content:"";} /*--- Scroll Top --- */ #scroll-top-icon { position:fixed; bottom:-55px; right:-55px; text-align:center; background:#ffcb2d; z-index:1000; display:block; border-radius:2px; width:38px; height:38px; padding-top:8px; color:#000; font-size: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; display:none; } #scroll-top-icon .fa { vertical-align:top;} #scroll-top-icon.active { bottom:15px; right:15px;} /*--- 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:20px; color:#fff;} #side-social .button2, #side-social .button2:hover, #side-social .button2:focus, #side-social .button2:active { border-color:#fff; 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;} /*--- Why Participate #why-participate ul { text-align:left; margin:0; padding:0; list-style:none;} #why-participate ul li { margin-bottom:40px; position:relative;} #why-participate ul li:last-child { margin-bottom:0;} #why-participate ul li .icon { display:block; float:right; width:84px; padding-top:20px; height:84px; border:1px solid #949494; text-align:center; border-radius:50%;} #why-participate ul li .icon img { vertical-align:middle;} #why-participate ul li .details { height:84px; text-align:right; display:table; width:78%;} #why-participate ul li .details p { margin-bottom:0; display:table-cell; vertical-align:middle;} #why-participate ul li.alt .icon { float:left; margin-right:20px; margin-left:0;} #why-participate ul li.alt .details { text-align:left;} #why-participate p strong { font-size:20px; font-weight:normal;} #why-participate .button3 { padding:10px 50px;} --- */ /*--- Why-participate --- */ #why-participate { padding:32px 37px; background:none; } #why-participate h3 { font-size:20px; color:#fff; font-weight:500; margin-bottom:25px;} #why-participate ul { margin:0px; padding:0; list-style:none;} #why-participate ul li { margin-bottom:16px;} #why-participate ul li:last-child { margin-bottom:0px; } #why-participate ul li p { font-size:16px; color:#fff; margin-bottom:0;} #why-participate ul li .icon { width:42px; border:0; padding:0; height:42px; text-align:center; border-radius:50%; background-color:#ebebec; display:inline-block; float:left; } #why-participate ul li .icon .fa { font-size:18px; color:#07293d; line-height:42px; } #why-participate ul li .details { margin-left:55px; height:42px; text-align:left; display:table; } #why-participate ul li .details p { vertical-align:middle; display:table-cell; color:#fff; } #why-participate ul li .details p .fa-inr { font-size:14px; } /*--- Sliding Testimonials1 --- */ #sliding-testimonials1 { background:#fff;} #sliding-testimonials1 .slider { padding:0;} #sliding-testimonials1 .quote {font-size:22px; margin-left:5px; color:#d1d3d4; position:relative; top:9px;} #sliding-testimonials1 .left-quote { margin-right:5px; top:0;} #sliding-testimonials1 blockquote { border:0; padding:0; border-right:1px solid #dadada; padding:15px 20px;} #sliding-testimonials1 blockquote p {color:#8c8c8c; font-weight:200; line-height:24px; text-align:center;} #sliding-testimonials1 .writer { padding-top:23px;} #sliding-testimonials1 .writer .image { float:left; width:85px; height:85px;} #sliding-testimonials1 .writer .image img {-webkit-filter: grayscale(100%); filter: grayscale(100%);} #sliding-testimonials1 .writer .details { margin-left:100px; padding-top:10px;} #sliding-testimonials1 .cite cite { font-size:16px; font-weight:500; color:#4a4548; font-style:normal;} #sliding-testimonials1 .cite cite small { display:block; line-height:18px; color:#8c8c8c; font-weight:200; font-size:14px;} #sliding-testimonials1 .controls { padding-top:20px;} #sliding-testimonials1 .controls ul { margin:0; padding:0; text-align:center; list-style:none;} #sliding-testimonials1 .controls ul li { display:inline-block; margin:0 4px;} #sliding-testimonials1 .controls ul li a { width:14px; height:0; padding-top:12px; display:inline-block; overflow:hidden; border-radius:50%; border:1px solid #d7263d;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;} #sliding-testimonials1 .controls ul li a:hover, #sliding-testimonials1 .controls ul li.selected a { background:#d7263d;} /*--- Ambassadors --- */ #ambassadors { background:#f287b7; padding-top:30px;} #ambassadors .heading2 { color:#fff;} #ambassadors .heading2:after { background-color:#fff;} #ambassadors .preview { height:320px; background:#ffffff; box-shadow:2px 2px 3px rgba(0, 0, 0, 0.09); padding:25px; margin-bottom:40px; overflow:hidden;} #ambassadors .thumbnails li img { float:left; border-radius:3px;} #ambassadors .thumbnails li .details { margin-left:105px;} #ambassadors .thumbnails li .details p { margin-bottom:0; color:#fff; font-weight:200;} #ambassadors .thumbnails li a, #ambassadors .thumbnails li a:hover { text-decoration:none;} #ambassadors .thumbnails li h5 { margin-bottom:3px; color:#fff;} #ambassadors .slider .next-btn, #ambassadors .slider .previous-btn { color:#fff;} #ambassadors .preview .speaker-details { float:left; width:112px;} #ambassadors .preview .speaker-details img { border-radius:3px;} #ambassadors .preview .details { margin-left:130px;} /*--- Rupee-symbol --- */ .rupee-symbol {font-family: 'rupee_foradian';} /*--- Loader --- */ #save_answer_status_msg { height: 400px; position: relative; position:fixed; left:0; top:0; width:100%; height:100%; background:url(images/cg2015_images/layout1-bg.gif) left top repeat !important; z-index:1000; } .ajax-loader { position: absolute; left: 50%; top: 50%; font:normal 12px/24px 'HelveticaNeueLTPro-Lt'; width:80px; height:80px; margin-left:-40px; margin-top:-40px; border-radius:50%; } .ajax-loader img {height:80px; width:80px;} /*--- Btn-file --- */ .btn-file { position: relative; display:block; margin-top:5px; height:40px;} .btn-file .button4 { z-index:10; pointer-events:none; background:#fff; cursor:pointer; padding:9px 14px; position:absolute; left:0; top:0;} .btn-file input[type=file] { position: absolute; top:2px; left:0px; height:34px;font-size:13px; text-align: left; outline: none; cursor: inherit; display: block; background:none;} @media screen and (-webkit-min-device-pixel-ratio:0) { .btn-file input[type=file] { text-indent:-50px; padding-top:7px; min-width:85px; left:1px;} } /*--- Tabs3 --- */ #main .tabs3 { margin-bottom:30px;} #main .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 .tabs3 .tab-strips1{ margin:0; padding:0; list-style:none;} #main .tabs3 .tab-strips1 > li { padding-right:32px; min-width:180px; float:left;float: left; margin-bottom: -1px; display:block; position:relative;} .beattheleader-content #main .tabs3 .tab-strips1 > li {min-width:150px;} #main .tabs3 .tab-strips1 > li > a { font-size:16px; padding-left:15px; color:#8c8c8c; height:53px; line-height:31px; text-align:center; font-weight:500; display:block; position:relative; border-radius:4px 0 0 0;} #main .tabs3 .tab-strips1 > li.active > a:after, #main .tabs3 .tab-strips1 > li.ui-state-active > a:after { display:block; content:""; width:32px; height:53px; background:url(images/tg3_images_2017/tab3-active-arrow2.png) right top no-repeat; position:absolute; right:-32px; top:-1px;} #main .tabs3 .tab-strips1 > li.active > a:before, #main .tabs3 .tab-strips1 > li.ui-state-active > a:before { display:block; content:""; width:100%; height:4px; background:#f072ab; position:absolute; left:0px; top:-1px; border-radius:2px 0 0 2px;} #main .tabs3 .tab-strips1 > li.active > a, #main .tabs3 .tab-strips1 > li.ui-state-active > a { color:#f072ab; background:#fff; border-left:1px solid #ddd;} #main .tabs3 .tab-strips1 > li > a:focus, #main .tabs3 .tab-strips1 > a:hover, #main .tabs3 .tab-strips1 > a:active { background:#fff; border-radius:0; color:#f072ab;} #main .tabs3 .tab-strips1 > li > a:hover {border-color:#ddd #ddd #fff; background:#fff; border-radius:4px 4px 0 0;} #main .tabs3 .tabs .tab-strips2 { border-bottom:1px solid #f2f2f2;} #main .tabs3 .tabs .tab-strips2 > li.active > a:after, #main .tabs3 .tabs .tab-strips2 > li.active > a:before { display:none;} #main .tabs3 .tabs .tab-strips2 li.active a{ background:#fff;border:none; border-bottom:2px solid #eb494f; color:#eb494f; } #main .tabs3 .tabs .tab-strips2 li.active a:hover, #main .tabs3 .tabs .tab-strips2 li.active a:focus, #main .tabs3 .tabs .tab-strips2 li.active a:active { border-bottom:2px solid #eb494f;} #main .tabs3 .tabs .tab-strips2 a:hover,#main .tabs3 .tabs .tab-strips2 a:active, #main .tabs3 .tabs .tab-strips2 a:focus { color:#eb494f; background:none;} #main .tabs3 .tabs .tab-strips2 > li > a { border:0px solid hsla(0, 0%, 0%, 0) } #main .tabs3 .tabs .tab-content > .tab-pane { border:0; padding:0; padding-top:20px;} #main .tabs3 .tabs .tab-strips2 li a {font-size:14px; padding:8px 15px; height:48px; border-radius:0; text-transform:uppercase; color:#999999;} #main .tabs3 .tabs .tab-strips2 li { padding-right:0; min-width:15px; } #main .tabs3 .tab-strips1 li .fa-lock { display:none; } #main .tabs3 .tab-strips1 li.locked .fa-lock { display:inline-block; } #main .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 .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 .tabs3 .tooltipCs { top:-40px; } #main .tabs3 .selected .tooltipCs { display:block; } /*--- Tabs3 --- */ #main .tabs3 .tab-content { border:0;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.18); padding:16px; position:relative; z-index:5;} #main .tabs3 .tab-strips1 { border-bottom:1px solid #eee;} #main .tabs3 .tab-strips1 > li { margin-bottom:-2px;} #main .tabs3 .tab-strips1 > li > a { font-size:18px; color:#8a858d; border-radius:0;} #main .tabs3 .tab-strips1 > li.active > a:after, #main .tabs3 .tab-strips1 > li.ui-state-active > a:after { width:30px; right:-30px;} #main .tabs3 .tab-strips1 > li.active > a:before, #main .tabs3 .tab-strips1 > li.ui-state-active > a:before { background:#d7263d; border-radius:0;} #main .tabs3 .tab-strips1 > li.active > a, #main .tabs3 .tab-strips1 > li.ui-state-active > a, #main .tabs3 .tab-strips1 > li.active > a:active, #main .tabs3 .tab-strips1 > li.active > a:focus { color:#19171a; font-weight:600; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); border:0;} #main .tabs3 .tab-strips1 > li > a:focus, #main .tabs3 .tab-strips1 > a:hover, #main .tabs3 .tab-strips1 > a:active { color:#8a858d;} /*--- Table2 --- */ .table2 { width:100%; margin-bottom:10px;} .table2 tr th { text-align:left; padding:10px 15px; background:#ffe5f0; border-bottom-color:#f072ab;} .table2 tr td {padding:15px; font-size:14px; color:#4a4548; font-weight:normal; text-align:left;} .table2 tr td .fa-trophy {color:#f072ab;} .table2 tr.first-position td { font-size:16px; font-weight:500;} .table2 tr.first-position td .fa-trophy{ font-size:22px;} .table2 tr .prize-column {width:120px;} .table2 tr .position-stats {width:230px;} .table2 tr .view-link {width:150px; text-align:center;} .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, .table2 .avtar_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 #d7263d; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size:14px; color:#d7263d; 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:#d7263d; color:#fff;} .table2 .rank:before { display:block; width:2px; height:100%; content:""; left:50%; margin-left:-1px; background:#d7263d; position:absolute; top:0;}*/ .table2 .rank { padding:0; width:45px; position:relative; text-align:center;} .table2 .mark { font-size:24px; background:none; padding:0; font-weight:500;} .table2 .button5 { background:#fff; text-align:center; display:inline-block; color:#4a4548; border-radius:2px; font-size:14px; text-transform:none; font-weight:200; border:1px solid #ccc; 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; padding:6px 12px;} .table2 .button5:hover, .table2 .button5:focus, .table2 .button5:active, .table2 .button5.active { color:#fff; background:#4a4548; border:1px solid #4a4548; outline:none;} .table2 .button5, .table2 .btn-success { min-width:120px; border-radius:2px;} .table20 .btn-success,.table20 .btn-success:hover,.table20 .btn-danger,.table20 .btn-danger:hover { color:#4a4548 !important; background:none !important; padding:0px; border:none; box-shadow:none; } /*--- Table6 --- */ .table6 { width:100%; margin-bottom:20px;} .table6 tr td { background:#ffe5f0; padding:10px; font-size:12px; color:#4a4548;} .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:0px 10px 0 30px; min-height:60px; margin-left:20px; border-left:1px solid #ffffff;} .table6 .sections .section .button2 { min-width:165px;} .table6 .score { display:block; padding-top:3px; line-height:20px; font-size:14px; color:#19171a; font-weight:600;} .table6 .left-attempt { display:block; text-align:center; font-style:italic; font-weight:600; padding-top:3px;} .table6 .button4 { background:#d7263d; color:#fff; border:0; border-radius:2px; font-size:12px; text-transform:uppercase; font-weight:500; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; outline:none;} .table6 .button4:hover, .table6 .button4:focus, .table6 .button4:active { color:#fff; background:#2384c4; outline:none;} .table6 .button4.disabled { background:#c0c0c0;} .table6 .attempt-now-btn { text-transform:none; font-size:16px; min-width:172px; padding:12px 16px;} .table6 { margin-bottom:16px;} .table6 tr td { background:#f7f7f7; padding:16px; font-size:14px; line-height:20px; color:#8a858d;} .table6 tr td h3 {margin-bottom:4px;} .table6 tr td p {color:#4a4548; margin-bottom:0;} .table6 .sections .section { border:0; padding-left:24px; padding-right:0; margin-left:0; color:#4a4548; } .table6 .sections .section:first-child {padding-left:0; } .table6 .attempt-now-btn, .table6 .btn { min-width:126px; font-size:14px;} .table6 .score {color:#4a4548;} .table6 tr td:last-child { width:475px;} .table6 .company-practice .company-logo { width:64px; height:64px; border:1px solid #dadada; background:#fff; border-radius:8px; float:left; padding:4px; line-height:53px; margin-right:16px; } .table6 .company-practice .company-logo img { max-width:54px; max-height:54px; } .table6 .company-practice .practice-name { height:64px; display:table; } .table6 .company-practice .practice-name h3 { height:64px; display:table-cell; vertical-align:middle; } .table6 .company-practice .practice-name small { font-size:14px; line-height:20px; color:#4a4548; display:block; padding-top:4px; } .table6 .company-practice .practice-name small span { color:#8a858d; margin-right:8px;} .table6 .company-practice.accepted .practice-name h3,.table6 .company-practice.rejected .practice-name h3 { color:#c2c2c2; } /*--- List1 --- */ ul.list1 { margin:0; padding:0; list-style:none;} ul.list1 li { float:left; margin-right:20px; border-bottom:0;} 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;} /*--- College-logos --- */ #college-logos ul { margin:0; padding:0; list-style:none;} #college-logos ul li { float:left; width:33.333%; padding:0 15px; text-align:center; margin-bottom:20px;} #college-logos ul li:nth-child(3n + 1) { clear:left;} #college-logos ul li img { max-width:120px;} /*--- Social Buzz --- */ #social-buzz { background:#ffffff; padding:24px; } #social-buzz .col-sm-6 h4 { text-transform:uppercase; padding-bottom:15px; border-bottom:10px solid #0a8be6; margin-bottom:30px;} #social-buzz .twitter iframe { width:100% !important;} #social-buzz .inner-wrap { width:540px;} #social-buzz .inner-wrap iframe, #social-buzz .fb_iframe_widget span { height:260px !important;} #social-buzz .social-links { text-align:center;} #social-buzz .social-links h4 { margin-bottom:8px; } #social-buzz .social-links p { color:#8a858d; } #social-buzz .social-links ul { display:inline-block; margin:0; padding:0; list-style:none;} #social-buzz .social-links ul li .fa { font-size:32px; color:#fff;} #social-buzz .social-links ul li a { width:52px; height:52px; border-radius:5px; line-height:52px; display:block; padding-top:8px;} #social-buzz .social-links ul li { float:left; margin:0 2px;} #social-buzz .social-links ul li.facebook a { background:#21497f;} #social-buzz .social-links ul li.twitter a { background:#01baf7;} #social-buzz .social-links ul li.linkedin a { background:#1b85bd;} #social-buzz .social-links ul li.google-plus a { background:#df4f3f;} #social-buzz .social-links ul li.github a { background:#434344;} /*--- Awards Prizes --- */ #awards-prizes { background:#fff; padding-top:30px; padding-bottom:30px; } #awards-prizes .container-fluid { padding:40px 10px 32px;} #awards-prizes .container-fluid .col-md-9 { text-align:center;} #awards-prizes .heading2 { margin-bottom:32px;} #awards-prizes .col-md-9 p { margin-bottom:10px;} #awards-prizes .col-md-9 .champion-prize, #awards-prizes .champion-prize { margin-bottom:50px;} #awards-prizes .champion-prize .prize { font-size:37px; font-weight:bold; display:block; color:#231f20;} #awards-prizes .champion-prize .prize .rupee-symbol { font-weight:500;} #awards-prizes .champion-prize img { margin-bottom:30px;} #awards-prizes .prizes-table { position:relative; padding-top:10px; width:100%; overflow:hidden;} #awards-prizes .prizes-table .number { display:block; background:#d7263d; font-weight:bold; float:left; width:55px; position:relative; margin:-8px 12px -5px -3px; height:55px; text-align:center; font-size:25px; color:#ffffff; border-radius:50%; line-height:55px;} #awards-prizes .prizes-table .number sup { font-size:14px; font-weight:normal; text-transform:none; position:relative; top:-7px; margin-left:2px;} #awards-prizes .prizes-table p { text-transform:uppercase; padding-top:2px; height:45px; padding-right:18px; font-size:15px; border:1px solid #d7263d; border-radius:30px; line-height:19px; display:inline-block; white-space:nowrap; text-align:left; margin-bottom:30px; color:#424242; text-align:center;} #awards-prizes p { color:#8c8c8c;} #awards-prizes p strong { color:#424242;} #awards-prizes h4 {margin-bottom:50px;} #awards-prizes .more-prize-list { text-align:center;} #awards-prizes .more-prize-list .prize-block { display:inline-block; padding:0 25px; vertical-align:top;} #awards-prizes .container-fluid { background:url(images/tg3_images_2017/content-bg.png) right top repeat-y; } #awards-prizes .container-fluid:after { display:block; width:2000px; content:""; background:#f4f4f4; top:0; height:100%; position:absolute; left:99.3%;} #awards-prizes .about-event { padding-right:35px;} #awards-prizes .about-event h4 { margin-bottom:10px;} #awards-prizes .about-event p { font-size:16px; line-height:24px; font-weight:200;} #awards-prizes .about-event p .hidden-txt { display:none;} #awards-prizes .about-event .champion { margin-bottom:15px;} #awards-prizes .about-event .champion img { float:left; width:104px; border:1px solid #c2c2c2; height:80px;} #awards-prizes .about-event .champion .details { margin-left:114px;} #awards-prizes .about-event .button1 { font-weight:bold; padding:14px 16px;} #awards-prizes.winners .heading2 { margin-bottom:50px; } #awards-prizes.winners h5 { text-align:center; text-transform:uppercase; } #awards-prizes.winners .champion-prize { text-align:center;} #awards-prizes.winners .prizes-table p { display:block;} #awards-prizes.winners .prizes-table h6 span { font-size:12px; color:#8c8c8c; font-weight:normal; } #awards-prizes.winners .winner-info { text-align:center; } #awards-prizes.winners .winner-info img { margin-bottom:10px; width:100px; height:100px; border:1px solid #1f3c63; } /*--- Event Prizes --- */ .prize-page { background:#fff;} #event-prizes .heading2 { margin-bottom:32px;} #event-prizes .lead { text-align:center; margin-bottom:24px; font-weight:normal;} #event-prizes .champion-image { margin-top:-33px; position:relative;} #event-prizes .prize-lists ul { text-align:left; padding:0 20% 0 24%; width:100%; position:relative; margin:10px 0 0;} #event-prizes .prize-lists ul:before { background:#f072ab; height:215px; display:block; width:1px; content:""; position:absolute; left:0; top:22px;} #event-prizes .prize-lists ul:after { background:#f072ab; height:215px; display:block; width:1px; content:""; position:absolute; right:20px; top:22px;} #event-prizes .prize-lists ul li { background:#f072ab; padding:0 2px 0 48px; margin-bottom:20px; font-size:22px; color:#ffffff; font-weight:normal; position:relative; height:48px; line-height:48px; border-radius:0 25px 25px 0; z-index:4;} #event-prizes .prize-lists ul li:nth-child(2n){z-index:3;} #event-prizes .prize-lists ul li:nth-child(3n){z-index:2;} #event-prizes .prize-lists ul li:last-child { z-index:1;} #event-prizes .prize-lists ul li .number { display:block; padding:3px; width:81px; height:81px; background:#ffffff; position:absolute; left:-42px; top:50%; margin-top:-40px; border-radius:50%;} #event-prizes .prize-lists ul li .number .inner { display:block; width:75px; height:75px; text-align:center; line-height:19px; font-weight:500; font-size:24px; color:#f072ab; background:#ffffff; padding-top:17px; border:3px solid #f072ab; border-radius:50%;} #event-prizes .prize-lists ul li .number small { font-size:11px; color:#f072ab; text-transform:uppercase; font-weight:500; display:block;} #event-prizes .prize-lists ul li .number sup { font-size:14px; position:relative; top:-8px;} #event-prizes .theme-prizes .theme-title { margin-bottom:25px; position:relative; margin-top:-50px; text-transform:uppercase;} #event-prizes .theme-prizes ul { margin:0; padding:0; list-style:none;} #event-prizes .theme-prizes ul li { margin-bottom:30px;} #event-prizes .theme-prizes .icon { display:block; text-align:center; line-height:58px; width:60px; height:60px; background:#fff; border-radius:50%; border:1px solid #f072ab; float:left;} #event-prizes .theme-prizes .icon .fa { vertical-align:middle; color:#f072ab; font-size:22px;} #event-prizes .theme-prizes .details { margin-left:70px; text-align:left;} #event-prizes .theme-prizes p {color:#8c8c8c; font-size:12px; line-height:16px; margin:0;} #event-prizes .theme-prizes h5 { margin-bottom:10px;} #event-prizes .theme-prizes h5 span { color:#f072ab;} #event-prizes .more-prizes-list { text-align:center;} #event-prizes .more-prizes-list h5 { line-height:28px; color:#f072ab; margin:0 -10px; margin-top:50px; position:relative;} #event-prizes .more-prizes-list .first h5 { margin-left:0;} #event-prizes .more-prizes-list .last h5 { margin-right:0;} #event-prizes .more-prizes-list h5:before { background:#dadada; height:1px; display:block; width:100%; content:""; position:absolute; left:0; top:14px;} #event-prizes .more-prizes-list h5 span { display:inline-block; background:#fff; position:relative; z-index:2; color:#4a4548; padding:0 15px;} #event-prizes .more-prizes-list h6 { margin-bottom:5px;} #event-prizes .more-prizes-list ul { margin:0; padding:0; list-style:none;} #event-prizes .more-prizes-list ul li { margin-top:40px; position:relative;} #event-prizes .more-prizes-list ul li:before { background:#f072ab; height:20px; display:block; width:1px; content:""; position:absolute; left:50%; top:-30px;} #event-prizes .more-prizes-list ul li p {color:#8c8c8c; font-size:12px; line-height:18px; margin:0;} .dashboard-page #event-prizes .more-prizes-list h5 span { background:#f4f4f4;} /*--- Event Schedule --- */ .schedule-page { background:#fff;} #event-schedule .heading2 { margin-bottom:32px;} #event-schedule .schedule-box { width:150px; margin:0 auto; text-align:center;} #event-schedule .first .schedule-box { float:left;} #event-schedule .last .schedule-box { float:right;} #event-schedule .schedule-box header { display:table; width:100%; border:1px solid #ffd0e5; height:86px;} #event-schedule .schedule-box header h4 { display:table-cell; line-height:25px; padding:0 10px; margin:0; width:100%; vertical-align:middle; color:#f072ab;} #event-schedule .schedule-box header h4 span { font-size:12px; line-height:16px; color:#4a4548; display:block;} #event-schedule .schedule-box ul { margin:0; padding:0; list-style:none;} #event-schedule .schedule-box ul li { margin-top:36px; margin-bottom:42px; position:relative;} #event-schedule .schedule-box ul li:last-child { margin-bottom:0;} #event-schedule .schedule-box ul li:before { background:#ffd0e5; height:30px; display:block; width:1px; content:""; position:absolute; left:50%; top:-36px;} #event-schedule .schedule-box ul li h5 { font-weight:normal; margin-bottom:7px;} #event-schedule .schedule-box ul li h5 span { color:#f072ab;} #event-schedule .schedule-box ul li p { margin:0; white-space:nowrap;} /*--- Coming-soon --- */ #coming-soon {display:table; width:100%; text-align:center;padding-bottom:30px;} #coming-soon h2 { margin-bottom:45px;} #coming-soon .inner { display:table-cell; vertical-align:middle; } #coming-soon .flip-clock-wrapper{font-size:20px;} #coming-soon .flip-clock-divider .flip-clock-label { right:-97px;} #coming-soon .flip-clock-divider.minutes .flip-clock-label {right:-106px;} #coming-soon .flip-clock-divider.seconds .flip-clock-label {right:-110px;} /*--- prettyPhoto --- */ .pp_pic_holder .pp_social, div.pp_default .pp_description { display:none !important;} /*--- Selfi Lists --- */ #selfies-contest .lead { margin-bottom:45px;} #selfies-contest .heading2 { margin-bottom:28px;} #selfi-lists.box-default { padding:38px 45px 5px; position:relative; background:#ffffff; box-shadow:0 2px 3px rgba(0, 0, 0, 0.09); border-radius:4px;} .landing-page #selfi-lists.box-default { background:#f4f4f4;} #selfi-lists.large-space { padding:70px 45px;} #selfi-lists .slider ul li { float:left; margin-right:20px; text-align:center;} #selfi-lists ul li .image { width:135px; height:135px; margin:0 auto 7px; line-height:135px;} #selfi-lists ul li .image img { vertical-align:middle; margin-bottom:3px;} #selfi-lists .voucher-badge { position:absolute; left:-7px; top:-7px;} #selfi-lists .slider .previous-btn, #selfi-lists .slider .next-btn { margin-top:-28px;} #selfi-lists ul li h6 { min-height:32px;} .landing-page #selfi-lists ul li h6 { min-height:10px;} /*--- Blogathon --- */ #blogathon .container { position:relative;} #blogathon .blogs-list { max-height:384px; overflow: auto;} #blogathon .blogs-list .media-left { display:block; width:85px; float:left; padding:0;} #blogathon .blogs-list .media-body { display:block; margin-left:85px; width:auto;} #blogathon h5 a { color: #4a4548;} #blogathon .blog-data { margin-bottom: 40px; padding-right: 50px;} #blogathon .media { margin-top:0;} #blogathon .media-left img { max-height: 75px; max-width: 75px;} #blogathon input.form-control { color: #000; font-weight: normal; opacity: 1; box-default:0 2px 6px rgba(0, 0, 0, 0.07);} #blogathon textarea.form-control {box-shadow: none; color: #000; font-size: 14px; font-weight: normal; height: 200px; line-height: 25px; opacity: 1;} #blogathon .row { background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); padding:25px 0;} #blogathon .blogathon-sponsors { position:absolute; right:10px; top:0;} #blogathon .blogathon-sponsors img { max-width:109px; max-height:36px;} #blogathon .blogathon-sponsors .logo-holder { display:inline-block; line-height:35px; background:#fff; border-radius:2px; margin-left:20px; padding:3px; width:115px; height:42px; text-align:center;} #blogathon .blog-editor p { background:#fff; box-default:0 2px 6px rgba(0, 0, 0, 0.07);} #blogathon .blog-editor > div { width:100%;} /*--- Slider --- */ .slider { padding:0 50px;} .slider .previous-btn { left:0; font-size:30px; margin-top:-15px;} .slider .next-btn { right:15px; font-size:30px; margin-top:-15px;} .slider ul li { float:left;} /* ========================================================================== Comming Soon Page Specific ========================================================================== */ .comingsoon-page { background:#fff;} /* ========================================================================== Winners Page Specific ========================================================================== */ .winners-page { background:#fff;} #winners .heading2 { margin-bottom:28px;} #main #winners .tabs3 .tab-strips1 > li { min-width:160px;} #winners .slider { padding:0;} #winners .slider li > img { width:100%;} #winners .slider .previous-btn, #winners .slider .next-btn { width:35px; height:35px; background:#f4f4f4; font-size:18px; line-height:35px; text-align:center; color:#4a4548; margin-top:0;} #winners .slider .previous-btn { left:-15px;} #winners .slider .next-btn { right:5px;} #winners .modal h4 small { color:#4a4548;} #view-selfie-popup h5 { margin-bottom:10px;} #view-selfie-popup h5 .prize-val { float:right;} #view-selfie-popup h5 .prize-val span { font-weight:normal;} #blogathon-selfie-popup .media { margin-bottom:20px;} #blogathon-selfie-popup .media-left { float:left; display:block;} #blogathon-selfie-popup .media-body { width:auto; margin-left:120px; display:block;} #blogathon-selfie-popup .media-body h5 { line-height:28px; margin-bottom:10px;} #blogathon-selfie-popup .media-body h3 { margin-bottom:0;} #blogathon-selfie-popup .media-left img { width:100px; height:100px; border:1px solid #dadada;} /* ========================================================================== Landing Page Specific ========================================================================== */ .landing-page #ambassadors .preview { background:#f4f4f4;} .landing-page #blogathon .row { background:none; box-shadow:none; padding:0;} .landing-page #content-blocks, .landing-page #selfies-contest { background:#fff;} .landing-page #header .logo { text-align:left;} /*--- Divition Block --- */ .landing-page .divition-block { padding:50px 0;} /*--- Sucess-company --- */ #sucess-company { border-radius:0; margin:0; padding:30px 25px 15px;} #sucess-company p { font-weight:normal;line-height:26px; text-align:center;} #sucess-company p.lead { color:#3c763d; font-weight:500; line-height:40px; font-size:24px; margin-bottom:20px;} #sucess-company p.lead small { font-weight:200;} #sucess-company h5 { float:left; margin-right:10px; color:#3c763d;} /*--- Theme Zone --- */ #theme-zone { position:relative; text-align:left; padding:0 0 30px;} #theme-zone .theme-box { clear:both; margin-top:15px; background:#fff; padding:15px; margin-bottom:20px; border:1px solid #f0f0f0;} #theme-zone .sponsored-by { display:inline-block; margin-bottom:20px; position:relative;} #theme-zone .sponsored-by img { max-width:150px; max-height:40px;} #theme-zone .theme-zone-content .content { padding:15px; background:#fff; min-height:275px; position:relative; } #theme-zone .theme-zone-content .count { font-size:12px; line-height:18px; color:#8c8c8c; padding-top:3px; display:block;} #theme-zone .theme-zone-content h5 { margin-bottom:5px;} /*--- Videos --- */ #videos { background:#f4f4f4;} #videos .heading2 { margin-bottom:90px;} #videos { padding-bottom:80px;} .rotateslider-container{position:relative;width:100%;height:198px;margin-left:auto;margin-right:auto;}.rotateslider-container .rotateslider-item{position:absolute;left:50%;top:50%;-webkit-transform:translateY(-50%)translateX(-50%)scale(.6);-ms-transform:translateY(-50%)translateX(-50%)scale(.6);transform:translateY(-50%)translateX(-50%)scale(.6);opacity:0;-webkit-filter:blur(1px);filter:blur(1px);-webkit-transition:all .3s ease;transition:all .3s ease}.rotateslider-container .rotateslider-item.next{left:80%;opacity:.8}.rotateslider-container .rotateslider-item.prev{left:20%;opacity:.8}.rotateslider-container .rotateslider-item.now{opacity:1;-webkit-filter:blur(0);filter:blur(0);z-index:100;top:50%;left:50%;-webkit-transform:translateY(-50%)translateX(-50%)scale(1);-ms-transform:translateY(-50%)translateX(-50%)scale(1);transform:translateY(-50%)translateX(-50%)scale(1)}.rotateslider-container .arrow{display:inline-block;width:50px;height:50px; position:absolute;top:50%;margin-top:-25px;font-size:30px;cursor:pointer; text-align:center;}.rotateslider-container .arrow.left{left:-15px}.rotateslider-container .arrow.right{right:-15px;} .rotateslider-container .arrow .fa { position:relative; margin-top:3px; color:#c0c0c0;} .rotateslider-container .arrow:hover .fa { color:#919191;} .rotateslider-container img { width:415px;} .rotateslider-container .rotateslider-item { width:370px;} .rotateslider-container .now img { width:auto;} .rotateslider-container .rotateslider-item.now { max-width:320px;} .rotateslider-container .rotateslider-item:after { width:60px; pointer-events: none; height:60px; background:url(images/tg3_images_2017/icons.png) 0 -609px no-repeat; position:absolute; left:50%; margin-left:-30px; top:50%; margin-top:-30px; display:block; content:"";} /*--- Photos-block --- */ #photos-block { background:#fff; padding-bottom:0;} #photos-block .slider { padding-left:70px; padding-right:70px;} #photos-block ul li { text-align:center;} #photos-block .caroufredsel_wrapper { height:150px !important;} /*--- View More Btn --- */ .view-more-btn1 {color:#d7263d; padding:10px; font-size:14px; clear:both; text-align:center; 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:#d7263d; color:#fff;} /*--- About Theme --- */ #about-theme .theme-work-flow { float:right;} #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:bold; 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:bold; 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:bold;} #about-theme .theme-works .time-stamp { font-size:14px; color:#33cc99; font-weight:bold; 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;} /* ========================================================================== Signup Page Specific ========================================================================== */ .signuplogin-page #content { position:relative; background:url(images/tg3_images_2017/banner-bg1.jpg) center bottom no-repeat; background-size:cover;} .signuplogin-page #content > .container { padding:0 10px;} .signuplogin-page #signup-login { padding:28px 0;} #signup-login .inner-wrap { margin-bottom:0;} #signup-steps { padding-top:20px;} #user-confirmation { padding-top:50px;} .steps-page .token-input-dropdown-facebook { max-height:150px; overflow:auto;} .signuplogin-page #cw-banner { background:none;} .signuplogin-page #cw-banner .win-prize { margin:0 auto 20px;} .signuplogin-page #cw-banner h1 { font-size:38px; line-height:48px;} /*.signuplogin-page #sponsors-list { padding:30px 30px 0;} .signuplogin-page #sponsors-list h3 { color:#fff; text-transform:uppercase; position:relative; width:475px; margin:0 auto 30px;} .signuplogin-page #sponsors-list h3:after { height:1px; width:175px; content:""; display:block; position:absolute; right:0; top:11px; background:#fff;} .signuplogin-page #sponsors-list h3:before { height:1px; width:175px; content:""; display:block; position:absolute; left:0; top:11px; background:#fff;} .signuplogin-page #sponsors-list h6 { color:#fff; margin-bottom:15px;} .signuplogin-page #sponsors-list .sponsor-block.small { width:20%; padding:0 15px;} .signuplogin-page #sponsors-list .inner-wrap { padding-top:2px; height:85px; margin-bottom:10px;} .signuplogin-page #sponsors-list ul li { margin:0; width:100px; height:40px; float:none; background:#fff; margin:0 auto; padding:2px; border-radius:2px; line-height:34px;} .signuplogin-page #sponsors-list ul li img { max-height:36px; max-width:96px;} .signuplogin-page #sponsors-list p { font-size:16px;}*/ #signup-login .form1 .form-control, #signup-login .form1 input[type="text"], #signup-login .form1 input[type="password"] { height:42px;} #signup-login .form1 ul li { margin-bottom:10px;} #signup-login .form1 ul li .fa { height:40px;} #signup-login .form1 ul li .fa { line-height:40px;} #signup-login .form1 ul #company-field { margin-bottom:15px;} #signup-login .form1 ul #gender-field, #signup-login .form1 .radio-input { margin-bottom:5;} #login-form .form1 .varification-field label { float:left !important; } /* ========================================================================== Leaderboard Page Specific ========================================================================== */ .leaderboard-page .table2 tr td:first-child, .leaderboard-page .table2 tr th:first-child { text-align:center; width:80px;} /* ========================================================================== Steps Page Specific ========================================================================== */ .steps-page #main .inner-main { padding:0; width:100%;} .steps-page #signup-steps { padding:0;} .steps-page .checkboxes .checkbox label:before { display:none;} .steps-page ul.token-input-list-facebook li input { padding:6px 15px;} #signup-steps .token-input-list-facebook { margin:0 auto 25px; border:1px solid #dadada;} /*--- Cg3 Icon --- */ .cg-icon { display:inline-block; vertical-align:middle; background-image:url(images/tg3_images_2017/icons.png); background-repeat:no-repeat;} /*--- 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 { margin-bottom:5px;} .section1 .section-footer > p { font-size:20px;} .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-radius:0; -moz-border-radius:0; -webkit-border-radius:0; height:48px; width:100%; max-width:280px; border:0; min-width:230px;} .section1 .next-btn { min-width:150px;} .section1 .form-inline .form-control { display:block; width:100%;} /*--- Signup-steps --- */ #signup-steps { display:none; position:relative;} #signup-login .sociable { padding-left:48px; text-align:left;} /*--- 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:#4a4548; background:#fff; font-weight:normal; border:1px solid #dadada; 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 #f287b7;} .checkboxes .checkbox.active label { background:#f287b7; border:1px solid #f287b7; color:#fff;} .checkboxes .checkbox input[type=checkbox] { display: none; } /*--- User-info-msg --- */ #user-info-msg { margin-bottom:0; border:0; font-size:24px; color:#4a4548; text-align:center; font-weight:200; background:#f7f7f7 !important; padding:15px 15px 17px;} #user-info-msg strong { font-weight:500;} /*--- Educational-occupational --- */ #educational-occupational .form-inline { padding:0 50px;} #educational-occupational .form-inline label { text-align:left;} #educational-occupational .form-group { width:100%; max-width:282px; padding:0 9px; margin-bottom:25px;} /*--- User Location --- */ #user-location span.city-field { max-width:640px; margin:0 auto 40px; width:100%; display:block;} .signup-login-wrap .right-column .inner-wrap { padding:24px 0px; border-radius:6px; } .signup-login-wrap .right-column .inner-wrap .form1 ul li { margin-bottom:16px; } .signup-login-wrap .right-column .inner-wrap .form1 ul li:last-child { margin-bottom:0px; } .signup-login-wrap .form1 .agreement { color:#8a858d; display:block; padding-top:8px; font-size:14px; line-height:20px; } .signup-login-wrap .form1 .agreement a { color:#4a4548; text-decoration:underline; } /*--- Form1 --- */ .form1 .radio-input { position:relative; display:block; padding-left:25px; margin-bottom:10px;} .form1 .radio-input.radio-inline { display:inline-block; margin-left:0; margin-right:20px;} .form1 .radio-input label { font-size:13px; color:#314451; margin:0;} .form1 .radio-input label a { color:#eb494f;} .form1 .radio-input input[type=radio]:checked + label:before { background:url(images/tg_images_new/sprites.svg) -272px -215px 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:1px; background:url(images/tg_images_new/sprites.svg) -272px -215px no-repeat; } .form1 .radio-input input[type=radio]:checked + label:before {background:url(images/tg_images_new/sprites.svg) -247px -215px no-repeat; } .form1 .checkbox-input { position:relative; display:inline-block; padding-left:24px;} .form1 .checkbox-input.checkbox-inline { display:inline-block; margin-left:0; margin-bottom:10px; margin-right:20px;} .form1 .checkbox-input.checkbox-block { display:block; margin-bottom:16px;} .form1 .checkbox-input.checkbox-block label { font-weight:normal;} .form1 .checkbox-input label { font-size:14px; margin:0; } .form1 .checkbox-input input[type=checkbox] { display: none; } .form1 .checkbox-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px; position: absolute; left: 0; top:1px; background:url(images/tg_images_new/sprites.svg) -24px -80px no-repeat; } .form1 .checkbox-input input[type=checkbox]:checked + label:before {background:url(images/tg_images_new/sprites.svg) 0px -80px no-repeat; } /* ========================================================================== Dashboard Page Specific ========================================================================== */ /*--- Contest Boxes --- */ #content-blocks { padding-bottom:30px;} #content-blocks .heading2 { margin-bottom:60px;} .contest-boxes {text-align:center; padding-top:30px;} .contest-boxes a { margin:0 10px 15px; text-transform:none; font-size:14px;} .contest-box { border:1px solid #e1e1e1; border-radius:0; padding:15px; min-height:166px;} .contest-box .contest-content { padding:0;} .contest-box .date-stamp { margin-bottom:5px; color:#d7263d; margin-bottom:10px;} .contest-box h5 { margin-bottom:5px;} .contest-box p { color:#8c8c8c; font-weight:200; margin-bottom:7px;} .contest-box .sponsored-by {min-height:55px;} .contest-box .sponsored-by p { font-size:13px; margin-bottom:4px;} .contest-box .sponsored-by img { max-height:30px; max-width:100px;} .contest-box .sponsored-by img.tg { max-width:80px;} .contest-box .registration-count { float:none; margin:3px auto 14px;} .contest-box .button1 { border-radius:0;} /*--- Company Participation --- */ .company-participation .col-lg-8 p { margin-bottom:15px;} .company-participation .col-lg-8 p:last-child { margin-bottom:0;} .company-participation .form1 { padding-top:43px; float:right;} .company-participation .form1 .form-group { vertical-align:top;} .company-participation .form1 .form-control { height:38px;} /*--- 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 10px; margin-bottom:18px; width:32.333%;} #company-logos ul li img { max-height:50px;} /* ========================================================================== Webinar Page Specific ========================================================================== */ #webinar-video { margin-bottom:30px;} #webinar-video .sociable2 .fa { margin-left:4px;} /* ========================================================================== Sponsors Page Specific ========================================================================== */ /*--- Sponsors Friends --- */ #sponsors-friends { text-align:center; min-height:600px; } #sponsors-friends ul { margin:0px; padding:0px; list-style-type:none; text-align:center;} #sponsors-friends ul li { display:inline-block; width:120px; height:60px; background:#fff; border:1px solid #dadada; margin:0px 6px 16px 6px; padding:4px; line-height:49px; } #sponsors-friends ul li img { max-width:110px; max-height:50px; } /*--- Sponsorship Table --- */ #sponsorship { text-align:center; padding-top:30px;} #sponsorship h2 { margin-bottom:10px; font-size:28px; font-weight:normal;} #sponsorship h4 { font-size:20px; color:#747474; font-weight:normal;} #sponsorship .sponsorship-table .box-wrap {background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); text-align:left; padding-bottom:15px;} #sponsorship .sponsorship-table header { background:#d7263d; text-align:center; display:table; height:68px; width:100%;} #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:13px; line-height:19px; color:#747474; margin-bottom:10px;} #sponsorship .sponsorship-table ul.list { padding:10px; background:#f4f4f4; list-style:none; margin-bottom:15px;} #sponsorship .sponsorship-table ul.list li { border-bottom:1px dashed #d1d1d1; padding-bottom:10px;} #sponsorship .sponsorship-table ul.list li:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;} #sponsorship .sponsorship-table .button1 { background:#d7263d; font-size:14px; border:0; padding:7px 12px 7px;} #sponsorship .sponsorship-table .button1:hover { background:#0b4a8c;} #sponsorship .sponsorship-table .presenting header{ background:#e06769;} /* ========================================================================== Error Page Specific ========================================================================== */ .error-page #sidebar-panel { display:none;} /* ========================================================================== Help Page Specific ========================================================================== */ #query-form { float:none; width:auto; margin:0 0 20px 0;} #query-form.form1 .varification-field label { float:none;} /* ========================================================================== Invite Page Specific ========================================================================== */ /*--- Invites Content --- */ #invites-content .skip-this { float:right; margin-bottom:10px; margin-top:15px;font-size:15px;} #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-content { background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07);} #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 #f4f4f4; border-bottom:1px solid #ddd; color:#8c8c8c; height:53px; line-height:31px; padding:10px 15px; text-align:center; font-weight:500; 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/tg3_images_2017/tab3-active-arrow2.png) 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:#d7263d; position:absolute; left:0px; top:-1px; border-radius:2px 0 0 2px;} #invites-content .tab-strips1 li.ui-state-active a { color:#d7263d; border:1px solid #ddd; background:#fff; border-radius:0; color:#d7263d; 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;} #invites-content .tab-strips1 li a:hover { background:#fff; border-bottom-color:#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;} /* ========================================================================== Certificate Page Specific ========================================================================== */ /*--- Certificate Categories --- */ #certificate-content { text-align:center;} #certificate-categories { text-align:center;} #certificate-categories .page-head { margin-bottom:115px;} #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; background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); 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:104px; height:104px; line-height:110px; 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 .icon .fa { font-size:36px; color:#1d314a;} #certificate-categories .category header h3 { padding:8px 0 10px; margin:0 -10px 10px; color:#fff; position:relative; font-size:18px; font-weight:normal; } #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:14px; line-height:24px; } #certificate-categories .category footer p .fa { font-size:32px;} #certificate-categories .category footer p .fa.fa-smile-o { color:#64b209;} #certificate-categories .category footer p .fa.fa-frown-o { color:#e23333;} #certificate-categories .category .content { min-height:129px;} #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:#5dc5a9;} #certificate-categories .top-ranker header h3 { background:#2092f0;} #certificate-categories .participation header h3 { background:#ff4f4f;} #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;} /*--- 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;} /* ========================================================================== Badges Page Specific ========================================================================== */ /*--- Badges Content --- */ #badges-content { text-align:center;} #badges-content .page-head { margin-bottom:115px;} #badges-content h2{ margin-bottom:115px;} #badges-content h2 img { display:none;} #badges-content .category { position:relative; background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07); 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:104px; height:104px; 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 -10px 10px; color:#fff; position:relative; font-weight:normal; font-size:18px; } #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:14px; line-height:24px; } #badges-content .category footer p .fa { font-size:32px;} #badges-content .category footer p .fa.fa-smile-o { color:#64b209;} #badges-content .category footer p .fa.fa-frown-o { color:#e23333;} #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:#ff4f4f;} #badges-content .code-achilles header h3 { background:#ff893c;} #badges-content .code-zeus header h3 { background:#5dc5a9;} #badges-content .code-hercules header h3 { background:#2092f0;} #badges-content .code-social-titan header h3 { background:#cf9c51;} #badges-content .completers-list { padding-top:0;} /* ========================================================================== Profile Page Specific ========================================================================== */ /*--- My Profile --- */ #my-profile .profile-pic figure { margin-bottom:10px;} #my-profile .profile-pic .change-pic { font-size:12px; color:#303565;} #my-profile .user-details { margin-bottom:30px;} #my-profile .user-details h4 { margin-bottom:5px;} #my-profile h5 { margin-bottom:10px; font-weight:normal;} #my-profile h6 { font-weight:normal;} #my-profile .user-details h5 span { display:block;} #my-profile .user-details p { color:#8c8c8c;} #my-profile .user-details p small { font-size:16px;} #my-profile .user-details .contest-status { margin:0; padding:15px 0 0; list-style:none; margin-bottom:48px;} #my-profile .user-details .contest-status li { float:left; margin-right:22px; font-size:14px;} #my-profile .user-details .contest-status li a { color:#303565;} #my-profile .user-details .contest-status li strong { font-size:26px; font-weight:normal; line-height:16px;} #my-profile .user-details .contest-status li img { vertical-align:baseline; margin-right:10px;} #my-profile .progress { border:1px solid #dae4e7; overflow:visible; height:auto; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px 15px; margin-bottom:15px; min-height:65px;} #my-profile .progress .progress-bar { height:13px; display:block; position:relative; background:#dadada; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; margin-bottom:12px; width:100%; border:0;} #my-profile .progress .progress-bar .inner { height:13px; display:block; position:relative; background:#8a858d; 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:#d7263d; border-radius:3px 3px 0 0; 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 dt { width:185px; text-align:right; display:block; float:left; clear:left;} #my-profile dl dd { display:block; margin-left:195px; color:#8c8c8c; font-weight:normal;} #my-profile .profile-pic{ text-align:center;} #my-profile .profile-pic figure { width:130px; height:130px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block; margin:0 auto 12px;} #my-profile .profile-pic figure span { vertical-align:middle; word-spacing:-10px; width:130px; height:130px; text-align:center; line-height:130px; text-transform:uppercase; font-size:50px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; color:#fff; display:block;} #my-profile .profile-pic figure img { position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width:130px; height:130px;} #my-profile .profile-pic .edit-pic { display:none; width:100%; height:100%; background:url(images/cg2015_images/edit-icon.png) center center no-repeat; background-color:rgba(0, 0, 0, 0.5); position:absolute; left:0; top:0; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; border-radius:50%; border-radius:50%; border-radius:50%;} #my-profile .profile-pic figure:hover .edit-pic { display:block;} #my-profile .edit-info {font-size:14px; float:right; display:inline-block;} /*--- Chart ---*/ .chart { margin-bottom:40px;} .chart .ct-chart {background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.07);} .chart .legends { margin:0; padding:15px 0 0 0; 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;} /* ========================================================================== Contact Page Specific ========================================================================== */ /*--- UserData --- */ #userData .qblock { border-bottom:0;} #userData .qblock label { padding-top:16px; width:140px;} #userData .qblock span.field { width:320px;} #get-in-touch-txt { text-align:center; font-size:45px; text-transform:uppercase; padding:15px; background:#f5f5f5;} /*---Corp Contact Info --- */ .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;} /*---Lead Page --- */ .lead-page .panel-heading h6 { margin-bottom:0;} .lead-page .sociable1 p { margin-bottom:0;} /*---Spread Word --- */ #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;} .post .corp-contact-info { padding:0; list-style:none; margin:0 0 30px;} /*--- Social-btn --- */ .social-btn.linkedin { background:#1983bc; } .social-btn.facebook { background:#3a5999;} .social-btn.google { background:#f63f29;} /*--- Cw Partners --- */ .cw-partners { padding:16px 0px; background:#fff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12); text-align:center; padding-bottom:0px; position:relative; z-index:10; } .cw-partners ul { margin:0px; padding:0px; list-style-type:none; text-align:center;} .cw-partners ul li { display:inline-block; width:120px; height:60px; border:1px solid #dadada; margin:0px 6px 16px 6px; padding:4px; line-height:49px; } .cw-partners ul li.many-more { font-size:14px; border:none; text-align:left; line-height:51px; width:150px; } .cw-partners ul li img { max-width:110px; max-height:50px; } /*--- vcl-prize-section --- */ #vcl-prize-section {background-color: #ffffff; margin-top:100px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); text-align:center; padding:12px 16px 16px; margin-left:27px;} #vcl-prize-section h2 {background-color: #feb95f; position:relative; margin:0 -16px 24px; line-height:34px; height:36px; font-size:18px; font-weight:600; color:#19171a;} #vcl-prize-section h2:before { position:absolute; left:-28px; top:0; width:28px; height:47px; content:""; display:block; background:url(images/tg3_images_2017/prize-left.svg) left top no-repeat;} #vcl-prize-section h2:after { position:absolute; right:-28px; top:0; width:28px; height:47px; content:""; display:block; background:url(images/tg3_images_2017/prize-right.svg) left top no-repeat;} #vcl-prize-section h3 { margin-bottom:22px;} #vcl-prize-section h3 svg { margin-bottom:8px;} #vcl-prize-section .inner-block { min-height: 100px; border: solid 1px #dadada; margin-bottom:8px; padding:15px; margin-left:auto; margin-right:auto; } #vcl-prize-section .inner-block:last-child { margin-bottom:0px; } #vcl-prize-section .inner-block .icon2 { float:left; display:inline-block; width:83px; border-right:1px solid #dadada; height:60px; line-height:60px; } #vcl-prize-section ul { margin:0px; padding:0px; list-style-type:none; text-align:center; } #vcl-prize-section .inner-block .details { margin-left:91px; } #vcl-prize-section .inner-block .details .inner { display:table; height:60px; } #vcl-prize-section .inner-block .details .inner p { display:table-cell; height:60px; vertical-align:middle; color:#4a4548; margin:0px; line-height:20px; } #vcl-prize-section .inner-block .details p { text-align:left; color:#8a858d; margin-bottom:2px; } #vcl-prize-section .inner-block .details p span { text-align:left; color:#19171a; font-weight:600; margin-left:8px; } /*--- Search Filter --- */ #search-filter.vcl { padding:8px 0px 24px 0px; position:relative; left:auto; bottom:auto; text-align:left; } #search-filter.vcl .form-elements .select { border:1px solid #dadada; border-right:none; } #search-filter.vcl .form1 .select { border-radius:0px; } #search-filter.vcl .form-elements .select select { font-size:12px; } #search-filter.vcl .form-elements li { border-radius:none; margin-bottom:0px; } #search-filter.vcl .form-elements li:first-child { width:180px;} #search-filter.vcl .form-elements li:first-child .select { border-radius:3px 0px 0px 3px; } #search-filter.vcl .form-elements li .fa { font-size:12px; } #search-filter.vcl .form-elements > li { width:240px; border-left:none; } #search-filter.vcl .form-elements .button1 { min-width:120px; font-size:14px; border-radius:0px 3px 3px 0px; font-weight:900; } /*--- Leaderboard Content --- */ #leaderboard-content .nav-tabs > li > a { padding:2px 10px; } #leaderboard-content .table20 tr td{ text-align:left; } /*--- Offers --- */ #offers .table6 .btn { min-width:136px; margin-left:11px; } #offers .button7 { padding:12px 10px; color:#19171a; text-transform:capitalize; font-weight:600; background:#dadada; border-radius:2px; } #offers .alert-info { margin-bottom:0px; } /*--- Reject Popup --- */ #reject-popup .modal-dialog { width:376px; } #reject-popup .modal-body { padding:24px; } #reject-popup .btn { min-width:156px; } #reject-popup .button1 { margin-left:11px; } #reject-popup h3 { margin-bottom:24px; text-align:center; } /*--- After-submit --- */ #after-submit .modal-dialog { width:375px; text-align:center;} #after-submit .user-score { font-size:36px; line-height:48px; font-weight:800; color:#19171a; margin-bottom:16px;} #after-submit .user-score span { color:#8a858d; font-weight:normal;} #after-submit .user-score span small { font-size:24px;} #after-submit p { margin-bottom:24px;} /*--- Coding Page --- */ .coding-page #vcl-prize-section { margin-top:0px; } #coding-platform-head .test-actions #submit_test_response { margin-left:16px; min-width:120px; } /*---Practice Test --- */ #practice-test .table6:last-child { margin-bottom:0px; } #practice-test .table6 tr td:last-child { width:530px; } /*--- Dashboard Content --- */ #dashboard-content .alert-info { margin-bottom:0px; } /*--- Question-area --- */ .expanded #question-area .row { margin:0;} .expanded #question-area .col-sm-8 { padding:0; width:100%;} .expanded #question-area .col-sm-4 { display:none;} .compile-run-action { padding-top:16px;} .expanded .compile-run-action { display:none;} #editor-box header #compile_code, #editor-box header .compile-action-btn { display:none;} .expanded #editor-box header #compile_code, .expanded #editor-box header .compile-action-btn { display:block;} #full-screen-question.expanded #question-area.hide-contents .col-sm-8 > .scroll {opacity:0;} #full-screen-question.normal-view #editor-box { background:#fff; z-index:3;} #full-screen-question.normal-view #editor-box:after { content:""; display:block; width:50px; right:-50px; top:0; background:#fff; height:100%; position:absolute;} #full-screen-question.expanded #vcl-prize-section { display:none; } #full-screen-question.expanded #question-area.hide-contents > .row {opacity:0;} .howTG { font-family:'lato', Arial, Helvetica, sans-serif; text-transform:capitalize; text-align:center !important; padding:10px 0; background:#1a1a1a; color:#fff !important;} /*--- Full Screen- Question --- */ #full-screen-question.normal-view #settings-dropdown { right:0px !important; left:auto !important; } #full-screen-question.normal-view #settings-dropdown > .arrow { right:30% !important; } /*--- 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;} /*--- Ui-autocomplete --- */ .ui-autocomplete { border:1px solid #dadada; max-height:300px; max-width:300px; overflow:auto; margin:0; padding:0; list-style:none; background:#fff; font-size:12px;} .ui-autocomplete .ui-menu-item { padding:3px 3px 4px; border:1px solid #fff; color:#8c8c8c; font-weight:300;} .ui-autocomplete .ui-menu-item.ui-state-focus { background:#2f94d7; color:#fff;} /*--- Autocomplete --- */ #autocomplete { position:absolute; background:#fff; z-index:100; border:1px solid #dadada; max-height:229px; overflow:auto; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); width:343px; } #autocomplete ul li:last-child { border-bottom:0;} #autocomplete ul li { padding:5px 12px; background:#fff !important; font-size:14px; color:#4a4548 !important; margin-bottom:0 !important; font-weight:normal; display:block; border-bottom:0px; } #autocomplete ul li:hover { background:#f2f2f2 !important; color:#4a4548 !important; } #autocomplete ul li strong { color:#4a4548;} #autocomplete ul li:hover strong { color:#4a4548 !important;} .signup-login-page div.token-input-dropdown-facebook { width:329px; max-height:150px; overflow:auto;} /* Example tokeninput style #2: Facebook style */ ul.token-input-list-facebook{ overflow:hidden;height:auto!important;height:1%;width:100%;border:1px solid #dadada;min-height:36px;cursor:text;font-size:14px; z-index:999;margin:0;padding:0; background-color:#fff; list-style-type:none;clear:left; border-radius:3px; overflow:auto; padding:1px 6px; } ul.token-input-list-facebook li input{ border:none !important; padding:6px; background-color:#fff; -webkit-appearance:caret; height:34px !important; line-height:17px !important; } li.token-input-token-facebook{ overflow:hidden;height:auto!important;height:24px;margin:6px 5px 6px 6px;padding:4px 8px;cursor:default;border:1px solid #dadada;font-size:11px;float:left;white-space:nowrap; font-weight:normal; color:#8a858d; padding:4px 8px; border-radius:3px; margin-bottom:6px !important; background:#f2f2f2; } li.token-input-token-facebook p{ display:inline;padding:0;margin:0; font-size:12px; line-height:15px; color:#8a858d; text-transform:capitalize; } li.token-input-token-facebook span{color:#7a7f8a;margin-left:5px;font-weight:bold;cursor:pointer; font-size:12px;} li.token-input-selected-token-facebook { background-color:#f2f2f2; border:1px solid #dadada; color:#8a858d; } li.token-input-input-token-facebook { float:left;margin:0;padding:0;list-style-type:none;} div.token-input-dropdown-facebook{ position:absolute; width:343px; max-height:229px; overflow:auto; background-color:#fff;overflow:hidden; border:1px solid #dadada;cursor:default;font-size:14px; z-index:2000; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); } div.token-input-dropdown-facebook p{margin:0;padding:5px;font-weight:500;background-color:#fff;border:1px solid #dfdfdf;color:#000;font-size:12px;text-align:left; } div.token-input-dropdown-facebook ul{margin:0;padding:0} div.token-input-dropdown-facebook ul li{background-color:#fff;padding:4px 12px 5px;margin:0;list-style-type:none; color:#4a4548;font-size:14px;text-align:left; font-weight:normal;} div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook{background-color:#fff;color:#8a858d;font-size:14px; font-weight:normal;} div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook{background-color:#fff;} div.token-input-dropdown-facebook ul li em{font-weight:normal;font-style:normal} div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook{background-color:#f2f2f2;color:#4a4548; } #certificate { text-align:center; } #certificate .button1{ min-width:160px; margin-bottom:10px; } #certificate table { width:700px; margin:0 auto; background:#fff; } #certificate table h2 { margin:0px; font-weight:bold; } #certificate table h2 span { padding-bottom:5px; border-bottom:1px solid #cfced0; display:inline-block; } #printableArea { max-width:700px; margin: 0 auto; width: 100%; position: relative; } @media (max-width:1200px) { /*--- How Work Section --- */ .how-work-section .box-default { min-height:385px; } #signup-login .login-signup-sociable p a { margin-left:2px; width:36px; } } @media (max-width:992px) { /*--- CW Banner --- */ #cw-banner .bottom-bar p strong { font-size:14px; } #cw-banner .bottom-bar .right-side p strong { font-size:18px; } #cw-banner .bottom-bar .col-xs-12 { padding:12px 4px } /*--- Main Navigation --- */ .on-scroll #primary-navigation { display:block;} #primary-navigation { position:absolute; z-index:8; left:0;} #primary-navigation ul { background: #fff; z-index:102; overflow:auto; height: 100%; left:-225px; padding: 0; position:fixed; top:75px; width:225px; 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 #primary-navigation ul { left:0;} #primary-navigation ul li { float:none; margin:0;} #primary-navigation ul li { border-bottom:1px solid #dadada;} #primary-navigation ul li:last-child { border-bottom:0;} #primary-navigation > ul > li { font-size:12px; margin-right:11px;} #primary-navigation ul li a { padding:3px 15px 5px !important; line-height:normal;} #primary-navigation ul li a { text-transform:uppercase; display:block; line-height:28px !important;} #primary-navigation ul li .icon { display:inline-block;} #primary-navigation ul li.highlight > a { font-weight:500; border-top:0; min-height:5px;} #primary-navigation ul li.home.highlight a { width:100%; text-align:left;} #primary-navigation ul li ul.user-dropdown { background:none; padding:0; right:auto; width:100%; min-height:15px; position:relative; top:auto; left:auto; box-shadow:none; border:0; display:block;} #primary-navigation ul li.parent > a { display:none;} #primary-navigation ul li .fa { display:none;} /*--- Why Participate Block --- */ #why-participate-block .prizes-block .inner-block { margin-bottom:16px; } /*--- How Work Section --- */ .how-work-section .box-default { min-height:462px; } #footer .section:last-child { margin-top:20px; float:none; } #user-panel #vcl-prize-section .inner-block .icon2,.append-question-detail-ajax #vcl-prize-section .inner-block .icon2 { float:none; border:none; margin:0 auto; margin-bottom:10px;} #user-panel #vcl-prize-section .inner-block .details,.append-question-detail-ajax #vcl-prize-section .inner-block .details { margin-left:0px; } #main .tabs3 .tab-strips1 > li { min-width:auto; } #main .tabs3 .tab-strips1 > li > a { font-size:14px; } #dashboard-content .table6 tr td { padding:8px; } .table6 .sections .section { padding-left:16px; float:none; display:inline-block; } #main .tabs3 .tab-strips1 > li.active > a:after, #main .tabs3 .tab-strips1 > li.ui-state-active > a:after,.tabs3 .tab-strips1 > li.active > a:after,.tabs3 .tab-strips1 > li.ui-state-active > a:after { display:none; } #main .tabs3 .tab-strips1 > li,.tabs3 .tab-strips1 > li { padding-right:0px; } #signup-login .login-signup-sociable p a { margin-left:2px; width:36px; } .signup-login-wrap .login-signup-sociable p a { margin-left:2px; width:34px; } #signup-login .form1 .radio-input.radio-inline,.signup-login-wrap .form1 .radio-input.radio-inline { margin-right:2px; } .signup-login-wrap .login-signup-sociable p span { width:auto; } #cw-banner .bottom-bar .col-xs-12.right-side {padding:12px 5px; } } @media (max-width:767px) { /*--- Cw Banner --- */ #cw-banner { height:430px; } #cw-banner .content-wrap { padding-top:10px; } #cw-banner h1 { font-size:18px; line-height:22px; } #cw-banner h5 { font-size:14px; margin-bottom:20px;} #cw-banner .heading2 { font-size:16px; } #cw-banner .register-area { width:100%; text-align:center; } #cw-banner .register-area .sociable,#cw-banner .register-area .or-divider,#cw-banner #newsletter-form { float:none;} #cw-banner .register-area .sociable p { margin-bottom:6px; } #cw-banner .register-area .sociable .social-btn { float:none; margin:0px 6px; } #cw-banner .register-area .or-divider { margin:0px auto; } #cw-banner #newsletter-form { margin-top:10px; width:100%; } #cw-banner #newsletter-form input[type="text"] { width:150px; } #cw-banner .bottom-bar .col-xs-12 { padding:5px 4px; } #cw-banner .bottom-bar .col-xs-12 p { line-height:18px; font-size:13px; } #cw-banner .bottom-bar .col-xs-12.right-side p,#cw-banner .bottom-bar .col-xs-6.right-side p strong { line-height:1; } /*--- How Work Section --- */ .how-work-section .box-default { min-height:auto; } /*--- Side Social --- */ #side-social { display:none !important; } /*--- Header --- */ #header .logo img { max-width:75px; } #header .logo { padding-top:11px; } /*--- User Actions --- */ #user-actions ul li { margin-left:10px; } /*--- Who Participate --- */ #who-participate .lead { font-size:16px; } /*--- Footer --- */ #footer { padding-top:16px; text-align:center; } #footer .section { float:none; margin-right:0px; } #footer .section:last-child { float:none; } #footer ul li:last-child { margin-bottom:8px; } #footer .powered-by,#footer .inner-footer p { text-align:center;} #footer .inner-footer { margin-top:16px; } #footer .section:last-child { margin-top:16px; } /*--- signup login wrap --- */ .signup-login-wrap .tabs10 .tab-content { padding:16px; } /*--- UserData --- */ #userData { padding:0px !important;} #userData .qblock span.field { width:100%; } /*--- HowTG --- */ .howTG { font-size:24px !important; } /*--- User Panel --- */ #user-panel #vcl-prize-section,.append-question-detail-ajax #vcl-prize-section{ margin:0px 25px; } .append-question-detail-ajax #vcl-prize-section { margin-top:25px; } #user-panel #vcl-prize-section .inner-block .details p,.append-question-detail-ajax #vcl-prize-section .inner-block .details p { text-align:center; } #user-panel #vcl-prize-section .inner-block .details .inner,.append-question-detail-ajax #vcl-prize-section .inner-block .details .inner { width:100%; } /*--- Tabs3 --- */ .tabs3 .nav-tabs > li > a { padding:0px 10px; font-size:12px; } /*--- Main --- */ #main .tabs3 .tab-strips1 > li > a { padding-left:10px; } #main .tabs3 .tab-strips1 > li > a { font-size:12px; } /*--- Search Filter --- */ #search-filter.vcl .form-elements li:first-child { min-width:auto !important; } #search-filter.vcl .form-elements li:first-child { width:145px; } .login-signup-sociable p { text-align:center; } #signup-login .right-column,#signup-login .left-column,.signup-login-wrap .right-column,.signup-login-wrap .left-column { float:none; width:100%; padding-left:0px; } #signup-login .login-signup-sociable p a { width:31px; } .login-signup-sociable p { text-align:center; } #signup-login .right-column .tabs10 .nav-tabs,.signup-login-wrap .right-column .tabs10 .nav-tabs { margin-left:0px; margin-right:0px; } .signup-login-wrap { margin-bottom:0px; } .signup-login-wrap .left-column { margin-left:0px; margin-right:0px; } .table6 tr td,.table6 tr td:last-child,#practice-test .table6 tr td:last-child { width:100%; float:left; text-align:center; } .table6 tr td { font-size:12px; } .table6 .sections .section:last-child { width:100%; clear:both; margin-top:15px; } .table6 .sections .section { padding:0px 5px; } .table6 .sections { float:none; } .table6 .company-practice .company-logo { float:none; margin-left:auto; margin-right:auto; margin-bottom:10px; } .table6 .company-practice .practice-name,.table6 .company-practice .practice-name h3 { display:block; height:auto; text-align:center; } .table20 tr td { float:none; width:auto;} #main .tabs3 .tab-strips1 > li > a { padding:10px !important; } #main .tabs3 .nav-tabs > li > a, #main .tabs3 .tab-strips1 > li > a { padding:10px !important; } #leaderboard-content .table20 tr td.name-field .details p { color:#8c8c8c; } #cw-banner .bottom-bar .col-xs-12.right-side,#cw-banner .bottom-bar .col-xs-12 { padding:0px 10px; } #cw-banner .bottom-bar .fa { font-size:19px; } #cw-banner .bottom-bar .col-xs-12.right-side { text-align:center; } .table6 .company-practice .practice-name h3 { font-size:14px; } #offers .table6 .btn { min-width:105px; } #reject-popup .modal-dialog { width:280px; } #reject-popup .modal-dialog { min-width:110px; } #reject-popup h3 { font-size:15px; } }