@media only screen and (min-width: 0px) and (max-width: 700px) { 
div#CybotCookiebotDialog {scale: 75%;}
}

.kontakt-heart, .kontaktlista {	
	background-size: contain;
	background-repeat: no-repeat;	
}
.kontakt-heart {
	background-image: url("https://www.bokalokal.se/2020listing/img/heart-3.svg");
	padding: 5px 20px 5px 50px;
	background-position: 10px 0;
	cursor: pointer;
}

/*FÖRSTA DEL SOM RÖR TOGGLE NAVIGERING IKONEN*/


@font-face {
  font-family: "bootstrap-icons";
  src: url("./fonts/bootstrap-icons.woff2?8bd4575acf83c7696dc7a14a966660a3") format("woff2"),
url("./fonts/bootstrap-icons.woff?8bd4575acf83c7696dc7a14a966660a3") format("woff");
}

[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-filter-circle-fill::before { content: "\f3c4"; }
.bi-filter-circle::before { content: "\f3c5"; }
.bi-filter-left::before { content: "\f3c6"; }
.bi-filter-right::before { content: "\f3c7"; }
.bi-filter-square-fill::before { content: "\f3c8"; }
.bi-filter-square::before { content: "\f3c9"; }
.bi-filter::before { content: "\f3ca"; }

.bi-list-check::before { content: "\f473"; }
.bi-list-nested::before { content: "\f474"; }
.bi-list-ol::before { content: "\f475"; }
.bi-list-stars::before { content: "\f476"; }
.bi-list-task::before { content: "\f477"; }
.bi-list-ul::before { content: "\f478"; }
.bi-list::before { content: "\f479"; }

.bi-x-circle-fill::before { content: "\f622"; }
.bi-x-circle::before { content: "\f623"; }
.bi-x-diamond-fill::before { content: "\f624"; }
.bi-x-diamond::before { content: "\f625"; }
.bi-x-octagon-fill::before { content: "\f626"; }
.bi-x-octagon::before { content: "\f627"; }
.bi-x-square-fill::before { content: "\f628"; }
.bi-x-square::before { content: "\f629"; }
.bi-x::before { content: "\f62a"; }
.bi-youtube::before { content: "\f62b"; }
.bi-zoom-in::before { content: "\f62c"; }
.bi-zoom-out::before { content: "\f62d"; }

/* DEL NEDAN SOM RÖR ÖVRIGT FÖR MASTHEAD SAMT FOOTER*/

#header {

	background-color: #FFF;

}

.top-wrapper {

	height: auto;

}

.top-box {

	max-width: 1310px;

	margin: auto;

}

.col-logo-box {

	padding-top: 5px;

}

.col-logo-box .logo-box { 

	width: 100%;

}

.col-huvudsaklig-navigering {

	float: left;

	padding-top: 10px;

	padding-bottom: 10px;

}

.col-huvudsaklig-navigering ul {

	margin: 0px 0px;

	padding: 0px;

	display: inline-block;

	vertical-align: bottom;

}

.col-huvudsaklig-navigering ul li {

	list-style-type: none;

	float: left;

	padding: 0px;

}

.col-huvudsaklig-navigering ul li + li {

	margin-left: 5px;

}

.col-huvudsaklig-navigering ul a {

	display: inline-block;

	padding: 4px 4px; 

	background-color: #fff;

	color: #000;

	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;

	text-decoration: none;

	border: 2px solid #333;

	border-radius: 5px;

}

.col-huvudsaklig-navigering .lankdesign {

	clear: both;

	float: right;

	display: inline;

	vertical-align: baseline;

	line-height: 22px; 

	margin-left: 1px; 

	font-size: 14px;

}

.col-nav-toggle {

	float: right;

	padding-top: 11px;

	padding-bottom: 11px;

	text-align: right;

}

.col-nav-toggle .nav-toggle {

	display: inline-block;

	color: #384046;

	font-size: 32px;

	cursor: pointer;

	line-height: 0;

	margin: 0px 0px;

}

.col-nav-toggle .navbar {

	position: absolute;

	right: 0;

	top: 100px;

	padding: 20px;

	margin: 0;

	background-color: #fff;

	box-shadow: 0 0 25px rgba(0,0,0, 0.1);

	transition: 0.3s;

	visibility: hidden;

	opacity: 0;

	z-index: 5;

}

.col-nav-toggle .navbar-active {

	visibility: visible;

	opacity: 1;

}

.col-nav-toggle .navbar ul {

	margin: 0;

	padding: 0;

	list-style: none;

	align-items: center;

}

.col-nav-toggle .navbar li {

	position: relative;

}

.col-nav-toggle .navbar a {

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding: 10px;

	font-family: "Poppins", sans-serif;

	font-size: 16px;

	font-weight: 500;

	color: #4f5a62;

	white-space: nowrap;

	transition: 0.3s;

}

.col-nav-toggle .navbar a:hover, .col-nav-toggle .navbar .active, .col-nav-toggle .navbar li:hover > a {

	color: #3498db;

}

.special-textwrap-intresse {

	display: none;

	float: left;

	padding-left: 25px;

	padding-right: 25px;

	padding-top: 6px;

	padding-bottom: 6px;

	margin-bottom: 15px;

	margin-top: 10px;

	margin-right: 30px;

}

.special-textwrap-intresse p, .special-textwrap-kontakta p {

	font-family: URWGeometric-Regular;

	font-weight: bold;

	font-style: normal;

	text-align: left;

	color: #fff;

	font-size: 29px;

	line-height: 29px;

	padding: 0px;

	margin: 0px;

}

.pb-ner-special, .pb-upp-special {

	position: relative;

	background: #655f4c;

	border: 1px solid #655f4c;

}

.pb-ner-special::after, .pb-ner-special::before, .pb-upp-special::after, .pb-upp-special::before {

	top: 100%;

	left: 75%;

	border: solid transparent;

    border-top-color: transparent;

    border-top-width: medium;

    border-right-color: transparent;

    border-right-width: medium;

    border-bottom-color: transparent;

    border-bottom-width: medium;

    border-left-color: transparent;

    border-left-width: medium;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

}

.pb-ner-special::before {

	border-color: rgba(77, 77, 77, 0);

    border-top-color: rgba(77, 77, 77, 0);

	border-top-color: #655f4c;

	border-width: 11px;

	margin-left: -11px;

}

.pb-upp-special::after {

	border-color: rgba(77, 77, 77, 0);

    border-bottom-color: rgba(77, 77, 77, 0);

	border-bottom-color: #655f4c;

	border-width: 11px;

	margin-left: -11px;

}

.pb-upp-special::after, .pb-upp-special::before {

	top: calc(-50% + 0px);

	left: 25%;

}

#filter {

	position: relative;

	display: block;

	width: 100%;

	background: #FFFFFF;

	padding: 5px 10px;

	margin: 8px 0px 10px 0px;

}

.button-filter {

	display: block;

	padding: 3px 7px 7px 7px;

	font-size: 26px;

	text-align: center;

	background: #FFFFFF;

	border: 2px solid #333;

	cursor: pointer;

}

.button-filter .bi-filter {

	display: inline-block;

	width: 50px;

}

.button-filter .bi-filter:before {

	position: absolute;

	margin-top: -18px;

}

.button-filter .button-filter-text {

	font-size: 20px;

}

.button-filter.filter-expanded {

	display: none;

}

.filter-container {

	display: none;

}

.filter-container.filter-expanded {

	display: block;

}

.filter-container .filter-title {

	display: inline-block;

	font-size: 26px;

	margin-bottom: 15px;

}

.filter-container .filter-title .bi-filter {

	display: inline-block;

	width: 25px;

}

.filter-container .filter-title .bi-filter:before {

	position: absolute;

	margin-top: -20px;

}

.filter-container .filter-title .filter-title-text {

	font-size: 24px;

}

.filter-container .button-filter-close {

	display: inline-block;

	font-size: 26px;

	text-align: right;

	cursor: pointer;

}

@media (min-width: 576px) {

	.filter-container .button-filter-close {

		font-size: 32px;

	}

}

.filter-container .block-slider {

	position: relative;

	padding: 4%;

}

.filter-container .block-slider .block-slider-text {

	margin-bottom: 30px;

}

.filter-container .block-slider .noUi-horizontal {

	height: 10px;

}

.filter-container .block-slider .noUi-background {

	background: #FAFAFA;

}

.filter-container .block-slider .noUi-target {

	border-radius: 10px;

	border: 1px solid #036;

	box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;

	margin-bottom: 15px;

}

.filter-container .block-slider .noUi-base {

	width: 100%;

	height: 100%;

	position: relative;

}

.filter-container .block-slider .noUi-origin {

	position: absolute;

	right: 0;

	top: 0;

	left: 16%;

	bottom: 0;

	border-radius: 2px;

}

.filter-container .block-slider .noUi-handle {

	position: relative;

	z-index: 1;

	border: 3px solid #b4c2c7;

	border-radius: 16px;

	background: #fff;

	cursor: pointer;

	z-index: 1;

}

.filter-container .block-slider .noUi-horizontal .noUi-handle {

	width: 32px;

	height: 32px;

	left: -17px;

	top: -13px;

}

.filter-container .block-slider .slider-text {

	display: block;

	float: left;

	margin: 2px 0px;

	padding-top: 5px;

	font-size: 18px;

	font-family: URWGeometric-Regular;

	font-weight: normal;

	font-style: normal;

	font-size: 18px;

}

.filter-container .block-slider .slider-antal {

	display: block;

	float: left;

	margin: 0px 10px;

	padding: 5px 20px;

	color: #fff;

	background-color: #97aab0;

	font-family: URWGeometric-Regular;

	font-weight: normal;

	font-style: normal;

	font-size: 30px;

	line-height: 30px;

}

.filter-container .table {

  display: table;

  width: 100%;

}

.filter-container .table-cell {

  display: table-cell;

  vertical-align: bottom;

}

.filter-container .table-option .table-cell:first-child {

	padding-left: 0;

	padding-right: 10px;

}

.filter-container .w50 {

	width: 50%;

}

.filter-container .pb-ner30-bla {

	position: relative;

	background: #6c899b;

	border: 1px solid #6c899b;

}

.filter-container .pb-textwrap-intresse {

    padding-left: 8px;

    padding-right: 8px;

    padding-top: 6px;

    padding-bottom: 6px;

    margin-bottom: 15px;

    margin-top: 10px;

    border-radius: 6px;

    max-width: 330px;

}

.filter-container .pb-ner30-bla::after, .filter-container .pb-ner30-bla::before {

	top: 100%;

	left: 30%;

	border: solid transparent;

	border-top-color: transparent;

	border-top-width: medium;

	border-right-color: transparent;

	border-right-width: medium;

	border-bottom-color: transparent;

	border-bottom-width: medium;

	border-left-color: transparent;

	border-left-width: medium;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

}

.filter-container .pb-ner30-bla::before {

	border-color: rgba(108, 137, 155, 0);

    border-top-color: rgba(108, 137, 155, 0);

	border-top-color: #6c899b;

	border-width: 11px;

	margin-left: -11px;

}

.filter-container .pb-textwrap-intresse p {

	text-align: center;

	color: #fff;

	font-size: 18px;

	line-height: 20px;

}

.filter-container .content-box-list .pb-textwrap-intresse p {

	padding-top: 10px;

	padding-bottom: 10px;

	font-size: 16px;

	font-family: URWGeometric-Regular;

	font-weight: normal;

	font-style: normal;

}

.filter-container .block-option {

	width: 100%;

	min-height: 30px;

	background: #fafafa;

}

.filter-container label.knappar {

	display: block;

	width: 100%;

	padding-right: 7px;

	padding-left: 7px;

	padding-top: 8px;

	padding-bottom: 5px;

	margin-bottom: 10px;

	background-color: #fafafa;

	cursor: pointer;

	font-size: 16px;

	line-height: 20px;

	font-family: URWGeometric-Regular;

	font-weight: normal;

	font-style: normal;

}

.filter-container .border-knappar {

	border: 3px solid #B5C1C7 !important;

}

.filter-container .block-option .option {

	position: relative;

	display: inline-block;

	vertical-align: middle;

}

.filter-container input[type="radio"] {

	min-height: 20px;

	min-width: 20px;

	float: left;

	font-size: 1.5em;

	line-height: 1.5em;

	cursor: pointer;

}

.filter-container input[type="checkbox"] {

	min-height: 20px;

	min-width: 20px;

	float: left;

	font-size: 1.5em;

	line-height: 1.5em;

	cursor: pointer;

}

.filter-container .block-option .option > input {

	position: absolute;

	height: inherit;

	width: inherit;

	opacity: 0;

	left: 0;

}

.filter-container .block-option .checkbox, .filter-container .block-option .radio {

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	-o-border-radius: 3px;

	border-radius: 3px;

	outline: 0;

}

.filter-container .block-option .checkbox, .filter-container .block-option .radio {

	display: block;

	float: left;

	position: relative;

	background: #fff;

	display: inline-block;

	border: 3px solid #B5C1C7;

	height: 30px;

	width: 30px;

	margin: 0;

	cursor: pointer;

}

.filter-container .block-option .radio {

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	-o-border-radius: 20px;

	border-radius: 20px;

}

.filter-container .block-option .checkbox {

	margin-left: 0px;

}

.filter-container .block-option input:checked + .checkbox, .filter-container .block-option input:checked + .radio {

	border: 3px solid #3498db;

}

.filter-container .block-option .checkbox::before, .filter-container .block-option .radio::before {

	content: '';

	display: none;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	-o-box-sizing: content-box;

	box-sizing: content-box;

	padding: 0;

	margin: 0;

}

.filter-container .block-option .radio::before {

	margin: 9px;

	width: 7px;

	height: 7px;

	background: #1abc9c;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-o-border-radius: 10px;

	border-radius: 10px;

}

.filter-container  .block-option .checkbox::before {

	position: absolute;

	top: 2px;

	left: 2px;

	width: 19px;

	height: 12px;

	border: solid #3498db;

	border-width: 0 0 3px 3px;

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg);

}

.filter-container .block-option input:checked + .checkbox::before, .filter-container .block-option input:checked + .radio::before {

	display: block;

}

.filter-container .block-option .option-blue input:checked + .radio::before, .filter-container .block-option .option-blue input:focus + .radio::before {

	background: #3498db;

}

.filter-container .block-option .checkbox-text, .filter-container .block-option .radio-text {

	display: block;

	float: left;

	padding: 7px;

	cursor: pointer;

}



.read-more {

	display: block;

	width: 130px;

	margin: 40px auto 20px auto;

	height: auto;

	padding: 5px;

	border: 2px solid #333;

	border-radius: 5px;

	text-align: center;

}

.read-more .texten-telknappdesign {

	font-size: 24px;

	color: #000;

	padding: 0px 0px;

}



.more-call-inner {

	background: #655f4c;

	border: 1px solid #655f4c;

}

.more-call-inner .texten-telknappdesign {

	font-size: 20px;

	color: #FDFDFD;

}



.knapp-wrapper {

	position: relative;

	display: inline-block;

	margin: 0px 5px;

}

.knapp-wrapper .kontakt-heart {

	display: block;

	width: 25px;

	height: 25px;

	padding: 0px 0px;

	background-image: url("../img/heart.svg");

	background-size: contain;

	background-position: 0px 0px;

	cursor: pointer;

}

.knapp-wrapper .knapp-text {

	position: absolute;

	display: block;

	width: 20px;

	height: 20px;

	top: 0px;

	right: 0px;

	margin-top: -10px;

	margin-right: -10px;

	padding: 2px 2px;

	font-size: 16px;

	line-height: 16px;

	text-align: center;

	background: #0098DF;

	color: #FFFFFF;

	border-radius: 30px;

}

.venue .add-knapp-innerwrapper .button-add-delete-venue {

	padding: 5px 5px;

}

.venue .button-add-delete-venue .kontakt-heart {

	display: inline-block;

	width: 40px;

	height: 35px;

	padding: 0px 0px;

	background-position: 0px 0px;

	background-image: url("https://www.bokalokal.se/2020listing/img/heart-3.svg");

}

.venue.active .button-add-delete-venue .kontakt-heart {

	background-image: url("https://www.bokalokal.se/2020listing/img/heart-4.svg");

}

@media (min-width: 576px) {

	.col-huvudsaklig-navigering {

		padding-top: 20px;

		padding-bottom: 20px;

	}

	.col-huvudsaklig-navigering ul li + li {

		margin-left: 10px;

	}

	.col-huvudsaklig-navigering ul a {

		padding: 8px 8px; 

	}

	.knapp-wrapper {

		margin: 7px 10px;

    }

	.knapp-wrapper .kontakt-heart {

		width: 30px;

		height: 30px;

	}

	.knapp-wrapper .knapp-text {

		width: 25px;

		height: 25px;

		margin-top: -12px;

		margin-right: -12px;

		padding: 4px 4px;

		font-size: 16px;

		line-height: 16px;

	}

	.col-huvudsaklig-navigering .lankdesign { 

		font-size: 20px;

		line-height: 35px;

		margin-left: 5px;

	}

	.col-nav-toggle {

		padding-top: 34px;

		padding-bottom: 34px;

	}

	.col-nav-toggle .nav-toggle {

		font-size: 32px;

	}

	.col-nav-toggle .navbar {

		top: 150px;

	}

}

@media (min-width: 768px) {

	.col-huvudsaklig-navigering .lankdesign { 

		font-size: 24px;

	}

	.col-nav-toggle .navbar {

		top: 170px;

	}

}

@media (min-width: 992px) {

	.col-huvudsaklig-navigering {

		padding-top: 5px;

		padding-bottom: 5px;

	}

	.col-nav-toggle {

		padding: 20px 0px;

	}

	.col-nav-toggle .navbar {

		top: 70px;

	}

	.special-textwrap-intresse {

		display: block;

	}

}

@media (min-width: 1200px) {

	.col-huvudsaklig-navigering {

		padding-top: 10px;

		padding-bottom: 10px;

	}

	.col-nav-toggle {

		padding: 25px 0px;

	}

}



/* footer */

.nedre-content-wrapper {

  position: relative;

  clear: both;

  z-index: 10;

  background-color: #4D4D4D;

  padding-top: 5px;

  padding-bottom: 20px;

}

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

	.nedre-content-wrapper {

		padding-left: 10px;

		padding-right: 10px;

	}

}

#hela-nedre-del {

	max-width: 1310px;

	margin: auto;

}

.box33-nereboxar {

	width: 100%;

	float: left;

}

@media (min-width: 700px) {

	.box33-nereboxar {

		width: 33.3333%;

	}

}

.inre-33box-wrapper {

	padding: 6px;

	margin: 6px;

}

.inre-33box-wrapper h3, .inre-100box-wrapper h3 {

	font-family: MuseoSans-300;

	font-weight: normal;

	font-style: normal;

	padding-top: 8px;

	margin-bottom: 10px;

	color: #fff;

}


