@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

body {color: #666; font-family: 'Noto Sans', sans-serif; font-size: 0.8em; background-color:#fff; margin:0 auto; height:auto;}
h1 {font-size:3.6em; font-family:'Noto Sans', sans-serif; 
/*color:#EC3347;*/color: #004282;
width:90%; margin:0 auto; text-align:center; line-height:100%; font-weight:400;}
h2 {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #666;
    font-family: "Noto Sans",sans-serif;
    font-size: 1.6em;
    margin: 0 auto;padding:20px; text-align:center; width:55%;}

h3 {font-size:2em; font-family:'Noto Sans', sans-serif; color:#666; text-transform:uppercase; margin:0; padding:0;}
h4 {font-size:1em;}
.left {float:left;}
.right {float:right;}
.clr {clear:both;}
ul {list-style:none; padding:0; margin:0;}
p {font-size:1.4em; font-family:'Noto Sans', sans-serif; color:#666; width:50%; margin:0 auto; text-align:center; font-weight:400;}
img {border:0;}
.fa-envelope, .fa-phone, .fa-mobile {/*color:#ec3347;*/
color: #004282;}

/* CLEARFIX */
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/* HEADER & NAV */
header, footer {position:fixed; display:block; width: 100%; background: #333; z-index:9; text-align:center; color: #f2f2f2;}
header {top:0px; background:#fff; height: 65px;}
footer {bottom:0px; padding:0;}
a {/*color:#ec3347;*/ color: #004282; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}
a.top {background:#000; padding: 10px 15px; position: absolute; right: 30px; bottom: 30px; display:block; color:#fff; border:1px solid #fff; opacity:0.4;}
a.logo {display: block; float: left;padding:15px 10px 14px 30px; text-decoration: none;}
a.logo img {display:block;}
.content {width:100%; margin:0 auto; text-align:center;}
header a.logo.tablet {display:none;}
nav {position:fixed; top:0; z-index: 70; width: 100%; padding: 0; margin:0; font-size:1.4em; font-family:'Noto Sans', sans-serif;  text-transform:capitalize; font-weight:400; /*border-bottom:4px solid #ec3347*/ border-bottom: 4px solid #004282;}
nav li { display:inline-block; color: #ffffff;}
nav li a {text-decoration:none; color: #000;}
nav li.active {background:#ffffff; color:#214875; }
nav li a, nav li.active a {padding:20px; height:25px; display:block;}
nav li.active a:hover {background:#ffffff; color:#000; cursor:default; text-decoration:none; }
nav li a:hover {/*background:#EC3347;*/ background: #004282; color:#ffffff;text-decoration:none; }
nav li.active a {color: #000; font-weight:700}
nav a#pull {display: none;}



/* SECTIONS */
.section p {padding:20px;}
.section {padding:130px 0 20px 0; /*min-height: 1000px !important;*/ height: auto !important;}

/*** HOME ***/
#section0.section {padding:25px 0 20px 0;}
#section0 .intro {/*background:#ec3347; */ background: #004282;
    padding:50px 0; position:relative;}
#section0 .intro h1 {line-height:125%; padding:20px 20px 0px; font-size:2em; font-family:'Noto Sans', sans-serif; width:40%; color:#fff; margin:0 auto; text-align:center; font-weight:400; display:block;}
#section0 .intro img {margin:25px auto 10px; /*width:70px;*/  width: 15%; height: auto; border-bottom:5px solid white; padding:0 25px 25px;}
#section0 .intro img.logo {display:none;}
#section0 .intro p { padding: 20px; width: 40%;}
#section0 .intro b {padding:20px 20px 0px; font-size:2em; font-family:'Noto Sans', sans-serif; width:50%; color:#f3970b; margin:0 auto; text-align:center; font-weight:700; display:block;}
#section0 .intro i.fa-caret-down {/*color:#ec3347;*/ color: #004282; position:absolute; margin:0 auto; bottom:-39px; right:0; left:0;}
#section0 .content{margin:20px auto; text-align:center;}
#section0 .enter {border: 1px dotted #ffffff; color: #ffffff; padding: 20px; position: relative; background:#295382; margin-bottom:40px;}
#section0 .enter p{color:#FFFFFF; width:80%;}
#section0 .enter h3 {background:#295382; color: #ffffff; font-family: "Noto Sans",sans-serif; font-size: 1.8em; font-weight: 700; left: 0; margin: 0 auto; padding: 5px 10px; position: absolute; right: 0; text-align: center; top: -20px; width: 37%; }
#section0 .coming-soon {opacity:0.5; background:white; padding:10px; width:80%; margin:0 auto;}
#section0 .coming-soon p {color:#214875; width:auto; opacity:1; padding:0; font-size:1.2em; text-align:left;}
#section0 .coming-soon i.fa-info-circle {border-right: 1px dotted #666; display: inline-block; float: left; font-size: 1.6em; margin-right: 10px; padding: 10px 5px 10px 0;}
#section0 strong {font-weight:700;}
#section0 .intro {position: relative; right: 0%; top: 0%; width: 100%; z-index:2; text-align:center;}
.links {margin: 0 auto; position: relative; text-align: center; }
.links a {background: none; border: 1px solid white; border-radius: 10px; color: #ffffff; display: inline-block; font-size: 1.8em; font-weight: 400; margin: 20px 10px; padding: 15px 25px; position: relative; text-align: center; text-decoration: none;}
.links a i.fa-question-circle { border-right: 1px dotted #ccc; display: inline-block; padding-right: 10px; margin-right: 10px; font-size:1.2em;}
.links a:hover {border: 1px solid #fff; background:#000;}
.links a:hover.help {border: 1px solid #fff; background:#ec3347;}
.links a.book {background:#000; color:white; border:0;}
.links a.book:hover {background:#ec3347; color:white; border:0;}

.home-link {color:#f3970b;}

/*** CATEGORIES ***/
.section-categories {padding-bottom:0;}
.section-categories .intro h2 {color:#666; font-family:'Noto Sans', sans-serif; font-size:1.6em; margin-top:0; background:none; padding-bottom:10px;}
.categories {margin:0px auto; text-align:center; width:100%;}
.categories h3 {display: block; font-size: 2em; font-weight: 400; margin: 0px auto;text-align: center; text-transform: capitalize; width:auto; color:#000; font-family:'Noto Sans', sans-serif; }
.categories p {display: block; font-size: 1.2em; font-weight: 400; margin: 10px auto 0px; text-align: center; width:90%; color:#666; font-family:'Noto Sans', sans-serif; padding:0; line-height:150%; }
.categories img {border:10px solid #fff; border-radius: 50%; margin: 0 auto 10px; width: 70%;}
.categories span {color: #999; display: block;font-family: Noto Sans; font-size: 1em; line-height: normal; margin: 0px; padding: 10px 0px 0;}

.categories .item {padding-bottom: 1px !important;}
.categories .item:hover h3{/*color:#ec3347;*/color: #004282;}
.categories .item:hover ul.sub-cat li b {color:#ec3347; border:1px dotted #ec3347;}
.categories .item:hover img {border:10px inset #ec3347;}
.categories .item h4 {/*color: #ec3347;*/
color: #004282; display: block; font-size: 2em; font-weight: 700; margin: 0px auto 0; position: relative; text-align: center; text-transform: capitalize; font-family:'Noto Sans', sans-serif;}
.categories .item a {display:none;}
.categories .item:hover a {display:block; /*background:#ec3347;*/ padding:5px; color:#ffffff; margin:10px 0 20px; font-size:1.6em; /*border:1px solid #ea7602;*/ text-decoration:none;background: #004282; border: 1px solid #d4dde6;}
.categories .item:hover a:hover {background:#000; border:1px solid #fff; text-decoration:none;}
.categories .nb {border:1px dotted #d4d4d4; color: #999; font-family: Noto Sans; font-size: 1.1em; font-weight: 500; line-height: 130%; margin: 0px auto 10px; width:59%; padding:10px 15px 10px 10px;}
.categories .nb i.fa {font-size:1.8em; margin-right:5px; vertical-align:sub;}



.section-categories .info {/*background:#ec3347;*/ background: #004282; color:#FFFFFF; position:relative; bottom:0; padding:0px 0 10px; margin-top:0;}
.section-categories .info p {/*background:#FCE1E4; color: #ec3347;*/ background: #d4dde6;
color: #004282; font-family: Noto Sans; font-size: 1.2em; font-weight: 700; line-height: normal; margin: 0px auto; padding: 10px 0; font-style:italic; text-transform:none; text-align:center; width:100%;}
.section-categories .info p i.fa {font-size:1.4em; margin-right:5px;}
.section-categories .info .content {margin: 0 auto;  padding: 10px 0 5px; width: 80%; }
.section-categories .info .content b { float: left; font-size: 2.5em; margin: 5px 0; text-align: right; width: 45%; }
.section-categories .info .content p { background: none; color: #fff; display: inline-block; font-family: "Noto Sans",sans-serif; font-size: 1.5em; font-style: normal; font-weight: normal; margin: 0 auto; padding: 0; text-align: left; width: 52%;}
.section-categories .info .content span {background: none; color: #fff; display: inline-block; font-size: 0.8em; margin: 0 auto; padding: 0; text-align: left; width: auto;}
.section-categories .info .content p i.fa {font-size:1.2em; color:#fff;}


/*** NOMINATE ***/
.section-nominate h2 {width:40%;}
.section-nominate .content div {width:33.19%; display:inline-table; min-height:270px; padding:0;}
.section-nominate .content div h3 {color:#FFFFFF; font-size:3em; margin:0 auto 25px;}
.section-nominate .content div b {color:#FFFFFF; font-size:1.2em; margin:5px auto; font-weight:400; font-family:'Noto Sans', sans-serif; }
.section-nominate .content div img {margin:25px auto; display:block;}
.section-nominate .awards {margin:0 auto; width:80%;}
.section-nominate .top-winners div, .section-nominate .winners div {width:28%; display:inline-table; padding:20px; margin:10px;}
.section-nominate .top-winners div h4, .section-nominate .winners div h4 {font-family: "Noto Sans",sans-serif; font-size: 1.9em; margin-bottom: 10px; padding-bottom: 5px; text-transform: uppercase; font-weight:700;}
.section-nominate .top-winners div p, .section-nominate .winners div p {font-weight:700; width:auto; padding:5px 0 0px 0;}
.section-nominate .top-winners div h4 {border-bottom:5px solid #f3970b;}
.section-nominate .winners div h4 {border-bottom:5px solid #214875;}
.section-nominate .winners div b {margin: 5px 0; font-size:1em; display:inline-table; color:#214875; text-transform:uppercase; border-bottom:1px dotted #214875; padding:5px; width:auto; }
.section-nominate .winners div em {display:block; margin-bottom:10px; color:#999; font-size:1.3em; font-style:italic;}



div.architecture {background:#3569A7;}
div.design {background:#688fbd;}
div.critical-thinking {background:#9ab4d3;}


ul.listing{margin-bottom:20px; display:inline-block;}
ul.listing li {border:1px dotted #ccc; display:inline-block; margin:10px; padding:20px; position:relative; text-align:center; width:28%; float:left; min-height:510px; }
ul.listing li span {display: block; width: 100%;}
ul.listing li span h3 {display: block; font-size: 1.8em; font-weight: 700; margin: 20px auto 0;text-align: center; text-transform: uppercase; width:auto; padding: 20px 30px 0; color:#6383A9; font-family:'Noto Sans', sans-serif; }
ul.listing li span p {display: block; font-size: 1.1em; font-weight: 400; margin: 10px auto 0; text-align: center; width:90%; color:#666; font-family:'Noto Sans', sans-serif; padding:0; line-height:150%; }
ul.listing li span strong {font-weight:700;}
ul.listing li span em {font-style:italic;}
ul.listing li span img {width:50%; border-radius:50%;border: 10px double #6383A9; }


/*** VENUE ***/
#googleMap iframe {width: 100%;}
#googleMap {height: 350px; margin:0 0 25px}
#googleMap img { max-width: none; }
#googleMap div.iwContent {font-family:'Noto Sans', sans-serif; font-size: 1.2em; font-weight: 700;}

.section-event .intro h2 {width:65%;}
.section-event .content p {width:70%;}
.tickets {margin:0 auto;}
.tickets h3 {
    color: #ec3347;
    font-size: 1.8em;
    padding: 10px;
    text-transform: none;
	width:90%; margin:0 auto;
}
.tickets h4 {
	background:#EC3347;
    color: #fff;
    font-size: 1.6em;
    padding: 5px;
    text-transform: none;
	width:35%; margin:0 auto;
}
.tickets h4 i.fa {
    color: #fff; vertical-align:sub;

}
.tickets i.fa {
    color: #000;
    display: inline-block;
    font-size: 1.2em;
    padding: 5px;
}
.early-bird {background: #ec3347;
    color: white;
    margin: 30px auto 0;
    padding: 15px;
    text-align: center;
    width: auto;
	font-size:2.1em;
	font-weight:bold;
}
.early-bird a {
    border: 1px solid white;
    border-radius: 10px;
    color: #fff;
    font-size: 0.9em;
    margin: 0 5px;
    padding: 5px 10px;
}
.early-bird a:hover {
	background:black;
	text-decoration:none;
}
.early-bird a i.fa-angle-right {margin:0 5px 0 10px;}

/*** JUDGES ***/
.section-judges h2 {width:55%;}
.section-judges ul h3 {margin-bottom:10px;}
.section-judges ul {
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}
.section-judges ul li {
    display: inline-table;
    margin-bottom: 20px;
    width: 20%;
}
.section-judges ul li img {
    border-bottom: 5px solid #004282;
    margin-bottom: 5px;
    width: auto;
    max-height: 300px;
}
.section-judges ul li b {
    color: #000;
    display: block;
    font-size: 1.8em;
    font-weight: 500;
    line-height: 100%;
    margin: 0 auto 2px;
    text-transform: uppercase;
    width: 90%;
}
.section-judges ul li span {
    display: block;
    font-family: 'Noto Sans',sans-serif;
    font-size: 1.1em;
}
.section-judges p {
    background: none repeat scroll 0 0 #eee;
    border-bottom: 5px solid #ddd;
    color: #666;
    font-family: Noto Sans;
    font-weight: 700;
    padding: 10px 0;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}
.section-judges p i.fa {
    bottom: -35px;
    color: #ddd;
    font-size: 3em;
    left: 0;
    position: absolute;
    right: 0;
}
/*** CONTACT ***/
.section-contact .bg {background:url(../images/contact_bg.jpg) no-repeat center center; background-size:cover; width:100%; margin-top:50px;min-height:300px; display:block; border-bottom:5px solid #f3970b;}
.section-contact .content {width:80%; margin:20px auto;}
.section-contact .content .left {width:31%; display:inline-block; border-right:1px dotted #ccc; margin-right:20px; padding-right:20px;}
.section-contact .content .right {width:65%; display:inline-block; float:left;}
.section-contact .content h2 {font-family: 'Noto Sans',sans-serif; text-transform:uppercase; font-weight:700; padding-bottom:0!important;}
.section-contact .content h2, .section-contact .content p {padding:10px 0px; width:100%; text-align:left;}
.section-contact .content ul li {text-align:left; font-size:1.2em; line-height:150%;}
.section-contact .content ul li i.fa {margin-right:5px; text-align:left;}
.section-contact .content ul li i.fa-phone {font-size:1.2em;}
.section-contact .content ul li i.fa-mobile {font-size:1.8em;}
.section-contact .content ul b {text-transform:uppercase; text-align:left; font-size:1.5em; display:block; font-weight:700; color:#000;}
.section-contact .content ul.left {width:48%; border-right:none; padding:0; margin:0;}


/*** SPONSORS ***/
.section-sponsors .intro h2 {padding-bottom:10px;}
.section-sponsors .intro h2 strong {font-weight:700;}
.section-sponsors .intro p {padding-top:0;}
.section-sponsors .intro p b {margin:0 8px;}
.section-sponsors .intro p i.fa {vertical-align:baseline;}
.section-sponsors .intro p i.fa-envelope {font-size:0.9em;}
.section-sponsors .intro p i.fa-phone {font-size:1em;}
.section-sponsors .intro p i.fa-mobile {font-size:1.3em;}
.section-sponsors .content {width:80%; margin:20px auto 0;}
.section-sponsors .headline.sponsor, .section-sponsors .sponsors {width:80%; display:block; padding:20px; background:#ffffff; margin:0 auto 15px; border:1px dotted;}
.section-sponsors .headline.sponsor b, .section-sponsors .sponsors b {font-size:1.3em; display:block; color:#fff; text-transform:uppercase; margin:-21px -21px 20px -21px; padding:10px 20px; width:auto; font-weight:700; }
.section-sponsors .headline.sponsor b {/*background:#ec3347;*/
background: #004282;}
.section-sponsors .headline.sponsor h3, .section-sponsors .sponsors h3 {display:inline-block; /*border-bottom:5px solid #ec3347;*/
border-bottom: 5px solid #004282; margin-bottom:10px; color:#000; font-size:1.9em;}
.section-sponsors .headline.sponsor p, .section-sponsors .sponsor p {font-size:1em; padding:0; width:100%; margin-bottom:10px; line-height:140%;}
.section-sponsors .headline.sponsor a, .section-sponsors .sponsors .sponsor a  {font-size:1.3em; margin:0 5px; display:block;}
.section-sponsors .headline.sponsor img, .section-sponsors .sponsors.sponsor img {display:block; margin:40px auto; max-width:280px;}

.section-sponsors .headline.sponsor img:hover, .section-sponsors .sponsor img:hover {opacity:0.5;}

.section-sponsors .headline.sponsor {border-color:#000;}
.section-sponsors .headline.sponsor p {font-size:1.1em; width:80%}
.section-sponsors .headline.sponsor span {margin-bottom:15px; display:block;}
.section-sponsors .headline.sponsor span a {display:inline-block;}
.section-sponsors .sponsors {border-color:#000;}
.section-sponsors .sponsors b {background:#000;}
.section-sponsors .sponsor {background:#ffffff; display: inline-table; margin: 15px 0; padding: 0 15px; width: 30%;}
.section-sponsors .sponsors .sponsor img {max-width:200px; margin:20px auto 40px; display:block;}
.section-sponsors .sponsors.goody-bag img {max-width:200px; margin:20px auto 40px; display:block; max-height:80px;}



/*** PAST AWARDS ***/
.section-pastawards h2, .section-winners h2 {width:65%;}
.section-pastawards h3, .section-winners h3 {margin: 20px auto 0; font-weight:400; font-size:1.4em; background:#000; color:#fff; padding:10px 0; text-transform:capitalize;}
.section-pastawards .awards, .section-winners .awards {margin:0 auto; width:80%;}
.section-pastawards .top-winners div, .section-pastawards .winners div, .section-winners .top-winners div, .section-winners .winners div {width:28%; display:inline-table; padding:20px; margin:10px;}
.section-pastawards .top-winners div h4, .section-pastawards .winners div h4, .section-winners .top-winners div h4, .section-winners .winners div h4 {font-family: "Noto Sans",sans-serif; font-size: 1.9em; margin-bottom: 10px; padding-bottom: 5px; font-weight:400;}
.section-pastawards .top-winners div p, .section-pastawards .winners div p, .section-winners .top-winners div p, .section-winners .winners div p {font-weight:400; width:auto; padding:5px 0 0px 0; color:#000;}
.section-pastawards .top-winners div h4, .section-winners .top-winners div h4 {/*border-bottom:5px solid #ec3347;*/
border-bottom: 5px solid #004282;}
.section-pastawards .winners div h4, .section-winners .winners div h4 {border-bottom:5px solid #000;}
.section-pastawards .winners div b, .section-winners .winners div b {margin: 5px 0; font-size:1em; display:inline-table; color:#000; text-transform:uppercase; border-bottom:1px dotted #000; padding:5px; width:auto; }
.section-pastawards .winners div em, .section-winners .winners div em {display:block; margin-bottom:10px; color:#999; font-size:1.3em; font-style:italic;}


.red {color:#ec3347!important;}
b.red {border-bottom-color:#ec3347!important;}






ul.nominations li {
    font-family: Noto Sans;
    font-size: 1.6em;
    margin: 5px 0;
    text-transform: uppercase;
}
.nominate_link {width:25%;}

.leaf img {width: 100%;}

/***** shortlist section *******/
/*** bold text for shortlist section **/
#section1 .sponsors p strong{
    font-weight: bold;
}
/**** changing height of section0 (home) section ****/
#section0 .fp-tableCell {
    display:table-header-group !important;
}

.blue {
    color: #004282 !important;
}

.main_container .item a {
    display: block;
    padding: 5px;
    color: #ffffff;
    margin: 10px 0 20px;
    font-size: 1.6em;
    text-decoration: none;
    background: #004282;
    border: 1px solid #d4dde6;
}




.main_container .item h4 {
    /* color: #ec3347; */
    color: #004282;
    display: block;
    font-size: 2em;
    font-weight: 700;
    margin: 0px auto 0;
    position: relative;
    text-align: center;
    text-transform: capitalize;
    font-family: 'Noto Sans', sans-serif;
}

.section-event .special_p{
    max-width: 35em;
    text-align: left;
}
.judgesMain{width:80%}
.judgesDes{width:20%;float:left;}
.margin_ten {
    margin-top: 10px;
    
}
.footer_space {
    float: left;
    width: 130px;
    display: block;
}
.nri {
    width: 105px;
    margin-left: 0;
    height: 39px;
    margin-top: 3px;
    background: url(/images/Compelo-logo.png) no-repeat;
    display: block;
}


.footer_description {
    float: left;
	width:80%
}