@charset "UTF-8";
.blockquote,
.btn-theme,
p {
line-height:1.4
}
.btn-theme.active.focus,
.btn-theme.active:focus,
.btn-theme.focus,
.btn-theme:active.focus,
.btn-theme:active:focus,
.btn-theme:focus,:active,:focus,
a,
a:active,
a:focus,
a:hover{
    outline:0
}
.btn-theme:hover,
.service .service-element,
.service .service-info,
.service:hover
.service-element,
.service:hover
.service-info{
    transition-duration:.3s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1)
}
.blockquote,
.header .nav-item-child,
.link,
a,
body,
em,
h1,
h2,
h3,
h4,
h5,
h6,
li,
li a,
p,
span{
    font-family:Hind,sans-serif
}
/* .back-to-top:focus,
.back-to-top:hover,  */
.btn-theme.focus,
.btn-theme:focus,
.btn-theme:hover,
.content-wrapper-link,
.header .logo-wrap:focus,
.header .logo-wrap:hover,
a:active,
a:focus,
a:hover,
h1>a:focus,
h2>a:focus,
h3>a:focus,
h4>a:focus,
h5>a:focus,
h6>a:focus{
    text-decoration:none
}
/* .back-to-top, */
.carousel-title,
.header .nav-item-child,
.link{
    text-transform:uppercase
}
.container-full-width:after,
.masonry-grid:after{
    clear:both
}
html{
    overflow-x:hidden
}
body,
html,
html a{
    -webkit-font-smoothing:antialiased
}
p{
    font-size:15px;
    font-weight:400;
    color:#a6a7aa;
    margin-bottom:15px
}

em,
li,
li a{
    font-size:16px;
    font-weight:500;
    color:#515769
}
a{
    color:#81848f
}
a:active,
a:focus,
a:hover{
    color:#999caa
}
.link{
    position:relative;
    font-size:13px;
    font-weight:600
}
.link:after{
    position:absolute;
    top:8px;
    right:-15px;
    width:9px;
    height:2px;
    background:#17bed2;
    content:" "
}
span{
    font-size:14px;
    font-weight:400;
    color:#bfc1c7
}
h1,
h2,
h3,
h4,
h5,
h6{
    font-weight:700;
    color:#515769;
    line-height:1.4;
    margin:0 0 15px
}

h2b{color:#FFFFFF}
h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a{
    color:#515769
}
h1>a:hover,
h2>a:hover,
h3>a:hover,
h4>a:hover,
h5>a:hover,
h6>a:hover{
    color:#999caa;
    text-decoration:none
}
h1{
    font-size:40px
}
h2{
    font-size:30px
}
h3,
h4{
    font-size:22px
}
::selection{
    color:#fff;
    background:#17bed2;
    text-shadow:none
}
::-webkit-selection{
    color:#fff;
    background:#17bed2;
    text-shadow:none
}
::-moz-selection{
    color:#fff;
    background:#17bed2;
    text-shadow:none
}
.section-seperator{
    border-bottom:1px solid #edf0f2
}
.content-wrapper-link{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:block;
    z-index:3}
.blockquote{
    position:relative;
    font-size:17px;
    font-weight:400;
    color:#a6a7aa;
    border-left:none;
    margin-left:20px
}
.blockquote:before{
    position:absolute;
    top:0;
    left:-20px;
    font-size:60px;
    display:inline-block;
    color:#17bed2;
    content:'“'
}
.btn-theme{
    position:relative;
    display:inline-block;
    text-align:center;
    background-image:none;
    border-style:solid;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none}
.btn-theme.active,
.btn-theme:active{
    background-image:none;
    outline:0
}
.btn-theme.disabled,
.btn-theme[disabled],fieldset[disabled]
.btn-theme{
    cursor:not-allowed;
    box-shadow:none;
    opacity:.65;
    pointer-events:none}
.btn-white-brd{
    color:#fff;
    background:0 0;
    border-color:rgba(255,255,255,.3);
    border-width:1px
}
.btn-white-brd.focus,
.btn-white-brd:focus,
.btn-white-brd:hover{
    color:#515769;
    background:#fff;
    border-color:transparent
}
.btn-default-bg{
    color:#515769;
    background:#f3f4f5;
    border-color:transparent;
    border-width:0
}
.btn-base-bg,
.btn-default-bg.focus,
.btn-default-bg:focus,
.btn-default-bg:hover{
    background:#17bed2;
    color:#fff;
    border-color:transparent
}
.btn-base-bg{
    border-width:0
}
.btn-base-bg.focus,
.btn-base-bg:focus,
.btn-base-bg:hover{
    color:#fff;
    background:#63cbd7;
    border-color:transparent
}
.footer .footer-seperator,
.header .navbar{
    border-bottom:1px solid rgba(255,255,255,.2)
}
.btn-theme-sm{
    font-size:13px;
    font-weight:600;
    padding:15px 30px
}


/* Service section */


.service{
    background:#fff;
    padding:50px;
}
.service .service-element,
.service .service-info{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.service .service-icon{
    display:block;
    font-size:30px;
    color:#999caa;
    margin-bottom:30px
}
.header .logo-img,
.header .logo-img-main,
.header .logo-wrap{
    display:inline-block
}
.service:hover
.service-element{
    opacity:0;
    -webkit-transform:translate3d(0,-100%,0);
    -moz-transform:translate3d(0,-100%,0);
    transform:translate3d(0,-100%,0)
}
.service:hover
.service-info{
    -webkit-transform:translate3d(0,-30%,0);
    -moz-transform:translate3d(0,-30%,0);
    transform:translate3d(0,-30%,0)
}

/* Service section end */


.work,
.work .work-overlay{
    position:relative
}
.work .work-content,
.work .work-overlay:before{
    position:absolute;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1);
    transition-duration:.3s;
    left:0
}
.work .work-overlay:before{
    top:0;
    width:100%;
    height:100%;
    background:0 0;
    content:" "
}
.work .work-content{
    bottom:0;
    opacity:0;
    padding:25px;
    -webkit-transform:translate3d(0,20px,0);
    -moz-transform:translate3d(0,20px,0);
    transform:translate3d(0,20px,0)
}
.work:hover
.work-overlay:before{
    background:rgba(0,0,0,.5);
    transition-duration:.3s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1)}
