.fw-portfolio,.fw-portfolio-dth {
overflow: hidden;
width: 100%;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
margin-top: 0px;
}
.fw-portfolio .portfolio-item,
.fw-portfolio .post,
.fw-portfolio-dth .portfolio-item {
width: 25%;
float: left;
margin: 0;
height: auto;
padding: 0;
box-sizing: border-box;
}
.fw-portfolio-dth .portfolio-item{
display:table;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.port3-nospace .portfolio-item {
width: 33.33%;
float: left;
margin: 0;
height: auto;
padding: 0;
box-sizing: border-box;
display: block;
}
.port3-space .portfolio-item{
width: 33.33%;
float: left;
margin: 0;
height: auto;
padding: 0;
box-sizing: border-box;
display: block;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px !important;
}
.port4-space .portfolio-item {
width: 25% !important;
float: left;
margin: 0;
height: auto;
padding: 0;
box-sizing: border-box;
display: block;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px !important;
position: relative;
}
.port2-space .portfolio-item {
width: 50% !important;
float: left;
margin: 0;
height: auto;
padding: 0;
box-sizing: border-box;
display: block;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px !important;
position: relative;
}
.port2-nospace .portfolio-item {
width: 49.99%;
float: left;
margin: 0;
height: auto;
padding: 0;
box-sizing: border-box;
}
.port5-nospace .portfolio-item {
width: 20%;
float: left;
margin: 0;
height: auto;
padding: 0;
box-sizing: border-box;
}
.nos-portfolio {
width: 100%;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
border-top: 1px solid rgba(207, 207, 207, .5);
margin-top: 3px;
}
.nos-portfolio .portfolio-item {
width: 24.99%;
height: auto;
box-sizing: border-box;
}
.port5  .portfolio-item{
width: 20%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
float: left;
margin-bottom: 30px !important;
}
.icon-top-title i {
display: inline-block;
color: #e84a52;
font-size: 64px;
}
.img-item {
position: relative;
overflow: hidden;
margin-bottom: 0px;
display: block;
}
.img-item img {
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.portfolio {
display: block;
padding:0;
}
.portfolio-item h5 {
margin-top: 8px;
}
.portfolio-nav li{
display: inline-block;
}
.portfolio-nav {
padding: 10px 0;
border-top: 1px solid rgba(147, 147, 147, .1);
border-bottom: 1px solid rgba(147, 147, 147, .1);
margin-top: 20px;
}
.portfolio-nav li > a {
text-decoration: none;
padding: 12px 12px;
font-size: 13px;
line-height: 1.2;
color: #333;
text-transform: uppercase;
margin: 0 auto !important;
display: block;
text-align: center;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
position: relative;
border-radius: 4px;
float: left;
background: #eaeaea
}
.portfolio-nav li > a:hover {
color: #e84a52;
}
.portfolio-nav li > a.selected{
color: #fff;
margin: 0 !important;
background: rgb(216,35,69);
}
nav.primary .portfolio-nav .portf {
color: #61A300;
margin-right: 10px;
padding-top: 5px;
}
.portfolio-nav {
text-align: center;
clear: both;
list-style: none outside none;
}
.img-item:hover .p-overlay{
opacity: 1;
filter: alpha(opacity=100);
}
.p-active, .p-overlay {
width: 100%;
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
display: block;
filter: alpha(opacity=0);
position: absolute;
top: 50%;
text-align: center;
padding: 0 30px;
bottom: 0px;
}
.p-overlay {
background: rgba(0, 0, 0, .72);
} .p-overlay i {
width: 42px;
height: 42px;
background-color: rgba(216,35,69,1);
color: #fff;
font-size: 18px;
text-align: center;
vertical-align: middle;
line-height: 40px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.p-overlay a.port-like {
position: absolute;
bottom: 46%;
left: 0px;
color: #fff;
}
.p-overlay a.port-detail {
position: absolute;
bottom: 46%;
right: 0;
color: #fff;
} .p-overlay a:hover i {
color: rgb(0,0,0);
}
.fw-portfolio .p-overlay h6{
font-size: 18px;
bottom: 20%;
}
.port5-nospace .p-overlay h6{
font-size: 16px;
bottom: 0;
}
.p-overlay h6 {
font-weight: 600;
color: #fff;
font-size: 22px;
text-align: center;
position: absolute;
bottom: 30%;
line-height: 24px;
left: 18%;
width: 60%;
display: block;
padding-bottom: 15px;
}
.p-overlay h6 > span{
display: block;
font-size: 12px;
padding-top: 15px;
font-weight: 300;
text-transform: uppercase;
}
.port5 .p-overlay h6 {
font-weight: 600;
color: #fff;
font-size: 14px;
line-height: 18px;
text-align: center;
position: absolute;
bottom: 10%;
left: 18%;
width: 60%;
}
.port5 .p-overlay h6 > span{
display: block;
font-size: 12px;
padding-top: 0px;
font-weight: 300;
text-transform: uppercase;
}
.p-overlay h6 small {
font-size: 14px;
color: #e9e9e9;
font-weight: 400;
display: block;
margin-top: 16px;
} .img-item{
position: relative;
overflow: hidden;
cursor: pointer;
}
.img-item:hover .item-overlay {
opacity: 1;
filter: alpha(opacity=100);
}
.item-overlay{
width: 100%;
height: 100%;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
display: block;    
position: absolute;
top: 0;
left: 0px;
}
.item-overlay {
background: rgba(0, 0, 0, .72);
}
.item-overlay .p-item-nav{
position: absolute;
bottom: 2px;
left: 50%;
margin-left: -43px
}
.item-overlay:hover .p-item-nav{
opacity: 1;
}
.img-item:hover .port-desc-item{
opacity: 1;
}
.img-item .port-desc-item{
opacity: 0;
position: absolute;
top: 50%;
margin-top: -42px;
width: 100%;
z-index: 10;
text-align: center;
}
.img-item .port-desc-item h6{
color: #fff;
font-size: 18px;
font-weight: 400;
line-height: 24px;
margin: 0;
}
.img-item .port-desc-item span{
font-size: 11px;
text-transform: uppercase;
display: block;
}
.p-item-nav .fa {
width: 42px;
height: 42px;
background-color: rgba(216,35,69,1);
color: #fff;
border-radius: 100%;
font-size: 14px;
text-align: center;
vertical-align: middle;
line-height: 42px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
margin: 0 2px;
}
.p-item-nav .fa:hover{
background: #000;
color: rgb(216,35,69);
}
.portfolio-item .portfolio-desc{
padding: 15px 15px;
text-align: center;
overflow: hidden;
}
.portfolio-desc h6.portfolio-title{
margin-bottom: 10px;
font-size: 16px;
text-transform: none;
font-weight: 600;
line-height: 20px;
}
.portfolio-desc .item-category{
display: block;
font-size: 12px;
line-height: 18px;
} .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;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
} .portfolio-item-dets {
width:290px;
float:right;
border-bottom:2px solid #e5e5e5;
margin-right:10px;
margin-top:20px;
}
.portfolio-item-dets i {
font-size:32px;
color:#ddd;
}
.portfolio-item-dets i.liked, .portfolio-item-dets i:hover {
color:#e53f51;
cursor:pointer;
}
.portfolio-item-like-box {
width:36px;
text-align:center;
float:left;
padding-bottom:10px;
color:#c3c3c3;
padding-left:20px;
margin-right:20px;
}
.portfolio-item-detail-box {
width:193px;
float:left;
padding:7px 0 10px 20px;
color:#c3c3c3;
border-left:1px solid #e5e5e5;
line-height:1;
}
.portfolio-item-detail-box a {
color:#bbb;
}
.portfolio-item-detail-box a:hover {
text-decoration:underline;
}
.portfolio-item-detail-box hr {
margin:10px 0;
}
.portfolio-item i.icomoon-heart-7 {
color:#ef7c88;
margin-top:3px;
}
.portfolio-item {
margin-bottom: 14px;
}
@media only screen and (max-width: 959px) {
.fw-portfolio .portfolio-item,
.nos-portfolio .portfolio-item,
.port5 .portfolio-item,
.port3-nospace .portfolio-item,
.port2-nospace .portfolio-item,
.port5-nospace .portfolio-item,
.port3-space .portfolio-item,
.port4-space .portfolio-item,
.port2-space .portfolio-item  {
width:50% !important;
}
}
@media only screen and (max-width: 479px) {
.fw-portfolio .portfolio-item,
.nos-portfolio .portfolio-item,
.port5 .portfolio-item,
.port3-nospace .portfolio-item,
.port2-nospace .portfolio-item,
.port5-nospace .portfolio-item,
.port3-space .portfolio-item,
.port4-space .portfolio-item,
.port2-space .portfolio-item  {
width:100% !important;
}
.zoomex2 h6 {
font-weight: 600;
color: #fff;
font-size: 18px;
text-align: center;
position: absolute;
bottom: 44%;
left: auto;
width: 100%;
}
nav.primary .portfolioFilters a {
border-radius:0px;
margin-bottom:0px;
margin-right:0px;
padding:4px 8px;
font-size:13px;
font-weight:400;
display:block;
float:left;
}
}.alt-color {
color: #80c342;
}
.alt-color1 {
color: rgb(11,28,51)
}
.alt-color2 {
color: #80c342;
background-color: rgba(248, 248, 248, 0.6);
}
body {
font-family: 'Open Sans',sans-serif;
color: #666;
font-size: 13px;
line-height: 22px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
background: #fff;
}
ol,ul {
list-style: none;
margin: 0;
padding: 0;
}
a {
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
text-decoration: none;
color: #333;
outline: 0!important;
}
a:hover {
text-decoration: none;
color: #777;
}
.read-more {
color: #80c342!important;
}
.read-more:after {
content: '\f0a9';
font-family: FontAwesome;
margin-right: 5px;
width: 20px;
display: inline-block;
color: #80c342;
}
.read-more:hover {
color: #666!important;
} .text-up{
text-transform: uppercase;
}
.div-spacer5{
width: 100%;
height: 5px;
}
.div-spacer10{
width: 100%;
height: 10px;
}
.div-spacer20{
width: 100%;
height: 20px;
}
.div-spacer40{
width: 100%;
height: 40px;
}
.div-spacer60{
width: 100%;
height: 60px;
}
.lead {
margin-top: 20px;
margin-bottom: 20px;
font-size: 16px;
line-height: 1.4;
font-family: 'Raleway', sans-serif;
}
p.big{
font-size: 18px;
font-weight: 400;
line-height: 26px;
font-family: 'Raleway', sans-serif;
}
p {
color: #666;
margin: 0 0 18px;
}
p.large {
color: #666;
font-size: 18px;
line-height: 30px;
margin: 0 0 25px;
}
.black{
color: #000;
}
.fc-white{
color: #fff !important;
}
.imgLeft{
float: left;
margin:0 24px 24px 0; 
}
.imgRight{
float: right;
margin:0 24px 24px 0; 
}
.imgCenter{
text-align: center;
display: block;
}
.imgCenter img{
margin: 0 auto 24px auto
}
.imgNone{
float: none;
margin-bottom: 24px;
}
.imgLeft img,
.imgRight img,
.imgCenter img,
.imgNone img{
padding: 5px;
border: 1px solid #eaeaea;
height: auto;
max-width: 100%;
} h1,h2,h3,h4,h5,h6 {
font-family: Raleway,sans-serif;
position: relative;
margin: 0;
margin-bottom: 15px;
color: #222;
}
h1 {
font-size: 30px;
line-height: 42px;
font-weight: 700;
}
h2 {
font-size: 24px;
line-height: 32px;
font-weight: 600;
}
h3 {
font-size: 18px;
line-height: 28px;
font-weight: 600;
}
h4 {
font-size: 16px;
font-weight: 400;
line-height: 20px;
margin-bottom: 15px;
}
h5 {
font-size: 14px;
font-weight: 400;
line-height: 18px;
margin-bottom: 15px;
}
h6 {
font-size: 12px;
font-weight: 700;
line-height: 16px;
margin-bottom: 10px;
}
img {
display: block;
height: auto;
max-width: 100%;
}
hr {
border: 0;
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f1f1f1;
padding: .08em 0;
margin: 22px 0;
}
hr.double-lines-opt1:after,hr.double-lines:after,hr.hr-dark1:after,hr.lineDot:after,hr.lineLines:after,hr.linePlus:after {
background: 0 0;
color: #9a9a9a;
content: '\f005';
display: inline-block;
font-family: FontAwesome;
font-size: 16px;
padding: 0 .25em;
position: relative;
top: -10px;
width: 33px;
}
hr.double-lines-opt1:after {
content: '\f13a';
}
hr.hr-dark1 {
border-top: 1px solid #646464;
border-bottom: 1px solid #646464;
}
hr.hr-dark1:after {
color: #80c342;
}
.page-header {
padding: 0;
margin: 0;
border: 0;
}
.mb0 {
margin-bottom: 0!important;
}
.mb20 {
margin-bottom: 20px!important;
}
.mb30 {
margin-bottom: 30px!important;
}
.mb40 {
margin-bottom: 40px!important;
}
.mt0 {
margin-top: 0;
}
.mt10 {
margin-top: 10px!important;
}
.mt20 {
margin-top: 20px!important;
}
.mt30 {
margin-top: 30px!important;
}
.mt40 {
margin-top: 40px;
}
.mt50 {
margin-top: 50px;
}
.pb0 {
padding-bottom: 0!important;
}
.p20 {
padding: 20px;
}
.pl0 {
padding-left: 0!important;
}
.ptb50 {
padding: 50px 0;
}
.copy-text {
text-transform: uppercase;
font-size: 10px;
vertical-align: middle;
display: inline-block;
line-height: 18px;
position: relative;
margin-bottom: 0;
}
.breadcrumb-container {
padding: 50px 0!important;
padding-bottom: 0;
z-index: 30001;
}
.header-title h2:after {
content: "";
border-bottom: 1px solid #fff;
height: 0;
right: -60px;
position: absolute;
top: 20px;
width: 60px;
padding: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 1;
}
.header-title {
border-bottom: 0 solid #eaeaea;
border-top: 0 solid #eaeaea;
margin: 0 0 10px;
position: relative;
float: left;
}
.header-title h2 {
display: inline-block;
margin: 0;
text-transform: uppercase;
color: #fff;
}
.high-text {
font-size: 24px;
font-weight: 300;
line-height: 30px;
}
.faq-box {
margin-bottom: 50px;
} form {
margin-bottom: 20px;
}
form button,form input,form textarea {
outline: 0;
}
.form-control {
background-color: #fff;
border: 1px solid #dcdcdc;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
padding-left: 10px;
padding-right: 10px;
}
.form-control:focus {
border-color: rgba(119,119,119,.6);
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 4px rgba(160,160,160,.1);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 4px rgba(160,160,160,.1);
}
.form-control:-moz-placeholder {
color: #777;
}
.form-control::-moz-placeholder {
color: #777;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #777;
}
.form-control::-webkit-input-placeholder {
color: #777;
font-size: 12px;
}
form textarea {
width: 100%;
max-width: 100%;
min-width: 100%;
}
label {
font-weight: 400;
letter-spacing: 1px;
margin-bottom: 5px;
}
label:first-child+input {
margin-top: 0;
}
.form-inline>button,form.form-inline>button {
margin-bottom: 0;
}
.form-inline * {
margin-right: 10px;
}
form input[type=radio].large+label {
padding-left: 20px;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
color: #333;
} .btn {
display: inline-block;
padding: 10px 18px;
font-size: 13px;
font-weight: 700;
letter-spacing: 1px;
color: #333;
text-transform: uppercase;
border-radius: 3px;
white-space: nowrap;
-webkit-transition: color .3s ease,border-color .3s ease,background .3s ease;
transition: color .3s ease,border-color .3s ease,background .3s ease;
}
.btn.icon-left .fa {
margin-right: 6px;
}
.btn.icon-right .fa {
margin-left: 6px;
}
.btn:hover {
color: #fff;
border-color: #333;
}
.btn.active,.btn:active {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-default {
background: transparent;
border: 2px solid #333;
}
.btn-default:active,
.btn-default:focus,
.btn-default:hover {
background: #333;
border-color: #333;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff
}
.btn-lg {
font-size: 16px;
padding: 14px 32px;
}
.btn-sm {
font-size: 12px;
padding: 6px 16px;
}
.btn-xs {
font-size: 10px;
padding: 3px 12px;
}
.btn-primary {
border-color: #80c342;
background: #80c342;
}
.btn-success {
background: #66cc7e;
border-color: #66cc7e;
}
.btn-warning {
background: #e6c550;
border-color: #e6c550;
}
.btn-info {
background: #47a9e6;
border-color: #47a9e6;
}
.btn-danger {
background: #e64e4e;
border-color: #e64e4e;
}
.btn-inactive {
background: #e6e6e6;
border-color: #e6e6e6;
cursor: default;
}
.btn-primary,
.btn-danger,
.btn-inactive,
.btn-info,
.btn-success,
.btn-warning {
color: #fff;
}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.btn-inactive:active,
.btn-inactive:focus,
.btn-inactive:hover,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover {
border-color: #333;
background: #333;
}
.btn-inactive:active,
.btn-inactive:focus,
.btn-inactive:hover {
background: #e6e6e6;
border-color: #e6e6e6;
}
.footer-newsletter .btn-default {
background: #80c342;
border: 2px solid #80c342;
}
.style-color {
color: #fc3250!important;
} .pagination {
margin: 0;
}
.pagination>li.active a {
background: #fc3250;
border-color: #fc3250;
}
.pagination>li.active a:hover {
background: #333;
border-color: #333;
}
.pagination>li>a,
.pagination>li>span {
color: #999;
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
color: #666;
} .pagination.circle > li > a,
.pagination.circle > li > span {
position: relative;
float: left;
padding: 0;
width: 30px;
height: 30px;
text-align: center;
border-radius: 100%;
line-height: 28px;
text-decoration: none;
color: #333;
background-color: #fff;
border: 1px solid #80c342;
margin-left: 4px;
}
.pagination.circle >li.active a {
background: #80c342;
border-color:  #80c342;
}
.pagination.circle >li.active a:hover {
background: #333;
border-color: #333;
}
.pagination.circle>li>a:focus,
.pagination.circle>li>a:hover,
.pagination.circle>li>span:focus,
.pagination.circle>li>span:hover {
color: #fff;
background: #333;
border-color: #333;
}
blockquote {
padding: 10px 20px;
border-left: 5px solid #eaeaea;
font-size: 15px;
margin: 20px;
background: #f1f1f1;
} .pager {
padding-left: 0;
margin: 0;
list-style: none;
}
.pager.align-right {
text-align: right;
}
.pager li>a,.pager li>span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #eaeaea;
border-radius: 4px;
letter-spacing: 1px;
}
.pager li>a:focus,.pager li>a:hover {
text-decoration: none;
background-color: #fc3250;
color: #fff;
border-color: #fc3250;
} .dropcap {
float: left;
color: #000;
font-size: 75px;
line-height: 60px;
padding: 6px 10px 8px;
font-weight: 300;
}
.dropcap.default {
color: #fc3250;
}
.dropcap-border {
float: left;
color: #000;
border: 1px solid #eaeaea;
background: #f1f1f1;
border-radius: 4px;
font-size: 75px;
line-height: 60px;
padding: 6px 10px 8px;
font-weight: 300;
margin: 6px 10px 20px 0;
}
.dropcap-border.default {
color: #fc3250;
} .panel-group .panel {
margin-bottom: 2px;
overflow: hidden;
border-radius: 0;
}
.panel-default {
border-color: #eaeaea;
}
.panel-group .panel-title {
font-size: 14px;
}
.panel-title a {
color: inherit;
display: block;
padding: 10px 15px;
padding-left: 50px;
}
.panel-heading {
padding: 0;
border-bottom: 1px solid transparent;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.panel-heading .accordion-toggle:after {
content: "\f068";
font-family: FontAwesome;
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 40px;
border-right: 0 solid #eaeaea;
font-size: 16px;
vertical-align: middle;
text-align: center;
line-height: 40px;
font-weight: 400;
color: #80c342;
}
.panel-heading .accordion-toggle.collapsed:after {
content: '\f067';
color: #80c342;
} .tabs > .nav-tabs{
border-bottom: 0px;
}
.tabs > .nav-tabs > li {
margin-bottom: -1px;
margin-right: 4px;
}
.tabs > .nav-tabs > li > a{
margin-right: 0;
line-height: 24px;
border: 1px solid #eaeaea;
border-radius: 0;
font-size: 14px;
font-weight: 700;
background: #f2f2f2;
outline: 0;
}
.tabs > .nav-tabs > li.active > a{
border: 1px solid #80c342 !important;
}
.tabs > .nav-tabs> li > a i{
margin-right: 5px;
font-size: 15px;
color: #80c342;
display: inline-block;
}
.tabs > .nav-tabs> li > a:hover i{
color: #fff
}
.tabs .nav-tabs>li.active>a:hover i{
color: #80c342;
}
.tabs .nav-tabs>li.active>a,
.tabs .nav-tabs>li.active>a:focus,
.tabs .nav-tabs>li.active>a:hover{
color: #555;
cursor: default;
background-color: #fff;
}
.tabs .nav > li:last-child > a {
border-right: 1px solid #eaeaea
}
.tabs .nav > li:first-child > a {
border-left: 1px solid #eaeaea;
}
.tabs .tab-content{
padding: 20px;
border: 1px solid #eaeaea;
overflow: hidden;
} .tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: none;
}
.tab-content > .active,
.pill-content > .active {
display: block;
}
.tabs-below > .nav-tabs {
border-top: 0px solid #eaeaea;
}
.tabs-below > .nav-tabs > li {
margin-top: -1px;
margin-bottom: 0;
} .tabs-below > .nav-tabs > a{}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
border: 1px solid #eaeaea;
border-top-color: transparent;
}
.tabs-below > .nav-tabs li.active > a{
border: 1px solid #80c342;
} .tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
margin-right: 0;
margin-bottom: 4px;
}
.tabs-left > .nav-tabs {
float: left;
margin-right: 0px;
}
.tabs-left > .nav-tabs > li > a {
margin-right: -5px;
}
.tabs-left > .nav-tabs li.active > a{
border: 1px solid #80c342;
}
.tabs-right > .nav-tabs {
float: right;
margin-left: 0px;
}
.tabs-right > .nav-tabs > li > a {
margin-left: -1px;
}
@media (max-width:992px){
.tabs > .nav-tabs li,
.tabs > .nav-tabs li a{
display: block!important;
float: none!important;
width: 100%;
margin-top: 2px;
margin-bottom: 2px;
background: #f2f2f2;
}
.tabs .nav-tabs li > a:hover{
background: #80c342 !important;
}
.tabs .nav-tabs li.active a,
.tabs .nav-tabs li.active {
background: #fff !important
}
.tabs-left>  .nav-tabs ,
.tabs-left > .nav-tabs li a,
.tabs-right > .nav-tabs,
.tabs-right > .nav-tabs li a
{
float: none!important;
width: 100%;
}
} .alert {
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 0px;
}
button.close .fa{
width: 30px;
height: 30px;
background: #fff;
font-size: 14px;
line-height: 30px;
border-radius: 100%;
}
.close{
opacity: 1;
filter: alpha(opacity=100);
} ul.icon-list{ 
margin: 0 
}
ul.icon-list li
{ 
margin: 0 0 6px 0; 
padding:0 
}
ul.icon-list li i{
font-size: 14px;
margin-right: 14px;
display: inline-block;
width: 30px;
text-align: center;
}
ul.icon-list li i{
color: #80c342;
}
ul.fix-list          { 
margin: 0 
}
ul.fix-list li       { 
margin: 0 0 4px 0 
}
ul.fix-list li:before{
content: "\f138";
font-family: FontAwesome;
margin-right: 10px;
display: inline-block;
font-size: 14px;
}
ul.list{
margin: 0;
padding: 0;
list-style: none;
}
ul.list li{
margin-bottom: 5px;
}
ul.list li:before{
content: '\f138';
display: block;
float: left;
position: relative;
font-family: 'FontAwesome';
margin-right: 10px;
top: 2px;
color: #80c342;
}
ul.list.style1 li:before{
content: '\f105';
}
ul.list.style2 li:before{
content: '\f10c';
}
ul.list.style3 li:before{
content: '\f0fe';
}
ul.list.style4 li:before{
content: '\f005';
} ol.list{
counter-reset: li;
list-style-type: none;
left: 0px;
}
ol.list li{
counter-increment: li;
padding-left:40px;
position: relative;
margin-bottom: 18px;
}
ol.list li:before{
content: counter(li,decimal-leading-zero) ; 
color: #fff;
left: 0;
font-size: 12px;
font-weight: 700;
display: block;
margin-right: 15px;
position: absolute;
text-align: center;
width: 30px;
height: 30px;
background: #80c342;
border-radius: 100%;
line-height: 30px
}/**/#page{
position: relative; }
body.boxed {
margin: 0 auto;
max-width: 1200px;
background: #fff;
}
@media (min-width: 992px) {
body.boxed #page {
margin: 30px auto;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.30);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.30);
border-radius: 6px;
}
body.boxed #page #top-bar
{
border-radius: 6px 6px 0 0;
}
body.boxed #page .footer-dark{
border-radius: 0 0 6px 6px
}
}  @media (max-width: 992px){
#top-bar{ }
}
#full-container{
width: 100%;
position: relative;
min-height: 500px;
background: #ccc;
margin: auto;
background: url(//teer-volz.de/wp-content/themes/teervolz/assets/images/demo/slider3.jpg) no-repeat 50% ;
}
.divider-full{
width: 100%;
text-align: center;
float: left;
}
.feature-section{
float: left;
width: 100%;
padding: 70px 0px;
border-bottom: 1px solid rgba(141,141,141,.2);
text-align: center;
}
.full-section{
float: left;
width: 100%;
padding: 70px 0px;
border-bottom: 1px solid rgba(141,141,141,.2);
overflow: hidden;
} .map-section{
}
.gmap3{
margin: 0;
width: 100%;
height: 400px;
}
.error{
color: #c0392b;
font-style: italic;
letter-spacing: normal;
}
#success, #error {
display:none
}
#success span, #error span {
display:block;
position:absolute;
top:0;
width:100%
}
#success span p, 
#error span p {
margin-top:6em
}
#success span p {
color:#9bd32d
}
#error span p {
color:#c0392b
} .one-edge-shadow {
-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,.5);
-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,.5);
box-shadow: 0 8px 6px -6px rgba(0,0,0,.5);
}
.one-edge-shadow-bg {
-webkit-box-shadow: 0 10px 10px -5px rgba(0,0,0,0.5);
-moz-box-shadow: 0 10px 10px -5px rgba(0,0,0,0.5);
box-shadow: 0 10px 10px -5px rgba(0,0,0,0.5);
}
.container-inner{
padding-top: 70px;
padding-bottom: 70px;
}
.bg-light-grey{
background: #f5f5f5
} .style-box{
padding: 0;
position: relative;
}
.style-box header{
width: 100%;
margin-bottom: 20px;
}
.style-box .icon-box {
width: 100px;
height: 100px;
border:1px solid #80c342;
background-color: #80c342;
color: #fff;
font-size: 30px;
text-align: center;
vertical-align: middle;
line-height: 100px;
border-radius: 25%;
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
margin:auto auto;
}
.style-box:hover .icon-box{
color: #80c342;
background-color: transparent;
transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
}
.style-box:hover .tvicon, .style-box:hover .fa{
transform:rotateY(-180deg);
}
.style-box .tvicon, .style-box .fa {
transform:rotate(-45deg);
}
.style-box .title{
margin-bottom: 20px;
width: 100%;
padding-bottom:20px; 
position: relative;
}
.style-box .title h3{
margin: 0;
}
.style-box .title:after{
content: "";
border-bottom: 1px solid #80c342;
height: 0;
left: 50%;
margin-left: -15px;
position: absolute;
bottom: 0px;
width: 30px;
}
.style-box .sub-title{
font-size: 12px;
text-transform: uppercase;
color: rgba(0,0,0,.7);
margin: 0;
letter-spacing: 1px;
font-weight: 600
}
.style-box .box-desc{
padding: 0 10px;
}
@media(max-width: 992px){
.style-box{
margin-bottom: 40px;
}
} .style-box1{
padding: 0;
position: relative;
}
.style-box1 header{
width: 100%;
margin-bottom: 8px;
}
.box-with-bg{
background: #f1f1f1;
padding: 15px 10px;
border-radius: 4px;
position: relative;
border:1px solid #e1e1e1;
}
.box-with-bg:before{
display: block;
content:" ";
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #e1e1e1;
position: absolute;
top: -8px;
left: 50%;
margin-left: -4px;
}
.style-box1 .fa {
width: 100px;
height: 100px;
border:1px solid #80c342;
background-color: #80c342;
color: #fff;
font-size: 30px;
text-align: center;
vertical-align: middle;
line-height: 100px;
border-radius: 100%;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.style-box1:hover .fa{
color: #80c342;
border-color: rgb(225,225,225);
background-color: #f1f1f1;
transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
}
.style-box1 .title{
margin-bottom: 20px;
width: 100%;
padding-bottom:20px; 
position: relative;
}
.style-box1 .title h3{
margin: 0;
}
.style-box1 .title:after{
content: "";
border-bottom: 1px solid #80c342;
height: 0;
left: 50%;
margin-left: -15px;
position: absolute;
bottom: 0px;
width: 30px;
}
.style-box1 .sub-title{
font-size: 12px;
text-transform: uppercase;
color: rgba(0,0,0,.7);
margin: 0;
letter-spacing: 1px;
font-weight: 600
}
.style-box1 .box-desc{
padding: 0 10px;
}
@media(max-width: 992px){
.style-box1{
margin-bottom: 40px;
}
} .vertical-features{
margin: 30px 0 0 0;
}
.vertical-list ul{
margin: 0;
padding: 0;
}
.vertical-list li{
position: relative;
margin: 0;
list-style: none;
min-height: 80px;
margin-left: 18px;
}
.vertical-list .vertical-icons .fa{
width: 60px;
height: 60px;
border:1px solid #80c342;
background-color: #80c342;
color: #fff;
font-size: 24px;
text-align: center;
vertical-align: middle;
line-height: 60px;
border-radius: 100%;
margin-bottom: 20px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
float: left;
position: relative;
z-index: 1;
margin-right: 30px;
}
.vertical-list li:hover .fa{
color: #80c342;
background-color: #222;
border-color: #222;
transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
}
.vertical-list .vertical-content{
overflow: hidden;
}
.vertical-content-right{
text-align:right;
}
.vertical-list .vertical-content h3{
font-size: 22px;
top: 10px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.vertical-list .vertical-content p{
font-size: 12px;
line-height: 18px;
color: #222
}
.vertical-list li:hover .vertical-icons{
background: #80c342;
border-color: #80c342;
}
.tm{
position: absolute;
top: 1%;
left: 30px;
width: 1px;
height: 100%;
border-right-width: 1px;
border-right-style: solid;
border-color: rgba(255,255,255,1);
} #top-bar{
line-height: 40px;
background: #fff;
color: #737373;
font-size: 11px;
border-bottom: 4px solid #80c342;
z-index: 100
}
#top-bar.dark{
background: #181818;
border-bottom: 0px solid #80c342;
}
.top-info ul{   
position: relative;
margin: 0;
list-style: none;
}
.top-info ul li{
margin: 0;
margin-right: 15px;
display: inline-block;
}
.top-info li > .fa {
font-size: 12px;
width: 24px;
height: 24px;
text-align: center;
vertical-align: middle;
line-height: 24px;
border: 1px solid rgba(115,115,115,.7);
border-radius: 100%;
margin-right: 2px;
}
@media(max-width: 767px){
.top-info >li{
text-align: center;
float: none;
display: inline-block;
}
.top-info{        
text-align: center;
}
} .social-icon a{
color: rgb(115,115,115)
}
.social-icon a > .fa  {
font-size: 14px;
width: 28px;
height: 28px;
text-align: center;
vertical-align: middle;
line-height: 28px;
border: 1px solid rgba(115,115,115,.7);
border-radius: 50%;
border-color: rgba( 115,115,115,.7);
margin-right: 5px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.social-icon.right{
text-align: right;
padding-right: 45px;
}
.social-icon a:last-child{
}
.flat-social-icons li{
float: left;
font-size: 14px;
list-style: none;
border-right: 1px solid rgba(0,0,0,0.05);
margin: 0;
position: relative;
padding: 0;
}
.flat-social-icons.right{
float: right;
}
.flat-social-icons  li  a  .fa{
display: block;
width: 30px;
height: 40px;
line-height: 40px;
text-align: center;
color: #9a9a9a;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.social-icon a:hover.facebook .fa,
.flat-social-icons a:hover.facebook .fa{
background-color: #4863AE;
border-color: #4863AE;
color: #fff;
}
.social-icon a:hover.twitter .fa,
.flat-social-icons a:hover.twitter .fa{
background-color: #46C0FB;
border-color: #46C0FB;
color: #fff;
}
.social-icon a:hover.google .fa,
.flat-social-icons a:hover.google .fa{
background-color: #DD4B39;
border-color: #DD4B39;
color: #fff;
}
.social-icon a:hover.linkedin .fa,
.flat-social-icons a:hover.linkedin .fa{
background-color: #0083A8;
border-color: #0083A8;
color: #fff;
}
.social-icon a:hover.dribbble .fa,
.flat-social-icons a:hover.dribbble .fa{
background-color: #EA4C89;
border-color: #EA4C89;
color: #fff;
}
.social-icon a:hover.youtube .fa,
.flat-social-icons a:hover.youtube .fa{
background-color: #FF0000;
border-color: #FF0000;
color: #fff;
}
.social-icon a:hover.flickr .fa,
.flat-social-icons a:hover.flickr .fa{
background-color: #FF0084;
border-color: #FF0084;
color: #fff;
}
.social-icon a:hover.pinterest .fa,
.flat-social-icons a:hover.pinterest .fa{
background-color: #C91618;
border-color: #C91618;
color: #fff;
}
.social-icon a:hover.rss .fa,
.flat-social-icons a:hover.rss .fa{
background-color: #FF7F25;
border-color: #FF7F25;
color: #fff;
}
.social-icon a:hover.tumblr .fa,
.flat-social-icons a:hover.tumblr .fa{
background-color: #5a90be;
border-color: #5a90be;
color: #fff;
}
.social-icon a:hover.instagram .fa,
.flat-social-icons a:hover.instagram .fa{
background-color: #3F729B;
border-color: #3F729B;
color: #fff;
} .footer-dark{
background-color:#231f20;
color: #8f8f8f;
border-top: 4px solid #d2d2d2;
}
.footer-widget{
position: relative;
margin-bottom: 20px;
}
.footer-widget  ul.blog-list{
list-style: none;
margin: 0;
padding: 0;
}
.footer-widget  ul.blog-list > li{
margin: 0;
padding: 5px 0;
position: relative;
border-bottom: 0px solid rgba(0,0,0,.2);
overflow: hidden;
margin-bottom: 10px
}
.footer-widget ul.blog-list li:after{
width: 100%;
content: "";
border-bottom: 1px solid rgba(255,255,255,.05);
position: absolute;
bottom: 0;
left: 0;
}
.footer-widget h6{
font-size: 14px;
text-transform: none !important;
font-weight: normal;
margin-bottom: 4px !important
}
.footer-widget ul.blog-list > li em{
color: #838383;
font-size: 11px;
font-style: normal;
}
.footer-widget .recent-post{
}
.footer-dark a{
color: #c5c5c5;
}
.footer-dark a:hover{
color:  #80c342;
}
.footer-dark h2{
color: #ccc
}
.faddress{
position: relative;
margin: 10px 0;
}
.faddress i{
display: block;
float: left;
margin-right: 10px;
font-size: 12px;
width: 24px;
height: 24px;
text-align: center;
vertical-align: middle;
line-height: 20px;
border: 1px solid rgba(115,115,115,.7);
border-radius: 50%;
border-color: rgba( 115,115,115,.7);
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.faddress .ftext{
margin-bottom: 10px;
display: block;
overflow: hidden;
}
.sub-footer-dark{
width: 100%;
border-top: 1px solid rgba(0,0,0,.2);
padding: 20px 0;
font-size: 12px;
margin: 0;
position: relative;
}
.sub-footer-dark:before{
width: 100%;
content: "";
border-top: 1px solid rgba(255,255,255,.05);
position: absolute;
top: 0;
left: 0;
}
.sub-footer-light{
width: 100%;
border-top: 1px solid rgba(0,0,0,.2);
padding: 20px 0;
font-size: 12px;
margin: 0;
background: #fff;
position: relative;
}
.footer-menu{
margin: 0;
padding: 0;
list-style: none;
}
.footer-menu li{
display: inline-block;
padding-left: 10px;
}
ul.footer-list{
margin: 0;
padding: 0;
}
ul.footer-list li{
margin: 0;
border-bottom: 1px dotted #333;
position: relative;
float: left;
width: 100%
}
ul.footer-list li > a{
display: block;
padding: 4px 6px;
}/*/*//**//*/*/#tweecool ul{
margin: 0;
padding: 0;
}
#tweecool ul > li {
list-style: none;
clear: both;
padding-bottom: 5px;
margin-bottom: 10px;
overflow: hidden;
}
#tweecool  li > a  {
float: left;
position: relative;
border:1px dotted #333; 
margin-right: 20px;
padding: 2px;
}
#tweecool  li > a img{width: 50px;
height: 50px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgba(255,255,255,0.05);}
#tweecool ul > li .tweets_txt {
display: block;
overflow: hidden;
line-height: normal;
}
#tweecool ul li .tweets_txt > a{
float: none;
color: #80c342;
margin-top: -8px;
}
#tweecool ul li .tweets_txt span {
font-style: italic;
color: #80c342;
display: block;
}/*/*//**//*/*/ul.flickr-widget  {
overflow: hidden;
}
ul.flickr-widget li {
float: left !important;
margin:0;
margin-right: 5px;
border-bottom: none !important;
}
ul.flickr-widget li:nth-child(3n+1) {
margin-left: 0;
}
ul.flickr-widget  li a {
display: inline-block;
width: 80px;
opacity: 0.8;
border: 4px solid #333;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
ul.flickr-widget  li a img {
width: 100%;
}
ul.flickr-widget  li a:hover {
opacity: 1;
border: 4px solid #80c342;
}/**/.sb-search {
position: absolute;
right: 15px;
top: 0;
min-width: 30px;
height: 40px;
overflow: hidden;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
transition: width 0.3s;
-webkit-backface-visibility: hidden;
}
.sb-search-input {
position: absolute;
top: 0;
right: 0;
border: none;
outline: none;
background: rgba(255,255,255,.8);
width: 96%;
height: 40px;
margin: 0;
padding: 0px 3% 0px 1%;
line-height: 20px;
border-left: 2px solid #80c342 !important;
z-index: 1
}
.hd-center .sb-search {
min-width: 30px;
height: 55px;
}
.hd-center .sb-search-input {
background: rgba(11,28,51,.8);
width: 97%;
height: 51px;
margin: 0;
padding: 0px 2% 0px 1%;
line-height: 30px;
z-index: 1
}
.hd-center .sb-icon-search,
.hd-center .sb-search-submit  {
width: 30px;
height: 51px;
display: block;
position: absolute;
right: 0;
top: 0;
padding: 0;
margin: 0;
line-height: 50px;
text-align: center;
cursor: pointer;
}
.sb-search form input[type="text"] {
border: 0px solid rgba(160, 160, 160, 0.3);
box-shadow: none;
}
.sb-icon-search,
.sb-search-submit  {
width: 30px;
height: 40px;
display: block;
position: absolute;
right: 0;
top: 0;
padding: 0;
margin: 0;
line-height: 40px;
text-align: center;
cursor: pointer;
}
.sb-search-submit {
background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;
color: transparent;
border: none;
outline: none;
}
.sb-icon-search {
color: #fff;    
background: #80c342;
z-index: 90;
font-size: 16px;
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
}
.sb-icon-search:before {
content: "\f002";
} .sb-search.sb-search-open,
.no-js .sb-search {
width: 100%;
}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
background: #fff;
color: #80c342;
z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
z-index: 90;
}
.full-width-recent-projects .projects-carousel {
width: 100% !important;
}
.full-width-recent-projects .projects-carousel .item {
margin: 0;border-top: 10px solid #eaeaea;
border-bottom: 10px solid #80c342;
}
.margin-def .item{
position: relative;
margin-bottom: 30px;
padding: 0 10px;
} .ccarosel .owl-controls .owl-buttons {
position: absolute;
top: 0px;
right: 0px;
}
.ccarosel.projects-carousel .owl-controls .owl-buttons {
right: 0px;
}
.ccarosel.navigation-2 .owl-controls .owl-buttons {
position: relative;
top: 0;
right: 0;
}
.ccarosel.navigation-2.clients-carousel .owl-controls .owl-buttons {
top: -8px;
}
.ccarosel.navigation-2 .owl-controls .owl-buttons div, 
.ccarosel.navigation-3 .owl-controls .owl-buttons div{
background-color: #000;
}
.ccarosel.navigation-2 .owl-controls .owl-buttons div i, 
.ccarosel.navigation-3 .owl-controls .owl-buttons div i{
color: #666;
}
.ccarosel.navigation-3 {
padding-top: 0px;
}
.ccarosel.navigation-3.clients-carousel {
padding-top: 0px;
}
.ccarosel.navigation-3 .owl-controls .owl-buttons {
position: absolute;
top: 20px;
right: 0;
width: 100%;
background: #f00
}
.ccarosel .owl-controls .owl-buttons .owl-prev {
position: absolute;
top: 80px;
left: 15px;
pointer-events: auto;
}
.ccarosel .owl-controls .owl-buttons .owl-next {
position: absolute;
top: 80px;
right: 15px;
pointer-events: auto;
}
.ccarosel.navigation-2 .owl-controls .owl-buttons div, 
.ccarosel.navigation-3 .owl-controls .owl-buttons div {
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.ccarosel.navigation-3.projects-carousel .owl-controls .owl-buttons {
right: 0;
}
.ccarosel .owl-controls .owl-buttons div, 
.testimonials-carousel .owl-controls .owl-buttons div {
height: 22px;
width: 22px;
line-height: 22px;
display: inline-block;
zoom: 1;
*display: inline; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
margin-left: 4px;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.ccarosel .owl-controls .owl-buttons div i, 
.testimonials-carousel .owl-controls .owl-buttons div i {
font-size: 1.6em;
color: #f00;
text-shadow: 0 1px 1px rgba(0,0,0,.2);
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.team-carousel .owl-controls .owl-buttons .owl-prev {
position: absolute;
top: 100px;
left: 0px;
pointer-events: auto;
}
.team-carousel .owl-controls .owl-buttons .owl-next {
position: absolute;
top: 100px;
right: 0px;
pointer-events: auto;
}/*/*//**//*/*/.parallexbg{
width: 100%;
height: 100%;
background: url(//teer-volz.de/wp-content/themes/teervolz/assets/images/site_content/bg2.jpg) #fff;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.background1{
background: url(//teer-volz.de/wp-content/themes/teervolz/assets/images/bg-images/bg1.jpg) #fff;
}
.background2{
background: url(//teer-volz.de/wp-content/themes/teervolz/assets/images/bg-images/bg2.jpg) #fff;
}
.background3{
background: url(//teer-volz.de/wp-content/themes/teervolz/assets/images/bg-images/bg4.jpg) #fff;
}
.background6{
background: url(//teer-volz.de/wp-content/themes/teervolz/assets/images/bg-images/bg6.jpg) #fff;
}/**/.section-title{
margin-bottom: 50px;
}
.section-title.center{
text-align: center;
}
.section-title.right{
text-align: right;
}
@media(max-width: 992px){
.section-title,
.section-title.center,
.section-title.right{
text-align: center;
}
}
.section-title > h2{
font-size: 30px;
font-weight: 700;
margin-bottom: 0;    
}
.dark .section-title > h2{
color: #fff
}
.section-title .icon{
display: inline-block;
font-size: 18px;
width: 80px;
margin: 0 auto;
margin-left: 7px;
margin-right: 7px;
position: relative;
height: 1px;
background: #80c342;
}
.section-title .icon:before {
display: inline-block;
content: "";
border: 1px solid #80c342;
position: absolute;
left: 47%;
top: -3px;
width: 8px;
height: 8px;
border-radius: 20%;
background: #80c342;
transform:rotate(45deg);
}
.bg-pattern-1{
background:url(//teer-volz.de/wp-content/themes/teervolz/assets/images/pattern/bg-pattern-1-s.png) repeat;
} .page-header {
margin: 0;
padding: 40px 0;
border-bottom: 1px solid rgba(0,0,0,.06);
height: 100px;
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
background: #f1f1f1
}
.page-header.p-bg1{
background: #f1f1f1
}
.page-header.big{
height: auto;
padding: 0;
overflow: hidden;
}
.page-header .heading-title{
position: relative;
vertical-align: middle;
}
.page-header .heading-title > h2 {
font-size: 32px;
font-weight: 600;
position: relative;
margin-bottom: 0 !important;
}
.page-header.dark h2{
color: #fff !important;
}
@media(max-width: 991px){
.page-header.style-big{
}
.page-header > h2{
text-align: center;
padding-bottom: 0
}
}
.page-header.bg-pattern{
padding-top: 30px;
}
.page-header.style-flat{
padding-top: 30px;
background: #dadada
}
.page-header.light-color h2{
color: #666
}
.page-header-small {
width: 100%;
font-size: 18px;
padding: 35px 0;
color: #999;
}
.page-header-small h2 {
font-size: 36px;
display: inline-block;
font-weight: 300;
padding: 0;
color: #fff;
position: relative;
} .page-header .breadcrumb{
text-align: right;
margin: 0;
padding: 0;
padding-bottom: 24px;
position: relative;
margin-top: 0px;
background: none;
}
.page-header .breadcrumb li{
display: inline-block;
font-size: 10px;
text-transform: uppercase;
list-style: none;
position: relative;
}
.page-header .breadcrumb > li + li:before {
content: "||";
padding: 0px 5px;
color: #80c342;
}
.page-header .breadcrumb a{
color: #fff
}
.page-header.light-color .breadcrumb a{
color: #666
}
.page-header.light .breadcrumb a{
color: #333
}
@media(max-width: 991px){
.page-header .breadcrumb{
text-align: center;
padding: 5px 0;
}
} .skills {}
.progress {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 30px;
margin-bottom: 14px;
overflow: hidden;
background-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
border-bottom: 2px solid #d5d5d5
}
.progress.border-radius {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.progress-bar {
font-size: 12px;
filter: none;
text-transform: uppercase;
padding: 0 5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
line-height: 30px;
text-align: right;
text-indent: 10px;
text-shadow: none;
-webkit-transition: background 0.2s linear;
transition: background 0.2s linear;
position: relative;
}
.progress .progress-label{
float: left;
}
.progress-data{
font-weight: 900;
background: rgba(0,0,0,.4);
position: absolute;
right: 0;
text-align: center;
padding: 0 5px;
}
.progress-striped{
background-color: #fff;
}
.progress-info ,
.progress-info.progress-striped{
background-color: #0098ca;
}
.progress-success ,
.progress-success.progress-striped{
background-color: #738d00;
}
.progress-warning ,
.progress .bar-warning,
.progress-warning.progress-striped ,
.progress-striped .bar-warning {
background-color: #f89406;
}
.progress-danger ,
.progress-danger.progress-striped{
background-color: #c10841;
} .testimonial.option2{
text-align: left !important;
padding: 10px;
border: 1px solid #eaeaea
}
.testimonial{
padding: 0px 0;
text-align: center;
}
.testimonial .testimonial-pic img{
margin: 0 auto;
width: 120px;
height: 120px;
border-radius: 100%;
border: 6px solid #fff;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.testimonial:hover .testimonial-pic img{
border: 6px solid #80c342;
}
.testimonial p{
line-height: 24px;
text-align: center;
}
.testimonial .author{
font-size: 11px;
font-weight: 800;
margin-top: 10px;
color: #80c342;
}
.navigation1 .owl-controls .owl-buttons div,
.team-carousel .owl-controls .owl-buttons div{
border: 1px solid #80c342;
display: inline-block;
line-height: 48px;
font-size: 24px;
position: absolute;
top: 10%;
width: 48px;
text-align: center;
vertical-align: middle;
height: 48px;
border-radius: 50%;
background: transparent;
color: #333;
margin: 0;
padding: 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.navigation1 .owl-controls .owl-page,
.team-carousel .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline; }
.navigation1 .owl-controls .owl-page span,
.team-carousel .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50); opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791;
}
.navigation1 .owl-controls .owl-page.active span,
.navigation1 .owl-controls.clickable .owl-page:hover span,
.team-carousel .owl-controls .owl-page.active span,
.team-carousel .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100); opacity: 1;
background: #80c342;
}
.center-owl-nav .owl-controls .owl-buttons div{
top: 40%;
}
.navigation1 .owl-theme .owl-pagination,
.team-carousel .owl-theme .owl-pagination{
position: absolute;
right: 0;
bottom: 20px;
background: #000;
padding: 5px;
border-radius: 4px 0 0 4px;
opacity: .5
} .team-box{
margin-bottom: 20px;
display: block;
overflow: hidden;
}
.team-box:hover .team-member{
border-bottom: 5px solid #80c342;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.team-box .team-member{
border-bottom: 5px solid transparent;
position: relative;
}
.team-box .team-member img{
max-width: 100%;height: auto;
}
.team-box h2{ 
margin-bottom: 5px
}
.team-desc{
padding: 15px;
border: 1px solid #eaeaea;
}
.team-desc > p{
height: 120px;
overflow: hidden;
}
.team-box .team-role
{
color: #80c342;
font-size: 11px;
text-transform: uppercase;
margin-bottom: 10px;
display: inline-block;
}
.team-member:hover .item-overlay{
opacity: 1;
filter: alpha(opacity=100);
}
.team-member .item-overlay .p-item-nav{
position: absolute;
bottom: 2px;
top: 50%;
margin-left: -22px;
margin-top: -22px
}
.team-single{
display: block;
position: relative;
border: 0px solid rgba(0,0,0,.05);
z-index: 1
}
.team-single .team-overlay{
position: absolute;
width: 50%;
height: 100%;
right: 0;
display: block;
padding: 30px;
z-index: 3;
background: #80c342;
}
.team1{
background: url(//teer-volz.de/wp-content/themes/teervolz/assets/images/team/member.jpg) no-repeat center #fff;
height: 352px;
padding: 60px 0;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
position: relative;
overflow: hidden;
}
.team-over{
padding: 15px 0;
z-index: 3;
background: #80c342;
}
@media(max-width:992px) and (min-width: 767px){
.team-box .team-member{
border-bottom: 0px solid #eaeaea;
position: relative;
float: left;
margin-right: 30px;
}
.projects-carousel .team-box .team-member{
border-bottom: 0px solid #eaeaea;
position: relative;
float: none;
margin-right: 0px;
}
.team-desc{
border: 0px solid #eaeaea !important;
}
.team-box{
border: 1px solid #eaeaea !important;
}
} aside .widget {
margin: 0 0 48px;
}
.widget #searchform {
display: inline-block;
width: 100%;
overflow: hidden;
background-color: #fff;
border: 1px solid #eaeaea;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
.widget-list{
margin: 0;
}
.widget-inner{}
.widget-list ul li       { 
margin: 0 0 7px 0 
}
.widget-list ul li:before{
content: "\f138";
font-family: 'FontAwesome';
margin-right: 10px;
display: inline-block;
font-size: 14px;
}
.widget-list ul li a{
color: #80c342;
}
.widget-list ul li a:hover{
color: rgb(0,0,0);
}
.widget .post-list{
margin: 0;
border: 1px solid #eaeaea;
border-radius: 4px;
}
.widget .post-list > li{
margin: 0;
padding: 8px 0;
display: block;
overflow: hidden;
border-bottom: 1px solid #eaeaea;
}
.widget .post-list > li:last-child{
border-bottom: none;
}
.widget .post-list .img-post{
float: left;
width: 75px;
margin-left: 5px;
}
.post-list .meta {
margin-left: 90px;
overflow: hidden;
margin-bottom: 0;
}
.post-list .meta h5{
margin: 0;
}
.post-list .meta em{
font-size: 11px;
color: #ccc
}
.widget-cloud .tagCloud a {
display: inline-block;
padding: 4px 8px;
border: 1px solid #cecece;
border-radius: 4px;
margin: 0 3px 6px 0;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.widget-cloud .tagCloud a{
background: #80c342;
border: 1px solid #80c342;
color: #fff
}
.widget-cloud .tagCloud a:hover{
background: rgb(0,0,0);
border: 1px solid rgb(0,0,0);
color: #fff
} iframe {
border: none;
max-width:100%;
display:block
}
.blog-widget{
padding-left: 86px;
position: relative;
overflow: hidden;
padding-bottom: 80px;
}
.blog-widget .blog-header{
position: relative;
}
.blog-widget > .tm{
position: absolute;
top: 1%;
left: 36px;
width: 2px;
height: 100%;
border-right-width: 2px;
border-right-style: solid;
border-color: rgba(0,0,0,.1);
}
.blog-widget .blog-header > h2{
margin-bottom: 5px;
}
.blog-header > .blog-meta{
font-size: 11px;
text-transform: uppercase;
}
.blog-header > .blog-meta > span:after{
content: '||';
color: #f00;
display: inline-block;
padding: 0 5px;
}
.blog-header > .blog-meta > span:last-child:after{
display: none;
}
.blog-widget .date-icon{
position: absolute;
left: 0px;
width: 74px;
height:74px;
border-radius: 50%;
line-height: 74px;
text-align: center;
z-index: 1
}
.blog-widget:hover .date-icon{
background: #80c342;
color: #fff
}
.blog-widget .blog-element{
padding: 8px;
border: 1px solid #eaeaea;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
margin: 30px auto 0 auto;
text-align: center;
}
.blog-widget .blog-element-media{
padding: 8px;
border: 1px solid #eaeaea;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
margin: 30px auto 0 auto;
}
.blog-element-slider{}
.blog-widget .blog-summary{
margin-top: 30px;
}
.date-icon.option1{
border: 2px solid #80c342;
background: #fff;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.blog-widget blockquote small{
margin-top: 10px;
text-align: right;
}
.blog-widget blockquote{ 
border-left: 2px solid #D82345} .date-icon >span{
font-size: 12px;
} .blog-hr{
margin: 0px 0 0 36px;
padding: 0;
border-top: 1px solid rgba(0,0,0,.1);
border-bottom: 1px solid rgba(0,0,0,.1)
} .blog-sm > .blog-element,
.blog-sm > .blog-summary,
.blog-sm > .blog-element-media
{
width: 46%;
float: left;
}
.blog-sm > .blog-summary
{
margin-left: 4%;
}
.blog-comments                    {
margin: 40px 0;
border: 0px solid #eaeaea;
padding: 10px 0;
margin-left: 36px
}
.blog-comments .media{
background: #f5f5f5;
padding: 10px 15px;
}
.blog-comments .media .media{
background: #fff;
border-radius: 6px;
border: 1px solid #eaeaea
}
.media .pull-left img             {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.comment-info                     {
border: 0px solid #eaeaea;
margin-top: 20px;
margin-bottom: 20px;
}
h4.media-heading{
font-weight: 600;
color: #80c342;
} .pricing-wrap{
padding: 20px 15px; 
text-align: center;
margin-bottom: 30px;
}
.pricing-box{
padding:0;
margin: 0 -14px 0 -17px ;
border: 1px solid rgb(234,234,234);
text-align: center;
position: relative;
}
.pricing-box .select-plan{
position: relative;
bottom: -26px;
text-align: center;
padding: 5px 0;
}
.pricing-box .select-plan.selected{
bottom: -34px;
}
.pricing-box.selected{
-moz-box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
z-index: 5;
border: 10px solid rgba(255,255,255,1);
position: relative;
top:-9px
}
h3.price-title{
font-size: 24px;
font-weight: 600;
padding: 20px;
margin: 0;
border-bottom: 1px solid rgb(234,234,234);
}
h3.price-title:after{
display: block;
content:" ";
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid rgb(234,234,234);
position: absolute;
bottom: -12px;
left: 50%;
margin-left: -12px;
}
h3.price-title.selected{
background: #80c342;
color: #fff;
border-radius: 6px;
}
h3.price-title.selected:after{
border-top: 12px solid #80c342;
}
.pricing-top{
position: relative;
text-align: center;
}
.pricing-top .price-box{
font-size: 12px;
font-weight: 600;
padding:40px 20px;
position: relative;
text-align: center;
}
.pricing-top .price-box .currency{
position: relative;
top:-20px;
}
.pricing-top .price-box .price{
font-size: 36px;
font-weight: 600;
}
.pricing-box.selected .pricing-list{
border-radius: 6px;
background: rgba(231,231,231,1)
}
.pricing-box.selected .pricing-list > span{
border-bottom: 1px solid rgba(0,0,0,.04);
}
.pricing-list > span{
padding: 15px 4px;
border-bottom: 1px solid rgb(231,231,231);
display: block
}
.pricing-list span:first-child{
border-top: 10px solid rgba(231,231,231,.5);
}
@media(max-width: 992px){
.pricing-box{
margin-bottom: 50px;
}
} .feature-option4 .feature-box{
text-align: left;
}
.feature-option4 .feature-box .icon{    
background: #80c342;
border: 1px solid #80c342;
color: #fff;
font-size: 24px;
width: 64px;
height: 64px;
line-height: 64px;
text-align: center;
vertical-align: middle;
border-radius: 100%;
margin-bottom: 20px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
float: left;
margin-right: 20px;
}
.feature-box .icon-text{
overflow: hidden;
}
.feature-box .icon-text h3{
font-size: 18px;
margin-bottom: 12px;
font-weight: bold;
letter-spacing: 1px;
}
.feature-option4 .feature-box:hover .icon {
color: #80c342;
background-color: transparent;
}
.feature-option4 .feature-box:hover .icon-text h2 {
color:#80c342;
}
.dark.feature-option5 h3{
color: #fff !important
}
.dark.feature-option5 p{
color: #fff;
opacity: .6
}
.process-wrapper{ }
.process-item{
position: relative;
height: 180px;
padding-top: 20px;
}
.process-item .tm:after{
bottom: -12px;
left: -7px;
font-family: 'FontAwesome';
content: "\f192";
font-size: 16px;
background: none;
position: absolute;
color: #ccc
}
.process-item{
border-bottom: 1px dashed #ccc; }
.process-wrapper .icon{
z-index: 5;
position: relative;
}
.process-wrapper .feature-box:hover .icon {
color: #80c342;
background-color: #fff;
}
.process-item:last-child:before{
content: ''
}
.process-item .icon-text{
overflow: hidden;
z-index: 10;
position: relative;
}
.process-item .process-num{
font-size: 96px;
font-weight: 600;
color: rgba(172,172,172,.2);
z-index: 1;
position: absolute;
bottom: 24px;
left: 50%;
}
.process-item:last-child{
border-right: 0
}
.process-wrapper .tm{
position: absolute;
top: 15%;
left: 48px;
width: 1px;
height: 85%;
border-right-width: 1px;
border-right-style: dashed;
border-color: #ccc;
}
.process-wrapper .tm.color{
border-color: rgb(172,172,172)
}
.process-item .tm.color:after{
color: rgb(172,172,172)
}
.process-item.color{
border-bottom: 1px dashed rgb(172,172,172)
}
@media(max-width: 992px){
.process-wrapper .tm{
top: 0;
height: 100%
}
.process-item .tm:after{
bottom: 40px;
left: -7px;
font-family: 'FontAwesome';
content: "\f13a";
font-size: 16px;
background: none;
position: absolute;
color: #80c342;
}
.process-item,
.process-item.color{
padding-top: 0px;
border-bottom: 0
}
} .page404{
position: relative;
text-align: center;
}
.page404 h1.pagetxt {
font-size: 172px;
color: rgba(0,0,0,.3);
}
.page404 i.fa{
color: #ccc;
margin: 0;
padding: 0;
display: inline-block;
font-size: 50px;
width: 120px;
height: 120px;
line-height: 120px;
top: 100px;
position: relative;
background-color: #fff;
border: 2px solid #D82345;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
z-index: 1
}
.page404:hover .fa{
color: #D82345 
}
.page404  .white{
color: #fff !important;
background: transparent;
border-bottom: none;
z-index: -1;
text-indent: -99999;
}
.page404-inner{
margin-top: 80px;
}
@media(max-width: 767px){
.page404 h1.pagetxt {
font-size: 102px;
color: rgba(0,0,0,.3);
}
.page404 i.fa {
opacity: .5;
border: 2px solid #D82345;
}
.page404{
text-align: center;
}
} #back-top {
position: fixed;
bottom: 10px;
right: 15px;
margin-left: 0px;
z-index: 9898989;
width: 40px;
height: 40px;
border-radius: 100%;
background: rgba(0,0,0,.5);
}
#back-top a {
display: block;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #fff; -webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
color: #000;
} #back-top .fa {
display: block;
line-height: 40px;
font-size: 18px;
z-index: 100; -webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
} .header-shadow            {
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
}
@media (max-width: 991px)                             { 
.fixedHeader   { position: static }
} .rotator-wrapper          {
background: #1d212a;
position: relative;
overflow: hidden;
border-bottom: 3px solid rgb(234,234,234);
}
.camera_wrap              { max-height: 500px }
#back_to_camera           {
clear: both;
display: block;
height: 80px;
line-height: 40px;
padding: 20px;
margin-bottom: 20px;
}
#slider-wrap              {
overflow: hidden;
position: relative;
max-height: 500px;
}
.camera_caption           {
width: 80%;
display: block;
position: absolute;
top: 20%;
left: 10%;
bottom:15%;
background-color:rgba(255,255,255,0.7);
}
.camera_caption > div     { background: transparent }
.cap-title h1             {
font-size: 50px;
color: #000;
text-transform: uppercase;
margin: 0;
margin-bottom: 20px;
}
.cap-title h2             {
font-size: 24px;
font-weight: 400;
color: #0B1C33;
text-transform: uppercase;
margin: 0px 250px 20px 250px ;
position:relative
}                          
.cap-title span.highlight {
font-weight: 900;
color: #231f20;
display: inline-block !important;
border-bottom: 4px solid rgba(0,0,0,.2);
padding-bottom: 20px;
}
.cap-title-2              {
font-size: 14px;
color: #0B1C33;
margin: 0px 150px 10px 150px ;
line-height: 24px;
position:relative
}
@media(max-width: 768px){
.camera_caption           {
width: 90%;
display: block;
position: absolute;
top: 5%;
left: 5%;
bottom: 5%;
}
.cap-title h1             {
font-size: 21px;
font-weight: 400;
color: #000;
text-transform: uppercase;
margin: 0;
margin-bottom: 10px;
}        
.cap-title h2             {
font-size: 11px;
font-weight: 400;
color: #000;
text-transform: uppercase;
margin: 0;
margin-bottom: 10px;
line-height:12px;
}       
.cap-title span.highlight {
font-weight: 700;
color: #231f20;
display: inline-block !important;
border-bottom: 4px solid rgba(0,0,0,.2);
padding-bottom: 2px;
}
.cap-title-2              {
font-size: 12px;
font-weight: 400;
color: #333;
margin-bottom: 10px;
line-height: 12px;
margin:0;
}
}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
background: #D82345;
background: #80c342;
} .left-icon-block      {
position: relative;
padding: 8px 0 10px 60px;
}
.left-icon-block i    {
position: absolute;
left: 0;
top: 0;
}
.left-icon-block i.fa {
color: #333;
margin: 0;
padding: 0;
display: inline-block;
font-size: 18px;
width: 40px;
height: 40px;
line-height: 40px;
background-color: #fff;
border: 1px solid rgb(234,234,234);
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
} .col-std                        { margin-bottom: 20px } #spinner
{
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(//teer-volz.de/wp-content/themes/teervolz/assets/images/spinner.gif) 50% 50% no-repeat #fff;
} .call-action-box{
background: #eaeaea;
padding: 20px 0;
width: 100%;
position: relative;
display: block;
float: left;    
}
.call-action-box .btn{
vertical-align: middle;
margin-top: 10px;
}
.call-action-box.style-1{
background: #80c342;
}
.call-action-box.style-1 p{
color: #fff
} .clients-carousel .client-item{
text-align: center;
padding: 5px;
border: 1px solid #eaeaea;
margin-left: 5px;
margin-right: 5px;
}
.clients-carousel .client-item img{
margin: 0 auto
}
.clients-carousel .owl-controls{
margin-top: 20px;
} .timeline {
position: relative;
width: 660px;
margin: 0 auto;
margin-top: 20px;
padding: 1em 0;
list-style-type: none;
}
.timeline:before {
position: absolute;
left: 50%;
top: 0;
content: ' ';
display: block;
width: 6px;
height: 100%;
margin-left: -3px;
background: #80c342;
background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
background: -webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
background: -o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
background: -ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
background: linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
z-index: 5;
}
.timeline li {
padding: 1em 0;
}
.timeline li:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.direction-l {
position: relative;
width: 300px;
float: left;
text-align: right;
}
.direction-r {
position: relative;
width: 300px;
float: right;
}
.flag-wrapper {
position: relative;
display: inline-block;
text-align: center;
}
.flag {
position: relative;
display: inline;
background: rgb(248,248,248);
padding: 6px 10px;
border-radius: 5px;
font-weight: 600;
text-align: left;
}
.flag2 {
position: relative;
display: inline;
background: rgb(248,248,248);
padding: 6px 10px;
border-radius: 5px;
font-weight: 600;
text-align: left;
}
.direction-l .flag {
-webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}
.direction-r .flag {
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}
.direction-l .flag2 {
-webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}
.direction-r .flag2 {
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}
.direction-l .flag:before,
.direction-r .flag:before {
position: absolute;
top: 50%;
right: -40px;
content: ' ';
display: block;
width: 20px;
height: 20px;
margin-top: -10px;
background: #80c342;
border-radius: 10px;
z-index: 10;
}
.direction-l .flag2:before,
.direction-r .flag2:before{
position: absolute;
top: 50%;
right: -30px;
content: ' ';
display: block;
width: 20px;
height: 20px;
margin-top: -10px;
z-index: 10;
content:"\f091";
text-align:center;
font-size:42px;
color:#80c342;
font-family: 'FontAwesome';
}
.direction-r .flag:before {
left: -40px;
}
.direction-l .flag:after {
content: "";
position: absolute;
left: 100%;
top: 50%;
height: 0;
width: 0;
margin-top: -8px;
border: solid transparent;
border-left-color: rgb(248,248,248);
border-width: 8px;
pointer-events: none;
}
.direction-r .flag:after {
content: "";
position: absolute;
right: 100%;
top: 50%;
height: 0;
width: 0;
margin-top: -8px;
border: solid transparent;
border-right-color: rgb(248,248,248);
border-width: 8px;
pointer-events: none;
}
.time-wrapper {
display: inline;
line-height: 1em;
font-size: 0.66666em;
color: rgb(250,80,80);
vertical-align: middle;
}
.direction-l .time-wrapper {
float: left;
}
.direction-r .time-wrapper {
float: right;
}
.time {
display: inline-block;
padding: 4px 6px;
background: rgb(248,248,248);
}
.desc {
margin: 1em 0.75em 0 0;
color:#222;
font-size: 0.87777em;
line-height: 1.5em;
}
.direction-r .desc {
margin: 1em 0 0 0.75em;
} @media screen and (max-width: 660px) {
.timeline {
width: 100%;
padding: 4em 0 1em 0;
}
.timeline li {
padding: 2em 0;
}
.direction-l,
.direction-r {
float: none;
width: 100%;
text-align: center;
}
.flag-wrapper {
text-align: center;
}
.flag {
background: rgb(255,255,255);
z-index: 15;
}
.flag2 {
background: rgb(255,255,255);
z-index: 15;
}
.direction-l .flag:before,
.direction-r .flag:before {
position: absolute;
top: -30px;
left: 50%;
content: ' ';
display: block;
width: 20px;
height: 20px;
margin-left: -9px;
background: #80c342;
border-radius: 10px;
border-color: #80c342;
z-index: 10;
}
.direction-l .flag:after,
.direction-r .flag:after {
content: "";
position: absolute;
left: 50%;
top: -8px;
height: 0;
width: 0;
margin-left: -8px;
border: solid transparent;
border-bottom-color: rgb(255,255,255);
border-width: 8px;
pointer-events: none;
}
.time-wrapper {
display: block;
position: relative;
margin: 4px 0 0 0;
z-index: 14;
}
.direction-l .time-wrapper {
float: none;
}
.direction-r .time-wrapper {
float: none;
}
.desc {
position: relative;
margin: 1em 0 0 0;
padding: 1em;
background: rgb(245,245,245);
-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20);
-moz-box-shadow: 0 0 1px rgba(0,0,0,0.20);
box-shadow: 0 0 1px rgba(0,0,0,0.20);
z-index: 15;
}
.direction-l .desc,
.direction-r .desc {
position: relative;
margin: 1em 1em 0 1em;
padding: 1em;
z-index: 15;
}
}
@media screen and (min-width: 400px ?? max-width: 660px) {
.direction-l .desc,
.direction-r .desc {
margin: 1em 4em 0 4em;
}
}
table tr:nth-child(odd){
background-color:#f3f3f3;
}
table tr td{padding:5px 10px;}#mainheader {
width: 100%;
display: block;
position: relative;
background: rgb(11,28,51);
}
.header {
padding: 0;
width: 100%;
z-index: 101;
transition: all 0.2s ease 0s;
background-color:#231f20;
position: relative;
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
}
.navbar {
margin-bottom: 0;
z-index: 8000;
min-height: inherit;
}
.navbar-default {
border-radius: 0;
border: none;
background: transparent;
box-shadow: none;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
color: #fff;
background: #333;
}
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus {
background-color: #000;
color: #555;
}
.navbar-brand {
margin-top: -10px;
}
.navbar .nav > li > a {
background: none;
font-style: normal;
line-height: 34px;
color: #fff;
padding: 24px 10px;
position: relative;
font-size: 13px;
font-weight: 600;
text-transform: uppercase; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transition: transform 0.8s ease-out;
-moz-transition: transform 0.8s ease-out;
-o-transition: transform 0.8s ease-out;
-ms-transition: transform 0.8s ease-out;
transition: transform 0.8s ease-out;
}
.navbar .nav > li > a span{
display: block;
font-size: 10px;
text-transform: uppercase;
line-height: 13px;
margin: 0 !important;
color: rgba(255,255,255,.5);
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
color: #fff;
background-color: #80c342;
box-shadow: 0px 5px #689e36;
}
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
color: #fff;
background-color: #689e36;
box-shadow: 0px 5px #689e36; }
.nav > li > a >.fa {
font-size: 13px;
vertical-align: middle;
padding-right: 6px;
color: rgba(255,255,255,.4);
display: block;
text-align: center;
margin: 0!important;
} .navbar.with-icon  .nav > li > a {
padding: 24px 15px;
}
.navbar.with-icon .nav > li > a >.fa {
font-size: 13px;
vertical-align: middle;
padding-right: 6px;
color: rgba(255,255,255,.4);
display: block;
text-align: center;
margin: 0!important;
}
.nav > li:last-child > a {
border-right: none;
}
.nav > li:first-child > a {
border-left: 0px solid #eaeaea;
}
.nav li:hover > a {
background-color: #80c342;
color: #fff;
}
.navbar ul.dropdown-menu {
border: 0;
border-radius: 0;
box-shadow: none;
padding: 0;
font-size: 13px;
top: auto;
background: rgba(11,28,51,1);
width: 200px;
border-top: 4px solid rgba(216,35,69,1);
box-shadow: 0px 0px 5px rgba(0,0,0,.5);
}
.dropdown > .dropdown-menu,
.dropdown-menu > .dropdown-submenu ul.dropdown-menu {
animation-name: slidenavAnimation;
animation-duration: .5s;
animation-iteration-count: 1;
animation-timing-function: ease;
animation-fill-mode: forwards;
-webkit-animation-name: slidenavAnimation;
-webkit-animation-duration: .5s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: forwards;
-moz-animation-name: slidenavAnimation;
-moz-animation-duration: .5s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: forwards;
}
@keyframes slidenavAnimation {
from {
opacity: 0;
}
to {
opacity: 1;
};
}
@-webkit-keyframes slidenavAnimation {
from {
opacity: 0;
}
to {
opacity: 1;
};
}
.navbar ul.dropdown-menu > li {
margin: 0;
}
.navbar ul.dropdown-menu > li > a {
color: #ECECED;
font-weight: 400;
text-transform: none;
position: relative;
padding: 10px 15px;
font-size: 13px;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
border-bottom: 1px solid rgba(244, 244, 244, .1);
}
.navbar ul.dropdown-menu li:hover > a {
background: #000;
}
.navbar ul.dropdown-menu > li > a:hover {
background: #000;
}
.navbar ul.dropdown-menu > li:last-child {
border-bottom: 0;
}
.navbar li.dropdown:hover > ul {
display: block;
}
.navbar .dropdown-submenu:hover .dropdown-menu {
display: block;
}  .navbar .dropdown-submenu {
position: relative;
}
.navbar .dropdown-submenu > a:after {
content: "\f105";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: block;
position: absolute;
right: 2px;
top: 8px;
text-decoration: inherit;
font-size: 14px;
color: #80c342;
}
.navbar .dropdown-submenu >.dropdown-menu {
top: -6px;
left: 100%;
z-index: 15789;
}
.navbar ul.dropdown-menu.right > li.dropdown-submenu > a:after {
content: "\f104";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: block;
position: absolute;
left: 4px;
right: auto;
top: 8px;
text-decoration: inherit;
font-size: 14px;
color: #80c342;
} .navbar ul.dropdown-menu.right > li.dropdown-submenu >.dropdown-menu {
top: -6px;
position: absolute;
left: -99%;
}
.navbar-collapse {
padding-left: 0;
padding-right: 0;
}
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
position: static;
}
.yamm .container {
position: relative;
}
.yamm .dropdown-menu {
left: auto;
}
.yamm-fw .dropdown-menu > li {
display: block;
}
.yamm .nav.navbar-right .dropdown-menu {
left: auto;
right: 0;
}
.yamm .nav .yamm-content {
padding: 30px 30px;
background: rgba(11,28,51,1);
}
.yamm .nav .yamm-content ul.yamm-submenu {
margin: 0;
padding: 0px;
list-style: none;
border-bottom: 0px solid rgba(244, 244, 244, .1);
}
.yamm .nav .yamm-content ul.yamm-submenu >li > a {
color: #fff;
font-weight: 400;
text-transform: none;
text-decoration: none;
position: relative;
font-size: 13px;
padding: 8px 8px;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
border-bottom: 1px solid rgba(244, 244, 244, .03);
display: block;
} .yamm .nav .yamm-subtitle h2 {
color: #80c342;
display: block;
font-size: 13px;
font-weight: 900;
padding-bottom: 5px;
text-transform: uppercase;
}
.yamm .nav .yamm-content .yamm-inner {
padding: 5px;
}
.nav-desc-wrapper{
}
.nav-desc-wrapper img{
float: left;
margin: 0 10px 10px 0
}
.yamm .dropdown.yamm-fw .dropdown-menu {
width: 100%;
left: 0;
right: 0;
} .header.fixedHeader {
position: fixed !important;
top: -15px;
z-index: 9999;
top: 0px;
left: 0;
right: 0;
width: 100%;
}
.header.fixedHeader .navbar .nav > li > a {
padding-bottom: 8px;
padding-top: 8px;
}
.header.fixedHeader .navbar-brand {
}
.header.fixedHeader .navbar-brand img {
max-height: 45px;
-moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
-webkit-transition: width 1s ease-in-out, left 1.5s ease-in-out;
-moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
-o-transition: width 1s ease-in-out, left 1.5s ease-in-out;
transition: width 1s ease-in-out, left 1.5s ease-in-out;
}
.default {
width: 100%;
} .logo-region { padding: 20px 0;
border-bottom: 1px solid rgba(0,0,0,.3);
position: relative;
}
.logo-region:after {
width: 100%;
content: "";
border-bottom: 1px solid rgba(255,255,255,.03);
position: absolute;
bottom: 0;
left: 0;
}
.logo-region a img {
margin: 0 auto;
display: inline-block;
} .tease-text h4 {
margin: 0;
margin-top: 10px;
color: #fff;
font-size: 12px;
text-align: left;
opacity: .5;
line-height: 14px;
display: inline-block;
float: left;
}
.tease-text h4:after {
content: "";
border-bottom: 1px solid rgba(0,0,0,.6);
height: 0px;
right: -40px;
position: absolute;
top: 10px;
width: 60px;
padding: 0px 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 1;
}
.tease-text.right {
float: right;
}
.tease-text.right h4:after {
left: -40px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
} @media (min-width: 991px) {
.hd-center .navbar-nav {
display: inline-block;
float: none;
margin: 0 !important;
padding-bottom: 0 !important;
}
.hd-center .navbar-collapse.collapse {
text-align: center; display: block !important;
height: auto !important;
padding-bottom: 0 !important;
overflow: visible !important;
margin-bottom: 0!important;
line-height: 10px;
border-bottom: none;
}
.hd-center .dropdown-menu > li {
text-align: left !important;
line-height: 21px;
} .hd-center .nav > li > a {
padding: 8px 15px;
}
.hd-left .navbar-nav {
display: inline-block;
float: left;
margin: 0 !important;
padding-bottom: 0 !important;
}
.hd-left .navbar-collapse.collapse {
text-align: center; display: block !important;
height: auto !important;
padding-bottom: 0 !important;
overflow: visible !important;
margin-bottom: 0!important;
line-height: 10px;
border-bottom: none;
}
.hd-left .dropdown-menu > li {
text-align: left !important;
line-height: 21px;
} .hd-left .nav > li > a {
padding: 8px 15px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.navbar.basic .navbar-nav > li {
margin-left: 10px;
}
}
@media (max-width: 991px) {
.navbar .nav, .navbar .dropup, .navbar .dropdown, .navbar .collapse {
position: relative;
}
.navbar.basic .navbar-collapse {
float: none !important;
margin: 0;
background: #414141;
}
.navbar.basic.default, .navbar.basic.fixed {
position: relative;
}
.navbar-nav > li > a, .navbar-nav > li:first-child > a, .navbar .dropdown-menu li {
border: none;
}
.navbar .dropdown-menu {
position: relative;
left: inherit;
top: inherit;
float: none;
width: auto;
display: block !important;
}}
.navbar.basic .navbar-collapse {
max-height: inherit;
} @media (max-width: 991px) {
.header {
padding: 0;
width: 100%;
z-index: 1001;
transition: all 0.2s ease 0s;
position: relative;
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
}
.container > .navbar-header, 
.container > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
.navbar ul.dropdown-menu li:hover > a {
background: #000;
}
.navbar li.dropdown:hover > ul {
display: block;
}
.navbar-collapse, 
.navbar-collapse.in {
width: 100%;
overflow: hidden;
overflow-y: hidden;
overflow-x: hidden;
padding-left: 0;
padding-right: 0;
margin: 10px auto;
}
.navbar-collapse {
max-height: none;
background: transparent;
}
.navbar-default .navbar-collapse {
border: transparent;
box-shadow: none;
}
.navbar-collapse {
float: none;
position: relative;
}
.navbar-header {
float: none;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin: 7.5px -15px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.navbar .nav > li > a span{
display: none
}
.nav > li > a >.fa {
font-size: 13px;
vertical-align: middle;
padding-right: 6px;
color: rgba(255,255,255,.4);
display: inline-block;
text-align: left;
margin: 0!important;
}
.navbar-collapse.in {
display: block !important;
}
.navbar .nav {
float: none;
margin: 0;
display: block;
width: 100%;
border: 1px solid rgba(0,0,0,0.1);
}
.navbar ul.dropdown-menu{
display: block !important;
}
.navbar .nav li a, 
.navbar ul.dropdown-menu li a, 
.navbar ul.dropdown-menu li.dropdown-submenu >ul.dropdown-menu li a {
padding: 5px;
line-height: 30px;
background: transparent;
border: 0;
font-weight: 400;
float: none;
display: block;
border-bottom: none;
width: 100%;
color: #fff;
border-top: 1px solid rgba(0,0,0,0.1);
}
.nav li.dropdown >a:after {
content: "\f105";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: block;
float: right;
text-decoration: inherit;
font-size: 14px;
}
.yamm .nav .yamm-content {
padding: 0px;
background: transparent;
}
.yamm .nav .yamm-content ul.yamm-submenu {
border: none;
}
.yamm .nav .yamm-subtitle h2 {
color: #fc3250;
display: block;
font-size: 16px;
font-weight: 600;
margin: 15px;
text-transform: uppercase;
}
.yamm .nav .yamm-content .yamm-inner {
padding: 0 15px;
}
.yamm .nav .yamm-content ul.yamm-submenu >li > a {
background: transparent;
padding-left: 45px;
border: none;
border-top: 1px solid rgba(0,0,0,.1) !important;
text-decoration: none;
color: #fff;
}
.nav li.dropdown ul.dropdown-menu li:first-child a, 
.nav li:first-child a {
border-top: none;
}
.nav ul.dropdown-menu >li> a {
background: transparent;
padding-left: 45px;
border-top: 1px solid rgba(0,0,0,.1);
}
.navbar ul.dropdown-menu li.dropdown-submenu >ul.dropdown-menu li a {
padding-left: 65px;
}
.nav ul.dropdown-menu >li> a:hover {
background: transparent;
}
.nav ul.dropdown-menu >li> a, .nav a, 
.nav li.dropdown a, 
.nav li.active a {
background: transparent !important;
}
.navbar .nav li a, .nav li.dropdown a {
padding-left: 15px;
}
.nav ul.dropdown-menu li {
border-bottom: none;
width: 100%;
float: none;
}
.nav ul.dropdown-menu,    
.nav ul.dropdown-menu.right > li.dropdown-submenu >.dropdown-menu {
position: static;
clear: both;
float: none;
background: transparent;
border-top: 1px solid rgba(0,0,0,.1);
width: auto;
}
.nav ul.dropdown-menu.right >li.dropdown-submenu > a:after {
content: "\f105";
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
display: block;
left: auto;
text-decoration: inherit;
font-size: 14px;
position: absolute;
right: 6px;
top: 8px;
}
.nav ul.dropdown-menu > li.dropdown-submenu >a {
color: #80c342;
}
.nav .dropdown-submenu ul.dropdown-menu li a {
font-weight: 300;
color: #333;
}
.yamm .nav .yamm-content ul.yamm-submenu {
margin: 0;
padding: 0px;
list-style: none;
}
.navbar-brand {
padding: 15px 0;
} .navbar.with-icon  .nav > li > a {
padding: 5px;
}
.navbar.with-icon .nav > li > a >.fa {
display: none;
}/*/*/.navbar-default .navbar-toggle {
margin-top: 14px;
background: #80c342;
color: #fff;
margin-right: 0;
border-color: transparent;
margin-bottom: 14px;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-brand {
padding-top: 18px !important;
}
.navbar-brand img {
max-height: 52px;
-moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
-webkit-transition: width 1s ease-in-out, left 1.5s ease-in-out;
-moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
-o-transition: width 1s ease-in-out, left 1.5s ease-in-out;
transition: width 1s ease-in-out, left 1.5s ease-in-out;
}
.header.fixedHeader {
position: relative !important;
}
}@font-face {
font-family: 'icomoon';
src:  url(//teer-volz.de/wp-content/themes/teervolz/assets/fonts/icomoon.eot?i471a0);
src:  url(//teer-volz.de/wp-content/themes/teervolz/assets/fonts/icomoon.eot?i471a0#iefix) format('embedded-opentype'),
url(//teer-volz.de/wp-content/themes/teervolz/assets/fonts/icomoon.ttf?i471a0) format('truetype'),
url(//teer-volz.de/wp-content/themes/teervolz/assets/fonts/icomoon.woff?i471a0) format('woff'),
url(//teer-volz.de/wp-content/themes/teervolz/assets/fonts/icomoon.svg?i471a0#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
.tvicon { display:inline-block;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
text-rendering:auto; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.tvicon-makaze:before {
content: "\e900";
}
.tvicon-stack:before {
content: "\e92e";
}
.tvicon-leaf:before {
content: "\e9a4";
}
.tvicon-sun:before {
content: "\e9d4";
}