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

Application CSS by E-partner
Version: 1.0

*/


@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);


.lobster {
	font-family: 'Lobster', cursive;	
}



/* BASIC
__________________________________________________________*/

body,html {
	height:100%;
	min-height:100%;	
}

ul {
	margin:0;
	padding:0;	
}

li {
	margin:0;
	padding:0;	
	list-style:none;
}


h1,h2,h3,h4,h5,h6 {
	font-family: 'Open Sans', sans-serif;	
	color:#52504d;
	font-weight:400;	
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	font-family: 'Open Sans', sans-serif;	
	color:#52504d;
	font-weight:400;	
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
	color:#222;
}

h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {
	font-weight:600;	
}


h1.headline,h2.headline,h3.headline,h4.headline,h5.headline,h6.headline {
	color: #646669;
	font-size:12px;
	text-transform:uppercase;	
	border-bottom:solid 1px #eff0f1;
	font-weight:600;
	padding:15px 15px;
	margin:0 0 10px 0;
}

h1.headline.dark,h2.headline.dark,h3.headline.dark,h4.headline.dark,h5.headline.dark,h6.headline.dark {
	color: #fff;
	border:0;
	border-left:solid 6px #97c525;
}

.opensans {
	font-family: 'Open Sans', sans-serif;	
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

a:hover {
	cursor:pointer;	
}

/* FONTS
__________________________________________________________*/

/* Open Sans */
.font-opensans {
	font-family: 'Open Sans', sans-serif;	
}


/* BASIC
__________________________________________________________*/



.blur-xxl {
	-webkit-filter: blur(5px);
	filter: blur(5px);	
}

.blur-xl {
	-webkit-filter: blur(3px);
	filter: blur(3px);	
}

.blur-lg {
	-webkit-filter: blur(2.5px);
	filter: blur(2.5px);	
}

.blur {
	-webkit-filter: blur(2px);
	filter: blur(2px);	
}

.blur-sm {
	-webkit-filter: blur(1.5px);
	filter: blur(1.5px);	
}

.blur-xs {
	-webkit-filter: blur(1px);
	filter: blur(1px);	
}

.container-full {
	width:100%;	
}

a, a:hover, a:active, a:focus {
	outline: 0;
}

a:hover, a:active, a:focus {
	text-decoration:none;
}

.h-light {
	font-weight:300;	
}
.h-normal {
	font-weight:400;	
}
.h-bold {
	font-weight:600;	
}

.h-xxs {
	font-size:15px;	
}
.h-xs {
	font-size:20px;	
}
.h-sm {
	font-size:30px;	
}
.h-lg {
	font-size:40px;	
}
.h-xl {
	font-size:60px;	
}

.block {
  display: block;
}
.block.hide {
  display: none;
}
.inline {
  display: inline-block;
  vertical-align:top;
}
.pull-right-lg {
  float: right;
}
.pull-none {
  float: none;
}

.wrapper {
  padding: 20px;
}
.wrapper-xs {
  padding: 10px;
}
.wrapper-sm {
  padding: 15px;
}
.wrapper-lg {
  padding: 30px;
}
.wrapper-xl {
  padding: 50px;
}
.padder {
  padding-left: 15px;
  padding-right: 15px;
}
.padder-xs {
  padding-left: 5px;
  padding-right: 5px;
}
.padder-sm {
  padding-left: 10px;
  padding-right: 10px;
}
.padder-lg {
  padding-left: 20px;
  padding-right: 20px;
}
.padder-xl {
  padding-left: 30px;
  padding-right: 30px;
}
.padder-v {
  padding-top: 15px;
  padding-bottom: 15px;
}
.padder-v-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}
.padder-v-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padder-v-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}
.padder-v-xl {
  padding-top: 30px;
  padding-bottom: 30px;
}
.padder-t-none {
  padding-top: 0px;
}
.padder-t {
  padding-top: 15px;
}
.padder-t-xs {
  padding-top: 5px;
}
.padder-t-sm {
  padding-top: 10px;
}
.padder-t-lg {
  padding-top: 20px;
}
.padder-t-xl {
  padding-top: 30px;
}
.padder-b {
  padding-bottom: 15px;
}
.padder-b-xs {
  padding-bottom: 5px;
}
.padder-b-sm {
  padding-bottom: 10px;
}
.padder-b-lg {
  padding-bottom: 20px;
}
.padder-b-xl {
  padding-bottom: 30px;
}
.padder-l {
  padding-left: 15px;
}
.padder-l-xs {
  padding-left: 5px;
}
.padder-l-sm {
  padding-left: 10px;
}
.padder-l-lg {
  padding-left: 20px;
}
.padder-l-xl {
  padding-left: 30px;
}
.padder-r {
  padding-right: 15px;
}
.padder-r-xs {
  padding-right: 5px;
}
.padder-r-sm {
  padding-right: 10px;
}
.padder-r-lg {
  padding-right: 20px;
}
.padder-r-xl {
  padding-right: 30px;
}

