/*

Template: 		REEN – Made for Designers

Description: 	Creative Portfolio Bootstrap 3 Template

Version: 		1.2.1

Author: 		fuviz

Demo URI: 		http://demo.fuviz.com/reen

*/





/* Checckbox Abstand rechts */

input[type=radio],

input[type=checkbox] {

 margin:0 7px 0 0;

}



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

/*	GENERAL

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



*,

*:before,

*:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

:focus {

    outline: 0 !important;

}

figure {

    margin: 0;

    padding: 0;

}

figure img {

    width: 100%;

    height: auto;

}

/*img[src*=".svg"] {

	/*height: 100%;

}*/

iframe {

    border: none;

}

* > p:last-child {

	padding-bottom: 0 !important;

	margin-bottom: 0 !important;

}

::selection {

    background: #AAF2E4; /* Safari */

    color: #506A85;

}

::-moz-selection {

    background: #AAF2E4; /* Firefox */

    color: #506A85;

}

body {

    /*font-family: 'Source Sans Pro', sans-serif;*/



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



    background-color: #283645;

    color: #73879C;

    font-size: 16px;

	line-height: 150%;

    -webkit-font-smoothing: antialiased;

    -webkit-text-size-adjust: 100%;

	/*-moz-osx-font-smoothing: grayscale;*/

	text-rendering: optimizeLegibility;

	overflow-x: hidden !important;

	height: auto !important;

}

.csstransitions main [class*="col-"] {

	opacity: 0;

}

.navbar,

main {

	background-color: #FFF;

}

.container {

    padding-right: 0;

    padding-left: 0;

}

p {

	margin-bottom: 20px;

}

p a {

	border-bottom: 1px solid #73879C;

}

p a:hover {

	border-color: transparent;

}

a {

    color: inherit;

    -webkit-transition: all 200ms ease-out;

       -moz-transition: all 200ms ease-out;

         -o-transition: all 200ms ease-out;

            transition: all 200ms ease-out;

}

a:hover,

a:focus {

    color: #1ABB9C;

    text-decoration: none;

}

h1,

h2,

h3,

h4,

h5,

h6 {

/*    font-family: 'Lato', sans-serif;*/



    font-weight: 700;

	letter-spacing: 0.005em;

	/*letter-spacing: 0.025em;*/

    color: #506A85;

    margin-top: 0;

	/*word-wrap: break-word;*/

}

h1 {

    font-size: 44px;

    line-height: 130%;

    margin-bottom: 25px;

}

h2 {

    font-size: 26px;

    line-height: 130%;

    margin-bottom: 20px;

}

h3 {

    font-size: 20px;

    line-height: 150%;

    margin-bottom: 15px;

}

h4 {

    font-size: 16px;

    line-height: 150%;

    margin-bottom: 15px;

}

h5 {

    font-size: 16px;

    line-height: 150%;

    margin-bottom: 15px;

	letter-spacing: 0.06em;

    /*font-size: 14px;

    line-height: 160%;

    margin-bottom: 13px;*/

}

h6 {

    font-size: 12px;

    line-height: 160%;

    margin-bottom: 10px;

}

a .logo {

    -webkit-transition: all 200ms ease-out;

       -moz-transition: all 200ms ease-out;

         -o-transition: all 200ms ease-out;

            transition: all 200ms ease-out;

}

a:hover .logo {

	opacity: .6;

}

a.green:hover {

    background: #1ABB9C !important;

}

a.blue:hover {

    background: #3F8DBF !important;

}

a.red:hover {

    background: #FA6C65 !important;

}

a.orange:hover {

    background: #F27A24 !important;

}

a.purple:hover {

    background: #9B59B6 !important;

}

a.pink:hover {

    background: #D487BE !important;

}

a.navy:hover {

    background: #34495E !important;

}

a.gray:hover {

    background: #95A5A6 !important;

}

ol {

	position: relative;

	padding-left: 22px;

}

ul {

    list-style: none;

	position: relative;

	padding-left: 22px;

}

ul.arrowed li,

ul.circled li,

ol li {

	margin-bottom: 5px;

}

ul.arrowed li:before {

    /*font-family: 'fontello';*/

    content: '\2192';

    font-weight: normal;

    color: #1ABB9C;

    margin-top: -1px;

	margin-left: -23px;

    vertical-align: top;

	position: absolute;

}

ul.circled li:before {

    font-family: 'fontello-circle';

    content: '\e800';

    font-size: 8px;

    font-weight: normal;

    color: #1ABB9C;

    padding-top: 1px;

	margin-left: -20px;

    vertical-align: top;

	position: absolute;

}

ul.contacts {

	padding-left: 0;

}

ul.contacts li {

	margin-bottom: 5px;

}

footer ul.contacts li {

	margin-bottom: 2px;

}

.social-network {

	position: relative;

	z-index: 0;

	padding-top: 25px;

}

.social-network .social li {

	display: table-cell;

}

.social-network .social li a i {

	width: 55px;

	height: 80px;

	font-size: 20px;

}

#hero h1 {

	font-size: 78px;

	line-height: 110%;

	font-weight: 900;

	letter-spacing: .05em;

	text-transform: uppercase;

	margin-bottom: 0;

	-webkit-transition: font 200ms ease-out;

	   -moz-transition: font 200ms ease-out;

		 -o-transition: font 200ms ease-out;

			transition: font 200ms ease-out;

}

#hero #owl-main .caption h1.light-bg,

#hero #owl-main .caption h1.medium-bg,

#hero #owl-main .caption h1.dark-bg,

#hero #owl-main .caption h1.tint-bg {

	font-size: 73px;

}

#hero h4 {

	font-size: 33px;

	line-height: 120%;

}

#hero p {

	font-size: 24px;

	line-height: 150%;

	font-weight: 400;

	letter-spacing: .015em;

	text-transform: none;

	margin-top: 20px;

	margin-bottom: 0;

	-webkit-transition: font 200ms ease-out, margin 200ms ease-out;

	   -moz-transition: font 200ms ease-out, margin 200ms ease-out;

		 -o-transition: font 200ms ease-out, margin 200ms ease-out;

			transition: font 200ms ease-out, margin 200ms ease-out;

}

#hero .btn {

	margin-top: 60px;

	margin-bottom: 0;

	-webkit-transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out;

	   -moz-transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out;

		 -o-transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out;

			transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out;

}

#hero .btn-large {

	font-size: 18px;

	padding: 18px 70px 20px;

}

header p {

	font-size: 22px;

	line-height: 150%;

}

p + h2,

p + h3 {

	padding-top: 15px;

}

.text-small {

	font-size: 16px;

	line-height: 160%;

}

.text-normal {

	font-size: inherit;

	line-height: inherit;

}

h2 + .text-small {

	margin-top: -5px;

}

header h2 + .text-small {

	margin-top: 0;

}

.post-title {

    margin: 0 0 15px 0;

}

h1.post-title {

    font-size: 22px;

    line-height: 24px;

}

.bordered .post-title {

    margin-bottom: 5px;

}

main header + * {

	margin-top: 35px !important;

}

.inner {

	padding-top: 120px;

	padding-bottom: 120px;

}

.inner-md {

	padding-top: 100px;

	padding-bottom: 100px;

}

.inner-sm {

	padding-top: 80px;

	padding-bottom: 80px;

}

.inner-xs {

	padding-top: 40px;

	padding-bottom: 40px;

}

.inner-top {

	padding-top: 120px;

}

.inner-top-md {

	padding-top: 100px;

}

.inner-top-sm {

	padding-top: 80px;

}

.inner-top-xs {

	padding-top: 40px;

}

.inner-bottom {

	padding-bottom: 120px;

}

.inner-bottom-md {

	padding-bottom: 100px;

}

.inner-bottom-sm {

	padding-bottom: 80px;

}

.inner-bottom-xs {

	padding-bottom: 40px;

}

.inner-left {

	padding-left: 75px;

}

.inner-left-md {

	padding-left: 60px;

}

.inner-left-sm {

	padding-left: 45px;

}

.inner-left-xs {

	padding-left: 30px;

}

.inner-right {

	padding-right: 75px;

}

.inner-right-md {

	padding-right: 60px;

}

.inner-right-sm {

	padding-right: 45px;

}

.inner-right-xs {

	padding-right: 30px;

}

.outer {

	margin-top: 120px;

	margin-bottom: 120px;

}

.outer-md {

	margin-top: 100px;

	margin-bottom: 100px;

}

.outer-sm {

	margin-top: 80px;

	margin-bottom: 80px;

}

.outer-xs {

	margin-top: 40px;

	margin-bottom: 40px;

}

.outer-top {

	margin-top: 120px;

}

.outer-top-md {

	margin-top: 100px;

}

.outer-top-sm {

	margin-top: 80px;

}

.outer-top-xs {

	margin-top: 40px;

}

.outer-bottom {

	margin-bottom: 120px;

}

.outer-bottom-md {

	margin-bottom: 100px;

}

.outer-bottom-sm {

	margin-bottom: 80px;

}

.outer-bottom-xs {

	margin-bottom: 40px;

}

.center-block {

	float: none;

}

.height-xs {

	height: 30vh;

}

.height-sm {

	height: 44vh;

}

.height-md {

	height: 61vh;

}

.height-lg {

	height: 90vh;

}

.dropcap {

	float: left;

	display: inline-block;

	width: 44px;

	height: 44px;

	background: #F2F5F7;

	font-size: 28px;

	font-weight: 700;

	line-height: 44px;

	text-align: center;

	color: #506A85;

	margin: 6px 15px 0 0;

}

.dropcap-lg {

	float: left;

	display: inline-block;

	width: 70px;

	height: 70px;

	background: #F2F5F7;

	font-size: 48px;

	font-weight: 700;

	line-height: 70px;

	text-align: center;

	color: #506A85;

	margin: 6px 15px 0 0;

}

blockquote {

    padding: 0;

    margin: 0;

    border: none;

}

blockquote p {

    font-size: 22px;

    line-height: 160%;

	font-style: italic;

}

blockquote footer,

blockquote small,

blockquote .small {

	color: #506A85;

	font-size: 14px;

	line-height: 150%;

	font-weight: 700;

}

blockquote footer:before,

blockquote small:before,

blockquote .small:before,

blockquote footer:after,

blockquote small:after,

blockquote .small:after {

	content: '';

	display: inline-block;

	width: 20px;

	height: 1px;

	background-color: #506A85;

	margin-bottom: .28em;

}

blockquote footer:before,

blockquote small:before,

blockquote .small:before {

	margin-right: 10px;

}

blockquote footer:after,

blockquote small:after,

blockquote .small:after {

	margin-left: 10px;

}

hr {

    border: 0;

    border-bottom: 1px solid #CED7E0;

    margin: 60px 0;

}

.map iframe {

    display: block;

    max-width: 100%;

}

h1 + figure,

p + figure {

	padding-top: 15px;

}

h2 + figure,

h3 + figure,

h2 + .thumbs,

h3 + .thumbs,

h2 + .thumb,

h3 + .thumb {

	padding-top: 10px;

}

h4 + figure {

	padding-top: 5px;

}

h2 + .owl-carousel,

p + .owl-carousel,

h2 + .panel-group,

p + .panel-group {

	padding-top: 20px;

}

figure figcaption {

	font-size: 14px;

	line-height: 150%;

}

figure figcaption h4 {

	margin-bottom: 10px;

}

figure * + figcaption {

	padding-top: 20px;

}

figure + *,

.thumb + figure {

	padding-top: 25px;

}

.classic-blog figure + * {

	padding-top: 35px;

}

figure.post-media + * {

	padding-top: 0;

}

.member .icon-overlay {

	display: inline-block;

}

.member .icon-overlay span {

	border-radius: 50%;

}

.member .img-circle {

	max-width: 200px;

	max-height: 200px;

}

.member .member-image {

	position: relative;

}

.member figcaption {

	position: relative;

	padding-top: 35px;

	z-index: 0;

}

.member figcaption.bordered {

	padding: 20px 15px 15px;

}

.member figcaption h2 span,

.member figcaption h3 span {

	display: block;



	/*font-family: 'Source Sans Pro', sans-serif;*/



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





	font-weight: 400;

	letter-spacing: 0.015em;

}

.member figcaption h3 {

	font-size: 16px;

	line-height: 130%;

	margin-bottom: 10px;

}

.member figcaption h2 span {

	font-size: 18px;

	line-height: 140%;

	margin-top: 5px;

}

.member figcaption h3 span {

	font-size: 14px;

	line-height: 120%;

	margin-top: 4px;

}

.member figcaption blockquote {

	font-size: 16px;

	font-style: italic;

	line-height: 160%;

	margin-bottom: 20px;

}

.member figcaption blockquote:before {

	display: inline;

	position: relative;

	content: "\201C";

	font-family: inherit;

	font-size: inherit;

	margin-right: 2px;

}

.member figcaption blockquote:after {

	content: "\201D";

	margin-left: 2px;

}

.member .social {

	display: inline-block;

}

.member .social li {

	display: table-cell;

}

.member .social li a i {

	width: 33px;

	height: 45px;

	font-size: 15px;

}

.member .text-overlay .info .social li a i {

	color: #FFF;

}

.member .text-overlay .info .social li a:hover .icon-s-facebook {

    color: #3B5998;

    color: #4668B3;

}

.member .text-overlay .info .social li a:hover .icon-s-gplus {

    color: #DD4B39;

    color: #DE5745;

}

.member .text-overlay .info .social li a:hover .icon-s-twitter {

    color: #00ACED;

    color: #2FBBED;

}

.member .text-overlay .info .social li a i:after {

	background: #FFF;

}

.img-bg,

.img-bg-center {

	background-position: center !important;

	background-size: cover;

}

.img-bg-top {

	background-position: top !important;

	background-size: cover;

}

.img-bg-bottom {

	background-position: bottom !important;

	background-size: cover;

}

.img-bg-soft,

.img-bg-softer {

	background-position: center;

	position: relative;

}

.img-bg-soft:before,

.img-bg-softer:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.light-bg.img-bg-soft:before {

	background-color: #F2F5F7;

	opacity: .66;

}

.dark-bg.img-bg-soft:before {

	background-color: #2F4052;

	opacity: .57;

}

.tint-bg.img-bg-soft:before {

	background-color: #1ABB9C;

	opacity: .84;

}

.light-bg.img-bg-softer:before {

	background-color: #F2F5F7;

	opacity: .95;

}

.dark-bg.img-bg-softer:before {

	background-color: #2F4052;

	opacity: .97;

}

.tint-bg.img-bg-softer:before {

	background-color: #1ABB9C;

	opacity: .96;

}

.screen-container {

	position: relative;

	width: 100%;

	height: auto !important;

	background: url("../images/art/screen-container.png") no-repeat top / 100%;

	overflow: hidden;

}

.screen-container:before{

	content: "";

	display: block;

	padding-top: 47%;

}

.screen-container .tab-content {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	padding: 5% 4.5%;

	padding-bottom: 0;

}

.sidelines {

	position: relative;

	line-height: 100%;

	border-bottom: 1px solid #CED7E0;

	margin-top: -.35em;

	margin-bottom: 1.5em;

}

.sidelines span {

	position: relative;

	top: .5em;

	background: #FFF;

	padding: 0 .5em 0 0;

}

.sidelines.text-right span,

.text-right .sidelines span {

	padding: 0 0 0 .5em;

}

.sidelines.text-center span,

.text-center .sidelines span {

	padding: 0 .5em;

}

.team-headline.sidelines {

	margin-top: -20px;

	margin-bottom: 40px;

}

.light-bg .sidelines {

	border-color: #BCC7D1;

}

.light-bg .sidelines span {

	background: #F2F5F7;

}

.dark-bg .sidelines {

	border-color: #73879C;

}

.dark-bg .sidelines span {

	background: #2F4052;

}

.video-container {

	position: relative;

	padding-bottom: 56.25%;

	height: 0;

	overflow: hidden;

}

.video-container iframe,

.video-container object,

.video-container embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

iframe + iframe {

    margin-top: 10px;

}

.isotope, .owl-carousel .owl-wrapper-outer {

	z-index: 0;

}

.green-bg {

    background-color: #1ABB9C !important;

	color: #FFF !important;

	padding: 2px 8px 4px;

	margin-top: -2px;

}

.blue-bg {

    background-color: #3F8DBF !important;

	color: #FFF !important;

	padding: 2px 8px 4px;

	margin-top: -2px;

}

.red-bg {

    background-color: #FA6C65 !important;

	color: #FFF !important;

	padding: 2px 8px 4px;

	margin-top: -2px;

}

.orange-bg {

    background-color: #F27A24 !important;

	color: #FFF !important;

	padding: 2px 8px 4px;

	margin-top: -2px;

}

.purple-bg {

    background-color: #9B59B6 !important;

	color: #FFF !important;

	padding: 2px 8px 4px;

	margin-top: -2px;

}

.pink-bg {

    background-color: #D487BE !important;

	color: #FFF !important;

	padding: 2px 8px 4px;

	margin-top: -2px;

}

.navy-bg {

    background-color: #34495E !important;

	color: #FFF !important;

	padding: 2px 8px 4px;

	margin-top: -2px;

}

