/*
COPYRIGHT NOTICE

This is proprietary software. Proprietary software is computer software
licensed under exclusive legal right of the copyright holder.
The licensee is given the right to use the software under certain conditions,
but restricted from other uses, such as modification, further distribution,
or reverse engineering.

Copyright (c) 2017 Telution GmbH, Germany.
All rights reserved.
 
http://www.telution.de
info@telution.de
 
Redistribution and use in source and binary forms, with or without
modification, are not permitted.
 
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
POSSIBILITY OF SUCH DAMAGE.
*/
/* 
    Created on : 07.11.2017, 15:29:30
    Author     : Malik Begovic <m.begovic@telution.de>
*/


/***** MEGA MENU *****/
.nav > .dropdown-megamenu {
    position: static;
}

/***** Mobile *****/
@media (min-width: 320px) and (max-width: 991px){
    .nav > .dropdown {
        background-color: #e30613;
        margin-bottom: 4px;
    }
    .navbar-default2 .navbar-nav > li > a,
    .navbar-default2 .navbar-nav > .open > a,
    .navbar-default2 .navbar-nav > .open > a:focus,
    .navbar-default2 .navbar-nav > .open > a:hover{
        color: white !important;
        text-align: left !important;
        background-color: #e30613 !important;
        font-weight: bold;
    }

    .row.equal {
        display: block !important;
        flex-wrap: unset;
    }

    .menu-item a {
        display: block;
    }

    .menu-item {
        float: left;
        width: 50%;
    }

    .navbar-nav .open .dropdown-container {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        border: 0;
        box-shadow: none;
        border-radius: 0;
    }

    /*********Adjustment for mobile menu placement **********/
    .logo {
        padding: 0px !important;
    }
    .navbar-toggle{
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    body {
        margin-top: 125px !important;
    }
    /*******************/
    /*    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
            max-height: 900px !important;
        }*/

    .navbar {
        min-height: 40px !important;
    }

    .example-megamenu .navbar-default2 {
        border-bottom: 0px !important;
        background-color: white;
    }

    .effect4 .menu-caption {
        top: 44% !important;
    }

    .navbar-fixed-top{
        transform: none !important;
        transition: none !important;
    }

    .tabShedow:before{
        background-color: transparent;
    }

    .navbar-collapse .nav{
        padding-left: 0px !important;
    }
}

/***** iPhone *****/
@media (min-width: 320px) and (max-width: 375px){
    .phone-in-bar {
        font-size: 10px !important;
    }
}

/***** iPad *****/
@media (min-width: 768px) and (max-width: 1024px){
    .menu-item {
        float: left;
        width: 25%;
    }
}


.dropdown-megamenu > .dropdown-container {
    position: absolute;
    top: 98%;
    left: 0;
    right: 0;
    max-width: 100%;
    padding: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    z-index: -1;
    -webkit-box-shadow:  0 0 15px #bfbfbf;
    -moz-box-shadow:  0 0 15px #bfbfbf;
    box-shadow:  0 0 15px #bfbfbf;
}
.dropdown-megamenu .dropdown-menu {
    display: block;
}
.link-image .media-object {
    float: left;
    margin-bottom: 7.5px;
}
.link-image-sm + .link-image-sm .media-object {
    margin-left: 7.5px;
}
.thumbnail .caption {
    min-height: 120px;
}
.thumbnail:hover {
    text-decoration: none;
}
/* Link list */
.list-links {
    list-style: none;
    padding: 0;
}
.list-links li {
    line-height: 1.71428571;
}
.list-links a {
    color: #555;
}
.list-links a:hover,
.list-links a:focus,
.list-links a:active {
    color: #22527b;
}

.example-megamenu {
    width: 100%;
    max-width: 1180px;
    padding: 0px 20px 0px 20px ;
    margin: 0 auto;
}

.example-megamenu .navbar-default2{
    border-bottom: 1px solid #e5e5e5;
    background-color: white;
}

.space {
    margin-top: 5px;
    padding-left: 0px;
    padding-right: 5px;
}
.menu-footer {
    padding-bottom: 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.footer-content {
    border-top: 1px solid lightgray;
    padding-top: 10px;
}
.footer-content a {
    text-decoration: none;
    color: black;
    padding-right: 20px;
}
.footer-content a:hover {
    color: #e30613;
}
.left-side {
    padding-top: 15px;
    padding-bottom: 15px;
}
.left-side .left-menu-title span {
    background-color: #e30613;
    padding: 5px 10px;
    color: white;
    font-size: 16px;
    font-weight: bold;
}
.right-side {
    background-color: #e30613;
    padding-top: 15px;
    padding-bottom: 15px;
}
.right-side .right-menu-title span {
    background-color: #ffffff;
    padding: 5px 10px;
    color: #000000;
    margin-top: 15px;
    font-size: 16px;
    font-weight: bold;
}
.right-side .right-menu-image {
    padding-top: 20px;
}
.right-side .right-menu-description {
    color: white;
    padding-top: 10px;
}
.right-side table {
    color: white;
    margin-top: 10px;
}
.right-side table td {
    padding-right: 35px;
    border-top: 0px !important;
}
.right-side .icon-space {
    margin-top: 10px;
    margin-right: 5px;
}
.row.equal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;*/
}
.menu-items-group .menu-item .image {
    position: relative;
    width: 100%;
    height: 100%;
    /*border: 1px solid lightgray;*/
}
.menu-items-group .menu-item .image img {
    max-width: 100%;
    max-height: 100%;
    border: 1px solid lightgray;
}
.menu-items-group .menu-item .image:hover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
    pointer-events: none;
}
.caption {
    margin: 0;
    color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 12px;
    text-align: center;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}
