/*===================================================================================================
1) @font-face definitions Encode
===================================================================================================*/
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans|Dosis:400,300,100,600,700,100italic,300italic,400italic,700italic);*/


@font-face {
    font-family: 'Dosis';
    src: url('../fonts/dosis/Dosis-Light.eot');
    src: url('../fonts/dosis/Dosis-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis/Dosis-Light.svg') format('svg'),
         url('../fonts/dosis/Dosis-Light.woff') format('woff'),
         url('../fonts/dosis/Dosis-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Dosis';
    src: url('../fonts/dosis/Dosis-Regular.eot');
    src: url('../fonts/dosis/Dosis-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis/Dosis-Regular.svg') format('svg'),
         url('../fonts/dosis/Dosis-Regular.woff') format('woff'),
         url('../fonts/dosis/Dosis-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Dosis';
    src: url('../fonts/dosis/Dosis-Medium.eot');
    src: url('../fonts/dosis/Dosis-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis/Dosis-Medium.svg') format('svg'),
         url('../fonts/dosis/Dosis-Medium.woff') format('woff'),
         url('../fonts/dosis/Dosis-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Dosis';
    src: url('../fonts/dosis/Dosis-Bold.eot');
    src: url('../fonts/dosis/Dosis-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis/Dosis-Bold.svg') format('svg'),
         url('../fonts/dosis/Dosis-Bold.woff') format('woff'),
         url('../fonts/dosis/Dosis-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-Regular-webfont.eot');
    src: url('../fonts/opensans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/opensans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

body {
    padding-top: 100px;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #64686d;
    line-height: 26px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-family: 'Dosis', sans-serif;
    color:#485058;
}

a {
    color: #64686d;
    -webkit-transition: color 300ms, background-color 300ms;
    -moz-transition: color 300ms, background-color 300ms;
    -o-transition: color 300ms, background-color 300ms;
    transition: color 300ms, background-color 300ms;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #555;
}

a.link,a.linkextern,a.linkextern2 {
	text-decoration:none;
	font-weight:500;
	border-bottom:1px dotted #918f90;
	white-space: nowrap;
}  
a.link:before, a.linkextern:before {
    font-family: 'FontAwesome';
	font-weight:normal;
	padding-right:4px;
}  
a.link:before {
	content: '\f08b';
}  
a.linkextern:before {
	content: '\f08e';
}
a.link:hover, a.linkextern:hover,a.linkextern2:hover {
    color: #e8c604!important;
	border-bottom:1px dotted #565e62;
} 
strong, .strong{
	font-weight:700;
}

hr {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff;
}

.gradiant {
    background-image: -moz-linear-gradient(90deg, #A6A5A1 0%, #485058 100%);
    background-image: -webkit-linear-gradient(90deg, #A6A5A1 0%, #485058 100%);
    background-image: -ms-linear-gradient(90deg, #A6A5A1 0%, #485058 100%);
}

.gradiant-horizontal {
    background-image: -moz-linear-gradient(4deg, #A6A5A1 0%, #485058 100%);
    background-image: -webkit-linear-gradient(4deg, #A6A5A1 0%, #485058 100%);
    background-image: -ms-linear-gradient(4deg, #A6A5A1 0%, #485058 100%);
}

.small-shadow-black {
	text-shadow: 0px 1px 0px rgba(0, 0, 0, .3);
}
.small-shadow-white {
	text-shadow: 0px 1px 0px rgba(255, 255, 255, .5);
}
.big-shadow-black {
	text-shadow: 10px 10px 10px rgba(0, 0, 0, .2);
}

.small-shadow-white-glow {
	text-shadow: 2px -2px 9px rgba(255, 255, 255, 1);
}
.shadow-inner {
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
   border-radius:50%;
}
a.blue,i.blue,p.blue{
	color:#485058!important;
}
a.lightblue,i.lightblue,p.lightblue{
	color:#A6A5A1!important;
}
a.darkblue,i.darkblue,p.darkblue{
	color:#324646!important;
}

.yello{
	color:#fce24e!important;
}

.overflowelli {
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
	-o-text-overflow: ellipsis;	
}	
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 29em;
}
.wb {word-break: normal;word-wrap: normal;}
.nowrap {white-space: nowrap;}

.text-hyphens {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;	
	-moz-hyphenate-limit-chars: auto 3;
	-moz-hyphenate-limit-lines: 4;  
	-o-hyphenate-limit-chars: auto 3;
	-o-hyphenate-limit-lines: 4;   
	-webkit-hyphenate-limit-chars: auto 3;
	-webkit-hyphenate-limit-lines: 4;
	-ms-hyphenate-limit-chars: auto 3;
	-ms-hyphenate-limit-lines: 4;     
}

.noscript{position:absolute;top:150px;z-index:99}
.nosee { display:none; }
.page{background:#fff;}
.page{overflow:hidden;width:100%;margin:0;}
@media only screen and (min-width: 768px) {
.page{min-height:500px;max-width:1920px;width:100%;margin:0 auto;}
}

.nopadmarg {
   padding: 0 !important;
   margin: 0 !important;
}

/*===================================================================================================
  List 
===================================================================================================*/

ul.list-unstyled {
  padding-left: 1.2em;
  padding-top: .1em;
  list-style: none;
}

ul.list-unstyled.address-list {
  padding-left: 0em;
  padding-top: .5em;
  list-style: none;
}

ol.list-order, ul.list-order {
  padding-left: 1.2em;
}
ul.list-order {
	list-style-type: square;
}
ul.icon-list {
  padding-left: 1.5em;
}
ul.icon-list li {
  padding: 1px 0 1px 20px;
  display: block;
  position: relative;
}
ul.icon-list li:before {
  font-family: 'FontAwesome';
  position: absolute;
  left: 0px;
  top:2px;
  color:#565e62;
}

.chevron-right li:before {
 content: '\f138';
}

.checkmark li:before {
 content: '\f00c';
}

.arrow-right li:before {
 content: '\f138';
}

.quote-left li:before {
 content: '\f10d';
}

.plus li:before {
 content: '\f055';
}
/*===================================================================================================
  Sections
===================================================================================================*/
.section-header {
    margin-bottom: 50px;
	color: #324646;
}
.section-header .section-title {
    font-size: 3em;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    margin: 0 0 20px;
	color: #485058;
}
@media only screen and (max-width: 768px) {
.section-header .section-title {
    font-size: 2em;
}
}
.section-header .section-title:before {
    content: "";
    position: absolute;
    width: 160px;
    bottom: -1px;
    left: 50%;
    margin-left: -80px;
    height: 1px;
    background: #64686d;
}

.section-header .section-title:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    border: 5px solid #64686d;
    border-radius: 18px;
    background: #fce24e;
}

.btn {
    border-width: 0;
    border-bottom-width: 3px;
    border-radius: 0;
}

.btn.btn-primary {
    background: #64686d;
    border-color: #fce24e;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background: #333A42;
}

.column-title {
    margin-top: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    position: relative;
	font-weight:500;
}

.column-title:after {
    content: " ";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #fbd811;
}

ul.nostyle {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

ul.nostyle i {
    color: #64686d;
}

.scaleIn {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
}

@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

#main-menu.navbar-default.navbar-fixed-top.container-fluid {
        background: rgba(255, 255, 255, .95);
        -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
    }
	
.navbar.navbar-default {
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
	padding-right:40px;
}

.navbar.navbar-default .navbar-toggle {
    margin-top: 22px;
	background: rgba(252, 226, 78, .9);
}

.navbar.navbar-default .navbar-brand {
    height: auto;
    padding: 18px 10px 18px;
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#adadad;}

.logo {
  max-height: 60px;
}

@media only screen and (min-width: 768px) {
    #main-menu.navbar-default {
        background: rgba(255, 233, 100, .8);
        -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
    }
    #main-menu.navbar-default .navbar-nav>li>a {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 8px;
        padding-right: 10px;		
		font-weight:400;
		font-size:1.1em;
		letter-spacing: -.05em;
		color:#616161;
    }
    #main-menu.navbar-default .navbar-nav>li.active>a,
    #main-menu.navbar-default .navbar-nav>li.open>a,
    #main-menu.navbar-default .navbar-nav>li:hover>a {
        background: transparent;
        padding-top: 36px;
        border-top: 5px solid #fce24e;
		color:#485058;
    }
    #main-menu.navbar-default .navbar-nav>li:hover>a {
        background: transparent;
        padding-top: 36px;
        border-top: 5px solid #A6A5A1;
    }	
    #main-menu.navbar-default .dropdown-menu {
        padding: 0 20px;
        min-width: 220px;
        background-color: rgba(255, 233, 100, .8);
        border: 0;
        border-radius: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        background-clip: inherit;
    }
    #main-menu.navbar-default .dropdown-menu>li {
        border-left: 3px solid transparent;
        margin-left: -20px;
        padding-left: 17px;
        -webit-transition: border-color 300ms;
        transition: border-color 300ms;
    }
    #main-menu.navbar-default .dropdown-menu>li>a {
        border-top: 1px solid #324646;
        padding: 15px 0;
        color: #eeeeee;
    }
    #main-menu.navbar-default .dropdown-menu>li:first-child>a {
        border-top: 0;
    }
    #main-menu.navbar-default .dropdown-menu>li.active,
    #main-menu.navbar-default .dropdown-menu>li.open,
    #main-menu.navbar-default .dropdown-menu>li:hover {
        border-left-color: #64686d;
    }
    #main-menu.navbar-default .dropdown-menu>li.active>a,
    #main-menu.navbar-default .dropdown-menu>li.open>a,
    #main-menu.navbar-default .dropdown-menu>li:hover>a {
        color: #64686d;
        background-color: transparent;
    }
}
@media only screen and (max-width: 1200px) {
    #main-menu.navbar-default .navbar-nav>li>a {
		font-size:1em;
        padding-left: 5px;
        padding-right: 10px;		
    }	
}
@media only screen and (max-width: 991px) {
    #main-menu.navbar-default .navbar-nav>li>a {
		font-size:.95em;
		letter-spacing: 0em;
    }
	.logo {
		max-width: 165px;
	}	
	.navbar.navbar-default .navbar-brand {
		padding: 20px 1px 16px;
	}		
	.navbar.navbar-default {
		padding-right:12px;
	}	
}
@media only screen and (max-width: 767px) {
	body {
    	padding-top: 80px;
	}
    #main-menu.navbar-default .navbar-nav>li>a {
		font-size:1.2em;
    }
    #main-menu.navbar-default {
		padding-bottom: 10px;
    }	
	.navbar.navbar-default .navbar-brand {
		padding: 18px 1px 16px;
	}	
}