.work:hover
.work-content{
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    transition-duration:.3s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1)
}


/* footer section */



.footer{
    background-size:cover}
.footer .footer-list{
    margin-bottom:0
}
.footer .footer-list-item{
    color:#cbd3e1;margin-bottom:25px
}
.footer .footer-list-link{
    color:#cbd3e1
}
.footer .footer-list-link:hover{
    color:#fff
}
.footer .footer-input{
    background:rgba(0,0,0,.15)
}
.footer .footer-logo{
    width:85px;height:auto
}



/* footer section end */




/* navbar and header section */


.navbar-fixed-top .navbar-collapse{
    max-height:100%
}
.header .navbar{
    margin-bottom:0;
    transition-duration:.3s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1);

}
.header .navbar-toggle{
    width:25px;
    height:25px;
    border:none;
    padding:0;
    margin:15px 10px}
.header .navbar-toggle .toggle-icon{
    position:relative;
    width:21px;
    height:1px;
    display:inline-block;
    background:white;
    transition-duration:.3s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1)
}


.header .navbar-toggle .toggle-icon:after,
.header .navbar-toggle .toggle-icon:before{
    position:absolute;
    left:0;
    background:white;
    content:" "
}
.header .navbar-toggle .toggle-icon:before{
    width:10px;
    height:1px;
    bottom:10px;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    transform:rotate(0);
    transition-duration:.3s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1)
}
.header .navbar-toggle .toggle-icon:after{
    width:16px;
    height:1px;
    top:-5px;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    transform:rotate(0);
    transition-duration:.3s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1)
}
.header .navbar-toggle:hover
.toggle-icon{
    background:#17bed2;
    transition-duration:.3s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1)
}
.header .navbar-toggle:hover
.toggle-icon:after,
.header .navbar-toggle:hover
.toggle-icon:before{
    width:21px;
    height:1px;
    background:#17bed2;
    transition-duration:.3s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1)
}
.header .logo-img-active,
.header .logo-img-main,
.header .nav-item .nav-item-hover.active:after,
.header .nav-item:hover
.nav-item-hover:after{
    transition-duration:.4s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1)
}
.header .navbar-toggle:hover
.toggle-icon.is-clicked{
    background:rgba(81,87,105,0)
}
.header .logo{
    width:320px;
    height:100px;
    float:left;
    max-height:95px;
    line-height:50px
}
.header .logo-wrap{
    padding:10px 0
}
.header .logo-img{
    width:240px;
    height:auto;
    max-width:100%;
    max-height:100%;
    vertical-align:middle
}
.header .logo-img-active{
    display:none
}
.header .nav-item,
.header .nav-item-child{
    display:block;
    position:relative
}
.header .navbar-nav{
    padding-left:0;
    margin-bottom:0;
    list-style:none
}
.header .nav-item:last-child
.nav-item-child{
    padding-right:0
}
.header .nav-item .nav-item-hover.active:after,
.header .nav-item:hover
.nav-item-hover:after{
    opacity:1
}
.header .nav-item-child{
    font-size:13px;
    font-weight:600;
    color:#fff;
    line-height:55px;
    padding:10px 15px;
    transition-duration:.3s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1)
}



