/*===CSS Seemann Landmaschinen===*/

/*=AUFBAU=*/
/*
1. Allgemeine Anweisungen / Navbar
2. Home
3. About US
4. Team
5. Kurse
6. Kontakt
7. News
8. Extras
9. Testimonial
10.Feedback
*/

/*
* ----------------------------------------------------------------------------------------
* 1. ALLGEMEINE ANWEISUNGEN / NAVBAR
* ----------------------------------------------------------------------------------------
*/

:root{
    --seemgreen: #00722E;
    --darkgreen: #003315;
    --dustwhite: #dee2e6;
    --blackish: #151515;
    --darkish: #2f3032;
}



@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../assets/fonts/MaterialIcons-Regular.eot);
    /* For IE6-8 */
    src: local("Material Icons"), local("MaterialIcons-Regular"),
        url(../assets/fonts/MaterialIcons-Regular.woff2) format("woff2"),
        url(../assets/fonts/MaterialIcons-Regular.woff) format("woff"),
        url(../assets/fonts/MaterialIcons-Regular.ttf) format("truetype");
}

.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-megamenu li > a {
    color: var(--dustwhite);
}


.brand {
    max-height: 70px;
}

.img-fluid2 {
    width: auto;
    max-height: 100%;
}

ol, ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

body{
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 85%;
    line-height: 150%;
    font-family: "Droid Sans",sans-serif;
    line-height:1.71429;
    font-weight:400;
    letter-spacing:normal;
    color:#151515;
    background-color:#fff;
    -webkit-text-size-adjust:none;
    -webkit-font-smoothing:subpixel-antialiased;
}

@media (min-width: 768px) {
    body {
        font-size: 1rem;
        line-height: 1.625;
    }
}

@media (min-width: 768px) {
    h2, .h2 {
        font-size: 2rem;
        line-height: 1.25;
    }
}

@media (min-width: 992px) {
    h2 + h6, h2 + p, h6 + p {
        margin-top: 30px;
    }
}

.inhalt{
    margin-top: 0px;
}

.bg{
    background-color:#1b3975;
}

.toggler-style{
    color:#ef7f1a;
}


.bg-nav{
    height: auto;
    width: auto;
}

.seegreen{
    color: var(--seemgreen);
}

.seegreen-bg{
    background-color: var(--seemgreen);
}

.seegrey{
    color:#636161;
}

.lbfc{
    color:#1B3975;
}

.startsection{
    padding-top:60px;
    padding-bottom: 60px;
}


.text_centercoach{
    text-align:center;

}


.divider_coach{
    width:40px;
    height:2px;
    padding:0;
    margin:27px auto 34px;
    background:#1b3975!important;
    border: none;
}

.bg-gray-blueish{
    background-color:#f8f9fa;
}

.bg-orange{
    background-color:var(--seemgreen)!important;
}

.btn-orange{
    background-color:#1b3975;
    color:#ef7f1a;
}

.section_about{
    height:691px;
}

.tab-content{
    color:#fff;
}

.footer-text{
    color:#fff;
}


.vertspacer{
    border:0px;
    border-left:2px solid #1B3975;
}

a:focus,button:focus{
    outline:0!important
}

button::-moz-focus-inner{
    border:0
}

:focus{
    outline:0
}

button,input{
    outline:0
}

address{
    margin-top:0;
    margin-bottom:0
}


[class*=heading-],h1,h2,h3,h4,h5,h6{
    /* margin-top:0;
     margin-bottom:0; */
    font-weight:600;
    letter-spacing:normal;
}


@media only screen and (min-width:400px) and (max-width:767px) {

    .navbutton, .navinput, .navtextarea, .navselect {
        display: inline-block;
        -webkit-appearance: none;
        outline: none;
        color: inherit;
        overflow: visible;
        background-color: transparent;
        box-shadow: none;
        border-radius: 0;
        border-width: 0;
        border-style: none;
    }

    .brand-name{
        color:black;
        font-size: 1.2rem;
    }
    .mobilesection{
        padding-top:55px !important;
    }
}

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

    .navbutton, .navinput, .navtextarea, .navselect {
        display: inline-block;
        -webkit-appearance: none;
        outline: none;
        color: inherit;
        overflow: visible;
        background-color: transparent;
        box-shadow: none;
        border-radius: 0;
        border-width: 0;
        border-style: none;
    }

    .brand-name{
        color:black;
        font-size: 1.2rem;
    }
    .mobilesection{
        padding-top:55px !important;
    }
	
	

}
@media only screen and (min-width:1200px){
    .mobilesection{
        padding-top:0px !important;
    }
}


.small,small{
    display:block;
    font-size:12px;
    line-height:1.5
}

.big{
    font-size:18px;
    line-height:1.55556
}

.lead{
    font-size:24px;
    line-height:34px;
    font-weight:300
}

code{
    padding:10px 5px;
    border-radius:.2rem;
    font-size:90%;
    color:#111;
    background:#f2f2f2
}

p [data-toggle=tooltip]{
    color:#b7b7b7
}

p [style*=max-width]{
    display:inline-block
}



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

/*a,a:active,a:focus{
    color:#fff
}*/

a:hover{
    color:#000
}

a[href*=mailto],a[href*=tel]{
    white-space:nowrap
}

.privacy-link{
    display:inline-block
}

*+.privacy-link{
    margin-top:40px
}

.link-classic{
    display:inline-block;
    font-size:18px;
    line-height:1.334;
    letter-spacing:normal;
    text-transform:uppercase;
    font-family:Montserrat,sans-serif,Arial,sans-serif
}

.link-classic,.link-classic:active,.link-classic:focus{
    color:rgba(21,21,21,.4)
}

.link-classic:hover{
    color:#151515
}

.link-classic span{
    display:inline-flex;
    vertical-align:middle;
    align-items:center;
    justify-content:space-between;
    margin:0 0 3px 10px;
    line-height:24px;
    width:25px;
    opacity:.13;
    transition:all .3s ease
}

.link-classic span::after,.link-classic span::before{
    display:inline-block;
    vertical-align:middle;
    content:'';
    transition:inherit
}

.link-classic span::before{
    height:2px;
    flex-grow:1;
    background-color:#151515
}

.link-classic span::after{
    width:0;
    height:0;
    margin-left:3px;
    border-style:solid;
    border-width:3px 0 3px 6px;
    border-color:transparent transparent transparent #151515
}

.link-classic:hover span{
    width:40px;
    opacity:1
}

*+.link-classic{
    margin-top:30px
}

@media (min-width:768px){
    *+.link-classic{
        margin-top:40px
    }
}

@media (min-width:992px){
    .container+.link-classic{
        margin-top:56px
    }
}

.box-icon-bordered {
    border: 2px solid #f2f2f2;
}

.box-icon {
    position: relative;
    padding: 42px 25px 27px 25px;
}

.box-icon .icon {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.icon:before {
    display: inline-block;
    position: relative;
}

.icon-outlined:after {
    position: absolute;
    top: -7px;
    right: -7px;
    bottom: -7px;
    left: -7px;
    content: '';
    border: 2px solid #f5f5f5;
}

.icon-dark-filled {
    background: -moz-linear-gradient(45deg, #191919 0%, #434345 100%);
    background: -webkit-linear-gradient(45deg, #191919 0%, #434345 100%);
    background: -o-linear-gradient(45deg, #191919 0%, #434345 100%);
    background: -ms-linear-gradient(45deg, #191919 0%, #434345 100%);
    background: linear-gradient(45deg, #191919 0%, #434345 100%);
}

.icon-outlined, .icon-outlined:after {
    border-radius: 50%;
}

.icon-sm.icon-rect, .icon-sm.icon-rounded, .icon-sm.icon-circle, .icon-sm.icon-outlined {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 40px;
}

.icon-xs.icon-outlined {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 30px;
}


.navtextcolor{
    color: var(--seemgreen);  
}

input:invalid {
    border: 1px solid red;
}

/*PAGELOADER*/

svg {
    overflow: hidden;
    vertical-align: middle;
}

.page-loader {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    z-index: 9999999;
    background: #fff;
    transition: .3s all ease;
}

.page-loader.loaded {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

.page-loader.ending {
    display: none;
}

.page-loader .page-loader-body {
    text-align: center;
}

.preloader-container {
    position: relative;
    left: calc(50% - 50px);
    width: 100px;
    height: 100px;
}

.preloader-container svg {
    position: absolute;
    fill: var(--seemgreen);
    transform-origin: 50% 50%;
}

.item1 {
    top: 0;
    left: 0;
}

.item2 {
    top: 32px;
    left: 51px;
}

.item3 {
    top: 58px;
    left: 18px;
}

.item1,
.item3 {
    animation: item-rotate 10s infinite;


}

.item2 {
    animation: item-rotate-reverse 10s infinite;


}

@keyframes item-rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-720deg);
    }
}

@keyframes item-rotate-reverse {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(720deg);
    }
}


/*PAGELOADER END*/


.hyphon{
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

}

.snowflake {
    position: absolute;
    display: block;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-image: -webkit-radial-gradient(
        center,
        circle farthest-corner,
        rgba(255, 255, 255, 1) 40%,
        rgba(255, 255, 255, 0) 100%
        );
    background-image: -moz-radial-gradient(
        center,
        circle farthest-corner,
        rgba(255, 255, 255, 1) 40%,
        rgba(255, 255, 255, 0) 100%
        );
    background-image: -ms-radial-gradient(
        center,
        circle farthest-corner,
        rgba(255, 255, 255, 1) 40%,
        rgba(255, 255, 255, 0) 100%
        );
    background-image: radial-gradient(
        center,
        circle farthest-corner,
        rgba(255, 255, 255, 1) 40%,
        rgba(255, 255, 255, 0) 100%
        );
}

#snow {
    width: 100%;
    height: 100%;
}

/*
* ----------------------------------------------------------------------------------------
* 1. ALLGEMEINE ANWEISUNGEN / NAVBAR ENDE
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 2. HOME STARTSEITE
* ----------------------------------------------------------------------------------------
*/

.intro{
    width: 100%;
    height: auto;
    display: flex;
    background-image: url('../images/start-bg.jpg');
    background-attachment: scroll;
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding-bottom: 25px;
}

.intro::before{
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
        0deg,
        rgb(0 51 21 / .8),
        rgb(0 0 0 / 0)
        );
    z-index: -1;
}

.glassy{
    background: inherit;
}

.glassy::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);
    filter: blur(10px);
    background: inherit;
    border-radius: 10px;
}

/* gallery */
.gal {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
}

/*.gal .imggray{ width: 100%; padding-bottom: 15px;}*/
.gal .imgstyle{ width: 100%; padding-bottom: 15px;}
@media (max-width: 500px) {

    .gal {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }

}

/*SHOPS*/
.shop-wrapper{
    width: 90%;
    margin: 0 auto;
    max-width: 80rem;
}

