/* */
body {
    font-weight: 500;
}
a:hover, a:focus {
    color: inherit !important;
    /* text-decoration: underline  !important; */
    opacity: 0.8;
}
.fz-6-s-l-c {
    font-size: 13px;
    line-height: 20px;
}
.no-padding-top {
    padding-top: 0 !important;
}
.no-padding-bottom {
    padding-bottom: 0 !important;
}
.mb-0 {
    margin-bottom: 0 !important
}
.mb-15 {
    margin-bottom: 15px !important
}
.mb-20 {
    margin-bottom: 20px !important
}
.mb-30 {
    margin-bottom: 30px !important
}
.mb-40 {
    margin-bottom: 40px !important
}
.mr-15 {
    margin-right: 15px;
}
.ml-auto {
    margin-left: auto;
}
.img-fluid {
    max-width: 100%;
}
.d-flex {
    display: flex;
}
.align-items-center {
    align-items: center;
}
.align-items-baseline {
    align-items: baseline;
}
/* logo */
.megatron.inline .logo {
    width: auto;
    height: auto;
    margin-bottom: 0;
    max-width: 250px;
}

@media (min-height: 700px) {
    .mobile-nav .megatron .logo {
        max-width: 85%;
        width: auto;
        height: auto;
    }
}

/* nav */
.main-nav {
    /*position: absolute;*/
}
.nav-info i {
    margin-bottom: 4px; margin-right: 10px;
}
.icon-camera {
    margin-bottom: 4px; margin-right: 10px;
    max-height: 15px;
}
.__middle, .__footer, .main-nav.small-nav  {
    background-color: #000;
    border-bottom:  0 none !important;
}
.main-menu.flex .ul-node {
    display: flex;
    justify-content: space-between;
}
.main-menu.flex .ul-node li ul {
    display: inherit;
}
.main-menu > ul > li > ul {
    font-size: 14px;
}
.main-menu.menu-item-hightlight-bottom > ul > li > a:after {
    height: 5px;
}
.main-nav.border-separator-light .main-menu > ul > li > ul {
    border-top: 0 none !important;
}
/* slider */
.slick-slide-custom {
    height: calc(100vh - 137px);
}
@media  (max-width: 768px)
{
    .logo {
        max-width: 200px;
    }
    .mobile-nav .megatron .logo {
        width: 100% !important;
    }
    .megatron.inline .logo {
        max-width: 200px;
    }
    .slick-slide-custom {
        height: 100vh !important;
    }
}
@media (min-height: 700px)
{
    .mobile-nav .megatron .logo {
        max-width: 65%;
    }
    .mobile-nav .mobile-nav-toggle {
        position: absolute;
        right: 20px;
        top: 10px;
        color: #cccccc;
    }
}
.caption-wrapper h1 {
    text-shadow: 0 2px 1px #181818;
}
.caption-wrapper .mid-text  {
    text-shadow: 0 2px 1px #181818;
    line-height: 20px;
    text-align: center;
    font-size: 18px;
    padding-left: 50px;
    padding-right: 50px;
}
.caption-wrapper .btn-light  {
    text-shadow: 0 1px 1px #181818;
}
@media only screen and (min-width: 768px)
{
    .home .block-caption-slider .__img-background {
        /*min-height: 500px;
        height: 500px;
        */
    }
}
.slick-slide-small {
    height: auto !important;
}
.block-testimonial-2-wrapper .slick-dots li button {
    width: 18px;
    height: 18px;
    background-color: transparent;
    border: 1px solid #DDDDDD;
}

/* typography */
p, q {
    line-height: 2.25rem;
}
blockquote p {
    line-height: 3.25rem;
}
/* page-section */
.page-section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.page-section .content table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1.0rem;
    border: 1px solid #eaeaea
}
.page-section .content  td,
.page-section .content  th {
    border: 1px solid #ddd !important;
    height: 28px;
    transition: all 0.3s;
    font-weight: normal !important;
}

