/* Content ---------------------- */
#content .container { padding:50px 10px; position:relative;}

/* ==========================================================================
	Steps Page Specific Settings
========================================================================== */
.signup-steps-page { background:#2f94d7;}
.signup-steps-page #container-wrap { background:#fff;}
.signup-steps .welcome_msg { font-weight:200; text-align:center;}
.signup-steps .tabs1 .nav-tabs { text-align:center;}
.signup-steps .tabs1 .nav-tabs li { display:inline-block; float:none; margin-top:0;}
.signup-steps .tabs1 .nav-tabs > li > a { font-size:16px; color:#c0c0c0; padding:17px 30px; font-weight:500; border-width:3px; border-color:#fff;}
.signup-steps .tabs1 .nav-tabs > li > a  span{ display:block;}
.signup-steps .tabs1 .nav-tabs > li > a > .fa { font-size:22px;}
.signup-steps .tabs1 .nav-tabs > li.active > a, .signup-steps .tabs1 .nav-tabs > li.active > a:hover, .signup-steps .tabs1 .nav-tabs > li.active > a:focus { border-top:3px solid #2f94d7; color:#2f94d7;}
.signup-steps .tabs1 .nav-tabs > li.completed > a { color:#424242;}
.signup-steps .icon { display:block; width:80px; height:80px; background:#fff; border-radius:50%; margin:0 auto 25px; line-height:80px;}
.signup-steps .icon .fa { line-height:80px; font-size:22px; color:#2f94d7;}
.signup-steps h4 { color:#fff; margin-bottom:30px;}
.signup-steps .tab-content { background:#2f94d7; padding:32px; text-align:center;}
.signup-steps .form1 .textbox, .signup-steps .form1 .select { display:block; position:relative; margin:0 auto 30px; max-width:440px; width:100%; text-align:left;}
.signup-steps .form1 .textbox .fa, .signup-steps .form1 .select .fa { position:absolute; z-index:1; left:0; width:51px; top:1px; border-right:1px solid #dadada; height:99%; line-height:50px; color:#c0c0c0; font-size:17px; text-align:center;}
.signup-steps .form1 .form-control, .signup-steps .form1 input[type="text"], .signup-steps .form1 input[type="password"] { height:52px; padding-left:70px; font-size:14px; border-radius:4px;}
.signup-steps .form1 .textbox #autocomplete { width:100% !important;}
.signup-steps .form1 .select { height:52px; border-radius:4px;}
.signup-steps .form1 .select select { height:50px; padding-left:65px;}
.signup-steps .form1 .select:after { height:52px; background-position:-97px -111px;}
.signup-steps .form1 label { color:#fff; font-size:15px;}
.signup-steps .fa-check.green { vertical-align:middle; display:none;}
.signup-steps .tabs1 .nav-tabs > li.completed .fa-check.green { display:inline-block;}
.signup-steps .next-btn { min-width:130px;}

.signup-steps .form1 ul.token-input-list-facebook { border-radius:2px; padding-left:60px; max-height:150px;}
.signup-steps .form1 ul.token-input-list-facebook li input { border:0; border-radius:0; margin:0; height:50px; padding-left:6px;}

.signup-steps.form1 .radio-input input[type=radio]:checked + label:before { background:url(images/tg_images/icons.png) -408px -115px no-repeat; } 
.signup-steps .form1 .radio-input label:before {background:url(images/tg_images/icons.png) -408px -91px no-repeat; }  
.signup-steps .form1 .radio-input input[type=radio]:checked + label:before {background:url(images/tg_images/icons.png) -408px -115px no-repeat; }

.signup-steps-page .pac-container  { max-height:150px; overflow:auto;}
.steps-page .token-input-dropdown-facebook, .steps-page #autocomplete  { max-height:150px; overflow:auto; width:300px !important;}

/* ==========================================================================
	Signup Page Specific Settings
========================================================================== */

/*--- Signup Login --- */
#signup-login { padding-top:15px;}
.modal #signup-login { padding-top:0;}
#signup-login .inner-wrap { max-width:500px; width:100%; box-shadow:0 0 8px rgba(0, 0, 0, 0.3); margin:0 auto 50px; padding:0; border-radius:4px;}
#signup-login .logo { margin:0 auto 30px; text-align:center;}
#signup-login .tabs3 .nav-tabs { margin:0;}
#signup-login .tabs3 .nav-tabs > li { width:50%;}
#signup-login .tabs3 .tab-content {border:0; padding:25px 32px;}
#signup-login .tabs3 .nav-tabs > li > a { border:0; margin:0; height:50px; line-height:48px; text-align:center; background:#e5e5e5; font-size:14px; color:#8c8c8c; font-weight:bold; text-transform:uppercase;}
#signup-login .tabs3 .nav-tabs > li.active > a { background:#fff; color:#424242;}
#signup-login .form1 .form-control, #signup-login .form1 input[type="text"], #signup-login .form1 input[type="password"] { height:52px; padding-left:70px; font-size:14px; border-radius:4px;}
#signup-login .form1 ul li { position:relative; margin-bottom:20px;}
#signup-login .form1 ul li .fa { position:absolute; left:0; width:51px; top:1px; border-right:1px solid #dadada; height:50px; line-height:50px; color:#c0c0c0; font-size:17px; text-align:center;}
#signup-login .form1 input[type="submit"] { width:260px; font-weight:500; margin:30px auto 8px;}
#signup-login footer { background:#e5e5e5; padding:10px; position:relative; margin:0 -32px -25px; border-radius:0 0 4px 4px;}
#signup-login .sociable { padding-left:30px;}
.modal #signup-login .sociable { padding-left:80px;}
#signup-login .sociable p { margin-bottom:0;}
#signup-login .social-btn {padding-right:0; vertical-align:middle; margin:0; border-radius:2px; margin-left:10px;}
#signup-login .social-btn .fa {border-right:0;}

.modal #signup-login .tg-loader { padding:85px 0;}

#login-form ul li:last-child { margin-bottom:30px;}

/*--- Signup Login Page --- */
.signup-login-page #container-wrap { padding-top:48px;}
.signup-login-page { background:#fff; }
.signup-login-page h3 { font-weight:normal; }

/*--- signup-login-wrap --- */
.signup-login-wrap { width:900px; margin:0 auto 35px; background:url(../../files/event_images/cg2017_images/participate-image.png) no-repeat left top; }
.signup-login-wrap .form1 ul li { margin-bottom:10px;  position:relative; }
.signup-login-wrap .form1 .forgot-password-area { padding-top:15px; padding-bottom:5px; }
.signup-login-wrap .left-column { width:50%; float:left; }
.signup-login-wrap .right-column { float:right; width:50%; border:1px solid #d7d7d7; border-left:0px; padding:30px 60px; padding-bottom:10px; }
.signup-login-wrap .left-column,.signup-login-wrap .right-column { min-height:400px; }
.signup-login-wrap .form1 ul li .fa { position:absolute; z-index:3; left:0; width:42px; top:1px; border-right:1px solid #e1e1e1; height:38px; line-height:38px; color:#c0c0c0; font-size:20px; text-align:center;}
.signup-login-wrap .form1 input[type="text"], .signup-login-wrap .form1 input[type="password"] { height:40px; padding-left:50px;  }
.signup-login-wrap .form1  #autocomplete { width:100% !important;}
.signup-login-wrap ul.token-input-list-facebook li input { margin:0px; }
.signup-login-wrap .tabs1 .nav-tabs { padding:0;}
.signup-login-wrap .tabs1 .nav-tabs  li { width:50%;}
.signup-login-wrap .tabs1 .nav-tabs  li  a { background:#ebebec; border:none; border-radius:0px; font-size:16px; color:#2f94d7; text-transform:none; font-weight:normal; height:40px; padding:10px; line-height:20px; margin:0;}
.signup-login-wrap .tabs1 .nav-tabs  li.active  a { background:#2f94d7; 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:18px;}
.signup-login-wrap #login_tab a { border-radius:2px 0px 0px 2px; }
.signup-login-wrap #signup_tab a { border-radius:0px 2px 2px 0px; }
.signup-login-wrap .tabs1 .tab-content { padding:15px 0px 0px 0px; }
.signup-login-wrap .form1  .button1 { color:#fff; display:inline-block; width:115px; margin-bottom:10px; font-size:18px; border-radius:2px; margin-top:0px; padding:6px 10px; min-width:auto; border:none; height:40px; line-height:28px; text-transform:none; }
.signup-login-wrap .sociable { width:116px; margin:0 auto 0px;}
.signup-login-wrap .sociable p { margin-bottom:0px; }
.signup-login-wrap .sociable .social-btn { float:left; margin:0 12px 0 0; border-radius:50%; width:30px; height:30px; padding:0; line-height:30px;}
.signup-login-wrap .sociable .social-btn:last-child { margin:0;}
.signup-login-wrap .sociable .social-btn .fa { border:0; line-height:30px; color:#fff; width:30px; height:30px; text-align:center; font-size:17px;}
.signup-login-wrap .or-divider1 { position:relative; }
.signup-login-wrap .or-divider1 span { display:block; border-radius:10px; text-transform:uppercase; font-size:8px; color:#333333; height:17px; line-height:15px; background:#fff; width:17px; text-align:center; margin:0px auto 10px; border:1px solid #e7e7e7; text-transform:uppercase; position:relative; z-index:10; }
.signup-login-wrap .or-divider1:before { content:""; position:absolute; width:100%; background:#e1e1e1; height:1px; left:0px; top:50%; display:block; z-index:9; }
.signup-login-wrap .form1 .varification-field .form-control { width:70px;}

.signup-login-wrap #signup-login .inner-wrap {box-shadow:none;}

.signup-login-wrap.form1 .token-input-list-facebook { float:left; width:300px;}
.signup-login-wrap .token-input-list-facebook .form-control { padding:6px 12px 6px 0px !important; height:38px !important;}
.signup-login-wrap .token-input-list-facebook { clear:none; position:relative; z-index:2; padding-left:50px; max-height:60px; min-height:36px; font-family:'myriadpro', Arial, Helvetica, sans-serif;}
.signup-login-wrap .token-input-list-facebook li { margin-bottom:0;}
.signup-login-wrap .token-input-list-facebook .form-control { width:auto !important; border:0; margin:0; font-family:'roboto', Arial, Helvetica, sans-serif;}
.signup-login-wrap .form1 .token-input-token-facebook{ margin:6px 6px 0 0 !important;}
.signup-login-wrap .form1 .token-input-input-token-facebook { margin:0;}
.signup-login-wrap .token-input-list-facebook:before {content:""; width:1px; position:absolute; left:40px; height:100%; top:0; background:#dadada;}

/*--- Login Form --- */
#login-form { position:relative;}
#login-form .form1 .varification-field label { float:none; margin-right:0px; line-height:24px; }

/*--- Signup Form --- */
#signup-login1 small { display:block; font-size:11px; color:#8c8c8c;}

/*--- Why-participate --- */
#why-participate { padding:40px 37px; }
#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 li { margin-bottom:15px;}
#why-participate li:last-child { margin-bottom:0px; }
#why-participate li p { font-size:16px; color:#fff; margin-bottom:0;}
#why-participate .icon { width:42px; height:42px; text-align:center;  border-radius:50%; background-color:#ebebec; display:inline-block; float:left; }
#why-participate .icon .fa { font-size:18px; color:#07293d; line-height:42px; }
#why-participate .details { margin-left:55px; height:42px; display:table; }
#why-participate .details p { vertical-align:middle; display:table-cell; }
#why-participate .details p .fa-inr { font-size:14px; }


/* ==========================================================================
	Responsive Settings
========================================================================== */


@media (max-width:1200px) {
	
	/*--- Signup Steps  --- */
	.signup-steps .tabs1 .nav-tabs > li > a { padding:17px 20px; font-size:14px;}
	
	
}

@media (max-width:992px) {
	
	
	.signup-login-wrap { width:100%; }
	.signup-login-wrap .right-column,#why-participate { padding:15px; }
	.signup-login-wrap { background-image:url(../../files/event_images/cg2017_images/participate-image2); background-size:360px; }
	.signup-login-wrap .form1 ul li { margin-bottom:8px; }

	/*--- Signup Steps  --- */
	.signup-steps .tabs1 .nav-tabs { padding:0 10px;}
	.signup-steps .tabs1 .nav-tabs > li > a { padding:12px 15px; font-size:12px;}
	.signup-steps .icon { height:70px; width:70px; line-height:70px; margin-bottom:20px;}
	.signup-steps h4 { margin-bottom:23px;}
	.signup-steps .icon .fa { line-height:70px;}
	.signup-steps-page .token-input-dropdown-facebook { width:257px !important;}
	.steps-page .token-input-dropdown-facebook, .steps-page #autocomplete  { width:400px !important;}
	
}

@media (max-width:767px) {
	
	.signup-login-wrap .right-column { margin-bottom:30px;}
	.signup-login-wrap .left-column,.signup-login-wrap .right-column { float:none; width:auto; }
	.signup-login-wrap .left-column, .signup-login-wrap .right-column { min-height:auto; }
	#why-participate li:last-child { margin-bottom:15px; }
	.signup-login-wrap { background-image:none; }
	.signup-login-wrap .left-column { background-image:url(../../files/event_images/cg2017_images/participate-image2); margin-left:-15px; background-repeat:no-repeat; background-size:cover; margin-left:-10px; margin-right:-10px; }
	.signup-login-wrap .right-column { padding:15px 0px 30px 0px; }
	#why-participate li p { font-size:14px; }
	#awards-prizes .prizes-table { padding:0px; }
	.signup-login-wrap .right-column { border:none; }
	.signup-login-page h3 { margin-bottom:0px; }

	/*--- Signup Login --- */
	#signup-login { padding:0 10px;}
	#signup-login .tabs3 .tab-content { padding:20px;}
	#signup-login footer { margin:0 -20px -20px;}
	#signup-login .social-btn { margin-left:5px;}
	#signup-login .tooltip.in { display:none !important;}
	#signup-login .form1 input[type="submit"] { width:100%;}
	#signup-login .sociable, .modal #signup-login .sociable { padding-left:0; text-align:center;}
	#signup-login .social-btn { margin-left:2px;}
	.modal #signup-login { padding:0;}

	
	/*--- Signup Steps  --- */
	.signup-steps .tabs1 .nav-tabs { padding:0; display:none;}
	.signup-steps .tabs1 .nav-tabs > li { float:left;}
	.signup-steps .tabs1 .nav-tabs > li > a { padding:5px; font-size:12px;}
	.signup-steps .tabs1 .nav-tabs li a { margin-right:0;}
	.signup-steps .tabs1 .nav-tabs > li > a > .fa { font-size:17px;}	
}