.gray-bg {

    background-color: #95A5A6 !important;

	color: #FFF !important;

	padding: 2px 8px 4px;

	margin-top: -2px;

}

.light-bg {

    background-color: #F2F5F7;

}

.dark-bg {

    background-color: #2F4052;

}

.dark-bg,

.dark-bg p,

.dark-bg .item-details li:before {

    color: #A3B1BF;

}

.dark-bg h1,

.dark-bg h2,

.dark-bg h3,

.dark-bg h4 {

    color: #FFF;

}

.dark-bg .widget h1,

.dark-bg .widget h2,

.dark-bg .widget h3,

.dark-bg .widget h4 {

    color: #FFF;

}

.tint-bg {

    background-color: #1ABB9C;

	color: #FFF;

	padding: 2px 8px;

	margin-top: -2px;

}

.tint-bg,

.tint-bg h1,

.tint-bg h2,

.tint-bg h3,

.tint-bg h4,

.tint-bg p,

.tint-bg .item-details li:before,

.tint-bg .icon i.icn {

    color: #FFF;

}

.tint-bg a:hover {

    color: #506A85;

}

.light-color,

.light-color .dark-bg {

	color: #FFF !important;

}

.medium-color {

	color: #A3B1BF !important;

}

.dark-color {

	color: #506A85 !important;

}

.tint-color {

	color: #1ABB9C !important;

}

.green {

    color: #1ABB9C !important;

}

.blue {

    color: #3F8DBF !important;

}

.red {

    color: #FA6C65 !important;

}

.pink {

    color: #D487BE !important;

}

.purple {

    color: #9B59B6 !important;

}

.orange {

    color: #F27A24 !important;

}

.navy {

    color: #34495E !important;

}

.gray {

    color: #95A5A6 !important;

}

.icon {

    display: inline-block;

	margin-bottom: 20px;

    -webkit-transition: all 200ms ease-out;

       -moz-transition: all 200ms ease-out;

         -o-transition: all 200ms ease-out;

            transition: all 200ms ease-out;

}

.icon.circle {

	padding: 30px;

	border: 1px solid #1ABB9C;

	border-radius: 50%;

}

.icon.circle.xs {

	padding: 15px;

}

.icon.circle.sm {

	padding: 20px;

}

.icon.circle.lg {

	padding: 35px;

}

.icon i.icn {

    display: block;

    color: #1ABB9C;

    font-size: 65px;

    line-height: 100%;

    -webkit-transition: all 200ms ease-out;

       -moz-transition: all 200ms ease-out;

         -o-transition: all 200ms ease-out;

            transition: all 200ms ease-out;

}

.icon i.icn.xs {

	font-size: 20px;

}

.icon i.icn.sm {

	font-size: 35px;

}

.icon i.icn.lg {

	font-size: 85px;

}

i.contact {

    margin-right: 5px;

    width: auto;

    height: auto;

    line-height: 18px;

}

.tagcloud {

    line-height: 25px;

}

footer {

	font-size: 14px;

	line-height: 22px;

}

footer.dark-bg {

    color: #A3B1BF;

}

footer .inner {

	padding-top: 45px;

	padding-bottom: 35px;

}

footer .container > .row {

	margin-left: -25px;

	margin-right: -25px;

}

footer .row .inner {

	padding: 25px;

}

footer .logo {

	height: auto;

	max-height: 100%;

}

footer h4 {

	text-transform: uppercase;

	margin-bottom: 20px;

}

footer p {

	margin-bottom: 15px;

}

.footer-menu {

    padding: 0;

    margin: 0;

    list-style: none;

}

.footer-menu li {

    display: inline;

    padding-left: 10px;

}

.footer-menu li:before {

    display: inline-block;

    content: "·";

    padding-right: 12px;

}

.footer-menu li:first-child:before {

    display: none;

}

.footer-bottom {

    background: #283645;

	color: #707E8C;

}

.footer-bottom .container.inner {

    padding-top: 30px;

	padding-bottom: 30px;

}

.footer-bottom p,

.footer-bottom a {

	color: #707E8C;

}

.footer-bottom p {

    padding: 0;

    margin: 0;

}

.meta,

.more {

    font-size: 14px;

    font-weight: 400;

	line-height: 160%;

	cursor: default;

}

.meta span:before {

    display: inline-block;

    content: "|";

    padding: 0 10px 0 7px;

}

.meta span:first-child:before {

    display: none;

    padding: 0;

}

.meta a {

    display: inline !important;

}

.meta a:hover,

.more:hover {

    color: #1ABB9C;

}

.meta.tags a:before {

    content: "#";

    display: inline-block;

}

.bordered .info {

    text-align: center;

}

.bordered .info h3,

.bordered .info h4 {

	margin-bottom: 5px;

}

.bordered .info h3 a,

.bordered .info h4 a {

    color: #506A85;

}

.bordered .info h3 a:hover,

.bordered .info h4 a:hover {

	color: #1ABB9C;

}

.bordered .info p {

	font-size: 14px;

	line-height: 22px;

	margin-bottom: 0;

}

.bordered {

    border: 1px solid #E6E9ED;

	border-bottom-width: 2px;

	border-radius: 3px;

    padding: 25px;

    background: #F5F7FA;

}

.light-bg .bordered {

	background: #FFF;

}

.dark-bg .bordered .info h3,

.dark-bg .bordered .info h4,

.tint-bg .bordered .info h3,

.tint-bg .bordered .info h4 {

	color: #506A85;

}

.dark-bg .bordered .info p,

.tint-bg .bordered .info p {

	color: #73879C;

}

.no-top-border {

    border-top: none;

	border-top-left-radius: 0;

	border-top-right-radius: 0;

}

.border {

	border: 1px solid #CED7E0;

}

.border-top-lg,

.border-top-md,

.border-top-sm,

.border-top-xs,

.border-top {

	border-top: 1px solid #CED7E0;

}

.border-right-lg,

.border-right-md,

.border-right-sm,

.border-right-xs,

.border-right {

	border-right: 1px solid #CED7E0;

}

.border-bottom-lg,

.border-bottom-md,

.border-bottom-sm,

.border-bottom-xs,

.border-bottom {

	border-bottom: 1px solid #CED7E0;

}

.border-left-lg,

.border-left-md,

.border-left-sm,

.border-left-xs,

.border-left {

	border-left: 1px solid #C3DCF1; /* war CED7E0 */

}

.border-lg,

.border-top-lg,

.border-right-lg,

.border-bottom-lg,

.border-left-lg {

	border-width: 20px;

}

.border-md,

.border-top-md,

.border-right-md,

.border-bottom-md,

.border-left-md {

	border-width: 10px;

}

.border-sm,

.border-top-sm,

.border-right-sm,

.border-bottom-sm,

.border-left-sm {

	border-width: 5px;

}

.border-xs,

.border-top-xs,

.border-right-xs,

.border-bottom-xs,

.border-left-xs {

	border-width: 3px;

}

.light-bg .border,

.light-bg .border-lg,

.light-bg .border-md,

.light-bg .border-sm,

.light-bg .border-xs,

.light-bg .border-top-lg,

.light-bg .border-top-md,

.light-bg .border-top-sm,

.light-bg .border-top-xs,

.light-bg .border-top,

.light-bg .border-right-lg,

.light-bg .border-right-md,

.light-bg .border-right-sm,

.light-bg .border-right-xs,

.light-bg .border-right,

.light-bg .border-bottom-lg,

.light-bg .border-bottom-md,

.light-bg .border-bottom-sm,

.light-bg .border-bottom-xs,

.light-bg .border-bottom,

.light-bg .border-left-lg,

.light-bg .border-left-md,

.light-bg .border-left-sm,

.light-bg .border-left-xs,

.light-bg .border-left {

	border-color: #BCC7D1;

}

.dark-bg .border,

.dark-bg .border-lg,

.dark-bg .border-md,

.dark-bg .border-sm,

.dark-bg .border-xs,

.dark-bg .border-top-lg,

.dark-bg .border-top-md,

.dark-bg .border-top-sm,

.dark-bg .border-top-xs,

.dark-bg .border-top,

.dark-bg .border-right-lg,

.dark-bg .border-right-md,

.dark-bg .border-right-sm,

.dark-bg .border-right-xs,

.dark-bg .border-right,

.dark-bg .border-bottom-lg,

.dark-bg .border-bottom-md,

.dark-bg .border-bottom-sm,

.dark-bg .border-bottom-xs,

.dark-bg .border-bottom,

.dark-bg .border-left-lg,

.dark-bg .border-left-md,

.dark-bg .border-left-sm,

.dark-bg .border-left-xs,

.dark-bg .border-left {

	border-color: #73879C;

}

.tint-bg .border,

.tint-bg .border-lg,

.tint-bg .border-md,

.tint-bg .border-sm,

.tint-bg .border-xs,

.tint-bg .border-top-lg,

.tint-bg .border-top-md,

.tint-bg .border-top-sm,

.tint-bg .border-top-xs,

.tint-bg .border-top,

.tint-bg .border-right-lg,

.tint-bg .border-right-md,

.tint-bg .border-right-sm,

.tint-bg .border-right-xs,

.tint-bg .border-right,

.tint-bg .border-bottom-lg,

.tint-bg .border-bottom-md,

.tint-bg .border-bottom-sm,

.tint-bg .border-bottom-xs,

.tint-bg .border-bottom,

.tint-bg .border-left-lg,

.tint-bg .border-left-md,

.tint-bg .border-left-sm,

.tint-bg .border-left-xs,

.tint-bg .border-left {

	border-color: #FFF;

}

.last-bottom {

	padding-bottom: 0 !important;

	margin-bottom: 0 !important;

}

.last-right {

	padding-right: 0 !important;

	margin-right: 0 !important;

}

.reset-margin {

	margin: 0;

}

.reset-margin-left {

	margin-left: 0;

}

.reset-margin-right {

	margin-right: 0;

}

.reset-padding {

	padding: 0;

}

.reset-padding-left {

	padding-left: 0;

}

.reset-padding-right {

	padding-right: 0;

}

.single-block {

	padding: 0;

	border: 0;

	margin: 0;

}

h1 + .single-line,

h2 + .single-line,

h3 + .single-line,

h4 + .single-line {

	margin-top: -.5em;

}

.img-intext {

    margin-bottom: 20px;

}

aside {

	font-size: 16px;

	line-height: 160%;

}

aside p {

	margin-bottom: 15px;

}

aside .txt-btn {

	font-size: 100%;

}

aside .thumb figure {

	margin: 0;

}

.thumbs.no-gap {

	margin-left: 0;

	margin-right: 0;

}

.thumbs.no-gap .thumb {

	padding: 0;

}

.thumbs.gap-xs {

	margin-left: -5px;

	margin-right: 0;

	padding-top: 7px; /* kam neu hinzu, Abstand im Foot aller vier Elemente gleich*/

}

.thumbs.gap-xs .thumb {

	padding: 0 0 5px 5px;

}

.thumbs.gap-sm {

	margin-left: -10px;

	margin-right: 0;

}

.thumbs.gap-sm .thumb {

	padding: 0 0 10px 10px;

}

.thumbs.gap-md {

	margin-left: -20px;

	margin-right: 0;

}

.thumbs.gap-md .thumb {

	padding: 0 0 20px 20px;

}

.thumbs.gap-lg {

	margin-left: -30px;

	margin-right: 0;

}

.thumbs.gap-lg .thumb {

	padding: 0 0 30px 30px;

}





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

/*	HEADER

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



.navbar .container {

	display: table;

    padding: 0;

}

.navbar {

    margin: 0;

    border-radius: 0;

    border: none;

    position: relative;

    z-index: 8000;

    min-height: inherit;

}

.navbar ul {

	list-style: none;

}

.navbar-brand {

	float: none;

	display: table-cell;

	vertical-align: middle;

    padding: 0;

	max-width: 300px;

}

.navbar-header .navbar-brand {

	display: none;

}

.navbar-header {

    float: none !important;

	position: relative;

	background: #F5F7FA;

	border-bottom: 1px solid #E6E9ED;

	z-index: 0;

}

.navbar-header li,

.navbar-header a {

	display: table-cell;

	vertical-align: middle;

	height: 40px;

}

.navbar-collapse {

    position: relative;

    background-color: #FFF;

	width: 100%;

	padding-top: 30px;

	padding-bottom: 30px;

	border-bottom: 1px solid #E6E9ED;

}

.navbar-collapse.collapse.stuck {

	position: fixed;

	top: 0;

	padding-top: 0;

	padding-bottom: 0;

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

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

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

}

.navbar-collapse.collapse.stuck .navbar-brand img {

	max-height: 30px;

}

.navbar-nav {

	float: none;

	display: table-cell;

	vertical-align: middle;

	padding-left: 30px;

    margin: 0;

}

.navbar-nav > li > a {

    font-size: 15px;

	line-height: 20px;

    font-weight: 700;

    text-transform: uppercase;

    color: #506A85;

    padding: 15px 20px;

	border: 0px solid rgba(255,255,255,0);

	border-bottom: none;

	-webkit-border-top-right-radius: 3px;

	 -webkit-border-top-left-radius: 3px;

	    -moz-border-radius-topright: 3px;

	     -moz-border-radius-topleft: 3px;

	        border-top-right-radius: 3px;

	         border-top-left-radius: 3px;

	bottom: -1px;

	z-index: 1;

}

.skrollable-after .navbar-nav > li > a {

	margin-top: -1px;

	-webkit-border-top-right-radius: 0;

	 -webkit-border-top-left-radius: 0;

	    -moz-border-radius-topright: 0;

	     -moz-border-radius-topleft: 0;

	        border-top-right-radius: 0;

	         border-top-left-radius: 0;

}

.nav > li > a:hover {

    background-color: #F5F7FA;

    border-color: #E6E9ED;

    color: #1ABB9C;

}

.nav > li > a:focus {

    background-color: #FFF;

    border-color: #FFF;

}

.navbar .dropdown-menu {

    padding: 0;

    margin: 0;

    width: 210px;

    background: #F5F7FA;

	border: none;

	border: 1px solid #E6E9ED;

	border-bottom-width: 2px;

	border-bottom-color: #CED2D6;

    -webkit-border-radius: 3px !important;

       -moz-border-radius: 3px !important;

            border-radius: 3px !important;

	-webkit-border-top-left-radius: 0 !important;

	    -moz-border-radius-topleft: 0 !important;

		    border-top-left-radius: 0 !important;

	-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.15);

	   -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.15);

	        box-shadow: 0 10px 10px rgba(0,0,0,0.15);

	z-index: 0;

}

.navbar .dropdown-menu:not(.yamm-dropdown-menu) li {

    background: transparent;

    border: none;

    border-top: 1px solid #E6E9ED;

}

.navbar .dropdown-menu:not(.yamm-dropdown-menu) li:first-child {

    border: none;

}

.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a {

	line-height: 18px;

    padding: 13px 20px;

    color: #73879C;

    text-transform: uppercase;

    font-weight: 700;

	white-space: normal;

}

.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a:hover,

.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a.active {

    filter: none;

    background-color: #F5F7FA;

    color: #1ABB9C;

}

.navbar .nav .open > a,

.navbar .nav .open > a:hover,

.navbar .nav .open > a:focus {

    background-color: #F5F7FA;

    border-color: #E6E9ED;

}

.navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu):after {

    display: none;

}

.navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu):before {

    display: none;

}

.navbar .dropdown-submenu .dropdown-menu {

	top: -1px !important;

}

.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:hover,

.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:focus,

.navbar .dropdown-submenu:hover > a,

.navbar .dropdown-submenu:focus > a,

.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a,

.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:hover,

.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:focus {

    background: #1ABB9C;

    color: #FFF !important;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

}

.navbar-header .info {

	padding-left: 0;

    margin: 0;

}

.navbar-header .info li {

    font-size: 12px;

    padding-right: 25px;

}

.navbar-header .info li a {

    font-size: 12px;

    color: #73879C;

}

.navbar-header .info a:hover {

    color: #1ABB9C;

}

.navbar-form {

    padding: 0;

    margin: 0;

}

.btn.responsive-menu {

    display: none;

	width: 40px;

	height: 40px;

    font-size: 15px;

    padding: 0;

    margin: 0;

}





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

/*	MEGA MENU

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



.yamm .nav,

.yamm .dropup,

.yamm .dropdown,

.yamm .collapse {

    position: static;

}

.yamm .navbar-inner,

.yamm .container {

    position: relative;

}

.yamm .dropdown-menu {

	top: auto;

    left: auto;

	-webkit-border-top-left-radius: 3px !important;

	    -moz-border-radius-topleft: 3px !important;

		    border-top-left-radius: 3px !important;

}

.yamm .dropdown-menu > li {

    display: block;

}

.yamm .nav.pull-right .dropdown-menu {

    right: 0;

}

.yamm .yamm-content {

	font-size: 14px;

	line-height: 22px;

    padding: 30px 40px;

	margin-left: -20px;

	margin-right: -20px;

}

.yamm .yamm-content .inner {

	padding: 0 20px;

}

.yamm .yamm-content li {

	line-height: inherit;

}

.yamm .yamm-content:before,

.yamm .yamm-content:after {

    display: table;

    content: "";

    line-height: 0;

}

.yamm .yamm-content:after {

    clear: both;

}

.yamm .nav > li > .dropdown-menu:after,

.yamm .nav > li > .dropdown-menu:before {

    display: none;

}

.yamm .yamm-content img {

    width: 100%;

}

.yamm .yamm-content a {

    color: inherit;

}

.yamm .yamm-content h4 {

	text-transform: uppercase;

	margin-bottom: 20px;

}

.yamm .yamm-content p {

	font-size: inherit;

	line-height: inherit;

    margin-bottom: 15px;

}

.yamm .yamm-content .btn {

	margin: 10px 0;

}

.yamm .yamm-content a:hover {

    color: #1ABB9C;

}

.yamm .dropdown.yamm-fullwidth .dropdown-menu {

    width: 100%;

    left: 0;

    right: 0;

}





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

/*	BUTTONS

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



#buttons .btn {

	margin: 5px 3px;

}

#buttons .btn-wrapper {

	margin: 30px 0;

}

.btn {

    color: #FFF !important;

    background: #1ABB9C;

    padding: 11px 20px 13px;



	/*deaktiviert Abstand oben Sendebutton

	margin: 15px 0;*/

	margin: 10px 0;