.no-padder {
  padding: 0 !important;
}
.no-padder-l {
  padding-left: 0 !important;
}
.no-padder-r {
  padding-right: 0 !important;
}
.no-padder-t {
  padding-top: 0 !important;
}
.no-padder-b {
  padding-bottom: 0 !important;
}
.pull-in {
  margin-left: -15px;
  margin-right: -15px;
}
.pull-out {
  margin: -10px -15px;
}
.b-a {
	border: 1px solid #ebecec;
}
.b-a-lg {
	border: 2px solid #ebecec;
}
.b-a-xl {
	border: 3px solid #ebecec;
}
.b-a-xxl {
	border: 4px solid #ebecec;
}
.b-a-xxl {
	border: 5px solid #ebecec;
}

.b-a-t {
	border-color:transparent;
}

.b-none {
  border:0;
}
.b-t {
  border-top: 1px solid #ebecec;
}
.b-t-none {
	border-top:0;	
}
.b-r {
  border-right: 1px solid #ebecec;
}
.b-r-none {
	border-right:0;	
}
.b-b {
  border-bottom: 1px solid #ebecec;
}
.b-b-none {
	border-bottom:0;	
}
.b-l {
  border-left: 1px solid #ebecec;
}
.b-l-none {
	border-left:0;	
}
.r {
  border-radius: 2px 2px 2px 2px;
}
.r-l {
  border-radius: 2px 0 0 2px;
}
.r-r {
  border-radius: 0 2px 2px 0;
}
.r-t {
  border-radius: 2px 2px 0 0;
}
.r-b {
  border-radius: 0 0 2px 2px;
}
.m-auto {
  margin: 0 auto;
}
.m {
  margin: 15px;
}
.m-n {
  margin: 0;
}
.m-l {
  margin-left: 15px;
}
.m-l-none {
  margin-left: 0;
}
.m-l-xs {
  margin-left: 5px;
}
.m-l-sm {
  margin-left: 10px;
}
.m-l-lg {
  margin-left: 20px;
}
.m-l-xl {
  margin-left: 30px;
}
.m-l-n {
  margin-left: -15px;
}
.m-l-n-xxs {
  margin-left: -1px;
}
.m-l-n-xs {
  margin-left: -5px;
}
.m-l-n-sm {
  margin-left: -10px;
}
.m-l-n-lg {
  margin-left: -20px;
}
.m-t {
  margin-top: 15px;
}
.m-t-none {
  margin-top: 0;
}
.m-t-xxs {
  margin-top: 1px;
}
.m-t-xs {
  margin-top: 5px;
}
.m-t-sm {
  margin-top: 10px;
}
.m-t-lg {
  margin-top: 20px;
}
.m-t-xl {
  margin-top: 30px;
}
.m-t-xxl {
  margin-top: 40px;
}
.m-t-xxxl {
  margin-top: 50px;
}
.m-t-xxxxl {
  margin-top: 60px;
}
.m-t-n {
  margin-top: -15px !important;
}
.m-t-n-xxs {
  margin-top: -1px;
}
.m-t-n-xs {
  margin-top: -5px;
}
.m-t-n-sm {
  margin-top: -10px;
}
.m-t-n-lg {
  margin-top: -20px;
}
.m-t-n-xl {
  margin-top: -30px;
}
.m-r {
  margin-right: 15px;
}
.m-r-none {
  margin-right: 0;
}
.m-r-xs {
  margin-right: 5px;
}
.m-r-sm {
  margin-right: 10px;
}
.m-r-lg {
  margin-right: 20px;
}
.m-r-n {
  margin-right: -15px;
}
.m-r-n-xxs {
  margin-right: -1px;
}
.m-r-n-xs {
  margin-right: -5px;
}
.m-r-n-sm {
  margin-right: -10px;
}
.m-r-n-lg {
  margin-right: -20px;
}
.m-b {
  margin-bottom: 15px;
}
.m-b-none {
  margin-bottom: 0;
}
.m-b-xs {
  margin-bottom: 5px;
}
.m-b-sm {
  margin-bottom: 10px;
}
.m-b-lg {
  margin-bottom: 20px;
}
.m-b-xl {
  margin-bottom: 30px;
}
.m-b-n {
  margin-bottom: -15px;
}
.m-b-n-xxs {
  margin-bottom: -1px;
}
.m-b-n-xs {
  margin-bottom: -5px;
}
.m-b-n-sm {
  margin-bottom: -10px;
}
.m-b-n-lg {
  margin-bottom: -20px;
}
.media-xs {
  min-width: 50px;
}
.media-sm {
  min-width: 80px;
}
.media-md {
  min-width: 90px;
}
.media-lg {
  min-width: 120px;
}