#main-slider {
    overflow: hidden;
	background-color: rgba(100,125,145,.1);
}

#main-slider .item {
    height: 500px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}

#main-slider .slider-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
	background-color: rgba(100,125,145,.3);
}

#main-slider .slider-inner h2 {
    margin-top: 70px;
	margin-left: 45%;
    font-size: 41px;
    line-height: 1.2em;
    text-transform: uppercase;
    color: #fff;
	font-weight:400;
	text-shadow: 0 0 2px rgba(0, 0, 0, .2);
}

#main-slider .slider-inner p, #main-slider .slider-inner p.blue {
    color: #6f999f;
	font-weight:300;
}

#main-slider .slider-inner p.white {
    color: #fff;
}

#main-slider .slider-inner h2>span {
    color: #fce24e;
}

#main-slider .slider-inner .btn {
    margin-top: 10px;
	margin-left: 45%;
}

#main-slider .slider-inner p {
	margin-left: 45%;
}

#main-slider .owl-prev,
#main-slider .owl-next {
    position: absolute;
    top: 50%;
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 0.5);
    font-size: 30px;
    display: inline-block;
    margin-top: -35px;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 100px;
    z-index: 5;
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms;
}

#main-slider .owl-prev:hover,
#main-slider .owl-next:hover {
    background-color: rgba(252, 232, 112, 0.7);
	color: #333A42;
}