.page-section .content .table-responsive {
    overflow-y: auto;
}

/*
.page-section .content table {
    color: #333;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1.0rem;
    border: 1px solid #eaeaea
}
.page-section .content  td,
.page-section .content  th {
    border: 1px solid transparent;
    height: 28px;
    transition: all 0.3s;
    font-weight: normal !important;
}
.page-section .content th {
    background: #DFDFDF;
    border: 0 none !important;
    font-weight: bold;
}
.page-section .content td {
    border: 0 none !important;
    background: #FAFAFA;
    text-align: left;
    padding: 0.5rem 1.0rem;
}
.page-section .content td p {
    padding: 0;
    margin: 0;
}
.page-section .content tr:nth-child(even) td {
    background: #fff;
}
.page-section .content tr:nth-child(odd) td {
    background: #eaeaea;
}
*/
.call-to-action-parallax {
    padding-top: 30px;
    padding-bottom: 0px;
}
.call-to-action-parallax p {
    letter-spacing: 0;
}
html.chrome:not(.parallax-on) .parallax-background {
    height: 140%;
    top: -18%;
}
@media only screen and (max-width: 1020px)
{
    .page-section {
        padding-top: 100px;
        padding-bottom: 30px;
    }
}
#flussonic-player div[data-player] {
    height: 100%;
    width: 100%;
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 56.25%;
}
.content-info.rodo {
	padding: 0 !important;
	margin-bottom: 0 !important;
	background-color: #fff !important;
	margin-top: 0 !important;
}
.content-info.rodo .scroll {
	height: 155px;
    overflow: hidden;
    overflow-y: scroll;
    margin: 0 0;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 20px;
    padding: 1.5rem;
    text-align: left;
}

/* blog, articles */
@media only screen and (max-width: 1020px)
{
    .blog-related {
        padding: 0 0;
    }
}
@media only screen and (min-width: 1020px)
{
    .section-block-p {
        /*
            padding-right: 50px;
            padding-right: 70px;
        */
        padding-right: 90px;
    }
    .block-blog-post-2.flex {
        display: flex;
        align-items: center;
    }
}
.block-blog-post-2 .__content .__title  {
    padding-top: 10px;
    line-height: 2.25rem;
    margin-bottom: 5px;
}
.block-blog-post-2 .__image {
    margin-bottom: 20px;
}
@media only screen and (min-width: 1020px)
{
    .block-blog-post-2 .__image.w-30 {
        width: 30%;
    }
    .block-blog-post-2 .__content.w-70 {
        width: 70%;
    }
}
@media only screen and (min-width: 1020px)
{
    .block-blog-post-2.post-side .__image {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 10px;
    }
    .block-blog-post-2.post-side .__title {
        margin-bottom: 5px !important;
    }
}

/* galerie */
.grid-item {
    margin-bottom: 21px;
}

.w-100 {
    width: 100% !important;
    max-width: 100% !important;
}

