html {
    position: relative;
    min-height: 100%;
}

body {
    height: 100%;
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap>.container {
    padding: 53px 15px 20px;
}

a {
    font-size: 14px;
}

.footer {
    min-height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after,
a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content:
        /*"\e113"*/
        "\e151";
}

a.desc:after {
    content:
        /*"\e114"*/
        "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav>li>form {
    padding: 8px;
}

@media(max-width:768px) {
    .nav li>form {
        padding: 3px;
    }
}

.nav>li>form>button:hover {
    text-decoration: none;
}

.intl-tel-input {
    width: 100%;
}

/*** So Stylish ***/
a {
    color: #d32f2f;
}

h1 {
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 20px 0;
    font-weight: 400;
    font-size: 24px;
    background-color: #d32f2f;
    margin-top: 0;
    color: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

h2 {
    margin-bottom: 50px;
    font-weight: 700;
    font-size: 40px;
}

h2 span {
    color: #d32f2f;
}

h3 {
    color: #000000;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    transition: all 0.5s ease 0s;
    margin-bottom: 30px;
    line-height: unset;
}

h3::after {
    background: #d32f2f;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    bottom: -3px;
    width: 70px;
}

footer.dark {
    color: #9d9d9d;
    background: #080808;
}

footer.dark a {
    color: #9d9d9d;
    text-decoration: none;
}

footer.dark a:hover,
footer.dark a:focus {
    color: #fff;
}

.cover {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.contest-details,
.brand-details {
    margin-top: 30px;
    margin-bottom: 30px;
}

.brand-contacts,
.brand-description,
.contest-description,
.contest-configuration {
    margin-top: 30px;
    background: #f8f8f8;
    padding: 30px;
    border-radius: 5px;
}

.brand-contacts h3,
.brand-description h3 {
    margin-top: 0;
}

.panel {
    background: #f5f5f5;
    position: relative;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.panel-heading {
    border: 0;
}

.panel-heading {
    padding: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
    border: 0
}

.panel a:hover,
.panel h2:hover {
    text-decoration: none;
}

.overlay {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    background: rgba(211, 47, 47, 0.8);
    top: 0;
    transform: scale(0);
    transform-origin: 0 1 0;
    opacity: 0;
    transition: all 0.5s ease 0s;
    cursor: pointer;
}

.overlay ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    top: 45%;
    transform: rotate(0deg);
    transition: all .9s;
}

.overlay ul li {
    display: inline-block;
    color: #ffffff;
    margin-right: 5px;
}

.overlay ul li i {
    color: #ffffff;
    font-size: 16px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ffffff;
    border-radius: 50%;
}

.panel:hover .overlay {
    opacity: 1;
    transform: scale(1);
}

.panel-body,
.panel-footer {
    transition: all 0.5s ease 0s;
    border: 0;
}

.panel:hover .panel-body,
.panel .panel-footer {
    background: #d32f2f;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    color: #fff;
}

.panel:hover .panel-body a.primary-color {
    color: #fff;
}
.panel-footer:hover h5 a:hover,
.panel-footer:hover a.primary-color:hover {
    text-decoration: underline;
}

.panel-footer p {
    margin-bottom: 0;
}


.panel:hover .panel-footer strong a,
.panel:hover .panel-footer h5 a {
    color: #fff;
}

.panel-footer a {
    font-size: 16px;
}

.panel-footer strong {
    font-style: italic;
}

.panel-footer h5 a {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
}

.panel-footer h5 {
    line-height: 21px;
    margin-bottom: 10px;
    height: 41px;
    overflow: hidden;
}

.projectsavailable {
    padding-top: 10px;
    height: 30px;
}

h2.panel-title a {
    color: #fff;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding-bottom: 10px;
    line-height: 21px;
}

h2.panel-title {
    line-height: 21px;
    margin-bottom: 10px;
    height: 41px;
    overflow: hidden;
}

.panel:hover h2.panel-title a {
    color: #fff;
}

.panel-default>.panel-heading {
    min-height: 160px;
    background: #fff url('../images/spinner.gif') center no-repeat;
}

/*** Navbar ***/
.navbar-brand {
    padding: 10px 15px;
}

.navbar-brand img {
    padding-right: 15px;
}

.nav-pills {
    padding-top: 30px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    background: #d32f2f;
    color: #fff;
}

.big-btn {
    font-size: 18px;
    padding: 7px 12px;
}

.contest-language-selector {
    margin-bottom: 0px;
}

.summary {
    text-align: right;
    margin-bottom: 15px;
}

.contest-language-selector {
    width: 200px;
    float: right;
}

.project {
    background: #f8f8f8;
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.project-detail {
    font-size: 16px;
}

.project-detail .panel-footer p {
    height: 88px;
    overflow: hidden;
}

.project h3 {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .contest-language-selector {
        float: none;
    }
}

.clear {
    clear: both;
}

h4 {
    margin-bottom: 20px;
    margin-top: 0;
    font-size: 30px;
}

h4 strong {
    font-size: 21px;
}

h4 br {
    padding-bottom: 10px;
}

.m-b {
    margin-bottom: 20px;
}

.m-t {
    margin-top: 20px;
}
.mt-05{
	margin-top: 5px;
}
.mt-1{
	margin-top: 10px;
}
.mb-1{
	margin-bottom: 10px;
}
.mb-2{
	margin-bottom: 20px;
}
.mb-3{
	margin-bottom: 30px;
}
.ml-2{
	margin-left:20px;
}
.px-1{
	padding-left: 10px;
	padding-right: 10px;
}
.px-2{
	padding-left: 20px;
	padding-right: 20px;
}
.py-1{
	padding-bottom: 10px;
	padding-top: 10px;
}
.py-2{
	padding-bottom: 20px;
	padding-top: 20px;
}

.navbar-brand {
    line-height: 32px;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #d32f2f;
}

select option {
    height: 34px;
}

.alert {
    margin-top: 20px;
}

.panel-footer a {
    color: #fff;
    font-weight: bold;
}

.panel:hover a {
    color: #212121;
}

.upper {
    text-transform: uppercase;
}

.navbar-nav .btn {
    text-align: left;
}

.inlined {
    display: inline;
}

.status {
    border: 15px solid #babdbe;
}

.contest-configuration ul {
    padding-inline-start: 15px;
}

.pagination>li>a,
.pagination>li>span {
    padding: 10px 20px;
}

.contest-detail .list-view {
    position: relative;
}

.contest-detail .list-view p {
    height: 21px;
    line-height: 21px;
    overflow: hidden;
}

.list-view ul.pagination {
    display: table;
    margin: 20px auto;
    text-align: center;
}

@media screen and (max-width: 767px) {

    .pagination>li>a,
    .pagination>li>span {
        padding: 8px 13px;
    }
}

@media screen and (max-width: 470px) {

    .pagination>li>a,
    .pagination>li>span {
        padding: 5px 10px;
    }
}

.pagination>li>a,
.pagination>li>span,
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #d32f2f;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #d32f2f;
    border-color: #d32f2f;
}

hr.home {
    margin-top: 60px;
    margin-bottom: 40px;
    border-top-color: #d32f2f;
    width: 33%;
    opacity: 0.5;
}

p a.viewall {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
}

p a.viewall:hover {
    text-decoration: none;
}

.shortcut-buttons .btn-default {
    outline: none !important;
}

.shortcut-buttons .btn-default.active {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.site-index .brand-logo {
    margin-top: 20px;
}

.site-index .brand-logo img {
    max-width: 400px;
    width: 100%;
    height: auto;
}

.partners>.container {
    padding-bottom: 20px;
}

.partners>.container img {
    padding: 20px;
}

.size_24{
	font-size: 24px;
}
.size_30{
	font-size: 30px;
}
#counter{
	display: inline-block;
	margin-left: 20px;
	float:right;
}
#counter .days, #counter .days_text,
#counter .hours, #counter .hours_text,
#counter .minutes, #counter .minutes_text,
#counter .seconds, #counter .seconds_text{
	display: block;
	text-transform: uppercase;
}
#counter .days,
#counter .hours,
#counter .minutes,
#counter .seconds{
	font-size: 60px;
	font-weight: bold;
	line-height: 55px;
	text-align: right;
	padding-right: 20px;
}
#counter .days_text,
#counter .hours_text,
#counter .minutes_text,
#counter .seconds_text{
	letter-spacing: 2px;
	padding-right: 20px;
	text-align: right;
}
#counter > span{
	display: inline-block;
}

@media(min-width:768px) and (max-width:992px) {
    #counter .days,
	#counter .hours,
	#counter .minutes,
	#counter .seconds{
		font-size: 40px;
	}
}
@media(max-width:768px) {
    #counter{
		float: none;
	}
	.mobilew-100{width:100%;}
	.mob-center{text-align: center;}
}

.registration-complete ol > li {
	padding-top: 20px;
}