HOME

Mini Shell 1.0
Current File : /home/bvmmandli.com/www/style.css
* {margin: 0px;padding: 0px;scroll-behavior: smooth;}
:root {
    --primary-color: #002749 !important;
    --secondary-color: #ff675b !important;
    --text-color: #545454 !important;
    --white-text:#fff !important;
}
a{color: var(--secondary-color) !important;}
p{color: var(--text-color);}
p a {text-decoration: none;border-radius: 30px;border: 1px solid var(--secondary-color);padding: 5px 14px;font-size: 12px;font-weight: 700;}
p a:hover{background-color: var(--secondary-color);color: var(--white-text) !important;border: 1px solid transparent;}
header.fixed {width: 100%;position: fixed;z-index: 999;background-color: #fff;}
header.fixed .header-top{display: none;}
header .header-top {padding: 5px 0px 0px 0px;background-color: var(--secondary-color) !important;border-bottom: 0.5px solid #ffffff40;}
header .header-top .top-left ul {margin: 0px;padding: 0px;}
header .header-top .top-left ul li {display: inline-block;padding: 3px;margin-right: 6px;position: relative;}
header .header-top .top-left ul li:before {position: absolute;content: '';height: 19px;width: 0px;border: 1px solid #c8baba;top: 8px;right: -9px;}
header .header-top .top-left ul li a {text-align: center;text-decoration: none;color: var(--white-text) !important;font-size: 14px;font-weight: 500;}
header .header-top .top-left ul li a:hover {color:var(--primary-color)!important;}
header .header-top .top-left ul li a i {padding: 8px;font-size: 14px;}
header .header-top .top-right ul {margin: 0px;padding: 0px;}
header .header-top .top-right ul li {display: inline-block;padding: 3px;margin-right: 6px;}
header .header-top .top-right ul li a {text-align: center;text-decoration: none;color: var(--white-text) !important;font-size: 14px;font-weight: 500;}
header .header-top .top-right ul li a:hover{color: var(--primary-color) !important;}
header .header-top .top-right ul li a i {padding: 8px;font-size: 18px;}
header .logo-sec {background-color: var(--primary-color);padding: 5px 0px;}
header .logo-sec .logo-left img {width: 120px;}
header .logo-sec .logo-right img {width: 53px;}
header .logo-sec .logo-right {text-align: end;}
header .logo-sec .title-logo h2 {color: var(--white-text);text-align: center;font-weight: 600;font-size: 35px;}
header .logo-sec .title-logo h5 {text-align: center;color: var(--white-text);font-size: 16px;}
header .logo-sec .title-logo h5 span {margin-right: 10px;background-color: var(--white-text);color: var(--primary-color);padding: 5px 4px;font-size: 12px;}
header .navbar-nav {margin: 0px auto;}
li.nav-item.dropdown:hover .dropdown-menu {display: inline-block !important;}
.mid-inner {padding: 50px 0px;min-height: 300px;}
.navbar-nav .nav-item {padding: 5px;}
.navbar-nav .nav-item a {color: var(--primary-color)  !important;font-size: 14px;font-weight: 600;text-transform: uppercase; position: relative; z-index: 3;}
.nav-item a:before {transform: scaleX(0);transform-origin: bottom right;}
.nav-item a:hover::before {transform: scaleX(1);transform-origin: bottom left;}
.nav-item a:hover{color: var(--white-text) !important;}
.nav-item a::before {content: " ";display: block;position: absolute;top: 0; right: 0; bottom: 0; left: 0;inset: 0 0 0 0;background: var(--secondary-color);z-index: -1;transition: transform .3s ease;}
.banner{background: #000; position:relative; z-index:1;}
.carousel-item img {width: 100%;height: 450px;object-fit: cover;object-position: center;}
.banner .item img{opacity:0.7;}
.bs-slider{overflow: hidden; position: relative;}
.bs-slider:hover{cursor: -moz-grab; cursor: -webkit-grab;}
.bs-slider:active{cursor: -moz-grabbing; cursor: -webkit-grabbing;}
.bs-slider .bs-slider-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(0, 0, 0, 0.4); display:none;}
.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img{margin: auto; width: 100% !important;}
.fade{opacity: 1;}
.fade .item{top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;}
.fade .item:first-child{top: auto; position: relative;}
.slide_style_left{text-align: left !important;}
.slide_style_right{text-align: right !important;}
.slide_style_center{text-align: center !important;}
.slide-text{left:0; bottom:20%; text-align:center; position: absolute; width:100%; padding:0 15%;}
.slide-text .banner-logo figure{display: inline-block; vertical-align: middle; margin: 0 30px;}
.slide-text > h1{padding: 0; color: #ffffff; font-size: 42px; font-weight:600; line-height:65px; margin: 0 0 10px;-webkit-animation-delay: 0.7s;animation-delay: 0.7s; text-transform: capitalize; text-shadow: 0 0 5px #000;}
.slide-text > h1 span{display: inline-block;}
.slide-text > p{padding: 0; color: #ffffff; font-size: 22px; line-height: 27px; margin: 0 0 30px; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; text-align:center; text-shadow: 0 0 5px #000;} 
.slide-text a.btn-default{background: var(--primary-color); color:#fff !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border:0; text-decoration: none; position: relative; z-index: 1; display: inline-block; text-align: center; font-family: 'Poppins', sans-serif; font-weight:600; font-size:16px; text-transform:uppercase; margin:0 10px; padding: 14px 55px; overflow:hidden; text-shadow:none; box-shadow:none; text-shadow: none;}
.slide-text a.btn-default:hover{color: var(--white-text) !important;}
.slide-text a.btn-default:after{content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color:var(--secondary-color); z-index:-1;}
.slide-text a.btn-default:hover:after{width: 100%;}
.about-us {padding: 60px 0px;}
.about-us .about-left figure img {width: 100%;height: 350px;}
.about-us .about-left figure {padding: 10px;border-top: 10px solid #002749;border-bottom: 10px solid #002749;border-left: 10px solid #4d6376;border-right: 10px solid #4d6376;}
.about-us .about-right h2 {margin-bottom: 20px;color: #002749;font-weight: 600;letter-spacing: 1px;}
.about-us .about-right p {text-align: justify;}
.about-us .about-right p a {text-decoration: none;font-weight: 400;border: 1px solid;padding: 5px 20px;border-radius: 30px;}
.about-sec {padding: 60px 0px;background-image: url(./img/abstract-background-with-squares_23-2148995948.jpg);background-repeat: no-repeat;background-size: cover;background-attachment: fixed;position: relative;z-index: 1;}
.about-sec {padding: 60px 0px; background-image: url(./img/abstract-background-with-squares_23-2148995948.jpg); background-repeat: no-repeat; background-size: cover;background-attachment: fixed;}
.about-sec:before {position: absolute;content: '';background-color: #eee;width: 100%;height: 100%;top: 0px;z-index: -2;opacity: 0.6;right: 0px;left: 0px;bottom: 0px;}
.title h2 {text-align: center;margin-bottom: 50px;text-transform: uppercase;color: var(--text-color);}
.title h2 span {display: block;font-size: 12px;margin-top: 10px; color: var(--text-color);}
.about-sec .notice-box h3 {font-size: 24px;color: #545454;}
.about-sec .notice-box h5 {font-size: 18px;color: #545454;}
.about-sec .notice-box ul {padding: 0px;margin: 0px;padding-left: 30px;margin-bottom: 40px;}
.about-sec .notice-box ul li {list-style: none;line-height: 35px;position: relative;color: #545454;}
.about-sec .notice-box{padding-top: 30px;}
.about-sec .notice-box h3 {font-size: 24px;color: var(--text-color);}
.about-sec .notice-box h5 {font-size: 18px;color: var(--text-color);}
.about-sec .notice-box ul {padding: 0px;margin: 0px;padding-left: 30px;margin-bottom: 40px;}
.about-sec .notice-box ul li {list-style: none;line-height: 46px;position: relative;color: var(--text-color);}
.about-sec .notice-box ul li:before {position: absolute;content: '\f058';left: -33px;right: 0px;top: 0px;bottom: 0px;font-family: 'FontAwesome';color:var(--primary-color);}
.about-sec .notice-box p{text-align: justify;}
.about-sec .notice-box p a {text-decoration: none;font-weight: 400;border: 1px solid;padding: 5px 20px;border-radius: 30px;}
.about-sec .notice-box p a:hover{background-color: var(--secondary-color);color: var(--white-text) !important;}
.about-sec .about-box {padding: 10px;}
.about-sec .about-box h4 {font-size: 16px;text-align: center;margin-bottom: 10px;}
.about-sec .about-box p {text-align: justify;font-size: 14px;}
.about-sec .icon {text-align: center;}
.about-sec .about-box i {font-size: 23px;color: var(--secondary-color);border-radius: 77px;line-height: 25px;margin-bottom: 10px;border: 1px solid #eee;padding: 36px 38px;}
.activity-sec {background-image: url(./img/bg-02.jpg);background-repeat: no-repeat;background-size: cover;background-attachment: fixed;background-position: center;z-index: 2;padding: 60px 0px;position: relative !important;}
.activity-sec:before {position: absolute !important;content: '';width: 100%;height: 100%;background-color: #000;top: 0px;right: 0px;left: 0px;bottom: 0px;opacity: 0.4;z-index: -2;}
.activity-sec h3 {text-align: center;margin-bottom: 30px;color: var(--white-text);font-size: 35px;}
.activ-box {padding: 10px;background-color: var(--white-text); cursor: pointer; min-height: 460px;}
.activ-box img {width: 100%;height: 250px;object-fit: cover;margin-bottom: 20px;}
.activ-box h4 {font-size: 18px;}
.activ-box p {text-align: justify;}
.activ-box p a {text-decoration: none;border-radius: 30px;border: 1px solid var(--secondary-color);padding: 5px 14px;font-size: 12px;font-weight: 700;}
.activ-box p a:hover{background-color: var(--secondary-color);color: var(--white-text) !important;border: 1px solid transparent;}
.counter-sec {padding: 60px 0px;}
.counter-wrap {padding: 20px;border-radius: 8px;text-align: center;box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important;border: 1px solid #ff675b5e;}
.counter-wrap h3 {font-size: 46px;color: var(--primary-color);}
.counter-wrap span {font-weight: 600;color: var(--secondary-color);font-size: 16px;}
section.map-sec iframe {width: 100% !important;height: 500px;}
.banner-inner {background-image: url(./img/banner.jpg);background-repeat: no-repeat;background-attachment: scroll;background-size: cover;overflow: hidden;background-position: center;padding: 0;height: 309px;position: relative;text-align: center;}
.banner-inner::before{content: ""; background: #000; opacity:0.8; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.banner-inner::after{background-image: url(images/banner.jpg); background-repeat: repeat-x; background-attachment: scroll;  content: ""; height: 57px; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 5;}
.banner-inner .textblock {height: 180px;position: relative;}
.banner-inner .block{bottom: 0; left: 0; position: absolute; width: 100%;}
.banner-inner .block:after {left: 0; top: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(0, 0, 0, 0); border-right-color: rgba(0,0,0,0.3); border-width: 79px 55px 0 0; display:none;}
.banner-inner .page-title .holder {overflow: hidden; position: relative; padding: 0;}
.banner-inner h1{font-size: 30px; line-height: 40px;  margin-bottom: 11px; color: #fff; text-transform:capitalize;}
.text-capitalize {text-transform: capitalize!important;display: flex;justify-content: space-around;}
ol.breadcrumb.text-capitalize li span {color: #fff;}
ol.breadcrumb.text-capitalize li a {text-decoration: none;color: #fff !important;}
footer {padding: 60px 0px;background-color: #002749;}
.wg-1 p {color: var(--white-text);}
.wg-1 img {width: 100%; margin-bottom: 10px;}
footer h2 {color: var(--white-text);font-size: 24px;border-bottom: 1px solid var(--white-text);margin-bottom: 30px;}
footer ul li {line-height: 40px;list-style: none;}
footer ul li a {text-decoration: none;color: var(--white-text) !important;font-size: 15px;font-weight: 500;}
footer ul li a i {margin-right: 20px;}
.head-text h2 {color: #002749;text-transform: uppercase;}
h3 {color: #002749;padding-top: 30px !important;} 
.li-sec ul {padding-top: 20px !important;}
.li-sec ul li {list-style: none;position: relative;padding: 0 0 10px 0px;border-bottom: 1px dashed #ccc;margin: 0 0 10px;}
p.p-text {padding-left: 100px;}
.container-sec{font-family: Arial, Helvetica, sans-serif;background-color: (221, 19, 19);}* {box-sizing: border-box;}
.container-sec {padding: 16px;background-color: white;}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=address] {width: 100%;padding: 15px;margin: 5px 0 22px 0;display: inline-block;border: none;background: #f1f1f1;}
 input[type=text]:focus, input[type=password]:focus {background-color: #ddd;outline: none;}              
hr {border: 1px solid #f1f1f1;margin-bottom: 25px;}
.registerbtn {background-color: #002749;color: white;padding: 16px 20px;margin: 8px 0;border: none;cursor: pointer;width: 100%;opacity: 0.9;}
.registerbtn:hover {opacity: 1;}
a {color: dodgerblue;}               
.signin {background-color: #f1f1f1;text-align: center;}
.container-sec form input {background-color: #fff;border: 1px solid #eee;}
input[type=text]:focus, input[type=password]:focus {background-color: transparent;border: 1px solid #002749;}
.container-sec form {border: 9px double #002749;}
.contact-page{padding:0 0 30px; position:relative; text-align:center;}  
  .contact-page h2{font-size: 30px; margin: 0 0 20px; color: #fff; text-transform: capitalize;}
  .contact-page h2::before, .contact-page h2::after{content:''; background:#f3941e; height:2px; width:30px; margin:0 15px; display:inline-block; vertical-align:middle;}
  .contact-page .contact-row{position: relative; text-align:left;}
  .contact-page .contact-col{background: #191919; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 45px 30px 40px; position: relative; height: 100%;}
  .contact-page .contact-col::after{content: "\f2b7"; font-family: FontAwesome; position: absolute; right: 30px; bottom: -15px; position: absolute; font-size: 220px; opacity: 0.1;}
  .contact-page .contact-col h4{color:#fff; font-size: 24px; position: relative; text-transform: capitalize; margin: 0 0 20px;}
  /*.contact-page .contact-col h4.f4{font-size: 18px; margin:0 0 10px;}*/
  .contact-page .contact-col h4 span{color: #f3941e;}
  .contact-page .contact-col h4::after{content: "//";right: -10px;bottom: 0;color: #f3941e;font-weight: 400;letter-spacing: -3px;position: relative; background: none; margin: 0 0 0 10px;}
  .contact-page .contact-col .contact-box:last-child{/*margin-bottom:0;*/}
  .contact-page .contact-box{margin: 0 0 25px; position: relative; cursor: pointer; text-align: left; display: flex;}
  .contact-page .contact-box .icon{font-size: 24px; display: inline-block; margin:0 20px 0 0; text-align: center; width: 30px;}
  .contact-page .contact-box .icon i{color: #f3941e; padding: 0;}  
  .contact-page .contact-box .content p{margin: 0; text-align: left;}
  .contact-page .contact-box .content a{color:#909090;}
  .contact-page .contact-box .content a:hover{text-decoration:underline;}
  .contact-page .contact-form{ position: relative; text-align:left; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08); padding: 61px 50px 30px; height: 100%; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
  .contact-page .contact-form h3{color:#000; font-size:24px; position: relative; text-transform: capitalize; margin: 0 0 40px; padding: 3px 0 0 45px;}
  .contact-page .contact-form h3::before{content: "\f2b7"; font-family: FontAwesome; position: absolute; right: 0; top: 0; color: #ec3436; font-size: 32px; background: none; width: auto; height: auto;}
  .contact-page .contact-form h3 span{color: #ec3436;}
  .contact-page .contact-form h3::after{content: "//";right: -10px;bottom: 0;color: #ec3436;font-weight: 400;letter-spacing: -3px;position: relative;}
  .contact-page form{/*background: #fff; padding: 20px 20px 17px; position: relative; cursor: pointer;text-align: center; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.035); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: 0.3s ease-in; */ overflow:hidden; margin:0 -15px;}
  .contact-page form .form-control{background:none; box-shadow:none; border:1px solid #505050; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #000; height:44px;}
  .contact-page form .form-control::-webkit-input-placeholder {color: #000;}
  .contact-page form .form-control::-moz-placeholder {color: #000;}
  .contact-page form .form-control:-ms-input-placeholder {color: #000;}
  .contact-page form .form-control:-moz-placeholder {color: #000;}
  .contact-page form textarea{height:120px !important;}
  .contact-page form .form-group{margin:0 0 25px;}
  .contact-page form .btn{background: #ec3436; color: rgb(255, 255, 255); font-size: 16px; font-family: 'Poppins', sans-serif; text-transform:uppercase; padding: 12px; padding: 12px 50px; border:0; position:relative; text-shadow:none; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
  .contact-page form .btn:hover, .contact-page form form .btn:active{background: #000; color: #fff;}
  .contact-page .map-padd{border: 10px solid #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);}
  .preview {width: 100%;} 
  .row {display: flex;flex-direction: row;justify-content: space-between;}  
  .row > .col {padding: 0 8px;}  
  .col {float: left;width: 25%;}  
  .modal {display: none;position: fixed;z-index: 1;padding: 10px 62px 0px 62px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: black;}
  .modal-content {position: relative;display: flex;flex-direction: column;justify-content: center;margin: auto;padding: 0 0 0 0;width: 80%;max-width: 1200px;}
  .slide {display: none;}
  .image-slide {width: 100%;}  
  .modal-preview {width: 100%;}  
  .dots {display: flex;flex-direction: row;justify-content: space-between;}   
  img.active,.preview:hover,.modal-preview:hover {opacity: 1;}  
  img.hover-shadow {transition: 0.3s;}  
  .hover-shadow:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}   
  .close {color: white;position: absolute;top: 10px;right: 25px;font-size: 35px;font-weight: bold;}  
  .close:hover,.close:focus {color: #999;text-decoration: none;cursor: pointer;}  
  .previous,.next {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -50px;color: white;font-weight: bold;font-size: 20px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;-webkit-user-select: none;}
  .next {right: 0;border-radius: 3px 0 0 3px;} 
  .previous:hover,.next:hover {    background-color: rgba(0, 0, 0, 0.8);  }
  .contact-box{background: #fff; margin: 0 0 30px; padding: 30px 30px 22px; position: relative; cursor: pointer;text-align: center; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);min-height:190px}
  .contact-box .icon{font-size: 30px; width: 70px; height: 70px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; text-align: center; line-height: 70px;display: inline-block; position: relative;  margin: 0 0 20px;} 
  .contact-box .icon::after{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;border: 1px dashed #42a5f5;animation: shapeani2 10s linear infinite;}
  .contact-box .icon i{background-image: linear-gradient(55deg, #42a5f5 0%, #222222 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; line-height:70px;}  
  .contact-box .content p{margin: 0;border: none;color: #545454 !important; font-size: 14px; font-weight: 400;}
  .contact-box .content a{color:#555;}
  .contact-box .content a:hover{text-decoration:underline;}
  .contact-box .content p a {border: none;color: #545454 !important; font-size: 14px; font-weight: 400;}
  .contact-box .content p a:hover{text-decoration: underline !important;color: var(--text-color) !important;background-color: transparent !important;}
  .galery-img img{height:200px; width:100%; object-fit:cover;object-position:top ; }

 @media(min-width:320px) and (max-width:520px)
 {
  .logo-mobile-only img {width: 53px;}
  header .logo-sec .title-logo h2 {font-size: 20px;}
    header .logo-sec .title-logo h5 {font-size: 12px;line-height: 25px;}
  header .logo-sec .title-logo h5 span {display: none;}
  header .logo-sec .logo-right {text-align: end !important;display: none;}
  .header-top {display: none;}
  .about-us .about-left figure img {width: 100%;height: 200px;}
  .about-sec .notice-box h3 {text-align: center;}
  .counter-wrap {margin: 12px;}
  .about-sec .notice-box h5 {text-align: center;}
  .about-sec .about-box i {font-size: 37px;margin-bottom: 31px;}
 }
.pdf-sec {padding: 60px 0px;}
.pdf-sec table {width: 100%;border-collapse: collapse;}
.pdf-sec table thead {background-color: #002749;color: #fff;}
.pdf-sec table thead tr th {padding: 4px 9px;}
.pdf-sec table tbody tr td {padding: 10px 30px;font-size: 16px;font-weight: 400;}
.pdf-sec table tbody tr:nth-child(even) {background-color: #f3ffc2;}
.pdf-sec table tbody tr td a i {color: #ff675b;font-size: 26px;}