/* TEXT
__________________________________________________________*/

.btn-s-xs {
  min-width: 90px;
}
.btn-s-sm {
  min-width: 100px;
}
.btn-s-md {
  min-width: 120px;
}
.btn-s-lg {
  min-width: 150px;
}
.btn-s-xl {
  min-width: 200px;
}
.l-h-2x {
  line-height: 2em;
}
.l-h-1x {
  line-height: 1.2;
}
.l-h-05x {
  line-height: 0.6;
}
.v-middle {
  vertical-align: middle !important;
}
.v-top {
  vertical-align: top;
}
.v-bottom {
  vertical-align: bottom;
}
.font-thin {
  font-weight: 300;
}
.font-normal {
  font-weight: normal;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
.text-sm {
  font-size: 12px;
}
.text-xs {
  font-size: 11px;
}
.text-xxs {
  font-size: 10px;
}
.text-o-xxs {
  opacity:0.8;
}
.text-o-xs {
  opacity:0.7;
}
.text-o-sm {
  opacity:0.6;
}
.text-o {
  opacity:0.5;
}
.text-o-lg {
  opacity:0.4;
}
.text-o-xl {
  opacity:0.3;
}
.text-o-xxl {
  opacity:0.2;
}
.text-ellipsis {
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-uc {
  text-transform: uppercase;
}
.text-uc-none {
  text-transform:none;
}
.text-u {
	text-decoration:underline;	
}
.of-h {
	overflow:hidden;	
}
.of-v {
	overflow:visible;	
}
.of-a {
	overflow:auto;	
}
.text-h-o-n:hover {
  opacity:1;
}
.text-h-o-xxs:hover {
  opacity:0.7;
}
.text-h-o-xs:hover {
  opacity:0.6;
}
.text-h-o:hover {
  opacity:0.5;
}
.text-h-o-sm:hover {
  opacity:0.4;
}
.text-h-o-lg:hover {
  opacity:0.3;
}
.text-h-o-xl:hover {
  opacity:0.2;
}

.text-faded {
	color:#bdbdbd;	
}
.text-dark {
	color:#2d2d2d;	
}

/* LINES
__________________________________________________________*/
.line {
  *width: 100%;
  height: 2px;
  margin: 10px 0;
  font-size: 0;
  overflow: hidden;
  background-color: transparent;
  border-width: 0;
  border-top: 1px solid #eaedef;
}
.well .line {
	border-top: 1px solid #dadada;
}
.line-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
.line-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.line-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}
.line-xl {
  margin-top: 30px;
  margin-bottom: 30px;
}
.line-dashed {
  border-style: dashed;
  background: transparent;
}
.line-dotted {
  border-style: dotted;
  background: transparent;
}
.no-line {
  border-width: 0;
}

.line.line-m-none {
  margin: 0;
}

/* BORDERS
__________________________________________________________*/

.btn-s-xs {
  min-width: 90px;
}
.btn-s-sm {
  min-width: 100px;
}
.btn-s-md {
  min-width: 120px;
}
.btn-s-lg {
  min-width: 150px;
}
.btn-s-xl {
  min-width: 200px;
}
.l-h-2x {
  line-height: 2em;
}
.l-h-1x {
  line-height: 1.2;
}
.v-middle {
  vertical-align: middle !important;
}
.v-top {
  vertical-align: top;
}
.v-bottom {
  vertical-align: bottom;
}
.font-thin {
  font-weight: 300;
}
.font-normal {
  font-weight: normal;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
.text-sm {
  font-size: 12px;
}
.text-xs {
  font-size: 11px;
}
.text-xxs {
  font-size: 10px;
}
.text-o-xxs {
  opacity:0.7;
}
.text-o-xs {
  opacity:0.6;
}
.text-o {
  opacity:0.5;
}
.text-o-sm {
  opacity:0.4;
}
.text-o-lg {
  opacity:0.3;
}
.text-o-xl {
  opacity:0.2;
}
.text-ellipsis {
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-uc {
  text-transform: uppercase;
}
.text-u {
	text-decoration:underline;	
}
.of-h {
	overflow:hidden;	
}
.of-v {
	overflow:visible;	
}
.text-h-o-n:hover {
  opacity:1;
}
.text-h-o-xxs:hover {
  opacity:0.7;
}
.text-h-o-xs:hover {
  opacity:0.6;
}
.text-h-o:hover {
  opacity:0.5;
}
.text-h-o-sm:hover {
  opacity:0.4;
}
.text-h-o-lg:hover {
  opacity:0.3;
}
.text-h-o-xl:hover {
  opacity:0.2;
}

.h-line { width:100%; text-align:center; border-bottom: 1px solid #1d1d1d; line-height:0.1em; margin:10px 0 20px; } 
.h-line span { background:#0e0e0e; padding:0 30px; font-weight:300; }

#panel-left .h-line { color:#63666a; width:80%; text-align:center; border-bottom: 1px solid #63666a; line-height:0.1em; margin:10px auto 20px; } 
#panel-left .h-line span { background:#333537; padding:0 30px; }

.well .h-line { color:#858a8f; width:100%; text-align:center; border-bottom: 1px solid #c2cad2; line-height:0.1em; margin:10px auto 20px; } 
.well .h-line span { background:#f5f5f5; padding:0 30px; }


.spacing-xl {
	height:40px;
	overflow:auto;
	clear:both;	
}

.spacing-lg {
	height:30px;
	overflow:auto;
	clear:both;	
}

.spacing {
	height:20px;
	overflow:auto;
	clear:both;	
}

.spacing-sm {
	height:10px;
	overflow:auto;
	clear:both;	
}

.spacing-xs {
	height:5px;
	overflow:auto;
	clear:both;	
}

.o-hide {
	opacity:0;	
}

.o-show {
	opacity:1;	
}


.text-bold {
	font-weight:bold;	
}

.text-black {
	color:#000;	
}

.line-through {
	text-decoration:line-through;	
}

.radio-inline input[type=radio] {
	margin-top:3px;
	margin-left:-17px;
}


.block {
	display:block;
}



@media (max-width: 767px) {

	.xs-text-left {
		text-align:left;	
	}
	
	.xs-text-right {
		text-align:right;	
	}
	
	.xs-text-center {
		text-align:center;	
	}
	.xs-m-t-xs {
	  margin-top: 5px;
	}
	.xs-m-t-sm {
	  margin-top: 10px;
	}
	.xs-m-t {
	  margin-top: 15px;
	}	
	.xs-m-t-lg {
	  margin-top: 20px;
	}
	.xs-m-t-xl {
	  margin-top: 30px;
	}
	.xs-m-t-xxl {
	  margin-top: 40px;
	}
	
	.xs-m-none {
		margin:0;
	}	
	.xs-no-padder {
		padding:0;
	}
	
	.xs-padder {
		padding-left: 15px;
		padding-right: 15px;
	}
	.xs-padder-xs {
		padding-left: 5px;
		padding-right: 5px;
	}
	.xs-padder-sm {
		padding-left: 10px;
		padding-right: 10px;
	}
	.xs-padder-lg {
		padding-left: 20px;
		padding-right: 20px;
	}
	.xs-padder-xl {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.text-center-xs {
		text-align:center;	
	}
	
	
	
}

@media (min-width: 768px) and (max-width: 991px) {
	.sm-text-left {
		text-align:left;	
	}
	
	.sm-text-right {
		text-align:right;	
	}
	
	.sm-text-center {
		text-align:center;	
	}
	.sm-m-t-xs {
	  margin-top: 5px;
	}
	.sm-m-t-sm {
	  margin-top: 10px;
	}
	.sm-m-t {
	  margin-top: 15px;
	}	
	.sm-m-t-lg {
	  margin-top: 20px;
	}
	.sm-m-t-xl {
	  margin-top: 30px;
	}
	.sm-m-t-xxl {
	  margin-top: 40px;
	}
	
	.sm-m-none {
		margin:0;
	}	
	.sm-no-padder {
		padding:0;
	}
	
	.sm-padder {
		padding-left: 15px;
		padding-right: 15px;
	}
	.sm-padder-xs {
		padding-left: 5px;
		padding-right: 5px;
	}
	.sm-padder-sm {
		padding-left: 10px;
		padding-right: 10px;
	}
	.sm-padder-lg {
		padding-left: 20px;
		padding-right: 20px;
	}
	.sm-padder-xl {
		padding-left: 30px;
		padding-right: 30px;
	}
	
}



@media (min-width: 992px) and (max-width: 1199px) {
	.md-text-left {
		text-align:left;	
	}
	
	.md-text-right {
		text-align:right;	
	}
	
	.md-text-center {
		text-align:center;	
	}
	.md-m-t-xs {
	  margin-top: 5px;
	}
	.md-m-t-sm {
	  margin-top: 10px;
	}
	.md-m-t {
	  margin-top: 15px;
	}	
	.md-m-t-lg {
	  margin-top: 20px;
	}
	.md-m-t-xl {
	  margin-top: 30px;
	}
	.md-m-t-xxl {
	  margin-top: 40px;
	}
	
	.md-m-none {
		margin:0;
	}	
	.md-no-padder {
		padding:0;
	}
	
	.md-padder {
		padding-left: 15px;
		padding-right: 15px;
	}
	.md-padder-xs {
		padding-left: 5px;
		padding-right: 5px;
	}
	.md-padder-sm {
		padding-left: 10px;
		padding-right: 10px;
	}
	.md-padder-lg {
		padding-left: 20px;
		padding-right: 20px;
	}
	.md-padder-xl {
		padding-left: 30px;
		padding-right: 30px;
	}
	
}

@media (min-width: 1120px) {
	
	.no-padder-l-xl {
		padding-left:0;
	}
	
	.no-padder-r-xl {
		padding-right:0;
	}
	
	.pull-right-lg{
		display:none;	
		right:0;
		left:auto;
	}
	
}