@import url("https://fonts.googleapis.com/css?family=Muli:300,400,400i,600,700,800");@import url("https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700");.flt {float: left;width: 100%;} #table_inner_content {display: none;} .navbar .mydropdown-menu{background-color: #000;} .navbar .mydropdown-menu li a {font-size: 12px;} .feat_cat_blocks1 .feat_ct_nm_inn {display: none;} .navbar .nav > li > a {padding: 18px 5px;} a:focus, a:active {outline: none !important;} p {margin: 0px !important;padding: 0px !important;} .navbar-brand {display: none !important;} .header_container {padding: 15px 0px;} .header_wrapper {position: relative;} .head_contacts {position: absolute;right: 0px;top: 50%;transform: translateY(-50%);display: none;} .head_contacts a {font-family: "Muli", sans-serif;position: relative;text-decoration: none;color: rgb(69, 69, 69);font-weight: 600;font-size: 15px;padding-left: 35px;margin-left: 3vw;} .mail_cl::before {position: absolute;top: 50%;left: 0px;content: "";height: 25px;width: 25px;background-image: url("../../uploads/avasaralacom/mail_icon.png");background-position: center;background-repeat: no-repeat;background-size: contain;transform: translateY(-50%);} .prd_dsc {display: none;} .ph_cl::before {position: absolute;top: 50%;left: 0px;content: "";height: 25px;width: 25px;background-image: url("../../uploads/avasaralacom/ph_icon.png");background-position: center;background-repeat: no-repeat;background-size: contain;transform: translateY(-50%);} .logo_div {float: left;width: 220px;} .menu_bar {background-color: rgb(36, 91, 148);} .bann_wrapper {overflow: hidden;} .bann_img {height: calc(100vh - 148px);background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;animation: zoom 20s 1;} @keyframes zoom {0% {transform: scale(1);} 100% {transform: scale(1.2);}} .bann_img img {opacity: 0;width: 100%;} .carousel-indicators {position: relative;bottom: auto;left: auto;width: auto;margin: 0px;padding: 0px;} .carl_indicat {position: absolute;top: 50%;left: 40px;transform: translateY(-50%);z-index: 99;} .carl_indicat ol li {display: block;margin: 10px 0px !important;height: 12px !important;width: 12px !important;border: none !important;background-color: rgb(255, 255, 255);} .carl_indicat .carousel-indicators .active {background-color: rgb(36, 91, 148);} .carl_indicat::before {position: absolute;bottom: calc(100% + 5px);left: calc(50% - 0.5px);content: "";background-color: rgb(255, 255, 255);z-index: 99;width: 1px;height: 80px;} .carl_indicat::after {position: absolute;top: calc(100% + 5px);left: calc(50% - 0.5px);content: "";background-color: rgb(255, 255, 255);z-index: 99;width: 1px;height: 80px;} .bann_wrapper {position: relative;} .bann_txt {position: absolute;top: 50%;left: 12%;transform: translateY(-50%);} .bann_tag_1 {font-family: "Oswald", sans-serif;font-size: 42px;color: rgb(255, 255, 255);text-transform: uppercase;font-weight: 400;transform: translateX(25%);display: inline-block;transition: 0.8s all ease;opacity: 0;} .active .bann_tag_1 {opacity: 1;transform: translateX(0%);} .bann_tag_2 {font-family: "Muli", sans-serif;color: rgb(255, 255, 255);font-size: 20px;text-transform: uppercase;letter-spacing: 2px;transform: translateX(25%);opacity: 0;display: inline-block;transition: 0.8s all ease;transition-delay: 0.4s;} .active .bann_tag_2 {transform: translateX(0%);opacity: 1;} .banner_container .carousel-inner .item {transition-property: opacity;} .banner_container .carousel-inner .item, .banner_container .carousel-inner .active.left, .banner_container .carousel-inner .active.right {opacity: 0;} .banner_container .carousel-inner .active, .banner_container .carousel-inner .next.left, .banner_container .carousel-inner .prev.right {opacity: 1;} .banner_container .carousel-inner .next, .banner_container .carousel-inner .prev, .banner_container .carousel-inner .active.left, .banner_container .carousel-inner .active.right {left: 0;transform: translate3d(0, 0, 0);} .banner_container .carousel-inner .carousel-control {z-index: 2;} .about_container {padding: 5% 0%;} .about_left img {width: 100%;} .about_left {border-top: 3px solid rgb(36, 91, 148);} .about_right {padding-left: 5%;margin-top: 5%;} .about_head {font-family: "Muli", sans-serif;text-transform: uppercase;font-size: 20px;font-weight: 800;color: rgb(102, 102, 102);letter-spacing: 1px;} .about_comp_name {font-family: "Muli", sans-serif;font-weight: 700;color: rgb(0, 0, 0);margin-bottom: 4%;} .about_comp_name span {font-size: 36px;text-transform: uppercase;font-family: "Oswald", sans-serif;font-weight: 400;color: rgb(36, 91, 148);display: inline-block;margin-right: 15px;line-height: 50px;} .about_desc {font-family: "Muli", sans-serif;font-size: 15px;margin-bottom: 8%;} .about_more a {font-family: "Muli", sans-serif;text-decoration: none;text-transform: uppercase;font-weight: 700;color: rgb(0, 0, 0);} .about_more div {display: inline-block;padding-bottom: 12px;position: relative;} .about_more div span {position: absolute;bottom: 0px;right: -35px;height: 1px;width: 250px;background-color: rgb(36, 91, 148);} .about_more div span::before {position: absolute;top: 50%;left: 0%;transform: translate(-50%, -50%);content: "";height: 14px;width: 14px;background-color: rgb(36, 91, 148);border-radius: 50%;} .about_more div span::after {position: absolute;top: 50%;right: 0%;transform: translate(50%, -50%);content: "";height: 14px;width: 14px;background-color: rgb(36, 91, 148);border-radius: 50%;} .products_container {margin-bottom: -450px;} .prod_main_head {text-align: center;font-size: 20px;text-transform: uppercase;color: rgb(102, 102, 102);font-weight: 800;margin-bottom: 5%;font-family: "Muli", sans-serif;} .prod_main_head span {font-size: 36px;font-family: "Oswald", sans-serif;font-weight: 400;color: rgb(36, 91, 148);} .prod_wrapper {padding: 8px;} .prod_inner {background-color: rgb(255, 255, 255);box-shadow: 0px 1px 8px 2px rgba(0, 0, 0, 0.15);border: 10px solid rgb(255, 255, 255);} .prod_img {margin-bottom: 30px;} .prd_name {text-align: center;font-family: "Muli", sans-serif;text-transform: uppercase;font-weight: 700;color: rgb(36, 91, 148);padding-bottom: 15px;position: relative;margin-bottom: 20px;} .prd_name::before {position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);content: "";height: 2px;width: 50px;background-color: rgb(102, 102, 102);} .prd_dsc {font-family: "Muli", sans-serif;text-align: center;font-size: 13px;margin-bottom: 30px;} .prd_more a {display: inline-block;font-family: "Muli", sans-serif;font-size: 9px;text-transform: uppercase;text-decoration: none;background-color: rgb(36, 91, 148);color: rgb(255, 255, 255);font-weight: 800;padding: 6px 20px;letter-spacing: 1px;border-radius: 20px;} .prd_more {text-align: center;margin-bottom: 15px;} .prod_slider .owl-nav {display: none;} .prod_slider .owl-dot span {height: 12px;width: 12px;display: block;background-color: white;border-radius: 50%;box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.25);} .prod_slider .owl-dot.active span {background-color: rgb(239, 173, 83);} .prod_slider .owl-dots {margin-top: 40px;text-align: center;} .prod_slider .owl-dot {margin: 0px 5px;} .feat_container {height: 890px;background-image: url("../../uploads/avasaralacom/feats_shade2.jpg");background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;} .feat_cat_blocks {float: left;width: 49%;position: relative;margin: 0 5px;} .feat_sec {padding: 0% 10% 0% 8%;position: absolute;bottom: 0px;left: 0px;width: 100%;background-color: rgba(110, 110, 110, 0.3);} .feat_cat_cont {position: absolute;bottom: 100%;left: 0px;width: 100%;transform: translateY(8%);transition: 0.4s all ease;opacity: 0;visibility: hidden;background-color: rgba(0, 0, 0, 0.8);font-family: "Muli", sans-serif;color: rgb(255, 255, 255);padding: 50px 30px;font-size: 13px;z-index: 8;} .active .feat_cat_cont {transform: translateY(0%);opacity: 1;visibility: visible;height: 300px} .feat_cat_name {padding: 15px 20px;position: relative;cursor: pointer;font-size: 20px;font-family: "Muli", sans-serif;text-transform: uppercase;font-weight: 700;z-index: 9;} .feat_cat_name::before {position: absolute;top: 0px;left: 15%;content: "";opacity: 0;border-right: 12px solid rgba(0, 0, 0, 0.8);border-top: 10px solid rgba(0, 0, 0, 0.8);border-left: 12px solid transparent;border-bottom: 10px solid transparent;transform: translateX(-100%);transition: 0.3s all ease;} .active .feat_cat_name::before {opacity: 1;transform: translateX(0%);} .active .feat_cat_name {background-color: rgb(255, 255, 255);} .feat_ct_nm_inn {position: relative;padding-left: 80px;} .num_div {position: absolute;top: 50%;left: 0px;transform: translateY(-50%);font-size: 52px;font-family: "Oswald", sans-serif;color: rgb(255, 255, 255);font-weight: 300;} .active .num_div {color: rgb(185, 185, 185);} .feat_cat_name span {font-family: "Oswald", sans-serif;font-weight: 400;font-size: 30px;line-height: 30px;letter-spacing: 1px;} .feat_cat_more {margin-top: 30px;} .feat_cat_more a {display: inline-block;font-family: "Muli", sans-serif;font-size: 9px;text-transform: uppercase;text-decoration: none;background-color: rgb(239, 173, 83);color: rgb(255, 255, 255);font-weight: 800;padding: 6px 20px;letter-spacing: 1px;border-radius: 20px;} .industries_container {padding: 8% 0%;background-image: url("../../uploads/avasaralacom/indust_back.png");background-position: center;background-repeat: no-repeat;background-size: cover;} .industry_main_head {text-align: center;font-size: 20px;text-transform: uppercase;color: rgb(102, 102, 102);font-weight: 800;margin-bottom: 50px;font-family: "Muli", sans-serif;} .industry_main_head span {font-size: 38px;font-family: "Oswald", sans-serif;font-weight: 400;color: rgb(36, 91, 148);} .serv_min_blocks {float: left;width: 100%;padding: 0px 12px;} .serv_min_wrp {border-radius: 4px;background-color: rgb(229, 229, 229);} .serv_imgs {margin-top: -48px;margin-bottom: 20px;} .serv_imgs img {margin: 0px auto;width: auto !important;} .serv_name {text-align: center;font-family: "Muli", sans-serif;font-weight: 700;margin-bottom: 25px;} .footer_container {padding: 2% 0%;} .foot_head {font-family: "Muli", sans-serif;font-weight: 700;font-size: 20px;margin-bottom: 30px;color: rgb(36, 91, 148);} .foot_menu ul {list-style-type: none;padding: 0px;margin: 0px;} .foot_menu ul li a {font-family: "Muli", sans-serif;color: rgb(104, 104, 104);font-weight: 600;text-decoration: none;} .foot_menu ul li {margin-bottom: 12px;position: relative;padding-left: 20px;} .foot_menu ul li::before {position: absolute;top: 7px;left: 0px;content: "";height: 6px;width: 6px;background-color: rgb(36, 91, 148);border-radius: 50%;} .foot_head span {color: rgb(115, 115, 115);} .foot_desc {font-family: "Muli", sans-serif;color: rgb(104, 104, 104);font-weight: 600;font-size: 13px;} .foot_desc b {color: rgb(0, 0, 0);margin-bottom: 10px;display: inline-block;} .foot_logos img {margin: 0px auto;} .copy_div {font-size: 12px;text-align: center;font-family: "Muli", sans-serif;color: rgb(104, 104, 104);font-weight: 600;border-top: 1px solid rgb(131, 131, 131);padding: 15px 0px;} .copy_div a {color: rgb(104, 104, 104);text-decoration: none;} .go_top {position: fixed;bottom: 0px;right: 30px;height: 45px;width: 45px;cursor: pointer;transform: translateY(100%);transition: 0.5s all ease;background-color: rgb(36, 91, 148);} .go_top::before {position: absolute;content: "\f30c";font-family: "Font Awesome 5 Free";font-weight: 600;color: rgb(255, 255, 255);font-size: 24px;top: 50%;left: 50%;transform: translate(-50%, -50%);} .go_top_show {transform: translateY(0%);} .mydropdown-menu li {float: left;width: 100%;margin: 0px;position: relative;} .mydropdown-menu li a::before {display: none;} .bann_outer_cont {position: relative;} .bann_news {position: absolute;width: 320px;right: 30px;top: 50%;transform: translateY(-50%);background-color: rgba(0, 0, 0, 0.87);display: none;} .bann_news_head {background-color: rgb(36, 91, 148);color: rgb(255, 255, 255);text-align: center;font-family: "Oswald", sans-serif;font-size: 20px;padding: 6px 0px;} .bann_news_cont {padding: 20px;} .myWrapper ul {padding-left: 12px;} .myWrapper ul li {color: rgb(255, 255, 255);font-family: "Muli", sans-serif;font-size: 13px;padding: 10px 0px;} .serve_desc .owl-stage-outer {padding-top: 60px;} .serve_desc .owl-nav {display: none;} .serve_desc .owl-dot span {height: 12px;width: 12px;display: block;background-color: white;border-radius: 50%;box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.25);} .serve_desc .owl-dot.active span {background-color: rgb(36, 91, 148);} .serve_desc .owl-dots {margin-top: 40px;text-align: center;} .serve_desc .owl-dot {margin: 0px 5px;} .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {background-color: transparent !important;} @media(min-width:320px) and (max-width:479px) {.navbar-toggle {background: #fff;} .navbar-toggle .icon-bar {background: #000;} .navbar-nav li {float: left;width: 100%;} .about_desc{text-align: justify;} .mydropdown-menu .mydropdown.open > .mydropdown-menu, .mydropdown-menu .mydropdown:hover > .mydropdown-menu {top: 25px !important;} .serv_name {margin-bottom: 10px;min-height: 40px;} .bann_txt{left: 20%;} .serve_desc .owl-stage-outer {padding-top: 80px;} .industry_main_head{margin-top: 77%;margin-bottom: 0px;}} @media(min-width:480px) and (max-width:639px) {.navbar-toggle {background: #fff;} .navbar-toggle .icon-bar {background: #000;} .navbar-nav li {float: left;width: 100%;} .feat_container{display: none;} .about_desc{text-align: justify;} .mydropdown-menu .mydropdown.open > .mydropdown-menu, .mydropdown-menu .mydropdown:hover > .mydropdown-menu {top: 25px !important;} .bann_txt{left: 20%;} .serve_desc .owl-stage-outer {padding-top: 80px;} .industry_main_head {padding-top: 45%;margin-bottom: 0px;} .serv_name {min-height: 38px;}} @media(min-width:640px) and (max-width:767px){.navbar-toggle {background: #fff;} .navbar-toggle .icon-bar {background: #000;} .navbar-nav li {float: left;width: 100%;} .feat_container {display: none;} .about_desc{text-align: justify;} .mydropdown-menu .mydropdown.open > .mydropdown-menu, .mydropdown-menu .mydropdown:hover > .mydropdown-menu {top: 25px !important;}} @media(min-width:768px) and (max-width:991px){} @media(min-width:992px) and (max-width:1200px){} @media(min-width:1201px) and (max-width:1650px){}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;}