/*font-family: 'Source Sans Pro', sans-serif;*/



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

    font-weight: 700;

    font-size: 14px;

	letter-spacing: 0.02em;

    text-shadow: none;

    -webkit-font-smoothing: antialiased;

    border: none;

    text-transform: uppercase;

    -webkit-transition: all 200ms ease-out;

    -o-transition: all 200ms ease-out;

    -moz-transition: all 200ms ease-out;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);

    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);

    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);

}

.btn-small {

    padding: 5px 13px 6px;

	font-size: 13px;

}

.btn-large {

    padding: 14px 26px 16px;

	font-size: 15px;

}

.btn.btn-green {

    background: #1ABB9C;

}

.btn.btn-blue {

    background: #3F8DBF;

}

.btn.btn-red {

    background: #FA6C65;

}

.btn.btn-pink {

    background: #D487BE;

}

.btn.btn-purple {

    background: #9B59B6;

}

.btn.btn-orange {

    background: #F27A24;

}

.btn.btn-navy {

    background: #34495E;

}

.btn.btn-gray {

    background: #95A5A6;

}

.btn:hover,

.btn:focus,

.btn:active,

.btn.active {

    background: #17A78B;

    color: #FFF !important;

    -webkit-transition: all 200ms ease-out;

    -o-transition: all 200ms ease-out;

    -moz-transition: all 200ms ease-out;

    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);

    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);

    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);

}

.btn-green:hover,

.btn-green:focus,

.btn-green:active,

.btn-green.active {

    background: #17A78B !important;

}

.btn-blue:hover,

.btn-blue:focus,

.btn-blue:active,

.btn-blue.active {

    background: #387EAA !important;

}

.btn-red:hover,

.btn-red:focus,

.btn-red:active,

.btn-red.active {

    background: #CF4C45 !important;

}

.btn-pink:hover,

.btn-pink:focus,

.btn-pink:active,

.btn-pink.active {

    background: #BD78A9 !important;

}

.btn-purple:hover,

.btn-purple:focus,

.btn-purple:active,

.btn-purple.active {

    background: #8A4FA2 !important;

}

.btn-orange:hover,

.btn-orange:focus,

.btn-orange:active,

.btn-orange.active {

    background: #D96716 !important;

}

.btn-navy:hover,

.btn-navy:focus,

.btn-navy:active,

.btn-navy.active {

    background: #2C3E50 !important;

}

.btn-gray:hover,

.btn-gray:focus,

.btn-gray:active,

.btn-gray.active {

    background: #859394 !important;

}

.tint-bg .btn {

    background: #FFF !important;

	color: #1ABB9C !important;

}

.tint-bg .btn:hover {

    background: #E9E9E9 !important;

    color: #506A85 !important;

}

.btn.share-facebook {

    background: #3d5b9b !important

}

.btn.share-facebook:hover {

    background: #334c8e !important

}

.btn.share-twitter {

    background: #5aa8cd !important

}

.btn.share-twitter:hover {

    background: #499ac8 !important

}

.btn.share-googleplus {

    background: #3b3b3b !important

}

.btn.share-googleplus:hover {

    background: #2e2e2e !important

}

.btn.share-pinterest {

    background: #c53942 !important

}

.btn.share-pinterest:hover {

    background: #bc2d32 !important

}

.btn-share-lg,

.btn-share-md,

.btn-share-sm,

.btn-share-xs {

	display: table;

	position: relative;

	z-index: 0;

	width: 100%;

	text-align: center;

}

.btn-share-lg i,

.btn-share-md i,

.btn-share-sm i,

.btn-share-xs i {

	display: table-cell;

	vertical-align: middle;

}

.btn-share-lg {

	height: 250px;

}

.btn-share-lg i {

	font-size: 80px;

}

.btn-share-md {

	height: 180px;

}

.btn-share-md i {

	font-size: 60px;

}

.btn-share-sm {

	height: 120px;

}

.btn-share-sm i {

	font-size: 40px;

}

.btn-share-xs {

	height: 80px;

}

.btn-share-xs i {

	font-size: 28px;

}

.btn-share-lg i:after,

.btn-share-md i:after,

.btn-share-sm i:after,

.btn-share-xs i:after {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	z-index: -1;

	width: 100%;

	height: 100%;

    -webkit-transition: all 200ms ease-out;

       -moz-transition: all 200ms ease-out;

         -o-transition: all 200ms ease-out;

            transition: all 200ms ease-out;

}

/*.btn-share-lg:hover i:after,

.btn-share-md:hover i:after,

.btn-share-sm:hover i:after,

.btn-share-xs:hover i:after {

	height: 100%;

}*/

.btn-share-lg:hover .icon-s-facebook:after,

.btn-share-md:hover .icon-s-facebook:after,

.btn-share-sm:hover .icon-s-facebook:after,

.btn-share-xs:hover .icon-s-facebook:after {

    background: #3B5998;

    background: #4668B3;

}

.btn-share-lg:hover .icon-s-gplus:after,

.btn-share-md:hover .icon-s-gplus:after,

.btn-share-sm:hover .icon-s-gplus:after,

.btn-share-xs:hover .icon-s-gplus:after {

    background: #DD4B39;

    background: #DE5745;

}

.btn-share-lg:hover .icon-s-twitter:after,

.btn-share-md:hover .icon-s-twitter:after,

.btn-share-sm:hover .icon-s-twitter:after,

.btn-share-xs:hover .icon-s-twitter:after {

    background: #00ACED;

    background: #2FBBED;

}

.btn-share-lg p,

.btn-share-md p,

.btn-share-sm p,

.btn-share-xs p {

	position: absolute;

	height: 1.1em;

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

	/*font-family: 'Lato', sans-serif;*/

	line-height: 100%;

	color: #FFF;

	margin: auto;

	opacity: 0;

}

.btn-share-lg p,

.btn-share-md p {

	top: 20px;

}

.btn-share-sm p,

.btn-share-xs p {

	top: 0;

	bottom: 0;

}

.btn-share-sm p {

	font-size: 16px;

}

.btn-share-xs p {

	font-size: 15px;

}

.btn-share-lg:hover p,

.btn-share-md:hover p,

.btn-share-sm:hover p,

.btn-share-xs:hover p {

	opacity: 1;

}

.btn-share-lg .name,

.btn-share-md .name,

.btn-share-sm .name,

.btn-share-xs .name {

	left: 25px;

}

.btn-share-lg .counter,

.btn-share-md .counter,

.btn-share-sm .counter,

.btn-share-xs .counter {

	right: 25px;

}

.btn-share-lg:hover,

.btn-share-md:hover,

.btn-share-sm:hover,

.btn-share-xs:hover {

	color: #FFF;

}

h1 .btn,

h2 .btn,

h3 .btn,

h4 .btn,

p .btn {

		/*
	;margin-left: 15px;
	*/
	;margin-left: 0px;

}

.txt-btn {

	font-size: 105%;

	font-weight: 700;

}

.txt-btn:after {

	/*font-family: 'fontello';*/

	content: '\2192';

	margin-left: 7px;

    -webkit-transition: all 200ms ease-out;

       -moz-transition: all 200ms ease-out;

         -o-transition: all 200ms ease-out;

            transition: all 200ms ease-out;

}

.txt-btn:hover:after {

	margin-left: 12px;

}





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

/*	SOCIAL ICONS

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



.social {

    padding: 0;

    margin: 0;

}

.social li {

    font-family: 'fontello-social';

    margin-right: 4px;

}

.social li {

    position: relative;

}

.text-center .social li {

    margin: 0 2px;

}

.social li a {

    display: table;

	position: relative;

}

.social li a i {

    text-align: center;

    display: table-cell;

    vertical-align: middle;

    color: #5A89A4;

    width: 30px;

    height: 30px;

    font-size: 12px;

    -webkit-transition: all 200ms ease-out;

       -moz-transition: all 200ms ease-out;

         -o-transition: all 200ms ease-out;

            transition: all 200ms ease-out;

}

.social li a i:after {

	content: '';

	z-index: -1;

	position: absolute;

	width: 100%;

	height: 0;

	top: 0;

	left: 0;

    -webkit-transition: all 200ms ease-out;

       -moz-transition: all 200ms ease-out;

         -o-transition: all 200ms ease-out;

            transition: all 200ms ease-out;

}

.social li a:hover i {

	color: #FFF;

}

.social li a:hover i:after {

	height: 100%;

}

.social a .icon-s-facebook:after {

    background: #3B5998;

    background: #4668B3;

}

.social a .icon-s-gplus:after {

    background: #DD4B39;

    background: #DE5745;

}

.social a .icon-s-twitter:after {

    background: #00ACED;

    background: #2FBBED;

}

.social a .icon-s-pinterest:after {

    background: #CB2027;

    background: #D94348;

}

.social a .icon-s-behance:after {

    background: #1769FF;

    background: #3079FF;

}

.social a .icon-s-dribbble:after {

    background: #EA4C89;

    background: #EB6397;

}





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

/*	TABS ON SIDE

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



.tabs-side .etabs {

	float: left;

	width: 20%;

    padding: 0;

	margin: 0 -1px 0 0;

}

.tabs-side .tab {

	display: block;

	position: relative;

	z-index: 0;

}

.tabs-side .tab a {

    display: block;

	background: #F5F7FA;

    color: #506A85;

	font-size: 14px;

	line-height: 130%;

	font-weight: 700;

    text-transform: uppercase;

	padding: 15px;

    border: 1px solid #E6E9ED;

	border-right-color: #CED7E0;

    border-bottom: none;

	overflow: hidden;

}

.tabs-side .tab:first-child a {

	border-top-left-radius: 3px;

}

.tabs-side .tab:last-child a {

    border-bottom: 1px solid #E6E9ED;

	border-bottom-left-radius: 3px;

}

.tabs-side .tab a:hover {

	background: #1ABB9C;

	color: #FFF;

	border-color: #1ABB9C;

}

.tabs-side .tab:hover,

.tabs-side .tab.active {

	z-index: 2;

}

.tabs-side .tab.active a {

    background: #FFF !important;

	color: #1ABB9C;

    border-color: #CED7E0 !important;

    border-right-color: #FFF !important;

}

.tabs-side .tab.active + .tab a {

	border-top-color: #CED7E0;

}

.tabs-side .tab.active + .tab a:hover {

	border-top-color: #1ABB9C;

}

.tabs-side .tab a div {

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

/*	font-family: 'Lato', sans-serif;*/

	font-size: 40px;

	line-height: 100%;

	font-weight: 200;

	margin: -10px 0 5px;

}

.tabs-side.tab-container .panel-container {

	position: relative;

	z-index: 1;

	overflow: hidden;

	padding-left: 70px;

    border-left: 1px solid #CED7E0;

}

.tabs-side.tab-container .panel-container p {

    margin: 0;

    padding-bottom: 20px;

}





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

/*	TABS ON TOP

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



.tabs-top .etabs {

    padding: 0;

    margin: 0;

}

.tabs-top .etabs:after {

	content: '';

	display: block;

	position: relative;

	z-index: 1;

    border-top: 1px solid #CED7E0;

	margin-top: -1px;

}

.tabs-top .tab {

    display: inline-block;

	position: relative;

	z-index: 0;

	max-width: 40%;

	margin: 0 3px;

}

.tabs-top .tab a {

    display: inline-block;

	vertical-align: bottom;

	background: #F5F7FA;

    color: #506A85;

	font-size: 14px;

	line-height: 130%;

	font-weight: 700;

    text-transform: uppercase;

	padding: 15px;

    border: 1px solid #E6E9ED;

    border-bottom: none;

	border-top-left-radius: 3px;

	border-top-right-radius: 3px;

	overflow: hidden;

}

.tabs-top .tab a div {

	/*font-family: 'Lato', sans-serif;*/

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

	font-size: 40px;

	line-height: 100%;

	font-weight: 200;

	margin: -10px 0 5px;

}

.tabs-top .tab a:hover {

	background: #1ABB9C;

	color: #FFF;

	border-color: #1ABB9C;

}

.tabs-top .tab.active {

	z-index: 2;

}

.tabs-top .tab.active a {

    background: #FFF !important;

	color: #1ABB9C;

	border-color: #CED7E0 !important;

}

.tabs-top.tab-container .panel-container {

	margin-top: 70px;

}

.tabs-top.tab-container .panel-container p {

    margin: 0;

    padding-bottom: 20px;

}





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

/*	TABS CIRCLED ON TOP

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



.tabs-circle-top .etabs {

	position: relative;

    padding: 0;

    margin: 0;

	z-index: 2;

}

.tabs-circle-top .etabs:before {

	content: '';

	display: block;

    border-bottom: 1px solid #CED7E0;

	margin: 65px 0 -65px;

}

.tabs-circle-top .tab {

    display: inline-block;

	height: 160px;

	position: relative;

	top: 0;

	margin: 0 15px;

	-webkit-transition: all 200ms ease-out;

	   -moz-transition: all 200ms ease-out;

		 -o-transition: all 200ms ease-out;

			transition: all 200ms ease-out;

}

.tabs-circle-top .tab a {

    display: table-cell;

	vertical-align: middle;

	width: 130px;

	height: 130px;

	max-width: 130px;

	background: #FFF;

    color: #506A85;

	font-size: 14px;

	line-height: 130%;

	font-weight: 700;

    text-transform: uppercase;

	padding: 13px;

    border: 1px solid #CED7E0;

	border-radius: 50%;

	overflow: hidden;

}

.tabs-circle-top .tab a div {

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

	/*font-family: 'Lato', sans-serif;*/

	font-size: 40px;

	line-height: 100%;

	font-weight: 200;

	margin: -10px 0 5px;

}

.tabs-circle-top .tab a:hover {

	border: 4px solid #1ABB9C;

}

.tabs-circle-top .tab.active {

	top: -15px;

}

.tabs-circle-top .tab.active a {

	height: 160px;

	width: 160px;

	max-width: 160px;

    background: #1ABB9C;

	font-size: 15px;

	line-height: 140%;

	color: #FFF;

	border: 1px solid #1ABB9C;

}

.tabs-circle-top .tab.active a div {

	font-size: 50px;

	margin: -13px 0 8px;

}

.tabs-circle-top.tab-container .panel-container {

	position: relative;

	margin-top: 30px;

	z-index: 1;

}

.tabs-circle-top.tab-container .panel-container p {

    margin: 0;

    padding-bottom: 20px;

}





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

