/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12 jul 2020, 17:41:28
    Author     : gomol

#navbar-area{
        position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    z-index: 99;
}

.slide-height{
    max-height: 385px;
}
*/

.header-prymary {
    background-color: #ed1c24;
}
.header-white{
    background-color: #fff;
}
.text-header-primary{
    color: #fff;
}
.text-header-white{
    color: #ed1c24;
}

@media (max-width: 991px) {
.header-white{
    background-color: #ed1c24;
}
.text-header-primary{
    color: #fff;
}
.text-header-white{
    color: #fff;
}

}

.row-header{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    height: 50px;
}

.padding-top-15{
    padding-top: 15px;
}

.padding-top-60{
    padding-top: 60px;
}
.padding-bottom-60{
    padding-bottom:  60px;
}
.padding-bottom-30{
    padding-bottom: 30px;
}
.padding-bottom-45{
    padding-bottom: 45px;
}

.margin-top-60{
    margin-top: 60px;
}
.margin-bottom-60{
    margin-bottom: 60px;
}
.margin-top-30{
    margin-top: 30;
}
.margin-bottom-30{
    margin-bottom: 30px;
}
.margin-bottom-15{
    margin-bottom: 15px;
}
.margin-top-15{
    margin-top: 15px;
}
.btn-rounded{
    border-radius: 40px;
}
.circle{
    display: inline-flex;
    padding: 12px;
    text-align: center;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
}

    .social-fb{
        background-color: #3b5999;
        margin-left:  5px;
    }
    .social-in{
        background-color: #0077b5;
        margin-left: 5px;
    }

    .navigation{
        position:absolute;
        top:0;left:0;
        width:100%;
        z-index:99;
        -webkit-transition:all .3s ease-out 0s;
        -moz-transition:all .3s ease-out 0s;
        -ms-transition:all .3s ease-out 0s;
        -o-transition:all .3s ease-out 0s;
        transition:all .3s ease-out 0s;
    }
    .navigation.sticky{
        position:fixed;
    }
    .navbar-toggler{
        padding:0;
    }
    .navbar-toggler 
    .toggler-icon{
        width:30px;
        height:2px;
        background-color:#fff;
        display:block;
        margin:6px 0;
        position:relative;
        -webkit-transition:all .3s ease-out 0s;
        -moz-transition:all .3s ease-out 0s;
        -ms-transition:all .3s ease-out 0s;
        -o-transition:all .3s ease-out 0s;
        transition:all .3s ease-out 0s;
    }
    .navbar-toggler.active .toggler-icon:nth-of-type(1){
        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        transform:rotate(45deg);
        top:7px;
    }
    .navbar-toggler.active .toggler-icon:nth-of-type(2){
        opacity:0;
    }
    .navbar-toggler.active .toggler-icon:nth-of-type(3){
        -webkit-transform:rotate(135deg);
        -moz-transform:rotate(135deg);
        -ms-transform:rotate(135deg);
        -o-transform:rotate(135deg);
        transform:rotate(135deg);
        top:-8px;
    }
    @media only screen and (min-width:768px) and (max-width:991px){
        .navbar-collapse{
            position:absolute;
            top:100%;
            left:0;
            width:100%;
            background-color:#fff;
            z-index:8;
            padding:5px 16px;
            -webkit-box-shadow:0 3px 6px 3px rgba(0,0,0,.06);
            -moz-box-shadow:0 3px 6px 3px rgba(0,0,0,.06);
            box-shadow:0 3px 6px 3px rgba(0,0,0,.06);
        }
    }
    @media(max-width:767px){
        .navbar-collapse{
            position:absolute;
            top:100%;
            left:0;
            width:100%;
            background-color:#fff;
            z-index:8;
            padding:5px 16px;
        }
    }
    .navbar-nav .nav-item{
        margin:0 15px;
    }
    @media only screen and (min-width:768px) and (max-width:991px){
        .navbar-nav .nav-item{
            margin:0;
        }
    }
    @media(max-width:767px){
        .navbar-nav .nav-item{
            margin:0;
        }
    }
    .navbar-nav .nav-item a{
        color:#fff;
        padding:10px 0;
        background:0 0;
        -webkit-transition:all .3s ease-out 0s;
        -moz-transition:all .3s ease-out 0s;
        -ms-transition:all .3s ease-out 0s;
        -o-transition:all .3s ease-out 0s;
        transition:all .3s ease-out 0s;
        position:relative;
    }
    @media only screen and (min-width:768px) and (max-width:991px){
        .navbar-nav .nav-item a{
            color:#212121;
            display:block;
            padding:4px 0;
        }
    }
    @media(max-width:767px){
        .navbar-nav .nav-item a{
            color:#212121;
            display:block;
            padding:4px 0;
        }
    }
    .navbar-nav .nav-item a::before{
        content:'';
        position:absolute;
        top:0;
        left:50%;
        margin-left:-10px;
        width:15px;
        height:2px;
        background:#e91e63;
        -webkit-transform:scale3d(0,1,1);
        -moz-transform:scale3d(0,1,1);
        -ms-transform:scale3d(0,1,1);
        -o-transform:scale3d(0,1,1);
        transform:scale3d(0,1,1);
        -webkit-transition:all .3s ease-out 0s;
        -moz-transition:all .3s ease-out 0s;
        -ms-transition:all .3s ease-out 0s;
        -o-transition:all .3s ease-out 0s;
        transition:all .3s ease-out 0s;
    }
    @media only screen and (min-width:768px) and (max-width:991px){
        .navbar-nav .nav-item a::before{
            display:none;
        }
    }
    @media(max-width:767px){
        .navbar-nav .nav-item a::before{
            display:none;
        }
    }
    .navbar-nav .nav-item:hover a,.navbar-nav .nav-item.active a{
        color:#e91e63;
    }
    navbar-nav .nav-item:hover a,.navbar-nav .nav-item.active-w a{
        color:#fff;
    }
    .navbar-nav .nav-item:hover a::before,.navbar-nav .nav-item.active a::before{
        -webkit-transform:scale3d(1,1,1);
        -moz-transform:scale3d(1,1,1);
        -ms-transform:scale3d(1,1,1);
        -o-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1);
    }
    .sticky .navbar-toggler .toggler-icon{
        background-color:#212121;
    }
    .sticky .navbar-nav .nav-item a{
        color:#fff;
    }
    @media(max-width:991px){
        .sticky .navbar-nav .nav-item a{
            color:#ed1c24;
        }
    }
    #main-slide .carousel-control{
        display:none;transition:all .3s ease-in-out;
    }
    #main-slide .carousel-indicators{
            cursor:pointer;
            bottom:15px;
    }
    #main-slide:hover .carousel-control{
        display:block;
        transition:all .3s ease-in-out;
        -webkit-animation-duration:1s;
        animation-duration:1s;
        -webkit-animation-fill-mode:both;
        animation-fill-mode:both;
        -webkit-animation-name:fadeIn;
        animation-name:fadeIn;
    }
        
        #main-slide .carousel-item{
            height:385px;
            background-position:center center;
            background-size:cover;
        }
        @media only screen and (min-width:1400px){
            #main-slide .carousel-item{
                height:500px;
            }
        }
        @media(max-width:767px){
            #main-slide .carousel-item{
                height:350px;
            }
        }
        #main-slide .carousel-inner .carousel-item::after{
            bottom:0;
            content:"";
            left:0;
            position:absolute;
            right:0;
            top:0;
        }
        #main-slide .carousel-item .carousel-caption{
            opacity:0;
            transition:opacity 100ms ease 0s;
            z-index:0;
        }
        #main-slide .carousel-item .carousel-caption .heading{
            font-size:48px;
            font-weight:700;
            color:#fff;
            letter-spacing:.1rem;
            margin-top:30px
        }
        @media only screen and (min-width:992px) and (max-width:1199px){
            #main-slide .carousel-item .carousel-caption .heading{
                font-size:40px;
            }
        }
        @media(max-width:767px){
            #main-slide .carousel-item .carousel-caption .heading{
                font-size:20px;
            }
        }
        @media only screen and (min-width:576px) and (max-width:767px){
            #main-slide .carousel-item .carousel-caption .heading{
                font-size:28px;
            }
        }
        #main-slide .carousel-item .carousel-caption p{
            font-size:20px;
        }
        @media(max-width:767px){
            #main-slide .carousel-item .carousel-caption p{
                font-size:16px;
            }
        }
        #main-slide .carousel-item.active .carousel-caption{
            opacity:1;
            transition:opacity 100ms ease 0s;
            z-index:1;
        }
        #main-slide .carousel-caption{
            color:#fff;
            position:absolute;
            top:50%;
            -webkit-transform:translateY(-50%);
            -moz-transform:translateY(-50%);
            -ms-transform:translateY(-50%);
            -o-transform:translateY(-50%);
            transform:translateY(-50%);
            padding-top:90px;
            width:100%;
            left:0;
        }
        @media(max-width:767px){
            #main-slide .carousel-caption{
                padding-top:60px;
            }
        }
        #main-slide .carousel-caption .btn{
            margin:25px 25px 0 0;
        }
        @media(max-width:767px){
            #main-slide .carousel-caption .btn{
                padding:10px 20px;
                font-size:13px;
                margin:15px 6px 0;
            }
        }
        #main-slide .carousel-control-next,#main-slide .carousel-control-prev{ 
            opacity:1;
            box-shadow:none;}
        #main-slide .carousel-control-prev span{
            padding:15px;
        }
        #main-slide .carousel-control-next span{
            padding:15px;
        }
        #main-slide .carousel-control{
            top:45%;
        }
        #main-slide .carousel-control .lni-chevron-left,#main-slide .carousel-control .lni-chevron-right{
            position:absolute;
            z-index:5;
        }
        #main-slide .carousel-control .lni-chevron-left{
            left:15px;
        }
        #main-slide .carousel-control .lni-chevron-right{
            right:15px;
        }
        .carousel-indicators li{
            width:12px;
            height:12px;
            border-radius:50%;
        }