@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import "scroll.css";
body, html{font-family: 'Montserrat !important'; overflow-x: hidden;}
.nav-pills.default-pills .nav-item a {text-align: left; color: #666; -webkit-border-radius: 0; border-radius: 0; }
.nav-pills.default-pills .nav-item a:hover {background-color: transparent; color: #45526e; font-weight: 500; border-left: 1px solid #45526e; }
.nav-pills.default-pills .nav-item a.active {background-color: transparent; color: #45526e; border-left: 2px solid #45526e; font-weight: 500; -webkit-box-shadow: none; box-shadow: none; }
.nav-pills.default-pills .nav-item a.active:hover, .nav-pills.default-pills .nav-item a.active:active, .nav-pills.default-pills .nav-item a.active:focus {background-color: transparent; color: #45526e; font-weight: 500; }
.nav-pills .nav-item + .nav-item {margin-left: 0;}
#scrollspy .nav-item {width: 100%;}
#scrollspy a {font-size: .8rem; font-weight: 400; line-height: 1.1rem; padding: 0 5px; margin-top: 3px; margin-bottom: 3px; color: black; }
#scrollspy li .active {font-weight: 600;}
.div-example {height: 50px; color: #fff;}
.glyphs li {margin: 5px 0; float: left; width: 25%; height: 35px; color: #333; list-style: none;}
.glyphs li:hover {background: #bbb; cursor: pointer;}
.glyphs li .glyph {float: left; width: 35px; height: 35px; text-align: center; line-height: 35px; font-size: 24px; margin-right: 10px;}
.glyphs li .glyph i {float: right; width: 35px; height: 35px; line-height: 35px;}
.glyphs li .glyph-name {height: 35px; display: block; margin: 0 30px 0 40px; overflow: hidden; text-align: left; line-height: 35px;}
.glyphs li .glyph-codepoint {height: 25px; margin: 10px 10px 0 0; padding: 0 10px; float: right; line-height: 25px;}

/* My CSS */
.navbar-collapse .navbar-nav .nav-item a{font-weight: 500; list-style: none;}
.carousel-caption{bottom: 0; padding-top:0px; top: 20px; font-size: 2.15rem; color: #ffc20e; font-weight: 300; letter-spacing: 3px;}
.back-to-top {position: fixed; bottom: 25px; right: 25px;display: none;}

.icon-box{font-size:1.1em; font-weight: 400; cursor: pointer; border-style: solid;background-color: #fff; border-width: 1px 1px 1px 1px; border-color: #dbdbdb; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; text-align: center; margin-bottom: 25px;}
.icon {display: inline-block; width: 110px; height: 60px; background-size: contain; margin: 0 auto;}
.box{background-color: #fff} .box li:hover{background-color: #ffc20e}
.icon-bike {background-image: url('../img/bike-main.svg'); background-position: center; background-repeat: no-repeat; margin: 30px 0;}
.icon-commercial {background-image: url('../img/commercial-main.svg'); background-position: center; background-repeat: no-repeat; margin: 30px 0;}
.icon-refinance {background-image: url('../img/refinance-main.svg'); background-position: center; background-repeat: no-repeat; margin: 30px 0;}
.icon-used {background-image: url('../img/used-main.svg'); background-position: center; background-repeat: no-repeat; margin: 30px 0;}
.icon-personal {background-image: url('../img/personal-main.svg'); background-position: center; background-repeat: no-repeat; margin: 30px 0;}

.intro_banner{background-image: url('../img/banner/product-slider.svg'); background-position: inherit; background-size: cover; background-repeat: no-repeat; width: 100%; line-height: 3.5em;}
.about_banner{background-image: url('../img/banner/about-bg.svg'); background-position: top left; background-size: cover; background-repeat: no-repeat; width: 100%; line-height: 1.5em;}
.banner{background-position: top left; background-size: cover; background-repeat: no-repeat; width: 100%; line-height: 3.5em;}

.box .icon-bike:hover, .box .icon-bike:focus,
.box .icon-commercial:hover, .box .icon-commercial:focus,
.box .icon-refinance:hover, .box .icon-refinance:focus,
.box .icon-used:hover, .box .icon-used:focus,
.box .icon-personal:hover, .box .icon-personal:focus {filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);}

.gap_box{background-color: #ffffff; border-radius: 10px; box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 50%); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin: 14px 14px 14px 14px; text-align: center; /*cursor: crosshair;*/}
.gap_box:hover{box-shadow: 0px 0px 11px 2px #efbf00;}
.gap_box img{height: 50px; margin: 30px 0 20px;}
.gap_box p{color: #212529 !important; padding: 10px 0 30px;}
.btn{border-radius: 30px}
.btn-berar{background-color: #224d8e; color: #fff !important; border-color: #224d8e; font-weight: 600 !important;border-radius: 50px !important;}
.btn-berar:hover{background-color: #ffc20e; color: #000000 !important;}

footer ul {list-style: none; font-size: 0.9em !important;}
footer ul li{color: #ffc20e; font-weight: 500; line-height: 2em;}
footer ul li a{color: #ffffff !important; font-weight: 400;}
.berar-blue a{color: #ffffff !important;}
.gap_box a:hover, footer ul li a:hover,.berar-blue a:hover{text-decoration: none;}
.footer-copyright p{font-size: 0.7em; color: #ffffff; text-align: left; margin-bottom: 0px;}
.bg-berar{box-shadow: 0px 0px 15px #333;}
a:hover, a:focus{text-decoration: none;}
.quick_icon{width:100%; text-align: center; position: absolute; bottom: 100px;}
.circle_icon{height:auto; display: inline-block; text-align: center; margin: 0 20px; border-radius: 50%; cursor: pointer;}
.circle_icon:hover{box-shadow: 0 0 10px 5px #ffc20e;}
.circle_icon img{width: 110px}

.pop_menu_1{width: 200px; right: -150px; top: 30%;}
.pop_menu_2{width: 200px; right: -150px; top: 40%;}
.pop_menu_3{width: 230px; right: -183px; top: 50%;}

.pop_menu_5{width: 230px; left: -183px; top: 30%;}
.pop_menu_6{width: 235px; left: -188px; top: 40%;}
.pop_menu_7{width: 230px; left: -183px; top: 50%;}

/*.DepoHide{display: none;}*/
.pop_menu_1, .pop_menu_2, .pop_menu_3 {height: 45px; position: fixed; z-index: 999;transition: 0.8s; background-color: #37609e; border-radius: 8px 0 0 8px; color: #ffc20e; box-shadow: 2px 3px 8px rgb(0 0 0 / 30%);}
.pop_menu_5, .pop_menu_6, .pop_menu_7 {height: 45px; position: fixed; z-index: 999;transition: 0.8s; background-color: #37609e; border-radius: 0 8px 8px 0; color: #ffc20e; box-shadow: 2px 3px 8px rgb(0 0 0 / 30%);}

.pop_menu_1:hover, .pop_menu_2:hover, .pop_menu_3:hover{right: 0px;}
.pop_menu_5:hover, .pop_menu_6:hover, .pop_menu_7:hover{left: 0px;}

.pop_line{right: 0;} .pop_line p{margin: 5px 0;}

.pop_menu_1 .pop_line p a,
.pop_menu_2 .pop_line p a,
.pop_menu_3 .pop_line p a {color:inherit !important; text-decoration: none !important; position: absolute; top: 25%; font-weight: 500 !important;}

.pop_menu_5 .pop_line p,.pop_menu_6 .pop_line p,.pop_menu_7 .pop_line p{display: flex; justify-content: end; align-items: center;}
.pop_menu_5 .pop_line p a,
.pop_menu_6 .pop_line p a,
.pop_menu_7 .pop_line p a {margin-left: 15px;line-height: 12px; color:inherit !important; text-decoration: none !important; font-weight: 500 !important;}

.pop_menu_5 .pop_line p a span,
.pop_menu_6 .pop_line p a span,
.pop_menu_7 .pop_line p a span {font-size: 10px;}

.pop_menu_1 .pop_line p a,
.pop_menu_2 .pop_line p a {margin-left: 8px;}
.pop_menu_3 .pop_line p a {margin-left: 15px;}

.pop_menu_1 .pop_line img,
.pop_menu_2 .pop_line img{width:40px; margin: 0 0 3px 5px;}
.pop_menu_3 .pop_line img{width:30px; margin: 2px 0 0 8px;}

.pop_menu_5 .pop_line img,
.pop_menu_6 .pop_line img,
.pop_menu_7 .pop_line img{width:33px; margin: 2px 7px 0 8px;}

#intro h2 {text-transform: uppercase;}

/* Side Simple Links */

/* Side Special Link */
.pop_menu_4{width: 70px; position: fixed; left: 0px; top: 60%; z-index: 9999;transition: 0.8s; border-radius: 0 8px 8px 0; display: none;}
.pop_menu_4:hover{left: 0px;}
.pop_menu_4 .pop_line p a {color:inherit !important; text-decoration: none !important; position: absolute; top: 0; margin-left: 8px; font-weight: 500 !important;}
.pop_menu_4 .pop_line img{width:65px; margin: 0 0 3px 5px; border-radius: 50px; transition: width 0.1s linear}
.pop_menu_4:hover .pop_line img{width:70px; box-shadow: 0 5px 8px #ddd; transition: width 0.2s linear}


.bounce {
    position: absolute;	
    left: 0;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
    40% {-webkit-transform: translateY(-30px);}
    60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(-30px);}
    60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(-30px);}
    60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}
/* Side Special Link */

.carousel-indicators{display: none !important;}

.tab_pdf {background-image: url(../img/pdbox.svg); display: block; float: left; width: 100%; height: 150px; background-position: bottom right; padding: 15px 10px; color: #222; margin-bottom: 20px; margin-top: 5px; text-transform: capitalize; background-repeat: no-repeat; background-size: cover; border-radius: 8px; border: 1px solid #dadada;}
.tab_pdf:hover{background-image: url(../img/pdbox-hover.svg); border-bottom: 5px solid #ffc20e; background-repeat: no-repeat; background-size: cover; transition: .3s;}
.tab_pdf h6{font-weight: 500}


#result_tabs .nav-item .wc{color: #ffffff;}
#result_tabs .nav-pills .nav-link.active,
#result_tabs .nav-pills .show>.nav-link{background-color: transparent !important; color: #ffc20e;}
/*#result_tabs .fluent-tabs .show a{color: #222222 !important;}*/
#result_tabs .fluent-tabs .nav-item{/*border-bottom: 1px solid #ffffff;border-top: 1px solid #076096;*/border-left: 1px solid #075f9600;border-right: 1px solid #075f9600;}
#result_tabs .fluent-tabs .nav-item .nav-link{color: #ffffff;}
#result_tabs .fluent-tabs .nav-item .nav-link:focus{color: #222222;}
#result_tabs .fluent-tabs .nav-item, #result_tabs .fluent-tabs .nav-item .nav-link, #result_tabs .fluent-tabs .nav-item .nav-link.active,
#result_tabs .nav-tabs .nav-item.show .nav-link, #result_tabs .nav-tabs .nav-link.active {border-radius: 5px 5px 0px 0px;}
/*#result_tabs .fluent-tabs .nav-item:hover {border: 1px solid #ffffff;}*/
#result_tabs .dropdown .dropdown-menu .dropdown-item{padding: 0.3rem 1.5rem;}
#result_tabs .dropdown-item.active:hover {color: #0056b3;}
#result_tabs .tab-content{margin-top: 1.5rem;}
#result_tabs .fluent-tabs .nav-item .nav-link.active{background: #076096;/*border-bottom: 2px solid #ffffff;*/color: #ffffff;}
#result_tabs .nav-justified .nav-item{flex-basis: unset !important;}
#result_tabs .fluent-tabs .nav-item{margin: 0 !important; border-bottom: 1px solid #ffffff;}

/* Product Slider */

.introduce{height: 205px; background-color:white; box-shadow: 0 3px 10px #5969f642; border-bottom: 4px solid #5969f6;color: black;}
.introduce:hover{box-shadow: 0 3px 15px #5969f666; border-bottom: 4px solid #B122e5; color: black; text-decoration: none;}
.flex-column-1{height: 70%; width: 100%;}

.nav-item .berar-menu li img{height:50px; width:60px; left:12px; top: 5px; position: absolute;}
.ml-60{margin-left: 60px;}
.carousel{width: 100%;}

/* Product Slider */

/* iFrame-Popup */
.w3-container{padding:0.01em 16px;}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-container:after,.w3-container:before{content:"";display:table;clear:both}
.w3-modal{z-index:3;display:none;padding-top:40px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4); z-index: 9999;}
/* iFrame-Popup */

@media all and (min-width: 992px) {
    
    .dropdown-menu .dropdown-toggle:after{border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid;}
    .dropdown-menu .dropdown-menu{margin-left:0; margin-right: 0;}
    .dropdown-menu li{position: relative;}
    .nav-item .submenu{ display: none; position: absolute; left:100%; top:-7px;}
    .nav-item .submenu-left{right:100%; left:auto;}
    .dropdown-menu > li:hover{ background-color: #f1f1f1;}
    .dropdown-menu .show > li:hover a{ color:#000000 !important;}
    .dropdown-menu > li:hover > .submenu{display: block;}

    .nav-item .submenu{top: 0px;}
    .navbar .dropdown-menu{width: 300px !important;}
    .nav-item .berar-menu{background-color: #ffffff !important;}
    .nav-item .berar-menu li{border-bottom: 1px solid #ddd;}
    .nav-item .berar-menu ul li a{color: #212529 !important;}
    .nav-item .berar-menu li:hover a,
    .nav-item .berar-menu ul li a:hover span{color: #ffc20e}
    
    .bike_bg{background-image: url(../img/banner/bike-product.jpg); background-position: right; background-size: 75%; background-repeat: no-repeat;}
    main{margin-top: 60px}
    .np-4{padding: 0 !important;}
    .nm-4{margin: 0 !important}

    #main_nav{position: absolute; right: 0px;}

}
@media all and (max-width: 1280px) {body{font-size: 0.9rem;}}
@media all and (max-width: 1024px) {
    body{font-size: 0.8rem;}
    .nav-link {padding: .5rem !important;}
    .navbar.navbar-dark .navbar-nav .nav-link,
    .navbar.navbar-light .navbar-nav .nav-link{padding-left: 0.5rem; padding-right: 0.5rem;}
}

@media all and (max-width: 720px) {
    .dropdown .dropdown-menu .dropdown-item, 
    .dropup .dropdown-menu .dropdown-item, 
    .dropleft .dropdown-menu .dropdown-item, 
    .dropright .dropdown-menu .dropdown-item, 
    .btn-group .dropdown-menu .dropdown-item{padding: 0.5rem;}
    .nav-item .berar-menu li img{height:40px; width:50px; left:12px; top: 5px; position: inherit;}
    .ml-60{margin-left: 20px;}
    body{font-size: 1rem;}
    .menu{display: none;}
    main {margin-top: 1px;}
    .bike_bg{background-image: none;}
    .pop_menu_1, .pop_menu_2, .pop_menu_3, .pop_menu_5,.pop_menu_6,.pop_menu_7, .pop_menu, .quick_icon{display: none;}
    .tab_pdf {background-position: bottom; width: 100%;}
    .tab_pdf:hover{background-position: bottom; width: 100%;}
    .fixed-top{position: inherit;}

    .value{min-height: 800px;}
    .md_cntn{height:auto !important;}
    .location-box {margin-bottom: 40px;}
    .gm-style .gm-style-iw{max-width: 248px !important; overflow: auto;}
    .map_img{width: 18% !important;}
    .map_adrs{width: 60% !important;}
    .footer-copyright p {text-align: center; margin-bottom: 1rem;}
    .pb-5, .py-5{padding-bottom: 1rem!important;} .pb-5, .py-5{padding-top: 1rem!important;}
}
.md_cntn {padding: 2.4em 0.9375em 4em 0em; background-color: #35d1f6; color: #2a2a2a;width: 100%; min-height: 300px; max-height: 500px;/*height: 500px;*/ margin: 0px;justify-content: center;}
.navbar-nav .active .nav-link{color: #ffc20e !important;}
.navbar-nav .nav-link:hover{text-decoration: none !important;}

.hide{display: none;}