#main-slider .owl-prev {
    left: -35px;
    text-indent: 14px;
}

#main-slider .owl-next {
    right: -35px;
    text-indent: -14px;
}

@media only screen and (max-width: 990px) {
#main-slider .item {
    max-height: 400px;
}	
#main-slider .slider-inner h2 {
    margin-top: 55px;
	margin-left: 36%;
    font-size: 30px;
}
#main-slider .slider-inner p {
   display:none;
}
}

@media only screen and (max-width: 767px) {
#main-slider .item {
    max-height: 200px;
    background-position: 100% 0;
    background-size: cover	
}
#main-slider .slider-inner p {
   display:none;
}

#main-slider .slider-inner h2 {
   display:none;
}

#main-slider .slider-inner .btn {
	display:none;
}	
}


#bar {
    width: 0%;
    max-width: 100%;
    height: 4px;
    background: #fce870;
}

#progressBar {
    margin-top: -4px;
    position: relative;
    z-index: 999;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
}

#cta {
    padding: 80px 0 70px;
    background-color: #eeeeee;
}

#cta h2 {
    margin-top: 0;
}

#cta .btn {
    margin-top: 40px;
}

#cta2 {
    background: #FCDE56;
    background-size: cover;
    color: #fff;
    padding: 40px 10px;
}