.footer-nav ul {

	margin: 0px;

	padding: 0px;

	display: block;

}

.footer-nav ul li {

	list-style-type: none;

	float: left;

	padding: 0px;

	margin-bottom: 10px;

	width: 100%;

}

.footer-nav ul a {

	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;

	text-decoration: none;

	display: block;

	font-size: 20px;

	color: #FFF;

	border: 2px solid #FFF;

	border-radius: 5px;

	padding: 8px 10px;

}






/*
 ----------------------------- 
 1:a DEL MED TEXTSTORLEKAR -- DENNA KAN SKILJA SIG NAGOT
 -----------------------------


@import url("//hello.myfonts.net/count/2cdd83");
*/
.down-text-wrapper {
	width:100%; background-color: rgba(255,255,255,0.72); border: 1px solid #DEDEDE; min-height: 100px; margin-top:10px; 
}


.top-text-wrapper {
	width:100%; background-color: rgba(255,255,255,0.72); border: 1px solid #DEDEDE; min-height: 100px; 
}


@media only screen and (min-width: 992px) 
	{ /* tidigare: 851px */
    .top-text-wrapper { margin-top:160px; }
	}
@media only screen and (min-width: 768px) and (max-width: 991px) 
	{ /* tidigare: min 0px, max 850px */
    .top-text-wrapper { margin-top:220px; }
		}

@media only screen and (min-width: 576px) and (max-width: 767px) 
	{ /* tidigare: min 0px, max 850px */
    .top-text-wrapper { margin-top:180px; }
		}
@media only screen and (min-width: 431px) and (max-width: 575px) 
	{ /* tidigare: min 0px, max 850px */
    .top-text-wrapper { margin-top:140px; }
		}
@media only screen and (min-width: 200px) and (max-width: 430px) 
	{ /* tidigare: min 0px, max 850px */
    .top-text-wrapper { margin-top:120px; }
		}
@media only screen and (max-width: 199px) {
    .top-text-wrapper { margin-top:110px; }
}


.top-h1-wrapper {
	padding:10px; padding-bottom:0px; float:left;
}
.top-p-wrapper {
	float:left; padding:10px; min-height:40px;
}
/* denna innan ändring 2025
.top-h1-wrapper {
	padding:10px; padding-bottom:0px; max-width:300px; float:left;
}
.top-p-wrapper {
	float:left; padding:10px; max-width:400px; min-height:40px;
}*/

.top-p-wrapper p {
	font-size:17px;
	line-height:19px;
}
@media only screen and (min-width: 0px) and (max-width: 340px) { 
.top-p-wrapper p {
	font-size:15px;
	line-height:16px;
}
}

@media only screen and (min-width: 801px) { 
.top-button-wrapper {
	float:left; display:none;
}
}
@media only screen and (min-width: 0px) and (max-width: 800px) { 
.top-button-wrapper {
	float:left; display:block;
}
}



  
@font-face {font-family: 'MuseoSans-300';src: url('../fonts/2CDD83_0_0.eot');src: url('../fonts/2CDD83_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2CDD83_0_0.woff2') format('woff2'),url('../fonts/2CDD83_0_0.woff') format('woff'),url('../fonts/2CDD83_0_0.ttf') format('truetype');}

@font-face {font-family: 'MuseoSans-500';src: url('../fonts/2CDD83_1_0.eot');src: url('../fonts/2CDD83_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2CDD83_1_0.woff2') format('woff2'),url('../fonts/2CDD83_1_0.woff') format('woff'),url('../fonts/2CDD83_1_0.ttf') format('truetype');}


body {
	background-color: #E9E9E9;
	margin: 0px;
	padding: 0px;
	font-family: URWGeometric-Regular; 
	font-weight: normal; 
	font-style: normal;
}

img {
	border:none;
	vertical-align: bottom;
}
img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}

header, footer, section, article, div, img, figure, li {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}
h1 { color:#333; font-family: MuseoSans-300; font-weight:200; }
@media only screen and (min-width: 701px) { 
h1 { font-size: 34px; line-height:36px;}
}
@media only screen and (min-width: 0px) and (max-width: 700px) { 
h1 { font-size: 28px; line-height:30px;}
}

h2 {
	font-family: MuseoSans-300; font-weight: normal;
	font-style: normal; font-size: 24px; line-height:26px;
}

p {	margin: 0;
	padding: 0;
	
}
p { font-family: MuseoSans-300; font-size:17px; line-height:19px; font-weight: normal;
	font-style: normal; }

/*	
#tillagg-header { font-family: MuseoSans-300; font-weight: normal;
	font-style: normal; padding-top:8px; margin-bottom:10px; }
@media only screen and (min-width: 701px) { 
#tillagg-header { font-size:28px; line-height:30px; }
}
@media only screen and (min-width: 0px) and (max-width: 700px) { 
#tillagg-header { font-size:23px; line-height:25px; }
}*/

/*
 ----------------------------- 
 2:a DEL MED NAVIGERINGSBAR -- SAMMA FOR ALLA UNDERSIDOR - EV. ATT LYFTA UR SOM SEPARAT CSS
 -----------------------------
*/

.masthead {
	height:100px;
	width:100%;
	position: fixed;
	z-index:90;
}
.top-wrapper {
	/*background-color: rgba(255,255,255,0.72);*/
	/*background-color: #8DA6B6;*/
	background-color: #FFF;
	width:100%;
	position: relative;
}
@media only screen and (min-width: 851px) { 
.top-wrapper {
	height:64px;
}
}

@media only screen and (min-width: 360px) and (max-width: 850px) { 
.top-wrapper {
	height:78px;
}
}
@media only screen and (min-width: 0px) and (max-width: 359px) { 
.top-wrapper {
	height:74px;
}
}
.nedre-top-yttre-wrapper {
	/*background-color: rgba(255,255,255,0.72);*/
	/*background-color: #8DA6B6;*/
	background-color: #FFF;
	width:100%;
	position: relative;
	box-shadow: -10px 6px 12px -4px rgba(0, 0, 0, 0.19);
	}
@media only screen and (min-width: 851px) {
.nedre-top-yttre-wrapper {height:auto;}
}

@media only screen and (min-width: 0px) and (max-width: 850px) {
.nedre-top-yttre-wrapper {height:20px;}
}
.nedre-top-wrapper {
	
	max-width:1310px; margin:auto; 
	position: relative;
	height:75px;
}

.top-box { 
	max-width:1310px; margin:auto;
}


@media only screen and (min-width: 1051px) {
.logo-box { float:left;  margin:0px; margin-bottom:0px; width:408px; margin-top:5px; padding-top:0px;
}
}
@media only screen and (min-width: 851px) and (max-width: 1050px) {
.logo-box { float:left;  margin:0px; margin-bottom:9px; width:255px; margin-top:15px; padding-top:0px;
}
}
@media only screen and (min-width: 491px) and (max-width: 850px) {
.logo-box { float:none;  margin:auto; margin-bottom:0px; width:255px; margin-top:0px; padding-top:4px;
}
}
@media only screen and (min-width: 0px) and (max-width: 490px) {
.logo-box { float:none;  margin:auto; margin-bottom:0px; width:204px; margin-top:0px; padding-top:2px;
}
}

@media only screen and (min-width: 1051px) {
.logo-stil {
	float:left; width:408px; height:48px;
}
}
@media only screen and (min-width: 851px) and (max-width: 1050px) {
.logo-stil {
	float:left; width:255px; height:30px;
}
}
@media only screen and (min-width: 491px) and (max-width: 850px) { 
.logo-stil {
	float: none; width:255px; height:30px;
}
}
@media only screen and (min-width: 0px) and (max-width: 490px) { 
.logo-stil {
	float: none; width:204px; height:24px;
}
}

#huvudsaklig-navigering {
	margin:auto; max-width:none; text-align: left; 
}
@media only screen and (min-width: 491px) and (max-width: 850px) { 
#huvudsaklig-navigering {
	margin:auto; max-width:490px; text-align:center;
}
}
@media only screen and (min-width: 360px) and (max-width: 490px) { 
#huvudsaklig-navigering {
	margin:auto; max-width:360px; text-align:center;
}
}
@media only screen and (min-width: 0px) and (max-width: 359px) { 
#huvudsaklig-navigering {
	margin:auto; max-width:320px; text-align:center;
}
}
#huvudsaklig-navigering ul {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	vertical-align: bottom;
}
#huvudsaklig-navigering ul li {
	list-style-type: none;
	float: left;
	padding: 0px;
}
#huvudsaklig-navigering ul a {
	color: #000;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	text-decoration: none;
	display: inline-block;
	border: 2px solid #999;
	background-color:#fff;
	/*background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.5, #FAFAFA),
	color-stop(0.5, #D9D9D9),
	color-stop(0.54, #E8E8E8)
	);
background-image: -o-linear-gradient(bottom, #FAFAFA 50%, #D9D9D9 50%, #E8E8E8 54%);
background-image: -moz-linear-gradient(bottom, #FAFAFA 50%, #D9D9D9 50%, #E8E8E8 54%);
background-image: -webkit-linear-gradient(bottom, #FAFAFA 50%, #D9D9D9 50%, #E8E8E8 54%);
background-image: -ms-linear-gradient(bottom, #FAFAFA 50%, #D9D9D9 50%, #E8E8E8 54%);
background-image: linear-gradient(to bottom, #FAFAFA 50%, #D9D9D9 50%, #E8E8E8 54%);*/
}
.lankdesign {
	clear:both; 
	float:right;
	display:inline; 
	vertical-align:baseline; 
}
@media only screen and (min-width: 851px) {
#huvudsaklig-navigering ul {
	margin-top:8px;
	margin-left:10px;
}
#huvudsaklig-navigering ul li {
	margin-right: 6px;
}

#huvudsaklig-navigering ul a {
	padding: 6px 10px;
}
.lankdesign {
	line-height:35px; 
	margin-left:10px; 
	font-size: 18px;
}
}
@media only screen and (min-width: 491px) and (max-width: 850px) {
#huvudsaklig-navigering ul {
	margin-top:4px;
	margin-left:0px;
}
#huvudsaklig-navigering ul li {
	margin-right: 3px;
}

#huvudsaklig-navigering ul a {
	padding: 4px 4px;
}
.lankdesign {
	line-height:24px; 
	margin-left:5px; 
	font-size: 17px;
}
}
@media only screen and (min-width: 360px) and (max-width: 490px) {
#huvudsaklig-navigering ul {
	margin-top:6px;
	margin-left:0px;
}
#huvudsaklig-navigering ul li {
	margin:auto;
}

#huvudsaklig-navigering ul a {
	padding: 8px 4px;
}
.lankdesign {
	line-height:24px; 
	margin-left:1px; 
	font-size: 12px;

}
}
@media only screen and (min-width: 0px) and (max-width: 359px) {
#huvudsaklig-navigering ul {
	margin-top:6px;
	margin-left:0px;
}
#huvudsaklig-navigering ul li {
	margin:auto;
}

#huvudsaklig-navigering ul a {
	padding: 8px 3px;
}
.lankdesign {
	line-height:22px;
	margin-left:1px; 
	font-size: 11px;
}
}


/*START 2021 ändring EFTER .lankdesign*/

/*.pilboll-hi-bla, .pilboll-hi-rosa, .pilboll-hi-gra {
	margin:0;
	display:inline-block;
	float:left;
}
@media only screen and (min-width: 851px) {
.pilboll-hi-bla, .pilboll-hi-rosa, .pilboll-hi-gra { 
	width:32px;
	height:32px;
	
	border: 2px solid #transparant;	
	display:inline-block;
}
}
@media only screen and (min-width: 360px) and (max-width: 850px) {
.pilboll-hi-bla, .pilboll-hi-rosa, .pilboll-hi-gra { 
	width:20px;
	height:20px;
	
	
}
}
@media only screen and (min-width: 0px) and (max-width: 359px) {
.pilboll-hi-bla, .pilboll-hi-rosa, .pilboll-hi-gra { 
	width:20px;
	height:20px;
	
	border: 1px solid #transparant;
}
}*/


.pilboll-ejboll {
	margin:0;
	display:inline-block;
	float:left;
}
@media only screen and (min-width: 851px) {
.pilboll-ejboll { 
	width:32px;
	height:32px;
	display:inline-block;
	margin-top: 2px;
}
}
@media only screen and (min-width: 360px) and (max-width: 850px) {
.pilboll-ejboll { 
	width:20px;
	height:20px;
	margin-top: 2px;
	
}
}
@media only screen and (min-width: 0px) and (max-width: 359px) {
.pilboll-ejboll { 
	width:20px;
	height:20px;
	margin-top: 2px;
	
}
}




/*
.pilboll-hi-bla {
	background-color:#003366;	
}
.pilboll-hi-rosa {
	background-color:#C33E73;
}
.pilboll-hi-gra {
	background-color:#999;	
}
*/
/*
.style-pilen {
	width:32px;
	height:32px;	
}
@media only screen and (min-width: 0px) and (max-width: 850px) {
.style-pilen {
	width:20px;
	height:20px;	
}
}*/


.pilen-desktop {
	display: block;
	width:32px;
	height:32px;	
}
.pilen-phone {
		display: none;
		
}
@media only screen and (min-width: 0px) and (max-width: 850px) {
.pilen-phone {
	display: block;
	width:20px;
	height:20px;	
}
	.pilen-desktop {
		display: none;
		
}
}

/*SLUT 2021 ändring TILL FÖRE .tagline-holder*/

.tagline-holder {padding-left:3px; padding-right:3px; padding-top:4px; padding-bottom:3px; 
margin-top:10px; margin-left:0px; float:left; color:#222; text-decoration:none; border-radius:6px; background-color:#fff;
}

@media only screen and (min-width: 1051px) {
.tagline-holder { display:block; width:500px;}
}
@media only screen and (min-width: 851px) and (max-width: 1050px) {
.tagline-holder { display:block; width:300px;}
}
@media only screen and (min-width: 0px) and (max-width: 850px) {
.tagline-holder { display:none;}
}
.tagline-holder h2 { font-family: MuseoSans-300; font-weight: normal ;
	font-style: normal;
}
@media only screen and (min-width: 1051px) {
.tagline-holder h2 {font-size:26px; line-height:28px; }
}
@media only screen and (min-width: 851px) and (max-width: 1050px) {
.tagline-holder h2 {font-size:20px; line-height:22px; }
}
@media only screen and (min-width: 0px) and (max-width: 850px) {
.tagline-holder h2 { display:none;}
}

