/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

.lienket a {text-decoration: none}

.box-scroll {
    width: auto;
    height: 700px;
    border: 0px solid black;
    overflow-y: scroll;
    padding: 0px 15px;
}

.mainNav {  
width: auto;    
margin:0px auto;    
color: #FFF;    
background-color: #F60;
}
.mainNav ul {   
margin: 0;  
padding: 0; 
list-style: none;   
border-bottom-width: 1px;   
border-bottom-style: solid; 
border-bottom-color: #999999;
}
.mainNav ul li {    
border-top-width: 1px;  
border-top-style: solid;    
border-top-color: #999999;
}
 
.mainNav ul li a {  
color: #FFF;    
display: block; 
font-size: 14px;    
line-height: normal;    
padding: 12px 20px; 
text-decoration: none;  
font-family:Arial, Helvetica, sans-serif;
}
.mainNav ul li a:hover {    
font-family:Arial, Helvetica, sans-serif;   
text-decoration: none;  
background-color: #F00; 
color: #FFF;
}
 
.mainNav ul ul {    
border-bottom: none
}
 
.mainNav ul ul li { 
background-color: #F5F5F5;  
border-top-width: 1px;  
border-top-style: solid;    
border-top-color: #E2E2E2;
}
.mainNav ul ul li a {   
color: #000000; 
display: block; 
font-size: 1em; 
line-height: normal;    
padding: 0.5em 1em 0.5em 2.5em;
}
.mainNav ul ul li a:hover { 
background-color: #E9E9E9;  
color: #FF0000;
}
.mainNav ul ul ul { 
border-top: 1px solid #46CFB0;
}
 
.mainNav ul ul ul li {  
border: none;
}
.mainNav ul ul ul li a {    
padding-left: 3.5em;    
padding-top: 0.25em;    
padding-bottom: 0.25em;
}
 
ul li.has-subnav .accordion-btn {   
color: #fff;    
font-size: 16px;    
background-color: #C0C0C0;  
background-position: 0;
} 
 
@media screen and (max-width: 1024px) { 
.mainNav {width: 100%;
}
} 
 
@media screen and (max-width: 700px) { 
.mainNav {
width: 100%;
}
}


/* -------------------------------------------- */

    .counter {
        color: #f27f21;
        font-family: 'Open Sans', sans-serif;
        text-align: center;
        height: 190px;
        width: 190px;
        padding: 30px 25px 25px;
        margin: 0 auto;
        border: 3px solid #f27f21;
        border-radius: 20px 20px;
        position: relative;
        z-index: 1;
    }

        .counter:before,
        .counter:after {
            content: "";
            background: #f3f3f3;
            border-radius: 20px;
            box-shadow: 4px 4px 2px rgba(0,0,0,0.2);
            position: absolute;
            left: 15px;
            top: 15px;
            bottom: 15px;
            right: 15px;
            z-index: -1;
        }

        .counter:after {
            background: transparent;
            width: 100px;
            height: 100px;
            border: 15px solid #f27f21;
            border-top: none;
            border-right: none;
            border-radius: 0 0 0 20px;
            box-shadow: none;
            top: auto;
            left: -10px;
            bottom: -10px;
            right: auto;
        }

        .counter .counter-icon {
            font-size: 35px;
            line-height: 35px;
            margin: 0 0 15px;
            transition: all 0.3s ease 0s;
        }

        .counter:hover .counter-icon {
            transform: rotateY(360deg);
        }

        .counter .counter-value {
            color: #555;
            font-size: 20px;
            font-weight: 600;
            line-height: 20px;
            margin: 0 0 20px;
            display: block;
            transition: all 0.3s ease 0s;
        }

        .counter:hover .counter-value {
            text-shadow: 2px 2px 0 #d1d8e0;
        }

        .counter h3 {
            font-size: 15px;
            font-weight: 700;
            text-transform: uppercase;
            margin: 0 0 15px;
        }

        .counter.blue {
            color: #4accdb;
            border-color: #4accdb;
        }

            .counter.blue:after {
                border-bottom-color: #4accdb;
                border-left-color: #4accdb;
            }


/* -------------------------------------------- */