#cta2 .btn {
    margin-top: 10px;
}

#cta2 h2, #cta2 h3  {
    color: #fff;
    font-size: 44px;
    line-height: 1;
}

#cta2 h2 span {
	color: #485058!important;
}
#cta2 p {
	color: #485058!important;
}

#cta2 h3.phone {
	margin-top:-30px;
	margin-bottom:20px;
    font-size: 5em;
    font-weight:700;
}

@media only screen and (max-width: 767px) {
	#cta2 h3.phone {
		font-size: 40px;
	}
}

@media only screen and (max-width: 479px) {
	#cta2 h3.phone {
		font-size: 30px;
	}
}

#cta2 h2>span {
    color: #888;
}

#features {
    padding: 80px 0;
}

#features .media.service-box:first-child {
    margin-top: 70px;
}

#services {
    padding: 80px 0 75px;
}
#services h3.media-heading {
	padding-top:18px;
    font-size: 2.4em;
	font-weight:700;
	text-transform:uppercase;
	color:#fce24e;
}
#services h4.media-heading {
    font-size: 1.6em;
	font-weight:700;
	color:#565e62;
}
.media.service-box {
    margin: 10px 0;
}

.media.service-box .pull-left {
    margin-right: 40px;
}

.media.service-box .pull-left>i {
    font-size: 44px;
    height: 74px;
    line-height: 64px;
    text-align: center;
    width: 74px;
    border-radius: 100%;
	background-color:#64686d;
    color: #fff;
    transition: background-color 300ms, background-color 300ms;
    position: relative;
    border: 4px solid  #fce24e;
}

.media.service-box:hover .pull-left>i:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #fce24e;
	border-width: 12px;
	margin-top: -12px;
	margin-left: 1px;
	transition: border-color 300ms, border-color 300ms;
}

.media.service-box:hover .pull-left>i {
	background-color:#324646;
    color: #fff;
    border: 4px solid  #fce24e;
   	transition: border-color 200ms, border-color 200ms;
}


@media only screen and (max-width: 767px) {
.media.service-box .pull-left>i {
    font-size: 34px;
    height: 64px;
    line-height: 54px;
    text-align: center;
    width: 64px;
}
.media.service-box .pull-left {
    margin-right:10px;
}
#services h3.media-heading {
    font-size: 2.0em;
}
#services h4.media-heading {
    font-size: 1.3em;
}
}
@media only screen and (max-width: 480px) {
.media.service-box .pull-left>i {
    display:none;
}
}

#portfolio {
    padding: 80px 0;
    background: #f5f5f5;
}

#portfolio .portfolio-filter {
    list-style: none;
    padding: 0;
    margin: 0 0 40px;
    display: inline-block;
}

#portfolio .portfolio-filter>li {
    float: left;
    display: block;
}

#portfolio .portfolio-filter>li a {
    display: block;
    padding: 7px 15px;
	margin:0 5px;
    background: #e5e5e5;
    color: #64686d;
    position: relative;
}

#portfolio .portfolio-filter>li a:hover,
#portfolio .portfolio-filter>li a.active {
    background: #64686d;
    color: #fff;
    box-shadow: 0 -3px 0 0  #fce24e inset;
    -webkit-box-shadow: 0 -3px 0 0  #fce24e inset;
}

#portfolio .portfolio-filter>li a.active:after {
    content: " ";
    position: absolute;
    bottom: -17px;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: #fce24e transparent transparent transparent;
}

#portfolio .portfolio-items {
    margin: -15px;
}

#portfolio .portfolio-item {
    width: 24.9%;
    float: left;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 991px) {
#portfolio .portfolio-item {
    width: 32.9%;
    padding: 4px;
}
}

@media only screen and (max-width: 767px) {
#portfolio .portfolio-item {
    width: 49.9%;
    padding: 2px;
}
}

#portfolio .portfolio-item .portfolio-item-inner {
    position: relative;
}