.header .nav-item-hover{
    position:relative
}
.header .nav-item-hover:after{
    position:absolute;
    top:35px;
    left:0;
    width:9px;
    height:2px;
    background:#17bed2;
    opacity:0;
    content:" ";
    transition-duration:.4s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1)
}

.dropdown-content .nav-item-child{
        padding:0px 15px;
        line-height:35px;

}


.dropdown-content .nav-item-hover:after {
        top:15px;
    left:0;
    width:9px;
    height:2px;

}



@media (max-width:1200px){
.header{color:  rgba(0, 0, 0, 0.5)}
.header .navbar-toggle{display:block}
.header .navbar-collapse.collapse{display:none!important; margin-top: -20px; background-color: rgba(0, 0, 0, 0.7)}
.header .navbar-collapse.collapse.in{display:block!important}
.header .nav-collapse{padding-left:0;padding-right:0}
.header .navbar-nav{margin:0;float:none}
.header .navbar-nav .nav-item{float:none}
.header .menu-container:after,.header .menu-container:before{content:" ";display:table}
.header .menu-container:after{clear:both}
.header .logo .logo-img-main{display:none}
.header .logo .logo-img-active{display:inline-block}
.header .nav-item-child{color:white;line-height:1.4;padding:0px 0px 0px 15px}
.header .nav-item-hover:after{position:absolute;top:7px}

}




@media (max-width:1200px){
.header{color:  rgba(0, 0, 0, 0.5)}
.header .menu-container{padding-left:15px;padding-right:15px;margin-left:0;margin-right:0}
.header .navbar>.container,.header .navbar>.container>.nav-collapse{padding-left:0;padding-right:0;margin-left:0;margin-right:0}
.header .navbar>.container{width:auto}
    .dropdown-content .nav-item-child{  padding:0px 15px;
        line-height:18px;  }
}


@media (min-width:492px){
.header{color:  rgba(0, 0, 0, 0.5)}
.header .navbar-nav-right{float:right}
.page-on-scroll .header .navbar{
    background:#000fff;
    border-bottom-color:#f0f0f0;
    transition-duration:.3s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1)
    }
.page-on-scroll .header .logo-img-active,.page-on-scroll .header .logo-img-main{
    transition-duration:.4s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1)
    }
.page-on-scroll .header .logo-img-main{display:none}
.page-on-scroll .header .logo-img-active{display:inline-block}
.page-on-scroll .header .nav-item-child{
    color:#515769;
    transition-duration:.3s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1)
    }

}


/* Navbar and header section end */