.navbar-default2 {
    background-color: transparent;
    border-color: transparent;
}
/*
.navbar-default2 .navbar-nav > .open > a,
.navbar-default2 .navbar-nav > .open > a:focus,
.navbar-default2 .navbar-nav > .open > a:hover {
    color: black;
    background-color: white;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}*/

.navbar-default2 .navbar-nav > li > a {
    color: #303030;
    text-transform: uppercase;
}
.dropdown-container {
    margin-top: 0px;
    /*border-radius: 4px;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;*/
    border: none;
    border-radius: 0px;
}
.menu-item:last-of-type{
    margin-bottom: 70px;
}
.menu-items-group {
    padding-top: 10px;
}
@media (min-width: 768px){
    .navbar-nav>li>a{
        padding-top: 10px !important;
        padding-bottom: 12px !important;
    } 
}

@media (min-width: 768px) and (max-width: 991px){

}

.navbar {
    min-height: 46px;
}
.navbar-default2 .navbar-nav > li > a{
    padding-right: 0.6em !important;
    padding-left: 0.6em !important;
    text-align: center;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 400;
}

.navbar-default2 .navbar-nav > li > a:after,
.navbar-default2 .navbar-nav > li > a:hover:after,
.navbar-default2 .navbar-nav > li > a:focus:after{
    content: "";
    padding: 0px;
}

.navbar-default2 .navbar-nav > li > a:hover{
    background-color: white;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#bs-example-navbar-collapse-1 > ul.nav li.dropdown-megamenu:hover{
    background-color: white;
    font-weight: 400;
}


.tabShedow:before{
    content: '';
    display: block;
    width: 100%;
    height: 26px;
    background-color: #fff;
    position: absolute;
    bottom: -10px;
    left: 0;
    z-index: 10;
}
.tabShedow:after{
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 15px #bfbfbf;
}

.navbar-default2 {
    margin-bottom: -5px !important; 
}

.navbar-default2 .navbar-toggle{
    border-color: transparent;
}
.navbar-default2 .navbar-toggle .icon-bar{
    background-color: black;
}
.navbar-default2 .navbar-toggle:focus, .navbar-default2 .navbar-toggle:hover{
    background-color: transparent;
    border-color: transparent;
}

.nav>li>a:focus, .nav>li>a:hover,
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background-color: white;
}



@media (min-width: 979px) {
    #bs-example-navbar-collapse-1 > ul.nav li.dropdown:hover {
        display: block;
    }
}


/****Image hover*****/
.divImg {
    position: relative;
    overflow: hidden;
    background: #e5e5e5;
}
.divImg .menu-caption {
    height:100%;
    width: 100%;
    cursor: pointer;
    position: absolute;
    top:0;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.35s ease;
}
.effect1:hover .caption {
    transform: scaleY(1);
}
.menu-caption-text p{
    /*text-transform: uppercase;*/
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 1.2em;
}
.menu-caption-text{
    z-index: 5;
    color: #000;
    position: absolute;
    width: 100%;
    top: 60%;   
    /*transform: translateY(-50%); */
    text-align: center;
}
.blur {
    background-color: rgba(0,0,0,0.5);
    height: 100%;
    width: 100%;
    position: absolute;
    top:0;
}
.square {
    height: 100%;
    width: 100%;  
    outline: 2px solid white;
    outline-offset: -10px;
}
.square + .menu-caption-text p {
    font-size: 30px;
}

.effect4 .menu-caption {
    top: 50%;   
    transform: translateY(-50%);

}
.effect4:hover img {
    /*opacity: 0.22;*/
    opacity: .5;
}
.effect4:hover .menu-caption{
    opacity: 1;
}

.addOpacity {
    filter:alpha(opacity=10);  
    -moz-opacity:0.1;       
    -khtml-opacity: 0.1;       
    opacity: 0.1;         
}

.menu-svg-icon{
    width: 40px;
    height: 40px;
}