#portfolio .portfolio-item .portfolio-item-inner .portfolio-info {
    opacity: 0;
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
	font-size: .7em;
	line-height: 1.3em;
	font-weight:400;
}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info i {
    font-size: 19px;
	line-height: 33px;
}

#portfolio .portfolio-item .portfolio-item-inner .portfolio-info h3 {
    font-size: 1.5em;
    line-height: 1;
    margin: 0;
    color: #fff;
	font-weight:700;
}

#portfolio .portfolio-item .portfolio-item-inner .portfolio-info .preview {
    position: absolute;
    top: -18px;
    right: 15px;
    border-radius: 50%;
	background-color:#64686d;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    box-shadow: 0 0 0 3px #fff;
    -webkit-box-shadow: 0 0 0 3px #fff;
	background-color:#324646;
    box-shadow: 0 0 0 3px #fce24e;
    -webkit-box-shadow: 0 0 0 3px #fce24e;	
}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info .preview:hover {
	background-color:#324646;
    box-shadow: 0 0 0 3px #fce24e;
    -webkit-box-shadow: 0 0 0 3px #fce24e;
}

#portfolio .portfolio-item .portfolio-item-inner .portfolio-info .preview:hover>i:after {
	left: 50%;
	bottom: 100%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fce24e;
	border-width: 10px;
	margin-left: -10px;
	transition: border-color 300ms, border-color 300ms;
}

#portfolio .portfolio-item:hover .portfolio-info {
    opacity: 1;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.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: -o-transform, opacity;
    transition-property: transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

#testimonial {
    background: #64686d;
	background-size: cover;
    background: #FCDE56;
    background-size: cover;
    padding: 80px 0 40px 0;
    color: #fff;
}

#testimonial h4 {
    color: #fff;
    margin-bottom: 0;
}

#testimonial small {
    display: block;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.7);
}

#testimonial img {
    max-width:250px;
}

#testimonial .btns {
    margin-top: 1px;
}

#about {
    padding: 80px 0;
    background: #eee ;	
}
#about img.img-circle {
    border: 5px solid #fce24e;	
}

.divider {
    margin-top: 50px;
    margin-bottom: 50px;
    background-image: -moz-linear-gradient(180deg, #ffffff 0%, #86cae3 49%, #ffffff 100%);
    background-image: -webkit-linear-gradient(180deg, #ffffff 0%, #86cae3 49%, #ffffff 100%);
    background-image: -ms-linear-gradient(180deg, #ffffff 0%, #86cae3 49%, #ffffff 100%);
    width: 95%;
    height: 1px;
}

.progress {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #eeeeee;
}

.progress .progress-bar.progress-bar-primary {
    background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nav.main-tab {
    background: #eee;
    border-bottom: 3px solid #222534;
    border-radius: 0;
}

.nav.main-tab>li>a {
    color: #272727;
}

.nav.main-tab>li.active>a {
    background: #222534;
    color: #64686d;
}

.nav.main-tab>li:first-child>a {
    border-radius: 0;
}

.nav.main-tab>li:last-child>a {
    border-radius: 0;
}

.tab-content {
    border: 1px solid #eee;
    border-top: 0;
    padding: 20px 20px 10px;
    border-radius: 0;
}

.panel-default {
    border-color: #eee;
}

.panel-default>.panel-heading {
    background-color: #fff;
    border-color: #eee;
}

.panel-default>.panel-heading .panel-title {
    font-size: 14px;
    font-weight: normal;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #eee;
}

#get-in-touch {
    padding: 80px 0 2px;
    /*background-image: -moz-linear-gradient(90deg, #A6A5A1 0%, #B8C8D6 100%);*/
    /*background-image: -webkit-linear-gradient(90deg, #A6A5A1 0%, #B8C8D6 100%);*/
    /*background-image: -ms-linear-gradient(90deg, #A6A5A1 0%, #B8C8D6 100%);*/
	background-color:#fff;
    color: #fff;
}

#contact {
    position: relative;
    overflow: hidden;
    background: #fff;
    background-size: cover;	
	font-size: 1.3em;
	padding: 5px 0 35px 0;
}

#contact .container-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(69, 174, 214, 0.3);*/
    z-index: 1;
}

#contact h3 {
    font-weight:700;
}

#contact .contact-form {
    /*background: rgba(255, 255, 255, 0.8);*/
    margin-top: 15px;
}