/*	TABS 2-BIG ON TOP

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



.tabs-2-big-top .etabs {

	position: relative;

    padding: 0;

    margin: 0;

	z-index: 2;

}

.tabs-2-big-top .tab {

	position: relative;

    display: inline-block;

	width: 40%;

    border-bottom: 2px solid transparent;

	border-radius: 3px;

	margin: 0 15px;

	-webkit-transition: all 200ms ease-out;

	   -moz-transition: all 200ms ease-out;

		 -o-transition: all 200ms ease-out;

			transition: all 200ms ease-out;

}

.tabs-2-big-top .tab:before, .tabs-2-big-top .tab:after {

	content: '';

	position: absolute;

	top: 100%;

	left: 50%;

	height: 0;

	width: 0;

	border: solid transparent;

	pointer-events: none;

	-webkit-transition: all 200ms ease-out;

	   -moz-transition: all 200ms ease-out;

		 -o-transition: all 200ms ease-out;

			transition: all 200ms ease-out;

}

.tabs-2-big-top .tab:before {

	border-width: 23px;

	margin-left: -23px;

}

.tabs-2-big-top .tab:after {

	border-width: 20px;

	margin-left: -20px;

}

.tabs-2-big-top .tab a {

    display: block;

	padding: 35px;

    color: #506A85;

	opacity: .5;

}

.tabs-2-big-top .tab:hover {

	background: #F7F9FA;

	border-color: #E6EBF0;

}

.tabs-2-big-top .tab:hover:before {

	border-top-color: #E6EBF0;

}

.tabs-2-big-top .tab:hover:after {

	border-top-color: #F7F9FA;

}

.tabs-2-big-top .tab.active {

    background: #FFF;

	border-color: #E1E7ED;

}

.tabs-2-big-top .tab.active:before {

	border-top-color: #E1E7ED;

}

.tabs-2-big-top .tab.active:after {

	border-top-color: #FFF;

}

.tabs-2-big-top .tab:hover a,

.tabs-2-big-top .tab.active a {

	opacity: 1;

}

.tabs-2-big-top .tab a p {

	margin-bottom: 0;

}

.tabs-2-big-top.tab-container .panel-container {

	position: relative;

	margin-top: 80px;

	z-index: 1;

}

.tabs-2-big-top.tab-container .panel-container p {

    margin: 0;

    padding-bottom: 20px;

}





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

/*	TESTIMONIALS / QUOTES

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



.format-quote {

	position: relative;

}

.format-quote:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	background: url("../images/art/pattern-background01.jpg");

	opacity: .05;

}

#testimonials #owl-testimonials {

	margin-top: 10px;

}

blockquote {

	position: relative;

}

#testimonials #owl-testimonials:before,

blockquote:before {

    display: block;

	position: relative;

    font-family: 'fontello';

    content: '\275e';

    font-size: 40px;

	line-height: 100%;

}

#testimonials #owl-testimonials:before {

	top: -10px;

	opacity: .3;

}

#testimonials #owl-testimonials blockquote:before {

	display: none;

}

blockquote:before {

	position: absolute;

	right: 0;

	bottom: 0;

}

.post.format-quote {

	background-color: #1ABB9C;

}

.format-quote .meta,

.format-quote blockquote,

.format-quote blockquote footer,

.format-quote blockquote small,

.format-quote blockquote .small {

	color: #FFF;

}

.format-quote blockquote footer:before,

.format-quote blockquote small:before,

.format-quote blockquote .small:before,

.format-quote blockquote footer:after,

.format-quote blockquote small:after,

.format-quote blockquote .small:after {

	background-color: #FFF;

}

.format-quote .meta a:hover {

	color: #506A85;

}





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

/*	ACCORDION / TOGGLE

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



.panel-group {

	margin-bottom: 0;

}

.panel-group + .panel-group {

	margin-top: 20px;

}

.panel-group .panel {

    background: #F5F7FA;

    border: 1px solid #E6E9ED;

	border-bottom-width: 2px;

    border-radius: 3px;

    box-shadow: none;

}

.panel-group .panel + .panel {

	margin-top: 10px;

}

.panel-group .panel-heading + .panel-collapse .panel-body {

	border-top-color: #E6E9ED;

}

.panel-body {

	padding: 25px;

}

.panel-heading {

	background-color: inherit !important;

	color: inherit !important;

    padding: 0;

	border-color: inherit !important;

}

.panel-title {

/*font-family: 'Source Sans Pro', sans-serif;*/



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

    font-size: 15px;

	line-height: 1.42857;

    font-weight: 700;

	text-transform: uppercase;

}

.panel-title > a {

    display: block;

    padding: 15px 25px 15px;

}

.panel-title > a.collapsed {

	background: #F5F7FA;

	color: #506A85;

}

.panel-title > a,

.panel-title > a:hover {

	background: #EDF0F2;

}

.panel-title > a {

	color: #506A85;

}

.panel-title > a:hover {

	color: #1ABB9C;

}

.panel-title > a span {

	display: block;

	position: relative;

	top: 0;

	color: #506A85;

	padding-right: 25px;

	-webkit-transition: all 200ms ease-out;

	   -moz-transition: all 200ms ease-out;

		 -o-transition: all 200ms ease-out;

			transition: all 200ms ease-out;

}

.text-right .panel-title > a span {

	padding-left: 25px;

	padding-right: 0;

}

.text-center .panel-title > a span {

	padding-left: 0;

	padding-right: 0;

}

.panel-title > a:hover span {

	color: inherit;

}

.text-center .panel-title > a:hover span {

	top: .5em;

	color: transparent;

}

.panel-title > a span:after {

	font-family: "fontello";

	content: "\e849";

	position: absolute;

	top: 0;

	right: 0;

	-webkit-transition: all 200ms ease-out;

	   -moz-transition: all 200ms ease-out;

		 -o-transition: all 200ms ease-out;

			transition: all 200ms ease-out;

}

.text-right .panel-title > a span:after {

	left: 0;

	right: auto;

}

.text-center .panel-title > a span:after {

	top: -.75em;

	left: 0;

	opacity: 0;

}

.panel-title > a.collapsed span:after {

	content: "\e84c";

}

.text-center .panel-title > a:hover span:after {

	color: #1ABB9C;

	top: -.5em;

	opacity: 1;

}

.panel-group .bordered {

	background: #FFF;

}



.light-bg .panel-group .panel {

    background: #FFF;

}

.light-bg .panel-title > a.collapsed,

.light-bg .blank .panel-title > a.collapsed {

	background: #F8FAFD;

}

.light-bg .panel-title > a,

.light-bg .blank .panel-title > a,

.light-bg .panel-title > a:hover,

.light-bg .blank .panel-title > a:hover {

	/*background: #E6E9ED;*/

	background: #FFF;

}



.dark-bg .panel-group .panel,

.dark-bg .panel-group .panel-heading + .panel-collapse .panel-body {

	border-color: #485867;

}

.dark-bg .panel-group .panel {

    background: #3A4A59;

}

.dark-bg .panel-title > a.collapsed {

	background: #566473;

}

.dark-bg .panel-title > a,

.dark-bg .panel-title > a:hover {

	/*background: #E6E9ED;*/

	background: #485867;

}

.dark-bg .panel-title > a,

.dark-bg .panel-title > a span {

	color: #FFF;

}

.dark-bg .blank .panel-title > a.collapsed {

    background: #2F4052;

}

.dark-bg .blank .panel-title > a.collapsed,

.dark-bg .blank .panel-title > a {

    border-color: #566473;

}

.dark-bg .blank .panel-title > a,

.dark-bg .blank .panel-title > a:hover {

	background: #485867;

}



.blank .panel-title > a.collapsed {

    background: #FFF;

}

.panel-group.blank .panel {

    background: none;

}

.panel-group.blank .panel {

	border: none;

}

.blank .panel-title > a.collapsed,

.blank .panel-title > a {

    border: 1px solid #E6E9ED;

}

.blank .panel-title > a,

.blank .panel-title > a:hover {

	background: #F5F7FA;

}

.blank .panel-heading,

.blank .panel-title > a {

    border-radius: 3px;

}

.panel-group.blank .panel-heading + .panel-collapse .panel-body {

	border: none;

}

.blank .panel-body {

	padding: 35px 0;

}

.blank.panel-group .bordered,

.light-bg .panel-group .bordered,

.dark-bg .panel-group .bordered {

	background: #F5F7FA;

}

.light-bg .blank.panel-group .bordered {

	background: #FFF;

}





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

/*	PORTFOLIO

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



.items {

    list-style: none;

    margin: 0;

    padding: 0;

}

.items:before,

.items:after {

    display: table;

    content: "";

    line-height: 0;

}

.items:after {

    clear: both

}

.items li {

    float: left;

    min-height: 1px;

    position: relative;

}

.items.col-3 {

    margin-left: -8px;

    margin-bottom: -8px;

}

.items.col-3 li {

    width: 318px;

    margin-left: 8px;

    margin-bottom: 8px;

}

.items.col-3.gap {

    margin-left: -20px;

    margin-bottom: -20px;

}

.items.col-3.gap li {

    width: 310px;

    margin-left: 20px;

    margin-bottom: 20px;

}

.items.col-4 {

    margin-left: -10px;

    margin-bottom: -10px;

}

.items.col-4 li {

    width: 235px;

    margin-left: 10px;

    margin-bottom: 10px;

}

.items.col-4 .post-title {

    font-size: 16px;

    margin-bottom: 3px;

}

.items.fullscreen {

    width: 100%;

    clear: both;

	margin: 0 0 -1px 0;

    padding: 0;

    list-style: none;

}

.items.fullscreen li {

    float: left;

    position: relative;

    background: none;

    padding: 0;

	width: 16.666666666%;

}

.items.fullscreen li img {

    display: block;

    /*position: relative;*/

    width: 100%;

    height: auto;

}

.items.fullscreen:after {

    content: '';

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

.items li img {

    display: block;

    width: 100%;

}

.items li,

.items li img,

.thumbs .thumb figure,

.owl-carousel .item figure {

	display: block;

    position: relative;

}

.items li {

    overflow: hidden;

}

.items li .text-overlay,

.thumbs .thumb .text-overlay,

.owl-carousel .item .text-overlay {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

    z-index: 100;

	padding: 10%;

	font: 0px/0 a; /* remove the gap between inline(-block) elements */

    background-color: rgba(26,187,156, 0.9);

    -webkit-transition: all 200ms ease-out;

       -moz-transition: all 200ms ease-out;

         -o-transition: all 200ms ease-out;

            transition: all 200ms ease-out;

    opacity: 0;

}

.items li .text-overlay:before,

.thumbs .thumb .text-overlay:before,

.owl-carousel .item .text-overlay:before {

	content: "";

	display: inline-block;

	vertical-align: middle;

	height: 100%;

}



.items li:hover .text-overlay,

.thumbs .thumb:hover .text-overlay,

.owl-carousel .item:hover .text-overlay {

    opacity: 1;

}

.thumbs .thumb:hover .member .text-overlay {

	opacity: 0;

}

.thumbs .thumb .member .member-image:hover .text-overlay {

	opacity: 1;

}

.items li .text-overlay .info,

.thumbs .thumb .text-overlay .info,

.owl-carousel .item .text-overlay .info {

	display: inline-block;

	vertical-align: middle;

	width: 100%;

	height: auto;

/*font-family: 'Source Sans Pro', sans-serif;*/



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

	font-size: 14px;

	line-height: 22px;

	/*color: #FFF;*/

	text-align: center;

}

.items li .text-overlay .info h2,

.thumbs .thumb .text-overlay .info h2,

.owl-carousel .item .text-overlay .info h2,

.items li .text-overlay .info h3,

.thumbs .thumb .text-overlay .info h3,

.owl-carousel .item .text-overlay .info h3,

.items li .text-overlay .info h4,

.thumbs .thumb .text-overlay .info h4,

.owl-carousel .item .text-overlay .info h4 {

	color: #FFF;

	margin-bottom: 2px;

}

.items li .text-overlay .info p,

.thumbs .thumb .text-overlay .info p,

.owl-carousel .item .text-overlay .info p {

	font-size: 14px;

	line-height: 22px;

	color: #FFF;

	margin-bottom: 0;

}

.items li .text-overlay .info.big p,

.thumbs .thumb .text-overlay .info.big p,

.owl-carousel .item .text-overlay .info.big p,

#hero .items li .text-overlay .info.big p,

#hero .thumbs .thumb .text-overlay .info.big p,

#hero .owl-carousel .item .text-overlay .info.big p {

	font-size: 18px;

	line-height: 140%;

	padding-top: 10px;

	margin-top: 0;

}



#owl-clients .item .text-overlay,

#clients .thumb .text-overlay {

	background: none;

}



#owl-clients .item img,

#clients .thumb img {

    -webkit-transition: all 200ms ease-out;

       -moz-transition: all 200ms ease-out;

         -o-transition: all 200ms ease-out;

            transition: all 200ms ease-out;

}



#owl-clients .item:hover img,

#clients .thumb:hover img {

	opacity: .1;

}



#owl-clients .item .text-overlay .info h4,

#owl-clients .item .text-overlay .info p,

#clients .thumb .text-overlay .info h4,

#clients .thumb .text-overlay .info p {

	color: inherit;

}

.filter,

.format-filter {

	padding: 0;

    margin-bottom: 40px;

}

.filter:before,

.format-filter:before {

	content: "";

	display: block;

	position: absolute;

	top: 50%;

	width: 100%;

	border-bottom: 1px solid #CED7E0;

}

.filter li,

.format-filter li {

    display: inline;

	position: relative;

	background: #FFF;

	font-size: 15px;

    font-weight: 700;

	line-height: 150%;

	letter-spacing: .031em;

    text-transform: uppercase;

	margin: 0 -2px;

}

.light-bg .format-filter li {

	background: #F2F5F7;

}

.filter li:after,

.format-filter li:after {

	content: "\00b7";

}

.filter li:last-child:after,

.format-filter li:last-child:after {

	content: "";

}

.filter li a,

.format-filter li a {

    padding: 0 15px;

}

.light-bg .filter:before {

	border-color: #BCC7D1;

}

.light-bg .filter li {

	background: #F2F5F7;

}

.dark-bg .filter:before {

	border-color: #73879C;

}

.dark-bg .filter li {

	background: #2F4052;

}

.isotope,

.isotope .isotope-item {

	-webkit-transition-duration: 600ms;

	   -moz-transition-duration: 600ms;

	    -ms-transition-duration: 600ms;

	     -o-transition-duration: 600ms;

	        transition-duration: 600ms;

}

.isotope {

	-webkit-transition-property: height, width;

	   -moz-transition-property: height, width;

	    -ms-transition-property: height, width;

	     -o-transition-property: height, width;

	        transition-property: height, width;

}

.isotope .isotope-item {

	-webkit-transition-property: -webkit-transform, opacity;

	   -moz-transition-property: -moz-transform, opacity;

	    -ms-transition-property: -ms-transform, opacity;

	     -o-transition-property: top, left, opacity;

	        transition-property: transform, opacity;

}

.isotope figure,

.items figure {

	margin: 0;

}

.post-content .isotope figure {

	margin: auto;

}





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

