@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@400&display=swap');

h3{font-family:"Fira Sans Condensed", sans-serif; font-size:2.3rem; color:#666666; font-weight:bold; margin-bottom:20px}
h4{font-size:1.3rem;}
p{margin-bottom:.8rem; line-height: 1.5rem}

.mainPage{}
.mainPage p{text-align:justify}
.clientPage p{text-align:justify}

.material-icons{float:left; margin-right:10px; font-size:1.2rem!important; margin-top:3px}
.valutaDiv .name{font-size:.8rem; margin-left:20px}
.valutaDiv .value{font-weight:bold; font-size:1rem; display:inline-block; }

.list6b{padding:0; padding-left:40px; list-style:none;}
.list6b li{padding-bottom:6px; margin-bottom:0}
.list6b li:before{padding-right:15px; font-weight:bold; color:#666; content:"\27A4"; transition-duration:0.5s; margin-left: -30px;}
.list6b li:hover:before{color:#999; content:"\27A4";}
.nav-item{margin-left:30px;}

.img01{border-top:s1olid 3px #c33566; box-shadow:0 0 50px rgba(0,0,0,0.2);}

html{position:relative; min-height:100%; font-family:'Segoe UI', 'Roboto', Helvetica, Arial, sans-serif;}
.form-control{border-color:#999; border-radius:1rem; background:#eee; padding:10px}
.btn{border-radius:1rem; padding:10px}
.btn-primary{background-color:#c33566; border-color:#c33566; color:#fff; font-weight:500}
.btn-primary:hover{color:#fff;background-color:#8e1e2a;border-color:#8e1e2a}
.btn-light{border-color:#777;}
.bgImageLeft{position:absolute; right:0; top:0; bottom:0; width:50vw;}
.bgImageRight{position:absolute; top:0; bottom:0; width:50vw;}

hr{border-top: 1px solid rgba(0,0,0,.2);}
.hr{text-align: left; margin-left:0; width:300px}

a, a:visited, a:active{color:#2f48c5}
a:hover{text-decoration:none}
.st1{text-decoration:underline}



.list4a {
    padding:0;
    list-style: none;
    counter-reset: li;
}    
.list4a li {
    position: relative;
    padding:0px 20px 20px 18px;
    margin-left: 28px;
    transition-duration: 0.3s;
	text-align:justify;
}
.list4a li:before {
    border: 6px solid transparent;
    line-height: 30px;
    position: absolute;
    top: -4px;
    left:-30px;
    width:34px;
    text-align:center;
    font-size: 13px;
    font-weight: bold;
    color: #77AEDB;
    counter-increment: li;
    content: counter(li);
    transition-duration: 0.3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
    }
.list4a li:hover:before {
    color: #337AB7;    
}
.list4a li:after {
    position: absolute;
    top: 0;
    left: -30px;
    width: 33px;
    height: 33px;
    border: 2px solid #3399FF;
    border-radius: 50%;
    content: '';
    opacity: 0.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
.list4a li:hover:after {
    animation: 500ms ease-in-out 0s bounceIn;
    opacity: 1;
}

 
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    20% {
        transform: scale3d(1.3, 1.3, 1.3);
    }
    40% {
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(.97, .97, .97);
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}



body{
	margin: 0;
	margin-bottom:320px !important;
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1.6;
	color: #333;
	overflow:overlay;
	/*background:linear-gradient(to right, #91ddff, #fff 50%);*/
}

.formBlackout{position:fixed; display:none; cursor:pointer; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); text-align:center; color:#fff; font-size:2.5rem; font-weight:bold; padding-top:20%;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
	color:#c33566!important
}
.navbar-light .navbar-nav .nav-link{color:#374173!important}

.nav-tabs .nav-link{font-weight:600; border-top-left-radius:20px!important; background:#485576; color:#fff;}
a.nav-link:hover{color:#999!important;}

.nav-item .specialLink1{border-color:#25456b; background:none; padding:3px 15px; margin-top:5px; border-radius:10px; color:#fff!important; box-shadow:0 0 15px rgba(185,197,202,0.9); font-weight:500}
@media screen and (max-width:425px){
	.nav-item .specialLink1{border-color:#374173; padding:8px 15px; font-weight:400; background:none; color:#374173!important; box-shadow:none; display:inline-block; margin-left:-18px}
}

.footer{position:absolute; bottom:0; width:100%; height:320px; line-height:18pt; background-color:#f5f5f5; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
@media screen and (max-width:425px){
	html{padding-bottom:250px}
	.footer{height:650px}	
}
.footer a,.footer a:hover{color:#525e7f!important;text-decoration:none !important}
.footer a:hover{color:#eb929c!important;text-decoration:none !important}