#contact .contact-form h3 {
    margin-top: 0;
}
#contact .small {
    font-size:.7em!important;
	line-height:1.6em!important;
	color:#999999;
}

@media (max-width: 767px) {
#contact .small {
    font-size:.6em!important;
	line-height:1.3em!important;
}
}

footer {
    padding: 15px 0 0 0;
    text-align: left;	
	color:#485058;
	background-color:#fff;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:400;
	font-size:1em;
}

footer span.copyright {
    text-transform: uppercase;
    text-transform: none;
    line-height: 1.2em;
}

footer ul.quicklinks {
    margin-bottom: 0;
	padding-bottom:0;	
    text-transform: uppercase;
    text-transform: none;
    line-height: 30px;
	font-weight:400;
}

footer a {
    color: #485058;
	text-decoration: none;	
}
footer a:hover,
footer a:focus,
footer a:active,
footer a.active {
    color: #485058;
}
/* Copyright Styles Starts */

.copyright {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: .8em;
	background-color: #fce24e;
}
	.copyright, 
	.copyright a {
		color: #485058;;
	}
	.copyright span, 
	.copyright a:hover,
	.copyright a:focus,
	.copyright a:active
	.copyright a.active {
		color: #485058;;
	}
	.copyright p, 
	.copyright ul {
		margin-bottom: 0;
		padding-bottom: 0;
		color: #485058;;
	}
		.copyright li {
			padding-left: 10px;
			padding-right: 10px;
		}
		.copyright li:last-of-type {
			padding-right: 0;
		}


	li img.innungmenu{
		max-width:50px;
		padding:1px 1px 1px 1px;
	}


@media only screen and (min-width: 767px) {
		
}
@media (max-width: 767px) {
	img.innung{
		max-width:250px;
		padding:1px 10px 10px 1px;
	}
	#cta, #cta2, #testimonial, #about, #portfolio, #services, #features {
		padding: 40px 0;
	}
	#contactForm , #get-in-touch{
		padding: 40px 0 0 0;
	}	
}

/*===================================================================================================
Scroll Top Icon
===================================================================================================*/
#toTop{
display:none;text-decoration:none;position:fixed;bottom:50px;right:20px;overflow:hidden;border:none;color:rgba(225,225,225,.8);width:40px;height:43px;font-size:40px;line-height:38px;z-index:20;-webkit-transition:color 0.5s ease;transition:color 0.5s ease;text-shadow: 0px 1px 0px rgba(0, 0, 0, .3), 0px -1px 0px rgba(255, 255, 255, 1);}
#toTop:hover{outline:none;color:#fce24e;}
@media only screen and (max-width: 767px) {
#toTop.noshow{display:none!important;}
#toTop.show{display:block!important;}
#toTop{bottom:20px;}
}
/*===================================================================================================
Tooltip
===================================================================================================*/
.tooltip-inner {
  color:#565e62;
  font-weight:500;
  background-color: rgba(252,226,78,.95);
  -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);
  -moz-box-shadow:0 0 5px rgba(0,0,0,0.2);
  box-shadow:0 0 5px rgba(0,0,0,0.2);  
  border-radius: 3px;
}
.tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,tooltip.top-right .tooltip-arrow ,.tooltip.right .tooltip-arrow,.tooltip.left .tooltip-arrow,.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow ,.tooltip.bottom-right .tooltip-arrow { 

  border-top-color: rgba(252,226,78,.95);
}

/*===================================================================================================
Google Maps
===================================================================================================*/
/* Google Map */

#maps {
background-color: #fff ; 
background-image: url(../images/maps/flandergan-karte-googlemaps.jpg);
background-repeat: no-repeat;
background-position:  50% 50%;
background-size:cover;
}
#map_canvas { height: 450px; width:100%;border:0px solid #d4d4d4; display:none}
#map_canvas img { max-width: 100%; }
#map_canvas h1 { font-size: 15px; font-weight: 700; line-height: 1em; letter-spacing: 1px; margin: 5px 0 0; }
#map_canvas p { margin-bottom: 0; margin-top: 0; } 
#map_canvas .gmnoprint { line-height: 2; }

#containermap .noscript {
  min-height:450px;
}

