@charset "utf-8";
/**
 * Tata Mini Makerthon Custom CSS
 *
 * @author      http://creativecode.work
 * @copyright   (c) 2016 - 2017 Ivan Ghosh.
 *
 *
 */
html { 
	overflow-wrap: break-word; 
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale; 
	font-weight:300;
	text-rendering: optimizeLegibility;
}

body {background:#ffffff; overflow-x: hidden; margin: 0 auto; vertical-align: baseline;}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx) { -webkit-font-smoothing: antialiased;}
/* Page Text Selection Style */
::selection {background-color: #ffdb4e; color: #000000;}
::-moz-selection {background-color: #ffdb4e; color: #000000;}/* Mozilla based browsers */
::-o-selection {background-color: #ffdb4e; color: #000000;}/* Works in Opera */
::-ms-selection {background-color: #ffdb4e; color: #000000;}/* Works in MS Explorere */
::-webkit-selection {background-color: #ffdb4e;color: #000000;}/* Works in Chrome */
/* Placeholer styles */
::-webkit-input-placeholder {color: #666666 !important;}
:-moz-placeholder {color: #666666 !important;}  /* Firefox 18- */ 
::-moz-placeholder {color: #666666 !important;} /* Firefox 19+ */ 
:-ms-input-placeholder {color: #666666 !important;}

.tataBlue{color:#0089d3;}
.tataOrange{color: #f8981e;}

.padTop15{padding-top:15px;} .padBottom15{padding-bottom:15px;}
.padTop20{padding-top:20px;} .padBottom20{padding-bottom:20px;}
.padTop25{padding-top:25px;} .padBottom25{padding-bottom:25px;}
.padTop30{padding-top:30px;} .padBottom30{padding-bottom:30px;}
.padTop40{padding-top:40px;} .padBottom40{padding-bottom:40px;}
.padTop50{padding-top:50px;} .padBottom50{padding-bottom:50px;}
.padTop60{padding-top:60px;} .padBottom60{padding-bottom:60px;}
.padTop70{padding-top:70px;} .padBottom70{padding-bottom:70px;}
.padTop80{padding-top:80px;} .padBottom80{padding-bottom:80px;}
.padTop90{padding-top:90px;} .padBottom90{padding-bottom:90px;}
.padTop100{padding-top:100px;} .padBottom100{padding-bottom:100px;}
.padLeft15{padding-left:15px;} .padRight15{padding-right:15px;}
.padLeft30{padding-left:30px;} .padRight30{padding-right:30px;}
.marTop10{margin-top:10px;} .marBottom10{margin-bottom:10px;}
.marTop15{margin-top:15px;} .marBottom15{margin-bottom:15px;}
.marTop20{margin-top:20px;} .marBottom20{margin-bottom:20px;}
.marTop25{margin-top:25px;} .marBottom25{margin-bottom:25px;}
.marTop30{margin-top:30px;} .marBottom30{margin-bottom:30px;}
.marTop40{margin-top:40px;} .marBottom40{margin-bottom:40px;}
.marTop50{margin-top:50px;} .marBottom50{margin-bottom:50px;}
.marTop60{margin-top:60px;} .marBottom60{margin-bottom:60px;}
.padTop150{padding-top:150px;}

.white-text{color: #fff;}

a {outline:0 !important;}
a:hover {text-decoration:none; outline:0 !important;}
a:active{outline:0 !important;}
a:focus {outline:0 !important;}
.btn{font-weight: 400; text-transform: uppercase; border-radius: 0px;}
#header {position:relative; background: #000 url('../images/header-background.png') center center no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 100vh; color: #fff; padding-top: 5vh;}
#header h1 {font-size: 4em; text-transform: uppercase; font-weight: 800; line-height: .8; color: #db3635;}
#header p {font-size: 18px;}
.btn-default {margin-left:15px; margin-right:15px; background: transparent; color:#fff; font-weight: 400; border: 1px solid #0089d3;}
.btn-default:hover{background: #0089d3; color:#fff; border: 1px solid #0089d3;}
.navbar{border-bottom: 1px solid #cdcdcd; margin-bottom:0px;}
#navigation {background: #fff;}
#navigation.affix { position: fixed; width: 100%; top: 0; z-index:10; -webkit-transition: all .6s ease-in-out;}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #0089d3;
    background-image: none;
    border: 1px solid #0089d3;
    border-radius: 0px;
}
.navbar-toggle .icon-bar {
	background: #f8981e;
    border-radius: 1px;
}
.navbar-brand {height:auto;}
.navbar-nav {margin-top:75px;}
.navbar-nav li a {font-weight: 500; font-size: 17px; color:#000; font-weight: 400; padding: 10px 8px;}
#introSection, #participateSection, #benefitSection, #partnersSection {padding-top:80px; padding-bottom:80px;}
#introSection h1, #participateSection h1, #benefitSection h1, #partnersSection h1 {font-size: 59px; text-transform: uppercase; font-weight: 800; line-height: .9; text-align: center; color: #0089d3; margin-bottom: 40px;}
#introSection h1 span, #participateSection h1 span, #benefitSection h1 span, #partnersSection h1 span {color:#db3635;}


#participateSection {position:relative; background: #000 url('../images/participate-background.png') center center no-repeat; -webkit-background-size: cover; background-size: cover; color: #fff;}

#participateSection ul li{color: #fff;}

.tickMark li {
    color: #ffffff;
    list-style-type: none;
    font-size: 18px;
    margin-bottom: 15px;
    text-indent: -2em;
}
.tickMark li:before {
    content: '\02611';
    color: #ffffff;
    padding-right: 0.5em;
    margin-right: 10px;
    font-weight: 400;
}

.dateTickMark li {
    color: #000000;
    list-style-type: none;
    font-size: 18px;
    margin-bottom: 15px;
    text-indent: -2em;
}
.dateTickMark li:before {
    content: '\02611';
    color: #000000;
    padding-right: 0.5em;
    margin-right: 10px;
    font-weight: 400;
}

#partnersSection {position:relative; background: #000 url('../images/participate-background.png') center center no-repeat; -webkit-background-size: cover; background-size: cover; color: #fff;}


#benefitSection .box-inline {display: flex; flex-wrap: wrap; justify-content: center;}
.box-inline .media {max-width:350px; width: 100%; margin-bottom: 25px;}
.box-inline .media+.media{margin-top:0px;}

.box-inline .media-body, .box-inline .media-left, .box-inline .media-right { vertical-align: middle;}

#processSection {position:relative; background: #017bbd url('../images/about-back.jpg') center center no-repeat; -webkit-background-size: cover; background-size: cover; color: #fff;}
#processSection h2 {text-transform: uppercase; font-weight: 800; line-height: .9; text-align: center; color: #fff; margin-bottom: 40px;}
#processSection h3 {text-align: center; border-bottom: 1px solid #fff; padding-bottom: 10px;}

#aboutusSection {position:relative; background: #017bbd url('../images/about-back.jpg') center center no-repeat; -webkit-background-size: cover; background-size: cover; color: #fff;}
#aboutusSection h2 {text-transform: uppercase; font-weight: 800; line-height: .9; text-align: center; color: #fff; margin-bottom: 40px;}
#aboutusSection h3 {text-align: center; border-bottom: 1px solid #fff; padding-bottom: 10px;}

#dateTime {/*background: #0089d3; color: #fff; */}
#dateTime h2 {text-transform: uppercase; font-weight: 800; line-height: .9; text-align: left; color: #017bbd; margin-bottom: 40px;}
#dateTime h2 span {text-transform: uppercase; font-weight: 800; line-height: .9; text-align: left; color: #db3635; margin-bottom: 40px;}
#dateTime a{color:#000;}
#dateTime a:hover{color:#f8981e;}


#footer {background: #313131; color: #fff;}
#footer a {color: #fff;}
#footer .col-sm-6 {text-align:left;}
#footer .col-sm-6+.col-sm-6 {text-align:right;}

#openchallenges {background:#ffffff; color:#000000;}
#openchallenges h2 {margin-top:0px; margin-bottom:30px; text-transform: uppercase;}

.challengecategory{float:left; margin-bottom:-50px;clear:both; position:relative; display:inline-block; text-transform: uppercase; font-weight: 700;color:#ffffff;  background:#f8981e; padding:9px 10px;}
.challengecategory:after {position: absolute; content: ""; width: 25px; right: -25px; top: 0; height: 40px;
    border-top: 40px solid #f8981e; border-right: 24px solid transparent;} 

#openchallenges .challenge {height:300px; max-height:100%; /*overflow-y:hidden;*/ margin-bottom:3px;}
#openchallenges .challenge .challengedescription {background:#0089d3; height:300px; max-height:100%; color:#ffffff; position:relative;}
#openchallenges .challenge .challengedescription:before{position:absolute; content:""; width: 25px;	height: 40px; border-top: 20px solid transparent;	border-right: 25px solid #0089d3; border-bottom: 20px solid transparent; left:-25px; top:50px;}
#openchallenges .challenge .challengedescription .morelink:before {color:#f8981e;}
#openchallenges .challenge .challengeimage {background-size:cover; background-repeat:no-repeat; height:100%;}
#openchallenges .challenge .challengeimage .challengecategory {margin-left:-15px;}
.challenge .challengeimage a { width: 100%; height: 100%; display: block;} 
#openchallenges .challenge:nth-of-type(odd) .challengedescription{background:#555555; text-align:right;}
#openchallenges .challenge:nth-of-type(odd) .challengedescription:before{position:absolute; content:""; width: 25px;	height: 40px; border-top: 20px solid transparent;	border-right: 25px solid #555555; border-bottom: 20px solid transparent; left:auto; right:-25px; top:50px; -moz-transform: scaleX(-1);-webkit-transform: scaleX(-1);-o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: fliph; /*IE*/ filter: fliph; /*IE*/}
#openchallenges .challenge:nth-of-type(odd) .challengeimage .challengecategory {float:right; margin-right:-15px;}
#openchallenges .challenge:nth-of-type(odd) .challengeimage .challengecategory:after {position: absolute; content: ""; width: 25px; right: auto; top: 0; left:-25px; height: 40px; border-top: 40px solid #f8981e; border-right: 24px solid transparent; -moz-transform: scaleX(-1);-webkit-transform: scaleX(-1);-o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: fliph; /*IE*/ filter: fliph; /*IE*/}

.content {padding:30px 20px;}
#openchallenges .challenge .challengedescription h3{margin-top:0px; text-transform: uppercase; margin-bottom: 25px;}
.challenge .challengedescription h3 a{color:#ffffff;}
.challenge .challengedescription h3 a:hover {color:#f8981e;}
#closedchallenges {background:#555555; color:#ffffff;}
#closedchallenges h4 {text-transform:uppercase;} #closedchallenges a {color:#ffffff;}
#otherchallenges {background:#0089d3; color:#ffffff;}
#closedchallenges h2,#otherchallenges h2 {margin-top:0px; margin-bottom:30px; text-transform: uppercase;}
.morechallengebox {position: relative; display:block; overflow:hidden;}
.morechallengebox .caption {position:relative; padding:10px; background-color:#ffffff; min-height: 72px; color: #000000; font-weight:700;}
.morechallengebox .caption:before{position:absolute; content: ""; width: 25px; height: 25px; border-left: 20px solid transparent; border-right: 20px solid transparent;	border-bottom: 15px solid #ffffff; right:10%; top:-25px; z-index: 100;}
.morechallengebox .caption h5 {font-size:14px;}

.morelink {color:#000000; padding-left:15px; text-transform:uppercase; font-weight:700; position:relative;}
.morelink:hover, .morelink:active, .morelink:focus {color:#000000;}
.morelink:before {color:#ffffff;content: "\e080"; font-family: 'Glyphicons Halflings'; font-size:75% ; top: 0; left: 0; position: absolute; display: inline-block;	outline:0 !important; font-weight:400; margin-top:2px;margin-right: 5px;}

.pageType {
    align-items: center;
    background: rgba(85, 85, 85, 0.8) none repeat scroll 0 0;
    display: flex;
    margin-top: 0%;
    min-height: 110px;
    padding: 10px 20px;
    text-transform: uppercase;
}
.pageType h2 {
    color: #ffffff;
    display: inline-block;
    font-size: 40px;
    margin: 0;
}

#singlechallengedesc .profile-image {
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
}

.btn-sub-log{
    padding-bottom: 30px !important;
}

.head-class-resp{
    font-size: 59px !important;
}

.message a {
    border: #FD7020 2px solid;
    border-radius: 40px;
    padding: 15px;
    color: #ffffff;
    background-color: #FD7020;
        font-weight: bold;
}


@media screen and (min-width:1361px){
	#header {min-height: 100vh;}
}

@media screen and (max-width:767px){
	#header {min-height:100vh; height: auto; padding-top: 10vh;}
	#header h1 {font-size: 30px;}
	.navbar-nav {margin-top:10px;}
	#introSection h1, #participateSection h1, #benefitSection h1 {font-size: 36px;}
	#footer .col-sm-6 {text-align:center;}
	#footer .col-sm-6+.col-sm-6 {text-align:center;}
    .log-reg{
        padding-top: 50px !important;
    }
}

@media only screen and (max-width: 992px) {
    .log-reg{
        padding-top: 50px !important;
    }
    .pad-reg{
        padding-top: 10px !important;
    }
    .wel_top{
        padding-top: 70px;
    }
}