@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Slabo+27px&display=swap');
/*
font-family: 'Roboto', sans-serif;
font-family: 'Slabo 27px', serif;
*/
html{ scroll-behavior: smooth;}
body{ font-family: 'Roboto', sans-serif; color:#666;}
ul{ margin:0; padding:0; list-style-type:none;}
strong, h1, h2, h3, h4, h5, h6, .font-20{ font-family: 'Slabo 27px', serif;}
a:hover{ text-decoration:none;}
.material-icons{ vertical-align:middle}
.font-20{ font-size:30px;}
input, textarea{ border-radius:0 !important; background:#f8f8f8 !important; border-color:#f2f2f2 !important; resize:none}

.instruments, .img-round, a{ transition:all 0.3s ease}

h1{ font-size:26px; margin-bottom:30px; color:#000;}
h1 span{ display:block; font-size:40px; font-weight:normal; text-transform:uppercase; color:#082a53;}

h2{ font-size:26px; margin-bottom:30px; color:#000}
h2 span{ display:block; font-size:40px; font-weight:normal; text-transform:uppercase; color:#082a53;}

strong{ font-size:26px; font-weight:normal; margin-bottom:15px; display:block;}

.mt-60{ margin-top:80px;}
.mb-60{ margin-bottom:80px;}
.btn-lg.btn-dark, .btn-lg.btn-danger{ border-radius:0 !important; }
.img-round, .card{ /*border-top-right-radius:40px; border-bottom-left-radius:40px;*/ transition:all 0.3s ease}
.btn-danger{ background:#082a53; border-color:#082a53}
.btn-dark{ /*background:#000; border-color:#000*/ background-image:linear-gradient(to left, #000, #333, #000);}

.btn-lg.btn-danger:hover, .btn-lg.btn-dark:hover{ background-position:right;}

.cta-area{ background-position: center top; background-size: cover; padding: 100px 0;}
.cta-area h3{ color:#fff; margin-bottom:15px; font-size:40px;}

.top{ position:relative; background:#082a53; color:#fff; padding:6px 0}
/*.top:before{ content:''; background:#fff; width:100px; height:100%; position:absolute; top:0; left:-50px; transform:skew(-40deg)}*/
.top ul>li{ display:inline-block;}
.top ul>li>a{ color:#fff; text-transform:uppercase; font-size:12px; font-weight:normal; padding:6px 20px; border-radius:0px;}

.navbar-nav li>a{ text-transform:uppercase; font-size:15px; font-weight:normal; color:#000 !important; padding-left:20px !important; padding-right:20px !important;}
.navbar-nav li>a:hover{ color:#082a53 !important}
.navbar-nav li.active a{ color:#fff !important; background:#082a53;}

.carousel-indicators{ bottom:-50px;}
.carousel-indicators li{ background-color:#000}

.dropdown-menu{ border-radius:0 !important; padding:15px;}

.dropdown:hover .dropdown-menu{ display:block;}
.dropdown:hover .dropdown-menu a:hover{ background:#082a53; color:#ffc107;}

.instruments{ transform:scale(1); overflow:hidden;}
.instruments p{ font-size:15px;}
.instruments:hover{ transform:scale(1.04); box-shadow:0 10px 10px #ddd}
.instruments:hover img{  transform:scale(0.9); filter:grayscale(100%);}
.instruments h2{ font-size:24px;}
.instruments:hover h2{ color:#082a53;}

.instruments a{ opacity:0; position:relative; margin-bottom:-10px; transition:0.3s}
.instruments:hover a{ opacity:1; margin-bottom:0}

.innerBg{ padding:100px 0; background-position: center}
ul.sidlinks{ width:100%; float:left; margin:0px 0 0 0 ; padding:0;}
ul.sidlinks li{ display:block; border-bottom:1px solid #ddd; padding:10px 0; font-size:16px;}
ul.sidlinks li a{ color:#333; transition:0.5s ease all; -moz-transition:0.5s ease all; -webkit-transition:0.5s ease all;}
ul.sidlinks li a:hover{ color:#ffc107; padding-left:5px; }
ul.sidlinks li.active{ border-left:5px solid #ffc107;  padding-left:10px;}
ul.sidlinks li.active a{ color:#082a53;}

ul.list{ margin-bottom: 30px }
ul.list > li{ display:block; padding:8px 0 8px 36px ; position:relative;}
ul.list > li:before{ position:absolute; left:0; top:8px;  content:''; color:#0097d9; font-family:fontawesome; width:18px; height:18px; background:url(../images/bullet.png) center no-repeat}

.item a strong{ color: #333; font-size: 18px; display: block; background: #f2f2f2; padding: 4px 15px; margin-top: 4px; text-transform: capitalize}
.item:hover strong{ background: #ffc107; color: #333}

.breadcrumb li a{ color: #082a53}

.sitemap h6{ background:#082a53; color: #ffc107; display: block; padding: 10px 10px;}
.sitemap li>a{ display: block !important; color: #333; background: #f8f8f8; border:0px solid #e8e8e8; padding: 6px 0px 6px 15px; margin-bottom: 1px}
.sitemap li>a:hover{ color: #ffc107;}


.btn{ webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); border-radius:0px; padding-left:20px; padding-right:20px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-w}
.btn:hover, .btn:focus, .btn:active {
    outline: 0;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}

.footer{ background:#082a53 url(../images/footer_bg.jpg) center no-repeat; color:#d3e6ff; padding:60px 0 0 0}
.footer h5{ color:#ffc107 !important; display:block; margin-bottom:20px; font-size:24px;}
.footer a{ display:block; color:#d3e6ff; padding:4px 0 4px 10px; position:relative;}
.footer a:hover{ color:#fff; padding:4px 0 4px 15px;}
.footer a:before{ content:'-'; font-weight:bold; position:absolute; left:0;}

.copyright{ background:rgba(255,255,255,0.06); padding:15px 0; margin-top:30px;}
.copyright p{ margin:0}

#topscroll{ background:#ffc107; width:32px; height:32px; position:fixed; bottom:15px; right:15px; color:#fff; text-align:center; line-height:32px; display:none;}
#topscroll:hover{ background:#fff; color:#000}
.qurey{ position:fixed; top:50%; right:0; transform:translateY(-50%); z-index:99; width:49px; height:211px}