#containerroute{
  padding-left:0;margin-left:0;
}
#containerroute .panel{
  height: 450px; border-radius:0;border:0px solid #d4d4d4; overflow-x: auto;-webkit-overflow-scrolling: touch;padding-left:0;margin-left:0;
}
#map_direction{
  margin:0; padding:0;background-color:#f1f3f2 !important;
}
@media (max-width: 767px) {
#containerroute .panel{
  height: 100%; 
}
}

#waterdrop{
position: relative;
opacity: 1;
z-index:100;
overflow:hidden;
}
@media (max-width: 767px) {
	#waterdrop:before{
	display:none;
	}
}
#waterdrop:before{
content:"";
position: absolute;
bottom:65px;
left:50%;
margin-left:35px;
width:75px;
height:130px;
background-color: transparent;
background-image: url(../images/cta/drop.png);
background-repeat: no-repeat;
background-position:  50% 50%;
background-size:contain;
-webkit-animation: rotate 3s ease-in infinite;
-moz-animation: rotate 3s ease-in infinite;
-ms-animation: rotate 3s ease-in infinite;
animation: rotate 3s ease-in infinite;
z-index:-1;
}
/* Safari */
@-webkit-keyframes rotate {
   0%{ -webkit-transform:  translate(1px, 1px) scale(.1,0); opacity:.5;}
   80%{ -webkit-translate(1px, 25px) scale(.4,.4); opacity:1; }
   100% { -webkit-transform: translate(3px, 250px) scale(.7,.7);   }
}
/* Firefox */
@-moz-keyframes rotate {
   0%{ -moz-transform:  translate(1px, 1px) scale(.1,0); opacity:.5;}
   80%{ -moz-translate(1px, 25px) scale(.4,.4); opacity:1; }
   100% { -moz-transform: translate(3px, 250px) scale(.7,.7);   }
}
/* Explorer */
@-ms-keyframes rotate {
   0%{ -ms-transform:  translate(1px, 1px) scale(.1,0); opacity:.5;  }
   80%{ -ms-transform: translate(1px, 25px) scale(.4,.4); opacity:1; }
   100% { -ms-transform: translate(3px, 250px) scale(.7,.7);  }
}
/* Standard */
@keyframes rotate {
   0%{ transform:  translate(1px, 1px) scale(.1,0); opacity:.5; }
   80%{ transform: translate(1px, 25px) scale(.4,.4); opacity:1; }
   100% { transform: translate(3px, 250px) scale(.7,.7); }
}

/*===================================================================================================
Individuelle Formulargestaltung
===================================================================================================*/

:required:invalid:focus, input[pattern]:invalid:focus { 
  border: 1px solid #fce24e;
  background-color: #fff;
}
input[pattern]:valid:focus { 
  border: 1px solid #b8cccf;
  background-color:  #fff;
}

.error{
    background-color: #fff;
	color: #d10101;
	text-align:left;
	padding:1px 1px;
	margin-bottom: 0;
	font-weight:400;

}
.help-block ul li{
	font-size:.6em;
	color: #d10101;
}
textarea {
  overflow: auto;
  resize: vertical;
}

