@import url('https://fonts.googleapis.com/css?family=Open+Sans');@import url('https://fonts.googleapis.com/css?family=Oswald');body {padding: 0px;margin: 0px;line-height: 24px;font-size: 14px;} .main_div {float: left;width: 100%;} .head_container {float: left;width: 100%;background-image: url(/uploads/yukthi/banner_background.jpg);background-position: center center;background-size: 100% 100%;background-repeat: no-repeat;position: relative;} .logo_container {float: left;width: 100%;padding: 3%;} .logo_container img {float: none;margin: 0 auto;} .menu_container {float: left;width: 100%;background-color: #fff;padding: 8px;box-shadow: 1px 2px 10px #000;} .menu {float: left;width: 100%;} .navbar {margin-bottom: 0px !important;} .menu ul {float: none;margin: 0 auto;display: table;} .menu ul li {float: left;font-family: 'Open Sans', sans-serif;text-transform: uppercase;font-weight: bold;color: #5f5e5e;} .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {color: #5f5e5e !important;background-color: transparent;} .navbar-inverse ul li a {color: #5f5e5e !important;} a:focus, a:hover, a:active {outline: none !important;} p {margin: 0px !important;} .navbar-inverse {background: none;border: none;} .navbar {margin: 0px;} .navbar-nav>li>a {padding: 15px;} .navbar-header {display: block;} .navbar {min-height: auto;} .navbar-brand {display: none;} .navbar-inverse {background: none !important;border: none !important;} .navbar-inverse .navbar-toggle {border-color: #333;background-color: #000;} .banner_container {float: left;width: 100%;padding: 5%;position: relative;} .banner {float: left;width: 100%;position: relative;} .banner img {float: right;margin: 0 auto;} .banner_text {float: left;position: absolute;top: 43%;font-size: 52px;font-weight: bold;text-transform: uppercase;font-family: 'Oswald', sans-serif;color: #fff;line-height: 54px;overflow: hidden;border-right: .15em solid orange;white-space: nowrap;margin: 0 auto;letter-spacing: .15em;animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite;} @keyframes typing {from {width: 0} to {width: 30%}} .banner_text1 {float: left;position: absolute;top: 72%;font-size: 18px;text-transform: uppercase;color: #fff;font-family: 'Open Sans', sans-serif;line-height: 54px;} .banner_text2 {float: left;position: absolute;top: 57%;font-size: 18px;text-transform: uppercase;color: #fff;font-family: 'Open Sans', sans-serif;line-height: 54px;} .ban {float: left;width: 100%;} .banner_container a.left {position: absolute;top: 45%;font-size: 50px;color: #fff;left: -70px;} .banner_container a.right {position: absolute;top: 45%;font-size: 50px;color: #fff;right: -70px;} .services_container {float: left;width: 100%;position: absolute;bottom: -17%;} .services_inner {float: left;width: 100%;background-color: #f5f6f6;text-align: center;padding: 0% 0% 2% 0%;box-shadow: 1px 1px 10px #000;} .services {float: left;width: 100%;overflow: hidden;} .services_image {float: left;width: 100%;padding: 15px;} .services_image img {float: none;margin: 0 auto;} .services_head {float: left;width: 100%;font-size: 16px;font-family: 'Open Sans', sans-serif;} .services_head span {font-weight: bold;font-size: 18px;} .about_us_container {float: left;width: 100%;padding: 5% 0% 5% 0%;text-align: center;overflow: hidden;} .about_us {float: left;width: 100%;} .about_head {float: left;width: 100%;font-size: 20px;text-transform: uppercase;font-family: 'Open Sans', sans-serif;color: #5a5a5a;} .about_head span {font-size: 26px;font-weight: bold;line-height: 40px;color: #5a5a5a;} .about_desc {float: left;width: 100%;font-family: 'Open Sans', sans-serif;padding: 1% 0%;font-size: 15px;line-height: 26px;} .about_more {float: left;width: 100%;text-transform: uppercase;font-weight: bold;padding: 35px;} .about_more a {background-color: #0196bd;padding: 10px 20px;color: #fff;font-family: 'Open Sans', sans-serif;letter-spacing: 1px;text-decoration: none;} .about_more a:hover {text-decoration: none;color: #fff;} .serve_container {float: left;width: 100%;text-align: center;overflow: hidden;} .serv_head {float: left;width: 100%;font-size: 34px;text-transform: capitalize;font-family: 'Open Sans', sans-serif;color: #5a5a5a;padding-bottom: 3%;} .serv_head span {font-size: 26px;font-weight: bold;line-height: 40px;color: #5a5a5a;} .serve_left {float: left;width: 100%;position: relative;} .serve_image {float: left;width: 100%;} .serve_image img {float: left;width: 100%;} .serve_text {float: right;width: 90%;text-align: right;position: absolute;bottom: 25px;background-color: rgba(0, 0, 0, 0.62);color: #fff;font-size: 18px;padding: 15px;right: 0;font-family: 'Open Sans', sans-serif;} .serve_text::before {content: '';position: absolute;background-color: #fff;width: 4px;height: 100%;left: 0;top: 0;} .serve_text img {width: 11%;position: absolute;} .serve_right {float: left;width: 100%} .panel-title {font-size: 16px;font-family: 'Open Sans', sans-serif;text-transform: uppercase;font-weight: bold;color: #000;text-align: left;margin-left: 6%;padding: 5px;} .panel-default>.panel-heading {background-color: #0196bd !important;color: #fff !important;text-decoration: none !important;position: relative;} .panel-body {padding: 26px 5% 26px 5% !important;font-family: 'Open Sans', sans-serif;text-align: left;font-size: 16px;} .panel-heading::before {content: '';position: absolute;background-color: #fff;width: 3px;height: 100%;left: 3px;top: 0;} .panel-title a {text-decoration: none;color: #fff;transition: 0.5s;letter-spacing: 1px;} .panel-title a:hover {text-decoration: none !important;color: #fff;padding-left: 6%;transition: 0.5s;} .panel-title::after {content: '\f0da ';position: absolute;left: 5%;font-family: fontawesome;font-size: 26px;top: 10px;color: #fff;} .prod {float: left;width: 100%;padding: 4% 0%;text-align: center;} .products_container {float: left;width: 100%;background-image: url(/uploads/yukthi/products_background.png);background-position: center center;background-size: 100% 100%;background-repeat: no-repeat;padding: 2% 0% 4% 0%;overflow: hidden;} .products {float: left;width: 100%;} .products_image {float: left;width: 100%;padding: 3% 0%;} .products_image img {float: none;margin: 0 auto;} .products_tag {float: left;width: 100%;font-size: 18px;text-transform: uppercase;font-family: 'Open Sans', sans-serif;color: #fff;} .products_tag span {float: left;width: 100%;font-weight: bold;} .prod_head {float: left;width: 100%;color: #fff;font-family: 'Open Sans', sans-serif;font-size: 18px;padding: 1% 0% 3%;} .products_more {float: left;width: 100%;font-family: 'Open Sans', sans-serif;padding: 3%;} .products_more a {color: gray;text-transform: uppercase;font-weight: bold;background-color: #fff;padding: 6px 10px;border-radius: 20px;text-decoration: none;transition: 0.5s;} .products_more a:hover {color: gray;text-decoration: none;border-radius: 0;transition: 0.5s;} .products_desc {float: left;width: 100%;padding: 3% 0;color: #fff;font-size: 15px;font-family: 'Open Sans', sans-serif;} .testimonials_container {float: left;width: 100%;text-align: center;background-image: url(/uploads/yukthi/testimonials_background.png);background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;overflow: hidden;} .testimonials {float: left;width: 100%;height: 400px;} .test_cont {float: left;width: 100%;} .testimonials_image {float: left;width: 100%;padding: 3%;} .testimonials_image img {float: none;margin: 0 auto;} .testimonials_desc {float: left;width: 100%;text-align: center;font-family: 'Open Sans', sans-serif;font-size: 16px;padding: 1% 0% 3% 0%;} .testimonials_name {float: left;width: 100%;font-family: 'Open Sans', sans-serif;text-transform: uppercase;} .testimonials_name span {font-weight: bold;} .carousel-indicators {bottom: -55px !important;} .carousel-indicators li {border: 2px solid #000 !important;} .carousel-indicators .active {background-color: #0196bd !important;} .form_comntainer {float: left;width: 100%;text-align: center;padding: 2% 0%;} .form_inner {float: left;width: 100%;} .address_container {float: left;width: 100%;background-image: url(/uploads/yukthi/address_bankground.png);background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;padding: 5% 0% 4% 0%;overflow: hidden;} .address {float: left;width: 100%;text-align: center;} .address_head {float: left;width: 100%;font-size: 18px;text-transform: uppercase;font-family: 'Open Sans', sans-serif;color: rgba(255, 255, 255, 0.67);padding: 10px;position: relative;} .address_head1 {float: left;width: 100%;font-size: 18px;text-transform: uppercase;font-family: 'Open Sans', sans-serif;color: rgba(255, 255, 255, 0.67);padding: 10px;position: relative;} .address_head2 {float: left;width: 100%;font-size: 18px;text-transform: uppercase;font-family: 'Open Sans', sans-serif;color: rgba(255, 255, 255, 0.67);padding: 10px;position: relative;} .address_desc {float: left;width: 100%;} .address_desc a {color: #fff;font-size: 15px;font-family: 'Open Sans', sans-serif;text-decoration: none;} .address_desc a:hover {color: #fff;text-decoration: none;} .address_desc {float: left;width: 100%;color: #fff;font-size: 15px;font-family: 'Open Sans', sans-serif;} .address_desc span {font-weight: bold;letter-spacing: 1px;font-size: 18px;} .address_head::after {content: '\f095 ';position: absolute;top: -15px;left: 48%;font-family: fontawesome;color: #fff;font-size: 18px;} .address_head1::after {content: '\f041';position: absolute;top: -15px;left: 48%;font-family: fontawesome;color: #fff;font-size: 18px;} .address_head2::after {content: '\f003 ';position: absolute;top: -15px;left: 48%;font-family: fontawesome;color: #fff;font-size: 18px;} .social_icon {float: left;width: 100%;text-align: center;padding: 4% 0% 0% 0%;} .social_icon a {color: #fff;font-size: 18px;padding: 10px;border: 1px solid #fff;text-decoration: none;margin-left: 5px;} .social_icon a:hover {color: #fff;text-decoration: none;} i.fa.fa-facebook {min-width: 22px;} .footer_container {float: left;width: 100%;padding: 15px;} .footer_container ul {float: none;list-style-type: none;margin: 0 auto;display: table;} .footer_container ul li {float: left;padding: 15px;font-family: 'Open Sans', sans-serif;text-transform: uppercase;position: relative;} .footer_container ul li a {color: gray;text-decoration: none;} .footer_container ul li a:hover {color: gray;text-decoration: none;} .footer_container ul li::after {content: '';position: absolute;background-color: gray;width: 1px;height: 30%;top: 17px;left: 0;} .footer_container ul li:first-child::after {display: none;} .copyright {float: left;width: 100%;text-align: center;font-family: 'Open Sans', sans-serif;color: gray;font-weight: bold;} .ban_block {float: left;width: 100%;position: relative;} .ban_block_img {float: left;width: 100%;outline: 5px solid #ffffff80;outline-offset: -5px;} .ban_block_txt {float: left;width: 100%;position: absolute;bottom: 0;text-align: center;background-color: #000;padding: 20px 0px;color: #fff;font-family: 'Open Sans', sans-serif;text-transform: capitalize;font-weight: bold;font-size: 18px;letter-spacing: 1.5px;} .serv_block {float: left;width: 100%;position: relative;} .serv_block_txt {float: left;width: 100%;position: absolute;bottom: 0;text-align: center;background-color: #0f9fb4 !important;padding: 10px;height: 70px;font-family: 'Open Sans', sans-serif;cursor: pointer;} .serv_block_img {float: left;width: 100%;} .serv_block_img img {float: left;width: 100%;} .serv_block_txt {float: left;width: 100%;position: absolute;bottom: 0;text-align: center;background-color: #0f9fb499;padding: 10px;height: 70px;font-family: 'Open Sans', sans-serif;} .serv_block_txt a {text-decoration: none;color: #fff;font-weight: bold;font-size: 18px;letter-spacing: 1px;} .serv_block_txt a:hover {text-decoration: none;color: #fff;} @media(min-width:1201px) and (max-width:1650px) {} @media(min-width:992px) and (max-width:1200px) {.ban {margin-left: -37px;}} @media(min-width:768px) and (max-width:991px) {.ban_block_txt {padding: 12px 0px;font-size: 14px;} .ban {margin-left: -20px;} .serv_block_txt a {font-size: 14px;letter-spacing: 0;} .serv_block_txt {height: 64px;} .address_desc span {font-size: 17px;} .footer_menu {display: none;}} @media(min-width:640px) and (max-width:767px) {.logo_container img {float: left;} .navbar-inverse .navbar-toggle {margin-top: -12% !important;} .menu ul li {width: 100%;} .navbar-nav>li>a {padding: 6px;} .ban_block {width: 33%;} .ban_block_txt {padding: 5px 0px;font-size: 13px;letter-spacing: 0px;} .serv_block {margin-right: 10px;margin-bottom: 2%;} .address {padding-bottom: 5%;} .address_container {padding: 10% 0% 4% 0%;} .footer_menu {display: none;}} @media(min-width:480px) and (max-width:639px) {.logo_container {width: 70%;} .navbar-inverse .navbar-toggle {margin-top: -64px !important;} .ban_block_txt {padding: 10px 0px;font-size: 15px;} .menu ul li {width: 100%;} .navbar-nav>li>a {padding: 8px;} .ban_block {margin-bottom: 3%;} .serv_head {font-size: 34px;padding-bottom: 6%;} .serv_block {margin-bottom: 3%;} .fg.half {width: 100% !important;} .address {margin-bottom: 10%;} .address_container {padding: 15% 0% 4% 0%;} .footer_menu {display: none;}} @media(min-width:320px) and (max-width:479px) {.logo_container {width: 70%;} .navbar-inverse .navbar-toggle {margin-top: -51px !important;} .menu ul li {width: 100%;} .navbar-nav>li>a {padding: 8px;} .ban_block_txt {padding: 10px 0px;font-size: 15px;} .ban_block {margin-bottom: 3%;} .serv_head {font-size: 34px;padding-bottom: 6%;} .serv_block {margin-bottom: 3%;} .fg.half {width: 100% !important;} .address {margin-bottom: 10%;} .address_container {padding: 15% 0% 4% 0%;} .footer_menu {display: none;}} 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;}