/*	OVERLAY

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



.icon-overlay {

    display: block;

    position: relative;

}

.icon-overlay img {

    display: block;

    max-width: 100%;

}

.icon-overlay a .icn-more {

    opacity: 0;

    height: 100%;

    position: absolute;

	left: 0;

	top: 0;

    text-decoration: none;

    width: 100%;

    z-index: 100;

    background-color: rgba(26,187,156, 0.9);

    -webkit-transition: all 200ms ease-out;

    -o-transition: all 200ms ease-out;

    -moz-transition: all 200ms ease-out;

    overflow: hidden;

}

.icon-overlay a:hover .icn-more {

    opacity: 1;

}

.icon-overlay a .icn-more:before {

    font-family: 'fontello';

    font-style: normal;

    font-weight: normal;

    speak: none;

    display: inline-block;

    text-decoration: inherit;

    position: absolute;

    text-align: center;

    content: '\2b';

    width: 60px;

    height: 60px;

    font-size: 60px;

    line-height: 1;

    color: #FFF;

    top: 50%;

    left: 50%;

    z-index: 2;

    margin: -30px 0 0 -30px;

    -moz-transition: all 200ms ease-out;

    -webkit-transition: all 200ms ease-out;

    -o-transition: all 200ms ease-out;

    -ms-transition: all 200ms ease-out;

    transition: all 200ms ease-out;

}

.icon-overlay a:hover .icn-more:before {

    font-size: 30px;

	padding-top: 15px;

}

.icon-overlay.icn-link a .icn-more:before {

    content: '\2b';

}





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

/*	PORTFOLIO POST

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



.item-details {

    list-style: none;

	font-size: 16px;

	line-height: 140%;

	padding-left: 0;

	margin-bottom: 0;

}

.item-details li + li {

	margin-top: 6px;

}

.item-details li:before {

	content: "";

	font-family: "fontello";

    color: #506A85;

    margin-right: 10px;

}

.item-details li.date:before {

	content: "\e82c";

}

.item-details li.categories:before {

	content: "\e70d";

}

.item-details li.client:before {

	content: "\f464";

}

.item-details li.url:before {

	content: "\f30e";

}

.text-center .item-details li {

	display: inline-block;

	margin: 0 15px 6px;

}





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

/*	OWL CAROUSEL

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



.owl-carousel {

	text-align: center;

	cursor: default;

}

.owl-controls {

	display: inline-block;

    position: relative;

    margin-top: 40px;

}

.panel-group .panel .owl-controls {

    margin-top: 25px;

}

.panel-group.blank .panel .owl-controls {

    margin-top: 40px;

}

.owl-pagination {

	position: relative;

	line-height: 30px;

}

.owl-buttons {

	display: none;

}

.owl-prev,

.owl-next {

	display: inline-block;

	position: absolute;

	top: 0;

	bottom: 0;

	width: 30px;

	height: 30px;

	font-size: 30px;

	color: #FFF;

	background-color: #506A85;

	border: none;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

			border-radius: 3px;

	margin: auto;

	-webkit-transition: all 200ms ease-out;

	   -moz-transition: all 200ms ease-out;

		 -o-transition: all 200ms ease-out;

			transition: all 200ms ease-out;

	opacity: 0;

}

.owl-prev {

	left: -35px;

}

.owl-next {

	right: -35px;

}

.owl-carousel:hover .owl-prev {

	left: -40px;

	opacity: .25;

}

.owl-carousel:hover .owl-next {

	right: -40px;

	opacity: .25;

}

.owl-carousel:hover .owl-prev:hover,

.owl-carousel:hover .owl-next:hover {

    color: #1ABB9C;

	opacity: 1;

}

.owl-outer-nav:after {

	content: "";

	position: absolute;

	top: 0;

	left: -15%;

	width: 130%;

	height: 100%;

	z-index: 0;

}

.owl-outer-nav .owl-wrapper-outer,

.owl-outer-nav .owl-pagination,

.owl-outer-nav .owl-prev,

.owl-outer-nav .owl-next {

	z-index: 1;

}

.owl-outer-nav .owl-controls {

	position: static;

}

.owl-outer-nav .owl-prev {

	left: -65px;

}

.owl-outer-nav .owl-next {

	right: -65px;

}

.owl-outer-nav:hover .owl-prev {

	left: -80px;

}

.owl-outer-nav:hover .owl-next {

	right: -80px;

}





.owl-ui-md .owl-pagination {

	line-height: 45px;

}

.owl-ui-md .owl-prev,

.owl-ui-md .owl-next {

	width: 45px;

	height: 45px;

	font-size: 45px;

}

.owl-ui-md .owl-prev {

	left: -55px;

}

.owl-ui-md .owl-next {

	right: -55px;

}

.owl-ui-md:hover .owl-prev {

	left: -60px;

}

.owl-ui-md:hover .owl-next {

	right: -60px;

}



.owl-outer-nav.owl-ui-md:after {

	left: -18%;

	width: 136%;

}

.owl-outer-nav.owl-ui-md .owl-prev {

	left: -85px;

}

.owl-outer-nav.owl-ui-md .owl-next {

	right: -85px;

}

.owl-outer-nav.owl-ui-md:hover .owl-prev {

	left: -100px;

}

.owl-outer-nav.owl-ui-md:hover .owl-next {

	right: -100px;

}



.owl-ui-lg .owl-pagination {

	line-height: 60px;

}

.owl-ui-lg .owl-prev,

.owl-ui-lg .owl-next {

	width: 60px;

	height: 60px;

	font-size: 60px;

}

.owl-ui-lg .owl-prev {

	left: -75px;

}

.owl-ui-lg .owl-next {

	right: -75px;

}

.owl-ui-lg:hover .owl-prev {

	left: -80px;

}

.owl-ui-lg:hover .owl-next {

	right: -80px;

}



.owl-outer-nav.owl-ui-lg:after {

	left: -22%;

	width: 144%;

}

.owl-outer-nav.owl-ui-lg .owl-prev {

	left: -105px;

}

.owl-outer-nav.owl-ui-lg .owl-next {

	right: -105px;

}

.owl-outer-nav.owl-ui-lg:hover .owl-prev {

	left: -120px;

}

.owl-outer-nav.owl-ui-lg:hover .owl-next {

	right: -120px;

}



.owl-inner-nav .owl-controls {

	position: static;

}

.owl-inner-nav .owl-prev {

	left: 45px;

}

.owl-inner-nav .owl-next {

	right: 45px;

}

.owl-inner-nav:hover .owl-prev {

	left: 30px;

}

.owl-inner-nav:hover .owl-next {

	right: 30px;

}



.owl-outer-nav .owl-prev,

.owl-outer-nav .owl-next,

.owl-inner-nav .owl-prev,

.owl-inner-nav .owl-next {

	bottom: 70px;

}



.owl-outer-nav.owl-ui-md .owl-prev,

.owl-outer-nav.owl-ui-md .owl-next,

.owl-inner-nav.owl-ui-md .owl-prev,

.owl-inner-nav.owl-ui-md .owl-next {

	bottom: 85px;

}



.owl-outer-nav.owl-ui-lg .owl-prev,

.owl-outer-nav.owl-ui-lg .owl-next,

.owl-inner-nav.owl-ui-lg .owl-prev,

.owl-inner-nav.owl-ui-lg .owl-next {

	bottom: 100px;

}



.owl-inner-pagination .owl-pagination,

.owl-inner-pagination .owl-prev,

.owl-inner-pagination .owl-next {

	margin-top: -40px;

	top: -60px;

}



.owl-inner-pagination.owl-ui-md .owl-pagination,

.owl-inner-pagination.owl-ui-md .owl-prev,

.owl-inner-pagination.owl-ui-md .owl-next {

	margin-top: -50px;

	top: -65px;

}



.owl-inner-pagination.owl-ui-lg .owl-pagination,

.owl-inner-pagination.owl-ui-lg .owl-prev,

.owl-inner-pagination.owl-ui-lg .owl-next {

	margin-top: -60px;

	top: -75px;

}



.owl-inner-pagination.owl-outer-nav .owl-prev,

.owl-inner-pagination.owl-outer-nav .owl-next,

.owl-inner-pagination.owl-inner-nav .owl-prev,

.owl-inner-pagination.owl-inner-nav .owl-next {

	margin: auto;

	top: 0;

	bottom: 43px;

}



.owl-inner-pagination .owl-pagination {

	-webkit-transition: all 200ms ease-out;

	   -moz-transition: all 200ms ease-out;

		 -o-transition: all 200ms ease-out;

			transition: all 200ms ease-out;

	opacity: 0;

}



.owl-inner-pagination:hover .owl-pagination {

	opacity: 1;

}



.owl-inner-pagination.owl-inner-nav .owl-pagination,

.owl-inner-pagination.owl-outer-nav .owl-pagination {

	top: -45px;

}



.owl-inner-pagination.owl-inner-nav.owl-ui-md .owl-pagination,

.owl-inner-pagination.owl-outer-nav.owl-ui-md .owl-pagination {

	top: -50px;

}



.owl-inner-pagination.owl-inner-nav.owl-ui-lg .owl-pagination,

.owl-inner-pagination.owl-outer-nav.owl-ui-lg .owl-pagination {

	top: -60px;

}



.owl-inner-pagination.owl-inner-nav:hover .owl-pagination,

.owl-inner-pagination.owl-outer-nav:hover .owl-pagination {

	top: -60px;

}



.owl-inner-pagination.owl-inner-nav.owl-ui-md:hover .owl-pagination,

.owl-inner-pagination.owl-outer-nav.owl-ui-md:hover .owl-pagination {

	top: -65px;

}



.owl-inner-pagination.owl-inner-nav.owl-ui-lg:hover .owl-pagination,

.owl-inner-pagination.owl-outer-nav.owl-ui-lg:hover .owl-pagination {

	top: -75px;

}



#owl-main .item {

	height: 44vh;

	background-color: #FFF;

	background-position: center 55%;

	-webkit-background-size: cover;

	   -moz-background-size: cover;

		 -o-background-size: cover;

			background-size: cover;

}

#owl-main.height-md .item {

	height: 61vh;

}

#owl-main.height-lg .item {

	height: 90vh;

}

#owl-main .container {

	display: table;

	height: inherit;

}

#owl-main .caption {

	display: table-cell;

}

#owl-main .caption.vertical-center {

	vertical-align: middle;

	padding-bottom: 3vh;

}

#owl-main .caption.vertical-top {

	vertical-align: top;

	padding-top: 8vh;

}

#owl-main .caption.vertical-bottom {

	vertical-align: bottom;

	padding-bottom: 14vh;

}

#owl-main .caption.text-center {

	padding-left: 10%;

	padding-right: 10%;

}

#owl-main .caption.text-left {

	padding-right: 20%;

}

#owl-main .caption.text-right {

	padding-left: 20%;

}

#owl-main .caption h1,

#owl-main .caption p,

#owl-main .caption div {

	position: relative;

}

#owl-main .caption h1 span {

	padding: .250em 0;

	line-height: 180%;

}

#owl-main .caption .light-bg,

#owl-main .caption .medium-bg,

#owl-main .caption .dark-bg,

#owl-main .caption .tint-bg {

	background: none;

	padding-left: .500em;

	padding-right: .500em;

}

#owl-main .caption h1.light-bg span,

#owl-main .caption p.light-bg span {

	background: #FFF;

	box-shadow: -.500em 0 0 #FFF, .500em 0 0 #FFF;

}

#owl-main .caption h1.medium-bg span,

#owl-main .caption p.medium-bg span {

	background: #A3B1BF;

	box-shadow: -.500em 0 0 #A3B1BF, .500em 0 0 #A3B1BF;

}

#owl-main .caption h1.dark-bg span,

#owl-main .caption p.dark-bg span {

	background: #506A85;

	box-shadow: -.500em 0 0 #506A85, .500em 0 0 #506A85;

}

#owl-main .caption h1.tint-bg span,

#owl-main .caption p.tint-bg span {

	background: #1ABB9C;

	box-shadow: -.500em 0 0 #1ABB9C, .500em 0 0 #1ABB9C;

}

#owl-main .owl-controls {

	display: block;

	position: static;

	margin-top: -47px;

}

#owl-main .owl-pagination {

	background: #FFF;

	line-height: inherit;

	position: relative;

	bottom: -40px;

	padding: 10px;

	display: inline-block;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

			border-radius: 3px;

	margin: auto;

	opacity: 0;

	-webkit-transition: all 200ms ease-out;

	   -moz-transition: all 200ms ease-out;

		 -o-transition: all 200ms ease-out;

			transition: all 200ms ease-out;

}

#owl-main:hover .owl-pagination {

	bottom: -25px;

	opacity: 1;

}

#owl-main .owl-prev,

#owl-main .owl-next {

	bottom: 0;

}



.owl-controls .owl-page {

    display: inline-block;

}

.owl-pagination .owl-page span {

	display: block;

	width: 15px;

	height: 15px;

	background: #506A85;

	border: none;

	-webkit-border-radius: 50%;

			border-radius: 50%;

	margin: 0 5px;

	-webkit-transition: all 200ms ease-out;

	   -moz-transition: all 200ms ease-out;

		 -o-transition: all 200ms ease-out;

			transition: all 200ms ease-out;

}

.owl-pagination .owl-page.active span,

.owl-pagination .owl-page:hover span {

	background: #1ABB9C;

}

.owl-item-gap .item {

    margin: 0 15px;

}

.owl-item-gap-sm .item {

    margin: 0 10px;

}

/* preloading images */

.owl-item.loading {

    min-height: inherit;

    background: none;

}





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

/*	PRICING TABLES

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



.pricing .plan {

	border-top-left-radius: 3px;

	border-top-right-radius: 3px;

	overflow: hidden;

}

.pricing .plan header {

	background: #2F4052;

	text-align: center;

	padding: 50px;

}

.pricing .plan h2 {

	font-size: 20px;

	font-weight: 400;

	letter-spacing: .15em;

	text-transform: uppercase;

	color: #FFF;

}

.pricing .plan .btn {

	margin-bottom: 0;

}

.pricing .plan .price {

	margin-bottom: 15px;

}

.pricing .plan .price * {

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

/*	font-family: 'Lato', sans-serif;*/

	line-height: 100%;

}

.pricing .plan .price .amount {

	font-size: 120px;

	font-weight: 900;

	color: #FFF;

}

.pricing .plan .price .currency {

	position: relative;

	top: 16px;

	font-size: 24px;

	vertical-align: top;

	margin-right: 5px;

}

.pricing .plan .price .period {

	font-size: 16px;

	text-transform: uppercase;

}

.pricing .plan .features {

    background: #F5F7FA;

    padding: 25px 35px;

    border: 1px solid #E6E9ED;

    border-top: none;

	border-bottom-width: 2px;

	border-bottom-left-radius: 3px;

	border-bottom-right-radius: 3px;

	margin-top: 0 !important;

}

.pricing .plan .features li {

    padding: 15px 0;

	/*border-top: 1px solid #CED7E0;*/

	border-top: 1px solid #BCC7D1;

}

.pricing .plan .features li:first-child {

	border: none;

}

.pricing .plan .features li i {

	margin-right: 10px;

}

.pricing.col-4 .plan header {

	padding: 40px;

}

.pricing.col-4 .plan h2 {

	font-size: 18px;

}

.pricing.col-4 .plan .price .amount {

	font-size: 90px;

}

.pricing.col-4 .plan .features {

    padding: 20px 30px;

}





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

/*	FORMS

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



.forms {

    position: relative;

    padding: 0;

    width: 100%;

}

.form-container .response {

    display: none;

}

.forms ol {

    margin: 0;

    padding: 0;

}

.forms ol li {

    line-height: auto;

    list-style: none;

}

input,

textarea,

.uneditable-input,

.form-inline .form-control,

.navbar-form .form-control {

   /* width: 100%;*

   deaktiviert damit Checkbox ganz links vor Text*/

}

select,

textarea,

textarea.form-control,

input[type="text"],

input[type="password"],

input[type="datetime"],

input[type="datetime-local"],

input[type="date"],

input[type="month"],

input[type="time"],

input[type="week"],

input[type="number"],

input[type="email"],

input[type="url"],

input[type="search"],

input[type="tel"],

input[type="color"],

.uneditable-input {

    display: inline-block;

    -webkit-font-smoothing: antialiased;

    height: 40px;

    padding: 0 10px;

    margin-bottom: 15px;

    font-size: 14px;

    line-height: 25px;

    color: #73879C;

    resize: none;

    vertical-align: middle;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    background-color: #f5f5f5;

    border: 1px solid #E6E9ED;

    -webkit-border-radius: 0;

    border-radius: 0;

    -webkit-transition: all 200ms ease-out;

    -o-transition: all 200ms ease-out;

    -moz-transition: all 200ms ease-out;

}

textarea:focus,

textarea.form-control:focus,

input[type="text"]:focus,

input[type="password"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="time"]:focus,

input[type="week"]:focus,

input[type="number"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="search"]:focus,

input[type="tel"]:focus,

input[type="color"]:focus,

.uneditable-input:focus {

    border: 1px solid #BCC7D1;

    box-shadow: none;

}

textarea {

    height: 100%;

    padding: 10px;

    margin-bottom: 15px;

    min-height: 150px;

    resize: vertical;

}

textarea.form-control {

	padding: 10px;

}

.btn-submit {

    width: auto;

}

.forms .btn-submit {

	margin-bottom: 0;

}

.forms .error,

.forms .error:focus {

    border: 1px solid #d99898;

}

/* CSS für Abfrage dsgvo*/

.forms label {

    display: block;

	/* wieder aktiviert weil zuviel Platz uerber Sende Button*/

    float: left;

    width: 100%;

    padding-top: 7px;

    font-size: 15px;

	font-weight: 400 !important;

	line-height: 22px;

	/* Blocksatz*/
	text-align: justify;
	text-justify: inter-word;

    clear: both;

}





/* CSS für Abfrage dsgvo*/



/*.forms  {

    display: block;

    float: left;

    width: 95px;

    padding-top: 7px;

    font-size: 13px;

    clear: both;

}*/

.forms input,

.forms textarea {

	background: #F8FAFD;

	border-radius: 3px;

}

.light-bg .forms input,

.light-bg .forms textarea {

	background: #FFF;

}

.form-container:after {

    content: '';

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

.newsletter {

    position: relative;

}

.newsletter input[type="email"] {

    background: rgba(255,255,255,0.15);

	padding-right: 100px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    border: none;

    color: #FFF !important;

}

.newsletter input[type="email"]:focus {

    background: rgba(255,255,255,0.20);

}

.navbar .searchbox .dropdown-menu {

	width: 270px;

}

.navbar .searchbox .dropdown-menu:not(*:root) {

	right: 2px;

}

.search {

	position: relative;

	margin: 15px;

	margin-bottom: 0;

}

.search input[type="search"] {

    background: #FFF;

	padding-right: 40px;

}

.newsletter .btn-submit,

.search .btn-submit {

    position: absolute;

    right: 0;

    top: 0;

	padding: 0;

	margin-top: 5px;

	margin-right: 5px;

    color: #FFF !important;

	line-height: 1;

}

.navbar-form.search .btn-submit {

	width: 30px;

	height: 30px;

}

footer .newsletter .btn-submit {

	width: 88px;

	height: 30px;

	font-size: 13px;

}

#response ul.errors {

	margin-bottom: 25px;

}

#response .btn i {

	font-size: 12px;

}

.dark-bg input,

.dark-bg button,

.dark-bg select,

.dark-bg textarea {

    color: #A3B1BF;

}

.form-control::-webkit-input-placeholder {

    color: #C2C7CC;

}

.form-control:-moz-placeholder {

    color: #C2C7CC;

}

.form-control::-moz-placeholder {

    color: #C2C7CC;

}

.form-control:-ms-input-placeholder {

    color: #C2C7CC;

}

.dark-bg .form-control::-webkit-input-placeholder {

    color: #828E99;

}

.dark-bg .form-control:-moz-placeholder {

    color: #828E99;

}

.dark-bg .form-control::-moz-placeholder {

    color: #828E99;

}

.dark-bg .form-control:-ms-input-placeholder {

    color: #828E99;

}

.search .form-control::-webkit-input-placeholder {

    color: #C2C7CC;

}

.search .form-control:-moz-placeholder {

    color: #C2C7CC;

}

.search .form-control::-moz-placeholder {

    color: #C2C7CC;

}

.search .form-control:-ms-input-placeholder {

    color: #C2C7CC;

}

input:focus::-webkit-input-placeholder {

    color: transparent !important;

}

input:focus:-moz-placeholder {

    color: transparent !important;

}

input:focus::-moz-placeholder {

    color: transparent !important;

}