.checkbox {
  padding-left: 20px; color: #fff;}
  .checkbox label {
    color: #555;
    display: inline-block;
    position: relative;
    padding-left: 5px;  padding-bottom: 4px;}
    .checkbox label::before {
	  color: #fff;
      content: "";
      display: inline-block;
      position: absolute;
      width: 18px;
      height: 18px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #A6A5A1;
      border-radius: 2px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      top: -2px;
      margin-left: -20px;
      padding-left: 2px;
      padding-top: 0px;
      font-size: 14px;
      color: #64686d; }
  .checkbox input[type="checkbox"] {
    opacity: 0; 
	filter: alpha(opacity=0);}
    .checkbox input[type="checkbox"]:focus + label::before {
      outline: thin solid;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkbox input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c"; }
    .checkbox input[type="radio"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00d"; }	  
    .checkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65; 
	  filter: alpha(opacity=65);}
      .checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #64686d;
  border-color: #64686d; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #fce24e;
  border-color: #fce24e; }
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f8c867;
  border-color: #f8c867; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #b7d02e;
  border-color: #b7d02e; }
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio {
  padding-left: 20px;color: #64686d;}
  .radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px;  padding-bottom: 3px;}
    .radio label::before {
	  color: #fff;
      content: "";
      display: inline-block;
      position: absolute;
      width: 18px;
      height: 18px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
	  color: #64686d;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio label::after {
      display: inline-block;
      position: absolute;
	  font-family: 'FontAwesome';
      content: "\f00d";
      width: 17px;
      height: 17px;
      left: 0;
      top: -1px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: transparent;
	  color: #64686d;
      padding-left: 4px;
      padding-top: 0;
      font-size: 13px;	
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0;
	filter: alpha(opacity=0);}
    .radio input[type="radio"]:focus + label::before {
      outline: thin solid;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65;
	  filter: alpha(opacity=65);}
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #64686d; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #64686d; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #64686d; }

.radio-danger input[type="radio"] + label::after {
  background-color: #f48326; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #f48326; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #f48326; }

.radio-info input[type="radio"] + label::after {
  background-color: #64686d; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #64686d; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #64686d; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f8c867; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f8c867; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f8c867; }

.radio-success input[type="radio"] + label::after {
  background-color: #e7f55c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #e7f55c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #e7f55c; }

select option:checked{
  background: #64686d -webkit-linear-gradient(bottom, #64686d 0%, #64686d 100%);
}
select{
    color: #64686d!important;
}
.form-control{-webkit-box-shadow:none;box-shadow:none;}
.form-control:focus{border-color:#fce24e;outline:0;-webkit-box-shadow:none;box-shadow:none}
/*===================================================================================================
 Popup Modal
===================================================================================================*/
.modal.modal-wide .modal-dialog {
  	width: 75%;
	height:75%;
}
.modal-wide .modal-body {
	height:50%;
    overflow:auto;  
	font-size:1.3em;
}

.modal .modal-body {
    max-height: 500px;
    overflow-y: auto;
}

@media (max-width: 991px) {	
	.modal.modal-wide .modal-dialog {
		width: 95%;
	}
}
/*===================================================================================================
Medias Print
===================================================================================================*/

@media print {
	.wow, .fadeInUp  {visibility: visible !important;}  
	#header {display:none;} 	
	#headers {display:none;} 	
	#browserNotice, #cookieNotice,#containermap, .sequence-theme {display:none;} 
	#main-slider {display:none;} 	
	.partnerlogos, .footer .over, .jumbotron, .jumbo-bg {display:none;}
	.totop {display:none;opacity:0;}
	.header {padding: 0; margin:0;}	
	.panel.panel-image .panel-icon, .panel.panel-circle-contrast .panel-icon:after, .icon-wrap.icon-bordered.icon-md:after, .icon-wrap.icon-bordered.icon-lg:after {display:none;}
	.btn {display:none;}
	.footer {max-height:60px; width: 100%;	min-height: 60px;padding: 0;margin: 0; padding-top: 20px; border-top: 1px solid #999;}	
	a[href]:after {
		content: "";
		font-size:5px;		
	}
	abbr[title]:after {
		content: "";
		font-size:5px;
	}	
	img, background-image {
		filter: grayscale(100%); 
		-webkit-filter: grayscale(100%); 
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%); 
		-o-filter: grayscale(100%);
		filter: gray; /* IE6+ */
		-webkit-filter: grayscale(1);
	}
	.btn, .panel.panel-circle-contrast .panel-icon .icon, .icon-wrap.icon-bordered {
		border-color: #888 !important; background-color:#F0F0F0 !important;
	}
	ul, img, div.panel {
		page-break-inside: avoid;
	}
	* {
		text-shadow: none !important;
		color: #000 !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	.panel {
		border: #555 !important;
	}	
	.yello, .glyphicon, .fa {
		color: #000 !important;
	}  
	.accordion .accordion-toggle{padding:0;}
	.accordion .accordion-toggle span.fa,
	.accordion .accordion-toggle.collapsed:hover span.fa,
	.accordion .accordion-toggle.collapsed span.fa{
		color: #000 !important;
	}
	hr{ border-color: #555 !important;}
	#containerroute .panel{height:auto;}
	#footer, .page {border: none;background-color: transparent;}	
	body {
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */	
		/* IE4-8 and 9 (deprecated). Thanks Travis for the tip! */
		filter: Gray();
		/* SVG version for IE10, Chrome 17, FF3.5,
		Safari 5.2 and Opera 11.6 -- does not
		need to be prefixed. See below */
		filter: url('#grayscale');
		/* CSS3 filter */
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%); /* future-proof */
	}
	@page {
	size: <%= @size_card[0] %>cm  <%= @size_card[1] %>cm;
	margin: 0 !important;
	}	
}