/****************************/
/********Main Styles*********/
/****************************/

body {
	padding-top: 100px !important;
}

a {
	color: #00aeef !important;
	outline: none;
}

.shimano h4 {
	margin: 50px 0 20px 0;
}

.shimano.centred {
	text-align:center;
}





/****************************/
/********Navigation**********/
/****************************/

.shimano-nav {
	background-color: #3d4c4e;
	color: #ffffff;
}

.shimano-nav a {
	color: #00aeef;
}

.shimano-nav a:hover {
	color: #0c96c9;
}

.navbar.bg-dark {
	background-color:#3d4c4e !important;
}

.btn-primary.blue-button {
	padding:10px;
	background-color: #00aeef;
	display: inline-block;
	margin: 30px 5px;
	border: none;
	color:#ffffff;
	border-radius: 0;
}

.btn-primary.blue-button:hover {
	background-color:#0c96c9;
	color:#ffffff;
	text-decoration: none;
}

.header-logo {
	margin: 30px;
}

.shimano-nav .navbar-nav {
	margin-top: 10px;
}

i.fa.fa-home.home-link {
	font-size: 40px;
	margin: 30px 0;
}

/****************************/
/**********Slider************/
/****************************/

a.carousel-control-prev, a.carousel-control-next {
	width:45px;
}

span.carousel-control-prev-icon {
	background-image: url('/images/slider-arrow-left-45px.png');
	width:45px;
	height:45px;
}

span.carousel-control-next-icon {
	background-image: url('/images/slider-arrow-right-45px.png');
	width:45px;
	height:45px;
}

/****************************/



/****************************/
/***********Home*************/
/****************************/

.grey-row {
	background-color: #eff0f1;
}

/****************************/


/****************************/
/**********Forms*************/
/****************************/

.modal input {
	width: 95%;
	margin: 10px;
	padding: 2.5%;
}

.shimano label {
	width:100%;
}

.shimano input, .shimano select {
	width:100%;
	padding: 5px;
	margin: 20px 0;
}

.shimano select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image:
    linear-gradient(45deg, transparent 50%, #00aeef 50%),
    linear-gradient(135deg, #00aeef 50%, transparent 50%),
    linear-gradient(to right, #ebebeb, #ebebeb);
	background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
	background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
	background-repeat: no-repeat;
	border-radius: 0;
	border-color: #cccccc
}

.shimano select:after {
	content: "\f087";
	font-family: FontAwesome;
}

input.serialno {
	width:10%;
}

input[type="submit"] {
	background-color: #00aeef;
	color: #ffffff;
	text-decoration: none;
	border: none;
}

input[type="submit"]:hover {
	background-color: #0c96c9;
}

input[type="checkbox"] {
	float:left;
	margin:5px 10px 0 0;
	width: auto;
}


/*Style file upload button*/
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
    color: white;
    background-color: black;
    display: inline-block;
    cursor: pointer; /* "hand" cursor */
    padding: 5px;
	margin: 20px 0;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: #666666;
}

.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}


#sorry {
	width:100%;
	display: block;
	background-color: #ff578e;
	border: solid 2px #f10033;
	text-align: center;
	padding: 10px;
	animation: 1s ease-out 0s 1 fadeIn;
}

/****************************/


/****************************/
/********Owners Area*********/
/****************************/

.catch {
	margin: 20px 0;
}

.award-preview {
	opacity: 0.3;
	outline: none;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.award-preview:hover {
	opacity: 1;
	animation: 0.5s ease-out 0s 1 fadeIn;
}

.award-preview:focus {
	outline: none;
}

.preview {
	opacity: 0.3;
}



img#previewing {
	display: block;
	margin: auto;
	max-width: 400px;
}

#loading {
	display: none;
	position: absolute;
	top: 50px;
	left: 850px;
	font-size: 25px;
}

#success {
	width:100%;
	display: block;
	background-color: #d9ff53;
	border: solid 2px #94be00;
	text-align: center;
	padding: 10px;
	animation: 1s ease-out 0s 1 fadeIn;
}

/****************************/


/****************************/
/**********Footer************/
/****************************/

img.shimano-logo-footer {
	max-width: 230px;
	margin-top: 40px;
}

.footer {
	padding-bottom: 40px;
}

.footer .right {
	text-align: right;
}

.footer .social-icons {
	margin: 40px 0 0 0;
}

.footer .social-icons .fa {
	font-size: 26px;
	color: #00aeef;
	margin: 5px;
}



@media only screen and (max-width: 991px) {
	body {
		padding-top: 176px !important;
	}
	.mobile-center {
		text-align: center;
	}
    .blue-button {
		padding:6px;
		margin: 8px auto;
	}
	.header-logo {
		margin: 10px;
		display: block;
	}
	.shimano-nav .navbar-nav {
		margin-top: 0px;
	}
	.shimano-nav div.dropdown-menu.show {
		left: 50% !important;
		margin-left: -80px;
	}


}

@media only screen and (max-width: 767px) {
	.footer {
		text-align: center;
	}
	.footer .right {
		text-align: center;
	}
}