.smartaste-anbud {margin-left:5px; width:120px; color:#FFF;}
.smartaste-sok {margin-left:34px; width:130px; color:#FFF;}
.smartaste-offert {margin-left:34px; width:154px; color:#1C1C1C;}

.smartaste-anbud, .smartaste-sok, .smartaste-offert {padding-left:8px; padding-right:8px; padding-top:6px; padding-bottom:4px; 
margin-top:10px; float:left; text-decoration:none; border-radius:12px;
font-family: URWGeometric-Regular; 
	font-weight: normal; 
	font-style: normal;
	font-size:18px;
	line-height:18px;
}
@media only screen and (min-width: 851px) {
.smartaste-anbud, .smartaste-sok, .smartaste-offert { display:block;}
}
@media only screen and (min-width: 0px) and (max-width: 850px) {
.smartaste-anbud, .smartaste-sok, .smartaste-offert { display:none;}
}

.pb-upp30-rosa {
	position: relative;
	background: #c33e73;
}
.pb-upp30-rosa:after {
	bottom: 100%;
	left: 30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(195, 62, 115, 0);
	border-bottom-color: #c33e73;
	border-width: 10px;
	margin-left: -10px;
}

.pb-upp30-bla {
	position: relative;
	background: #003366;
}
.pb-upp30-bla:after {
	bottom: 100%;
	left: 30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 51, 102, 0);
	border-bottom-color: #003366;
	border-width: 10px;
	margin-left: -10px;
}

.pb-upp30-gra {
	position: relative;
	background: #f2f2f2;
}
.pb-upp30-gra:after {
	bottom: 100%;
	left: 30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(242, 242, 242, 0);
	border-bottom-color: #f2f2f2;
	border-width: 10px;
	margin-left: -10px;
}


/*
 ----------------------------- 
 3:a DEL MED SYNLIGT INNEHALL I MOBIL
 -----------------------------
*/

.content-wrapper-list {
	position: relative;
	clear:both;
	z-index:10;
	background-position: top;
	background-repeat: repeat-x;
}
@media only screen and (min-width: 700px) {
.content-wrapper-list {
	/*background-image: url(../img/bg-ekebyB-3000.jpg);*/
	background-size: 1500px 300px;
	padding-top: 5px; padding-bottom:5px; padding-left:10px; padding-right:10px;}
}

@media only screen and (min-width: 0px) and (max-width: 700px) {
.content-wrapper-list {
	/*background-image: url(../img/bg-ekebyB-3000.jpg);*/
	background-size: 1500px 300px;
	padding-top: 5px; padding-bottom:5px; padding-left:0px; padding-right:0px;}
}


.columns-wrapper-list {
	max-width: 1310px;
	margin: auto;
}



.pb-ner30-bla {
	position: relative;
	background: #6c899b;
	border: 1px solid #6c899b;
}
.pb-ner30-bla:after, .pb-ner30-bla:before {
	top: 100%;
	left: 30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.pb-ner30-bla:after {
	border-color: rgba(108, 137, 155, 0);
	border-top-color: #6c899b;
	border-width: 10px;
	margin-left: -10px;
}
.pb-ner30-bla:before {
	border-color: rgba(108, 137, 155, 0);
	border-top-color: #6c899b;
	border-width: 11px;
	margin-left: -11px;
}

@media only screen and (min-width: 1231px) {
	.pb-textwrap-intresse {padding-left:8px; padding-right:8px; padding-top:6px; padding-bottom:6px;  margin-bottom:15px; margin-top:10px; border-radius:6px; max-width:330px;}

.pb-textwrap-intresse p { text-align:center; color:#fff; font-size:18px; line-height:20px;}
 
	}
	
@media only screen and (min-width: 801px) and (max-width: 1230px) {
	.pb-textwrap-intresse {padding-left:4px; padding-right:4px; padding-top:4px; padding-bottom:4px;  margin-bottom:15px; margin-top:10px; border-radius:6px; max-width:330px;}

.pb-textwrap-intresse p { text-align:center; color:#fff; font-size:14px; line-height:16px;}
 
	}

@media only screen and (min-width: 481px) and (max-width: 800px) {
	.pb-textwrap-intresse {padding-left:8px; padding-right:8px; padding-top:6px; padding-bottom:6px;  margin-bottom:15px; margin-top:10px; border-radius:6px; max-width:330px;}

.pb-textwrap-intresse p { text-align:center; color:#fff; font-size:18px; line-height:20px;}
 
	}
@media only screen and (min-width: 201px) and (max-width: 480px) {
	.pb-textwrap-intresse {padding-left:4px; padding-right:4px; padding-top:4px; padding-bottom:4px;  margin-bottom:15px; margin-top:10px; border-radius:6px; max-width:330px;}

.pb-textwrap-intresse p { text-align:center; color:#fff; font-size:14px; line-height:16px;}
 
 
	}


#om-funktionen-holder {
	float: left;
	width: 49%;
	height: 510px;
	margin-top: 150px;
	margin-bottom: 10px;
	overflow-y: scroll;
}
@media only screen and (min-width: 0px) and (max-width: 800px) {
#om-funktionen-holder {
	width: auto !important;
	height: auto !important;
	float: none !important;
	position: static !important;
	margin-top: 100px;
	margin-bottom: 10px;
	overflow-y: visible;
}
}

#filtrera-resultat {
	float: right;
	width: 50%;
	height: 510px;
	margin-top: 0px;
}
@media only screen and (min-width: 0px) and (max-width: 800px) {
#filtrera-resultat {
	width: auto !important;
	float: none !important;
	position: static !important;
	margin-top:30px;
}
}


.content-box-list {
	background-color: rgba(255,255,255,0.72);
	padding:10px;
	border: 1px solid;
	border-color: #e3e3e3 ;
}

.content-box-list p {
	padding-top:10px;
	padding-bottom:10px;
	font-size:18px;
	font-family: URWGeometric-Regular; 
	font-weight: normal; 
	font-style: normal;
}
/*RENSA I DETTA*/
.content-box-list .pb-textwrap-intresse p {
	padding-top:10px;
	padding-bottom:10px;
	font-size:16px;
	font-family: URWGeometric-Regular; 
	font-weight: normal; 
	font-style: normal;
}


input[type=checkbox] { min-height:20px;
	min-width:20px; float:left; font-size:1.5em; line-height:1.5em;  
	cursor:pointer;}
input[type=radio] { min-height:20px;
	min-width:20px; float:left; font-size:1.5em; line-height:1.5em;  
	cursor:pointer;}

.filterbox-wrapper {
	width:50%;
	float:left;
}
.filterbox-wrapper33 {
	width:33%;
	float:left;
	min-width:140px;
}
.filterbox50 {
	margin:auto;
	padding:8px;
}

label.knappar {
	display:block; padding-right:7px; padding-left:7px; padding-top:8px; padding-bottom:5px; margin-bottom:10px; background-color:#fafafa; cursor:pointer; font-size:18px; line-height:18px;line-height:22px;
	font-family: URWGeometric-Regular; 
	font-weight: normal; 
	font-style: normal; 
	
  
}
@media only screen and (min-width: 360px) and (max-width: 430px) { 
label.knappar {
	padding-top:6px; padding-bottom:6px; font-size:18px; line-height:26px;
	
}
}
@media only screen and (min-width: 0px) and (max-width: 359px) { 
label.knappar {
	padding-top:5px; padding-bottom:7px; font-size:15px; line-height:22px;
	
}
}

.border-knappar {
	border: 1px solid #999;
	border-radius:5px;
}


.slider-text {
	font-family: URWGeometric-Regular; 
	font-weight: normal; 
	font-style: normal;
	font-size:18px; 
}
.slider-antal {
	font-family: URWGeometric-Regular; 
	font-weight: normal; 
	font-style: normal;
background-color:#479ccf; padding:4px; padding-top:7px; padding-bottom:4px; color:#fff; font-size:22px; border-radius: 5px;
}

/*
 ----------------------------- 
 4:a DEL MED STRUKTUR-CLASSER SA SIDAN INTE BLIR JATTEKONSTIGT I DESKTOP
 -----------------------------
*/
#list {
	float: left;
	width: 50%;
	margin-top:20px;
}
@media only screen and (min-width: 0px) and (max-width: 800px) {
#list {
	width: auto !important;
	float: none !important;
	position: static !important;
}
}

.marker {
	padding:1px; margin-bottom:8px; display:block;
	background-color: rgba(255,255,255,0.72);
	border: 1px solid #DEDEDE;
}

/*
 ----------------------------- 
 START SCROLL TO TOP
 -----------------------------
*/

.p7STT {
	padding: 1em;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	position: fixed;
	display: none;
	z-index: 999999999;
	/*font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;*/
	
}

/*For old browsers*/
.p7STT.dark {
	background-color: #222;
	color: #AAA;
}
.p7STT.light {
	background-color: #FFF;
	color: #000;
}
/*End Older Browsers*/

.p7STT.dark {
	background: rgba(0,0,0,.9);
}
.p7STT.light {
	background: rgba(255,255,255,.8);
}
.p7STT.bottom {
	bottom: 0px;
	width: 100%;
}
.p7STT.right {
	right: 10px;
	bottom: 40px;
	padding: 0px 6px 0px 6px;
	font-size: 2.5em;
	width:40px;
	border-radius: 5px;
}
.p7STT.right span {
	display: none;
}
.p7STT.right i:before {
	padding: 0px;
}
.p7STT-anchor {
	text-decoration: none;
}
.p7STT.dark .p7STT-anchor {
	color: #AAA;
}
.p7STT.dark .p7STT-anchor:hover {
	color: #FFF;
}
.p7STT.light .p7STT-anchor {
	color: #999;
}
.p7STT.light .p7STT-anchor:hover {
	color: #000;
}
.p7STT-anchor i {
   font-style: normal;
} 
.p7STT-anchor i:before {
	content: "\2191";
	padding-right: 4px;
}

/* animations for arrows */

/* arrow on right */
.p7STT.right {
	opacity: 0;
	margin-top:60px;
	-webkit-transition: opacity 1s, margin-top .5s;
	transition: opacity 1s, margin-top .5s;
}
.p7STT.right.p7stt-on {
	opacity: 1;
	margin-top: 0px;
}

/* bottom overlay */
.p7STT.bottom {
	opacity: 0;
	bottom:-100px;
	-webkit-transition: opacity 1s, bottom 1s;
	transition: opacity 1s, bottom 1s;
}
.p7STT.bottom.p7stt-on {
	opacity: 1;
	bottom: 0px;
}

.p7STT-scroll-to-top {
	font-size: inherit;	
}

/* 
  ------------------------------------------------
  2016
  ------------------------------------------------
*/
/* URW 
@import url("//hello.myfonts.net/count/30537d");
*/
 
@font-face {font-family: 'URWGeometric-Regular';src: url('../fonts/30537D_0_0.eot');src: url('../fonts/30537D_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/30537D_0_0.woff2') format('woff2'),url('../fonts/30537D_0_0.woff') format('woff'),url('../fonts/30537D_0_0.ttf') format('truetype');}


/*
----------------- ----------------- ----------------- ----------------- -----------------
START LISTNINGSSIDA  START LISTNINGSSIDA  START LISTNINGSSIDA  START LISTNINGSSIDA
----------------- ----------------- ----------------- ----------------- -----------------
*/

.pilboll-ring-oss {
	margin:0;
	width:32px;
	height:32px;
	border-radius: 22px;
	border: 2px solid #999;	
	display:inline-block;
	background-color:#003366;
}


.lingrade-rod {
	background-color: #C33E73;
	background-image: -webkit-linear-gradient(#C33E73, #961B34);
	background-image: linear-gradient(#C33E73, #961B34);
}
.lingrade-ikongron {
	background-color: #3ddb90;
	background-image: -webkit-linear-gradient(#3ddb90, #0f9f8b);
	background-image: linear-gradient(#3ddb90, #0f9f8b);
}
.lingrade-ikonbla {
	background-color: #6c899b;
	background-image: -webkit-linear-gradient(#6c899b,  #4b6575);
	background-image: linear-gradient(#6c899b, #4b6575);
}
.lingrade-guld {
	background-color: #746b54;
}
.lingrade-guld2 {
	background-color: #655f4d;
}

/*FINNS DENNA MED??????*/
/*.pilbox-visaantal {
	position: relative;
	background: #fff;
	border: 1px solid #999;
}
.pilbox-visaantal:after, .pilbox-visaantal:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.pilbox-visaantal:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 5px;
	margin-left: -5px;
}
.pilbox-visaantal:before {
	border-color: rgba(153, 153, 153, 0);
	border-bottom-color: #999;
	border-width: 6px;
	margin-left: -6px;
}*/


.antal-med-pil {
	position: relative;
	background: #fff;
	border: 1px solid #999;
}
.antal-med-pil:after, .antal-med-pil:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.antal-med-pil:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 5px;
	margin-top: -5px;
}
.antal-med-pil:before {
	border-color: rgba(153, 153, 153, 0);
	border-right-color: #999;
	border-width: 6px;
	margin-top: -6px;
}

/* 
  ------------------------------------------------
  2015
  ------------------------------------------------
*/

/*Heading styles*/








/*NYTT FOR FESTLOKALER - UNIKT OCH INKLISTRAT*/






/*OSAKER OM DENNA CLASS FINNS*/
/*.content-box-special {
	background-color: #F4F5E8;
	border: 1px solid;
	border-color: #e3e3e3;
}
.content-box-special p {
	padding-top:10px;
	padding-bottom:10px;
}*/



/*OSAKER OM DENNA FINNS MED*/
/*.filterbox1 {
float:left; margin-right:15px; margin-bottom:15px;	
}
@media only screen and (min-width: 0px) and (max-width: 480px) { 
.filterbox1 {
float:left; margin-right:15px; margin-bottom:15px;	
}
}*/

/*OSAKER OM DENNA FINNS MED*/
/*.filterbox2 {
float:left; margin-right:15px; margin-bottom:15px;	
}
@media only screen and (min-width: 0px) and (max-width: 480px) { 
.filterbox2 {
float:left; margin-right:0px; margin-bottom:15px;	
}
}*/

/*OSAKER OM NEDAN SKA VARA MED*/
/*@media only screen and (min-width: 0px) and (max-width: 480px) { 
.synlig-mobil {
	display:none;
}

}
@media only screen and (min-width: 481px) { 
.synlig-mobil {
	display:block;
}

}*/



/*Heading styles*/


/*SLUT SLUT - NYTT FOR LOKALER - EJ INDEXRELATERAT  #fafafa  #7f744c*/




/*RULES LISTNINGEN AV LOKALER*/

.entrebild-wrapper {
position:relative; float:left;
max-width:180px;
}

@media only screen and (min-width: 431px) {
.entrebild-wrapper {
width:25%;
}	
	}
@media only screen and (min-width: 0px) and (max-width: 430px) {
.entrebild-wrapper {
width:40%;
}	
	}


.innehallsbox-wrapper {
	position:absolute;
	top:1%; 
	left:1%;
	display:block;
	min-width:48%; 
	
} 

/*.innehallsbox {
	
	border: 1px solid #555;
	background-color:#fafafa;
	margin-bottom:2px;
	
	
} */
.text-innehall-size {
	border: 1px solid #555;
	background-color:#fafafa;
	margin-bottom:2px;
	
	overflow:hidden; color:#484848;
	font-family: URWGeometric-Regular; 
	font-weight: normal; 
	font-style: normal;
	
}

.go-knapp {
	position:absolute;
	bottom:1%; 
	left:1%;
	display:block;
	padding:4px;
	
	border: 1px solid #555;
	
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.5, #FAFAFA),
	color-stop(0.5, #D9D9D9),
	color-stop(0.54, #E8E8E8)
);
background-image: -o-linear-gradient(bottom, #FAFAFA 50%, #D9D9D9 50%, #E8E8E8 54%);
background-image: -moz-linear-gradient(bottom, #FAFAFA 50%, #D9D9D9 50%, #E8E8E8 54%);
background-image: -webkit-linear-gradient(bottom, #FAFAFA 50%, #D9D9D9 50%, #E8E8E8 54%);
background-image: -ms-linear-gradient(bottom, #FAFAFA 50%, #D9D9D9 50%, #E8E8E8 54%);
background-image: linear-gradient(to bottom, #FAFAFA 50%, #D9D9D9 50%, #E8E8E8 54%);
	/*-webkit-backface-visibility:hidden;*/
} 


.text-ikon-size-list {font-family:Verdana, Geneva, sans-serif; /*font-family:"Arial Black", Gadget, sans-serif;*/  overflow:hidden; text-align:center; color:#484848; font-weight:bold; 
}



.inforad {
	float:right; margin-bottom:1px; padding:0px; overflow:hidden;	
}
@media only screen and (min-width: 431px) {
.inforad {
width:74%; 
}	
	}
@media only screen and (min-width: 0px) and (max-width: 430px) {
.inforad {
width:59%;
}	
	}

/*OSAKER OM DENNA FINNS MED*/
/*.inforad1-text {
	float:right; width:86%; margin-left:1%; font-family: Arial, Helvetica, sans-serif;
}*/
.inforad2-text {
	float:right; width:98%; margin-right:2%; font-family: Arial, Helvetica, sans-serif;
}


.boll-ikon-list {
	float:left;
	margin-left:8px;
}
.fyrkant-antal-list {
	float:left;
}

.titel-box {
	float:left;
	overflow:hidden;
	text-decoration: none;
}
@media only screen and (min-width: 431px) {
.titel-box {
width:61%;
max-height:none;
}	
	}
@media only screen and (min-width: 0px) and (max-width: 430px) {
.titel-box {
width:100%;
max-height:38px;
}	
	}
	
.store h2 {
	word-break:break-all; margin:0px; padding:0px; font-family: MuseoSans-500;
	color:#333;
}
.titel-tillagg {
	font-family: Arial, Helvetica, sans-serif; margin:0px; padding:0px; vertical-align:top; color:#333; text-decoration:none;
}
.store p {
	float:left; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; padding-left:4px;
}
.telefon-knapp {
	border: 1px solid #555;
	display:block; 
	float:right; 
}

@media only screen and (min-width: 431px) {
.telefon-knapp {
width:35%;
float:left; 
}	
	}
@media only screen and (min-width: 0px) and (max-width: 430px) {
.telefon-knapp {
width:60%;
float:left;
}	
	}
/*OSAKER OM DENNA BEHOVS
.telefon-nummer {
color:#FFF;
}*/


.telefon-nummerXS {
color:#FFF; text-decoration:none; 
font-family: URWGeometric-Regular; 
	font-weight: normal; 
	font-style: normal;
}

@media only screen and (min-width: 1100px) {
	
	.antal-med-pil {
	min-height: 42px;
	min-width: 34px;}
	
	.text-ikon-size-list { font-size:12px; line-height:13px; width:30px; height:30px; margin:0px; padding:6px; 
	}
	.text-innehall-size { font-size:14px; line-height:14px; padding:1px; padding-top:3px; 
	}
	
	.inforad {
	max-height:52px;
	margin-bottom:6px;	
}
.boll-ikon-list {
	width:42px;
	height:42px;
	padding:1px;
	border-radius: 24px;	
}
.fyrkant-antal-list {
	width:42px;
}
.ikon-size-list {
	height:42px;
	width:42px;
}
.store h2 {
	font-size:22px; margin-top:4px; line-height:24px;
}
.titel-tillagg {
	font-size:18px; line-height:20px; font-style:italic;
}
.store p {
	font-size:15px; line-height:17px;
}
.pilboll-scale {
	float:left;
	background-color: #003366;
	width:32px;
	height:32px;
	border-radius: 22px;
	border: 2px solid #999;	
}
.pilboll-scale2019 {
	float:left;
	width:32px;
	height:32px;	
}
.pil-size {
	height:32px;
	width:32px;
}
.telefon-knapp {
	padding:4px;
	border-radius: 0px;
}

.telefon-nummerXS {
	font-size:16px; line-height:15px; margin-left:4px; float:left; margin-top:11px; margin-bottom:12px;
}
}

@media only screen and (min-width: 861px) and (max-width: 1099px) { 
	
	.antal-med-pil {
	min-height: 36px;
	min-width: 34px;}
	
.text-ikon-size-list {font-size:11px; line-height:11px; width:28px; height:28px; margin:0px; padding:4px; 
	}
.text-innehall-size { font-size:12px; line-height:12px; padding:1px; padding-top:3px; 
	}
	
.inforad {
	max-height:43px;
	margin-bottom:4px;		
}
.boll-ikon-list {
	width:36px;
	height:36px;
	padding:1px;
	border-radius: 20px;	
}
.fyrkant-antal-list {
	width:36px;
}
.ikon-size-list {
	height:36px;
	width:36px;
}
.store h2 {
	font-size:20px; margin-top:2px; line-height:21px;
}
.titel-tillagg {
	font-size:16px; line-height:18px; font-style:italic;
}
.store p {
	font-size:13px; line-height:14px;
}
.pilboll-scale {
	float:left;
	background-color: #003366;
	width:28px;
	height:28px;
	border-radius: 20px;
	border: 2px solid #999;	
}
.pilboll-scale2019 {
	float:left;
	width:28px;
	height:28px;	
}
.pil-size {
	height:28px;
	width:28px;
}
.telefon-knapp {
	padding:2px;
	border-radius: 0px;
}

.telefon-nummerXS {
	font-size:12px; line-height:12px; margin-left:4px; float:left; margin-top:10px; margin-bottom:11px;
}

}

@media only screen and (min-width: 801px) and (max-width: 860px) { 
	
	.antal-med-pil {
	min-height: 30px;
	min-width: 30px;}
	
.text-ikon-size-list {font-size:10px; line-height:10px; width:26px; height:26px; margin:0px; padding:2px; 
	}
.text-innehall-size { font-size:10px; line-height:10px; padding:1px; padding-top:3px;
	}
	
.inforad {
	max-height:39px;
	margin-bottom:2px;		
}
.boll-ikon-list {
	width:30px;
	height:30px;
	padding:1px;
	border-radius: 17px;	
}
.fyrkant-antal-list {
	width:30px;
}
.ikon-size-list {
	height:30px;
	width:30px;
}
.store h2 {
	font-size:20px; margin-top:1px; line-height:20px;
}
.titel-tillagg {
	font-size:14px; line-height:14px; font-style:italic;
}
.store p {
	font-size:11px; line-height:12px;
}
.pilboll-scale {
	float:left;
	background-color: #003366;
	width:22px;
	height:22px;
	border-radius: 17px;
	border: 2px solid #999;	
}
.pilboll-scale2019 {
	float:left;
	width:22px;
	height:22px;
}
.pil-size {
	height:22px;
	width:22px;
}
.telefon-knapp {
	padding:1px;
	border-radius: 0px;
}

.telefon-nummerXS {
	font-size:10px; line-height:10px; margin-left:4px; float:left; margin-top:8px; margin-bottom:9px;
}

}

@media only screen and (min-width: 641px) and (max-width: 800px) { 
	
	.antal-med-pil {
	min-height: 42px;
	min-width: 34px;}
	
.text-ikon-size-list { font-size:12px; line-height:13px; width:30px; height:30px; margin:0px; padding:6px; 
	}
.text-innehall-size { font-size:12px; line-height:12px; padding:1px; padding-top:3px;
	}
	
.inforad {
	max-height:52px;
	margin-bottom:6px;		
}
.boll-ikon-list {
	width:42px;
	height:42px;
	padding:1px;
	border-radius: 24px;	
}
.fyrkant-antal-list {
	width:42px;
}
.ikon-size-list {
	height:42px;
	width:42px;
}
.store h2 {
	font-size:22px; margin-top:3px; line-height:23px;
}
.titel-tillagg {
	font-size:18px; line-height:22px; font-style:italic;
}
.store p {
	font-size:15px; line-height:16px;
}
.pilboll-scale {
	float:left;
	background-color: #003366;
	width:32px;
	height:32px;
	border-radius: 22px;
	border: 2px solid #999;	
}
.pilboll-scale2019 {
	float:left;
	width:32px;
	height:32px;
}
.pil-size {
	height:32px;
	width:32px;
}
.telefon-knapp {
	padding:4px;
	border-radius: 0px;
}

.telefon-nummerXS {
	font-size:15px; line-height:15px; margin-left:4px; float:left; margin-top:11px; margin-bottom:12px;
}

}

@media only screen and (min-width: 481px) and (max-width: 640px) { 
	
	.antal-med-pil {
	min-height: 36px;
	min-width: 34px;}
	
.text-ikon-size-list {font-size:11px; line-height:11px; width:28px; height:28px; margin:0px; padding:4px; 
	}
.text-innehall-size { font-size:12px; line-height:12px; padding:1px; padding-top:3px;
	}
.inforad {
	max-height:44px;
	margin-bottom:4px;		
}
.boll-ikon-list {
	width:36px;
	height:36px;
	padding:1px;
	border-radius: 20px;	
}
.fyrkant-antal-list {
	width:36px;
}
.ikon-size-list {
	height:36px;
	width:36px;
}
.store h2 {
	font-size:22px; margin-top:2px; line-height:22px;
}
.titel-tillagg {
	font-size:16px; line-height:16px; font-style:italic;
}
.store p {
	font-size:13px; line-height:14px;
}
.pilboll-scale {
	float:left;
	background-color: #003366;
	width:28px;
	height:28px;
	border-radius: 20px;
	border: 2px solid #999;	
}
.pilboll-scale2019 {
	float:left;
	width:28px;
	height:28px;
}
.pil-size {
	height:28px;
	width:28px;
}
.telefon-knapp {
	padding:2px;
	border-radius: 0px;
}

.telefon-nummerXS {
	font-size:12px; line-height:12px; margin-left:4px; float:left; margin-top:10px; margin-bottom:11px;
}
}

@media only screen and (min-width: 431px) and (max-width: 480px) { 
	
	.antal-med-pil {
	min-height: 30px;
	min-width: 30px;}
	
.text-ikon-size-list {font-size:10px; line-height:10px; width:26px; height:26px; margin:0px; padding:2px; 
	}
.text-innehall-size { font-size:10px; line-height:10px; padding:1px; padding-top:3px;
	}
	
.inforad {
	max-height:37px;
	margin-bottom:2px;		
}
.boll-ikon-list {
	width:30px;
	height:30px;
	padding:1px;
	border-radius: 17px;	
}
.fyrkant-antal-list {
	width:30px;
}
.ikon-size-list {
	height:30px;
	width:30px;
}
.store h2 {
	font-size:20px; margin-top:1px; line-height:20px;
}
.titel-tillagg {
	font-size:14px; line-height:14px; font-style:italic;
}
.store p {
	font-size:11px; line-height:12px;
}
.pilboll-scale {
	float:left;
	background-color: #003366;
	width:22px;
	height:22px;
	border-radius: 17px;
	border: 2px solid #999;	
}
.pilboll-scale2019 {
	float:left;
	width:22px;
	height:22px;
}
.pil-size {
	height:22px;
	width:22px;
}
.telefon-knapp {
	padding:1px;
	border-radius: 0px;
}

.telefon-nummerXS {
	font-size:10px; line-height:10px; margin-left:4px; float:left; margin-top:8px; margin-bottom:8px;
}

}

@media only screen and (min-width: 360px) and (max-width: 430px) { 
	
	.antal-med-pil {
	min-height: 22px;
	min-width: 30px;}
	
.text-ikon-size-list {font-size:8px; line-height:8px; width:19px; height:19px; margin:0px; padding:2px; 
	}
.text-innehall-size { font-size:10px; line-height:10px; padding:1px; padding-top:3px; 
	}

.inforad {
	max-height:70px;
	margin-bottom:5px;		
}
.boll-ikon-list {
	width:22px;
	height:22px;
	padding:1px;
	border-radius: 13px;
		
}
.fyrkant-antal-list {
	width:22px;
}
.ikon-size-list {
	height:22px;
	width:22px;
}
.store h2 {
	font-size:20px; margin-top:1px; line-height:20px;
}
.titel-tillagg {
	font-size:14px; line-height:14px; font-style:italic;
}
.store p {
	font-size:11px; line-height:11px;
}
.pilboll-scale {
	float:left;
	background-color: #003366;
	width:22px;
	height:22px;
	border-radius: 17px;
	border: 1px solid #999;	
}
.pilboll-scale2019 {
	float:left;
	width:22px;
	height:22px;
}
.pil-size {
	height:22px;
	width:22px;
}
.telefon-knapp {
	padding:1px;
	border-radius: 0px;
}

.telefon-nummerXS {
	font-size:12px; line-height:12px; margin-left:4px; float:left; margin-top:6px; margin-bottom:7px;
}

}



@media only screen and (min-width: 0px) and (max-width: 359px) { 
.text-ikon-size-list {font-size:7px; line-height:7px; width:20px; height:20px; margin:0px; padding:1px; 
	}
.text-innehall-size { font-size:9px; line-height:9px; padding:2px; 
	}

.inforad {
	max-height:70px;
	margin-bottom:3px;		
}
.boll-ikon-list {
	width:20px;
	height:20px;
	padding:1px;
	border-radius: 12px;
		
}
.fyrkant-antal-list {
	width:20px;
}
.ikon-size-list {
	height:20px;
	width:20px;
	float:left;
}
.store h2 {
	font-size:18px; margin-top:1px; line-height:18px;
}
.titel-tillagg {
	font-size:13px; line-height:13px; font-style:italic;
}
.store p {
	font-size:9px; line-height:10px;
}
.pilboll-scale {
	float:left;
	background-color: #003366;
	width:20px;
	height:20px;
	border-radius: 16px;
	border: 1px solid #999;	
}
.pilboll-scale2019 {
	float:left;
	width:20px;
	height:20px;
}

.pil-size {
	height:20px;
	width:20px;
	float:left;
}
.telefon-knapp {
	padding:1px;
	border-radius: 0px;
}

.telefon-nummerXS {
	font-size:9px; line-height:9px; margin-left:2px; float:left; margin-top:5px; margin-bottom:5px;
}

}



/*RULES FILTRERING AV LOKALER*/
/*RULES FILTRERING AV LOKALER*/


.border-gra {
	border: 1px solid #999;
}
.gradiant-no {
	background-color:#F6F6F6;
}

.clear-br {clear:both; height:0px;
}

.ring-tips-knapp {
	padding:4px;
	margin-top:0px;
	margin-bottom:10px;
	border: 1px solid #555;
	border-radius: 5px;
	max-width:190px; margin:auto;
} 
.telnr {
	font-family: URWGeometric-Regular; 
	font-weight: normal; 
	font-style: normal;
	font-size:18px; line-height:22px; margin-left:8px; color:#fff; display:inline-block; padding-top:8px; padding-bottom:6px;  padding-right:6px;}

.delad-knappdesign {
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.5, #FAFAFA),
	color-stop(0.5, #D9D9D9),
	color-stop(0.54, #E8E8E8)
);
background-image: -o-linear-gradient(bottom, #FAFAFA 50%, #D9D9D9 50%, #E8E8E8 54%);
background-image: -moz-linear-gradient(bottom, #FAFAFA 50%, #D9D9D9 50%, #E8E8E8 54%);
background-image: -webkit-linear-gradient(bottom, #FAFAFA 50%, #D9D9D9 50%, #E8E8E8 54%);
background-image: -ms-linear-gradient(bottom, #FAFAFA 50%, #D9D9D9 50%, #E8E8E8 54%);
background-image: linear-gradient(to bottom, #FAFAFA 50%, #D9D9D9 50%, #E8E8E8 54%);
}


/*
 ----------------------------- 
 4:a DEL MED FOOTER SOM BOR VARA SAMMA FOR ALLA UNDERSIDOR
 -----------------------------
*/

.nedre-content-wrapper {
	position: relative;
	clear:both;
	z-index:10;
	background-color: #4D4D4D;
	padding-top: 5px; 
	padding-bottom:5px; 
}
@media only screen and (min-width: 700px) {
.nedre-content-wrapper {padding-left:10px; padding-right:10px;}
}

@media only screen and (min-width: 0px) and (max-width: 700px) {
.nedre-content-wrapper {padding-left:0px; padding-right:0px;}
}


#hela-nedre-del {
	max-width: 1310px;
	margin: auto;
}



.box25-nereboxar {
width:25%; float:left;
}
@media only screen and (min-width: 641px) and (max-width: 1060px) {
.box25-nereboxar {
width:50%; float:left;
}
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
.box25-nereboxar {
width:100%; float:left;
}
}

@media only screen and (min-width: 1061px) {
.box25-nereboxar:nth-child(3n) {
	clear:none;
}
}
@media only screen and (min-width: 0px) and (max-width: 1060px) {
.box25-nereboxar:nth-child(3n) {
	clear:left;
}
}

.box100-nereboxar { clear:both;
width:100%; float:left;
}


.inre-25box-wrapper {
	padding:6px; margin:6px; max-width:400px;
}

.inre-100box-wrapper {
	padding:6px; margin:6px; 
}

.inre-25box-wrapper h3, .inre-100box-wrapper h3 {
	font-family: MuseoSans-300; font-weight: normal;
	font-style: normal; padding-top:8px; margin-bottom:10px; color:#fff;
}
.inre-25box-wrapper p, .inre-100box-wrapper p {
	padding-top:8px; margin-bottom:10px; color:#fff;
	
	font-family: URWGeometric-Regular; 
	font-weight: normal; 
	font-style: normal;
}

#erbjudanden-navigering ul, #erbjudanden-foretag-navigering ul, #inspiration-navigering ul {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	vertical-align: bottom;
	max-width:300px;
	
}

#erbjudanden-navigering ul li, #erbjudanden-foretag-navigering ul li, #inspiration-navigering ul li {
	list-style-type: none;
	float: left;
	padding: 0px;
	
	margin-bottom: 6px;
	width:100%;
}

#erbjudanden-navigering ul a, #erbjudanden-foretag-navigering ul a, #inspiration-navigering ul a {
	color: #000;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	text-decoration: none;
	display: block;
	border: 1px solid #999;
	background-color:#fff;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.5, #FAFAFA),
	color-stop(0.5, #D9D9D9),
	color-stop(0.54, #E8E8E8)
	);
background-image: -o-linear-gradient(bottom, #FAFAFA 50%, #D9D9D9 50%, #E8E8E8 54%);
background-image: -moz-linear-gradient(bottom, #FAFAFA 50%, #D9D9D9 50%, #E8E8E8 54%);
background-image: -webkit-linear-gradient(bottom, #FAFAFA 50%, #D9D9D9 50%, #E8E8E8 54%);
background-image: -ms-linear-gradient(bottom, #FAFAFA 50%, #D9D9D9 50%, #E8E8E8 54%);
background-image: linear-gradient(to bottom, #FAFAFA 50%, #D9D9D9 50%, #E8E8E8 54%);

	padding: 6px 8px;
}

#om-siten-navigering ul {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	vertical-align: bottom;
	max-width:300px;
	
}

#om-siten-navigering ul li {
	list-style-type: none;
	float: left;
	padding: 0px;
	
	margin-bottom: 6px;
	width:100%;
}

#om-siten-navigering ul a {
	color: #fff;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	text-decoration: none;
	display: block;
	border: 1px solid #999;
	
	padding: 6px 8px;
}

#omrade-navigering ul {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	vertical-align: bottom;
	
	
}

#omrade-navigering ul li {
	list-style-type: none;
	float: left;
	padding: 0px;
	
	margin-bottom: 6px;
	margin-right:6px;
	/*width:100%;*/
}

#omrade-navigering ul a {
	color: #fff;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	text-decoration: none;
	display: inline-block;
	border: 1px solid #999;
	
	padding: 6px 14px 6px 8px;
}



.mindre-lankdesign {
display:inline; line-height:24px; font-size:18px; vertical-align:baseline; margin-left:10px;
}

.pilboll-20, .pilboll-20-rosa {
	float:left;
	width:20px;
	height:20px;
	border-radius: 20px;
	border: 2px solid #999;
}
.pilboll-20 {
	background-color:#003366;	
}
.pilboll-20-rosa {
	background-color:#C33E73;
}
.pil-size-20 {
	height:20px;
	width:20px;
}




 .dubbel-a-bild {float:left; padding-top:12px; width:72px; height:40px;
}
 .dubbel-a-text {font-size:11px; margin-left:83px; line-height:13px; padding-top:12px; color:#fff;
 font-family: URWGeometric-Regular; 
	font-weight: normal; 
	font-style: normal;
}
.om-cookies-lank { margin:auto; max-width:300px; text-align:center; background-color:#3E3E40; padding:3px; font-size:14px; line-height:16px; color:#D2D2D2 !important; margin-top:5px; margin-bottom:5px; text-decoration:none; border:#111 solid 1px; border-radius:4px;
font-family: URWGeometric-Regular; 
	font-weight: normal; 
	font-style: normal;
}

/* 

SLIDER STYLES

 */
.noUi-target,
.noUi-target * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-touch-action: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
}
.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	border-radius: 2px
}
.noUi-handle {
	position: relative;
	z-index: 1;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
	height: 10px;
}
.noUi-horizontal .noUi-handle {
	width: 32px;
    height: 32px;
    left: -17px;
    top: -13px
}

/* Styling;
 */
.noUi-background {
	background: #FAFAFA;
    box-shadow: inset 0 1px 1px #f0f0f0
}
.noUi-target {
	border-radius: 10px;
    border: 1px solid #036;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB
}

/* Handles and cursors;
 */
.noUi-handle {
	border: 3px solid #b4c2c7;
    border-radius: 16px;
    background: #fff;
    cursor: pointer
}

/* Handle stripes;
 */
.noUi-handle:after {
	left: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-handle {
	cursor: not-allowed;
}

/*
 ----------------------------- 
 GOOGLE MAP
 -----------------------------
 */
#map {
	position: relative;
	width: 100%;
	height: 100%;
}
#map #map_canvas {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
#map #map_toolbar {
	position: relative;
	display: none;
	bottom: 32px;
	right: 20px;
	pointer-events: none;
}
#map #map_toolbar.active {
	display: block;
}
#map #map_toolbar .toolbar-wrap {
	position: absolute;
	right: 0;
	bottom: 0;
	pointer-events: none;
}
#map #map_toolbar .toolbar-item {
	position: relative;
	padding: 4px;
	vertical-align: top;
	text-align: center;
	pointer-events: all;
	cursor: pointer;
}
#map #map_toolbar .toolbar-item .button {
	position: relative;
	display: inline-block;
	width: 40px;
    height: 40px;
	padding: 4px 12px;
	margin: 0;
	text-align: center;
	font-size: 14px;
	line-height: 1.625em;
	font-weight: 400;
	color: #505050;
	background-color: #fafafa;
	border: none;
	border-radius: 100%;
	box-shadow: 0 2px 4px rgba(0,0,0,.075),0 1px 4px rgba(0,0,0,.075);
	transition: transform .05s linear,color .1s ease;
	outline: none;
	white-space: nowrap;
	cursor: pointer;
}
#map #map_toolbar .toolbar-item .button svg, #map .map-toolbar .toolbar-item .button svg path {
    fill: #505050;
    -webkit-transition: fill .1s ease;
    transition: fill .1s ease;
	pointer-events: none;
}
#map #map_toolbar .toolbar-item .button svg {
	position: absolute;
	width: 50%;
	height: 50%;
	left: 25%;
	top: 25%;
}
#map #map_tooltip {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 20;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transition: opacity .3s linear,-webkit-transform .3s cubic-bezier(.54,.02,0,1);
	transition: opacity .3s linear,transform .3s cubic-bezier(.54,.02,0,1);
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
}
#map #map_tooltip.active {
	opacity: 1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
#map #map_tooltip .tooltip-wrap {
	position: relative;
	width: 100%;
	max-width: 600px;
	min-height: 123px;
	left: 50%;
	padding: 0 12px;
	background: #fff;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: all;
}
#map #map_tooltip .button {
    position: absolute;
    top: 5px;
    right: 16px;
    width: 50px;
    height: 32px;
    padding: 0;
    display: block;
    background-color: transparent;
    border: none;
    outline: none;
	cursor: pointer;
	
}
@media only screen and (min-width: 0px) and (max-width: 330px) {
#map #map_tooltip .button {
	right: 6px;
}
}
#map #map_tooltip .button svg {
	width: 60%;
	height: 60%;
	fill: #505050;
}
#map #map_tooltip .tooltip-content {
	padding: 10px 0px;
}
#map #map_tooltip .tooltip-content .scalable {
	max-width: 135px;
	max-height: 135px;
}
@media only screen and (min-width: 881px) and (max-width: 1080px) {
#map #map_tooltip .tooltip-content .scalable {
	max-width: 110px;
	max-height: 110px;
}
}
@media only screen and (min-width: 800px) and (max-width: 880px) {
#map #map_tooltip .tooltip-content .scalable {
	max-width: 90px;
	max-height: 90px;
}
}
@media only screen and (min-width: 440px) and (max-width: 530px) {
#map #map_tooltip .tooltip-content .scalable {
	max-width: 110px;
	max-height: 110px;
}
}
@media only screen and (min-width: 0px) and (max-width: 330px) {
#map #map_tooltip .tooltip-content .scalable {
	max-width: 110px;
	max-height: 110px;
}
}
#map #map_tooltip .tooltip-content .telefon-knapp {
	display: none;
}

