@font-face {
   font-family: 'komika_axisregular';
    src: url('fonts/komikax_-webfont.eot');
    src: url('fonts/komikax_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/komikax_-webfont.woff2') format('woff2'),
         url('fonts/komikax_-webfont.woff') format('woff'),
         url('fonts/komikax_-webfont.ttf') format('truetype'),
         url('fonts/komikax_-webfont.svg#komika_axisregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.eot');
    src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
           url('fonts/Montserrat-Regular.woff') format('woff'),
         url('fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat-bold-webfont.eot');
    src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
      
          url('fonts/Montserrat-Bold.woff') format('woff'),
         url('fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poetsen';
    src: url('fonts/PoetsenOne-Regular.eot');
    src: url('fonts/PoetsenOne-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/PoetsenOne-Regular.woff2') format('woff2'),
         url('fonts/PoetsenOne-Regular.woff') format('woff'),
         url('fonts/PoetsenOne-Regular.ttf') format('truetype'),
         url('fonts/PoetsenOne-Regular.svg#poetsen') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{margin:0 auto;padding:0; font-family: 'montserratregular', sans-serif;font-size:62.5%;color:#414142;background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; }
a{text-decoration:none;}
.vm{vertical-align:middle;}
.clear{clear:both;}
.relative{position:relative;}
strong{ font-family: 'montserratbold';}
header,section,footer{display:block;}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;font-weight:normal;}
h1{font-size:4.1em;color:#ec1651;text-transform:uppercase;font-family: 'poetsen';margin-bottom:25px;text-align:center;}
h2{font-size:3em;text-transform:uppercase;font-family: 'poetsen';text-align:center;}

p{line-height:18px;}
.pull-left{float:left;}
.pull-right{float:right;}
.clearfix:before, .clearfix:after { display: table; content: " "; }
.clearfix:after, .clear { clear: both; }
.m-t-lg{margin-top:50px;}
.m-t-md{margin-top:30px;}
.m-t-sm{margin-top:20px;}
.m-t-xs{margin-top:10px;}
.m-r-lg{margin-right:30px;}
.m-r-md{margin-right:20px;}
.m-r-sm{margin-right:10px;}
.m-r-xs{margin-right:5px !important;}
.m-l-lg{margin-left:30px;}
.m-l-md{margin-left:20px;}
.m-l-sm{margin-left:10px;}
.m-l-xs{margin-left:5px !important;}
.m-b-lg{margin-bottom:30px !important;}
.m-b-md{margin-bottom:20px;}
.m-b-sm{margin-bottom:10px;}
.m-b-xs{margin-bottom:5px;}a
.nopadding{padding:0 !important;}
.nomargin{margin:0 !important;}
.n-p-l{padding-left:0 !important;}
.text-center{text-align:center;}
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], textarea {border:0;padding:20px;color:#999;	width:94%;font-size:1.8em;font-weight:400;outline:none;border-radius:0;	-moz-border-radius:0;-webkit-border-radius:0;-ms-border-radius:0;-o-border-radius:0;font-family: "montserratregular";background-color: #f1f1f2;}
/*input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {border:2px solid #000;}*/
textarea {min-height:125px;	padding: 10px;	font-family: "montserratregular";}
select {border:0;padding:10px;color:#999;	width:100%;font-size:1.4em;font-weight:400;outline:none;border-radius:0;	-moz-border-radius:0;-webkit-border-radius:0;-ms-border-radius:0;-o-border-radius:0;font-family: "montserratregular";background-color: #f1f1f2;}
a {	color:#414142;text-decoration:none;	word-wrap:break-word;transition:color .5s;outline:0;border:0;}
img {text-decoration:none;outline:0;border:0;}
a:hover {text-decoration:none;}
a.active, a:hover {color:#000;	text-decoration:none;transition:color .5s;}

#main{display:block;}
.middle-wrapper{display:block;}
.layout-width{max-width:1060px;width:100%;margin:0 auto;}
.storylayout-width{max-width:1060px;width:100%;margin:0 auto;}
.logo{margin:25px auto;text-align:left;width:40%;float:left;}
.logortol{margin:25px auto;text-align:left;width:40%;float:right;}
.login-bg{background-color:#f1f1f2;border-radius:15px;padding:50px;max-width:880px;width:100%;margin:0 auto;}
.login-form{display:inline-block;vertical-align:middle;width:245px;text-align:center;}
.login-form h2{font-size:2.4em;margin-bottom:15px;font-family:'montserratbold';}
.login-form .row{display:block;clear:both;overflow:hidden;margin-bottom:10px;}
.login-form label{font-size:2em;line-height:24px;display:block;padding-bottom:10px;}
.login-form input{width:220px;background:#fff;height:38px;padding:7px;}
.login-form input[type='submit']{width:auto;padding:15px 50px;height:auto;background:none;font-family:"montserratregular",sans-serif;}
.login-form input[type='submit']:hover{background:#000;color:#fff;cursor:pointer;}
.login-from span {padding:0px;}
.login-form .text-link{font-size:1.4em;margin-bottom:30px;}
.login-form .text-link a{color:#414142;}
.login-form .text-link a:hover{color:#000;}
.login-character{background-size:100%;background-image:url(../images/character-01.svg);background-repeat:no-repeat;background-position:0 0;width:310px;height:335px;display:inline-block;vertical-align:middle;margin:0 70px;}
.gray-bg{background-color:#f1f1f2;border-radius:15px;padding:0 15px 30px 15px;}
.middle-content{max-width:1060px;width:100%;margin:0 auto;}
.common-button{border:2px solid #000;text-transform:uppercase;font-size:18px;color:#000;padding:15px 14px;}
a.common-button {text-decoration:none !important;padding:15px 14px;display:block;color:#000 !important;text-align:center;}
a:hover.common-button{background:#000;color:#fff !important;}
.dashboard-logo {
    float: left;
    margin: 25px 50px 25px 0;
    width: 365px;
}
.footer{margin:100px 0 0 0;;}
.social-wrapper{background:#29ade4}
.social-tab{display:block;text-align:center;color:#fff;text-transform:uppercase;padding:30px 0;font-size:20px;}
.social-tab span{padding:5px 0 0 0;display:inline-block;vertical-align:middle;}
.social-tab span.paddingLt{padding-left:50px;}
.footer-bottom{background:#29292a;padding:100px 0 40px 0;text-align:center;}
.copyright{color:#d2d2d2;display:block;font-size:15px;padding-top:70px;}

.form-wrapper1{background:#fff;border-radius:15px;max-width:760px;width:100%;padding:50px 50px 10px 50px;margin:0 auto 30px;}
.form-wrapper1 .heading{margin:0 auto 60px;text-align:center;max-width:310px;width:100%;}
.form-wrapper1 .heading .icon{display:inline-block;vertical-align:middle;margin:30px 15px 0 0;}
.form-wrapper1 .title{font-size:5em;text-align:left;font-family: 'poetsen';line-height:35px;display:inline-block;vertical-align:middle;}
.form-wrapper1 .title span{color:#666;font-size:0.4em;display:block;}

/*Share page--------------------------------------------------------*/
.share-form-wrapper{background:#fff;border-radius:15px;max-width:760px;width:100%;padding:50px 50px 10px 50px;margin:10px auto 30px;}
.sharevideo-form-wrapper{background:#fff;border-radius:15px;max-width:760px;width:100%;padding:0px;margin:10px auto 30px;}
.share-form-wrapper .heading{margin:0 auto 60px;text-align:center;max-width:300px;width:100%;}
.share-form-wrapper .heading .icon{display:inline-block;vertical-align:middle;margin:30px 15px 0 0;}
.share-form-wrapper .title{font-size:5em;text-align:left;font-family: 'poetsen';line-height:35px;display:inline-block;vertical-align:middle;}
.share-form-wrapper .title span{color:#666;font-size:0.4em;display:block;}
.shareform-group{
	/* [disabled]clear:both; */
	display: block;
	margin-bottom: 40px;

	position: relative;
}
.sharevideoform-group{	position:relative;height:0;overflow:hidden;padding-bottom:70%;  }
.sharevideoform-group iframe{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;}

.shareform-group label{font-size:2em;color:#AEAEB5;padding-bottom:10px;display:block;text-align:center;}
.shareform-group p{font-size:2em;color:#414142;padding-bottom:10px;display:block;text-align:center;line-height:24px;margin:0;word-wrap:break-word;}
.form-wrapper{background:#fff;border-radius:15px;max-width:960px;padding:30px 30px 10px 30px;margin:30px auto 0;}

.form-group{clear:both;display:block;margin-bottom:20px;position:relative;}
.form-group label{font-size:20px;color:#414142;padding-bottom:10px;display:block;font-family: 'montserratregular';}
.form-group .form-control{width:100%;display:block;}
.validation-msg{font-size:1.2em;color:#ff0000;position:absolute;top:100px;left:0;}
.color-blue {color: #009fbf;}
.story-grid {display: block; margin: 40px 0;}
.story-grid ul {margin: 0; padding: 0;}
.story-grid li { display: inline-block; list-style:none; margin: 0 10px 30px 0; vertical-align: top; width: 23.9%; position:relative;}
.story-grid li img{width:100%;}
.story-grid li .thumbnail { background: #000; border-radius: 10px;  padding: 0;margin-bottom:10px;height:172px;overflow:hidden;vertical-align:central;}
.story-grid li .details p{margin:0;padding:5px 0 5px 0;font-size:14px;word-wrap: break-word;border-bottom: 1px solid #ddd;}
.story-grid li .details p a{color:#009fbf;}
.story-grid li .details p a:hover{color:#000;}
.story-grid li:nth-child(4n){margin:0;}
.country-name{position:absolute;top:0;right:0;background:#ee3063;padding:5px 10px;color:#fff;text-transform:uppercase;font-family: 'montserratbold';font-size:15px;}
.search-code-school{margin:30px 0 0 0;display:none;}
.col-3{padding:0 15px;width:31.2%;float:left;}
.col-3:first-child{padding-left:0;}
.col-3:last-child{padding-right:0;}
.search-code-school .col-3{padding:0 10px;width:26.0%;}
/*.search-code-school .col-3{padding:0 10px;width:38.4%;}*/
/*.search-code-school .col-1{padding:0 0 0 10px;width:19%;float:left;}*/
.search-code-school .col-1{padding:0 0 0 10px;width:15%;float:left;}
.search-code-school .col-3 input{width:90%;padding: 10px 10px;font-size:14px;}
.advance-search{display:block;clear:both;font-size:16px;color:#009fbf;; font-family: 'montserratbold';}
.advance-search a{color:#009fbf;text-decoration:underline}
.advance-search a:hover{text-decoration:none;}
.device-select-option{background:#fff;font-size:20px;padding:15px;border-radius:15px;display:none;cursor:pointer;}
.shareupload-img-list{margin:20px 0;width:100%;float:left;text-align:center;}
.shareupload-img-list ul{padding:0;margin:0;}
.shareupload-img-list li{list-style:none;margin-bottom:20px;float:left;vertical-align:middle;width:48%;text-align:center;position:relative;border-radius:12px;height:200px;margin-right:18px;overflow:hidden;background:#f3f3f4;}
.shareupload-img-list li .thumbnail-wrapper{margin:0 15px 0 0;height:100%;display:inline;overflow:hidden;}
.shareupload-img-list li .thumbnail{color:#767776;font-size:2.5em;font-family: 'montserratbold'; overflow:hidden;vertical-align:middle;}
.shareupload-img-list li:last-child{margin:0;}
.shareupload-img-list .uploaded-img {background:#f3f3f4;border:0;text-align:center;vertical-align:middle;}
.shareupload-img-list .uploaded-img .thumbnail img{width:100%;height:100%;vertical-align:middle;}
.shareupload-img-list .uploaded-img .thumbnail .icon-delete{position:absolute;bottom:0;right:20px;}
.shareupload-img-list li:nth-child(2n){ margin-right: 0;}{ margin-right: 0;}
.story-wrapper{border-bottom:1px solid #ccc;margin-bottom:30px;padding-bottom:30px;position:relative;}
.story-wrapper .actions{position:absolute;top:10px;right:20px;}
.story-wrapper .actions .icons{background:#666;padding:7px;border-radius:3px;}
.story-wrapper .actions .icons img{vertical-align:middle;}
.story-wrapper:last-child{border-bottom:0;padding:0;margin:0;}
.story-title-code-year{margin:0 auto;text-align:center;max-width:800px;width:100%;}
.story-title-code-year .year{font-size:2.4em;color:#b3b3b3;letter-spacing:3px;padding-top:15px;display:block;}
.story-title-code-year h2{ font-family: 'montserratbold';color:#676767;font-size:4.8em;margin:10px 0;word-wrap: break-word;}
.story-title-code-year .code{font-size:1.8em;color:#676767;text-transform:uppercase;}
.story-listing ul{padding:0;margin:0;}
.story-listing li{list-style:none;display:block;text-align:center;font-family: 'montserratbold';margin-bottom:50px;}
.story-listing li a{color:#767676;padding:25px;display:block;}
.story-listing li:hover a{color: #009fbf;}
.story-listing li .start-story{border:2px dashed #676767;font-size:4.8em;color:#767676;border-radius:10px;margin:20px 0 0 0;}
.story-listing li:hover .start-story{border:2px dashed #009fbf;}


.upload-img-list{margin:20px 0;width:100%;float:left;text-align:center;}
.upload-img-list ul{padding:0;margin:0;}
.upload-img-list li{list-style:none;vertical-align:middle;width:22%;text-align:center;position:relative;border-radius:10px;height:120px;margin-right:14px;overflow:hidden;display:inline-block;background: #000;}
.upload-img-list li .thumbnail-wrapper{margin:0 15px 0 0;height:100%;display:inline;overflow:hidden;}
.upload-img-list li .thumbnail{color:#767776;font-size:2.5em;font-family: 'montserratbold'; overflow:hidden;vertical-align:middle;}
.upload-img-list li:last-child{margin:0;}
.upload-img-list .uploaded-img {background:#f3f3f4;border:0;text-align:center;vertical-align:middle;}
.upload-img-list .uploaded-img .thumbnail img{width:100%;height:100%;vertical-align:middle;}
.upload-img-list .uploaded-img .thumbnail .icon-delete{position:absolute;bottom:0;right:20px;}

.mrgnBtm30{margin-bottom:30px;}
.story-listing li:last-child{margin-bottom:0;}

.story-detail-wrapper{max-width: 660px;width:100%;margin:50px auto 0;}
.story-detail-left{float:left; width: 45%;}
.story-detail-center{text-align:center;width: 50%;}
.story-detail-right{float:right;}
.story-detail-wrapper h3{font-size:2.0em;color:#666;margin-bottom:5px;font-family: 'montserratregular';text-transform:none;text-align:center;}
.story-detail-wrapper p{font-size:2.2em;line-height:24px;margin:0;text-align:center;}
.common-button1{border:2px solid #000;padding:15px 50px;display:inline-block;text-transform:uppercase;font-size:1.8em;color:#000;background:none;}

.common-button1:hover{background:#000;color:#fff;cursor:pointer;}
h1.pagetitle{font-size:2.4em;line-height:28px;letter-spacing:3px;color:#939598;font-family: "montserratregular";}
.select-options{display:block;}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }


#load{display:none;}

.pagination{display:block;clear:both;text-align:center;}
/*#pagination{display:none;}*/
#pagination1{display:none;}

#finfo{background:#d2d2d2;border-radius:4px;padding:10px;display:block;color:#767676;display:none;font-size:14px;}

/*Jury form page-----------------------------------------*/
.title-breadcrumbs{margin:50px auto 20px;max-width:1020px;}
.title-breadcrumbs h2{margin-bottom:10px;font-family: 'montserratregular';}
.title-breadcrumbs h2 span{text-transform:uppercase;}
.breadcrumbs{float:right;font-family: 'montserratbold';text-transform:uppercase;font-size:16px;}
.page-heading {color: #000; font-family: "montserratbold"; font-size: 4em; margin-bottom: 50px; text-align: center;}
.page-heading span {  color: #666; display: block; font-family: "montserratregular"; font-size: 0.4em;}
.inner-logo { float: left;  margin: 25px 50px 25px 0; width: 365px;}
.top-right-link { float: right; margin: 25px 0 50px 25px;}
.top-right-link ul { margin: 0; padding: 0;}
.top-right-link li {color: #009fbf; display: block; font-size: 14px;line-height: 23px; list-style: none;}
.top-right-link li a {color: #009fbf;}
.top-right-link li a:hover{ color: #000;}
.entry-detail{margin:0 0 20px 0;text-transform:uppercase;padding:0 30px;font-size:1.5em;text-align:center;}
.entry-detail p{margin-top:0;}
.jury-form .form-group{margin-bottom:40px;}
.jury-form h2{font-family: "poetsen";margin-bottom:50px;}
.jury-form label span{display:block;color:#9b9b9b;font-size:0.7em;}
.jury-form .labels{margin-bottom:10px;font-size:14px;}
.jury-form .labels span{margin:0 130px 0 0; font-family: "montserratbold";}
.jury-form .radio-inline{margin:0 10px 0 0;display:inline-block;font-size:1.4em;}
.story-status{max-width:1020px;margin:0 auto;}
.story-status-detail{float:left;}
.story-status-detail h3{text-transform:uppercase;font-size:2em;font-family: 'montserratbold';}
.story-status-detail h3 span{display:block;text-transform:none;font-family: "montserratregular";}
.button-right{float:right;}
.padder50{padding:50px 30px;}

.jury-grid {display: block;}
.jury-grid ul {margin: 0; padding: 0;}
.jury-grid li { display: inline-block; list-style:none; margin: 0 10px 30px 0; vertical-align: top; width: 23.7%; position:relative;}
.jury-grid li img{width:100%;width:100%;height:155px;overflow:hidden;border-radius:10px;}
.jury-grid li .thumbnail { background: #000; border-radius: 10px;  padding: 0;margin-bottom:10px;height:155px;overflow:hidden;vertical-align:central;}
.jury-grid li .details p{margin:0;padding:5px 0 5px 0;font-size:14px;word-wrap: break-word;border-bottom: 1px solid #ddd;}
.jury-grid li .details p a{color:#009fbf;}
.jury-grid li .details p a:hover{color:#000;}
.jury-grid li:nth-child(4n){margin:0;}
.jury-grid li .details .highlight{background:#ececec;font-size:13px;}
.jury-grid li .details .highlight span{display:inline-block;padding:5px 2px;}
.jury-grid li .details .highlight span strong{color:#e40043;}
.jury-grid li .details .highlight .rating{background:#e40043;padding:5px 8px;color:#fff;font-family:"montserratbold";float:right;}
.jury-grid li .badge{position:absolute;top:0;right:0;background:#ee3063;padding:5px 10px;color:#fff;text-transform:uppercase;font-family: 'montserratbold';font-size:15px;}
.color-red {color: #ed2024;}
.color-yellow {color: #face29;}
.color-green {color: #bccd32;}
.color-blue {color: #009fbf;}
.special-category-control .form-control{font-size:14px;}
.btn-continue{padding:0 0 0 20px;margin:30px 0 0 0;}
.popup-bg{background-color:rgba(0,0,0,0.7);position:fixed;top:0;left:0;width:100%;z-index:999;bottom:0;right:0;}
.login-popup-content{position:absolute;top:20%;max-width:300px;left:50%;margin-left:-170px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);background:#fff;border-radius:6px;padding:20px;width:100%;}
.login-popup-content .form-group{margin-bottom:20px;}
.login-popup-content .common-button{padding:10px 40px;}
.login-popup-content p {font-size:18px; padding-bottom:15px; color:#414142; text-align:center;line-height:28px;}
.login-popup-content .common-button1{border:2px solid #000;padding:10px 10px;display:inline-block;text-transform:uppercase;font-size:1.8em;color:#000;background:none;}

.login-popup-content .common-button1:hover{background:#000;color:#fff;cursor:pointer;}

.login-popup-content ul { margin:0 auto; padding:0;}
.login-popup-content li{display: inline-block; list-style:none; width: 24.0%; font-size:20px;text-align:center;padding:0;}



.back-landing{position:absolute;top:10px;right:42px;font-size:16px;border:1px solid #009fbf;}
.back-landing a{color:#009fbf;padding:10px;display:block;}
.back-landing a:hover{color:#414142;background:#009fbf;color:#fff;}
.top-right{float:right;width:32%;text-align:right;}
.top-rightrtol{float:left;width:32%;text-align:left;}
.top-btn{font-size:16px;border:1px solid #009fbf;margin:20px 0 0 0;display:inline-block;}
.top-btn a{color:#009fbf;padding:10px;display:block;}
.top-btn a:hover{color:#414142;background:#009fbf;color:#fff;}
.hamburger{background:url(../images/hamburger.png) no-repeat;width:32px;height:32px;display:inline-block;vertical-align:middle;margin:10px 0 0 10px;}
.top-menu{display:inline-block;position:relative;}
.top-menu .sub-menu{display:none;position:absolute;top:40px;right:0;width:150px;z-index:1;background:#fff;}
.top-menu .sub-menu ul{padding:0;margin:0;}
.top-menu .sub-menu li{list-style:none;display:block;border-bottom:1px solid #eae9c9;color:#797a72;text-transform:capitalize;font-size:13px;color:#000;}
.top-menu .sub-menu li a{color:#000;padding:8px 10px;display:block;}
.top-menu .sub-menu li a:hover{color:#ec1651;}
.divtables {max-width: 960px;overflow-x: scroll;}
.multi-view{display:block;margin:0 0 20px 0;float:right;width:100%;text-align:right;}
.multi-view img{margin:0 10px 0 0;}

#pop1 {display:none;}