.contact-list>li{
    font-size:13px;
    color:#81848f;
    margin-bottom:10px
}
/*.back-to-top,
.back-to-top:hover{
    color:#fff;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1);
    transition-duration:.3s
}
.back-to-top{
    position:fixed;
    right:10px;
    bottom:10px;
    display:inline-block;
    z-index:9;
    width:40px;
    height:40px;
    font-size:11px;
    font-weight:400;
    text-align:center;
    line-height:3;
    letter-spacing:1px;
    background:#515769;
    border-radius:3px;
    visibility:hidden;
    opacity:0;padding:5px;
    -webkit-transform:translate3d(0,50px,0);
    -moz-transform:translate3d(0,50px,0);
    transform:translate3d(0,50px,0)
}
.back-to-top.back-to-top-is-visible{
    visibility:visible;
    opacity:.6;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    transition-duration:.3s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1)
}
.back-to-top.back-to-top-is-visible:hover{
    opacity:1;
    transition-duration:.3s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1)
}
.back-to-top.back-to-top-fade-out{opacity:.4}
.back-to-top.back-to-top-fade-out:hover{
    opacity:1;
    transition-duration:.3s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1)
}   */
.swiper-clients-img,.swiper-clients-img:hover{
    transition-duration:.2s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.7,1,.7,1)
}
.form-control{
    height:50px;
    font-size:14px;
    font-weight:400;
    color:#a6a7aa;
    background:#fafafa;
    border:none;
    box-shadow:none;
    border-radius:0;
    padding-left:15px
}
.form-control::-moz-placeholder{color:#a6a7aa}
.form-control:-ms-input-placeholder{color:#a6a7aa}
.form-control::-webkit-input-placeholder{color:#a6a7aa}
.form-control:focus{color:#515769;box-shadow:none}
.form-control:focus::-moz-placeholder{color:#515769}
.form-control:focus:-ms-input-placeholder{color:#515769}
.form-control:focus::-webkit-input-placeholder{color:#515769}
.full-screen{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
.carousel-indicators{
    left:auto;
    width:auto;
    padding-left:0;
    margin-left:0
}
.carousel-centered{
    position:absolute;
    top:50%;
    -webkit-transform:translate3d(0,-50%,0);
    -moz-transform:translate3d(0,-50%,0);
    transform:translate3d(0,-50%,0)
}
.carousel-title{
    font-size:80px;
    font-weight:700;
    color:#fff;
    line-height:1.1
}

@media (max-width:768px){
    .carousel-title{font-size:60px}
}
.gm-style>div:first-child>div+div>div:last-child>div>div:first-child>div,
.gm-style>div:first-child>div+div>div:last-child>div>div:first-child>div>div>div{
    background-color:#fff!important;
    box-shadow:none!important}
.gm-style>div:first-child>div+div>div:last-child>div>div:first-child>div:first-child,
.gm-style>div:first-child>div+div>div:last-child>div>div:last-child>img{display:none}
.gm-style>div:first-child>div+div>div:last-child>div>div:last-child{overflow:inherit!important}
.overflow-h,.swiper-slider{overflow:hidden}
.gm-style>div:first-child>div+div>div:last-child>div>div:last-child:after{
    position:absolute;
    top:0;
    right:0;
    font-size:15px;
    font-family:Simple-Line-Icons;
    color:#515769;
    content:"\e082"}
.gm-style-iw{
    top:22px!important;
    left:22px!important
}
.masonry-grid{
    position:relative;
    margin:0 -2px
}
.masonry-grid:after,
.masonry-grid:before{
    content:" ";
    display:table
}
.masonry-grid .masonry-grid-item{
    display:block;
    float:left;
    vertical-align:top;
    padding:0 2px;
    margin-bottom:4px
}
.masonry-grid .masonry-grid-item.col-12{width:100%}
.masonry-grid .masonry-grid-item.col-11{width:91.66666667%}
.masonry-grid .masonry-grid-item.col-10{width:83.33333333%}
.masonry-grid .masonry-grid-item.col-9{width:75%}
.masonry-grid .masonry-grid-item.col-8{width:66.66666667%}
.masonry-grid .masonry-grid-item.col-7{width:58.33333333%}
.masonry-grid .masonry-grid-item.col-6{width:50%}
.masonry-grid .masonry-grid-item.col-5{width:41.66666667%}
.masonry-grid .masonry-grid-item.col-4{width:33.33333333%}
.masonry-grid .masonry-grid-item.col-3{width:25%}
.masonry-grid .masonry-grid-item.col-2{width:16.66666667%}
.masonry-grid .masonry-grid-item.col-1{width:8.33333333%}

@media (max-width:768px){
    .masonry-grid .masonry-grid-item,
    .masonry-grid .masonry-grid-item.col-1,
    .masonry-grid .masonry-grid-item.col-10,
    .masonry-grid .masonry-grid-item.col-11,
    .masonry-grid .masonry-grid-item.col-12,
    .masonry-grid .masonry-grid-item.col-2,
    .masonry-grid .masonry-grid-item.col-3,
    .masonry-grid .masonry-grid-item.col-4,
    .masonry-grid .masonry-grid-item.col-5,
    .masonry-grid .masonry-grid-item.col-6,
    .masonry-grid .masonry-grid-item.col-7,
    .masonry-grid .masonry-grid-item.col-8,
    .masonry-grid .masonry-grid-item.col-9{width:50%}
}

@media (max-width:600px){
    .masonry-grid .masonry-grid-item,
    .masonry-grid .masonry-grid-item.col-1,
    .masonry-grid .masonry-grid-item.col-10,
    .masonry-grid .masonry-grid-item.col-11,
    .masonry-grid .masonry-grid-item.col-12,
    .masonry-grid .masonry-grid-item.col-2,
    .masonry-grid .masonry-grid-item.col-3,
    .masonry-grid .masonry-grid-item.col-4,
    .masonry-grid .masonry-grid-item.col-5,
    .masonry-grid .masonry-grid-item.col-6,
    .masonry-grid .masonry-grid-item.col-7,
    .masonry-grid .masonry-grid-item.col-8,
    .masonry-grid .masonry-grid-item.col-9{width:100%}
}
.swiper-slider{
    position:relative;
    width:100%;
    height:100%
}
.swiper-clients-img{
    display:block;
    width:190px;
    height:auto;
    margin:0 auto;
    opacity:1;
    cursor:pointer
}
.swiper-clients-img:hover{opacity:.8}
.color-base{color:#17bed2}
.color-white{color:#fff}
.color-heading{color:#515769}
.color-subtitle{color:#a6a7aa}
.color-link{color:#81848f}
.color-link-hover{color:#999caa}
.color-sky-light{color:#fafafa}
.bg-color-base{background:#17bed2}
.bg-color-white{background:#fff}
.bg-color-heading{background:#515769}
.bg-color-subtitle{background:#a6a7aa}
.bg-color-link{background:#81848f}
.bg-color-link-hover{background:#999caa}
.bg-color-sky-light{background:#fafafa}
.row-space-1{margin-right:-1px;margin-left:-1px}
.row-space-1>[class*=col-]{padding-left:1px;padding-right:1px}
.content{padding-top:40px;padding-bottom:40px}
.content-sm{padding-top:60px;padding-bottom:60px}
.content-md{padding-top:80px;padding-bottom:80px}
.content-lg{padding-top:100px;padding-bottom:100px}
.parallax-content{padding-top:220px;padding-bottom:120px}
.full-width{width:100%;height:auto}
.container-full-width{width:100%}
.container-full-width:after,
.container-full-width:before{content:" ";display:table}
.fweight-300{font-weight:300!important}
.fweight-400{font-weight:400!important}
.fweight-500{font-weight:500!important}
.fweight-600{font-weight:600!important}
.fweight-700{font-weight:700!important}
.margin-l-0{margin-left:0!important}
.margin-l-5{margin-left:5px!important}
.margin-l-10{margin-left:10px!important}
.margin-l-20{margin-left:20px!important}
.margin-r-0{margin-right:0!important}
.margin-r-5{margin-right:5px!important}
.margin-r-10{margin-right:10px!important}
.margin-r-20{margin-right:20px!important}
.margin-b-0{margin-bottom:0!important}
.margin-b-2{margin-bottom:2px!important}
.margin-b-5{margin-bottom:5px!important}
.margin-b-10{margin-bottom:10px!important}
.margin-b-20{margin-bottom:20px!important}
.margin-b-30{margin-bottom:30px!important}
.margin-b-40{margin-bottom:40px!important}
.margin-b-50{margin-bottom:50px!important}
.margin-b-60{margin-bottom:60px!important}
.margin-b-70{margin-bottom:70px!important}
.margin-b-80{margin-bottom:80px!important}
.margin-b-90{margin-bottom:90px!important}
.margin-b-100{margin-bottom:100px!important}

@media (max-width:992px){
    .md-margin-b-0{margin-bottom:0!important}
    .md-margin-b-2{margin-bottom:2px!important}
    .md-margin-b-5{margin-bottom:5px!important}
    .md-margin-b-10{margin-bottom:10px!important}
    .md-margin-b-20{margin-bottom:20px!important}
    .md-margin-b-30{margin-bottom:30px!important}
    .md-margin-b-40{margin-bottom:40px!important}
    .md-margin-b-50{margin-bottom:50px!important}
    .md-margin-b-60{margin-bottom:60px!important}
    .md-margin-b-70{margin-bottom:70px!important}
    .md-margin-b-80{margin-bottom:80px!important}
    .md-margin-b-90{margin-bottom:90px!important}
    .md-margin-b-100{margin-bottom:100px!important}
}

@media (max-width:768px){
    .sm-margin-b-0{margin-bottom:0!important}
    .sm-margin-b-2{margin-bottom:2px!important}
    .sm-margin-b-5{margin-bottom:5px!important}
    .sm-margin-b-10{margin-bottom:10px!important}
    .sm-margin-b-20{margin-bottom:20px!important}
    .sm-margin-b-30{margin-bottom:30px!important}
    .sm-margin-b-40{margin-bottom:40px!important}
    .sm-margin-b-50{margin-bottom:50px!important}
    .sm-margin-b-60{margin-bottom:60px!important}
    .sm-margin-b-70{margin-bottom:70px!important}
    .sm-margin-b-80{margin-bottom:80px!important}
    .sm-margin-b-90{margin-bottom:90px!important}
    .sm-margin-b-100{margin-bottom:100px!important}
}

@media (max-width:480px){
    .xs-margin-b-0{margin-bottom:0!important}
    .xs-margin-b-2{margin-bottom:2px!important}
    .xs-margin-b-5{margin-bottom:5px!important}
    .xs-margin-b-10{margin-bottom:10px!important}
    .xs-margin-b-20{margin-bottom:20px!important}
    .xs-margin-b-30{margin-bottom:30px!important}
    .xs-margin-b-40{margin-bottom:40px!important}
    .xs-margin-b-50{margin-bottom:50px!important}
    .xs-margin-b-60{margin-bottom:60px!important}
    .xs-margin-b-70{margin-bottom:70px!important}
    .xs-margin-b-80{margin-bottom:80px!important}
    .xs-margin-b-90{margin-bottom:90px!important}
    .xs-margin-b-100{margin-bottom:100px!important}
}
.height-100{
    height:100px!important
}
.height-200{
    height:200px!important
}
.height-300{
    height:300px!important
}
.height-400{
    height:400px!important
}
#myCarousel {
    z-index: -1;
}



/* Weiterlesen */


.dolessmore { overflow: hidden; }
.dolessmore2 { overflow: hidden; }
.dolessmoreblock { position: relative; }
.lm-control {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
background: #fff;
text-align: center;
}
.dlmexpand { padding-bottom: 20px; }



/* Header bei Scroll hidden  */


.header
.navbar{background-color: rgba(0, 0, 0,.7);
    border-bottom:1px solid rgba(255,255,255,.2)}

.header .logo-img,.header .logo-img-main,.header .logo-wrap{display:inline-block}




nav {
   height:75px;
   background:lime;
   position: fixed;
   top:0;
   right:0;
   left:0;
   transition: transform .25s .1s ease-in-out;
}

.down nav {
   transform: translate3d(0, -100px, 0); /* um 100px nach oben verschieben */
}


/*  fx  */

.fx {
    transition: opacity 1.5s cubic-bezier(.01, .04, .26, .95), transform 1.5s cubic-bezier(.03, .68, .26, .95);
        transition-property: opacity, transform;
        transition-duration: 1.5s, 1.5s;
        transition-timing-function: cubic-bezier(0.01, 0.04, 0.26, 0.95), cubic-bezier(0.03, 0.68, 0.26, 0.95);
        transition-delay: 0s, 0s;
}


.animate-up {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    transform: translate(0, 100px)
}

.animate-up.animated {
    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
    -moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
    transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms
}


/*

.accordion {
   background-color: #FFFFFF;
   height:50px;
   transition: height 1s ease-in-out;
}

.accordion li{
   display: none;
}

.accordion:hover {
   background-color: #FFF000;
   height: 140px;
}

*/
@media (min-width:1000px) {

/* The Magic */
.accordion:hover .accordion-item:hover .accordion-item-content,
.accordion .accordion-item--default .accordion-item-content {
    height: 20em;}


.accordion-item {cursor: pointer;
    background-color: white;
    transition-property: background-color;
    transition-duration: 1.5s;
}

.accordion-item:hover {
    background-color: #ECD0D0;
}


.accordion-item-content,
.accordion:hover .accordion-item-content {
    height: 0;
    overflow: hidden;
    transition: height 1s ease-in-out;
}

}
/* Aesthetic */

/*
.accordion {
    padding: 0;
    margin: 0 auto;
    width: 20%;
    font-family: "PT Sans" sans-serif
}

.accordion .accordion-item {
  background-image: linear-gradient(90deg, #eee, #f5f5f5, #eee);
  border-bottom: 1px solid #666;
  padding: 1em;
  color: #eee;
}

.accordion h1 {
  margin: 0;
}

.accordion .accordion-item:nth-child(1) {
  background-color: hsl(200, 80%, 60%);
  background-image: linear-gradient(-90deg, hsl(200, 80%, 60%), hsl(200, 80%, 45%) 2em, hsl(200, 80%, 60%));

}

.accordion .accordion-item:nth-child(2) {
  background-color: hsl(280, 60%, 45%);
  background-image: linear-gradient(-90deg, hsl(280, 80%, 60%), hsl(280, 60%, 45%) 2em, hsl(280, 80%, 60%));
}

.accordion .accordion-item:nth-child(3) {
  background-color: hsl(40, 80%, 40%);
  background-image: linear-gradient(-90deg, hsl(40, 80%, 60%), hsl(40, 80%, 45%) 2em, hsl(40, 80%, 60%));
}

.accordion .accordion-item:nth-child(4) {
  background-color: hsl(80, 40%, 40%);
  background-image: linear-gradient(-90deg, hsl(80, 80%, 40%), hsl(80, 80%, 35%) 2em, hsl(80, 80%, 40%));
}

*/


/*Dropdown Nav*/

 /* Dropdown Button */

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    margin-left: -20px;
    margin-top: 11px;
    background-color: rgba(0, 0, 0,.7);
    min-width: 185px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}





@media (min-width:1200px){
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
.dropdown-menu a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
/* Change color of dropdown links on hover */
.dropdown-menu a:hover {background-color: black}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-menu {
    display: block;
}

}


/*modal*/



body.modal-open {
    overflow: visible;
}

/* calendar*/


.headline-blog {
    position: relative;
    padding-left: 75px;
    min-height: 65px;
    margin-bottom: 15px;
    padding-top: 1px;
    margin-left: 35px
}



.headline-calendar {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.blog-date-day {
    width: 56px;
    height: 40px;
    display: block;
    font-weight: 700;
    font-size: 24px;
    padding-top: 8px;
    background: #eee;
    margin-bottom: 1px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.blog-date {
    display: block;
    font-weight: 700;
    font-size: 11px;
    text-align: center;
    background: #aaa;
    color: #fff;
    width: 56px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

@media screen and (max-width: 767px) {
    .headline-calendar {
        position: relative;
        text-align: center;
        margin-bottom: 20px;
    }

    .headline-blog {
        padding: 0;
        text-align: center;
        margin-left: 0px
    }

    .blog-date {
        margin: 0 auto;
    }

    .blog-date-day {
        margin: 1px auto;
    }
.dropdown-content .nav-item-child{  padding:0px 15px;
        line-height:18px;  }

}

.breadcrumb {
    text-transform: uppercase;
}

.breadcrumb-item {
    cursor: pointer;
}


.breadcrumb > .active {
    cursor: default;
}




/*
button.close {
    color: blue;
    opacity: 1;
}
*/

/* Close button */

.modal-header .close {
    padding: 5px 5px;
  float: right;
  font-size: 35px;
  font-weight: lighter;
  line-height: 1;
  color: white;
/*  text-shadow: 0 1px 0 #fff;  */
  filter: alpha(opacity=20);
  opacity: .7;
    border-radius: 50%;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition:         transform .8s ease-in-out;
}



.modal-header .close:hover,
.modal-header .close:focus {
  color: red;
text-shadow: 0 0 0 #fff;

  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 1;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);

}
.modal-header button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: black;
  border: 0;

}

@media (max-height: 500px){
	.modal-content > .modal-body {
		max-height: 200px;
	}
}

@media (max-height: 600px){
	.modal-content > .modal-body {
		max-height: 300px;
	}
}

@media (max-height: 700px){
	.modal-content > .modal-body {
		max-height: 400px;
	}
}

/*
.modal-header .close svg {
    float: right;
    cursor: pointer;
    height: 34px;
    width: 34px;
}
.modal-header .close svg > circle {
    stroke: black;
    fill: white;
}
.modal-header .close svg > path {
    stroke: black;
}
.modal-header .close svg:hover > circle {
    fill: red;
}
.modal-header .close svg:hover > path {
    stroke: white;
}