/*	
--------------------------------------------------
@ * Smart Forms v3.1.0
  * http://www.doptiq.com/smart-forms
  * Last updated 05 / JUNE / 2015
  * Product developed by Elflaire 
  * http://codecanyon.net/user/elflaire
-------------------------------------------------- 
*/

/* Roboto google font import 
--------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300);

html, body{
	border: 0;
	margin: 0;
	padding: 0;
}

/* @backgrounds :: modify or add yours below 
------------------------------------------------------------------- */
.darkbg{ background:#6C82A2 url(../img/dark.png) repeat fixed; }
.woodbg{ background:#E6CCA6 url(../img/wood.png) repeat fixed; }

/* @form wrappers 
---------------------------------- */
.smart-wrap{ padding:0 20px; }
.smart-forms, 
.smart-forms *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.smart-forms {
	font-family:  "Roboto", Arial, Helvetica, sans-serif;
	line-height: 1.231;
	font-weight: 400;
	font-size: 14px;
	color: #34495E;
}

.smart-container{
	background:#fff;
	margin:50px auto;	
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
	-o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-o-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	 
}

/* @form container width 
/* @if you want to change the form container width change the values below 
/* @alternatively you can add yours eg .wrap4{ max-width:200px; } 
---------------------------------------------------------------------------- */
.wrap-0{ max-width:952px; }
.wrap-1{ max-width:852px; }
.wrap-2{ max-width:652px; }
.wrap-3{ max-width:452px; }

/* @form helper classes 
--------------------------------------------------------------- */
.smart-forms .section{ margin-bottom:22px; }
.smart-forms .smart-link{ color:#1ABC9C; text-decoration:none; }
.smart-forms .smart-link:hover{ text-decoration: underline; }
.smart-forms .tagline{ height:0; border-top:1px solid #D9DDE5; text-align:center;  }
.smart-forms .tagline span{ 
	text-transform:uppercase; 
	display:inline-block;
	position:relative;
	padding:0 15px; 
	background:#fff; 
	color:#1ABC9C;
	top:-10px;  
}

/* @form label + field :: field class is useful for validation 
---------------------------------------------------------------------- */
.smart-forms .field{ display:block; position:relative; }
.smart-forms .field-icon i { color:#A2A6A8; position:relative; top:0; }
.smart-forms .field-label { display: block; margin-bottom: 7px; }
.smart-forms .field-label.colm{ padding-top:12px; }
.smart-forms .field-label em{ 
	color:#e74c3c;
	font-size:14px;
	font-style:normal;
	display:inline-block;
	margin-left:4px;
	position:relative; 
	top:3px;  
}

/* @form header section 
----------------------------------------- */
.smart-forms .form-header{ 
	overflow:hidden;
	position:relative;
	padding:25px 30px;
	-webkit-border-radius:5px 5px 0 0 ;
	-moz-border-radius:5px 5px 0 0 ;
	-o-border-radius:5px 5px 0 0 ;
	border-radius:5px 5px 0 0 ;
}
	
.smart-forms .form-header h4 { 
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:300; 
	font-size:32px; 
	padding:0;
	margin:0;
		 
}

.smart-forms .form-header h4 i { 
	font-size:38px;
	position:relative; 
	margin-right:10px;
	top:2px; 
}

/* @header themes :: primary + lite 
---------------------------------------------- */
.smart-forms .header-primary {	
	background-color:#1ABC9C;
	border-top:1px solid #23E0BA;  
	border-bottom:5px solid #16A085;
}

.smart-forms .header-lite{ 
	background:#F3F5FA;
	border-top:1px solid #23E0BA; 
	border-bottom:1px solid #D9DDE5; 
}

.smart-forms .header-lite:before{
	content:"";
	background-color:#1ABC9C;  
	position:absolute;
	height:8px;  
	z-index:1; 
	top:0px;
	right:0;  
	left:0;
}

.smart-forms .header-primary h4{ color:#fff; }
.smart-forms .header-lite h4{ color:#5D6A87; padding-top:5px; }

/* @remove rounded corners form headers 
----------------------------------------------------------------- */
.smart-flat, 
.smart-flat .form-header{
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
}

/* @form body + footer 
------------------------------------------------------------------- */	
.smart-forms .form-body{ padding:40px 30px; padding-bottom:20px; }
.smart-forms .form-footer {
	overflow:hidden;
	padding:20px 25px;
	padding-top:25px;
	background:#F3F5FA url(../img/foobg.png) top left repeat-x;
}

/* @crossbrowser placeholder styling :: modern browsers only IE10+
------------------------------------------------------------------------ */
.smart-forms input[type=search] { -webkit-appearance: textfield; }
.smart-forms ::-webkit-search-decoration, 
.smart-forms ::-webkit-search-cancel-button { -webkit-appearance: none; }
.smart-forms input::-webkit-input-placeholder,
.smart-forms textarea::-webkit-input-placeholder { color: #919DA8; }
.smart-forms input:focus::-webkit-input-placeholder,
.smart-forms textarea:focus::-webkit-input-placeholder { color: #D6DBE0; }
.smart-forms input:-moz-placeholder,
.smart-forms textarea:-moz-placeholder { color: #919DA8; }
.smart-forms input:focus:-moz-placeholder,
.smart-forms textarea:focus:-moz-placeholder { color: #D6DBE0; }
.smart-forms input::-moz-placeholder,
.smart-forms textarea::-moz-placeholder { color: #919DA8; opacity: 1; }
.smart-forms input:focus::-moz-placeholder,
.smart-forms textarea:focus::-moz-placeholder { color: #D6DBE0; opacity: 1; }
.smart-forms input:-ms-input-placeholder,
.smart-forms textarea:-ms-input-placeholder { color: #919DA8; }
.smart-forms input:focus:-ms-input-placeholder,
.smart-forms textarea:focus:-ms-input-placeholder { color: #D6DBE0; }

/* @element general styling :: fonts :: adjust accordingly
------------------------------------------------------------- */
.smart-forms label, 
.smart-forms input,
.smart-forms button,
.smart-forms select,  
.smart-forms textarea {
	margin: 0;  
	font-size: 14px;
	font-family:  "Roboto", Arial, Helvetica, sans-serif;
	font-weight:400;
	color: #34495E;
	outline:none;
}

/* @remove browser specific styling
----------------------------------------------- */
.smart-forms .gui-input,
.smart-forms .gui-textarea,
.smart-forms .select > select,
.smart-forms input[type="button"],
.smart-forms input[type="submit"],
.smart-forms input[type="search"],
.smart-forms .select-multiple select {
	-webkit-tap-highlight-color:transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);	
	-webkit-border-radius:0px;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

}

.smart-forms input[type="search"]::-webkit-search-decoration,
.smart-forms input[type="search"]::-webkit-search-cancel-button,
.smart-forms input[type="search"]::-webkit-search-results-button,
.smart-forms input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

/* @labels font-size styling :: adjust to fit your needs 
--------------------------------------------------------- */
.smart-forms .switch, 
.smart-forms .option,
.smart-forms .field-label{ font-size:14px; }

/* @prevent user selection for usability purposes
----------------------------------------------------- */
.smart-forms .radio,
.smart-forms .button,  
.smart-forms .checkbox,
.smart-forms .switch > label{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/* @universal rules for all elements 
---------------------------------------------------- */
.smart-forms .radio,
.smart-forms .button,
.smart-forms .tooltip,
.smart-forms .checkbox,  
.smart-forms .gui-input,
.smart-forms .notification,
.smart-forms .gui-textarea,
.smart-forms .select > select,
.smart-forms .select-multiple select,
.smart-forms input[type="button"].button,
.smart-forms input[type="submit"].button,
.smart-forms input[type="search"].gui-input{ 
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	outline:none;
}

.smart-forms .select > select,
.smart-forms .select-multiple select{
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
}

/* @control border-size :: color etc for these elements 
----------------------------------------------------------- */
.smart-forms .select,
.smart-forms .gui-input,
.smart-forms .gui-textarea,
.smart-forms .select > select,
.smart-forms .select-multiple select{
	background: #fff;
	position: relative;
	vertical-align: top;
	border: 2px solid #BDC3C7;
	display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
	color: #34495E;
	outline:none;
	height: 42px;
	width: 100%;
	*zoom: 1;
}

/* @styling inputs and textareas 
------------------------------------------- */
.smart-forms .gui-input, 
.smart-forms .gui-textarea { padding:10px; }
.smart-forms .gui-textarea {    
    resize: none;
	line-height: 19px;
	overflow: auto;
	max-width:100%;
    height: 96px;
}

/* @hint below textareas 
---------------------------------------- */
.smart-forms .input-hint {
    padding: 10px;
	display: block;
	margin-top: -4px;
	line-height: 16px;
	position: relative;    
	background: #F2F4FA;
    border: 2px solid #bdc3c7;
	border-top:1px solid #bdc3c7;
	font-family:Arial, Helvetica, sans-serif;
    -webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-o-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
    font-size: 11px;
    color: #777;
}

/* @form selects :: dropdowns 
-------------------------------------------------- */
.smart-forms .select { border:0; z-index:10; }
.smart-forms .select > select {
	display: block;
    padding:9px 10px; 
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	outline:none;
	text-indent: 0.01px;
    text-overflow: ''; 
	z-index:10;
	margin: 0;	
}

.smart-forms .select > select::-ms-expand { display: none; }
.smart-forms .select:before, 
.smart-forms .select:after {
    content: '';
    position: absolute;
    pointer-events: none;
	z-index:15;
}

.smart-forms .select:before { 
	top: 2px;
	right: 2px;
	width: 34px;
	bottom: 2px;
	background: #F2F4FA;
	border-left:1px solid #d3dae7;
	-webkit-border-radius: 0 1px 1px 0;
	-moz-border-radius: 0 1px 1px 0;
	-o-border-radius: 0 1px 1px 0;
	border-radius: 0 1px 1px 0;
}

.smart-forms .select .arrow {
	position: absolute;
	top: 9px;
	right: 5px;
	width: 24px;
	height: 24px;
	background:#F2F4FA;
	color:#B5C1C7;
	pointer-events:none;
	z-index:16;
}

.smart-forms .select .arrow:after,
.smart-forms .select .arrow:before {
	content: '';
	position: absolute;
	font:12px "Consolas", monospace;
	font-style:normal;
	pointer-events:none;
	left:6px;
}

.smart-forms .select .arrow:before { content:'\25BC'; bottom:4px; }
.smart-forms .select .double:after { content:'\25B2'; top:-1px;  }
.smart-forms .select .double:before { content:'\25BC'; bottom:-1px; }
.smart-forms .select-multiple select { 
	width:100%; 
	height: 123px;
	padding: 10px;
}

/* @file inputs :: file uploaders 
-------------------------------------------------------- */
.smart-forms .file{ display:block; width:100%; }
.smart-forms .file .gui-file{
	width:100%;
	height:100%;
	cursor:pointer;
	padding:8px 10px;
	position:absolute;
	-moz-opacity:0;
	opacity: 0;
	z-index:11;
	bottom:0;	
	right:0;
}

.smart-forms .file .button {
	position: absolute;
	top: 4px;
	right: 4px;
	float: none;
	height: 34px;
	line-height: 34px;
	padding: 0 16px;
	z-index:10;
}

/* @form element :hover state 
-------------------------------------------- */
.smart-forms .gui-input:hover,
.smart-forms .gui-textarea:hover,
.smart-forms .select > select:hover,
.smart-forms .select-multiple select:hover, 
.smart-forms .gui-input:hover ~ .input-hint,
.smart-forms .file .gui-file:hover + .gui-input,
.smart-forms .gui-textarea:hover ~ .input-hint{
	border-color: #62D0BA;
}

/* @form element :focus state 
-------------------------------------------------------- */
.smart-forms .gui-input:focus,
.smart-forms .gui-textarea:focus,
.smart-forms .select > select:focus,
.smart-forms .select-multiple select:focus{ border-color: #1ABC9C; color: #3C3C3C; }
.smart-forms .gui-textarea:focus{  height: 120px; }
.smart-forms .select > select:focus { z-index:10; z-index:20\9; }
.smart-forms .gui-input:focus ~ .field-icon i,
.smart-forms .gui-textarea:focus ~ .field-icon i{ color:#1ABC9C; }
.smart-forms .select-multiple select:focus, 
.smart-forms .gui-input:focus ~ .input-hint,
.smart-forms .gui-textarea:focus ~ .input-hint, 
.smart-forms .file .gui-file:focus + .gui-input{ border-color: #1ABC9C; }
.smart-forms .select > select:focus + .arrow{ color:#1ABC9C; }

/* @radio + checkbox option elements 
----------------------------------------------------- */
.smart-forms .option {
    position: relative;	
	padding-right:15px;    
	display: inline-block;
    vertical-align: middle;
}

.smart-forms .option > input {
    position: absolute;
    height: inherit;
    width: inherit;
    opacity: 0;
	left: 0;
}
.smart-forms .checkbox, 
.smart-forms .radio { 
	position:relative;
	background: white;
	display: inline-block;
    border: 3px solid #B5C1C7;
	height: 30px;
	width: 30px;
	margin: 0px 0px;
}

.smart-forms .checkbox:before, 
.smart-forms .radio:before {
    content: '';
    display: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
	padding: 0;
	margin: 0;
}


.smart-forms input:checked + .checkbox:before, 
.smart-forms input:checked + .radio:before {
    display: block;
}

.smart-forms .checkbox:before {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 19px;
    height: 12px;
    border: solid #1abc9c;
    border-width: 0 0 3px 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.smart-forms input:checked + .checkbox, 
.smart-forms input:checked + .radio{ border: 3px solid #1abc9c; }
.smart-forms .radio { 
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px; 
	-o-border-radius: 20px; 
	border-radius: 20px;
 
}
.smart-forms .radio:before {
    margin: 4px;
    width: 7px;
    height: 7px;
    background: #1abc9c;
  	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	-o-border-radius: 10px; 
	border-radius: 10px;
}


/* @radio + checkbox :hover state 
-------------------------------------------------- */
.smart-forms input:hover + .checkbox, 
.smart-forms input:hover + .radio{
    border-color: #62D0BA;
}

/* @radio + checkbox :focus state 
--------------------------------------------------- */
.smart-forms input:focus + .checkbox, 
.smart-forms input:focus + .radio{
    border-color: #1abc9c;
}

.smart-forms input:focus + .radio:before{ background: #1abc9c; }
.smart-forms input:focus + .checkbox:before{ border-color: #1abc9c; }

/* @toggle switch elements 
-------------------------------------------------- */
.smart-forms .switch {
	cursor:pointer; 
	position: relative; 
	padding-right:10px;
    display: inline-block;
	margin-bottom:5px;
	height: 26px;
}

.smart-forms .switch > .switch-label {
	cursor:pointer;
    display: inline-block;
    position: relative;
    height: 25px;
	width: 58px;
	color: #fff;
    font-size: 10px;
    font-weight: bold;
	line-height: 20px;
    text-align: center;
    background: #B5C1C7;
    border: 2px solid #B5C1C7;
	text-transform: uppercase;
	font-family:Helvetica, Arial, sans-serif;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;	
}
.smart-forms .switch > .switch-label + span{ display:inline-block; padding-left:5px; position:relative; top:-7px; }
.smart-forms .switch > .switch-label:before {
    content: attr(data-off);
    position: absolute;
    top: 1px;
    right: 3px;
    width: 33px;
}

.smart-forms .switch > .switch-label:after {
	content:"";	
    margin: 1px;
    width: 19px;
    height: 19px;
	display: block;
    background: #fff;
    -webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}

.smart-forms .switch > input {
	-webkit-appearance: none;
	position: absolute;
    width: inherit;
    height: inherit;
    opacity: 0;
	left: 0;
	top: 0;
   
}

/* @toggle switch focus state 
-------------------------------------------------------------- */
.smart-forms .switch > input:focus { outline: none; }
.smart-forms .switch > input:focus + .switch-label { color: #fff; border-color: #a1a6a9; background:#a1a6a9; }
.smart-forms .switch > input:focus + .switch-label:after { background: #fff; }

/* @toggle switch normal state 
--------------------------------------------------------------- */
.smart-forms .switch > input:checked + .switch-label {
    border-color: #1ABC9C;
	background: #1ABC9C; 
	padding-left: 33px;
	color: white;
}

.smart-forms .switch > input:checked + .switch-label:before {
    content: attr(data-on);
    left: 1px;
	top:1px;
}

.smart-forms .switch > input:checked + .switch-label:after {
    margin: 1px;
    width: 19px;
    height: 19px;
    background: white;
}

/* @toggle switch normal state focus 
--------------------------------------------------------------------------------- */
.smart-forms .switch > input:checked:focus + .switch-label { background: #16a085; border-color: #16a085; }
.smart-forms .switch-round > .switch-label { 
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	-o-border-radius: 13px;
	border-radius: 13px; 
}
.smart-forms .switch-round > .switch-label + span{ top:-2px; }
.smart-forms .switch-round > .switch-label:before { width: 33px; }
.smart-forms .switch-round > .switch-label:after {
    width: 19px;
	color:#B5C1C7;
	content: "\2022";
	font:20px/20px Times, Serif;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	-o-border-radius: 13px;
	border-radius: 13px;
}

.smart-forms .switch-round > input:checked + .switch-label { padding-left: 33px; }
.smart-forms .switch-round > input:checked + .switch-label:after{ color:#1ABC9C; }

/* @buttons 
----------------------------------------------------- */
.smart-forms .button {
    border: 0;
	height: 42px;
	color: #243140;
	line-height: 1;
	font-size:15px; 
    cursor: pointer;
	padding: 0 18px;
	text-align: center;
	vertical-align: top;
    background: #bdc3c7;
	display: inline-block;
	-webkit-user-drag: none;
	text-shadow: 0 1px rgba(255, 255, 255, 0.2);
}

/* @buttons :hover, :active states 
---------------------------------------------------------------- */
.smart-forms .button:hover { color: #243140; background: #cacfd2; }
.smart-forms .button:active{ color: #1d2938; background: #a1a6a9; }
.smart-forms a.button, 
.smart-forms span.button, 
.smart-forms label.button { line-height: 42px; text-decoration: none; }
.smart-forms .button i{ font-size:14px; }
.smart-forms .button-list .button{ margin-bottom:5px; }

/* @primary button theme
-------------------------------------------- */
.smart-forms .btn-primary {  background-color: #1abc9c;  }
.smart-forms .btn-primary:hover,
.smart-forms .btn-primary:focus { background-color: #48c9b0; }
.smart-forms .btn-primary:active{ background-color: #16a085; }
.smart-forms .btn-primary, 
.smart-forms .btn-primary:hover,
.smart-forms .btn-primary:focus, 
.smart-forms .btn-primary:active{ color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.08); }

/* @rounded buttons 
-------------------------------------------- */
.smart-forms .btn-rounded{ 
	-webkit-border-radius:22px;
	-moz-border-radius:22px;
	-o-border-radius:22px;
	border-radius:22px;  
}

/* @left + right buttons :: look like IOS
-------------------------------------------- */
.smart-forms .button-left, 
.smart-forms .button-right {
    position: relative;
	z-index:9;
}

.smart-forms .button-left:before, 
.smart-forms .button-right:before {
    content:'';
    z-index:-1;
    width: 32px;
    height: 32px;
	position: absolute;
    background-color: inherit;
	border-color: inherit;	
    border: none;
	top: 5px;
}

.smart-forms .button-left {
    border-left-width: 0; 
	padding: 0 18px 0 7px;
    -webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin-left:20px;
}

.smart-forms .button-left:before {
    left: -15px;
    -webkit-border-radius: 2px 5px 0 5px;
	-moz-border-radius: 2px 5px 0 5px;
	-o-border-radius: 2px 5px 0 5px;
	border-radius: 2px 5px 0 5px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.smart-forms .button-right {
    padding: 0 7px 0 18px;
    border-right-width: 0;
    -webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	margin-right:20px;
}

.smart-forms .button-right:before {
    right: -15px;
    -webkit-border-radius: 5px 2px 5px 0;
	-moz-border-radius: 5px 2px 5px 0;
	-o-border-radius: 5px 2px 5px 0;
	border-radius: 5px 2px 5px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* @left right button pointed button shapes 
------------------------------------------------ */
.smart-forms .btn-pointed.button-left, 
.smart-forms .btn-pointed.button-right{ 
	-webkit-border-radius:22px;
	-moz-border-radius:22px;
	-o-border-radius:22px; 
	border-radius:22px;  
}

.smart-forms .btn-rounded.button-left{ 
	-webkit-border-radius: 0 22px 22px 0;
	-moz-border-radius: 0 22px 22px 0;
	-o-border-radius: 0 22px 22px 0; 
	border-radius: 0 22px 22px 0;  
}

.smart-forms .btn-rounded.button-right{
	-webkit-border-radius: 22px 0 0 22px;
	-moz-border-radius: 22px 0 0 22px;
	-o-border-radius: 22px 0 0 22px;
	border-radius: 22px 0 0 22px; 
}

/* @push buttons
------------------------------------------------ */
.smart-forms .pushed { 
	-webkit-box-shadow:inset 0 -0.3em 0 rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0 -0.3em 0 rgba(0,0,0,0.2);
	-o-box-shadow:inset 0 -0.3em 0 rgba(0,0,0,0.2);
	box-shadow:inset 0 -0.3em 0 rgba(0,0,0,0.2);
	position:relative;
}

.smart-forms .pushed:active{
	-webkit-box-shadow:inset 0 -0.15em 0 rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0 -0.15em  0 rgba(0,0,0,0.2);
	-o-box-shadow:inset 0 -0.15em  0 rgba(0,0,0,0.2);
	box-shadow:inset 0 -0.15em  0 rgba(0,0,0,0.2);
	top:2px;
}

.smart-forms .pushed.button-left:before {
	-webkit-box-shadow:inset 0.35em 0  0 rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0.35em 0 0 rgba(0,0,0,0.2);
	-o-box-shadow:inset 0.35em 0 0 rgba(0,0,0,0.2);
	box-shadow:inset 0.35em 0 0 rgba(0,0,0,0.2);	
}

.smart-forms .pushed:active.button-left:before{
	-webkit-box-shadow:inset 0.2em 0  0 rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0.2em 0  0 rgba(0,0,0,0.2);
	-o-box-shadow:inset 0.2em 0  0 rgba(0,0,0,0.2);
	box-shadow:inset 0.2em 0  0 rgba(0,0,0,0.2);
}

.smart-forms .pushed.button-right:before {
	-webkit-box-shadow:inset  -0.35em 0  0 rgba(0,0,0,0.2);
	-moz-box-shadow:inset -0.35em 0  0  rgba(0,0,0,0.2);
	-o-box-shadow:inset -0.35em 0  0  rgba(0,0,0,0.2);
	box-shadow:inset -0.35em 0  0  rgba(0,0,0,0.2);	
}

.smart-forms .pushed:active.button-right:before{
	-webkit-box-shadow:inset -0.2em 0  0 rgba(0,0,0,0.2);
	-moz-box-shadow:inset -0.2em 0  0 rgba(0,0,0,0.2);
	-o-box-shadow:inset -0.2em 0  0 rgba(0,0,0,0.2);
	box-shadow:inset -0.2em 0  0 rgba(0,0,0,0.2);
}

/* @adjust buttons in form footer
------------------------------------------------ */
.smart-forms .form-footer .button{ margin-right:10px; margin-bottom:5px; }
.smart-forms .align-right .button{ margin-right:0; margin-left:10px; }

/* @social buttons :: facebook :: twitter :: google +
---------------------------------------------------- */
.smart-forms .twitter, 
.smart-forms .twitter:hover, 
.smart-forms .twitter:focus,
.smart-forms .facebook, 
.smart-forms .facebook:hover, 
.smart-forms .facebook:focus,
.smart-forms .googleplus,
.smart-forms .googleplus:hover, 
.smart-forms .googleplus:focus { color:#fff; text-shadow: 0 1px rgba(0, 0, 0, 0.08); } 
.smart-forms .facebook { background-color:#3b5998; }
.smart-forms .twitter { background-color:#00acee;  }
.smart-forms .googleplus { background-color:#dd4b39; }
.smart-forms .facebook:hover, 
.smart-forms .facebook:focus { background-color:#25385F;  }
.smart-forms .twitter:hover, 
.smart-forms .twitter:focus { background-color:#00749F;  }
.smart-forms .googleplus:hover, 
.smart-forms .googleplus:focus { background-color:#8D2418;  }
.smart-forms .span-left{ padding-left:52px; text-align:left; }
.smart-forms .btn-social { position:relative; margin-bottom:5px;  }
.smart-forms .btn-social i{ font-size:22px; position:relative; top:2px;    }
.smart-forms .btn-social span{
	-webkit-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	-o-border-radius:3px 0 0 3px;
	border-radius:3px 0 0 3px;	
	display:inline-block; 
	text-align:center; 
	position:absolute;
	width:42px; 
	left:0; 
}
.smart-forms .twitter span{ background-color:#009AD5; }
.smart-forms .facebook span{ background-color:#31497D; }
.smart-forms .googleplus span{ background-color:#C03121; }

/* @rating and review star widget :: with hover back afetr selecting
------------------------------------------------------------------------ */
.smart-forms .rating { position:relative; }
.smart-forms .rating.block { display:block; margin:10px 0; }
.smart-forms .rating label{color: #B5C1C7;} 
.smart-forms .rating label i{ font-size:17px; text-align:center; color:inherit;  }
.smart-forms .rating label span{ font:22px/22px Times, Serif; }
.smart-forms .rating-star{ margin-left:4px; }
.smart-forms .rating-input { position: absolute; left:-9999px; top: auto; }
.smart-forms .rating:hover .rating-star:hover,
.smart-forms .rating:hover .rating-star:hover ~ .rating-star,
.smart-forms .rating-input:checked ~ .rating-star { color: #1abc9c;	}
.smart-forms .rating-star, 
.smart-forms .rating:hover .rating-star {	
	width: 18px;
	float: right;
	display: block;
	cursor:pointer;
	color: #B5C1C7;	
}

.smart-forms .rating:before,
.smart-forms .rating:after{ display: table; content: ""; line-height: 0; }
.smart-forms .rating:after{ clear: both; }
.smart-forms .rating .lbl-text{ font-size:14px; display: inline-block; float:left; }
.smart-forms .rating-wrapper {
	position:relative;
	display:inline-block;
	margin-top:0;
	float: right;
}

.smart-forms .rating label span{
	font-family:Arial, Helvetica, sans-serif;
	text-shadow: 0 1px rgba(255, 255, 255, 0);
	-webkit-transition: margin 0.6s, opacity 0.6s;
	-moz-transition: margin 0.6s, opacity 0.6s;
	-ms-transition: margin 0.6s, opacity 0.6s;
	-o-transition: margin 0.6s, opacity 0.6s;
	transition: margin 0.6s, opacity 0.6s;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;	
	white-space:nowrap;
	position:absolute;
	padding:5px 10px;
	font-weight:bold;
	background:#34495E;
	font-size:11px;
	margin-left:-5px;
	margin-bottom:15px;
	display:block;
	left:-9999px;
	color:#fff;
	opacity:0;
	z-index:10;
}

.smart-forms .rating label:hover span{ bottom:100%; opacity:1; left: auto; margin-bottom:5px;  }
.smart-forms .rating label span:before{
	content: ''; 
	position: absolute;
	border-top: 4px solid #34495E;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;	
	left: 8px;
	top: 100%;
}



/* @smart widget
   @this widget helps us to position an element eg button or label or span
   @the positions can either be left or right while the input stays 100%
   @you ca use this to rapidly create search widgets, newsletter subscribe etc 
---------------------------------------------------------------------------------*/
.smart-forms .smart-widget, 
.smart-forms .append-picker-icon, 
.smart-forms .prepend-picker-icon { position: relative; display:block; }
.smart-forms .smart-widget .field input, 
.smart-forms .append-picker-icon input, 
.smart-forms .prepend-picker-icon input { width: 100%; }

.smart-forms .append-picker-icon button, 
.smart-forms .prepend-picker-icon button,
.smart-forms .smart-widget .button {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
    position: absolute;
	height: 42px;
    top: 0;
}

.smart-forms .append-picker-icon button,
.smart-forms .prepend-picker-icon .gui-input,
.smart-forms .sm-left .field input, 
.smart-forms .sm-right .button{
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-top-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -o-border-top-left-radius: 0;
    -o-border-bottom-left-radius: 0;		
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.smart-forms .prepend-picker-icon button,
.smart-forms .append-picker-icon .gui-input,
.smart-forms .sm-right .field input, 
.smart-forms .sm-left .button{
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-top-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -o-border-top-right-radius: 0;
    -o-border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;			
}

.smart-forms .prepend-picker-icon button,
.smart-forms .sm-left .button { left:0; }
.smart-forms .append-picker-icon button,
.smart-forms .sm-right .button {  right:0; }

/* @smart widget buttons - to left 
------------------------------------------------- */
.smart-forms .sml-50, 
.smart-forms .prepend-picker-icon{ padding-left: 50px; } 
.smart-forms .sml-50 .button, 
.smart-forms .prepend-picker-icon button{ width: 50px; }
.smart-forms .sml-80{ padding-left: 80px; } 
.smart-forms .sml-80 .button { width: 80px; }
.smart-forms .sml-120{ padding-left: 120px; } 
.smart-forms .sml-120 .button { width: 120px; }

/* @smart widget buttons - to right 
------------------------------------------------- */
.smart-forms .smr-50, 
.smart-forms .append-picker-icon{ padding-right: 50px; } 
.smart-forms .smr-50 .button, 
.smart-forms .append-picker-icon button{ width: 50px; }
.smart-forms .smr-80{ padding-right: 80px; } 
.smart-forms .smr-80 .button { width: 80px; }
.smart-forms .smr-120{ padding-right: 120px; } 
.smart-forms .smr-120 .button { width: 120px; }

/* @picker buttons
------------------------------------------------- */
.smart-forms .append-picker-icon button, 
.smart-forms .prepend-picker-icon button{
	background: #bdc3c7;
	text-shadow: 0 1px rgba(255, 255, 255, 0.2);
	text-align: center;	
	cursor: pointer;
	color: #243140;
	border:0;
}

/* @ picker buttons :hover :active states 
---------------------------------------------------------------- */
.smart-forms .append-picker-icon button:hover, 
.smart-forms .prepend-picker-icon button:hover { color: #243140; background: #cacfd2; }
.smart-forms .append-picker-icon button:active, 
.smart-forms .prepend-picker-icon button:active{ color: #1d2938; background: #a1a6a9; }


/* @icon append (right) :: prepend (left)
------------------------------------------------- */
.smart-forms .append-icon, 
.smart-forms .prepend-icon{
    display: inline-block;
    vertical-align: top;
    position: relative;
	width:100%;
}

.smart-forms .append-icon .field-icon, 
.smart-forms .prepend-icon .field-icon{
	top:0;
	width:42px;
	height:42px;
	color: inherit;
	line-height:42px;
	position:absolute;
	text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    pointer-events: none;
	z-index:99;
}

.smart-forms .append-icon .field-icon i, 
.smart-forms .prepend-icon .field-icon i{ 
	position:relative;
	font-size:14px;
}

.smart-forms .prepend-icon .field-icon{ left:0;  }
.smart-forms .append-icon .field-icon{ right:0; }
.smart-forms .prepend-icon > input, 
.smart-forms .prepend-icon > textarea,
.smart-forms .prepend-icon > select{ padding-left:36px; }
.smart-forms .append-icon > input, 
.smart-forms .append-icon > textarea{ padding-right:36px; padding-left:10px;  }
.smart-forms .append-icon > textarea{ padding-right:36px; }

/* @tooltips on inputs + textareas 
------------------------------------------------- */ 
.smart-forms .tooltip {
	position: absolute;
	z-index: -1;
	opacity: 0;
	color: #fff;	
	width: 184px;
	left: -9999px;
	top:auto;
	font-size: 11px;
	font-weight:normal;
	background: #34495E;
	-webkit-transition: margin 0.6s, opacity 0.6s;
	-moz-transition: margin 0.6s, opacity 0.6s;
	-ms-transition: margin 0.6s, opacity 0.6s;
	-o-transition: margin 0.6s, opacity 0.6s;
	transition: margin 0.6s, opacity 0.6s;
}

.smart-forms .tooltip > em{ padding:12px; font-style:normal; display:block; position:static; }
.smart-forms .tooltip:after { content: ''; position: absolute; }
.smart-forms .option:hover .tooltip,
.smart-forms .gui-input:focus + .tooltip,
.smart-forms .gui-textarea:focus + .tooltip,
.smart-forms .select > select:focus ~ .tooltip { opacity: 1; z-index: 999; }

/* @tooltip left
------------------------------------------------- */
.smart-forms .tip-left { top:1px; margin-right:-20px; }
.smart-forms .tip-left:after {
	top:12px;
	left: 100%;
	border-left: 8px solid #34495E;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

.smart-forms .gui-input:focus + .tip-left,
.smart-forms .gui-textarea:focus + .tip-left,
.smart-forms .select > select:focus ~ .tip-left {
	margin-right:5px;
	right: 100%;
	left: auto;
}
/* @tooltip right
------------------------------------------------- */
.smart-forms .tip-right { top:1px; margin-left:-20px; }
.smart-forms .tip-right:after {
	top:12px;
	right: 100%;
	border-right: 8px solid #34495E;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;	
}

.smart-forms .gui-input:focus + .tip-right,
.smart-forms .gui-textarea:focus + .tip-right,
.smart-forms .select > select:focus ~ .tip-right { left: 100%; margin-left:5px; }

/* @tooltip right-top
------------------------------------------------- */
.smart-forms .tip-right-top { bottom: 100%; margin-bottom: -20px; }
.smart-forms .tip-right-top:after {
	top: 100%;
	right: 12px;
	border-top: 8px solid #34495E;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.smart-forms .gui-input:focus + .tip-right-top,
.smart-forms .gui-textarea:focus + .tip-right-top,
.smart-forms .select > select:focus ~ .tip-right-top {
	right: 0;
	left: auto;
	margin-bottom: 10px;
}

/* @tooltip left-top
------------------------------------------------- */
.smart-forms .option .tooltip,
.smart-forms .tip-left-top { bottom: 100%; margin-bottom: -20px; }
.smart-forms .option .tooltip:after,
.smart-forms .tip-left-top:after {
	top: 100%;
	left: 12px;
	border-top: 8px solid #34495E;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
.smart-forms .option:hover .tooltip,
.smart-forms .gui-input:focus + .tip-left-top,
.smart-forms .gui-textarea:focus + .tip-left-top,
.smart-forms .select > select:focus ~ .tip-left-top {
	left: 0;
	right: auto;
	margin-bottom: 10px;
}

.smart-forms .option:hover .tooltip{
	left:-10px;
}

/* @tooltip right-bottom
------------------------------------------------- */
.smart-forms .tip-right-bottom { top: 100%; margin-top: -20px; }
.smart-forms .tip-right-bottom:after {
	right: 12px;
	bottom: 100%;
	border-bottom: 8px solid #34495E;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.smart-forms .gui-input:focus + .tip-right-bottom,
.smart-forms .gui-textarea:focus + .tip-right-bottom {
	margin-top: 10px;
	left: auto;
	right: 0;
}

/* @tooltip left-bottom
------------------------------------------------- */
.smart-forms .tip-left-bottom { top: 100%; margin-top: -20px; }
.smart-forms .tip-left-bottom:after {
	left: 12px;
	bottom: 100%;
	border-bottom: 8px solid #34495E;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.smart-forms .gui-input:focus + .tip-left-bottom,
.smart-forms .gui-textarea:focus + .tip-left-bottom {
	margin-top:10px;
	right: auto;
	left: 0;
}

/* @lists
-------------------------------------------------------------- */
.smart-forms .smart-list{ list-style:none; margin:0; padding:0; }
.smart-forms .smart-list li{ margin-bottom:20px; }

/* @notification messages | info | error | warning | success
-------------------------------------------------------------- */
.smart-forms .form-msg{ display:none; }
.smart-forms .notification { color: #444; padding:15px; position:relative; }
.smart-forms .notification p{ margin:0; padding:0 15px; padding-left:5px; line-height:normal;  }
.smart-forms .notification .close-btn{
	margin-top: -7px;
	padding: inherit;
	position: absolute;
	text-decoration:none; 
    font: bold 20px/20px Arial, sans-serif;
	opacity: 0.65; 	
	color: inherit;
    display: block;    
    right:1px;
	top:14%;
}

.smart-forms .notification .close-btn:hover{ opacity: 1; }
.smart-forms .alert-info { color:#163161; background-color: #cfe6fc; }
.smart-forms .alert-success { color:#336633; background-color: #d2f7ad; }
.smart-forms .alert-warning { color: #CC6600; background-color: #fae7a2; }
.smart-forms .alert-error { color:#990000; background-color: #FBDBCF; }
.smart-forms .notification ul{ 
	margin-left:1.3em; 
	list-style-position: inside;
	margin-top:10px;
} 

/* @validaion - error state
------------------------------------- */
.smart-forms .state-error .gui-input,
.smart-forms .state-error .gui-textarea,
.smart-forms .state-error.select > select,
.smart-forms .state-error.select-multiple > select,
.smart-forms .state-error input:hover + .checkbox, 
.smart-forms .state-error input:hover + .radio,
.smart-forms .state-error input:focus + .checkbox, 
.smart-forms .state-error input:focus + .radio,
.smart-forms .state-error .checkbox, 
.smart-forms .state-error .radio{
	background:#FEEFE9;
	border-color:#E46B66;
}

.smart-forms .state-error .gui-input ~ .field-icon i,
.smart-forms .state-error .gui-textarea ~ .field-icon i{  color: #e74c3c; }
.smart-forms .state-error.select .arrow { color: #e74c3c; }
.smart-forms .state-error.select:before {  border-left:1px solid #E46B66; }
.smart-forms .state-error .gui-input ~ .input-hint,
.smart-forms .state-error.file .gui-file:hover + .gui-input, 
.smart-forms .state-error .gui-textarea ~ .input-hint { border-color:#E46B66; }
.smart-forms .state-error + em{ 
	display: block!important;
	margin-top: 6px;
	padding: 0 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	color:#CC0000;
	font-size:0.85em;
  
}

/* @validaion - success state 
-------------------------------------------------- */
.smart-forms .state-success .gui-input,
.smart-forms .state-success .gui-textarea,
.smart-forms .state-success.select > select,
.smart-forms .state-success.select-multiple > select,
.smart-forms .state-success input:hover + .checkbox, 
.smart-forms .state-success input:hover + .radio,
.smart-forms .state-success input:focus + .checkbox, 
.smart-forms .state-success input:focus + .radio, 
.smart-forms .state-success .checkbox, 
.smart-forms .state-success .radio{
	background:#EAFCD8;
	border-color:#2ecc71;
}

.smart-forms .state-success .gui-input ~ .field-icon i,
.smart-forms .state-success .gui-textarea ~ .field-icon i{  color: #2ecc71; }
.smart-forms .state-success.select .arrow { color: #2ecc71; }
.smart-forms .state-success.select:before {  border-left:1px solid #2ecc71; }
.smart-forms .state-success .gui-input ~ .input-hint,
.smart-forms .state-success.file .gui-file:hover + .gui-input, 
.smart-forms .state-success .gui-textarea ~ .input-hint { border-color:#2ecc71; }


/* @disabled state 
----------------------------------------------- */
.smart-forms .button[disabled],
.smart-forms .state-disabled .button,
.smart-forms input[disabled] + .radio,
.smart-forms input[disabled] + .checkbox,
.smart-forms .switch > input[disabled] + label{
	cursor: default;
	opacity:0.5;
}

.smart-forms .gui-input[disabled],
.smart-forms .gui-textarea[disabled], 
.smart-forms .select > select[disabled], 
.smart-forms .select-multiple select[disabled],
.smart-forms .gui-input[disabled] ~ .input-hint,
.smart-forms .file .gui-file[disabled] + .gui-input,
.smart-forms .file .gui-file[disabled]:hover + .gui-input, 
.smart-forms .gui-textarea[disabled] ~ .input-hint {    
  background-color: #f4f6f6;
  border-color: #d5dbdb!important;
  cursor: default;
  color: #d5dbdb;
  opacity:0.7;
}

.smart-forms input[disabled] ~ .field-icon i,
.smart-forms textarea[disabled] ~ .field-icon i,
.smart-forms .select > select[disabled] + .arrow{ 
	opacity:0.4; 
}

/* @jquery ui helper classes 
----------------------------------------------- */
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}

/* @datepicker - requires jquery ui
----------------------------------------------- */
.ui-datepicker {
	width: 18em;
	margin-top:14px;
	display: none;
	background: #fff;
	position:relative;
	font: 14px/1.55  "Roboto", Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.3);
	-o-box-shadow: 0 0 4px rgba(0,0,0,.3);
	box-shadow: 0 0 4px rgba(0,0,0,.3);
	border:5px solid #1ABC9C;
	z-index:9999!important;	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;	
	text-align: center;
	color: #666;
	
}


.ui-datepicker:before{
	content:"";
	bottom:auto; 
	border: solid;
	border-width:16px 16px 16px;
	border-color:transparent transparent #1ABC9C transparent; 
	border-color:rgba(255,255,255,0) rgba(255,255,255,0) #1ABC9C rgba(255,255,255,0);
	position:absolute;
	margin-left:-10px;
	display:block;
	top:-32px;
	left:10%; 
	height:0;
	width:0;
}


.ui-datepicker a { color: #404040; text-align:center; }
.ui-datepicker .ui-state-disabled span{ color:#D9DDE5;}
.ui-timepicker-div .ui-widget-header,
.ui-datepicker .ui-datepicker-header {
	position: relative;
	background:#1ABC9C;
	line-height: 27px;
	font-size: 15px;
	padding: 10px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	width: 34px;
	height: 34px;
	display: block;
	font-size: 14px;
	position: absolute;
	text-decoration: none;
	cursor: pointer;
	color:#fff;
	top:19.5%;
}

.ui-datepicker .ui-datepicker-prev { left: 2px;  }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-title { 
	margin: 0 2.3em; 
	line-height: 1.8em; 
	text-align: center;
	color:#fff; 
}

.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	margin: 0 0 .4em;
	border-collapse: collapse;
}

.ui-datepicker th {
	padding: .5em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}

.ui-datepicker td { border: 0; padding:2px 5px;  }
.ui-datepicker td span,
.ui-datepicker td a {
	padding: .25em;
	display: block;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}

.ui-datepicker td span:hover,
.ui-datepicker td a:hover {  background:#D7DCDE; }
.ui-datepicker .ui-state-disabled span:hover{ background:none; }
.ui-datepicker-today a, .ui-datepicker-today a:hover, 
.ui-datepicker .ui-state-highlight {
	font-weight: 700;
	background: #1ABC9C!important;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	color:#fff;
}

/* @multiple calendars || not responsive use carefully 
--------------------------------------------------------------- */
.cal-widget .ui-datepicker { width: 100%; margin-top:0; }
.cal-widget .ui-datepicker:before{ display:none; }
.ui-datepicker.ui-datepicker-multi { width: auto; }
.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.333%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }
.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; }


/* @ ui buttons
---------------------------------------------------------------- */
.ui-datepicker-buttonpane{ border-top:1px solid #D9DDE5; padding:10px;  }
.ui-datepicker-buttonpane button {
	padding: 8px 12px;
	margin-right: .2em;
	position: relative;
	line-height: normal;
	display: inline-block;
	-webkit-user-drag: none;
	text-shadow: 0 1px rgba(255, 255, 255, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;	
	vertical-align: middle;
	background: #bdc3c7;
	text-align: center;
	overflow: visible;	
	cursor: pointer;
	color: #243140;
	border:0;
}

/* @ ui buttons :hover, :active states 
---------------------------------------------------------------- */
.ui-datepicker-buttonpane button:hover { color: #243140; background: #cacfd2; }
.ui-datepicker-buttonpane button:active{ color: #1d2938; background: #a1a6a9; }
.ui-monthpicker .ui-datepicker-header{ margin-bottom:3px; }

/* @ui slider - requires jquery ui
------------------------------------------------------*/
.smart-forms .slider-wrapper, 
.smart-forms .sliderv-wrapper{ 
	background:#E2E8F1;
	position:relative;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.smart-forms .ui-slider {
	position: relative;
	text-align: left;
}

.smart-forms .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.5em;
	height: 1.5em;
	cursor: default;
	background:#fff;
	text-decoration:none;
	border:3px solid #1ABC9C;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;	
	-ms-touch-action: none;
	touch-action: none;
	margin-top:-3px;
	outline:none;
}

.smart-forms .ui-slider .ui-slider-handle:before{
	content: '';
    width: 7px;
    height: 7px;
	position:absolute;
    background-color: #1ABC9C;
  	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	-o-border-radius: 10px; 
	border-radius: 10px;
	z-index: 2;	
	left:4px;
	top:4px;
}

.smart-forms .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
	background-color: #1ABC9C;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;	
}

.smart-forms .ui-slider.ui-state-disabled .ui-slider-handle,
.smart-forms .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }
.smart-forms .ui-slider-horizontal { height: .5em; }
.smart-forms .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.smart-forms .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.smart-forms .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.smart-forms .ui-slider-horizontal .ui-slider-range-max { right: 0; }
.smart-forms .ui-slider-vertical, 
.smart-forms .sliderv-wrapper { width: .5em; height: 100px; }
.smart-forms .ui-slider-vertical .ui-slider-handle { left: -.45em; margin-left: 0; margin-bottom: -.6em; }
.smart-forms .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.smart-forms .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.smart-forms .ui-slider-vertical .ui-slider-range-max { top: 0; }
.smart-forms .slider-input{  color:#f6931f!important; border:0; background:none; }
.smart-forms .slider-group .sliderv-wrapper{ height:150px; float:left; margin:15px 15px;   }
.smart-forms .ui-slider .ui-state-active {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}

/* @ui slider tooltip
------------------------------------------------------*/
.smart-forms .slider-tip {
	display: block;
	position: absolute;
	text-align: center;
	font: 10pt Tahoma, Arial, sans-serif ;
	background: #34495E;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;	
	padding:10px;
	color: #fff;
}

.smart-forms .slider-wrapper .slider-tip{ top: -50px; left:-15px; }
.smart-forms .slider-wrapper .slider-tip:after { 
	content: ''; 
	position: absolute; 
	top: 98%;
	left: 35%;
	border-top: 8px solid #34495E;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;	
}

.smart-forms .sliderv-wrapper .slider-tip{ left: 30px; top:-12px; }
.smart-forms .sliderv-wrapper .slider-tip:after{ 
	content: ''; 
	position: absolute;
	top:30%;
	right: 98%;
	border-right: 8px solid #34495E;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;	
}

/* @ui slider themes
------------------------------------------------------*/
.smart-forms .yellow-slider .ui-slider .ui-slider-handle{ border-color:#ed9c28; }
.smart-forms .yellow-slider .ui-slider .ui-slider-handle:before,
.smart-forms .yellow-slider .ui-slider .ui-slider-range { background-color:#ed9c28;  }
.smart-forms .red-slider .ui-slider .ui-slider-handle{ border-color:#e74c3c; }
.smart-forms .red-slider .ui-slider .ui-slider-handle:before,
.smart-forms .red-slider .ui-slider .ui-slider-range { background-color:#e74c3c;  }
.smart-forms .purple-slider .ui-slider .ui-slider-handle{ border-color:#9B59B6; }
.smart-forms .purple-slider .ui-slider .ui-slider-handle:before,
.smart-forms .purple-slider .ui-slider .ui-slider-range { background-color:#9B59B6;  }
.smart-forms .blue-slider .ui-slider .ui-slider-handle{ border-color:#3498db; }
.smart-forms .blue-slider .ui-slider .ui-slider-handle:before,
.smart-forms .blue-slider .ui-slider .ui-slider-range { background-color:#3498db;  }
.smart-forms .black-slider .ui-slider .ui-slider-handle{ border-color:#34495e; }
.smart-forms .black-slider .ui-slider .ui-slider-handle:before,
.smart-forms .black-slider .ui-slider .ui-slider-range { background-color:#34495e;  }
.smart-forms .green-slider .ui-slider .ui-slider-handle{ border-color:#2ecc71; }
.smart-forms .green-slider .ui-slider .ui-slider-handle:before,
.smart-forms .green-slider .ui-slider .ui-slider-range { background-color:#2ecc71;  }

/* @ui timepicker - requires jquery ui
------------------------------------------------------*/
.ui-timepicker-div .ui-widget-header {
	position: relative;
	line-height: 27px;
	font-size: 15px;
	padding: 10px;
 }
 
.ui-timepicker-div dl { text-align: left;  border:1px solid #D9DDE5; border-width:1px 0 0 0; padding:15px 10px; padding-bottom:15px; margin:0;  }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 15px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0;    }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; background:#E2E8F1;  position:relative; top:6px;  }

.ui-timepicker-div dl .ui_tpicker_hour, 
.ui-timepicker-div dl .ui_tpicker_minute, 
.ui-timepicker-div dl .ui_tpicker_second,  
.ui-timepicker-div dl .ui_tpicker_millisec{ background:#E2E8F1;  position:relative;  top:5px;  }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none;   }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right;}
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0;  }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block;   }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block;  }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

/* ui-autocomplete widget
----------------------------------------------------- */
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	z-index: 10000000;	
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
	font-family:  "Roboto", Arial, Helvetica, sans-serif;
	font-size:14px;
	border:1px solid #bbb;
	border-top:0;
	background:#fff;
	max-height: 100px;
	overflow-x: hidden;
	overflow-y: auto;	
}

.ui-autocomplete .ui-menu { position: absolute; }
.ui-autocomplete .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 8px 10px;
	cursor: pointer;
	min-height: 0;
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
	background:#F2F4FA;
	border-bottom:1px solid #DCE1EE;
    -webkit-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);
	-o-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.ui-autocomplete .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
	border-color:#ddd;
}

.ui-autocomplete .ui-state-focus,
.ui-autocomplete .ui-state-active { }
.ui-autocomplete .ui-menu-item:hover{
	background:#DCE1EE;
}

/* @jquery ui combobox widget
---------------------------------------- */
.custom-combobox {
	position: relative;
	padding-right:46px;
	display: block;
}
.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	right:0;
	margin-left: -1px;
	padding: 0;
	z-index:10;
	width:46px;
	line-height:40px;
	height:100%;
	text-align:center;
	background:#F2F4FA;
	border:2px solid #BDC3C7;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	cursor:pointer;
	color:#ADB4B8;
	border-left:0;
}
.custom-combobox-input.gui-input {
	margin: 0;
	padding: 5px 10px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}


/* @progress bars 
------------------------------------------------------*/
.smart-forms .progress-section{ display:none; } 
.smart-forms .progress-bar {
    position: relative;
    background: #EDF0F8;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.smart-forms .progress-bar .percent { 
	position:absolute; 
	display:inline-block; 
	top:-3px; 
	right:-24px; 
	font-size:9px; 
	color:#93A2AA; 
}
.smart-forms .progress-bar > .bar {   
	width:60%; 
	height:7px;
	display: block;
	background-size: 16px 16px;	
	background-color: #bdc3c7; 
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}


/* @progress bar themes
----------------------------------------------------------- */
.smart-forms .bar-primary > .bar { background-color: #1abc9c; }
.smart-forms .bar-blue > .bar     { background-color: #3498db; }
.smart-forms .bar-black > .bar    { background-color: #34495e; }
.smart-forms .bar-green > .bar    { background-color: #2ecc71; }
.smart-forms .bar-purple > .bar   { background-color: #9B59B6; }
.smart-forms .bar-red > .bar      { background-color: #e74c3c; }
.smart-forms .bar-yellow > .bar   { background-color: #ed9c28; }

/* @progress bar strips + animation IE10+ 
----------------------------------------------------------- */
.smart-forms .ui-slider .ui-slider-range,
.smart-forms .progress > button[type="submit"]:hover,
.smart-forms .progress > button[type="submit"],
.smart-forms .progress-bar > .bar {
    background-size: 16px 16px;
    background-image: -webkit-linear-gradient(top left,  
					  transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, 
					  transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
					  
    background-image: -moz-linear-gradient(top left,  
					  transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, 
					  transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
					  
    background-image: -o-linear-gradient(top left,  
					  transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, 
					  transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
					  
    background-image: linear-gradient(to bottom right,  
					  transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, 
					  transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
}

.smart-forms .progress > button[type="submit"], 
.smart-forms .progress > button[type="submit"]:hover,  
.smart-forms .progress-animated > .bar{
	-webkit-animation: sfprogress .6s linear infinite;
	-moz-animation: sfprogress .6s linear infinite;
	-o-animation: sfprogress .6s linear infinite;
    animation: sfprogress .6s linear infinite;
}

.smart-forms .progress > button[type="submit"]:hover{ cursor:wait; }

@-webkit-keyframes sfprogress {
    from { background-position: 0 0; }
	to { background-position: -16px 0; }
}


@-moz-keyframes sfprogress {
	from { background-position: 0 0; }
	to { background-position: -16px 0; }
}

@-o-keyframes sfprogress {
	from { background-position: 0 0; }
	to { background-position: -16px 0; }
}

@keyframes sfprogress {
    from { background-position: 0 0; }
	to { background-position: -16px 0; }
}

/* @cloned widgets 
--------------------------------------------------------------- */
.clone-widget{ padding-right:100px; position:relative;  }
.clone-widget .button{ position:absolute; right:0; top:0;}
.clone-widget .clone{ right:50px; }

/* @google map :: block elements 
----------------------------------------------------------------------- */
.smart-forms .map-container{ padding:10px; border: 2px solid #BDC3C7; }
.smart-forms #map_canvas{ width:100%; height:300px; overflow:hidden;  }
.smart-forms .block{ display:block; }

/* @form grid
----------------------------------- */ 

/* @form rows 
--------------------------------- */
.smart-forms .frm-row{ margin:0 -10px;  }
.smart-forms .slider-group:before,
.smart-forms .slider-group:after,
.smart-forms .frm-row:before,
.smart-forms .frm-row:after { display: table; content: ""; line-height: 0; }
.smart-forms .slider-group:after, 
.smart-forms .frm-row:after{ clear: both; }

/* @form columns 
----------------------------------- */
.smart-forms .frm-row .colm{ 
	min-height:1px; 
	padding-left:10px; 
	padding-right:10px; 
	position:relative; 
	float:left; 
}

.smart-forms .frm-row .colm1{width:8.33%;}
.smart-forms .frm-row .colm2{width:16.66%;}
.smart-forms .frm-row .colm3{width:25%;}
.smart-forms .frm-row .colm4{width:33.33%;}
.smart-forms .frm-row .colm5{width:41.66%;}
.smart-forms .frm-row .colm6{width:50%;}
.smart-forms .frm-row .colm7{width:58.33%;}
.smart-forms .frm-row .colm8{width:66.66%;}
.smart-forms .frm-row .colm9{width:75%;}
.smart-forms .frm-row .colm10{width:83.33%;}
.smart-forms .frm-row .colm11{width:91.66%;}
.smart-forms .frm-row .colm12{width:100%; }
.smart-forms .frm-row .colm1-5{width:20%;}
.smart-forms .frm-row .colm1-8{width:12.5%;}

/* @spacers 
--------------------------------------- */
.smart-forms .spacer{ 
	border-top:1px solid #D9DDE5; 
	display:block;
	height:0; 
}

/* @margin spacers :: modify accordingly 
-------------------------------------------- */
.smart-forms .spacer-t10{ margin-top:10px; }
.smart-forms .spacer-b10{ margin-bottom:10px; }
.smart-forms .spacer-t15{ margin-top:15p; }
.smart-forms .spacer-b15{ margin-bottom:15px; }
.smart-forms .spacer-t20{ margin-top:20px; }
.smart-forms .spacer-b20{ margin-bottom:20px; }
.smart-forms .spacer-t25{ margin-top:25px; }
.smart-forms .spacer-b25{ margin-bottom:25px; }
.smart-forms .spacer-t30{ margin-top:30px; }
.smart-forms .spacer-b30{ margin-bottom:30px; }
.smart-forms .spacer-t40{ margin-top:40px; }
.smart-forms .spacer-b40{ margin-bottom:40px; }

/* @padding spacers :: modify accordingly 
-------------------------------------------------- */
.smart-forms .frm-row .pad-l10{ padding-left:10px; }
.smart-forms .frm-row .pad-r10{ padding-right:10px; }
.smart-forms .frm-row .pad-l20{ padding-left:20px; }
.smart-forms .frm-row .pad-r20{ padding-right:20px; }
.smart-forms .frm-row .pad-l30{ padding-left:30px; }
.smart-forms .frm-row .pad-r30{ padding-right:30px; }
.smart-forms .frm-row .pad-l40{ padding-left:40px; }
.smart-forms .frm-row .pad-r40{ padding-right:40px; }

/* @border spacers + text adjust
-------------------------------------------------- */
.smart-forms .bdl { border-left:1px solid #D9DDE5;  }
.smart-forms .bdr { border-right:1px solid #D9DDE5; }
.smart-forms .fine-grey{ color:#919DA8; }
.smart-forms .small-text{ font-size:11px; font-style:normal;  }
.smart-forms .text-align{ height:42px; line-height:42px; }

/* @element alignment
-------------------------------------------------- */
.smart-forms .align-right{ text-align:right; }
.smart-forms .align-center{ text-align:center; }

/* @simple price boxes :: depend on grid
-------------------------------------------------- */
.smart-forms .price-box{ 
	padding:30px; 
	text-align:center;
	position:relative; 
	border:1px solid #D0D6DF;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.05);
	-o-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.05);
	box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.05); 
}

.smart-forms .price-box p{ line-height:1.5em; color:#526066; margin-bottom:0; }
.smart-forms .price-box h5{ text-transform:uppercase; font-weight:300; margin:0; font-size:15px; color:#BACDD6; letter-spacing:2px  }
.smart-forms .price-box h4{ font-size:60px; font-weight:300; margin:0; color:#547698; }
.smart-forms .selected-box h4{ color:#1abc9c; }
.smart-forms .price-box h4 sup{ position:relative; font-size:30px; vertical-align:top; top:15px; }
.smart-forms .price-box h4 .per-month{font-size:14px; }
.smart-forms .expand{ height:50px; line-height:50px!important; }


/* @simple price boxes ribbon IE8+
----------------------------------------- */
.smart-forms .ribbon,
.smart-forms .ribbon-large{
	width:75px;
	height:78px;
	overflow:hidden;
	position:absolute;
	right: -2px;
	top: -2px;
	z-index:1;
}

.smart-forms .ribbon-inner{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;	
	-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.15);
	-o-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.15);
	box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.15);
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	background: #1abc9c;
	letter-spacing:4px;
	text-align:center;
	position:relative;
	font-weight:700;
	font-size:14px;
	padding:7px 0;
	width:100px;
	color:#fff;
	z-index:1;
	left:3px;
	top:6px;
}

.smart-forms .ribbon-inner:before,
.smart-forms .ribbon-inner:after{
	content:"";
	border-top:3px solid #16a085;
	border-left:3px solid transparent;
	border-right:3px solid transparent;
	position:absolute;
	bottom:-3px;
}

.smart-forms .ribbon-inner:before{ left:0px; }
.smart-forms .ribbon-inner:after{ right:0px; }
.smart-forms .ribbon-large{ width:115px; height:118px; }
.smart-forms .ribbon-large .ribbon-inner{
	width:160px;
	left:-8px;
	top:28px;
}

/* @captcha refresh button + icon 
-------------------------------------------------- */
.smart-forms .sfcode{ padding-left:24px; }
.smart-forms .captcode{ padding:0; position:relative; }
.smart-forms .captcode:hover{ background:#BDC3C7!important;}
.smart-forms .captcode img{ 
	position:relative;
    -webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	-o-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;		 
	top:2px;
	left:1px;
}
.smart-forms .refresh-captcha{ 
	position:absolute;
	background:#1abc9c;
	border:3px solid #16a085;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-o-border-radius:30px;
	border-radius:30px;
	right:-15px;
	height:32px;
	width:32px; 
	top:4px; 
}

.smart-forms .refresh-captcha i{ 
	position:absolute; 
	text-align:center; 
	line-height:26px;
	font-size:17px; 
	color:#fff;
	left:24%;
}

/* @captcha refresh button themes
-------------------------------------------------- */
.smart-forms .refresh-black    { background: #34495e; border-color: #2c3e50; }
.smart-forms .refresh-blue     { background: #3498db; border-color: #2c81ba; }
.smart-forms .refresh-green    { background: #2ecc71; border-color: #27ad60; }
.smart-forms .refresh-purple   { background: #9B59B6; border-color: #8E44AD; }
.smart-forms .refresh-red      { background: #e74c3c; border-color: #c44133; }
.smart-forms .refresh-yellow   { background: #ed9c28; border-color: #d58512; }

/* @Fix old of versions android + ios
------------------------------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
        .smart-forms .option, 
        .smart-forms .rating, 
        .smart-forms .switch, 
		.smart-forms .captcode { -webkit-animation: bugfix infinite 1s; }
        @-webkit-keyframes bugfix { 
            from { padding: 0;  } 
            to { padding: 0; } 
        }
		.smart-forms .switch { margin-right:10px;  margin-bottom:5px; }
		.smart-forms .option { margin-right:15px; }
		.smart-forms .switch-round > .switch-label:after{ font:20px/18px Times, Serif; }					
}


/* @responsiveness for tablets + smart mobile 
-------------------------------------------------- */
@media (max-width: 800px) {
	.smart-forms .frm-row{ margin:0;  }
	.smart-forms .frm-row .colm{  width: 100%; float:none; padding:0; }
	.smart-forms .bdl { border-left:0;  }
	.smart-forms .bdr { border-right:0; }
	.smart-forms .align-right{ text-align: left; }
}

/* @form header themes 
------------------------------------ */
.smart-forms .header-blue {	
	background-color:#3498db;
	border-top:1px solid #7ABBE7;  
	border-bottom:5px solid #2c81ba;
}

.smart-forms .header-lite{ border-top-color:#7ABBE7; }
.smart-forms .header-lite:before{ background-color:#3498db; }
.smart-forms .header-blue h4{ color:#fff; }

/* @form tagline 
-------------------------------------- */
.smart-forms .theme-blue .tagline span{ color:#3498DB; }
.smart-forms .theme-blue .smart-link{ color:#3498DB; }

/* @hover | focus  
---------------------------------------- */
.smart-forms .theme-blue .gui-input:hover,
.smart-forms .theme-blue .gui-textarea:hover,
.smart-forms .theme-blue .select > select:hover,
.smart-forms .theme-blue .select-multiple select:hover, 
.smart-forms .theme-blue .gui-input:hover ~ .input-hint,
.smart-forms .theme-blue .file .gui-file:hover + .gui-input,
.smart-forms .theme-blue .gui-textarea:hover ~ .input-hint{ border-color: #5dade2; }
.smart-forms .theme-blue .gui-input:focus,
.smart-forms .theme-blue .gui-textarea:focus,
.smart-forms .theme-blue .select > select:focus,
.smart-forms .theme-blue .select-multiple select:focus{ border-color: #3498db; color: #3C3C3C; }
.smart-forms .theme-blue .gui-textarea:focus{  height: 120px; }
.smart-forms .theme-blue .select > select:focus { z-index:10; z-index:20\9; }
.smart-forms .theme-blue .gui-input:focus ~ .field-icon i,
.smart-forms .theme-blue .gui-textarea:focus ~ .field-icon i{ color:#3498db; }
.smart-forms .theme-blue .select-multiple select:focus, 
.smart-forms .theme-blue .gui-input:focus ~ .input-hint,
.smart-forms .theme-blue .gui-textarea:focus ~ .input-hint, 
.smart-forms .theme-blue .file .gui-file:focus + .gui-input{ border-color: #3498db; }
.smart-forms .theme-blue .select > select:focus + .arrow{ color:#3498db; }

/* @star rating 
------------------------------------------------- */
.smart-forms .theme-blue .rating:hover .rating-star:hover,
.smart-forms .theme-blue .rating:hover .rating-star:hover ~ .rating-star,
.smart-forms .theme-blue .rating-input:checked ~ .rating-star { color: #3498db;	}
.smart-forms .theme-blue .rating-star, 
.smart-forms .theme-blue .rating:hover .rating-star {	color: #B5C1C7;	 }


/* @checkbox + radio blue 
--------------------------------------------------- */
.smart-forms .option-blue input:hover + .checkbox,  
.smart-forms .option-blue input:hover + .radio{ border-color: #5dade2; }
.smart-forms .option-blue input:checked + .checkbox, 
.smart-forms .option-blue input:focus + .checkbox, 
.smart-forms .option-blue input:checked + .radio, 
.smart-forms .option-blue input:focus + .radio{ border-color: #3498db; }
.smart-forms .option-blue input:checked + .radio:before, 
.smart-forms .option-blue input:focus + .radio:before{  background: #3498db; }
.smart-forms .option-blue input:checked + .checkbox:before, 
.smart-forms .option-blue input:focus + .checkbox:before{ border-color: #3498db; }

/* @toggle-switch blue 
--------------------------------------------- */
.smart-forms .switch-blue > input:checked + .switch-label { background: #3498db; border-color: #3498db; }
.smart-forms .switch-blue > input:checked + .switch-label:after { color:#3498db; }
.smart-forms .switch-blue > input:checked:focus + .switch-label { background: #2c81ba; border-color: #2c81ba; }

/* @button blue 
----------------------------------------------- */
.smart-forms .btn-blue { background-color: #3498db; }
.smart-forms .btn-blue:hover,
.smart-forms .btn-blue:focus{ background-color: #5dade2; }
.smart-forms .btn-blue:active{ background-color: #2c81ba; }
.smart-forms .btn-blue, 
.smart-forms .btn-blue:hover,
.smart-forms .btn-blue:focus, 
.smart-forms .btn-blue:active{ color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.08);  }

/* @datepicker overides 
-------------------------------------------------- */
.ui-datepicker { border:5px solid #3498db; }
.ui-datepicker:before{
	border-color:transparent transparent #3498db transparent;  
	border-color:rgba(255,255,255,0) rgba(255,255,255,0) #3498db rgba(255,255,255,0); 
}
.ui-timepicker-div .ui-widget-header,
.ui-datepicker .ui-datepicker-header { background:#3498db; }
.ui-datepicker-today a, 
.ui-datepicker-today a:hover, 
.ui-datepicker .ui-state-highlight { background:#3498db!important; }

/*  @price-box 
------------------------------------------------------ */
.smart-forms .theme-blue .selected-box h4{ color:#3498db; }
.smart-forms .ribbon-inner{ background: #3498db; }
.smart-forms .ribbon-inner:before,
.smart-forms .ribbon-inner:after{ border-top-color:#2c81ba; }

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome/fontawesome-webfont.eot?v=4.3.0');src:url('../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('../fonts/fontawesome/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('../fonts/fontawesome/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('../fonts/fontawesome/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('../fonts/fontawesome/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}
 
 /* Datepicker */
.ui-datepicker {
	display: none;
	width: 100%;
	padding: .2em .2em 0; 
	font-size: 14px;
	border: none;
	box-shadow: none;
}
.ui-datepicker::before {
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: 10px 0px;
	background-color: #fff;
	color: #2e343b; 
	font-size: 17px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0px;
	padding: 5px; 
	background: #fff; 
	color: #6f7788 !important;
	border: 2px solid #6f7788;
	border-radius: 5px; 
	font-size: 24px;
	text-align: center;
	text-decoration: none !important;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
	background: #6f7788;
	color: #fff !important;
}
.ui-datepicker .ui-datepicker-prev {
	left: 15px;
}
.ui-datepicker .ui-datepicker-next {
	right: 15px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 15px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 15px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute; 
	left: 50%; 
	margin-left: -8px; 
	top: 50%; 
	margin-top: -8px;
}
.ui-datepicker-prev:before {
	content: "\f053";
	font-family: 'FontAwesome';
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
}
.ui-datepicker-next:before {
	content: "\f054";
	font-family: 'FontAwesome';
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;  
	color: #2e343b;
	font-weight: bold;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker a, .ui-datepicker th, .ui-datepicker td {
	font-size: 16px;
}
.ui-datepicker table {
	width: 100%; 
	font-size: .9em; 
	border-color: #fff;
	border-collapse: collapse; 
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: 5px;
	text-align: center; 
	font-weight: normal; 
	border: 0;
}
.ui-datepicker td {
	padding: 5px; 
	text-align: center; 
	border: 0; 
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block; 
	padding: 4px; 
	width: 30px;
	height: 30px;
	text-decoration: none;
	border-radius: 30px !important; 
	box-sizing: border-box;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none; 
	margin: .7em 0 0 0; 
	padding: 0 .2em; 
	border-left: 0; 
	border-right: 0; 
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right; 
	margin: .5em .2em .4em; 
	cursor: pointer; 
	padding: .2em .6em .3em .6em; 
	width: auto; 
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}
.ui-datepicker-calendar {
	background: #fff;
}
.ui-datepicker-calendar .ui-state-default {
	background-color: #fff;
	color: #8d99a6; 
	border-color: #fff;
}
.ui-datepicker-calendar .ui-state-hover {
	background-color: #479ccf !important;
	border-color: #479ccf !important;
	color: #fff !important;
}
.ui-datepicker-calendar .ui-state-highlight {
	background-color: #fff !important;
	border: 1px solid #479ccf;
	color: #8d99a6;
}
.ui-datepicker-calendar .ui-state-active {
	background-color: #479ccf !important;
	border-color: #479ccf;
	color: #ffffff;
}
.ui-datepicker-calendar .ui-state-unavailable .ui-state-default {
	color:#d7dbe0;
}
.ui-datepicker-calendar .ui-state-unavailable .ui-state-hover {
	color:#d7dbe0 !important;
}

/* Common */
.block-smart-form {
	max-width: 500px;
	margin: auto;
}
.block {
    display: block;
    position: relative;
}
.block-expanded {
    overflow: hidden;
    transition: height 500ms;
}
.block-arrow {
	position: relative;
	border-width: 5px;
	border-style: solid;
	border-radius: 5px;
	cursor: pointer;
}
.block-arrow-red {
	background: #cc5283;
	border-color: #cc5283;
}
.block-arrow-grey {
	background: #688b9b;
	border-color: #688b9b;
}
.block-arrow-blue {
	background: #559cc9;
	border-color: #559cc9;
}
.block-arrow-green {
	background: #badce5;
	border-color: #badce5;
}
.block-arrow-bottom:after, .block-arrow-bottom:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.block-arrow-bottom:after {
	border-width: 14px;
	margin-left: -14px;
}
.block-arrow-bottom:before {
	border-width: 15px;
	margin-left: -15px;
}
.block-arrow-bottom.block-arrow-red:after, .block-arrow-bottom.block-arrow-red:before {
	border-color: rgba(204, 82, 131, 0);
	border-top-color: #cc5283;
}
.block-arrow-bottom.block-arrow-grey:after, .block-arrow-bottom.block-arrow-grey:before {
	border-color: rgba(107, 138, 154, 0);
	border-top-color: #6b8a94;
}
.block-arrow-bottom.block-arrow-blue:after, .block-arrow-bottom.block-arrow-blue:before {
	border-color: rgba(89, 154, 203, 0);
	border-top-color: #599ac8;
}
.block-arrow-bottom .block-arrow-title {
	min-height: 108px;
	background: #fff;
	text-align: center;
}
@media only screen and (max-width: 360px) {
	.block-arrow-bottom .block-arrow-title {
		min-height: 196px;
	}
}
.block-arrow-right {
	display: block;
	float: left;
	margin-right: 15px;
}
.block-arrow-right:after, .block-arrow-right:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.block-arrow-right:after {
	border-width: 14px;
	margin-top: -14px;
}
.block-arrow-right:before {
	border-width: 15px;
	margin-top: -15px;
}
.block-arrow-right.block-arrow-green:after, .block-arrow-right.block-arrow-green:before {
	border-color: rgba(186, 220, 229, 0);
	border-left-color: #badce5;
}
.block-arrow-right .block-arrow-title {
	padding: 0px 0px;
	font-size: 18px;
	line-height: 18px;
	text-align: left;
	color: #000;
}
@media only screen and (max-width: 360px) {
	.block-arrow-right .block-arrow-title {
		max-width: 200px;
	}
}
.block-checkbox {
	width: 100%; 
	min-height: 30px;
	padding: 5px 5px;
	background: #fff;
	border: 2px solid #BDC3C7;
	border-radius: 3px;
}
.block-checkbox .checkbox {
	display: block;
	float: left;
	cursor: pointer;
}
.block-checkbox .checkbox-text {
	display: block;
	float: left;
	padding: 7px 7px;
	cursor: pointer;
}
.block-checkbox .checkbox-text.val {
	width: 18px;
}
.block-slider {
	width: 100%; 
	padding: 10px 10px;
	font-size: 21px;
	background: #fff;
	border: 2px solid #BDC3C7;
	border-radius: 3px;
}
.block-slider .data-guests {
	width: 60px !important;
	height: 30px !important;
	padding: 0px !important;
	font-size: 19px;
}
.block-slider .guest-slider {
	margin: 20px 12px;
}
.block-slider .guest-slider .ui-slider-handle {
    display: block;
    width: 32px !important;
    height: 32px !important;
    background: #f2f2f2 !important;
    border: 1px solid #c5c5c5 !important;
    border-radius: 16px !important;
    margin-top: -12px !important;
    margin-left: -14px !important;
    outline: none;
}
.block-date {
	width: 100%; 
	padding: 10px 50px;
	background: #fff;
	border: 2px solid #BDC3C7;
	border-radius: 3px;
}
@media only screen and (max-width: 640px) {
	.block-date {
		padding: 0px 0px;
	}
}
.comment, .message {
	min-height: 100px;
}
.button-expand-collapse {
	display: inline-block;
	margin-top: -7px;
	margin-bottom: 15px;
	font-size: 30px;
	cursor: pointer;
}
.button-expand-collapse .text-info {
	display: block;
	position: relative;
	float: left;
	padding: 0px 0px;
	margin-right: 15px;
	font-size: 18px;
	text-align: left;
	color: #000;
	cursor: pointer;
}
.button-expand-collapse .icon-calendar, .button-expand-collapse .icon-info {
	display: block;
	float: left;
	width: 45px;
	height: 45px;
	margin: 0px 2px;
	font-size: 30px;
}
.button-expand-collapse .icon-expand, .button-expand-collapse .icon-collapse {
	float: left;
	font-size: 20px;
}
.button-expand-collapse .icon-expand {
	display: none;
	margin: 10px 5px 0px 5px;
}
.button-expand-collapse .icon-collapse {
	display: block;
	margin: 20px 5px 0px 5px;
}
.button-expand-collapse.collapsed .icon-expand {
    display: block;
}
.button-expand-collapse.collapsed .icon-collapse {
    display: none;
}
.send-info {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.button-send {
	height: auto !important;
	padding: 18px 36px !important;
	background: #7FBA22 !important;
	font-size: 18px !important;
}
.table {
	display: table;
	position: relative;
	width: 100%;
}
.table-cell {
	display: table-cell;
	position: relative;
	vertical-align: middle;
}
.table-checkbox .table-cell {
	padding-left: 5px;
	padding-right: 5px;
}
.table-checkbox .table-cell:first-child {
	padding-left: 0px;
	padding-right: 10px;
}
.table-checkbox .table-cell:last-child {
	padding-left: 10px;
	padding-right: 0px;
}	
.w33 {
	width: 33.33%;
}
.w40 {
	width: 40%;
}
.w60 {
	width: 60%;
}
.w100 {
	width: 100%;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.clear {
	clear: both;
}
.hide {
	display: none;
}