/*
Project Name: Kerala Blog Express - Season 5
Author: Amruth Raj R (OrisysIndia)
Created On: 12-11-2018
*/

* {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	outline: none;
}
a, a:hover, a:active, a:focus {
	text-decoration: none;
}
.shadow-box {
	background-color: #d5d5d5;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
}

/*------------Colours-----------*/
::-moz-selection {
 color: white;
 background: #00ad5a;
}
::selection {
	color: white;
	background: #00ad5a;
}
a, .color-orange {
	color: #ed9a2a;
}
/*------------Body-----------*/
ol ol {list-style-type:upper-alpha;}
ol ol ol {list-style-type:lower-alpha;}
h1, h2, h3, h4, h5, .nav-link, .btn-nominate, footer, form label, .form-control, .nominate .terms {
	font-family: 'Quicksand', sans-serif;
}
.font-inverse {
	font-family: 'Crimson Text', serif;
}
body {
	background-color: #e4e4e3;
	font-family: 'Crimson Text', serif;
	color: #808080;
	font-size: 20px;
}
header {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 9999;
}
.navbar-light .navbar-nav .nav-link {
	color: #808080;
	font-weight: bold;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	color: #ed9a2a;
}
.home-banner {
	display: flex;
	min-height: 90vh;
	color: #FFF;
	overflow: hidden;
	position:relative;
}
.home-banner video {
	width: 100%;
	height: auto;
	left: 0%;
	bottom: 0%;
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	transition: 1s opacity;
}
.home-banner h2 {
	font-size: 35px;
}
.home-banner h5 {
	font-size: 17px;
}
.submit-nominations p {
	font-size: 17px;
}
.btn-nominate {
	background: #f79c22; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #f79c22 0%, #fbbb10 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #f79c22 0%, #fbbb10 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #f79c22 0%, #fbbb10 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79c22', endColorstr='#fbbb10', GradientType=1 );
	color: #fff;
}
.btn-nominate:hover {
	color: #fff;
}
.unique-exp .card:hover {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.social-info {
	background-color: #d5d5d5;
}
.page-banner {
	background-color: #7b7f81;
	display: flex;
	color: #FFF;
	padding-top: 100px;
}
.page-content {
	font-size: 16px;
	line-height: 22px;
}
.nominate i {
	color: rgba(0,0,0,0.1)
}
.nominate form label {
	font-weight: 600;
	font-size: 14px;
}
.nominate .terms {
	list-style: none;
	margin: 0;
	padding: 10px;
	border: 1px solid #d5d5d5;
}
.nominate .terms li {
	display: flex;
	color: #7b7f81;
	font-size: 14px;
	margin-bottom: 5px;
}
.nominate .terms li span {
	display: block;
	padding: 0 10px;
}
.nominate .terms .custom-checkbox {
	display: none;
}
.nominate .terms .custom-checkbox + label {
	display: block;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
}
.nominate .terms .custom-checkbox + label:before, .nominate .terms .custom-checkbox + label:after {
	content: '';
	position: absolute;
}
.nominate .terms .custom-checkbox + label:before {
	border: 1px solid #d5d5d5;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #fff;
	left: 5px;
	top: 1px;
}
.nominate .terms .custom-checkbox + label:hover:before {
	border-color: #ccc;
}
.nominate .terms .custom-checkbox + label:after {
	border-bottom: 2px solid #d5d5d5;
	border-right: 2px solid #d5d5d5;
	width: 6px;
	height: 12px;
	left: 12px;
	top: 4px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	display: none;
}
.nominate .terms .custom-checkbox:checked + label:after {
	display: block;
	border-color: #fff;
}
.nominate .terms .custom-checkbox:checked + label:before {
	background-color: #03F;
}
.form-control {
	border-color: #d5d5d5;
	font-weight: 600;
	font-size: 14px;
}
.form-control::placeholder, select.form-control option:disabled {
 color:#c7c7c7;
}
footer {
	background-color: #000;
	color: #fff;
}
.footer-menu {
	list-style-type: none;
	margin: 0 0 30px;
	padding: 0;
}
.footer-menu a {
	display: block;
	color: #fff;
	font-size: 13px;
	padding: 5px 0;
	font-weight: 600
}
.sub-footer, .sub-footer a {
	font-size: 11px;
	color: #a8a8a8;
}
.border-grey {
	border-top: 1px solid #3e3e3e;
}

@media (min-width: 768px) {
header {
	top: 20px;
}
.home-banner {
	min-height: 90vh;
}
.container-sm {
	max-width: 992px;
}
.navbar {
	padding: .7rem 1rem;
}
.navbar-light .navbar-nav .nav-link {
	font-size: 12px;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding-left: 20px;
	padding-right: 20px;
}
.submit-nominations .btn-nominate {
	position: absolute;
	right: 15px;
	font-size: 24px;
	top: -60px;
	padding: 40px 50px;
}
.nominate .btn-nominate {
	padding: 10px 30px;
}
.home-blogs .row:nth-child(even) {
	flex-direction: row-reverse
}
.page-banner {
	min-height: 500px;
}
.page-banner-sm {min-height: 250px;}
}

@media (max-width: 768px) {
header {
	top: 15px;
}
.home-banner {
	min-height: 80vh;
}
.home-banner video {
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
}
/*.submit-nominations {text-align:center;}*/
.btn-nominate {
	position: relative;
	font-size: 20px;
	display: block;
	font-weight: bold;
	padding: 15px 20px;
	margin-bottom: 10px;
}
.page-banner {
	min-height: 250px;
	text-align:center;
}
footer {
	text-align: center
} 
.countbox: border-box;  
  width: 300px;
  height: 100px;
  padding: 30px;  
  border: 10px solid blue;
}
.count{position:absolute;
left:300px;top:100px;}