body { font-family:'lato', Arial, Helvetica, sans-serif ;} /* * 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, a:hover, a:active, a:focus { color:#d7263d;} @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; } /*--- Header --- */ #header { height:72px;} #header .logo p span { margin:0 8px;} #header .logo h1 { display:none;} #header .logo p { margin:0;} #header .logo p span img { vertical-align:top; margin-top:5px;} #header .logo .presenting-logo { max-width:115px; max-height:38px;} #header .user-dropdown { width:160px; margin:0; list-style:none; display:none; background:#fff; padding:15px 10px; top:40px; border:1px solid #dadada !important; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1); position:absolute; right:-8px; border-radius:6px;} #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; left:auto;} #header .user-dropdown:after { height:27px; width:100%; left:0; height:27px; top:-27px; border:0;} #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-area .avatar-pic img { margin-right:8px; width:28px; height:28px;} #header .user-area .user-actions .avatar-pic { margin-left:0;} .loggedin #header .user-area { margin-left:25px;} #header .menu-btn { position:relative;} #header .user-dropdown .progress { margin:5px 0 10px; height:5px; background:#dadada;} #header .progress .progress-bar { background-color: #8a858d;} .on-scroll #user-actions ul li a.button2 { background:#d7263d;} #header .user-dropdown { top:56px; border-top:0;} #header .user-actions .user-dropdown { top:51px;} .progress .progress-bar { background:#d7263d;} .loggedin #header .user-area { padding-top:14px;} #main .inner-main { padding:24px 10px 32px;} /*--- Sponsors-list --- */ #sponsors-list .sponsor-block { width:18%;} #sponsors-list .sponsor-block.theme-sponsor, #sponsors-list .sponsor-block.base-sponsors {width:28%;} /*--- User-actions --- */ #user-actions ul li a.button2 { top:3px; position:relative;} #user-actions ul li, #user-actions ul li:first-child { margin-left:24px;} /*--- User-info-msg --- */ #user-info-msg { font-weight:normal;} /*--- 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;} #tg3-webinars .webinar-box h3 { height:27px; overflow:hidden; } /*--- Banner --- */ #tg3-banner { background:url(images/tg3_images_2017/banner-bg2.png) center bottom no-repeat; background-size:cover; padding-bottom:0;} #tg3-banner.tg3-accenture-banner { background-image:url(images/tg3_images_2017/Accenture-banner.png);} #tg3-banner .register-area { border-radius:3px; margin-bottom:30px;} #tg3-banner .win-prize p strong { font-size:18px; line-height:24px; text-transform:none; font-weight:600;} #tg3-banner .win-prize p span.prize-amount{ font-size:22px; line-height:32px; font-weight:800;} #tg3-banner .win-prize p { font-style:normal;} #tg3-banner h1 { font-weight:900; font-size:24px;} #tg3-banner h5 { font-size:18px; line-height:22px; margin-bottom:30px;} #tg3-banner .heading2 { margin-bottom:20px !important; font-size:18px; line-height:22px; font-weight:bold;} #tg3-banner .heading2:after { bottom:-5px;} #tg3-banner .register-area h6 { margin-bottom:8px;} #tg3-banner .content-wrap { padding-top:40px;} #tg3-banner .main-sponsors { width:252px; padding-top:28px; position:relative; margin:0 -48px;} #tg3-banner .main-sponsors .sponsor-section {position:relative;} #tg3-banner .main-sponsors p { font-weight:600; line-height:28px;} #tg3-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;} #tg3-banner .main-sponsors p span.logo-holder img { vertical-align:middle; max-height:59px; max-width:102px;} #tg3-banner .banner-bottom-bar p { font-size:20px; line-height:32px; color:#fff; margin-bottom:0;} #tg3-banner .banner-bottom-bar .fa { font-size:23px; color:#d7263d; margin-right:15px; vertical-align:middle;} #tg3-banner.association-company { padding-top:50px;} #tg3-banner.association-company h1 { font-size:48px; line-height:60px; padding-top:12px; font-weight:800;} #tg3-banner .banner-right-block { float:right; width:164px; text-align:center;} #tg3-banner .banner-right-block .prizes {background-color:rgba(25,23,26,0.8); border: solid 1px #4a4548; padding:12px 12px 4px; margin-bottom:18px;} #tg3-banner .banner-right-block .prizes h4 { color:#c2c2c2; margin-bottom:4px;} #tg3-banner .banner-right-block .prizes h2 {color:#fff; margin-bottom:8px; line-height:28px; font-weight:800;} #tg3-banner .banner-right-block .sponsored-by { margin:0; color:#fff;} #tg3-banner .banner-right-block .image-holder { background:#fff; border-radius:6px 6px 0 0; width:120px; height:60px; display:block; line-height:58px; margin:10px auto 0;} #tg3-banner .banner-right-block .image-holder img { max-width:100px; max-height:40px;} #tg3-banner.association-company .content-wrap { padding-top:80px;} #tg3-banner.ecommerce-banner { background-image:url(images/tg3_images_2017/ecommerce-bg.png);} #tg3-banner.ui-banner { background-image:url(images/tg3_images_2017/ui-bg.png);} #tg3-banner.tech-aptitude-banner { background-image:url(images/tg3_images_2017/tech-aptitude-bg.png);} /*--- #tg3-banner.software-testing-banner { background-image:url(images/tg3_images_2017/software-testing-bg.png);}--- */ #tg3-banner.software-testing-banner { background-image:url(images/tg3_images_2017/tg3-iot-banner.png);} #tg3-banner.android-banner { background-image:url(images/tg3_images_2017/android-bg.png);} #tg3-banner.data-science-banner { background-image:url(images/tg3_images_2017/data-science-bg.png);} #tg3-banner.tech-aptitude-banner .banner-right-block .sponsored-by,#tg3-banner.open-contest .banner-right-block .sponsored-by { position:relative; top:160px; } /*--- Divition block --- */ .landing-page .divition-block, .divition-block { padding:24px 0; z-index:2;} .divition-block { background:#f4f4f4;} .divition-block .button1.btn-lg { min-width:156px;} .modal-backdrop {background-color: rgba(0, 0, 0, 0.9); z-index:1040;} #about-theme .theme-info p, #about-theme .theme-info li { color:#4a4548;} /*--- Event-prizes --- */ #event-prizes .lead { margin-bottom:24px;} #event-prizes .more-prizes-list { background:#f7f7f7; padding:24px 0 0;} #event-prizes .more-prizes-list h5 span { font-size:18px; line-height:24px; color:#19171a; font-weight:600; background:#f7f7f7;} #event-prizes .more-prizes-list h5 { color:#4a4548; line-height:20px; margin-top:0; font-weight:normal;} #event-prizes .more-prizes-list ul { margin-bottom:24px;} #event-prizes .more-prizes-list ul li:before {background:#dadada; height:30px; top:-35px;} #event-prizes .more-prizes-list h5:before { display:none;} #event-prizes .more-prizes-list h6 { font-weight:600; color:#19171a;} #event-prizes .more-prizes-list ul li p { font-size:14px; line-height:20px; color:#8a858d;} /*--- Tabs3 --- */ #main .tabs3 { margin-bottom:0;} /*--- 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;} /*--- 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 {z-index:3;} /*--- 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;} /*--- Toprankers-head --- */ .toprankers-head { margin-bottom:0;} /*--- 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; z-index:100; } /*--- Signup-page --- */ .signup-log-page div.token-input-dropdown-facebook, .signup-log-page #autocomplete { width:296px !important; max-width:296px !important;} /*--- Prize-section-right --- */ #prize-section-right {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;} .right-panel #prize-section-right { margin-top:0; margin-left:0;} #prize-section-right.fixed { position:fixed; top:96px; margin-top:0; width:355px; z-index:1;} .coding-page #prize-section-right { margin-top:0;} #prize-section-right h2 {background-color: #feb95f; position:relative; margin:0 -16px 24px; line-height:34px; height:36px; font-size:18px; font-weight:600; color:#19171a;} #prize-section-right 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;} #prize-section-right 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;} #prize-section-right h3 { margin-bottom:22px;} #prize-section-right h3 svg { margin-bottom:8px;} #prize-section-right .inner-block { margin-bottom:24px;} #prize-section-right .inner-block:last-child { margin-bottom:0;} #prize-section-right .inner-block h3 { font-weight:bold; margin-bottom:24px;} #prize-section-right .inner-block h4 { color:#8a858d; margin-bottom:4px;} #prize-section-right .inner-block h6 { color:#8a858d; margin-bottom:10px; font-size:14px; line-height:14px;} #prize-section-right .inner-block ul { margin:0; padding:0; list-style:none;} #prize-section-right .inner-block ul.single li { text-align:center;} #prize-section-right .inner-block ul li {font-size:14px; line-height:20px;text-align: left;color: #19171a; margin-bottom:4px;} #prize-section-right .inner-block ul li span { display:inline-block; width:28px; color:#8a858d;} /*--- Sub-navigation --- */ .sub-navigation > ul > li.active a { color:#d7263d; border-bottom:2px solid #d7263d;} .sub-navigation > ul > li a:hover, .sub-navigation > ul > li a.btn:hover { color:#d7263d; } /*--- About-Theme --- */ #about-theme .theme-works { background-position:center -49px; padding-top:12px;} /*--- Toprankers-head --- */ .toprankers-head .btn-group .btn.active, .toprankers-head .btn-group .btn.active:hover, .toprankers-head .btn-group .btn.active:focus { background:#d7263d; color:#fff; box-shadow:none;} .toprankers-head .btn-group .btn:hover, .toprankers-head .btn-group .btn:focus { background:#fff; box-shadow:none;} /*--- 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:last-child { margin-right:0;} #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:#f2f2f2;} /*--- Badges-content --- */ #badges-content h2 { margin-bottom:115px !important;} #my-profile .progress .progress-bar .inner, #my-profile .progress .value { background:#d7263d;} /*--- Sponsors-friends --- */ #sponsors-friends { background:#fff;} #sponsors-friends h3 { line-height:24px; padding-bottom:4px; border-bottom: solid 1px #dadada;} #sponsors-friends .content img { max-width:110px; max-height:50px; margin:0; padding:0; vertical-align:middle;} #sponsors-friends .image-holder { border: solid 1px #dadada; padding:4px; line-height:50px; width:120px; height:60px; display:inline-block; margin:0 6px 24px;} /*--- Sliding-testimonials1 --- */ .landing-page #sliding-testimonials1 { background:#ffffff;} #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:#f2f2f2;} #social-buzz { padding-bottom:24px; background:#ffffff;} #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;} /*--- Coding-platform-head --- */ #coding-platform-head .test-actions #submit_test_response { margin-left:16px;} /*--- 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;} /*--- Selfie Lists --- */ #selfi-lists ul li h6 { min-height:40px;} /*--- 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;} #blogathon .button1 { height:auto; font-weight:900; } .howTG { font-family:'lato', Arial, Helvetica, sans-serif !important ;} #userData { background:#fff !important; padding:16px 7px 0;} .formWrap { font-family:'lato', Arial, Helvetica, sans-serif;} #userData .qblock label { font-weight:normal;} .qblock span.field input, .qblock span.field textarea { border-radius:3px;} #userData .qblock span.field { width:425px;} .qblock span.field input:focus, .qblock span.field select:focus, .qblock span.field textarea:focus {background: #fff; border: 1px solid #cdcdcd !important;} /*--- Why Participate Block --- */ #why-participate-block { background:#fff; text-align:center; padding-bottom:8px;} #why-participate-block .icon { width:80px; line-height:78px; height:80px; display:inline-block; border:1px solid #dadada; border-radius:50%; margin-bottom:12px;} #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:26px;} #why-participate-block h4 svg { margin-bottom:8px;} #why-participate-block .prizes-block .col-md-10 { padding:0 56px;} #why-participate-block .prizes-block .inner-block {min-height: 180px; border: solid 1px #dadada; margin-bottom:24px; padding:16px 16px 8px;} #why-participate-block .prizes-block h3 { font-weight:bold; margin-bottom:24px;} #why-participate-block .prizes-block h4 { color:#8a858d; margin-bottom:4px;} #why-participate-block .prizes-block ul { margin:0; padding:0; list-style:none;} #why-participate-block .prizes-block ul.single li { text-align:center;} #why-participate-block .prizes-block ul li {font-size: 18px; line-height:24px;text-align: left;color: #19171a; margin-bottom:4px;} #why-participate-block .prizes-block ul li:nth-child(2n) span { margin-left:10px;} #why-participate-block .prizes-block ul li span { display:inline-block; width:35px; color:#8a858d;} #why-participate-block .button1.btn-lg {min-width:156px; margin-left:93px; margin-right:16px;} #why-participate-block.theme-page { background:#f4f2f2; } /*--- 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; } /*--- Tooltip --- */ .tooltip{font-size:13px;line-height:18px;}.tooltip.in{filter:alpha(opacity=100);opacity:1}.tooltip-inner{ background:#4a4548; padding:6px 18px;}.tooltip.top .tooltip-arrow{border-top-color:#4a4548}.tooltip.top-left .tooltip-arrow{border-top-color:#4a4548}.tooltip.top-right .tooltip-arrow{border-top-color:#4a4548}.tooltip.right .tooltip-arrow{border-right-color:#4a4548}.tooltip.left .tooltip-arrow{border-left-color:#4a4548}.tooltip.bottom .tooltip-arrow{border-bottom-color:#4a4548}.tooltip.bottom-left .tooltip-arrow{border-bottom-color:#4a4548}.tooltip.bottom-right .tooltip-arrow{border-bottom-color:#4a4548} .tooltip.top .tooltip-arrow { margin-left:-10px;border-width:10px 10px 0; bottom:-5px;} .tooltip.right .tooltip-arrow { margin-top:-8px; border-width:8px 8px 8px 0; left:-3px;} /*--- Signup-login-wrap --- */ .signup-login-wrap { padding-top:0; padding-bottom:0; background-size:cover;} .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 .tabs10 .tab-content { padding:24px;} .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; } /*--- Form1 --- */ .form1 label.left-label { padding-top:11px;} .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; } /*--- 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;} /*--- Content-Box --- */ .contest-box { border:0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); min-height:190px; padding:16px; margin-bottom:16px; position:relative;} .contest-box h3 { margin-bottom:4px; 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;} .contest-box:hover h3 { color:#d7263d;} .contest-box:hover .button2 { color:#fff; background:#d7263d; outline:none;} .contest-box p { font-weight:normal;} .contest-box .col-sm-6 { position:static;} .contest-box .sponsored-by { position:absolute; left:16px; bottom:16px;} .contest-box .sponsored-by p { font-size:14px; line-height:20px; margin-bottom:0;} .contest-box .sponsored-by img { margin-top:10px; max-width:100px; max-height:34px;} .contest-box .date-stamp { font-size:14px; color:#4a4548;} /*--- Tabs3 --- */ #main .tabs3 .tab-content, #main .tabs2 .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, #invites-content .tab-strips1 li.ui-state-active 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, #invites-content .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, #invites-content .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;} /*--- Tabs2 --- */ .toprankers-head h3 {color:#4a4548; font-size:24px; line-height:32px; font-weight:normal; margin-bottom:16px;} .tabs2 .nav-tabs { border-bottom:1px solid #cccccc;} .tabs2 .nav-tabs li { width:auto; margin-bottom:-1px;} #main .tabs2 .tab-content { background:#fff;} .tabs2 .nav-tabs > li > a { font-size:13px; margin:0;} /*--- Tabs11 --- */ .tabs11 .nav-tabs { border-bottom:0; float:left; margin-bottom:24px;} .tabs11 .nav-tabs.right-align { float:right; margin-top:-5px;} .tabs11 .nav-tabs > li { margin:0;} .tabs11 .nav-tabs > li > a { border-radius:0; border: solid 1px #4a4548; font-size:14px; text-align:center; margin:0; color:#4a4548; padding:9px; line-height:14px; background:#fff; min-width:104px; border-right:0;} .tabs11 .nav-tabs > li:first-child > a { border-radius:3px 0 0 3px;} .tabs11 .nav-tabs > li:last-child > a { border-radius:0 3px 3px 0; border-right: solid 1px #4a4548;} .tabs11 .nav > li > a:hover, .tabs11 .nav > li > a:focus { background:#fff;} .tabs11 .nav-tabs > li.active > a, .tabs11 .nav-tabs > li.active > a:hover, .tabs11 .nav-tabs > li.active > a:focus { color:#fff; background-color: #4a4548; border: solid 1px #4a4548; font-weight:normal;} .tabs11 .tab-content { clear:both;} /*--- Table6 --- */ .table6 { margin-bottom:16px;} .table6 tr td { background:#f2f2f2; 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; padding-top:8px;} .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;} #practice-test .table6 tr td:last-child{width:auto;} /*--- Registration-count --- */ .registration-count {border: solid 1px #c2c2c2;} /*--- Event-schedule --- */ #event-schedule .schedule-box { width:180px;} #event-schedule .schedule-box.theme-content { width:272px;} #event-schedule .schedule-box header { border:1px solid #dadada;} #event-schedule .schedule-box ul li:before { background:#dadada;} #event-schedule .schedule-box header h4 { line-height:24px; font-weight:600; color:#19171a;} #event-schedule .schedule-box header h4 span { line-height:20px; font-weight:normal; color:#8a858d; font-size:14px;} #event-schedule .schedule-box ul li h5 { font-size:18px; color:#4a4548;} #event-schedule .schedule-box ul li h5 span { color:#4a4548; font-weight:600;} /*--- 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; position:relative;} #footer ul li { font-size:14px; color:#8a858d; line-height:20px; font-weight:normal;} #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 { font-size:14px; line-height:20px; float:none; 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; text-align:left;} /*--- 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;} .table20 tr .name-field { text-align:left;} .table20 tr td.name-field img { margin-right:16px; border-radius:50%; width:24px; height:24px; float:left;} .table20 tr td.name-field .details { margin-left:40px;} .table20 tr td.name-field .details h5, .table20 tr td.name-field .details h5 a { font-weight:600; font-size:14px; color:#4a4548;} .table20 tr .score-field { font-weight:600; text-align:left;} .table20 .send-congrats-mailer { border:0;} .table20 .send-congrats-mailer:hover, .table20 .send-congrats-mailer:active, .table20 .send-congrats-mailer:focus { background:none; border:0; color:#d7263d;} /*--- 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;} /*--- 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; } /*--- List3 --- */ .list3 { font-size:14px; } .list3 li { margin-bottom:5px; } #webcam_movement_warning { display:none !important; } /*--- Reason Participate --- */ #reason-participate { background:#f4f2f2; padding:30px 0px 40px; } #reason-participate .reason-participate-list { margin:0px -22px; padding-top:25px; } #reason-participate .reason-participate-list ul { margin:0px; padding:0px; list-style-type:none; } #reason-participate .reason-participate-list ul li { float:left; padding:0px 20px 15px 20px; } #reason-participate .reason-participate-list ul li .box { border:1px solid #dbdbdb; position:relative; background:#fff; text-align:center; padding:15px; width:266px; height:130px; box-shadow:-2px 2px 6px rgba(219, 217, 217, 1);} #reason-participate .reason-participate-list ul li .box p { font-size:16px; } #reason-participate .reason-participate-list ul li .box .header-icon { width:27px; height:17px; margin:0px auto; margin-bottom:15px; display:inline-block; background-image:url(../../files/event_images/cg2017_images/icons); background-repeat:no-repeat; background-position:-142px -193px; } #reason-participate .reason-participate-list ul li .box:before,#reason-participate .reason-participate-list li .box:after { content:""; width:18px; height:24px; position:absolute; bottom:0px; background-image:url(../../files/event_images/cg2017_images/icons); background-repeat:no-repeat; } #reason-participate .reason-participate-list ul li .box:before { background-position: -177px -192px; left:-1px;} #reason-participate .reason-participate-list ul li .box:after { background-position: -201px -192px; right:-1px; } #reason-participate .tabs15 .post { padding:25px; background:#fff; } #reason-participate .view-more { display:block; text-align:center; font-size:15px; font-weight:normal; } /*--- Contest Shedule --- */ #contest-shedule { background:#fff; padding:20px 0px; box-shadow:0 2px 6px rgba(214, 213, 213, 1); position:relative; z-index:10; } #contest-shedule h4 { font-weight:normal; } #contest-shedule.open-shedule .shedule-list { padding-left:0;} #contest-shedule.open-shedule .shedule-list li:first-child { min-width:175px; } #contest-shedule.open-shedule .shedule-list li:nth-child(2){ min-width:230px; } #contest-shedule.open-shedule .shedule-list li:nth-child(3){ min-width:227px; } #contest-shedule ol { margin:0px 0 20px; padding:0px; padding-left:45px;} #contest-shedule ol li { font-size:16px; color:#424242; } #contest-shedule .inner-wrap { padding-left:55px;} .dividing-section { background:#fff; padding:30px 0px; } /*--- Tabs15 --- */ .tabs15 .tabs1-nav-wrap { overflow:auto;} .tabs15 .nav-tabs { border-bottom:0;} .tabs15 .nav-tabs li { width:50%; margin-top:0px; } .tabs15 .nav-tabs > li { margin-bottom:0; margin-top:-1px;} .tabs15 .nav-tabs > li > a { border-radius:0; border:0; font-size:20px; min-width:75px; text-align:center; color:#666666; padding:10px 15px 11px; border-bottom:1px solid #cccccc; margin-right:5px;} .tabs15 .nav-tabs > li:last-child > a { margin:0;} .tabs15 .nav-tabs > li > a:hover { background:none;} .tabs15 .nav-tabs > li.active > a, .tabs15 .nav-tabs > li.active > a:hover, .tabs15 .nav-tabs > li.active > a:focus { color:#0065bd; border:0; background:none; border-bottom:2px solid #0065bd; font-weight:500; padding:10px 15px;} .tabs15 .nav > li > a:hover, .tabs15 .nav > li > a:focus { background:none;} /*--- Round Levels --- */ .round-levels { border-top:1px solid #e1e1e1; margin-top:20px; } .round-levels .block { border-left:1px solid #e1e1e1; padding:15px 18px; float:left; width:33.33%; } .round-levels .block h4 { margin-bottom:0px; float:left; } .round-levels .block h4 a { color:#424242;} .round-levels .block h4 span{ display:block; font-size:13px; color:#8c8c8c; line-height:24px; } .round-levels .block h4 span .fa { font-size:13px; color:#8c8c8c; } .round-levels .round-levels-title { margin-top:15px; float:none; } .round-levels .block .button2 { float:right; margin-left:5px; margin-top:3px;} .round-levels .block.full-width { float:none; width:100%; border:1px solid #e1e1e1; margin-bottom:15px;} .round-levels .block.full-width:first-child { border-top:0;} .round-levels .block.full-width:last-child { margin-bottom:30px;} .round-levels .block.full-width h4 { float:none; margin-bottom:3px;} .round-levels .block.full-width p { font-weight:normal; font-size:14px; margin-bottom:0;} .round-levels .block .actions { float:right; text-align:center; padding-top:4px;} .round-levels .block .actions .button2 { float:none; margin:0 0 2px; min-width:120px;} .round-levels .block .actions .count { margin:0 10px; vertical-align:middle; color:#8c8c8c; font-size:14px; display:block;} .round-levels .block .actions .count a { color:#8c8c8c;} @media (min-width:1200px) { .container { width:1205px;} } @media (max-width:1200px) { #header .logo { margin-right:0; padding-top:5px;} #header .logo img {max-width:85px;} #header .user-area .user-actions .avatar-pic, #header .logo p { font-size:13px;} #primary-navigation > ul > li { margin-right:13px;} #event-schedule .schedule-box.theme-content { width:100%;} #why-participate-block .prizes-block .col-md-10 { padding:0 10px;} #userData .qblock span.field { width:304px;} .round-levels .block { padding:10px 10px; } } @media (max-width:992px) { .loggedin #header .user-area { padding-top:6px;} #tg3-banner .win-prize { width:150px; height:156px; margin:0 auto;} #tg3-banner .main-sponsors { margin:0;} #blogathon .form1 ul { padding-left:0;} #prize-section-right { margin-top:0; margin-left:0;} #userData { padding:16px 16px 0;} #event-schedule .schedule-box, #userData .qblock span.field { width:100%;} #reason-participate .reason-participate-list ul { text-align:center; } #reason-participate .reason-participate-list ul li { float:none; display:inline-block; } #reason-participate .reason-participate-list ul li .box { float:left; } .round-levels .block { width:100%; text-align:center; border:none; border-bottom:1px solid #dadada;} .round-levels .block:last-child { border:none; } .round-levels .block h4 { float:none;} .round-levels .block.full-width { text-align:left;} .round-levels .block .button2 { float:none; margin:5px 0 0 0; padding:3px 10px;} } @media (max-width:767px) { #tg3-banner .main-sponsors { margin:0; width:100%;} #header .user-area .avatar-pic img { display:none;} .landing-page #header .logo, #header .logo { margin:0; float:none;} #header .logo a { float:left; display:block; margin-right:5px;} #header .logo a img { margin-top:2px;} #header .logo p { font-size:10px;} #header .logo p span { display:block; line-height:12px; margin-bottom:4px;} #user-actions { padding-top:0;} #user-actions ul { margin-left:-50px;} #header .logo p span { margin:0;} .landing-page #header .logo img, #header .logo img { width:60px;} #tg3-banner .content-wrap { padding-top:0; padding-bottom:30px;} #cg-highlights-block { height:auto; text-align:center;} #cg-highlights-block .sub-sponsors .sponsor-section { float:none; margin:0;} #cg-highlights-block .sub-sponsors { float:none;} #header .user-area .user-actions .avatar-pic { line-height:26px;} #cg-highlights-block .sub-sponsors .sponsor-section .logo-holder { margin:8px 4px 0;} #cg-highlights-block .sub-sponsors p br { display:block;} #user-actions ul li { margin-left:8px;} #user-actions ul li:first-child { margin-left:0;} .contest-box .registration-count { float:none; margin-top:0; margin-bottom:8px;} .contest-box .sponsored-by { position:relative; left:auto; bottom:auto; padding-top:14px;} .contest-box { min-height:50px;} #why-participate-block .prizes-block ul li, #prize-section-right .inner-block ul li { text-align:center;} #why-participate-block .button1.btn-lg { margin-left:0;} .voucher-badge1 { left:0; width:76px; height:81px; background-size:100% 100%; position:relative; left:50%; margin-left:-38px;} .voucher-badge1 p { font-size:12px; line-height:16px;} #why-participate-block .prizes-block .inner-block { min-height:100px;} #sponsors-friends .image-holder { width:80px; height:40px; line-height:30px;} #sponsors-friends .content img { max-width:70px; max-height:30px;} #footer .section { margin-right:0;} #footer .section, #footer .section:last-child, #footer .powered-by, #footer .inner-footer p { float:none; text-align:center;} #footer .powered-by { margin-top:24px;} .signup-login-wrap .tabs10 .tab-content { padding:24px 16px;} #why-participate { padding:24px;} .signup-login-wrap { margin-bottom:0;} .table6 .sections .section { padding:0 5px;} #prize-section-right { margin:0 20px;} .table6 .score { font-size:14px;} #main .tabs3 .tab-strips1 > li > a { font-size:12px; line-height:16px; padding-top:7px;} .table6 tr td:last-child { width:100%;} .table6 tr td p, .table6 tr td { font-size:12px; line-height:16px;} .table20 tr td { float:none; width:auto;} .right-panel #prize-section-right { margin:0 20px;} #main.row { margin-left:-10px;} #primary-navigation > ul > li { margin-right:0;} #event-schedule .schedule-box header h4 span { font-size:12px; line-height:17px;} #event-prizes .more-prizes-list ul { margin-bottom:40px;} #full-screen-question.normal-view #editor-box { overflow:hidden;} #after-submit .modal-dialog { width:auto;} #tg3-banner.association-company { padding-bottom:0; text-align:center;} #tg3-banner.association-company .text-left { text-align:center;} #tg3-banner .banner-right-block { float:none; margin:0 auto;} #tg3-banner.association-company .button1.btn-lg { margin-bottom:24px;} #header .logo .presented-by > span { display:block !important; } #tg3-banner.tech-aptitude-banner .banner-right-block .sponsored-by,#tg3-banner.open-contest .banner-right-block .sponsored-by { top:auto; } #contest-shedule.open-shedule .shedule-list li:first-child { min-width:auto; padding-left:5px; } #contest-shedule.open-shedule .shedule-list li { padding-left:36px; width:100%; } .shedule-list .inactive-status { padding-left:36px; } .shedule-list li { width:100%; border:none; } .shedule-list.active li { border:none; } .shedule-list li { padding-right:5px; margin-right:5px; } #contest-shedule.open-shedule .shedule-list li:nth-child(2) { min-width:auto; } #tg3-banner.association-company h1 { font-size:32px; line-height:40px; } #tg3-banner h5 { text-align:center; } #sponsors-list .sponsor-block.theme-sponsor, #sponsors-list .sponsor-block.base-sponsors { width:auto; } }