/*! custom.css v1.0 */

/* ==========================================================================

   Custom CSS Stylesheet. This is where you should add your own styles!

   ========================================================================== */

/*
* Simple style overrides or custom adds
*/

.some-css-selector {font-size:13px;}
.plaque-immat {
    width: 441px;
    height: 100px;
    background-position: 0 0px;
	background-image: url(../images/monimmat/plaque2.png);
	
	margin:auto;
}
.plaque-immat input{
	width: 423px;
	height: 96px;
	background: none;
	border: 0;
	font-size: 55px;
	color: #4b4139;
	text-align: center;
	text-transform: uppercase;
	outline: none;
	box-sizing: border-box;
	
}

/*** Btn FullColor */
.btn-fullcolor-blue,
.btn-fullcolor-blue:focus { background-color: #3498db; color: #fff;}
.btn-fullcolor-blue:hover {color: #fff;}
.btn-fullcolor-blue { border-width: 0;}
.btn-fullcolor-blue { text-shadow: none; padding: 10px 20px; line-height: 1.6; box-shadow: none; font-size: 13px; font-weight: 700; border-style: solid; 
	border-radius: 3px; -webkit-transition: background-color .15s ease-out; transition: background-color .15s ease-out;}

.kl-iconbox--sh-square span.kl-iconbox__icon {display: inline-block; border-radius: 3px; vertical-align: middle; position: relative; 
z-index: 1; padding:22px; background-color: #cd2122; color: #fff;}
.kl-iconbox--sh-square:hover span.kl-iconbox__icon:after { width:120%; left:-10%; background-color: #a41a1b;}

.btn-five { width:18%;}

.kl-slideshow-safepadding {padding-top:90px;}

/* Reservation form */
.sc__res-form {width: 540px; position: relative; margin: 70px auto 0; box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);}
.sc__form-reservation { }
.rf__block { float: none; width: 100%; padding:10px 10px;background-color:#f5484c;border-radius: 3px 0 0 3px; }
.rfblock--submit {width: 30%; }
.rfblock--fields  { padding:10px 10px;border-radius: 3px 0 0 3px; width: 80px; font-size:24px; font-weight:600;background-color: #ffffff; color:#000; text-align:center;}
.rfblock--fields .rf__field {width: calc(25% - 10px);}
.rf__field {border-left:1px solid rgba(255,255,255,0.06); margin-left:20px; padding-left:20px;float: left;}
.rfblock--fields .rf__field:first-child { border:0; margin-left:0; padding-left:0; width: calc(50% - 20px);}
.rf__label {display:block;  font-size:18px; margin-bottom:0px; font-weight:600;}
.rf__select {width:100%; cursor:pointer; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; background-repeat: no-repeat; background-size: 5px 8px; background-position: 86% 50%; background-color: #2a425a; border: 0; height: 35px; padding: 0 0 0 15px; color: #fff; outline: none;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUY4QjAxMDMyMDEzMTFFNTlCOTRBMEJGNDg4OEVBOTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUY4QjAxMDQyMDEzMTFFNTlCOTRBMEJGNDg4OEVBOTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRjhCMDEwMTIwMTMxMUU1OUI5NEEwQkY0ODg4RUE5OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRjhCMDEwMjIwMTMxMUU1OUI5NEEwQkY0ODg4RUE5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgLLZzQAAAA7SURBVHjaYvz//z8DGkiD0rOQBZkYiASMSCam4VAzi2QT04hRSJYbqWMi9RWy4Ak/hkEUM9RNPQABBgBHYhbX6Sf7oQAAAABJRU5ErkJggg==); }
.rf__select:hover,
.rf__select:focus {background-color: #263645; outline:none;}
.rffield--bigger .rf__select {width:-webkit-calc(50% - 5px); width:calc(50% - 5px); float:left; margin-left:10px;}
.rf__select.rf__checkinmonth { margin-left:0; }
.rf__submit {background-color: #CD2122; position: relative; right: 0; width: 100%; height: 100%; border: 0; font-size: 14px; font-weight: 700; 
	border-radius: 0 3px 3px 0; -webkit-transition: background-color .2s ease-out, padding-left .2s ease-out; 
	transition: background-color .2s ease-out, padding-left .2s ease-out; padding: 0 20px;text-align: left;line-height: 1.6;outline: none;}
.rf__submit:hover {background-color: #a41a1b; padding-left:15px;}
.rf__submit:after { content: "\e080"; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; 
	line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 60px; color: rgba(255, 255, 255, 0.15); 
	position: absolute;  right: 22px;  top: 50%; margin-top: -30px; -webkit-transition: right .2s ease-out; transition: right .2s ease-out;}
.rf__submit:hover:after { right: 15px; }
.rf__submit span {position: relative;}
.rf__submit .static-content__subtitle { font-size:24px; }

.kl-slideshow-safepadding {padding-top:90px;}
/* ==========================================================================
   ** Responsive styles custom rules
   * These rules are ready to be used for either overrides
   * or just your own custom rules.
   ========================================================================== */

@media only screen and (min-width : 1921px){

}

@media only screen and (max-width : 1440px){

}

@media only screen and (min-width : 1200px) and (max-width : 1440px){

}

@media only screen and (min-width : 1200px){

}

@media only screen and (max-width: 1199px){


}

@media only screen and (min-width: 992px) and (max-width: 1199px){

}

@media only screen and (min-width: 992px){


}

@media only screen and (max-width: 991px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px){

}

@media only screen and (min-width: 768px) {

}

@media only screen and (max-width: 767px) {
.plaque-immat {
    width: 300px;
    height: 68px;
    background-position: 0 0px;
	background-image: url(../images/monimmat/plaque.png);
	margin: auto;
}
.plaque-immat input{
	width: 282px;
	height: 65px;
	background: none;
	border: 0;
	font-size: 25px;
	color: #4b4139;
	text-align: center;
	text-transform: uppercase;
	outline: none;
	box-sizing: border-box;
	
}
}

@media only screen and (max-width : 480px) {

}

@media only screen and (max-width : 320px) {

}