input:focus:-ms-input-placeholder {

    color: transparent !important;

}





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

/*	BLOG

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



.blog.no-sidebar .post,

.blog.no-sidebar #comments,

.blog.no-sidebar .pagination,

.blog.no-sidebar .comment-form-wrapper {

    width: 770px;

    margin: 0px auto !important;

}

.blog.no-sidebar .post-title,

.blog.no-sidebar .meta {

    text-align: center

}

.format-filter li {

	font-size: 24px;

}

.format-filter li:after {

	content: "";

}

.format-filter li a {

	padding: 0 35px;

}

.classic-blog .meta {

	margin-right: -5px;

	margin-left: -5px;

}

.classic-blog .post-content .meta {

	padding-left: 80px;

	padding-right: 80px;

	margin-bottom: 25px;

}

.meta li {

	display: inline-block;

	margin: 0 6px;

}

.meta li.categories:before,

.meta li a:before {

	content: "";

	font-family: "fontello";

	margin-right: 6px;

}

.meta li.categories a:before,

.meta li.categories:before {

	margin-right: 0;

}

/*.meta li.categories:before {

	content: "\e70d";

	-webkit-transition: all 200ms ease-out;

	   -moz-transition: all 200ms ease-out;

		 -o-transition: all 200ms ease-out;

			transition: all 200ms ease-out;

}*/

.meta li.categories:hover:before {

	color: #1ABB9C;

	cursor: pointer;

}

.meta li.url a:before {

	content: "\f30e";

}

.meta li.author-posts a:before {

	content: "\27a6";

}

.meta li.comments a:before {

	content: "\e718";

}

.meta li.comments a:after {

	content: "Comments";

	margin-left: 4px;

}

.meta li.likes a:before {

	content: "\2665";

}

.meta li.likes a:after {

	content: "Likes";

	margin-left: 4px;

}

.meta li:after {

	/*content: "\0399";*/

	content: "|";

    margin-left: 12px;

}

.meta li:last-child:after {

	content: "";

}

.classic-blog .sidemeta,

.classic-blog .pagination {

	padding-left: 59px;

	border-left: 1px solid #CED7E0;

	margin-left: 30px;

}

.classic-blog .post .date-wrapper {

    text-align: center;

    display: table;

    float: left;

    margin-right: 20px;

}

.classic-blog .post .date {

    display: table-cell;

    vertical-align: middle;

    line-height: 1;

    width: 60px;

    height: 60px;

    border: 1px solid #1ABB9C;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    background: #1ABB9C;

    font-weight: bold;

    color: #FFF;

    line-height: 1;

    text-transform: uppercase;

}

.classic-blog .post .date .day {

    font-size: 20px;

    margin-bottom: 1px;

    display: block;

}

.classic-blog .post .date .month {

    font-size: 12px;

    display: block;

}

.classic-blog .sidemeta .format-wrapper {

    display: table;

}

.classic-blog.sidebar-left .sidemeta,

.classic-blog.sidebar-left .pagination {

	padding-left: 0;

	border-left: none;

	margin-left: 0;

	padding-right: 59px;

	border-right: 1px solid #CED7E0;

	margin-right: 30px;

}

.classic-blog.sidebar-left .post .date-wrapper {

    margin-right: 0;

    margin-left: 20px;

}

.classic-blog.no-sidebar .sidemeta,

.classic-blog.no-sidebar .pagination {

	position: relative;

	left: -30px;

}

#blog-post .classic-blog .post {

	width: 100%;

}

.classic-blog .post {

	width: 750px;

}

.classic-blog .post-title {

    font-size: 40px;

	line-height: 120%;

}

.classic-blog .isotope {

	overflow: visible !important;

}

.classic-blog #share {

	margin-left: 0;

	margin-right: 0;

	margin-bottom: 40px;

}

.classic-blog .panel-group {

	margin-bottom: 40px;

}

.post {

    position: relative;

	background: #FFF;

    padding-bottom: 60px;

	border: 1px solid #E6E9ED;

	border-bottom-width: 2px;

	border-radius: 3px;

	margin-bottom: 40px;

}

.sidemeta .format-wrapper a {

    display: table-cell;

    vertical-align: middle;

    width: 40px;

    height: 40px;

    background: #FFF;

    text-align: center;

    color: #1ABB9C;

    line-height: 1;

	border: 1px solid #1ABB9C;

    border-radius: 50%;

}

.sidemeta .format-wrapper a:hover {

	background: #1ABB9C;

	color: #FFF;

}

.post-content > * {

	margin-left: 80px;

	margin-right: 80px;

}

.post-content *:last-child {

	margin-bottom: 0;

}

.post-content > .post-media {

	margin-left: 0;

	margin-right: 0;

}

.post-content > *:first-child,

.post-media + * {

	margin-top: 60px;

}

.post-content > .post-media:first-child {

	margin-top: 0;

}

.owl-carousel.post-media + * {

	margin-top: 20px;

}

.post-media iframe {

	margin-bottom: -7px;

}

.sidemeta .date-wrapper {

    position: absolute;

    top: 0;

    left: -90px;

}

.sidemeta .format-wrapper {

    position: absolute;

    top: 75px;

    left: -80px;

    font-size: 15px;

}

.classic-blog.sidebar-left .sidemeta .date-wrapper {

    left: auto;

    right: -90px;

}

.classic-blog.sidebar-left .sidemeta .format-wrapper {

    left: auto;

    right: -80px;

}

.grid-blog .post figure {

    margin-bottom: -1px;

}

.grid-blog .post .date {

    display: inline;

}

.grid-blog:before,

.grid-blog:after {

    display: table;

    content: "";

    line-height: 0;

}

.grid-blog:after {

    clear: both;

}

.grid-blog .post {

    float: left;

    min-height: 1px;

    position: relative;

}

.grid-blog.col-2 .post,

.grid-blog.col-3.no-sidebar .post {

	padding-bottom: 40px;

}

.grid-blog.col-2 .post-content > *,

.grid-blog.col-3.no-sidebar .post-content > * {

    margin-left: 40px;

	margin-right: 40px;

}

.grid-blog.col-2 .post-content > .post-media,

.grid-blog.col-3.no-sidebar .post-content > .post-media {

    margin-left: 0;

	margin-right: 0;

}

.grid-blog.col-2 .post-content > *:first-child,

.grid-blog.col-2 .post-media + *,

.grid-blog.col-3.no-sidebar .post-content > *:first-child,

.grid-blog.col-3.no-sidebar .post-media + * {

	margin-top: 40px;

}

.grid-blog.col-2 .post-content > .post-media:first-child,

.grid-blog.col-2 .owl-carousel.post-media + *,

.grid-blog.col-3.no-sidebar .post-content > .post-media:first-child,

.grid-blog.col-3.no-sidebar .owl-carousel.post-media + * {

	margin-top: 0;

}

.grid-blog.col-2 .post-title,

.grid-blog.col-3.no-sidebar .post-title {

    font-size: 30px;

}

.grid-blog.col-2 .post-content .meta,

.grid-blog.col-3.no-sidebar .post-content .meta {

	padding-left: 40px;

	padding-right: 40px;

	margin-right: -5px;

	margin-left: -5px;

	margin-bottom: 25px;

}

.grid-blog.col-2.no-sidebar .post {

	padding-bottom: 50px;

}

.grid-blog.col-2.no-sidebar .post-content > * {

    margin-left: 50px;

	margin-right: 50px;

}

.grid-blog.col-2.no-sidebar .post-content > .post-media {

    margin-left: 0;

	margin-right: 0;

}

.grid-blog.col-2.no-sidebar .post-content > *:first-child,

.grid-blog.col-2.no-sidebar .post-media + * {

	margin-top: 45px;

}

.grid-blog.col-2.no-sidebar .post-content > .post-media:first-child,

.grid-blog.col-2.no-sidebar .owl-carousel.post-media + * {

	margin-top: 0;

}

.grid-blog.col-2.no-sidebar .post-title {

    font-size: 33px;

}

.grid-blog.col-2.no-sidebar .post-content .meta {

	padding-left: 50px;

	padding-right: 50px;

	margin-right: -5px;

	margin-left: -5px;

	margin-bottom: 25px;

}

.post.format-link {

	background: #2F4052;

	color: #A3B1BF;

}

.post.format-link .post-title {

	color: #FFF;

}





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

/*	AUTHOR

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



.author {

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

/*	font-family: 'Lato', sans-serif;*/

    font-size: 14px;

	font-weight: 700;

    line-height: 160%;

	color: #506A85;

    margin-bottom: 5px;

}

.author a {

	border-bottom: none;

}

.post-author,

#comments {

	background: #FFF;

    padding: 40px;

	border: 1px solid #E6E9ED;

	border-bottom-width: 2px;

	border-radius: 3px;

	margin-bottom: 40px;

}

.post-author .author-image {

    float: left;

}

.post-author .author-image img {

    width: 120px;

}

.post-author .author-details {

	position: relative;

	font-size: inherit;

	padding-top: 0;

	padding-left: 30px;

	z-index: 0;

	overflow: hidden;

}

.post-author .author-details p a {

	font-weight: 700;

	border-bottom: none;

}

.post-author .author-details .social li {

	display: table-cell;

}

.post-author .author-details .social li a i {

	width: 33px;

	height: 45px;

	font-size: 15px;

}

.post-author .author-details .meta {

	padding-left: 0;

	margin-top: 12px;

}

.post-author .author-details .social,

.post-author .author-details .meta {

	float: left;

	display: inline-block;

}





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

/*	SIDEBAR

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



.sidebar {

    padding-left: 25px !important

}

.sidebar.left-sidebar {

    padding: 15px !important

}

.sidebox + .sidebox {

    margin-top: 60px;

}

.sidebox h3 {

    font-size: 16px;

    margin-bottom: 15px;

}

.sidebox.widget form,

.sidebox.widget input {

    margin: 0;

}

.sidebox.widget input {

    border-radius: 3px;

}

.widget .list {

    list-style: none;

    margin: 0;

}

.sidenav {

	background: #F5F7FA;

    padding: 0;

	border: 1px solid #E6E9ED;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

    margin: 0;

}

.sidenav li {

	border-bottom: 1px solid #E6E9ED;

}

.sidenav li a {

	display: block;

    position: relative;

    font-size: 14px;

    font-weight: 700;

	line-height: 20px;

    text-transform: uppercase;

    color: #506A85;

    padding: 13px 18px;

}

.sidenav li a:hover {

	background: #1ABB9C;

    color: #FFF;

}

.sidenav li a:after {

    position: absolute;

	right: 18px;

    content: "\e762";

    font-family: 'fontello';

    font-size: 18px;

	-webkit-transition: all 200ms ease-out;

	   -moz-transition: all 200ms ease-out;

		 -o-transition: all 200ms ease-out;

			transition: all 200ms ease-out;

	opacity: 0;

}

.sidenav li a:hover:after {

	opacity: 1;

}





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

/*	TOOLTIPS

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



.tooltip-inner {

	color: #fff;

	background-color: #1ABB9C;

	padding: 5px 12px;

}

.tooltip.top .tooltip-arrow,

.tooltip.top-left .tooltip-arrow,

.tooltip.top-right .tooltip-arrow {

	border-top-color: #1ABB9C;

}

.tooltip.right .tooltip-arrow {

	border-right-color: #1ABB9C;

}

.tooltip.left .tooltip-arrow {

	border-left-color: #1ABB9C;

}

.tooltip.bottom .tooltip-arrow,

.tooltip.bottom-left .tooltip-arrow,

.tooltip.bottom-right .tooltip-arrow {

	border-bottom-color: #1ABB9C;

}





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

/*	PAGINATION

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



.pagination {

	display: block;

	border-radius: 0;

	margin: 0;

}

.pagination > li {

	display: inline-block;

	margin-left: 10px;

}

.pagination > li:first-child {

	margin-left: 0;

}

.pagination > li > a,

.pagination > li > span {

	float: none;

	display: inline-block;

    color: #fff;

/*font-family: 'Source Sans Pro', sans-serif;*/



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

    background: #1ABB9C;

    padding: 11px 20px 13px;

	margin-left: 0;

    font-weight: 700;

    font-size: 14px;

    text-shadow: none;

    text-transform: uppercase;

    border: none;

    -webkit-transition: all 200ms ease-out;

    -o-transition: all 200ms ease-out;

    -moz-transition: all 200ms ease-out;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);

    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);

    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);

}

.pagination > .active > a,

.pagination > .active > span,

.pagination > .active > a:hover,

.pagination > .active > span:hover,

.pagination > li > a:hover,

.pagination > li > a:focus {

    background: #17A78B;

    color: #FFF;

}

.pagination > li:first-child > a,

.pagination > li:last-child > a {

    border-radius: 3px;

}





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

/*	COMMENTS

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



#comments {

    position: relative;

}

#comments .commentlist {

    list-style: none;

    margin: 0;

    padding: 0;

}

#comments .commentlist > .comment {

    padding-top: 40px;

    border-top: 1px solid #E6E9ED;

    margin-top: 40px;

}

#comments .commentlist > .comment:first-child {

    border-top: none;

    padding-top: 0;

}

#comments .comment *:last-child {

    margin-bottom: 0;

}

#comments .commentlist .children {

	padding-left: 80px;

}

#comments .commentlist .children .comment {

	padding-top: 40px;

}

#comments .avatar {

    float: left;

}

#comments .avatar span {

	border-radius: 50%;

}

#comments .avatar img {

	border-radius: 50%;

    width: 60px;

    height: 60px;

}

#comments .commentbody {

	padding-left: 22px;

    overflow: hidden;

}

#comments .author {

    margin-bottom: 15px;

}

#comments .author h3 {

	display: inline-block;

	margin-bottom: 0;

	margin-right: 15px;

}

#comments .author .meta {

    display: inline-block;

	/*opacity: .5;*/

	color: #BCC7D1;

	margin: 0;

}

#comments .message .meta {

	text-align: right;

	/*opacity: .5;*/

	color: #BCC7D1;

	padding-left: 0;

}

#comments .message .meta li {

	padding-top: 0;

	border-top: none;

	margin-top: 0;

}

#comments .message .meta li.reply {

	float: left;

}

#comments .message .meta li.reply a:before {

	font-family: 'fontello';

	content: "\e712";

	margin-right: 6px;

}

#comments .message .meta li a:before,

#comments .message .meta li:after {

	content: "";

	margin-left: 0;

	margin-right: 0;

}

.comment-form-wrapper p {

    padding-bottom: 20px

}

.blog.no-sidebar #comments .meta {

    text-align: left

}





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

