/*
	SpecificSections.css
	TemplateName: Business Management
	Copyright (c) 2015, ObjectWeb Srl. All rights reserved.
	Version: 1.0.0
*/


.section.repair-request .inputbox select.validation-highlight {
   background-image: url(../Images/InputArrow.svg) !important;
   background-repeat: no-repeat;
   background-position: top 19px right 25px;
   height: 50px !important;
   background-size: 30px;
   text-transform: uppercase;
}


/* Font
------------------------------------------------------------------------------------------------- */
@font-face {
   font-family: 'Knockout-50';
   src: url('../font/Knockout-50.eot');
   src: local('Knockout-50'), url('../font/Knockout-50.otf') format('truetype');
}
@font-face {
    font-family: 'Knockout-50';
    src: url(../font/Knockout-50.woff);
}

@font-face {
    font-family: 'Knockout-30';
    src: url('../font/Knockout-30.eot');
    src: local('Knockout-30'), url('../font/Knockout-30.otf') format('truetype');
}
@font-face {
    font-family: 'Knockout-30';
    src: url(../font/Knockout-30.woff);
}
/* ---------------------------------------------------------------------------------------------- */



/* General
------------------------------------------------------------------------------------------------- */
.page-content:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.content.col-xs-12 {
	padding: 0;
}

.section {
	margin-bottom: 0 !important;
}

.section-margin {
	margin-bottom: 80px !important;
}

.blue {
  color: #109AD7;
}

.btn.btn-white {
  background-color: #FFF;
  color: #000;
  border: 1px solid #000;
}

.btn.btn-white:hover {
  background-color: #109AD7;
  color: #FFF;
  border: 1px solid #109AD7;
}

.btn.btn-black {
  background-color: #000;
  border-color: #000;
  color: #FFF;
}

.btn.btn-secondary {
	border: 2px solid #109AD7;
}

.btn.btn-secondary:hover {
	border-color: #FFF;
	color: #FFF;
}

.modal .btn.btn-secondary:hover {
	border-color: #000;
	color: #000;
}

.btn.btn-black:hover {
  background-color: transparent;
  border-color: #000;
  color: #000;
}

a.btn.disabled {
  cursor: no-drop;
  pointer-events: all;
  background-color: #CCC;
  border-color: #CCC;
}

a.btn.disabled:hover {
  background-color: #AAA;
  border-color: #AAA;
}

.overlay-black {
  background: rgba(0, 0, 0, 0) linear-gradient(to left, rgba(0, 0, 0, 0.0) 0%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 100%) repeat scroll 0 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 80%;
}

@media(max-width:767px){
	body {
	  font-size: 20px;
	}
	.btn {
	  padding: 7px 50px;
	}
	.overlay-black {
	  background: rgba(0,0,0,0.6);
	  width: 100%;
	}
	.section-margin {
		margin-bottom: 40px !important;
	}
}

@media(max-width:500px){
	.btn {
		padding: 5px 30px;
		font-size: 20px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Header
------------------------------------------------------------------------------------------------- */
header {
	padding: 50px 0 70px;
	border-bottom: 2px solid #109AD7;
}

header .logo img {
  max-width: 280px;
  display: inline-block;
}

header .title-container {
  display: inline-block;
  float: right;
  font-family: Knockout-30;
  font-size: 50px;
  line-height: 40px;
  text-transform: uppercase;
  position: relative;
}

header .title-container .small {
	font-size: 23px;
	position: absolute;
	top: 3px;
}

@media(max-width:767px){
	header {
		padding: 20px 15px;
		text-align: center;
	}
	header .title-container {
		float: none;
		margin-top: 10px;
		font-size: 40px;
		display: block;
		margin-bottom: 15px;
	}
}

/* Menu */

header {
	position: relative;
}

.ar-menu {
	position: absolute;
  	width: 100%;
    bottom: 0px;
}

.ar-menu .section.menu {
	float: right;
}

.ar-menu .navbar-nav > li > a {
 	margin-bottom: 0px;
    padding: 3px 10px;
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    margin: 5px 0px;
    border-right: 1px solid #109AD7;
    color: #fff;
}

.ar-menu .navbar-nav > li:last-child > a {
	border-right: none;
}

.ar-menu .navbar-nav > li > a:hover {
 	color: #109AD7;
    background-color: transparent;
}

.ar-menu .navbar-nav > li.active > a {
 	color: #109AD7;
}

@media(max-width: 767px) {

	.ar-menu {
		position: initial;
	}

	.ar-menu .section.menu { 
		margin-top:50px;
		float: none;
	}
	
	.ar-menu .nav > li {
		display: inline-block;
	}
		
	header {
		padding: 20px 15px 0px;
	}
}

/* ---------------------------------------------------------------------------------------------- */



/* Footer
------------------------------------------------------------------------------------------------- */
footer {
	background-color: #494848;
	padding: 50px 0;
	font-size: 16px;
}

footer .info {
  float: left;
}

footer .info img {
  max-width: 250px;
}

footer .info .copyright {
	margin-top: 81px;
	font-size: 13px;
}

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

footer .links .title {
  display: block;
  border-bottom: 1px solid #109AD7;
  padding-bottom: 15px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 22px;
}

footer .links a {
  display: block;
  color: #FFF;
  text-transform: uppercase;
}

footer .links a:hover {
  color: #109AD7;
}

@media(max-width:767px){
	footer {
		padding: 40px 0;
	}
	footer .info {
		float: none;
	}
	footer .info .copyright {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	footer .links {
		float: none;
		text-align: center;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Messaggio Informativa
------------------------------------------------------------------------------------------------- */

.informativa-message-section  {
	background-color: #fff;
	padding: 50px;
	border-radius: 50px;
	margin: 100px auto !important;
	color: #000;
}

.informativa-message-section .section-title h2 {
	color: #109AD7 !important;
}

.informativa-message-section .btn.btn-primary {
	margin-top: 10px;
	margin-bottom: 15px;
}

@media(max-width: 991px){
	.informativa-message-section {
		padding: 30px;
		margin: 30px auto !important;
	}
}

@media(max-width: 767px){
	.informativa-message-section {
		padding: 15px;
		border-radius: 30px;
		margin: 30px 15px !Important;
	}
}
/* ---------------------------------------------------------------------------------------------- */