@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,400i,500,500i,600,600i,700,700i,800');@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800');.flt {float: left;width: 100%;} a:focus, a:active {outline: none !important;} .navbar-brand{display: none;} p{margin: 0px !important;padding: 0px !important;} .header_container {padding: 15px 6%;} .header_wrap {position: relative;} .logo_div {float: left;width: 30%;} .head_contact {position: absolute;width: 50%;text-align: center;top: 50%;left: 30%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);font-family: 'Raleway', sans-serif;font-weight: 500;} .head_contact div {display: inline-block;text-align: left;} .head_call {margin-right: 2vw;position: relative;padding-left: 50px;} .head_call::before {position: absolute;top: 0px;left: 0px;height: 40px;width: 40px;content: '\f095';font-family: 'Font Awesome 5 Free';font-weight: 600;background-color: rgb(0, 118, 188);color: rgb(255, 255, 255);font-size: 18px;line-height: 40px;text-align: center;border-radius: 50%;} .head_mail {position: relative;padding-left: 50px;} .head_mail::before {position: absolute;top: 0px;left: 0px;width: 40px;height: 40px;content: '\f2b6';font-family: 'Font Awesome 5 Free';font-weight: 600;background-color: rgb(0, 118, 188);color: rgb(255, 255, 255);font-size: 18px;line-height: 40px;text-align: center;border-radius: 50%;} .head_right {position: absolute;width: 20%;top: 50%;right: 0%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align: center;} .head_right a {color: rgb(255, 255, 255);background-color: rgb(245, 134, 52);text-decoration: none;font-size: 12px;padding: 6px 20px;display: inline-block;border-radius: 15px;text-transform: uppercase;font-weight: 700;font-family: 'Open Sans', sans-serif;min-width: 185px;} .head_right a:first-child {margin-bottom: 8px;} .menu_bar {background-color: rgb(0, 118, 188);padding: 15px 0px;} .navbar {min-height: auto !important;margin-bottom: 0px !important;} .navbar-nav {float: left;width: 100%;text-align: center;} .navbar-nav>li {float: none;display: inline-block;padding: 0px 1vw;position: relative;} .navbar-nav>li::before {position: absolute;top: 0px;left: 0px;height: 100%;width: 2px;content: '';background-color: rgb(255, 255, 255);} .navbar-nav>li:first-child::before {display: none;} .navbar-nav>li>a {color: rgb(255, 255, 255);font-family: 'Open Sans', sans-serif;font-weight: 700;font-size: 13px;text-transform: uppercase;padding-top: 0px;padding-bottom: 0px;} .nav>li>a:focus, .nav>li>a:hover {background-color: transparent !important;} .dropdown-menu li a {font-family: 'Open Sans', sans-serif;font-weight: 700;font-size: 13px;color: rgb(255, 255, 255);text-transform: uppercase;padding: 5px 0px;} .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {color: rgb(255, 255, 255);background-color: rgb(0, 118, 188);} .banner_container {position: relative;} .bann_wrapper {position: relative;} .carl_indicat {position: absolute;top: 50%;right: 5%;z-index: 9;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .carousel-indicators {position: relative !important;left: auto !important;bottom: auto !important;width: auto !important;margin: 0px !important;} .carousel-indicators li {display: block;margin: 16px 0px !important;background-color: rgb(0, 118, 188);border: none;height: 10px !important;width: 10px !important;position: relative;border-radius: 0px !important;} .carousel-indicators .active {background-color: rgb(245,134,52);} .carousel-indicators li.active::before {position: absolute;top: 50%;left: 50%;content: '';height: 20px;width: 20px;border: 2px solid rgb(245, 134, 52);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .bann_txt {position: absolute;top: 50%;left: 8%;-webkit-transform: translateY(-65%);-ms-transform: translateY(-65%);transform: translateY(-65%);text-align: left;display: none;} .bann_txt1 {display: inline-block;font-size: 28px;font-weight: 700;margin-bottom: 18px;color: rgb(255, 255, 255);text-shadow: 1px 3px 4px rgb(0, 0, 0);-webkit-transform: translateX(-18%);-ms-transform: translateX(-18%);transform: translateX(-18%);-webkit-transition: 1.8s all ease;-o-transition: 1.8s all ease;transition: 1.8s all ease;opacity: 0;visibility: hidden;} .item.active .bann_txt1 {-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);opacity: 1;visibility: visible;} .bann_txt1 b {color: rgb(245, 134, 52);} .bann_txt2 {display: inline-block;font-size: 24px;font-weight: 600;color: rgb(255, 255, 255);text-shadow: 1px 3px 4px rgb(0, 0, 0);-webkit-transform: translateX(-18%);-ms-transform: translateX(-18%);transform: translateX(-18%);-webkit-transition: 1.8s all ease;-o-transition: 1.8s all ease;transition: 1.8s all ease;-webkit-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;opacity: 0;visibility: hidden;} .item.active .bann_txt2 {-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);opacity: 1;visibility: visible;} .announce_div {position: absolute;bottom: 0px;left: 50%;width: 75%;background-color: rgb(245, 134, 52);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);padding: 12px 0px;padding-left: 180px;border-radius: 60px 60px 0px 0px;overflow: hidden;padding-right: 35px;} .announce_div ul li {font-size: 16px;color: rgb(255, 255, 255);font-family: 'Raleway', sans-serif;font-weight: 600;cursor: pointer;} .announce_head {position: absolute;top: 0px;left: 0px;height: 100%;width: auto;background-color: rgb(255, 255, 255);font-family: 'Raleway', sans-serif;font-weight: 600;padding: 0px 15px 0px 30px;line-height: 54px;font-size: 16px;} .announce_head::before {position: absolute;top: 0px;left: 100%;content: '\f0da';font-family: 'Font Awesome 5 Free';font-weight: 600;color: rgb(255, 255, 255);font-size: 24px;} .bann_img img {opacity: 0;width: 100%;} .bann_img {background-position: center;background-size: cover;background-repeat: no-repeat;height: calc(100vh - 150px);overflow: hidden;} .main_feats_cont {background-color: rgb(127, 128, 128);padding: 3% 8%;} .main_feats_div {float: left;width: 20%;padding: 0px 20px;} .main_feat_icons img {margin: 0px auto;} .main_feat_icons {margin-bottom: 25px;} .main_feat_head {text-align: center;margin-bottom: 15px;color: rgb(255, 255, 255);font-size: 18px;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 700;} .main_feat_desc {text-align: center;color: rgb(255, 255, 255);font-family: 'Open Sans', sans-serif;} .misc_feat_cont {padding: 5% 8%;} .misc_div_out {float: left;width: 33.33%;padding: 15px;} .misc_div_wrap {background-color: rgb(232, 231, 231);padding: 25px;min-height: 275px;font-family: 'Montserrat', sans-serif;font-weight: 500;} .misc_div_head {font-size: 16px;text-transform: uppercase;font-weight: 700;color: rgb(65, 65, 65);margin-bottom: 25px;} .misc_div_desc ul {padding: 0px;margin: 0px;list-style-type: none;} .misc_div_desc ul li {position: relative;padding-left: 20px;margin-bottom: 10px;} .misc_div_desc ul li::before {position: absolute;top: 0px;left: 0px;content: '\f0da';font-family: 'Font Awesome 5 Free';font-weight: 600;} .misc_div_desc ul li a {text-decoration: none;color: rgb(65, 65, 65);} .misc_div_desc ul li a:hover {color: rgb(245, 134, 52);} .misc_div_desc ul li:hover::before {color: rgb(245, 134, 52);} .about_container {position: relative;} .about_img {position: absolute;top: 0px;left: 0px;height: calc(100% + 20px);width: 50%;content: '';background-image: url('../../uploads/panchgangabankcom/ab_img.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;} .about_img::after {position: absolute;bottom: 0px;left: 100%;content: '';border-top: 10px solid rgb(245, 134, 52);border-left: 10px solid rgb(245, 134, 52);border-bottom: 10px solid transparent;border-right: 10px solid transparent;} .about_desc {float: right;width: 50%;padding: 4%;background-color: rgb(32, 40, 53);} .ab_main_head {color: rgb(255, 255, 255);font-size: 16px;font-family: 'Raleway', sans-serif;font-weight: 600;margin-bottom: 30px;} .ab_main_head span {color: rgb(255, 153, 51);font-size: 30px;text-transform: uppercase;display: inline-block;font-weight: 700;} .ab_main_desc {color: rgb(255, 255, 255);font-family: 'Montserrat', sans-serif;font-weight: 500;margin-bottom: 45px;} .ab_more a {display: inline-block;text-transform: uppercase;font-family: 'Raleway', sans-serif;color: rgb(255, 255, 255);font-size: 12px;font-weight: 600;border: 1px solid rgb(245, 134, 52);padding: 12px 12px 12px 57px;position: relative;border-radius: 6px;text-decoration: none;} .ab_more a::before {position: absolute;top: 0px;left: 0px;content: '\f30b';font-family: 'Font Awesome 5 Free';font-weight: 600;height: 100%;width: auto;border-right: 1px solid rgb(245, 134, 52);line-height: 43px;padding: 0px 12px;font-size: 20px;color: rgb(245, 134, 52);} .products_container {padding: 5% 8%;} .prod_main_head {text-transform: uppercase;font-size: 32px;font-weight: 700;color: rgb(245, 134, 52);text-align: center;margin-bottom: 4%;font-family: 'Open Sans', sans-serif;} .prod_outer_div {float: left;width: 25%;padding: 12px;} .prod_inn_wrap {background-color: rgb(32, 40, 53);height: 220px;display: table;padding: 0px 25px;position: relative;} .prod_tab {display: table-cell;vertical-align: middle;} .prod_min_head {color: rgb(255, 255, 255);text-transform: uppercase;font-family: 'Open Sans', sans-serif;font-size: 15px;font-weight: 700;margin-bottom: 8px;margin-top: 20px;} .prod_min_desc {color: rgb(255, 255, 255);font-family: 'Open Sans', sans-serif;font-size: 13px;min-height: 100px;} .prod_cont {position: absolute;color: rgb(255, 255, 255);top: 0px;left: 0px;font-size: 60px;line-height: 60px;font-family: 'Open Sans', sans-serif;font-weight: 600;-webkit-transform: translate(-18%, -30%);-ms-transform: translate(-18%, -30%);transform: translate(-18%, -30%);} .important_cont {padding: 5% 8%;background-color: rgb(0,118,188);} .imp_main_head {text-transform: uppercase;font-size: 32px;font-weight: 700;color: rgb(255, 255, 255);text-align: center;margin-bottom: 50px;font-family: 'Open Sans', sans-serif;} .imp_divs_out {float: left;width: 20%;padding: 12px;} .imp_links .imp_divs_out:first-child .imp_wrap {background-color: rgb(255,59,47);} .imp_links .imp_divs_out:nth-child(2) .imp_wrap {background-color: rgb(0,166,156);} .imp_links .imp_divs_out:nth-child(3) .imp_wrap {background-color: rgb(54,182,231);} .imp_links .imp_divs_out:nth-child(4) .imp_wrap {background-color: rgb(166,209,110);} .imp_links .imp_divs_out:nth-child(5) .imp_wrap {background-color: rgb(149,46,255);} .imp_name {font-size: 14px;text-transform: uppercase;color: rgb(255, 255, 255);font-family: 'Raleway', sans-serif;font-weight: 700;text-align: center;padding: 0px 15px;} .imp_icon {margin-bottom: 22px;} .imp_icon img {margin: 0px auto;} .imp_wrap {padding: 20px 0px;min-height: 202px;} .touch_cont {background-color: rgb(245, 134, 52);text-align: center;padding: 30px 0px;color: rgb(255, 255, 255);font-family: 'Open Sans', sans-serif;font-size: 18px;font-weight: 600;} .touch_cont span {font-size: 36px;display: inline-block;line-height: 36px;margin-bottom: 8px;font-weight: 700;} .footer_container {position: relative;background-image: url('../../uploads/panchgangabankcom/particle_back.png');background-position: center bottom;background-repeat: no-repeat;background-size: contain;} .footer_wrapper {padding: 4% 8% 10%;} .footer_div {float: left;width: 25%;} .footer_head {font-size: 20px;font-weight: 700;font-family: 'Open Sans', sans-serif;margin-bottom: 35px;border-left: 3px solid rgb(245, 134, 52);line-height: 20px;padding-left: 15px;} .footer_desc ul {list-style-type: none;padding: 0px;margin: 0px;} .footer_desc ul li {position: relative;padding-left: 20px;margin-bottom: 8px;} .footer_desc ul li:last-child {margin-bottom: 0px;} .footer_desc ul li::before {position: absolute;top: 0px;left: 0px;content: '\f0da';font-family: 'Font Awesome 5 Free';font-weight: 600;color: rgb(96, 96, 96);} .footer_desc ul li a {color: rgb(245, 134, 52);font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: 600;text-decoration: none;} .foot_add {color: rgb(245, 134, 52);font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: 600;line-height: 26px;} .foot_add span {color: rgb(51, 51, 51);} .footer_desc .foot_add:first-child {margin-bottom: 30px;} .particle_div {height: 100px;position: relative;} #particles-js {position: absolute;top: 0px;left: 0px;height: 100%;width: 100%;} .copyright_cont {background-color: rgb(51, 51, 51);position: relative;padding: 20px 8%;} .copyright_div {color: rgb(255, 255, 255);font-family: 'Open Sans', sans-serif;font-weight: 600;} .copyright_div a {color: rgb(255, 255, 255);text-decoration: none;} .social_div {position: absolute;right: 8%;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);height: 33px;} .social_div ul {margin: 0px;padding: 0px;list-style-type: none;} .social_div ul li {display: inline-block;margin-right: 5px;} .social_div ul li:last-child {margin-right: 0px;} @media(min-width: 768px) {.dropdown-menu {display: block;left: 50%;-webkit-transform: translateX(-50%) translateY(15%);-ms-transform: translateX(-50%) translateY(15%);transform: translateX(-50%) translateY(15%);top: calc(100% + 15px);visibility: hidden;opacity: 0;-webkit-transition: 0.8s all ease;-o-transition: 0.8s all ease;transition: 0.8s all ease;background-color: rgba(0, 0, 0, 0.7);min-width: 190px;} .dropdown:hover .dropdown-menu {visibility: visible;opacity: 1;-webkit-transform: translateX(-50%) translateY(0%);-ms-transform: translateX(-50%) translateY(0%);transform: translateX(-50%) translateY(0%);}} @media(max-width: 639px) {.logo_div {float: left;width: 100%;margin-bottom: 25px;} .logo_div img {width: 200px;margin: 0px auto;} .head_contact {position: relative;width: 50%;text-align: left;top: auto;left: auto;float: left;font-size: 12px;transform: none;} .head_call {margin-right: 0px;padding-left: 40px;} .head_call::before {height: 30px;width: 30px;font-size: 12px;line-height: 30px;} .head_mail {margin-right: 0px;padding-left: 40px;} .head_mail::before {height: 30px;width: 30px;font-size: 12px;line-height: 30px;} .head_right {position: relative;width: 50%;top: auto;right: auto;float: right;transform: none;} .head_right a {font-size: 10px;padding: 6px 12px;min-width: 145px;text-align: center;float: right;} .navbar-toggle span {background-color: rgb(255, 255, 255);} .head_contact{font-size: 10px;} .head_contact div:first-child {margin-bottom: 15px;} .head_right a:first-child {margin-bottom: 15px;} .menu_bar {background-color: transparent;padding: 0px;} .navbar-toggle {margin-top: -10px;background-color: rgb(245,134,52);margin-right: 24px;} .navbar-nav>li {float: left;width: 100%;padding: 0px;margin-bottom: 8px;} .navbar-nav>li>a {color: rgb(0, 118, 188);} .navbar-nav {margin: 0px;} .navbar-nav .dropdown-menu {background-color: rgb(236, 233, 233) !important;margin-top: 10px !important;} .dropdown-menu li a {color: rgb(0, 118, 188);} .dropdown-menu li a {padding: 4px 0px !important;} .bann_img{height: auto;} .announce_div {padding: 4px 0px;padding-left: 115px;padding-right: 20px;} .announce_head{font-size: 10px;line-height: 38px;padding: 0px 10px 0px 20px;} .announce_div ul li {font-size: 10px;} .main_feats_div {float: left;width: 100%;padding: 0px 0px;margin-bottom: 40px;} .main_feats_cont .main_feats_div:last-child {margin-bottom: 0px;} .main_feats_cont {padding: 40px 8%;} .misc_div_out {float: left;width: 100%;padding: 0px;margin-bottom: 30px;} .misc_feat_cont .misc_div_out:last-child {margin-bottom: 0px;} .misc_feat_cont {padding: 30px 8%;} .about_img {display: none;} .about_desc {float: left;width: 100%;} .ab_main_head span {font-size: 24px;} .ab_main_head {font-size: 14px;} .about_desc {padding: 30px 4%;} .products_container {padding: 30px 8%;} .prod_main_head {font-size: 24px;margin-bottom: 30px;} .prod_outer_div {float: left;width: 100%;padding: 0px;margin-bottom: 30px;} .prod_main_desc .prod_outer_div:last-child {margin-bottom: 0px;} .important_cont {padding: 30px 8%;} .imp_main_head {font-size: 24px;margin-bottom: 30px;} .imp_links .imp_divs_out:last-child {margin-bottom: 0px;} .imp_divs_out {float: left;width: 100%;padding: 0px;margin-bottom: 30px;} .touch_cont span {font-size: 24px;line-height: 24px;} .touch_cont {font-size: 14px;padding: 30px 15px;} .footer_wrapper {padding: 30px 8%;} .footer_div {float: left;width: 100%;margin-bottom: 40px;} .footer_wrapper .footer_div:last-child {margin-bottom: 0px;} .social_div {position: relative;right: auto;top: auto;transform: none;height: auto;float: left;width: 100%;} .social_div ul {text-align: center;} .copyright_div {text-align: center;margin-bottom: 20px;}} @media(min-width: 640px) and (max-width: 767px) {.header_container {padding: 25px 6%;} .head_contact div {min-width: 160px;padding-left: 40px;} .head_contact {width: 40%;font-size: 10px;} .head_right {width: 30%;} .head_call::before {height: 25px;width: 25px;font-size: 12px;line-height: 25px;} .head_mail::before {height: 25px;width: 25px;font-size: 12px;line-height: 25px;} .head_call{margin-right: 0px;margin-bottom: 8px;} .head_right a{font-size: 10px;min-width: 165px;} .menu_bar{padding: 0px;} .navbar-toggle .icon-bar {background-color: rgb(255, 255, 255);} .navbar-nav > li {float: left;width: 100%;margin-bottom: 8px;} .navbar-nav > li::before {display: none;} .dropdown-menu li a {padding: 4px !important;} .bann_img{height: auto;} .announce_div {padding: 4px 0px;padding-left: 115px;padding-right: 20px;} .announce_head{font-size: 10px;line-height: 38px;padding: 0px 10px 0px 20px;} .announce_div ul li {font-size: 10px;} .main_feats_div{padding: 0px 4px;} .main_feat_head{font-size: 12px;} .main_feat_desc{font-size: 10px;} .main_feats_cont{padding: 3% 4%;} .misc_feat_cont {padding: 5% 3%;} .misc_div_out{padding: 10px;} .misc_div_head{font-size: 12px;} .misc_div_desc ul li {font-size: 12px;} .misc_div_wrap{padding: 15px;} .ab_main_head span {font-size: 20px;} .ab_main_head{font-size: 12px;} .ab_main_desc{font-size: 13px;} .prod_main_head{font-size: 24px;} .prod_outer_div{width: 50%;} .important_cont{padding: 5% 3%;} .imp_divs_out{width: 33.33%;} .imp_main_head{font-size: 24px;margin-bottom: 30px;} .imp_name{font-size: 12px;} .imp_wrap{min-height: 195px;} .touch_cont span{font-size: 24px;line-height: 24px;} .touch_cont{font-size: 16px;} .footer_head {font-size: 16px;} .footer_desc ul li a {font-size: 12px;} .foot_add {font-size: 12px;} .copyright_div {font-size: 12px;}} @media(min-width: 768px) and (max-width: 991px) {.header_container {padding: 25px 6%;} .head_contact div {min-width: 160px;padding-left: 40px;} .head_contact {width: 40%;font-size: 10px;} .head_right {width: 30%;} .head_call::before {height: 25px;width: 25px;font-size: 12px;line-height: 25px;} .head_mail::before {height: 25px;width: 25px;font-size: 12px;line-height: 25px;} .head_call {margin-right: 0px;margin-bottom: 8px;} .head_right a {font-size: 10px;min-width: 165px;} .navbar-nav > li{padding: 0px 0px;} .navbar-nav>li>a {font-size: 10px;padding: 0px 9px;}}img{border:0px;padding:0px;}p {margin: 0px 0px 3px 0px;padding: 0px 0px 0px 0px;}a.footline{color: #808080;text-decoration: none;font-size:11px;color: #808080;} a.footline:hover{color: #808080;text-decoration: underline;font-size:11px;color: #808080;}