/*	GO TO TOP / SCROLL UP

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



#scrollUp {

	bottom: 20px;

	right: 20px;

	font-size: 36px;

	line-height: 100%;

	color: #FFF;

	background-color: #506A85;

	padding: 3px;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

			border-radius: 3px;

	opacity: .5;

}

#scrollUp:hover {

	color: #1ABB9C;

	opacity: 1;

}





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

/*	FEATURES / STYLES

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



.font-icons {

    list-style: none;

    margin: 0;

    padding: 0;

}

.font-icons li {

    display: inline-block;

    font-size: 25px;

    margin-bottom: 10px;

    padding: 0 10px;

}

.alert .close {

    line-height: 28px;

}

.retina-icons-code i {

    font-size: 18px;

}

.retina-icons-code tr td:first-child,

.retina-icons-code tr th:first-child {

    text-align: center;

}

.retina-icons-code code {

    color: #73879C;

    background: none;

}

.table-bordered {

    border: 1px solid #E6E9ED;

    border-left: none;

    background: #FFF;

}

.table-bordered th,

.table-bordered td {

    border-left: 1px solid #E6E9ED;

}

.table th,

.table td {

    border-top: 1px solid #E6E9ED;

}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {

	background-color: #F5F7FA;

}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {

	border-color: #E6E9ED;

}





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

/*	RESPONSIVE

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



@media (min-width: 1200px) {

	.container {

	    padding-right: 0;

	    padding-left: 0;

	}

	.owl-buttons {

		display: block;

	}

	.items.col-4 {

	    margin-left: -10px;

	    margin-bottom: -10px;

	}

	.items.col-4 li {

	    width: 285px;

	    margin-left: 10px;

	    margin-bottom: 10px;

	}

	.items.col-3 {

	    margin-left: -9px;

	    margin-bottom: -9px;

	}

	.items.col-3 li {

	    width: 384px;

	    margin-left: 9px;

	    margin-bottom: 9px;

	}

	.items.col-3.gap {

	    margin-left: -21px;

	    margin-bottom: -21px;

	}

	.items.col-3.gap li {

	    width: 376px;

	    margin-left: 21px;

	    margin-bottom: 21px;

	}

	.items.col-4.gap {

	    margin-left: -18px;

	    margin-bottom: -18px;

	}

	.items.col-4.gap li {

	    width: 279px;

	    margin-left: 18px;

	    margin-bottom: 18px;

	}

	.grid-blog.col-2 {

	    margin-left: -40px;

	}

	.sidebar-left .grid-blog.col-2 {

		margin-left: -20px;

	}

	.sidebar-left .pagination {

		margin-left: 20px;

	}

	.grid-blog.col-2 .post {

	    width: 390px;

	    margin-left: 40px;

	    margin-bottom: 40px;

	}

	.grid-blog.col-2.no-sidebar .post {

	    width: 565px;

	}

	.grid-blog.col-3 {

	    margin-left: -30px;

	}

	.grid-blog.col-3 .post {

	    margin-left: 30px;

	    margin-bottom: 30px;

	}

	.grid-blog.col-3.no-sidebar .post {

		width: 370px;

	}

	.sidebar {

	    padding-left: 35px !important;

	}

	.navbar .dropdown-submenu > a:after {

	    display: none;

	}

	.navbar .dropdown-submenu > .dropdown-menu:not(.yamm-dropdown-menu) {

	    margin-top: 0;

	}

	.dropdown-submenu {

	    position: relative;

	}

	.dropdown-submenu>.dropdown-menu:not(.yamm-dropdown-menu) {

	    top: 0;

	    left: 100%;

	    margin-top: -6px;

	}

	.dropdown-submenu:hover>.dropdown-menu:not(.yamm-dropdown-menu) {

	    display: block;

	}

	.dropdown-submenu>a:after {

	    display: block;

	    content: " ";

	    float: right;

	    width: 0;

	    height: 0;

	    margin-top: 5px;

	    margin-right: -10px;

	}

	.dropdown-submenu.pull-left {

	    float: none;

	}

	.dropdown-submenu.pull-left>.dropdown-menu:not(.yamm-dropdown-menu) {

	    left: -100%;

	    margin-left: 10px;

	}

	.open > .dropdown-menu,

	.open > .dropdown-menu > .dropdown-submenu > .dropdown-menu {

	    animation-name: slidenavAnimation;

	    animation-duration: 200ms;

	    animation-iteration-count: 1;

	    animation-timing-function: ease-out;

	    animation-fill-mode: forwards;

	    -webkit-animation-name: slidenavAnimation;

	    -webkit-animation-duration: 200ms;

	    -webkit-animation-iteration-count: 1;

	    -webkit-animation-timing-function: ease-out;

	    -webkit-animation-fill-mode: forwards;

	    -moz-animation-name: slidenavAnimation;

	    -moz-animation-duration: 200ms;

	    -moz-animation-iteration-count: 1;

	    -moz-animation-timing-function: ease-out;

	    -moz-animation-fill-mode: forwards;

	}

	@keyframes slidenavAnimation {

	    from {

			margin-top: -30px;

	        opacity: 0;

	    }

	    to {

			margin-top: 0;

	        opacity: 1;

	    }

	}

	@-webkit-keyframes slidenavAnimation {

	    from {

			margin-top: -30px;

	        opacity: 0;

	    }

	    to {

			margin-top: 0;

	        opacity: 1;

	    }

	}

}



@media (min-width: 1025px) and (max-width: 1199px) {



/*	br {

		display: none;

	}*/



	#team .inner-left {

		padding-left: 40px;

	}



	#team .inner-right {

		padding-right: 40px;

	}



	.classic-blog .post {

		width: 601px;

		padding-bottom: 50px;

	}

	.classic-blog .post-content > * {

		margin-left: 50px;

		margin-right: 50px;

	}

	.classic-blog .post-content > .post-media {

		margin-left: 0;

		margin-right: 0;

	}

	.classic-blog .post-content > *:first-child,

	.classic-blog .post-media + * {

		margin-top: 45px;

	}

	.classic-blog .post-content > .post-media:first-child,

	.classic-blog .owl-carousel.post-media + * {

		margin-top: 0;

	}

	.classic-blog .post-title {

		font-size: 33px;

	}

	.classic-blog .post-content .meta {

		padding-left: 50px;

		padding-right: 50px;

		margin-right: -5px;

		margin-left: -5px;

		margin-bottom: 25px;

	}

	.grid-blog.col-2 {

	    margin-left: -30px;

	}

	.grid-blog.col-2 .post {

	    width: 330px;

	    margin-left: 30px;

	    margin-bottom: 30px;

	}

	.grid-blog.col-2 .post-title {

		font-size: 28px;

	}

	.grid-blog.col-2.no-sidebar {

	    margin-left: -40px;

	}

	.grid-blog.col-2.no-sidebar .post {

	    width: 465px;

	    margin-left: 40px;

	    margin-bottom: 40px;

	}

	.grid-blog.col-3.no-sidebar {

	    margin-left: -25px;

	}

	.grid-blog.col-3.no-sidebar .post {

	    width: 306px;

	    margin-left: 25px;

	    margin-bottom: 25px;

	}

	.grid-blog.col-3.no-sidebar .post-title {

		font-size: 24px;

	}

	.grid-blog.col-3.no-sidebar p {

		font-size: 16px;

	}

	.tabs-circle-top .etabs:before {

		margin: 55px 0 -55px;

	}

	.tabs-circle-top .tab {

		height: 140px;

		margin: 0 10px;

	}

	.tabs-circle-top .tab a {

		width: 110px;

		height: 110px;

		max-width: 110px;

		font-size: 12px;

	}

	.tabs-circle-top .tab a div {

		font-size: 36px;

	}

	.tabs-circle-top .tab.active a {

		height: 140px;

		width: 140px;

		max-width: 140px;

		font-size: 14px;

	}

	.tabs-circle-top .tab.active a div {

		font-size: 46px;

	}

	.navbar .dropdown-submenu > a:after {

	    display: none;

	}

	.navbar .dropdown-submenu > .dropdown-menu:not(.yamm-dropdown-menu) {

	    margin-top: 0;

	}

	.dropdown-submenu {

	    position: relative;

	}

	.dropdown-submenu>.dropdown-menu:not(.yamm-dropdown-menu) {

	    top: 0;

	    left: 100%;

	    margin-top: -6px;

	}

	.dropdown-submenu:hover>.dropdown-menu:not(.yamm-dropdown-menu) {

	    display: block;

	}

	.dropdown-submenu>a:after {

	    display: block;

	    content: " ";

	    float: right;

	    width: 0;

	    height: 0;

	    margin-top: 5px;

	    margin-right: -10px;

	}

	.dropdown-submenu.pull-left {

	    float: none;

	}

	.dropdown-submenu.pull-left>.dropdown-menu:not(.yamm-dropdown-menu) {

	    left: -100%;

	    margin-left: 10px;

	}

	.open > .dropdown-menu,

	.open > .dropdown-menu > .dropdown-submenu > .dropdown-menu {

	    animation-name: slidenavAnimation;

	    animation-duration: 200ms;

	    animation-iteration-count: 1;

	    animation-timing-function: ease-out;

	    animation-fill-mode: forwards;

	    -webkit-animation-name: slidenavAnimation;

	    -webkit-animation-duration: 200ms;

	    -webkit-animation-iteration-count: 1;

	    -webkit-animation-timing-function: ease-out;

	    -webkit-animation-fill-mode: forwards;

	    -moz-animation-name: slidenavAnimation;

	    -moz-animation-duration: 200ms;

	    -moz-animation-iteration-count: 1;

	    -moz-animation-timing-function: ease-out;

	    -moz-animation-fill-mode: forwards;

	}

	@keyframes slidenavAnimation {

	    from {

			margin-top: -30px;

	        opacity: 0;

	    }

	    to {

			margin-top: 0;

	        opacity: 1;

	    }

	}

	@-webkit-keyframes slidenavAnimation {

	    from {

			margin-top: -30px;

	        opacity: 0;

	    }

	    to {

			margin-top: 0;

	        opacity: 1;

	    }

	}

}



@media (max-width: 1024px) {



	html {

		overflow-x: hidden;

	}



	#hero .info,

	#hero .info,

	#hero .info,

	.items li .text-overlay .info.big,

	.thumbs .thumb .text-overlay .info.big,

	.owl-carousel .item .text-overlay .info.big {

		margin-top: -35px;

	}



	.retina-icons-code code {

		font-size: 11.5px;

	}



	.tabs-side.tab-container .panel-container {

		padding-left: 50px;

	}



	br {

		display: none;

	}



	#team .inner-left {

		padding-left: 30px;

	}



	#team .inner-right {

		padding-right: 30px;

	}



	.classic-blog .post {

		width: 630px;

		padding-bottom: 50px;

	}

	.classic-blog .post-content > * {

		margin-left: 50px;

		margin-right: 50px;

	}

	.classic-blog .post-content > .post-media {

		margin-left: 0;

		margin-right: 0;

	}

	.classic-blog .post-content > *:first-child,

	.classic-blog .post-media + * {

		margin-top: 45px;

	}

	.classic-blog .post-content > .post-media:first-child,

	.classic-blog .owl-carousel.post-media + * {

		margin-top: 0;

	}

	.classic-blog .post-title {

		font-size: 33px;

	}

	.classic-blog .post-content .meta {

		padding-left: 50px;

		padding-right: 50px;

		margin-right: -5px;

		margin-left: -5px;

		margin-bottom: 25px;

	}

	.classic-blog.no-sidebar .sidemeta, .classic-blog.no-sidebar .pagination {

		left: auto;

	}

	.sidebar-left .grid-blog.col-2,

	.sidebar-left .grid-blog.col-2 + .pagination {

		padding-left: 20px;

		padding-right: 0;

	}

	.grid-blog.col-2 {

		padding-right: 20px;

	    margin-left: 0;

		margin-bottom: 0;

	}

	.grid-blog.col-2 .post {

	    width: 100%;

	    margin-left: 0;

	    margin-bottom: 30px;

	}

	.grid-blog.col-2 .post-title {

		font-size: 28px;

	}

	.grid-blog.col-2.no-sidebar,

	.grid-blog.col-3.no-sidebar {

		padding-right: 0;

	    margin-left: -25px;

	}

	.grid-blog.col-2.no-sidebar .post,

	.grid-blog.col-3.no-sidebar .post {

	    width: 347px;

		padding-bottom: 40px;

	    margin-left: 25px;

	    margin-bottom: 25px;

	}

	.grid-blog.col-2.no-sidebar .post-content > *,

	.grid-blog.col-3.no-sidebar .post-content > * {

		margin-left: 40px;

		margin-right: 40px;

	}

	.grid-blog.col-2.no-sidebar .post-content > *:first-child,

	.grid-blog.col-2.no-sidebar .post-media + *,

	.grid-blog.col-3.no-sidebar .post-content > *:first-child,

	.grid-blog.col-3.no-sidebar .post-media + * {

		margin-top: 35px;

	}

	.grid-blog.col-2.no-sidebar .post-content .meta,

	.grid-blog.col-3.no-sidebar .post-content .meta {

		padding-left: 40px;

		padding-right: 40px;

		margin-right: -5px;

		margin-left: -5px;

		margin-bottom: 25px;

	}

	.grid-blog.col-2.no-sidebar .post-title ,

	.grid-blog.col-3.no-sidebar .post-title {

		font-size: 24px;

	}

	.grid-blog.col-2.no-sidebar p,

	.grid-blog.col-3.no-sidebar p {

		font-size: 16px;

	}

	.format-filter li a {

		padding: 0 25px;

	}

	.blog.no-sidebar .post,

	.blog.no-sidebar #comments,

	.blog.no-sidebar .pagination,

	.blog.no-sidebar .comment-form-wrapper {

	    width: 100%;

	}

	.classic-blog .pagination,

	.classic-blog .comment-form-wrapper {

		margin-bottom: 120px;

	}

	.classic-blog.no-sidebar .pagination,

	.classic-blog.no-sidebar .comment-form-wrapper {

		margin-bottom: 0;

	}



	[class*="col-md"][class*="inner-left"],

	[class*="col-md"][class*="inner-right"] {

		padding-left: 15px;

		padding-right: 15px;

	}



	[class*="col-md"][class*="border-left"] {

		border-left: none;

	}



	[class*="col-md"][class*="border-right"] {

		border-right: none;

	}



	.tabs-circle-top .etabs:before {

		margin: 50px 0 -50px;

	}

	.tabs-circle-top .tab {

		height: 130px;

		margin: 0 5px;

	}

	.tabs-circle-top .tab a {

		width: 100px;

		height: 100px;

		max-width: 100px;

		font-size: 11px;

	}

	.tabs-circle-top .tab a div {

		font-size: 33px;

	}

	.tabs-circle-top .tab.active a {

		height: 130px;

		width: 130px;

		max-width: 130px;

		font-size: 13px;

	}

	.tabs-circle-top .tab.active a div {

		font-size: 44px;

	}



	#owl-main .caption.text-center,

	#owl-main .caption.text-left,

	#owl-main .caption.text-right {

		padding-left: 0;

		padding-right: 0;

	}

	.navbar-header .navbar-brand {

		display: inline-block;

	}

	.navbar-collapse .navbar-brand {

		display: none;

	}



	.navbar-collapse.collapse {

		display: none !important;

	}



	.navbar-collapse.collapse.in {

		display: block !important;

	}



	.navbar .container {

		display: block;

	}



	.navbar .social,

	.navbar .info {

	    display: none;

	}



	.navbar-nav {

		padding-left: 0;

	}



	.navbar-header {

		background: #FFF;

	    padding: 25px 0;

	}

	.btn.responsive-menu {

	    display: table;

	}

	.btn.responsive-menu i {

	    display: table-cell;

		vertical-align: middle;

	}

	.navbar-collapse {

	    position: static !important;

		background: #F5F7FA;

	    max-height: inherit;

		padding-top: 0;

		padding-bottom: 0;

	}

	.navbar-collapse:after {

	    content: '';

	    display: block;

	    height: 0;

	    clear: both;

	    visibility: hidden;

	}

	.yamm .nav,

	.yamm .dropup,

	.yamm .dropdown,

	.yamm .collapse {

		float: none;

	    position: relative;

	}

	.yamm .dropdown-menu {

	    position: relative;

	    left: inherit;

	    top: inherit;

	    float: none;

	    width: 100%;

	   /* display: block !important;*/

	}

	.yamm .yamm-content {

	    padding: 12px 0;

	    font-size: 13px;

	}

	.navbar-nav {

		display: block;

		padding: 15px 0;

	}

	.navbar-nav > li {

		display: block;

	}



	/* Hinzu Linien im Menü*/

		.navbar-nav > li + li {

		border-top: 1px solid #E6E9ED;

	}

	/* Ende*/



	.navbar-nav > li > a {

		padding-left: 0;

		padding-right: 0;

		border: none;

		border-radius: 0;

	}

	.navbar-nav > li > a:focus {

		background: none;

		/*color: #1ABB9C;*/

	}

	.navbar-nav .dropdown-menu {

		border: none;

		box-shadow: none;

	}

	.navbar-nav .dropdown-submenu .dropdown-menu {

		top: 0 !important;

	    padding-left: 20px;

	}

	.navbar-nav .dropdown + .dropdown {

		border-top: 1px solid #E6E9ED;

	}

	.navbar-nav .dropdown-menu > li:last-child {

		margin-bottom: 20px;

	}

	.navbar-nav .searchbox {

		float: left !important;

		display: block;

		width: 100%;

	}

	.navbar-header {

	    float: left;

	    width: 100%;

	}

	.navbar-header:after {

	    content: '';

	    display: block;

	    height: 0;

	    clear: both;

	    visibility: hidden;

	}

}



@media (max-width: 969px) {

	.yamm .dropdown.yamm-fullwidth .dropdown-menu {

	    width: 100%;

	}

}



@media (min-width: 768px) {

	.navbar-collapse.collapse {

		padding-bottom: 30px;

	}

}



@media (min-width: 768px) and (max-width: 979px) {



	.navbar .container,

	.container {

	    padding-right: 15px;

	    padding-left: 15px;

	}

	.tabs-side .etabs {

	    width: 240px;

	}

	.tabs-side.tab-container .panel-container {

	    width: 480px;

	}

	.tabs-top.left .tab {

	    margin-right: 2px;

	}

	.tabs-top.left .tab a {

	    padding: 5px 10px;

	}

	.items.col-4 {

	    margin-left: -9px;

	    margin-bottom: -9px;

	}

	.items.col-4 li {

	    width: 234px;

	    margin-left: 9px;

	    margin-bottom: 9px;

	}

	.items.col-3 {

	    margin-left: -9px;

	    margin-bottom: -9px;

	}

	.items.col-3 li {

	    width: 234px;

	    margin-left: 9px;

	    margin-bottom: 9px;

	}

	.items.col-3.gap {

	    margin-left: -18px;

	    margin-bottom: -18px;

	}

	.items.col-3.gap li {

	    width: 351px;

	    margin-left: 18px;

	    margin-bottom: 18px;

	}

	.items.col-4.gap {

	    margin-left: -18px;

	    margin-bottom: -18px;

	}

	.items.col-4.gap li {

	    width: 351px;

	    margin-left: 18px;

	    margin-bottom: 18px;

	}

}