.shop-cols{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.shop-col{
    width: calc(25% - 2rem);
    margin: 1rem;
    cursor: pointer;
}

.shop-container{
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.shop-front,
.shop-back{
    background-size: cover;
    background-position: center;
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
    min-height: 280px;
    height: auto;
    border-radius: 10px;
    color: #fff;
    font-size: 1.0rem;
}

.shop-back{
    background: #cedce7;
    background: -webkit-linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
    background: -o-linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
    background: linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
}

.shop-front:after{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: .6;
    background-color: #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 10px;
}
.shop-container:hover .front,
.shop-container:hover .back{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.shop-back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.shop-inner{
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
    transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
}

.shop-container .shop-back{
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.shop-container .shop-front{
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.shop-container:hover .shop-back{
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.shop-container:hover .shop-front{
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.shop-front .shop-inner p{
    font-size: 1.5rem;
    margin-bottom: 2rem;
    position: relative;
}

.shop-front .shop-inner p:after{
    content: '';
    width: 4rem;
    height: 2px;
    position: absolute;
    background: #C6D4DF;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -.75rem;
}

.shop-front .shop-inner span{
    color: rgba(255,255,255,0.7);
    font-family: 'Montserrat';
    font-weight: 300;
}
/* Orginal lag bei 64rem */
@media screen and (max-width: 85rem){
    .shop-col{
        width: calc(33.333333% - 2rem);
    }
}

@media screen and (max-width: 48rem){
    .shop-col{
        width: calc(50% - 2rem);
    }
}

@media screen and (max-width: 32rem){
    .shop-col{
        width: 100%;
        margin: 0 0 2rem 0;
    }
}
/*SHOPS END*/



.holderCircle {
    width: 500px;
    height: 500px;
    border-radius: 100%;
    margin: 60px auto;
    position: relative;
}


.dotCircle {
    width: 100%;
    height: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100%;
    z-index: 20;
}
.dotCircle  .itemDot {
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    background: #ffffff;
    color: #278032;
    border-radius: 20px;
    text-align: center;
    line-height: 80px;
    font-size: 30px;
    z-index: 3;
    cursor: pointer;
    border: 2px solid #e6e6e6;
}
.dotCircle  .itemDot .forActive {
    width: 56px;
    height: 56px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}
.dotCircle  .itemDot .forActive::after {
    content: '';
    width: 5px;
    height: 5px;
    border: 3px solid #278032;
    bottom: -31px;
    left: -14px;
    filter: blur(1px);
    position: absolute;
    border-radius: 100%;
}
.dotCircle  .itemDot .forActive::before {
    content: '';
    width: 6px;
    height: 6px;
    filter: blur(5px);
    top: -15px;
    position: absolute;
    transform: rotate(-45deg);
    border: 6px solid var(--seemgreen);
    right: -39px;
}
.dotCircle  .itemDot.active .forActive {
    display: block;
}
.round {
    position: absolute;
    left: 40px;
    top: 45px;
    width: 410px;
    height: 410px;
    border: 2px dotted #278032;
    border-radius: 100%;
    -webkit-animation: rotation 100s infinite linear;
}
.dotCircle .itemDot:hover, .dotCircle .itemDot.active {
    color: #ffffff;
    transition: 0.5s;   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d4ac7+0,a733bb+100 */
    background: rgb(180,221,180); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(180,221,180) 0%, rgb(131,199,131) 17%, rgb(82,177,82) 33%, rgb(0,138,0) 67%, rgb(0,87,0) 83%, rgb(0,36,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgb(180,221,180) 0%,rgb(131,199,131) 17%,rgb(82,177,82) 33%,rgb(0,138,0) 67%,rgb(0,87,0) 83%,rgb(0,36,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(180,221,180) 0%,rgb(131,199,131) 17%,rgb(82,177,82) 33%,rgb(0,138,0) 67%,rgb(0,87,0) 83%,rgb(0,36,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
}
.dotCircle .itemDot {
    font-size: 40px;
}
.contentCircle {
    width: 250px;
    border-radius: 100%;
    color: #222222;
    position: relative;
    top: 150px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.contentCircle .CirItem {
    border-radius: 100%;
    color: #e6e7e6;
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    opacity: 0;
    transform: scale(0);
    transition: 0.5s;
    font-size: 15px;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    margin: auto;
    line-height: 250px;
}
.CirItem.active {
    z-index: 1;
    opacity: 1.2;
    transform: scale(1);
    transition: 0.5s;
}
.contentCircle .CirItem i {
    font-size: 180px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -90px;
    color: #000000;
    opacity: 0.1;
}
@media only screen and (min-width:300px) and (max-width:599px) {
    .holderCircle {/* width: 300px; height: 300px;*/
        margin: 110px auto;
    }
    .holderCircle::after {
        width: 100%;
        height: 100%;
    }
    .dotCircle {
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
}
@media only screen and (min-width:600px) and (max-width:767px) {
}
@media only screen and (min-width:768px) and (max-width:991px) {
}
@media only screen and (min-width:992px) and (max-width:1199px) {
}
@media only screen and (min-width:1200px) and (max-width:1499px) {
}
.title-box .title {
    font-weight: 600;
    letter-spacing: 2px;
    position: relative;
    z-index: 1;
}
.title-box span {
    text-shadow: 0 10px 10px rgba(0, 0, 0, .15);
    font-weight: 800;
    color: #e6e7e6;
}
.title-box p {
    font-size: 17px;
    line-height: 2em;
}



/*Home Gallery*/



/*
* ----------------------------------------------------------------------------------------
* 2. HOME STARTSEITE ENDE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 3. ABOUT US
* ----------------------------------------------------------------------------------------
*/

.textfirstsec{
    color: #fff;
}

.about-2{

    padding: 40px 0 0 0;
}

.who-box{
    padding: 55px 0 0 0;

}

.heading-who {
    font: 900 24px/24px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #606060;
    text-transform: uppercase;
    margin: 0 0 41px 0;
    padding-bottom: 22px;
    border-bottom: 4px solid #01722E;
}

.heading-3-who{
    font: 900 18px/24px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #606060;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 15px 0;
}

.thumb-pad4{
    margin: 0;
    overflow: hidden;

}

.thumb-pad4 .thumbnail {
    position: relative;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding: 0;
    background: none;
    overflow: hidden;
}

.thumb-pad4 figure img {
    width: 100%;
}

.thumb-pad4 .thumbnail .caption {
    padding: 0;
    overflow: hidden;
}

.list2 {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.list2 {
    list-style: none;
}

.list2 li {
    font-size: 15px;
    line-height: 1.428571429;
}

.list1-1 {
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.list3 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list3 li {
    font-size: 13px;
    line-height: 1.428571429;
}

.extra-wrap {
    overflow: hidden;
}

.thumb-box7 {
    overflow: hidden;
}

.thumb-box7 .col-lg-3, .thumb-box7 .col-lg-4, .thumb-box7 .col-lg-5 {
    margin-bottom: 30px;
}

.thumb-pad8 {
    margin: 0;
}

.thumb-pad8 .thumbnail {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding: 0;
    background: none;
    overflow: hidden;
}

.thumb-pad8 figure {
    margin: 0 30px 0 0;
    float: left;
}

.thumb-pad8 .thumbnail .caption {
    padding: 0;
    overflow: hidden;
    color: #686868;
}

.thumb-pad8 .thumbnail .caption div {
    float: right;
    text-align: right;
}

.list3 li strong {
    float: left;
    margin-right: 19px;
    color: #5f5f5f;
    font-size: 50px;
    margin-top: 4px;
    width: 55px;
}

.maximg{
    max-height: 170px;
    max-width: 170px;

}

.about-img {
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    -webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    margin-bottom:20px;
}

.about-img:hover {
    filter: none; /* IE6-9 */
    -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */

}
/*
* ----------------------------------------------------------------------------------------
* 3. ABOUT US ENDE
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 4. Contact
* ----------------------------------------------------------------------------------------
*/

.breadcrumbs-custom {
    position: relative;
    overflow: hidden;
}

.box-position {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% + 150px);
    height: calc(100% + 150px);
    will-change: transform;
    animation: bgPos 100s linear infinite;
    transform: translate3d(-75px, -75px, 0) rotate(0.001deg);
    background-position: 50% 50%;
    background-size: cover;
    z-index: -1;
}


.contactext{
    width: 100%;
}

.title-classic {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: -15px;
    margin-left: -32px;
}

.title-classic:empty {
    margin-bottom: 0;
    margin-left: 0;
}

.title-classic > * {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 15px;
    margin-left: 32px;
}

.title-classic-title {
    flex-shrink: 0;
}

.title-classic-title > h3 {
    margin-top: 6px;
}

.title-classic-text {
    font-size: 16px;
    padding-top: 20px;
    border-top: 1px solid #e1e1e1;
}

* + .title-classic-text {
    margin-top: 0;
}

@media (min-width: 576px) {
    .title-classic {
        text-align: left;
        flex-direction: row;
    }
    .title-classic-text {
        padding-top: 0;
        padding-left: 28px;
        border-top: none;
        border-left: 1px solid #e1e1e1;
    }
}

@media (min-width: 768px) {
    .title-classic-text {
        font-size: 18px;
    }
}

.title-modern {
    user-select: none;
    letter-spacing: .05em;
}

.title-modern > span {
    position: absolute;
    left: 50%;
    font-size: 7.8em;
    letter-spacing: 0.01em;
    line-height: .92;
    color: rgba(255, 255, 255, 0.07);
    transform: translate3d(-50%, 0, 0);
    will-change: transform;
    animation: titleColor 3s linear infinite;
    font-size: 6.8em;
}

@media (min-width: 768px) {
    .box-contacts {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 310px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
        transition: all .3s ease;
    }

    .box-contacts-body {
        max-width: 250px;
    }

    .box-contacts-icon {
        font-size: 60px;
        line-height: 1;
        color: #278032;
    }

    .box-contacts-decor {
        margin: 30px auto;
        height: 2px;
        max-width: 100px;
        background: #278032;
        transition: all .3s ease-in-out;
    }

    .box-contacts-link {
        font-size: 18px;
        line-height: 1.67;
        letter-spacing: .025em;
    }

    .box-contacts-link a, .box-contacts-link a:focus, .box-contacts-link a:active {
        color: inherit;
    }

    .box-contacts-link a:hover {
        color: #EF7F1A;
    }

    .box-contacts-link-mail {
        font-size: 16px;
        line-height: 1.67;
        letter-spacing: .025em;
    }

    .box-contacts-link-mail a, .box-contacts-link-mail a:focus, .box-contacts-link-mail a:active {
        color: inherit;
    }

    .box-contacts-link-mail a:hover {
        color: #50ba87;
    }
}


@media (min-width: 992px) {
    .box-contacts {
        box-shadow: none;
        border: 1px solid #e1e1e1;
    }
    .box-contacts-decor {
        margin-top: 17px;
        margin-bottom: 17px;
        width: 0;
    }
    .box-contacts:hover {
        border-color: transparent;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
    }
    .box-contacts:hover .box-contacts-decor {
        margin-top: 30px;
        margin-bottom: 30px;
        width: 100%;
        transition: margin .3s ease, width .4s ease-in-out;
    }
}



.box-contacts-icon + .box-contacts-link {
    margin-top: 40px;
}

* + .box-contacts-link {
    margin-top: 0;
}

.box-contacts-icon + .box-contacts-link-mail {
    margin-top: 40px;
}

* + .box-contacts-link-mail {
    margin-top: 0;
}

.ie-edge .box-contacts,
.ie-10 .box-contacts,
.ie-11 .box-contacts {
    height: 310px;
}




.box-icon-classic{
    position:relative;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    padding:30px 18px;
    min-height:100%;
    background:#fff;
    transition:all .2s ease;
    z-index:1
}

.box-icon-classic::before{
    position:absolute;
    content:'';
    top:0;
    right:0;
    bottom:0;
    left:0;
    border:8px solid #f4f4f4;
    transition:all .2s ease;
    z-index:-1
}

.box-icon-classic-2 .box-icon-classic-icon{
    color:#50ba87
}

.box-icon-classic-3::before{
    top:8px;
    right:8px;
    bottom:8px;
    left:8px;
    border:1px solid #e1e1e1
}

.box-icon-classic-3 .box-icon-classic-icon{
    color:#151515
}

.box-icon-classic-icon{
    font-size:36px;
    line-height:1;
    color:#01b3a7;
    transition:all .2s ease-in-out
}

.box-icon-classic-title{
    font-weight:500
}

.box-icon-classic-title a,.box-icon-classic-title a:active,.box-icon-classic-title a:focus{
    color:inherit
}

.box-icon-classic-title a:hover{
    color:#01b3a7
}

.box-icon-classic-text{
    color:#9b9b9b
}

*+.box-icon-classic-text{
    margin-top:10px
}

@media (min-width:768px){
    .box-icon-classic{
        padding-top:54px;
        padding-bottom:54px
    }
}

.box-contacts{
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:310px;
    box-shadow:0 0 10px 0 rgba(0,0,0,.17);
    transition:all .3s ease
}

.box-contacts-body{
    max-width:280px
}

.box-contacts-icon{
    font-size:60px;
    line-height:1;
    color:#278032;
}

.box-contacts-link{
    font-size:18px;
    line-height:1.67;
    letter-spacing:.025em
}

.box-contacts-link a,.box-contacts-link a:active,.box-contacts-link a:focus{
    color:inherit
}

.box-contacts-link a:hover{
    color:#50ba87
}

.box-contacts-icon+.box-contacts-link{
    margin-top:40px
}

*+.box-contacts-link{
    margin-top:0
}

.box-contacts-link-mail {
    font-size: 16px;
    line-height: 1.67;
    letter-spacing: .025em;
}

.box-contacts-link-mail a, .box-contacts-link-mail a:focus, .box-contacts-link-mail a:active {
    color: inherit;
}

.box-contacts-link-mail a:hover {
    color: #50ba87;
}

.box-contacts-icon+.box-contacts-link-mail{
    margin-top:40px
}

*+.box-contacts-link-mail{
    margin-top:0
}

html .group{
    margin-bottom:-20px;
    margin-left:-15px
}

html .group:empty{
    margin-bottom:0;
    margin-left:0;
}

html .group>*{
    display:inline-block;
    margin-top:0;
    margin-bottom:20px;
    margin-left:15px
}

html .group-xs{
    margin-bottom:-11px;
    margin-left:-9px
}

html .group-xs:empty{
    margin-bottom:0;
    margin-left:0
}

html .group-xs>*{
    display:inline-block;
    margin-top:0;
    margin-bottom:11px;
    margin-left:9px
}

html .group-sm{
    margin-bottom:-12px;
    margin-left:-12px
}

html .group-sm:empty{
    margin-bottom:0;
    margin-left:0
}

html .group-sm>*{
    display:inline-block;
    margin-top:0;
    margin-bottom:12px;
    margin-left:12px
}

html .group-md{
    margin-bottom:-17px;
    margin-left:-17px
}

html .group-md:empty{
    margin-bottom:0;
    margin-left:0
}

html .group-md>*{
    display:inline-block;
    margin-top:0;
    margin-bottom:17px;
    margin-left:17px
}

html .group-lg{
    margin-bottom:-20px;
    margin-left:-30px
}

html .group-lg:empty{
    margin-bottom:0;
    margin-left:0
}

html .group-lg>*{
    display:inline-block;
    margin-top:0;
    margin-bottom:20px;
    margin-left:30px
}

html .group-xl{
    margin-bottom:-30px;
    margin-left:-30px
}

html .group-xl:empty{
    margin-bottom:0;
    margin-left:0
}

html .group-xl>*{
    display:inline-block;
    margin-top:0;
    margin-bottom:30px;
    margin-left:30px
}

html .group-justify{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between
}

html .group-sm-justify{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center
}

@media (min-width:576px){
    html .group-sm-justify{
        justify-content:space-between
    }
}

html .group-lg-justify{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center
}

@media (min-width:992px){
    html .group-lg-justify{
        justify-content:space-between
    }
}

html .group-middle{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center
}

@media (min-width:768px){
    html .group-middle{
        justify-content:flex-start
    }
}
/*
* ----------------------------------------------------------------------------------------
* 4. Contact END
* ----------------------------------------------------------------------------------------
*/


/*== 8. Extras ==*/

/*
*
* Breadcrumbs
*/
.breadcrumbs-custom {
    position: relative;
    overflow: hidden;
    padding: 40px 0;
    text-align: center;
}

.breadcrumbs-custom-title{
    font-size: 2.5rem;

}

.breadcrumbs-custom-path {
    margin-left: -15px;
    margin-right: -15px;
    font-size: 14px;
    line-height: 1.33;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif, Arial, sans-serif;
}

.breadcrumbs-custom-path > * {
    padding-left: 15px;
    padding-right: 15px;
}

.breadcrumbs-custom-path a {
    display: inline;
    vertical-align: middle;
    color: #ffffff;
}

.breadcrumbs-custom-path a, .breadcrumbs-custom-path a:active, .breadcrumbs-custom-path a:focus {
    color: #ffffff;
}

.breadcrumbs-custom-path a:hover {
    text-decoration: underline;
}

.breadcrumbs-custom-path li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.breadcrumbs-custom-path li::after {
    content: "/";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -8px;
    color: white;
    transform: translate3d(0, -50%, 0);
}

.breadcrumbs-custom-path li:last-child:after {
    display: none;
}

.breadcrumbs-custom-path a:hover {
    color: #ffffff;
}

.breadcrumbs-custom-path li.active {
    color: rgba(255, 255, 255, 0.53);
}

* + .breadcrumbs-custom-path {
    margin-top: 14px;
}

@media (min-width: 576px) {
    * + .breadcrumbs-custom-path {
        margin-top: 18px;
    }
}

@media (min-width: 1200px) {
    .breadcrumbs-custom {
        padding: 150px 0;
        height: 300px;
    }
}

@media (min-width: 1600px) {
    .breadcrumbs-custom-inset {
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 75px;
        padding-right: 75px;
    }
}

/* ==== */

/*=====10.Feedback====*/

.timeline {
    position: relative;
    padding:4px 0 0 0;
    margin-top:22px;
    list-style: none;
}

.timeline>li:nth-child(even) {
    position: relative;
    margin-bottom: 50px;
    height: 180px;
    right:-100px;
}

.timeline>li:nth-child(odd) {
    position: relative;
    margin-bottom: 50px;
    height: 180px;
    left:-100px;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
    min-height: 170px;
}

.timeline > li .timeline-panel {
    position: relative;
    float: left;
    width: 41%;
    padding: 0 20px 20px 30px;
    text-align: right;
}

.timeline>li .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li .timeline-image {
    z-index: 100;
    position: absolute;
    left: 50%;
    border: 7px solid #3b5998;
    border-radius: 100%;
    background-color: #3b5998;
    box-shadow: 0 0 5px #4582ec;
    width: 200px;
    height: 200px;
    margin-left: -100px;
}

.timeline>li .timeline-image h4 {
    margin-top: 12px;
    font-size: 10px;
    line-height: 14px;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
    padding: 0 30px 20px 20px;
    text-align: left;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li:last-child {
    margin-bottom: 0;
}

.timeline .timeline-heading h4 {
    margin-top:22px;
    margin-bottom: 4px;
    padding:0;
    color: #b3b3b3;
}

.timeline .timeline-heading h4.subheading {
    margin:0;
    padding:0;
    text-transform: none;
    font-size:18px;
    color:#333333;
}

.timeline .timeline-body>p,
.timeline .timeline-body>ul {
    margin-bottom: 0;
    color:#808080;
}
/*Style for even div.line*/
.timeline>li:nth-child(odd) .line:before {
    content: "";
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 690px;
    width: 4px;
    height:340px;
    background-color: #3b5998;
    -ms-transform: rotate(-44deg); /* IE 9 */
    -webkit-transform: rotate(-44deg); /* Safari */
    transform: rotate(-44deg);
    box-shadow: 0 0 5px #4582ec;
}
/*Style for odd div.line*/
.timeline>li:nth-child(even) .line:before  {
    content: "";
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 450px;
    width: 4px;
    height:340px;
    background-color: #3b5998;
    -ms-transform: rotate(44deg); /* IE 9 */
    -webkit-transform: rotate(44deg); /* Safari */
    transform: rotate(44deg);
    box-shadow: 0 0 5px #4582ec;
}
/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {
    .timeline > li:nth-child(even) {
        margin-bottom: 0px;
        min-height: 0px;
        right: 0px;
    }
    .timeline > li:nth-child(odd) {
        margin-bottom: 0px;
        min-height: 0px;
        left: 0px;
    }
    .timeline>li:nth-child(even) .timeline-image {
        left: 0;
        margin-left: 0px;
    }
    .timeline>li:nth-child(odd) .timeline-image {
        left: 690px;
        margin-left: 0px;
    }
    .timeline > li:nth-child(even) .timeline-panel {
        width: 76%;
        padding: 0 0 20px 0px;
        text-align: left;
    }
    .timeline > li:nth-child(odd) .timeline-panel {
        width: 70%;
        padding: 0 0 20px 0px;
        text-align: right;
    }
    .timeline > li .line {
        display: none;
    }
}
/* Small Devices, Tablets */
@media (min-width: 768px) and (max-width: 991px) {
    .timeline > li:nth-child(even) {
        margin-bottom: 0px;
        min-height: 0px;
        right: 0px;
    }
    .timeline > li:nth-child(odd) {
        margin-bottom: 0px;
        min-height: 0px;
        left: 0px;
    }
    .timeline>li:nth-child(even) .timeline-image {
        left: 0;
        margin-left: 0px;
    }
    .timeline>li:nth-child(odd) .timeline-image {
        left: 520px;
        margin-left: 0px;
    }
    .timeline > li:nth-child(even) .timeline-panel {
        width: 70%;
        padding: 0 0 20px 0px;
        text-align: left;
    }
    .timeline > li:nth-child(odd) .timeline-panel {
        width: 70%;
        padding: 0 0 20px 0px;
        text-align: right;
    }
    .timeline > li .line {
        display: none;
    }
}
/* Custom, iPhone Retina */
@media only screen and (max-width: 767px) {
    .timeline > li:nth-child(even) {
        margin-bottom: 0px;
        min-height: 0px;
        right: 0px;
    }
    .timeline > li:nth-child(odd) {
        margin-bottom: 0px;
        min-height: 0px;
        left: 0px;
    }
    .timeline>li .timeline-image {
        position: static;
        width: 150px;
        height: 150px;
        margin-bottom:0px;
    }
    .timeline>li:nth-child(even) .timeline-image {
        left: 0;
        margin-left: 0;
    }
    .timeline>li:nth-child(odd) .timeline-image {
        float:right;
        left: 0px;
        margin-left:0;
    }
    .timeline > li:nth-child(even) .timeline-panel {
        width: 100%;
        padding: 0 0 20px 14px;
    }
    .timeline > li:nth-child(odd) .timeline-panel {
        width: 100%;
        padding: 0 14px 20px 0px;
    }
    .timeline > li .line {
        display: none;
    }
}



/*====*/


.button-circle{
    border-radius:30px
}

.button-round-1{
    border-radius:5px
}

.button-round-2{
    border-radius:10px
}

.button.button-icon{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    vertical-align:middle
}

.button.button-icon .icon{
    position:relative;
    display:inline-block;
    top:-1px;
    vertical-align:middle;
    color:inherit;
    font-size:14px;
    line-height:1
}

.button.button-icon-left .icon{
    padding-right:8px
}

.button.button-icon-right{
    flex-direction:row-reverse
}

.button.button-icon-right .icon{
    padding-left:8px
}

.button.button-icon.button-link .icon{
    top:5px;
    font-size:1em
}

.button.button-icon.button-xs .icon{
    top:.05em;
    font-size:1.2em;
    padding-right:8px
}

.button.button-icon.button-xs .button-icon-right{
    padding-left:8px
}

.button.button-icon.button-facebook .icon,.button.button-icon.button-google .icon,.button.button-icon.button-twitter .icon{
    font-size:18px
}

.button-pipaluk
{
    position:relative;
    overflow:visible;
    padding:14px 35px 15px;
    border:none;
    z-index:1
}

.button-pipaluk::before{
    position:absolute;
    content:'';
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:-1;
    transition:all .3s ease-in-out
}

.button-pipaluk::after{
    position:absolute;
    content:'';
    top:0;
    right:0;
    bottom:0;
    left:0;
    border-width:2px;
    border-style:solid;
    opacity:0;
    visibility:hidden;
    transition:all .2s ease 0s;
    transform:scale(1.05);
    will-change:transform;
    z-index:-1
}

.button-pipaluk.button-circle::after,.button-pipaluk.button-circle::before{
    border-radius:inherit
}

.button-pipaluk:active::before,.button-pipaluk:hover::before{
    opacity:0;
    visibility:hidden;
    transform:scale(.9);
    transition-duration:.2s
}

.button-pipaluk:active::after,.button-pipaluk:hover::after{
    opacity:1;
    visibility:visible;
    transform:none;
    transition-duration:.3s;
    transition-delay:.1s
}

.button-width-170{
    min-width:170px
}

@media (min-width:1200px){
    .button-width-xl-230{
        min-width:230px
    }
}

.button-width-xl-310{
    min-width:310px
}

.toggle-custom{
    padding-left:60px;
    -webkit-appearance:none
}

@media (max-width:575.98px){
    .col-custom-right{
        display:flex;
        align-items:center;
        justify-content:space-between
    }
}

.col-custom-right>div{
    max-width:calc(50% - 5px)
}

@media (min-width:576px){
    .col-custom-left{
        max-width:62.5%;
        flex:0 0 62.5%
    }
}

.col-custom-right{
    max-width:37.5%;
    flex:0 0 37.5%
}

.list-categories{
    font-size:16px;
    text-align:left
}

.list-categories li{
    position:relative;
    padding-left:50px
}

.list-categories a,.list-categories a:active,.list-categories a:focus{
    color:inherit
}

.list-categories a:hover{
    color:#01b3a7
}

.list-categories a::before{
    position:absolute;
    content:'';
    top:12px;
    left:0;
    width:0;
    height:3px;
    background:#01b3a7;
    transition:all .2s ease
}

.list-categories a.active{
    color:#01b3a7
}

.list-categories a.active::before{
    width:32px
}

.list-categories>li+li{
    margin-top:11px
}

@media (min-width:768px){
    .list-categories li{
        padding-left:70px
    }
}

.list-categories a.active::before{
    width:52px
}

@supports (object-fit:cover){
    .quote-nancy-figure img{
        left:0;
        top:0;
        width:100%;
        height:100%;
        -webkit-transform:none;
        transform:none;
        object-fit:cover;
        -webkit-object-fit:cover;
        object-position:center center;
        -webkit-object-position:center center
    }
}

*+.unit{
    margin-top:20px
}

@media (max-width:575.98px){
    @supports (object-fit:cover){
        .thumbnail-custom-mobile img{
            left:0;
            top:0;
            width:100%;
            height:100%;
            transform:none;
            object-fit:cover;
            object-position:center center
        }
    }
}

@keyframes item1B{
    25%{
        opacity:1;
        transform:none;
        visibility:visible
    }
    100%{
        opacity:0;
        transform:scale(3);
        visibility:hidden
    }
}

@keyframes item1A{
    100%{
        opacity:0;
        transform:scale(4);
        visibility:hidden
    }
}

.footer-classic{
    color:rgba(255,255,255,.3);
    background:#fff
}

.footer-classic [class*=heading-],.footer-classic h1,.footer-classic h2,.footer-classic h3,.footer-classic h4,.footer-classic h5,.footer-classic h6{
    color:rgba(255,255,255,.15)
}

.footer-classic .contact-classic-title{
    color:#01b3a7
}

.footer-classic .contact-classic-link{
    color:#fff
}

.footer-classic-2 .box-footer{
    background:#11263a
}

.footer-classic-2 .footer-list-category a:hover{
    color:#01b3a7
}

.footer-classic-2 .footer-list-category a:hover span::before{
    border-right-color:#01b3a7
}

.footer-classic-2 .footer-list-category a:hover span::after{
    background-color:#01b3a7
}

.box-footer{
    text-align:left;
    min-height:100%;
    padding:40px 15px;
    letter-spacing:.025em;
    background:#2c2e31
}

.box-footer a,.box-footer a:active,.box-footer a:focus{
    color:#fff
}

.box-footer a:hover{
    color:#50ba87
}

.box-footer .button.button-ujarak::before{
    background:#fff
}

.box-footer .button.button-ujarak:active,.box-footer .button.button-ujarak:hover{
    color:#151515;
    border-color:#fff
}

.box-footer-small{
    padding-top:45px
}

.contact-classic .unit-left{
    min-width:45px
}

.contact-classic a{
    display:inline-block
}

.contact-classic-item{
    padding:20px 0;
    border-bottom:1px solid rgba(255,255,255,.15)
}

.contact-classic-title{
    margin-top:2px;
    letter-spacing:.025em;
    color:#01b3a7
}

.contact-classic-link{
    color:#fff
}

*+.contact-classic{
    margin-top:3px
}

.footer-brand+p{
    margin-top:22px
}

@media (min-width:480px){
    .box-footer{
        padding:40px 30px
    }
}

@media (min-width:1200px) and (max-width:1399px){
    .box-footer{
        padding-left:20px;
        padding-right:20px
    }
}

@media (min-width:1800px){
    .box-footer{
        padding:60px 60px 50px
    }
}

.box-footer-2{
    text-align:left;
    padding:30px 20px;
    min-height:100%;
    background:#fff;
    border:1px solid #e1e1e1
}

.box-footer-2 .footer-contacts .icon{
    color:#01b3a7
}

.box-footer-2-title{
    letter-spacing:.025em
}

.box-footer-2-text{
    letter-spacing:.025em;
    color:#9b9b9b
}

*+.box-footer-2-text{
    margin-top:8px
}
@media (min-width:768px){
    .box-footer-2{
        border:none
    }
}

@media (min-width:992px){
    .box-footer-2{
        padding:35px 30px 25px
    }
}

.box-footer-2 .footer-contacts li+li{
    margin-top:28px
}

.box-footer-2-text+.footer-contacts{
    margin-top:40px
}

@media (min-width:1200px){
    .box-footer-2-text+.footer-contacts{
        margin-top:50px
    }
}

.footer-list-category li{
    font-weight:400;
    border-bottom:1px solid rgba(255,255,255,.15)
}

.footer-list-category li:first-child{
    border-top:1px solid rgba(255,255,255,.15)
}

.footer-list-category a{
    position:relative;
    display:block;
    padding:22px 40px 20px 2px;
    transition:color .3s ease-in-out,all .3s ease
}

.footer-list-category a,.footer-list-category a:active,.footer-list-category a:focus{
    color:#fff
}

.footer-list-category a:hover{
    color:#01b3a7
}
.footer-list-category a span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:38%;
    right:0;
    font-size:0;
    line-height:0;
    padding-left:6px;
    padding-right:6px
}

.footer-list-category a span::after,.footer-list-category a span::before{
    display:inline-block;
    vertical-align:middle;
    content:'';
    transition:all .2s ease-in-out
}

.footer-list-category a span::before{
    width:0;
    height:0;
    border-style:solid;
    border-width:6px 10px 6px 0;
    border-color:transparent rgba(255,255,255,.1) transparent transparent
}

.footer-list-category a span::after{
    width:0;
    height:2px;
    background-color:rgba(255,255,255,.1)
}

.footer-list-category a:hover{
    letter-spacing:.1em
}

.footer-list-category a:hover span::before{
    border-right-color:#01b3a7
}

.footer-list-category a:hover span::after{
    width:30px;
    margin-left:7px;
    background-color:#01b3a7
}

*+.footer-list-category{
    margin-top:20px
}

@media (min-width:480px){
    .footer-list-category a{
        padding-right:160px
    }
}

.footer-list-category a:hover
{
    letter-spacing:.2em
}

.footer-list-category a:hover span::after{
    width:123px
}

@media (min-width:992px){
    *+.footer-list-category{
        margin-top:8px
    }
}

@media (min-width:1200px) and (max-width:1399px){
    .footer-list-category a{
        padding-right:130px
    }
}

.footer-list-category a:hover{
    letter-spacing:.15em
}

.footer-list-category a:hover span::after{
    width:90px
}

.footer-contacts{
    text-align:left;
    font-size:0;
    line-height:0
}

.footer-contacts .icon{
    vertical-align:middle;
    text-align:left;
    min-width:21px;
    font-size:24px;
    line-height:24px;
    color:#01b3a7
}

.footer-contacts .link-phone{
    font-size:18px;
    line-height:1.34;
    letter-spacing:.025em
}

.footer-contacts p{
    font-size:14px;
    line-height:1.72;
    letter-spacing:.025em
}

.footer-contacts a{
    display:inline-block;
    vertical-align:middle;
    font-size:14px;
    line-height:1.72;
    letter-spacing:.025em
}

.footer-contacts a,.footer-contacts a:active,.footer-contacts a:focus{
    color:#151515
}

.footer-contacts a:hover{
    color:#01b3a7
}

.footer-contacts li+li{
    margin-top:18px
}

*+.footer-contacts{
    margin-top:28px
}

.footer-link-list{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    font-size:12px;
    line-height:2;
    font-weight:500;
    margin-bottom:-5px;
    margin-left:-20px
}

.footer-link-list:empty{
    margin-bottom:0;
    margin-left:0
}

.footer-link-list>*{
    display:inline-block;
    margin-top:0;
    margin-bottom:5px;
    margin-left:20px
}

.footer-link-list a,.footer-link-list a:active,.footer-link-list a:focus{
    color:#151515
}

.footer-link-list a:hover{
    color:#50ba87
}

@media (min-width:768px){
    .footer-link-list{
        justify-content:flex-start
    }
}

@media (min-width:992px){
    .footer-link-list{
        justify-content:space-between
    }
}

.footer-list-category-2{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:center;
    text-align:left;
    font-size:18px;
    line-height:1.34;
    font-weight:500;
    text-transform:uppercase;
    font-family:Montserrat,sans-serif,Arial,sans-serif
}

.footer-list-category-2 a,.footer-list-category-2 a:active,.footer-list-category-2 a:focus{
    color:#fff
}

.footer-list-category-2 a:hover{
    color:#01b3a7
}

@media (max-width:767.98px){
    .footer-list-category-2{
        margin-bottom:-10px;
        margin-left:-30px
    }
}

.footer-list-category-2:empty{
    margin-bottom:0;
    margin-left:0
}

.footer-list-category-2>*{
    display:inline-block;
    margin-top:0;
    margin-bottom:10px;
    margin-left:30px
}

@media (min-width:768px){
    .footer-list-category-2{
        justify-content:flex-start;
        transform:translate3d(0,-10px,0);
        margin-bottom:-10px;
        margin-left:-26px;
        margin-right:-26px
    }
}

.footer-list-category-2>*{
    margin-top:10px;
    padding-left:26px;
    padding-right:26px
}

.footer-list-category-2>li:not(:first-child){
    border-left:1px solid rgba(255,255,255,.2)
}

@media (min-width:1200px){
    .footer-list-category-2{
        transform:translate3d(0,-10px,0);
        margin-bottom:-10px;
        margin-left:-48px;
        margin-right:-48px
    }
}

.footer-list-category-2>*{
    margin-top:10px;
    padding-left:48px;
    padding-right:48px
}

[class*=product-image-marker]{
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    width:43px;
    height:43px;
    padding:0 4px;
    background:rgba(1,179,167,.79);
    border-radius:50%;
    cursor:pointer;
    z-index:1
}

[class*=product-image-marker] span{
    width:25px;
    height:25px;
    padding-top:2px;
    font-size:18px;
    line-height:24px;
    font-weight:500;
    letter-spacing:0;
    font-family:Montserrat,sans-serif,Arial,sans-serif;
    border-radius:inherit;
    background:#fff
}

[class*=product-image-marker]::after,[class*=product-image-marker]::before{
    display:inline-block;
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:inherit;
    height:inherit;
    border-radius:inherit;
    opacity:0;
    visibility:visible;
    will-change:transform;
    pointer-events:none;
    transform:none;
    z-index:-1
}

[class*=product-image-marker]::before{
    opacity:1;
    transform:scale(1.3);
    background:rgba(1,179,167,.46)
}

[class*=product-image-marker]::after{
    background:rgba(1,179,167,.3)
}

@media (max-width:1199.98px){
    .mobile [class*=product-image-marker]::before{
        animation:item1B 1s ease infinite
    }
}

.mobile [class*=product-image-marker]::after{
    animation:item1A 1s ease infinite
}

@keyframes item1B{
    0%{
        opacity:0;
        transform:none
    }
    25%{
        opacity:1;
        transform:none;
        visibility:visible
    }
    100%{
        opacity:0;
        transform:scale(1.8);
        visibility:hidden
    }
}

@keyframes item1A{
    5%{
        opacity:1
    }
    100%{
        opacity:0;
        transform:scale(2.5);
        visibility:hidden
    }
}

.box-categories{
    position:relative;
    text-align:left;
    max-width:370px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    background:#fff;
    transition:all .3s ease;
    z-index:1
}

.box-categories::before{
    position:absolute;
    content:'';
    top:12px;
    right:12px;
    bottom:12px;
    left:12px;
    border:1px solid #e1e1e1;
    background:0 0;
    will-change:transform;
    pointer-events:none;
    transition:inherit;
    z-index:-1
}

.box-categories-content{
    margin:0 auto
}

.box-categories-title{
    font-weight:400;
    letter-spacing:.1em
}

.box-categories-list{
    letter-spacing:.025em
}

.box-categories-list li{
    transition:all .2s ease
}

.box-categories-list li::before{
    transition:all .3s ease-in-out
}

.box-categories-list a,.box-categories-list a:active,.box-categories-list a:focus{
    color:inherit
}

.box-categories-list a:hover{
    color:#01b3a7
}

*+.box-categories-list{
    margin-top:20px
}

@media (min-width:768px){
    @supports (object-fit:cover){
        .product-big-figure img{
            left:0;
            top:0;
            width:100%;
            height:100%;
            transform:none;
            object-fit:cover;
            object-position:center center
        }
    }
}

@media (min-width:992px){
    @supports (object-fit:cover){
        .desktop .product-big-figure img{
            transform:scale(1.1)

        }
    }
}

@supports (object-fit:cover){
    .desktop .product-big:hover .product-big-figure img{
        transform:none
    }
}

.cta-box-wrap{
    max-width:100%;
    background:0 0
}

.cta-box-wrap:before{
    display:none
}

.cta-box-wrap .box-categories-content{
    width:100%
}

.cta-box-wrap .list-marked-2{
    overflow:hidden;
    margin-bottom:30px;
    margin-top:0
}

.cta-box-wrap .list-marked-2:hover img{
    transform:scale(1.1);
    transition:all ease .35s
}

.cta-box-wrap .list-marked-2 img{
    transition:all ease .35s
}

@media (min-width:768px){
    .cta-box-wrap .list-marked-2{
        margin-bottom:0
    }
}

.cta-box-wrap .list-marked-2 li{
    position:relative;
    text-align:center;
    text-indent:0;
    padding:0
}

.cta-box-wrap .list-marked-2 li .box-categories-title{
    position:absolute;
    font-weight:700;
    max-width:94%;
    width:100%;
    left:50%;
    transform:translateX(-50%);
    bottom:8%;
    color:#fff;
    letter-spacing:normal
}

@media (min-width:1200px){
    .cta-box-wrap .list-marked-2 li .box-categories-title{
        font-size:24px
    }
}

.cta-box-wrap .list-marked-2 li a{
    display:block
}

.cta-box-wrap .list-marked-2 li:before{
    display:none
}

.cta-box-wrap+.link-classic{
    font-weight:500;
    font-size:16px;
    text-transform:none;
    color:#151515
}

.cta-box-wrap+.link-classic:active,.cta-box-wrap+.link-classic:focus{
    color:#151515
}

.cta-box-wrap+.link-classic span{
    opacity:1
}

.cta-box-wrap+.link-classic span:before{
    background-color:#151515
}

.cta-box-wrap+.link-classic span:after{
    margin-left:0
}

.title-classic{
    display:flex;
    flex-wrap:nowrap;
    flex-direction:column;
    align-items:center;
    text-align:center;
    margin-bottom:-15px;
    margin-left:-32px
}

.title-classic:empty{
    margin-bottom:0;
    margin-left:0
}

.title-classic>*{
    display:inline-block;
    margin-top:0;
    margin-bottom:15px;
    margin-left:32px
}

.title-classic-title{
    flex-shrink:0
}

.title-classic-title>h3{
    margin-top:6px
}

.title-classic-text{
    font-size:16px;
    padding-top:20px;
    border-top:1px solid #e1e1e1
}

*+.title-classic-text{
    margin-top:0
}

@media (min-width:576px){
    .title-classic{
        text-align:left;
        flex-direction:row
    }
}

.title-classic-text{
    padding-top:0;
    padding-left:28px;
    border-top:none;
    border-left:1px solid #e1e1e1
}

@media (min-width:768px){
    .title-classic-text{
        font-size:18px
    }
}

@keyframes titleColor{
    50%{
        color:rgba(255,255,255,.3)
    }
    100%{
        color:rgba(255,255,255,.07)
    }
}

.services-classic{
    text-align:left;
    max-width:370px;
    margin-left:auto;
    margin-right:auto
}

.services-classic-caption{
    display:flex;
    align-items:center;
    position:relative;
    padding:25px 0 14px 20px;
    border-bottom:1px solid #e1e1e1;
    transition:all .3s ease
}

.services-classiccaption::before{
    position:absolute;
    content:'';
    top:54%;
    left:1px;
    height:34px;
    width:1px;
    background:#e1e1e1;
    transform:translate3d(0,-50%,0);
    transition:height .3s ease .3s,width .3s ease 0s
}

.services-classic-title{
    margin-left:16px;
    max-width:262px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}

.services-classic-title a{
    transition:all .3s ease-in-out,color .3s ease-in-out
}

*+.services-classic-title{
    margin-top:0
}

@media (min-width:768px){
    .services-classic-title{
        margin-bottom:4px
    }
}

.services-classic-caption::before{
    height:40px
}

.team-classic{
    position:relative;
    overflow:hidden;
    text-align:left;
    max-width:370px;
    margin-left:auto;
    margin-right:auto
}

.team-classic-caption{
    position:absolute;
    overflow:hidden;
    left:0;
    bottom:27px;
    width:80%;
    min-width:300px;
    margin-left:-25px;
    padding:15px 20px 15px 50px;
    transition:all .3s ease;
    z-index:1
}

.team-classic-caption::before{
    position:absolute;
    content:'';
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:rgba(17,17,17,.5);
    transform:skew(10deg);
    transform-origin:50% 100%;
    z-index:-1
}

.team-classic-name{
    color:#fff
}

.team-classic-name a,.team-classic-name a:active,.team-classic-name a:focus{
    color:inherit
}

.team-classic-name a:hover{
    color:#01b3a7
}

@media (min-width:576px){
    .team-classic-lg{
        max-width:420px
    }
}

.team-classic-lg .team-classic-caption{
    bottom:44px;
    margin-left:-30px;
    padding:15px 20px 15px 85px
}

@media (min-width:1200px){
    .team-classic-lg .team-classic-caption{
        bottom:10%;
        padding:15px 6% 15px 18%
    }
}

@media (min-width:1200px) and (max-width:1399px){
    .team-classic-lg .team-classic-caption{
        min-width:260px
    }
}

.clients-classic{
    position:relative;
    display:block;
    max-width:270px;
    margin-left:auto;
    margin-right:auto;
    background:#fff;
    border:1px solid #e1e1e1;
    transition:all .3s ease-in-out
}

.clients-classic::before{
    position:absolute;
    content:'';
    top:0;
    right:0;
    bottom:0;
    left:0;
    border:1px solid transparent;
    transition:all .3s ease;
    will-change:transform
}

.clients-classic img{
    width:100%;
    opacity:.5
}

.video-classic{
    position:relative;
    max-width:570px;
    margin-left:auto;
    margin-right:auto
}

.font-weight-light{
    font-weight:300
}

.text-secondary{
    color:#50ba87
}

.text-gray-500{
    color:#9b9b9b
}

.text-img{
    display:inline-block;
    overflow:hidden;
    font-size:250px;
    line-height:85%;
    font-weight:700;
    font-family:Montserrat,sans-serif,Arial,sans-serif;
    color:#151515
}

.text-img:hover{
    color:#9b9b9b
}

@media (min-width:576px){
    .text-img{
        font-size:330px
    }
}

@media (min-width:992px){
    .text-img{
        letter-spacing:.05em
    }
}

@supports (-webkit-background-clip:text){
    .text-img{
        -webkit-text-fill-color:transparent;
        background:-webkit-linear-gradient(transparent,transparent);
        background:-o-linear-gradient(transparent,transparent);
        background:url(../images/text-image.jpg) repeat;
        -webkit-background-clip:text;
        background-position-y:40%;
        animation:imgPos 5s linear normal infinite paused
    }
}

.text-img>span{
    pointer-events:none
}

.text-img:hover{
    animation-play-state:running;
    color:red
}

@media (min-width:576px){
    .text-img{
        background-position-y:22%
    }
}

@keyframes imgPos{
    0%{
        background-position-x:0
    }
    50%{
        background-position-x:100%
    }
    100%{
        background-position-x:0
    }
}

.text-style-1{
    font-size:16px;
    line-height:1.5;
    font-weight:500;
    letter-spacing:.025em;
    text-indent:-28px;
    padding-left:28px
}

.text-style-1 .icon{
    vertical-align:middle;
    font-size:20px;
    line-height:24px;
    min-width:18px;
    margin-right:10px;
    text-indent:0
}

*+.text-style-1{
    margin-top:20px
}

*+p{
    margin-top:15px
}

h1+h2{
    margin-top:4px
}

h2+h3{
    margin-top:9px
}

h3+h4{
    margin-top:13px
}

h4+h5{
    margin-top:19px
}

h5+h6{
    margin-top:27px
}

h1+p{
    margin-top:4px
}

h2+p{
    margin-top:15px
}

h3+p{
    margin-top:20px
}

h4+p{
    margin-top:16px
}

h5+p{
    margin-top:17px
}

h6+p{
    margin-top:17px
}

p+h2{
    margin-top:15px
}

p+p{
    margin-top:12px
}

img+p{
    margin-top:15px
}

h3+img{
    margin-top:40px
}

*+.row{
    margin-top:40px
}

*+.row-xs{
    margin-top:20px
}

*+.row-sm{
    margin-top:30px
}

*+.row-lg{
    margin-top:50px
}

*+.row-xl{
    margin-top:60px
}

*+.owl-carousel{
    margin-top:30px
}

*+.offset-top-30{
    margin-top:30px
}

*+.offset-top-50{
    margin-top:50px
}

*+.big{
    margin-top:20px
}

*+.button{
    margin-top:30px
}

*+.button-wrap{
    margin-top:35px
}

.row+h3{
    margin-top:80px
}

.container+.container{
    margin-top:35px
}

.row+.row{
    margin-top:50px
}

.row+.button-wrap{
    margin-top:45px
}

@media (min-width:1200px){
    .container+.container{
        margin-top:60px
    }
}


.section-xs{
    padding-top:40px;
    padding-bottom:40px
}

.section-sm{
    padding:30px 0
}

.section-sm.section-first{
    padding-top:60px
}

.section-60,.section-lg,.section-md,.section-xl{
    padding:60px 0
}

html [class*=section-].section-bottom-0{
    padding-bottom:0
}

html [class*=section-].section-top-0{
    padding-top:0
}

@media (min-width:992px){
    html [class*=section-].section-lg-0{
        padding:0
    }
}

@media (min-width:768px){
    .section-sm{
        padding:40px 0
    }
}

.section-sm.section-first{
    padding-top:80px
}

.section-md{
    padding:70px 0
}

.section-lg{
    padding:80px 0
}

.section-xl{
    padding:90px 0
}

@media (min-width:992px){
    .section-sm{
        padding:50px 0
    }
}

.section-sm.section-first{
    padding-top:100px;
}

.section-md{
    padding:80px 0
}

.section-lg{
    padding:90px 0
}

.section-xl{
    padding:100px 0
}

@media (min-width:1600px){
    .section-fluid{
        padding-left:75px;
        padding-right:75px
    }
}

.section-fluid .container-fluid{
    padding-left:0;
    padding-right:0;
    max-width:1770px;
    margin-left:auto;
    margin-right:auto
}

@media (min-width:1200px){
    .section-404 *+.button{
        margin-top:120px
    }
}

@supports (display:grid){
    .section-single-inner{
        display:grid;
        justify-items:center;
        align-content:space-between;
        grid-template-columns:1fr
    }
}

.bg-special{
    background-color:#1b3975
}

.bg-default{
    background-color:#fff
}

.bg-gray-100{
    background-color:#f2f2f2
}

.bg-gray-2{
    background-color:#ebebeb
}

.bg-gray-2 .owl-classic .owl-next:hover::before,.bg-gray-2 .owl-classic .owl-prev:hover::before{
    background-color:#50ba87
}

.bg-gray-2 .owl-classic .owl-next:hover::after,.bg-gray-2 .owl-classic .owl-prev:hover::after{
    border-left-color:#50ba87;
    border-right-color:#50ba87
}

.bg-gray-4{
    background-color:#f7f7f7
}

.bg-gray-36{
    background-color:#545d64
}

[class*=bg-]{
    background-size:cover;
    background-position:center center
}

@media (min-width:992px){
    html:not(.tablet):not(.mobile) .bg-fixed{
        background-attachment:fixed
    }
}

[class*=bg-overlay-]{
    position:relative
}

[class*=bg-overlay-]::before{
    position:absolute;
    content:'';
    top:0;
    right:0;
    bottom:0;
    left:0;
    pointer-events:none
}

[class*=bg-overlay-] .container{
    position:relative
}

[class*=bg-second-overlay-]::after{
    position:absolute;
    content:'';
    top:0;
    right:0;
    bottom:0;
    left:0;
    pointer-events:none;
    z-index:-1
}

.oh{
    position:relative;
    overflow:hidden
}

.text-width-small{
    max-width:430px
}

.text-center [class*=text-width-]{
    margin-left:auto;
    margin-right:auto
}

@media (max-width:767.98px){
    [class*=text-width-]{
        margin-left:auto;
        margin-right:auto
    }
}

[style*='z-index: 1000;']{
    z-index:1101!important
}

@media (min-width:992px){
    .offset-top-lg-24{
        margin-top:24px
    }
}

@media (min-width:1200px){
    .offset-right-xl-15{
        margin-right:15px
    }
}

.offset-top-xl-26{
    margin-top:26px
}

.offset-left-xl-45{
    margin-left:45px
}

.offset-left-xl-65{
    margin-left:65px
}

.offset-left-xl-70{
    margin-left:70px
}

@media (min-width:992px){
    .box-width-lg-470{
        max-width:470px;
        margin-left:auto;
        margin-right:auto
    }
}

@keyframes bgPos{
    25%{
        transform:translate3d(-150px,-150px,0) rotate(.001deg)
    }
    75%{
        transform:translate3d(0,0,0) rotate(.001deg)
    }
}

@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}

@keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}

@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,40px,0);
        transform:translate3d(0,40px,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

@keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,40px,0);
        transform:translate3d(0,40px,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

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

@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-40px,0);
        transform:translate3d(0,-40px,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

@keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-40px,0);
        transform:translate3d(0,-40px,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

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

@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-40px,0,0);
        transform:translate3d(-40px,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

@keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-40px,0,0);
        transform:translate3d(-40px,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

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

@-webkit-keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(40px,0,0);
        transform:translate3d(40px,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

@keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(40px,0,0);
        transform:translate3d(40px,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

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

@-webkit-keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}

@keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}

@-webkit-keyframes slideInUp{
    0%{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}

@keyframes slideInUp{
    0%{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}

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

@-webkit-keyframes slideInDown{
    0%{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:visible
    }
    100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}

@keyframes slideInDown{
    0%{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:visible
    }
    100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}

@-webkit-keyframes slideInLeft{
    0%{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:visible
    }
    100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}

@keyframes slideInLeft{
    0%{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:visible
    }
    100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}

@-webkit-keyframes slideInRight{
    0%{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}

@keyframes slideInRight{
    0%{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}

@-webkit-keyframes slideOutDown{
    0%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    100%{
        visibility:hidden;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}

@keyframes slideOutDown{
    0%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    100%{
        visibility:hidden;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}

@keyframes pagInX{
    0%{
        transform:translateX(-100%)
    }
    100%{
        transform:translateX(0)
    }
}
@keyframes pagOutX{
    0%{
        transform:translateX(0)
    }
    100%{
        transform:translateX(100%)
    }
}

@-webkit-keyframes cssload-spin{
    100%{
        transform:rotate(360deg)
    }
}

@keyframes cssload-spin{
    100%{
        transform:rotate(360deg)
    }
}

@keyframes rd-navbar-slide-down{
    0%{
        transform:translateY(-100%)
    }
    100%{
        transform:translateY(0)
    }
}

@keyframes rd-navbar-slide-up{
    0%{
        transform:translateY(0)
    }
    100%{
        transform:translateY(-100%)
    }
}

@keyframes burger-hover{
    0%{
        width:100%
    }
    50%{
        width:50%;
        background:#50ba87
    }
    100%{
        width:100%
    }
}

@keyframes burger-hover-primary{
    0%{
        width:100%
    }
    50%{
        width:50%;
        background:#01b3a7
    }
    100%{
        width:100%
    }
}

@keyframes swiper-preloader-spin{
    100%{
        transform:rotate(360deg)
    }
}

.google-map-container{
    width:100%
}

.google-map{
    height:300px;
    width:100%
}

@media (min-width:1200px){
    .google-map{
        height:455px
    }
}

@keyframes sprite-animation{
    from{
        background-position:0 0
    }
}

[data-isotope-layout]{
    z-index:0;
    display:block;
    min-height:160px;
    margin-left:-15px;
    margin-right:-15px;
    transition:.4s all ease
}

[data-isotope-layout]:after{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:64px;
    height:64px;
    margin-top:15px;
    background-image:url(../images/isotope-loader.png);
    background-position:-1152px 0;
    animation:.7s sprite-animation steps(18) infinite;
    transition:.4s all ease;
    transform:translate3d(-50%,-50%,0)
}

[data-isotope-layout] .row{
    margin-bottom:-30px
}

[data-isotope-layout] .row>[class*=col-]{
    margin-top:30px
}

[data-isotope-layout] [class*=col-]{
    display:block;
    opacity:0;
    will-change:transform;
    backface-visibility:hidden;
    transition:.1s opacity ease-in
}

@media (max-width:575.98px){
    [data-isotope-layout] [class*=col-]{
        max-width:100%
    }
}

[class*=isotope-filters-list]{
    position:absolute;
    top:calc(100% + 20px);
    left:50%;
    max-width:280px;
    width:100%;
    padding:20px;
    font-size:18px;
    line-height:1.2;
    font-weight:500;
    letter-spacing:.1em;
    font-family:Montserrat,sans-serif,Arial,sans-serif;
    color:#9b9b9b;
    background:#fff;
    box-shadow:0 0 10px 0 rgba(0,0,0,.17);
    transform:translate3d(-50%,0,0);
    opacity:0;
    visibility:hidden;
    transition:all .3s ease-in-out;
    z-index:1
}

[class*=isotope-filters-list].active{
    opacity:1;
    visibility:visible
}

[class*=isotope-filters-list] a{
    display:block;
    padding:9px 5px 5px
}

[class*=isotope-filters-list] a,[class*=isotope-filters-list] a:active,[class*=isotope-filters-list] a:focus{
    color:inherit;
}

[class*=isotope-filters-list] a:hover{
    color:#fff
}

[class*=isotope-filters-list] a:hover{
    color:#50ba87
}

[class*=isotope-filters-list] a.active{
    color:#fff;
    background:#50ba87
}

@media (min-width:768px){
    [class*=isotope-filters-list]{
        position:static;
        text-align:center;
        max-width:none;
        top:auto;
        left:auto;
        width:auto;
        padding:0;
        box-shadow:none;
        background:0 0;
        transform:none;
        visibility:visible;
        opacity:1
    }
}

.tabs-custom{
    text-align:left
}

.tabs-custom .nav-tabs{
    font-size:0;
    line-height:0;
    word-spacing:0;
    border:0;
    justify-content:center
}

.tabs-custom .nav-tabs:after,.tabs-custom .nav-tabs:before{
    display:none
}

.tabs-custom .nav-item{
    float:none;
    margin:0;
    border:0;
    cursor:pointer;
    transition:.33s all ease
}

.tabs-custom .nav-link{
    margin:0;
    border-radius:0;
    border:0;
    color:#ef7f1a;
    font-family:Montserrat,sans-serif,Arial,sans-serif
}

.tabs-custom .nav-link.active{
    cursor:default
}

.tab-content>.tab-pane{
    display:block;
    visibility:hidden;
    height:0;
    overflow:hidden
}

.tab-content>.tab-pane.active{
    height:auto
        /*height:250px;*/
}

.tab-pane .button-pipaluk{
    padding:20px 33px 19px
}

.tab-pane .button-black-outline{
    padding:16px 33px 16px
}

.tab-content>.active{
    visibility:visible;
    overflow:visible
}

*+.tabs-line{
    margin-top:24px
}

*+.tabs-line-big{
    margin-top:28px
}

*+.tabs-line-2{
    margin-top:26px
}

h1+.tabs-line{
    margin-top:22px
}

.tabs-line .nav-link{
    padding:10px 10px 6px;
    text-transform:uppercase;
    font-size:20px;
    font-weight:400;
    line-height:1;
    letter-spacing:.075em;
    text-align:center;
    vertical-align:middle
}

.tabs-line .nav-link-big{
    font-size:24px
}

.tabs-line .nav-link-small{
    font-size:14px;
    font-weight:500;
    letter-spacing:.025em
}

.tabs-line *+.tab-content{
    margin-top:20px
}

@media (max-width:767.98px){
    .tabs-line .nav-tabs{
        margin-bottom:-10px
    }
}



.tabs-line .nav-link{
    border-width:1px 0 1px 0;
    border-style:solid;
    border-color:#e1e1e1
}

.tabs-line .nav-link.active,.tabs-line .nav-link:hover{
    color:#01b3a7
}

.tabs-line .nav-link.active{
    border-color:#01b3a7
}

@media (min-width:768px){
    .tabs-line .nav-link{
        font-size:16px
    }
}

.tabs-line .nav-link-big{
    font-size:36px
}

.tabs-line .nav-link-small{
    font-size:18px
}

.tabs-line-big .button{
    min-width:180px
}

.tabs-line-big h5+p{
    margin-top:8px
}

.tabs-line-big *+.group-md{
    margin-top:36px
}

.tabs-line-style-2 .nav-link{
    letter-spacing:.1em
}

.tabs-line-style-3 h5+p{
    margin-top:10px
}

.tabs-line-style-3 *+.group-md{
    margin-top:35px
}

@media (min-width:768px){
    .tabs-horizontal.tabs-line .nav-tabs{
        justify-content:space-between;
        border-bottom:3px solid #e1e1e1
    }
}

.tabs-horizontal.tabs-line .nav-link{
    position:relative;
    padding:0 0 10px 0;
    background-color:transparent;
    border:0
}

.tabs-horizontal.tabs-line .nav-link::after{
    content:'';
    position:absolute;
    bottom:-3px;
    left:0;
    height:3px;
    width:0;
    background:#ef7f1a;
    transition:.22s ease
}

.tabs-horizontal.tabs-line .nav-link-big{
    padding-bottom:5px
}

.tabs-horizontal.tabs-line .nav-link-small{
    padding-bottom:18px
}

.tabs-horizontal.tabs-line .nav-link.active,.tabs-horizontal.tabs-line .nav-link:hover{
    color:#ffff
}

.tabs-horizontal.tabs-line .nav-link.active::after{
    width:100%
}

.tabs-horizontal.tabs-line *+.tab-content{
    margin-top:30px
}

.tabs-horizontal.tabs-line-style-3 *+.tab-content{
    margin-top:26px
}

.tabs-horizontal.tabs-line-big *+.tab-content{
    margin-top:26px
}

.tabs-custom-wrap{
    display:flex;
    align-items:center;
    min-height:100%;
    padding:30px 15px;
    background:#fff
}

@media (min-width:768px){
    .tabs-custom-wrap{
        padding-left:30px;
        padding-right:30px
    }
}

@media (min-width:1200px){
    .tabs-custom-wrap{
        padding:16px 35px 24px
    }
}

.border-classic>div{
    position:relative
}

.border-classic>div::before{
    position:absolute;
    display:none;
    content:'';
    left:50%;
    top:-25px;
    transform:translateX(-50%);
    width:80%;
    height:1px;
    background:#d7d7d7
}

@media (max-width:575.98px){
    .border-classic>div+div::before{
        display:inline-block
    }
}

@media (min-width:576px){
    .border-classic>div{
        position:relative
    }
}

.border-classic>div::before{
    top:50%;
    left:0;
    width:1px;
    height:68px;
    margin-top:-34px;
    transform:none
}

.border-classic>div:nth-child(odd)+div::before{
    display:inline-block
}

@media (min-width:992px){
    .border-classic>div+div::before{
        display:inline-block
    }
}

@media (min-width:576px){
    .border-classic-big>div::before{
        height:86px;
        margin-top:-43px
    }
}

.border-2-column>div{
    padding:0;
    border-top:1px solid #e1e1e1
}

.border-2-column>div:nth-child(1){
    border-top:none
}

@media (min-width:576px){
    .border-2-column>div:nth-child(2){
        border-top:none
    }
}

.border-2-column>div:nth-child(even){
    border-left:1px solid #e1e1e1
}

@keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}

.owl-height{
    transition:height .5s ease-in-out
}

.owl-carousel{
    display:none;
    width:100%;
    -webkit-tap-highlight-color:transparent;
    position:relative;
    z-index:1
}

.owl-carousel.owl-loaded{
    display:block;
}

.owl-carousel.owl-hidden{
    opacity:0
}

.owl-carousel .owl-item{
    position:relative;
    min-height:1px;
    float:left;
    -webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none
}

.owl-carousel .owl-item .owl-item{
    width:100%
}

.no-js .owl-carousel{
    display:block
}

.owl-next,.owl-prev{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    font:400 46px/50px FontAwesome;
    color:#ccc;
    cursor:pointer
}

.owl-next:hover,.owl-prev:hover{
    color:#01b3a7
}

.owl-prev{
    left:0
}

.owl-prev::before{
    content:'\f104'
}

.owl-next{
    right:0
}

.owl-next::before{
    content:'\f105'
}

.owl-classic .owl-next,.owl-classic .owl-prev{
    display:none;
    align-items:center;
    justify-content:space-between;
    height:40px;
    width:54px;
    font-size:0;
    line-height:40px;
    padding-left:5px;
    padding-right:5px;
    transition:all .25s ease
}

.owl-classic .owl-next::after,.owl-classic .owl-next::before,.owl-classic .owl-prev::after,.owl-classic .owl-prev::before{
    display:inline-block;
    vertical-align:middle;
    content:'';
    transition:all .3s ease-in-out
}

.owl-classic .owl-next::before,.owl-classic .owl-prev::before{
    height:2px;
    width:32px;
    background-color:rgba(21,21,21,.21)
}

.owl-classic .owl-next::after,.owl-classic .owl-prev::after{
    width:0;
    height:0;
    border-style:solid
}

.owl-classic .owl-next:hover,.owl-classic .owl-prev:hover{
    padding-left:0;
    padding-right:0
}

.owl-classic .owl-next:hover::before,.owl-classic .owl-prev:hover::before{
    background-color:#01b3a7
}

.owl-classic .owl-next:hover::after,.owl-classic .owl-prev:hover::after{
    border-left-color:#01b3a7;
    border-right-color:#01b3a7
}

.owl-classic .owl-prev{
    flex-direction:row-reverse;
    left:-62px
}

.owl-classic .owl-prev::after{
    border-width:5px 8px 5px 0;
    border-color:transparent rgba(21,21,21,.21) transparent transparent
}

.owl-classic .owl-next{
    right:-62px
}

.owl-classic .owl-next::after{
    border-width:5px 0 5px 8px;
    border-color:transparent transparent transparent rgba(21,21,21,.21)
}

@media (min-width:1600px){
    .owl-classic .owl-next,.owl-classic .owl-prev{
        display:flex
    }
}

.owl-services .owl-prev{
    left:-10px
}

.owl-services .owl-next{
    right:-10px
}

@media (min-width:576px){
    .owl-services{
        padding:0 40px
    }
}

.owl-services .owl-next,.owl-services .owl-prev{
    display:flex
}

@media (min-width:768px){
    .owl-services .owl-prev{
        left:-25px
    }
}

.owl-services .owl-next{
    right:-25px
}

@media (min-width:992px){
    .owl-services{
        padding:0
    }
}

.owl-team{
    position:static
}

.owl-team .owl-next,.owl-team .owl-prev{
    position:absolute;
    display:none;
    top:0;
    bottom:0;
    font-size:0;
    line-height:0;
    background:rgba(247,247,247,.7);
    transform:none;
    transition:all .3s ease-in-out
}

.owl-team .owl-next::before,.owl-team .owl-prev::before{
    display:none
}

.owl-team .owl-next:hover,.owl-team .owl-prev:hover{
    background:rgba(247,247,247,.4)
}

.owl-team .owl-next{
    right:0;
    left:calc(50% + 615px)
}

.owl-team .owl-prev{
    left:0;
    right:calc(50% + 615px)
}

@media (min-width:1200px){
    .owl-team .owl-next,.owl-team .owl-prev{
        display:block
    }
}

@media (min-width:1280px) and (max-width:1399px){
    .container-custom-2{
        max-width:1100px
    }
}

.owl-team{
    max-width:1070px
}

.owl-team .owl-next{
    left:calc(50% + 564px)
}

.owl-team .owl-prev{
    right:calc(50% + 564px)
}

.owl-custom-nav{
    font-size:0;
    line-height:0;
    letter-spacing:0;
    margin-bottom:-6px;
    margin-left:-6px
}

.owl-custom-nav:empty{
    margin-bottom:0;
    margin-left:0
}

.owl-custom-nav>*{
    display:inline-block;
    margin-top:0;
    margin-bottom:6px;
    margin-left:6px
}

.owl-custom-nav .owl-next,.owl-custom-nav .owl-prev{
    position:static;
    display:inline-block;
    top:auto;
    left:auto;
    right:auto;
    width:33px;
    height:33px;
    font-size:22px;
    line-height:25px;
    color:#01b3a7;
    border:4px solid #50ba87;
    border-radius:50%;
    transform:none;
    transition:all .25s ease-in-out
}

.owl-custom-nav .owl-next:hover,.owl-custom-nav .owl-prev:hover{
    border-color:#01b3a7
}

@font-face{
    font-family:lg;
    src:url(../fonts/lg.eot?n1z373);
    src:url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(../fonts/lg.woff?n1z373) format("woff"),url(../fonts/lg.ttf?n1z373) format("truetype"),url(../fonts/lg.svg?n1z373#lg) format("svg");
    font-weight:400;
    font-style:normal
}

.lg-icon{
    font-family:lg;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscaleM
}

@-webkit-keyframes lg-right-end{
    0%,100%{
        left:0
    }
    50%{
        left:-30px
    }
}

@-moz-keyframes lg-right-end{
    0%,100%{
        left:0
    }
    50%{
        left:-30px
    }
}

@-ms-keyframes lg-right-end{
    0%,100%{
        left:0
    }
    50%{
        left:-30px
    }
}

@keyframes lg-right-end{
    0%,100%{
        left:0
    }
    50%{
        left:-30px
    }
}

@-webkit-keyframes lg-left-end{
    0%,100%{
        left:0
    }
    50%{
        left:30px
    }
}

@-moz-keyframes lg-left-end{
    0%,100%{
        left:0
    }
    50%{
        left:30px
    }
}

@-ms-keyframes lg-left-end{
    0%,100%{
        left:0
    }
    50%{
        left:30px
    }
}

@keyframes lg-left-end{
    0%,100%{
        left:0
    }
    50%{
        left:30px
    }
}

.lg-next,.lg-prev{
    opacity:1;
    -webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
    -moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
    -o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
    transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear
}

.lg-autoplay-button:after{
    content:"\e01d"
}

.lg-show-autoplay .lg-autoplay-button:after{
    content:"\e01a"
}

.lg-group:after{
    content:"";
    display:table;
    clear:both
}

.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden
}

.lg-css3.lg-fade .lg-item{
    opacity:0
}

.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{
    -webkit-transition:opacity .1s ease 0s;
    -moz-transition:opacity .1s ease 0s;
    -o-transition:opacity .1s ease 0s;
    transition:opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item{
    opacity:0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{
    -webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item{
    opacity:0;
    position:absolute;
    left:0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{
    left:-100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{
    left:100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{
    -webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s
}

.mobile .lg-icon{
    font-size:22px;
    width:45px
}

@media (max-width:767.98px){
    .lg-icon{
        font-size:22px;
        width:45px
    }
}

/*===??KAnn Weg ??===*/

.parallax-container{
    position:relative;
    overflow:hidden
}

.parallax-content{
    position:relative;
    z-index:1
}

button::-moz-focus-inner{
    padding:0;
    border:0
}

.video-background{
    position:relative;
    overflow:hidden;
    background-color:#151515
}

.video-background iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}

.video-background-inner{
    position:relative;
    z-index:1
}

.shadow-1-strong{
    -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.21)!important;
    box-shadow:0 1px 5px 0 rgba(0,0,0,.21)!important
}
/*=== Neu dazu gekommen ==*/




.res{
    width: 100%    !important;
    height: auto   !important;
}

.section-top-0 {
    padding-top: 0;
}

.promo-classic {
    text-align: center;
    border: 10px solid #f3f7f8;
    padding: 30px 15px 90px;
    background-color: #514E4F;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.contact-section {
    z-index:2;
    padding: 7em 0;
    position: relative;
}
@media (max-width: 767.98px) {
    .ftco-section {
        padding: 6em 0;
    }
}

.contact-no-pt {
    padding-top: 0 !important;
}

.contact-intro .services {
    padding: 30px;
    background: #fff;
    border-radius: 4px;
}
@media (min-width: 992px) {
    .contact-intro .services {
        margin-top: -50px;
    }
}

.media-body {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.services {
    display: block;
    width: 100%;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0px 8px 21px -10px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 8px 21px -10px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 8px 21px -10px rgba(0, 0, 0, 0.08);
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blackRow{
    margin: 0;
    padding: 0;
    height: 2px;
    background-color: var(--seemgreen);;

}

.heading{
    color: var(--seemgreen);
}

.section-75 {
    padding-top: 75px;
    padding-bottom: 75px;
}


@media (min-width: 768px) {
    .section-md-120 {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}
@media (min-width: 992px) {
    .section-lg-120 {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

@media (min-width: 1200px) {
    .section-xl-150 {
        padding-top: 150px;
        padding-bottom: 150px;
    }

}

.box-info-custom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 280px;
    padding: 35px 20px;
    box-shadow: inset 300px 0 500px rgba(0, 0, 0, 0.8);
    color: #fff;
}



@media (min-width: 576px) {
    .box-info-custom {
        padding: 30px;
    }
    .justify-content-sm-center {
        justify-content: center !important;
    }
}

@media (min-width: 768px) {
    .box-info-custom {
        min-height: 350px;
        padding: 30px 60px;
    }
    .offset-md-top-125 {
        margin-top: 125px;
    }
}

@media (min-width: 992px) {
    .box-info-custom {
        padding: 30px 90px;
    }
    .offset-lg-top-150 {
        margin-top: 150px;
    }
}

@media (min-width: 1200px) {
    .align-items-xl-center {
        align-items: center !important;
    }
    .justify-content-xl-between {
        justify-content: space-between !important;
    }
}

.box-info-custom a, .box-info-custom a:focus, .box-info-custom a:active {
    color: #fff;
}

.box-info-custom a:hover {
    color: #ffde00;
}

.box-info-custom-title {
    position: relative;
    padding-bottom: 20px;
}

.box-info-custom-title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 52px;
    border-bottom: 2px solid #ffde00;
}

.box-info-custom-inner {
    display: block;
    max-width: 400px;
}

.box-info-custom * + p {
    margin-top: 20px;
}

.offset-top-60 {
    margin-top: 60px;
}


.linkstyle:hover{
    color: #278032 !important;
    font-weight: bold;
}




/*Equip*/

.equip-section {
    padding: 7em 0;
    position: relative;
}
@media (max-width: 767.98px) {
    .equip-section {
        padding: 6em 0;
    }
}


.card {
    min-width: 280px;
    border-radius: 10px
}

.card-img-top {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}
/*==Galerie==*/
/* gallery */





/*==Why Us Section==*/

.bg-image-8 {
    background-image: url(../images/para-bg.jpg);
    /* width: 100%; */
    height: auto;
    /*min-height: 500px; */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding-bottom: 25px;

}


.bg-image-8::before{
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
        0deg,
        rgb(39 128 50 / .6),
        rgb(0 0 0 / 0)
        );
    z-index: -1;
}

@media only screen and (max-device-width: 1366px) {
    .bg-image-8 {
        background-attachment: scroll;
    }
}

.wush{
    text-align: center;
}

.context-dark{
    color:#ffffff;
}

@media (min-width: 768px){
    .section-xxl {
        padding: 90px 0;
    }
}

@media (min-width: 992px){
    .section-xxl{
        padding: 100px 0;
    }
    .section-xxl-2 {
        padding-bottom: 200px;
    }
}

@media (min-width: 1600px){
    .section-xxl{
        padding:120px 0;
    }
}

@media (min-width:1200px){
    .section-xxl{
        padding:110px 0;
    }
}


/*==Testimonials New ==*/
.testimonial-area {
    background: #fff;
    padding: 50px 0 40px;
    width: 100%;
}

.testimonial-area .more-button {
    margin-top: 12px;
}

.testimonial-area .more-button a {
    border: 2px solid #5b3859;
    height: 50px;
    width: 170px;
    display: block;
    text-align: center;
    border-radius: 30px;
    color: #5b3859;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 48px;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}

.testimonial-area .more-button a:hover {
    background: #fff;
    color: #252525;
}

.single-testimonial-item {
    overflow: hidden;
    float: left;
    background: #ffffff;
    margin-bottom: 30px;
    display: block;
    padding: 38px 40px 36px;
}

.single-testimonial-item .img-holder {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f4f4f4;
    border-radius: 50%;
    display: block;
    height: 85px;
    margin: 0 auto;
    overflow: hidden;
    width: 85px;
    z-index: 1;
    position: relative;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    padding: 2px;
}

.single-testimonial-item:hover .img-holder {
    background: #0c8e78;
    border-color: #0c8e78;
}

.single-testimonial-item .text-holder {
    padding-top: 20px;
    transition: all 0.7s ease;
}

.single-testimonial-item:hover .text-holder {
    border-color: #e7e3e3;
}

.single-testimonial-item .text-holder h3 {
    color: var(--seemgreen);
    font-size: 20px;
    font-weight: 400;
    font-family: 'Courgette', cursive;
    text-transform: none;
    margin: 0 0 12px;
}

.single-testimonial-item .text-holder p {
    margin: 0 0 13px;
    font-size: 13px;
}

.single-testimonial-item .border {
    width: 190px;
    height: 1px;
    background: #f5f4f4;
    display: block;
    margin: 0 auto;
}

.single-testimonial-item .name h3 {
    padding-top: 19px;
    color: #404040;

    font-size: 18px;
    font-weight: 600;
}

.sec-title{
    color: var(--seemgreen); 

}

/*
* ----------------------------------------------------------------------------------------
* 16.START CONTACT ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact-address{
    background:#f4f2f9;
}
.address{
    background:#fff;
    padding: 60px 30px;
}
@media only screen and (max-width:768px){
    .address{
        margin-bottom:30px;
    }
}
.single_address{
    margin-bottom:30px;
}
.single_address i {
    color: #fff;
    font-size: 22px;
    margin-right: 20px;
    float: left;
    margin-bottom: 50px;
    background: #f5325c;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 30px;
}
.single_address h4 {
    overflow: hidden;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 22px;
    text-transform: capitalize;
}
.single_address p {
    overflow: hidden;
    margin-bottom: 0px;
}
/*START FOOTER SOCIAL DESIGN*/
.footer_social {
    margin-top:40px;
}
.footer_social h4 {
    margin-bottom: 20px;
    font-weight: 600;
    text-transform: capitalize;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer_social ul li {
    display: inline-block
}
.footer_social ul li a {
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 2px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.3s ease 0s;
    width: 50px;
    text-align: center;
}
@media only screen and (max-width:768px) {
    .footer_social ul li a {
        font-size: 12px
    }
}
@media only screen and (max-width:480px) {
    .footer_social ul li a {
        font-size: 16px
    }
}
.footer_social ul li a:hover {
    background:#f5325c;
    border: 1px solid #f5325c!important;
    color: #fff;
}
.f_facebook {
    background: #5D82D1;
    border: 1px solid #5D82D1;
}
.f_twitter {
    background: #40BFF5;
    box-shadow: 0 0 0 0px #40BFF5;
    border: 1px solid #40BFF5;
}
.f_google {
    background: #EB5E4C;
    box-shadow: 0 0 0 0px #EB5E4C;
    border: 1px solid #EB5E4C;
}
.f_linkedin {
    background: #238CC8;
    box-shadow: 0 0 0 0px #238CC8;
    border: 1px solid #238CC8;
}
.f_youtube {
    background: #CC181E;
    box-shadow: 0 0 0 0px #CC181E;
    border: 1px solid #CC181E;
}
.f_skype {
    background: #00AFF0;
    box-shadow: 0 0 0 0px #00AFF0;
    border: 1px solid #00AFF0;
}
/*END FOOTER SOCIAL DESIGN*/
.map{
}
.map iframe {
    width: 100%;
    height: 625px;
    background: #fff;
    padding: 10px;
}
/*
* ----------------------------------------------------------------------------------------
* 16.END CONTACT ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 17.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

.footer{
    background: #232a34 none repeat scroll 0 0;
    padding: 30px 0;
}

.footer_copyright{
    padding-top:0px;
}
.footer_copyright p{
    color: #fff;
    text-align: center;
    text-transform: capitalize;
}

/*
* ----------------------------------------------------------------------------------------
* 17.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 18.INSIDES
* ----------------------------------------------------------------------------------------
*/
#pinBoot {
    position: relative;
    max-width: 100%;
    width: 100%;
}
.newsimg {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.white-panel {
    position: absolute;
    background: white;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    padding: 10px;
}

.white-panel-logo {
    position: absolute;
    background: white;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    padding: 10px;
}

.newsimg-logo {
    width: 100%;
    max-width: 100%;
    height: auto;
}
/*
stylize any heading tags withing white-panel below
*/

.white-panel h1 {
    font-size: 1em;
}
.white-panel h1 a {
    color: #A92733;
}
.white-panel:hover {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    margin-top: -5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*
* ----------------------------------------------------------------------------------------
* 18.END INSIDES
* ----------------------------------------------------------------------------------------
*/


/*
+-----------------------------------------------------------------------------------------
+19. Flipflyer
+-----------------------------------------------------------------------------------------
*/
/* == SIEHE flyer.css Datei == */

.card {
    margin-top: 20px;
    padding: 30px;
    background-color: rgba(214, 224, 226, 0.2);
    -webkit-border-top-left-radius:5px;
    -moz-border-top-left-radius:5px;
    border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-top-right-radius:5px;
    border-top-right-radius:5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
* ----------------------------------------------------------------------------------------
* 17. Unterseiten Sortiment Allgemein 
* ----------------------------------------------------------------------------------------
*/

.boxi figure {
    -webkit-transition: 1s all;
    transition: 1s all;
    position: relative;
}

.boxi figure img {
    height: 223px;
    width: 360px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s all;
    transition: .3s all;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.boxi figure figcaption {
    position: absolute;
    bottom: -50px;
    left: 8%;
    right: 8%;
    background: #fff;
    color: #000;
    padding: 20px 15px;
    -webkit-box-shadow: 0 5px 10px #00000033;
    box-shadow: 0 5px 10px #00000033;
    -webkit-transition: .5s all;
    transition: .5s all;
}

.boxi figure figcaption::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    height: 2px;
    background:var(--seemgreen);
    content: '';
    width: 0;
    position: absolute;
    -webkit-transition: .5s all;
    transition: .5s all;
}

.boxi figure figcaption h5 {
    font-size: 1.6rem;
    font-weight: bold;
    -webkit-transition: .3s all;
    transition: .3s all;
}

.boxi figure figcaption h3 {
    font-size: 1.5rem;
    font-weight: 500;
}

.boxi figure:hover {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

.boxi figure:hover h5 {
    color: #fc5546;
}

.boxi figure:hover img {
    -webkit-box-shadow: 0px 0px 6px var(--seemgreen), -10px -10px 1px var(--seemgreen);
    box-shadow: 0px 0px 6px var(--seemgreen), -10px -10px 1px var(--seemgreen);
}

.boxi2 figure:hover figcaption {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
    -webkit-box-shadow: 0 10px 10px var(--seemgreen);
    box-shadow: 0 10px 10px var(--seemgreen);
}

.boxi figure:hover figcaption::after {
    width: 100%;
}
.boxi h3 {
    font-size: 2rem;
    font-family: inherit;
    font-weight: bold;
    line-height: 2rem;
}

.boxi p {
    font-size: 2rem;
    font-family: "helveticaregular";
    color: rgba(255, 255, 255, 0.7);
}
/*
* ----------------------------------------------------------------------------------------
* 17. Unterseiten Sortiment Allgemein ENDE 
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 18. Unterseiten Sortiment Freie Tankstelle 
* ----------------------------------------------------------------------------------------
*/

.cntDigit {
    margin-top: 10px !important;
    height: 5.5rem;
    width: 4rem;
    float: left; 
    background: url(../images/digits.png);
}

.border-gradient {
    border: 10px solid;
    border-image-slice: 1;
    border-width: 5px;
}

.border-gradient-farbe {
    border-image-source: linear-gradient(to left, #5d5d5d, #000);
}

.digits{
    background-color: #293133;
    height: 7rem;
    width: calc(4.5rem * 5);
    padding-left: .5rem;
}

.currenzy{
    color: white;
    font-size: 4rem;
    margin-left: 18rem;
}

.tank-shape{
    border-style: solid;
    border-width: 0 70px 40px 0;
    float:right;
    height: 0px;
    width: 0px;
    -ms-transform:rotate(360deg); /* IE 9 */
    -o-transform: rotate(360deg);  /* Opera 10.5 */
    -webkit-transform:rotate(360deg); /* Safari and Chrome */
    transform:rotate(360deg);
}
.tank-offer{
    min-width: 350px;
    min-height: 170px;
    background:#fff;
    border:1px solid #ddd;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    margin: 15px 0;
    overflow:hidden;
}
.tank-offer:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform:rotate scale(1.1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.tank-shape {
    border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);
}
.tank-offer-radius{
    border-radius:7px;
}
.tank-offer-danger {
    border-color: #d9534f;
}
.tank-offer-danger .shape{
    border-color: transparent #d9534f transparent transparent;
}
.tank-offer-success {
    border-color: #5cb85c;
}
.tank-offer-success .shape{
    border-color: transparent #5cb85c transparent transparent;
}
.tank-offer-default {
    border-color: #999999;
}
.tank-offer-default .shape{
    border-color: transparent #999999 transparent transparent;
}
.tank-offer-primary {
    border-color: #428bca;
}
.tank-offer-primary .shape{
    border-color: transparent #428bca transparent transparent;
}
.tank-offer-info {
    border-color: #5bc0de;
}
.tank-offer-info .shape{
    border-color: transparent #5bc0de transparent transparent;
}
.tank-offer-warning {
    border-color: #f0ad4e;
}
.tank-offer-warning .shape{
    border-color: transparent #f0ad4e transparent transparent;
}

.tank-shape-text{
    color:#fff;
    font-size:12px;
    font-weight:bold;
    position:relative;
    right:-40px;
    top:2px;
    white-space: nowrap;
    -ms-transform:rotate(30deg); /* IE 9 */
    -o-transform: rotate(360deg);  /* Opera 10.5 */
    -webkit-transform:rotate(30deg); /* Safari and Chrome */
    transform:rotate(30deg);
}
.tank-offer-content{
    padding:0 20px 10px;
}

/*
* ----------------------------------------------------------------------------------------
* 18. Unterseiten Sortiment Freie Tankstelle ENDE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 19.Unterseiten allgemein
* ----------------------------------------------------------------------------------------
*/

.moto-box {
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 10px 25px;
    text-align: right;
    display: block;
    margin-top: 60px;
}
.moto-box-icon {
    background-color: var(--seemgreen);
    border-radius: 50%;
    display: table;
    height: 100px;
    margin: 0 auto;
    width: 100px;
    margin-top: -61px;
}
.moto-box-icon span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.moto-info h4 {
    font-size: 26px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.moto-info > p {
    color: #717171;
    font-size: 16px;
    padding-top: 10px;
    text-align: left;
}
.moto-info > a {
    background-color: #03a9f4;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}
.moto-info > a:hover {
    background-color: #0288d1;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}
/*
* ----------------------------------------------------------------------------------------
* 19.Unterseiten allgemein ENDE
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 20.Unterseite Servicebereich/Ersatzteilform 
* ----------------------------------------------------------------------------------------
*/

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}





/*Tabs*/
.nav{
    background-color: var(--seemgreen);
    padding: 25px;
}

.nav-tabs {
    border-bottom: none !important;
}

#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #336683 !important;
    background-color: var(--seemgreen) !important;
    border-color: transparent transparent #f3f3f3;
}
#tabs .nav-tabs .nav-link {
    border: 1px solid transparent;
    color: #eee;
    font-size: 20px;
    background-color: var(--seemgreen);
    border: 1px solid #a4d6ef;
    color: #a4d6ef;
}

.nav-item {
    border-radius: 0 !important;
}

.nav-item:last-child {
    border-top-right-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important;
}

.nav-item:first-child {
    border-top-left-radius: .5rem !important;
    border-bottom-left-radius: .5rem !important;
}

.nav-tabs .nav-link.active{
    background-color: #a4d6ef !important;
}

.font-black{
    color:black;

}
/*
* ----------------------------------------------------------------------------------------
* 20.Unterseite Servicebereich/Ersatzteilform ENDE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 21.Unterseite Servicebereich/Wintercheck
* ----------------------------------------------------------------------------------------
*/
#canvas_container {
    width: 100%;
    height: 100%;
    overflow: auto;
}
/*
* ----------------------------------------------------------------------------------------
* 21.ENDE
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 22.Unterseite Sortiment
* ----------------------------------------------------------------------------------------
*/
.imagecontainer{
    position: relative;
    padding: 0;
    line-height: 0;
    background: #07915f;
    /*mix-blend-mode: multiply; */
    cursor: pointer;

}

.img-scale{
    -webkit-filter: grayscale(1) contrast(1.5);
    filter: grayscale(1) contrast(1.5) brightness(1.1);
    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");
    filter: gray;
    -webkit-filter: grayscale(100%);
    mix-blend-mode: multiply;
    opacity: 0.2;
    cursor: pointer;


}

.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
    margin: 0;
}

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.grid figure h2 span {
    font-weight: 800;
}

.grid figure h2,
.grid figure p {
    margin: 0;
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}



figure.effect-ravi {
    background: #303fa9;
    margin: 0;
}

.grid [class^="col"] {
    padding: 2px;
}

figure.effect-ravi h2 {
    font-size: 99%;
}

figure.effect-ravi h2,
figure.effect-ravi p {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
}

figure.effect-ravi figcaption::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    border: 2px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
    transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
}

figure.effect-ravi p {
    width: 100px;
    text-transform: none;
    font-size: 121%;
    line-height: 2;
}

figure.effect-ravi p a {
    color: #fff;
}

figure.effect-ravi p a:hover,
figure.effect-ravi p a:focus {
    opacity: 0.6;
}

figure.effect-ravi p a i {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-ravi p a:first-child i {
    -webkit-transform: translate3d(-60px, -60px, 0);
    transform: translate3d(-60px, -60px, 0);
}

figure.effect-ravi p a:nth-child(2) i {
    -webkit-transform: translate3d(60px, -60px, 0);
    transform: translate3d(60px, -60px, 0);
}

figure.effect-ravi p a:nth-child(3) i {
    -webkit-transform: translate3d(-60px, 60px, 0);
    transform: translate3d(-60px, 60px, 0);
}

figure.effect-ravi p a:nth-child(4) i {
    -webkit-transform: translate3d(60px, 60px, 0);
    transform: translate3d(60px, 60px, 0);
}

figure.effect-ravi:hover figcaption::before {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
    transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
}

figure.effect-ravi:hover h2 {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
    transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
}

figure.effect-ravi:hover p i:empty {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    /* just because it's stronger than nth-child */
    opacity: 1;
}

.about-img-logo {
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    -webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    margin-bottom:20px;
}

.about-img-logo:hover {
    filter: none; /* IE6-9 */
    -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */

}

/*
* ----------------------------------------------------------------------------------------
* 22.ENDE
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 23. Unterseite Service/Motorsägenlehrgang
* ----------------------------------------------------------------------------------------
*/


.how-section1{
    margin-top:-15%;
    padding: 10%;
}
.how-section1 h4{
    color: var(--seemgreen);
    font-weight: bold;
    font-size: 30px;
}
.how-section1 .subheading{
    color: #3931af;
    font-size: 20px;
}
.how-section1 .row
{
    margin-top: 10%;
}
.how-img 
{
    text-align: center;
}
.how-img img{
    width: 50%;
}


.teaser-highlight-banner--green{
    background-color: var(--seemgreen);
    color: #fff;

}

.teaser-highlight-banner {
    background: var(--seemgreen);
    position: relative;
}

.teaser-highlight-banner__inner {
    display: flex;
    align-items: center;
}

.teaser-highlight-banner__content {
    position: relative;
    width: auto;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 32px 0;
}

.teaser-highlight-banner--text .teaser-highlight-banner__headline > * {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: var(--color1);
    font-family: 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 27px;
    color: #fff;
}

.teaser-highlight-banner--green .teaser-highlight-banner__link {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 31px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: var(--color1);
    font-family: 'STIHL-Contraface-Display-Title', 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 14px;
    color: var(--text-color);
}

@media only screen and (min-with: 768px){
    .teaser-highlight-banner--text .teaser-highlight-banner__content {
        width: 50%;
    }
    .teaser-highlight-banner__content {
        width: 91.66667%;
        margin: 50px auto;
    }

    .teaser-highlight-banner--text .teaser-highlight-banner__headline > * {
        text-align: center;
        font-size: 32px;
    }


}

@media only screen and (min-width: 1024px) {
    .teaser-highlight-banner__content {
        width: 984px;
    }
}
/*
* ----------------------------------------------------------------------------------------
* 23. Unterseite Service/Motorsägeschein ENDE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 24. Unterseite Insides
* ----------------------------------------------------------------------------------------
*/

.cal-row-striped:nth-of-type(odd){
    background-color: #efefef;
    border-left: 4px var(--seemgreen) solid;
}

.cal-row-striped:nth-of-type(even){
    background-color: #ffffff;
    border-left: 4px #00722E38 solid;
}

.cal-row-striped {
    padding: 0.75rem 0;
}

.cal-text-green{
    color: var(--seemgreen); 
}

.badge-seemgreen{
    background-color: var(--seemgreen);
    color: var(--dustwhite);
}


/*
* ----------------------------------------------------------------------------------------
* 24. Unterseite Insides ENDE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 25. JOBS
* ----------------------------------------------------------------------------------------
*/


#stellencarousel .carousel-caption {
    left:0;
    right:0;
    bottom:0;
    text-align:left;
    padding:10px;
    background:rgba(0,0,0,0.6);
    text-shadow:none;
}

#stellencarousel .list-group {
    position:absolute;
    top:0;
    right:0;
}
#stellencarousel .list-group-item {
    border-radius:0px;
    cursor:pointer;
}
#stellencarousel .list-group .active {
    background-color:var(--seemgreen);	
}

@media (min-width: 992px) { 
    #stellencarousel  {padding-right:34%;}
    #stellencarousel .carousel-controls {display:none;} 	
}
@media (max-width: 991px) { 
    .carousel-caption p,
    #stellencarousel .list-group {display:none;} 
}

#azucarousel .carousel-caption {
    left:0;
    right:0;
    bottom:0;
    text-align:left;
    padding:10px;
    background:rgba(0,0,0,0.6);
    text-shadow:none;
}

#azucarousel .list-group {
    position:absolute;
    top:0;
    right:0;
}
#azucarousel .list-group-item {
    border-radius:0px;
    cursor:pointer;
}
#azucarousel .list-group .active {
    background-color:var(--seemgreen);	
}

@media (min-width: 992px) { 
    #azucarousel  {padding-right:34%;}
    #azucarousel .carousel-controls {display:none;} 	
}
@media (max-width: 991px) { 
    .carousel-caption p,
    #azucarousel .list-group {display:none;} 
}
/*
* ----------------------------------------------------------------------------------------
* 25. JOBS ENDE
* ----------------------------------------------------------------------------------------
*/

/* Calendar Prev */


.calendar{
    width: 100%;
    height: 500px;
    display: flex;
    background-image: url('../images/cal.png');
    background-attachment: scroll;
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding-bottom: 25px;
}

.calendar::before{
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
        0deg,
        rgba(149, 166, 156, 0.55),
        rgb(0 0 0 / 0)
        );
    z-index: -1;
}
.main{
    position: relative;
    margin: 120px auto;
    padding: 1em;
    background: rgba(255, 255, 255, 0.25) border-box;
    overflow: hidden;
    border-radius: .3em;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset, 0 0.5em 1em rgba(0, 0, 0, 0.6);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);


}


.main::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: -30px;
    z-index: -1;
    -webkit-filter: blur(20px);
    filter: blur(20px);
}

.m-9{

    margin-top: -50px !important;
}

#calendar {
    max-width: 1100px;
    margin: 40px auto;
}