.ratio-container {
    position: relative;
	overflow: hidden;
	width: 100%;
	img, picture {
		///image-rendering: auto;
	    //image-rendering: crisp-edges;
	    //image-rendering: pixelated;
		width: 100%;
	}
	img.nopixel {
		image-rendering: unset;
	}
	img:hover {
		opacity: 0.95;
	}
}
.ratio-container.w-auto {
	width: auto;
	img {
		width: auto;
	}
}
.ratio-container:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    /* 16:9 = 56.25% = calc(9 / 16 * 100%) */
    padding-bottom: 56.25%;
}
.ratio-container.rc-2:after {
    padding-bottom: 56.0%;
}
.ratio-container > * {
    position: absolute;
    //top: 0;
	bottom: 0;
    left: 0;
    //width: 100%;
    //height: 100%;
    display: block;
	// center absolute
}
.ratio-container.center > * {
	width: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.__image .ratio-container.center > * {
	left: 0;
	top: 0;
	transform: inherit;
}
/* pagination */
.pagination {
    margin-top: 30px;
    text-align: center;
}
.pagination li a {
    display: block;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    color: #444444;
    font-size: 13px;
    min-width: 50px;
    text-align: center;
    padding: 13px 20px;
    text-transform: uppercase
}
.pagination li a:hover {
    color: #fff !important;
}
.pagination a i {
    display: none;
}
#mapid {
    align-items: center;
}
#mapid .container {
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
}
.section-contact {
    padding: 30px;
    margin-left: auto;
    /* margin-right: 5%; */
    max-width: 425px;
    min-width: 200px;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    font-size: 16px;
    text-align: center;
}
.section-contact h4 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
}
.section-contact.fb {
    display: block;
    margin-top: 20px;
}
.section-contact:after {
    content: ' ';
    clear: both;
    display: table;
}
.section-contact p {
    margin-bottom: 10px;
}
.section-contact i {
    font-size: 22px;
    margin-right: 10px;
    vertical-align: top;
}
.contact {

}
.contact .box span {
    font-size: 15px;
    line-height: 15px;
    display: block;
    margin-bottom: 5px;
}
.contact .box {
    font-size: 20px;
    line-height: 30px;
}
.contact .icon-b {
    font-size: 45px;
    margin-left: 0;
    margin-right: 30px;
}
.footer-foot-1 img {
    width: 100px;
    margin-right: 30px;
    vertical-align: middle;
    margin-top: -9px;
}
.footer-foot-1 .fz-6-s {
    font-size: 12px !important;
    font-weight: 500 !important;
}

@media  (max-width: 768px)
{
    .footer-foot-1 {
        text-align: center;
    }
    .footer-foot-1 img {
        width: 100px;
        display: block;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .footer-foot-1 p {
        margin-bottom: 0;
        line-height: 20px;
        font-size: 12px;
        font-weight: 300;
    }
}

.form.custom .button { }
.form.custom .plus-minus-input {
    /* align-items: center; */
}
.form.custom .plus-minus-input .input-group-field {
    text-align: center;
}
.form.custom .plus-minus-input .input-group-field .input-group-field::-webkit-inner-spin-button,
.form.custom .plus-minus-input .input-group-field .input-group-field::-webkit-outer-spin-button {
    appearance: none !important;
    -webkit-appearance: none !important;
    margin: 0 !important;
}
.form.custom .input-group-button .circle {
    background: none !important;
    border: 0 none !important;
    padding: 0 !important;
    color: @color3;
}
.form.custom .form-control {
}
.form.custom .form-control:focus {
    box-shadow: none !important;
    border-bottom: 1px solid #f44336 !important;
}
.form.custom .wysywig {
    border: 1px solid @color3 !important;
    font-size: 14px !important;
}
.form.custom .custom-control {
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 22px;
 }
.form.custom .custom-control p {
    margin: 0; padding: 0;
}
.form.custom .custom-control a {
    color: @color3;
}
.form.custom .custom-control .btn-solid {
    background-color: @color4;
}

.color-light input, .color-light textarea { color: #000; }
.color-gray-dark input, .color-gray-dark textarea { color: #444; }

.btn-custom  {
    margin-left: 20px;
    font-size: 20px;
}

.scroll-box {

}

.bootstrap-datetimepicker-widget {
    background-color: #fff;
}

/* .slick-small-slider  */
.slick-small-slider {
    margin: 0 -15px;
}
.slick-small-slider .item {
    margin: 0 15px;
}

@media (min-width: 1400px)
{
    .outer-direction .slick-next {
        right: -60px !important;
    }
    .outer-direction .slick-prev {
        left: -60px !important;
    }
}

.contact-box {
    
}

.__widget-title:before, .dot-heading:before {
    content: ' ';
    display: none;
}