@media (max-width: 767px) {



	body {

		height: 100vh;

	}



	h1,

	h2,

	h3,

	h4 {

		letter-spacing: .0125em;

	}



	h1 {

		font-size: 33px;

		line-height: 120%;

		margin-bottom: 20px;

	}



	header p {

		font-size: 20px;

	}



	footer .inner {

		padding-top: 35px;

	    padding-bottom: 25px;

	}



	footer .row .inner {

		padding-left: 20px;

		padding-right: 20px;

	}



	footer .container > .row {

		margin-left: -20px;

		margin-right: -20px;

	}



	.row,

	#share {

		overflow: hidden;

	}



	#share .container {

		width: auto;

		padding: 0;

		margin-left: -15px;

		margin-right: -15px;

	}



	/*.owl-controls {

		display: inline;

	}



	.owl-pagination {

		top: 0 !important;

	}*/



	.last-bottom {

		padding-bottom: 20px !important;

	}



	.last-bottom + .last-bottom {

		padding-bottom: 0 !important;

	}



	.thumbs.gap-lg {

		margin-left: -15px;

	}



	.thumbs.gap-lg .thumb {

		padding: 0 0 15px 15px;

	}



	.icon.pull-right {

		margin-left: 10px;

	}



	.inner {

		padding-top: 80px;

		padding-bottom: 80px;

	}

	.inner-md {

		padding-top: 65px;

		padding-bottom: 65px;

	}

	.inner-sm {

		padding-top: 50px;

		padding-bottom: 50px;

	}

	.inner-xs {

		padding-top: 40px;

		padding-bottom: 40px;

	}

	.inner-top {

		padding-top: 80px;

	}

	.inner-top-md {

		padding-top: 65px;

	}

	.inner-top-sm {

		padding-top: 50px;

	}

	.inner-top-xs {

		padding-top: 40px;

	}

	.inner-bottom {

		padding-bottom: 80px;

	}

	.inner-bottom-md {

		padding-bottom: 65px;

	}

	.inner-bottom-sm {

		padding-bottom: 50px;

	}

	.inner-bottom-xs {

		padding-bottom: 40px;

	}



	.height-xs,

	.height-sm,

	.height-md,

	.height-lg,

	#owl-main .item,

	#owl-main.height-md .item,

	#owl-main.height-lg .item {

		height: 88vh;

	}



	#hero h1 {

		font-size: 38px;

		line-height: 115%;

		letter-spacing: 0.031em;

	}



	#hero p {

		font-size: 20px;

		line-height: 135%;

		margin-top: 15px;

	}



	#hero #owl-main .caption h1.light-bg,

	#hero #owl-main .caption h1.medium-bg,

	#hero #owl-main .caption h1.dark-bg,

	#hero #owl-main .caption h1.tint-bg {

		font-size: 33px;

	}



	#hero .btn {

		margin-top: 25px;

	}



	#hero .btn-large {

		font-size: 16px;

		padding: 12px 30px 15px;

	}



	.retina-icons-code tr td:first-child,

	.retina-icons-code tr th:first-child {

		max-width: 30px;

	}



	.table > thead > tr > th,

	.table > tbody > tr > th,

	.table > tfoot > tr > th,

	.table > thead > tr > td,

	.table > tbody > tr > td,

	.table > tfoot > tr > td {

		line-height: 100%;

		padding-left: 4px;

		padding-right: 4px;

	}



	.table > thead > tr > th {

		font-size: 11px;

	}



	.retina-icons-code i {

		font-size: 14px;

	}



	.retina-icons-code code {

		font-size: 10px;

	}



	.tabs-side .etabs {

		float: none;

		width: 100%;

	}



	.tabs-side .tab a {

		border-right-color: #E6E9ED;

	}



	.tabs-side .tab:first-child a {

		border-top-right-radius: 3px;

	}



	.tabs-side .tab:last-child a {

		border-bottom-right-radius: 3px;

	}



	.tabs-side .tab.active a {

		border-right-color: #CED7E0 !important;

	}



	.tabs-side.tab-container .panel-container {

		padding-left: 0;

		border-left: none;

		margin-top: 30px;

	}



	.tabs-top .etabs:after {

		display: none;

	}

	.tabs-top .tab {

		display: block;

		max-width: 100%;

		margin: 0;

	}

	.tabs-top .tab a {

		display: block;

		border-top-left-radius: 0;

		border-top-right-radius: 0;

	}

	.tabs-top .tab:first-child a {

		border-top-left-radius: 3px;

		border-top-right-radius: 3px;

	}

	.tabs-top .tab:last-child a {

		border-bottom: 1px solid #E6E9ED;

		border-bottom-left-radius: 3px;

		border-bottom-right-radius: 3px;

	}

	.tabs-top .tab.active + .tab a {

		border-top-color: #CED7E0;

	}

	.tabs-top .tab.active + .tab a:hover {

		border-top-color: #1ABB9C;

	}



	.filter:before, .format-filter:before {

		display: none;

	}



	h1.single-block .btn {

		margin-left: 0;

	}



	.sidemeta .date-wrapper,

	.classic-blog.sidebar-left .sidemeta .date-wrapper {

		top: -80px;

		left: 50%;

		margin-left: -60px;

	}



	.sidemeta .format-wrapper,

	.classic-blog.sidebar-left .sidemeta .format-wrapper {

		top: -70px;

		left: 50%;

		margin-left: 10px;

	}



	.classic-blog .sidemeta,

	.classic-blog .pagination {

		padding-left: 0;

		border-left: none;

		margin-left: 0;

	}

	.classic-blog.sidebar-left .sidemeta,

	.classic-blog.sidebar-left .pagination {

		padding-right: 0;

		border-right: none;

		margin-right: 0;

	}

	.classic-blog.no-sidebar .sidemeta,

	.classic-blog.no-sidebar .pagination {

		left: 0;

	}

	.classic-blog .post {

		margin-top: 80px;

		width: 100%;

	}



	.grid-blog.col-2 {

		padding-right: 0;

	}



	.sidebar-left .grid-blog.col-2,

	.sidebar-left .grid-blog.col-2 + .pagination {

		padding-left: 0;

	}



	.classic-blog .post,

	.grid-blog.col-2 .post,

	.grid-blog.col-3 .post,

	.grid-blog.col-2.no-sidebar .post,

	.grid-blog.col-3.no-sidebar .post {

		padding-bottom: 30px;

	}



	.classic-blog .post-content > *,

	.grid-blog.col-2 .post-content > *,

	.grid-blog.col-3 .post-content > *,

	.grid-blog.col-2.no-sidebar .post-content > *,

	.grid-blog.col-3.no-sidebar .post-content > * {

		margin-left: 30px;

		margin-right: 30px;

	}



	.classic-blog .post-content .meta,

	.grid-blog.col-2 .post-content .meta,

	.grid-blog.col-3 .post-content .meta,

	.grid-blog.col-2.no-sidebar .post-content .meta,

	.grid-blog.col-3.no-sidebar .post-content .meta {

		padding-left: 30px;

		padding-right: 30px;

		margin-bottom: 20px;

	}



	.classic-blog .post-content > *:first-child,

	.classic-blog .post-media + *,

	.grid-blog.col-2 .post-content > *:first-child,

	.grid-blog.col-2 .post-media + *,

	.grid-blog.col-3 .post-content > *:first-child,

	.grid-blog.col-3 .post-media + *,

	.grid-blog.col-2.no-sidebar .post-content > *:first-child,

	.grid-blog.col-2.no-sidebar .post-media + *,

	.grid-blog.col-3.no-sidebar .post-content > *:first-child,

	.grid-blog.col-3.no-sidebar .post-media + * {

		margin-top: 30px;

	}



	.classic-blog .post-title,

	.grid-blog.col-2 .post-title,

	.grid-blog.col-3 .post-title,

	.grid-blog.col-2.no-sidebar .post-title,

	.grid-blog.col-3.no-sidebar .post-title {

		font-size: 24px;

	}



	.classic-blog p,

	.grid-blog.col-2 p,

	.grid-blog.col-3 p,

	.grid-blog.col-2.no-sidebar p,

	.grid-blog.col-3.no-sidebar p {

		font-size: 16px;

		line-height: 150%;

		margin-bottom: 10px;

	}



	.classic-blog .pagination,

	.classic-blog .comment-form-wrapper,

	.pagination {

		margin-bottom: 100px;

	}



	.grid-blog.col-2.no-sidebar + .pagination,

	.grid-blog.col-3.no-sidebar + .pagination {

		margin-bottom: 0;

	}



	.classic-blog .pagination,

	.classic-blog.sidebar-left .pagination,

	.grid-blog.col-2 + .pagination,

	.grid-blog.col-3 + .pagination,

	.grid-blog.col-2.no-sidebar + .pagination,

	.grid-blog.col-3.no-sidebar + .pagination {

		margin-left: -10px;

	}



	.pagination > li:first-child {

		margin-left: 10px;

	}



	.pagination li {

		margin-bottom: 10px;

	}



	#blog-post .post h2 {

		font-size: 19px;

		margin-bottom: 15px;

	}



	#blog-post .post h3 {

		font-size: 16px;

	}



	#blog-post .post h4 {

		font-size: 14px;

	}



	#blog-post .post figure figcaption p {

		font-size: 14px;

		line-height: 150%;

	}



	[class*="col"] > figcaption:first-child {

		padding-top: 20px;

	}



	.post-author, #comments {

		padding: 30px;

	}



	.post-author .author-image {

		float: none;

		display: inline-block;

		margin-bottom: 20px;

	}



	.post-author .author-details {

		padding-left: 0;

	}



	#comments .avatar {

		float: none;

		display: inline-block;

		margin-bottom: 15px;

	}



	#comments .commentbody {

		padding-left: 0;

	}



	#comments .commentlist .children {

		padding-left: 0;

	}



	[class*="col"][class*="border-left"] {

		border-left: none;

	}



	[class*="col"][class*="border-right"] {

		border-right: none;

	}



	.filter li {

		display: block;

	}



	.filter li + li {

		margin-top: 15px;

	}



	.filter li:after {

		display: none;

	}



	#hero .info,

	#hero .info,

	#hero .info,

	.items li .text-overlay .info.big,

	.thumbs .thumb .text-overlay .info.big,

	.owl-carousel .item .text-overlay .info.big {

		margin-top: -25px;

	}

	.items li .text-overlay .info h2,

	.thumbs .thumb .text-overlay .info h2,

	.owl-carousel .item .text-overlay .info h2,

	.items li .text-overlay .info h3,

	.thumbs .thumb .text-overlay .info h3,

	.owl-carousel .item .text-overlay .info h3,

	.items li .text-overlay .info h4,

	.thumbs .thumb .text-overlay .info h4,

	.owl-carousel .item .text-overlay .info h4 {

		font-size: 16px;

		line-height: 150%;

	}

	.items li .text-overlay .info p,

	.thumbs .thumb .text-overlay .info p,

	.owl-carousel .item .text-overlay .info p,

	.items li .text-overlay .info.big p,

	.thumbs .thumb .text-overlay .info.big p,

	.owl-carousel .item .text-overlay .info.big p,

	#hero .items li .text-overlay .info.big p,

	#hero .thumbs .thumb .text-overlay .info.big p,

	#hero .owl-carousel .item .text-overlay .info.big p {

		font-size: 14px;

		line-height: 140%;

		padding-top: 0;

	}



	.tabs-2-big-top .tab {

		width: 100%;

		margin: 0 0 50px 0;

	}

	.tabs-2-big-top .tab a {

		padding: 25px;

	}

	.tabs-2-big-top.tab-container .panel-container {

		margin-top: 0;

	}



	[class*="col"][class*="inner-left"],

	[class*="col"][class*="inner-right"],

	[class*="col"][class*="reset-padding"] {

		padding-left: 15px;

		padding-right: 15px;

	}



	[class*="inner-top"].reset-xs {

		padding-top: 0 !important;

	}



	.tabs-circle-top .etabs:before {

		border-bottom: none;

		margin: 0;

	}

	.tabs-circle-top .tab {

		display: table;

		width: 100%;

		height: auto;

		margin: 0;

	}

	.tabs-circle-top .tab.active {

		top: 0;

	}

	.tabs-circle-top .tab a,

	.tabs-circle-top .tab.active a {

		width: 100%;

		max-width: 100%;

		height: auto;

		font-size: 18px;

		text-align: left;

		padding-top: 10px;

		padding-bottom: 10px;

		border-top: none;

		border-radius: 0;

	}

	.tabs-circle-top .tab a:hover {

		border-width: 1px;

		border-color: #CED7E0 !important;

		border-top: none;

	}

	.tabs-circle-top .tab.active a:hover {

		border-color: transparent !important;

	}

	.tabs-circle-top .tab:first-child a {

		border-top: 1px solid #CED7E0;

		border-top-left-radius: 3px;

		border-top-right-radius: 3px;

	}

	.tabs-circle-top .tab:last-child a {

		border-bottom-left-radius: 3px;

		border-bottom-right-radius: 3px;

	}

	.tabs-circle-top .tab a div,

	.tabs-circle-top .tab.active a div {

		display: inline-block;

		vertical-align: middle;

		font-size: 30px;

		line-height: 120%;

		padding-bottom: 5px;

		margin: 0 10px 0 0;

	}



	.yamm-content {

		margin-top: 25px;

	}



	.yamm-content > [class*="col"] {

		margin-bottom: 50px;

	}

	.navbar .container,

	.container {

	    padding-right: 20px;

	    padding-left: 20px;

	}

	.navbar-collapse {

		padding-left: 0;

		padding-right: 0;

		padding-top: 0;

		padding-bottom: 0;

	}

	.footer-bottom p.pull-left,

	.footer-bottom ul.pull-right {

	    float: none !important;

	    text-align: center;

	}

	.footer-bottom p {

	    margin-bottom: 20px;

	}

	.footer-menu li {

	    padding: 0 5px;

	}

	img {

	    max-width: 100%;

	    height: auto;

	}

	.filter li a:before {

	    display: none;

	}

	.items {

	    margin-left: 0 !important;

	    /*margin-bottom: -20px !important;*/

	}

	.items li {

	    width: 100% !important;

	    margin-left: 0 !important;

	    margin-bottom: 20px !important;

	}

	.items.fullscreen li {

	    margin: 0 !important;

	}

	.sidebar {

	    margin-top: 70px;

	    padding-left: 15px !important;

	}

	.blog.no-sidebar .post,

	.blog.no-sidebar #comments,

	.blog.no-sidebar .pagination,

	.blog.no-sidebar .comment-form-wrapper {

	    width: 100%

	}

	.blog.no-sidebar .pagination ul {

	    margin: 0

	}

	.grid-blog {

	    margin-left: 0 !important;

	    margin-bottom: 20px !important;

	}

	.grid-blog .post {

	    width: 100% !important;

	    margin-left: 0 !important;

	    margin-bottom: 20px !important;

	}

	#comments ul.children {

	    padding: 0 0 0 20px;

	}

	#comments .arrow-box {

	    margin-left: 0;

	}

	.panel-title {

	    line-height: 18px;

	}

	.yamm .yamm-content.row {

	    margin-bottom: -30px

	}

}



@media (min-width: 768px) and (max-height: 1024px) {



	.height-xs,

	.height-sm,

	#owl-main .item {

		height: 480px;

	}



	#hero h1 {

		font-size: 60px;

		line-height: 115%;

	}



	#hero p {

		font-size: 22px;

		line-height: 135%;

		margin-top: 17px;

	}



	#hero #owl-main .caption h1.light-bg,

	#hero #owl-main .caption h1.medium-bg,

	#hero #owl-main .caption h1.dark-bg,

	#hero #owl-main .caption h1.tint-bg {

		font-size: 50px;

	}



	#hero .btn {

		margin-top: 35px;

	}



	#hero .btn-large {

		font-size: 16px;

		padding: 15px 35px 17px;

	}

}



@media (min-width: 768px) and (max-height: 768px) {



	.height-xs,

	.height-sm,

	.height-md,

	.height-lg,

	#owl-main .item,

	#owl-main.height-md .item,

	#owl-main.height-lg .item {

		height: 480px;

	}

}





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

/*	DEMO ONLY

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



a.changecolor {

	cursor: pointer;

}





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

/*	SKROLLR ANIMATIONS

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



.navbar .navbar-collapse {

	-skrollr-animation-name: shrink-header;

}



.navbar .navbar-brand img {

	-skrollr-animation-name: shrink-logo;

}



@-skrollr-keyframes shrink-header {

	40 {

		padding-top: 30px;

		padding-bottom: 30px;

		-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0);

		   -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.0);

				box-shadow: 0 10px 10px rgba(0,0,0,0);

	}



	300 {

		padding-top: 0;

		padding-bottom: 0;

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

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

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

	}

}



@-skrollr-keyframes shrink-logo {

	40 {

		max-height: 50px;

	}



	300 {

		max-height: 30px;

	}

}

@media (min-width: 992px) and (max-width: 1024px) {
.navbar-brand{
	padding-left: 50px;
	}
.btn.responsive-menu{
	padding-right: 50px;
}
}
@media (min-width: 768px) and (max-width: 991px){.col-md-offset-2 {margin-left: 5.5%;}}

@media (min-width: 1200px){.col-md-offset-2 {margin-right: 20px;}}

@media (min-width: 1200px){.col-md-offset-2 {margin-left: 18%;}}

@media (min-width: 1200px){.col-sm-4 {padding-left: 35px !important;}}

@media (min-width: 992px) and (max-width: 1200px){.col-md-5 {width: 45%;}}

@media (min-width: 1200px){.col-md-5 {width: 43.666667%;}}