 body {
     font-family: 'Poppins', sans-serif;
     font-size: 14px;
     line-height: 30px;
 }
 
 a {
     text-decoration: none;
     cursor: pointer;
     color: #fff;
 }
 
 a:hover,
 a:focus,
 a:visited {
     text-decoration: none;
     outline: none;
 }
 
 input,
 button,
 select,
 textarea {
     font-family: 'Poppins', sans-serif;
     ;
 }
 
 p {
     font-family: 'Poppins', sans-serif;
     ;
 }
 
 .fr {
     float: right;
 }
 
 .fl {
     float: left;
 }
 
 .cl {
     clear: both;
 }
 /* .col-half-offset {
    margin-left: 3.166666667%
} */
 
 .col-20 {
     width: 20%;
     float: left;
     padding-right: 12px;
     padding-left: 12px;
     margin-top: 55px;
 }
 
 .bg-g {
     background: #f4f4f4;
     min-height: 260px;
     padding-left: 12px;
     padding-right: 12px;
 }
 
 ul,
 li {
     list-style: none;
     padding: 0px;
     margin: 0px;
 }
 
 .dfc {
     display: flex;
     justify-content: center;
 }
 
 .dfe {
     display: flex;
     justify-content: flex-end
 }
 
 .dfs {
     display: flex;
     justify-content: flex-start;
 }
 
 .cl {
     clear: both;
 }
 
 a,
 .slidertext a,
 .box-icon i,
 .footer_services_list ul li a,
 .sticky {
     -webkit-transition: all 0.50s ease-in-out;
     -moz-transition: all 0.50s ease-in-out;
     -ms-transition: all 0.50s ease-in-out;
     -o-transition: all 0.50s ease-in-out;
     transition: all 0.50s ease-in-out;
 }
 
 #navbar {
     /* overflow: hidden; */
     background-color: #184e9d;
 }
 
 .sticky {
     position: fixed;
     width: 100%;
     z-index: 9999999;
     top: 0px;
 }
 
 .header-top {
     color: #888888;
     background: #f7f7f7;
     border-bottom: 1px solid #dbdbdb;
 }
 
 .info-outer ul li a {
     color: #888888;
     font-weight: 600;
     font-size: 14px;
 }
 
 .header-top-info {
     float: right;
     position: relative;
     left: -5px;
 }
 
 .header-info li {
     display: inline-block;
     padding: 0px 16px 0px 16px;
     border-left: 1px solid #dbdbdb;
     height: 50px;
     padding-top: 10px;
 }
 
 .navbar-collapse {
     padding-right: 0px;
     padding-left: 0px;
 }
 
 .navbar-nav li:first-child {
     margin-left: 0;
 }
 .navbar-nav { float: none !important;}
 
 .navbar-nav {
     margin-left: -30px;
 }
 
 .header-info a i {
     font-size: 16px;
 }
 
 .top_contact i {
     color: #777777;
     font-size: 30px;
 }
 
 .top_contact .icn {
     padding: 10px 10px 7px 10px;
 }
 
 .mrg-r-30 {
     margin-right: 30px;
 }
 
 .top_contact a {
     color: #777777;
 }
 
 .call-us {
     margin-right: -60px;
 }
 
 .email-us {
     margin-right: 46px;
 }
 
 .top_contact_title {
     color: #333333;
     font-size: 14px;
     font-weight: 600;
     /* line-height: normal;
     */
     line-height: 10px;
     margin-top: 5px;
 }
 
 .media-body p {
     line-height: 0px;
 }
 
 .media-body p a {
     color: #7c7c7c;
 }
 
 .contact-block {
     display: inline;
     padding-top: 23px;
     position: relative;
     float: right;
     right: 0px;
 }
 
 .contact-block .media {
     width: 30%;
     float: right;
     display: inline;
     margin-top: 0px;
 }
 
 .media-left {
     padding-top: 10px;
 }
 
 .header-nav {
     margin-left: -15px;
 }
 
 .navbar-brand {
     display: none;
 }
 
 .navi div ul li {
     margin: 0px;
     /* padding: 18px 17px 18px 22px; */
     font-size: 14px;
     font-weight: 600;
     color: #fbfbfb;
 }
 
 .nav .open>a:hover {
     background: none;
 }
 
 .navbar-nav li a {
     font-weight: 400;
     font-size: 16px;
     line-height: 46px;
     padding: 10px 18px;
 }
 
 .navbar-nav li ul li a {
     line-height: 25px;
     padding: 7px 18px;
 }
 
 .navbar-nav li a:hover {
     color: #184e9d;
 }
 
 .navi div ul li a:hover {
     color: #fff;
     background: #ffb200;
 }
 
 .carousel-caption {
     bottom: 60px;
 }
 
 .carousel-control i {
     font-size: 20px;
     background: #000;
     padding: 8px 10px 10px 8px;
     position: relative;
     top: 50%;
     left: 0;
     right: 0;
 }
 
 .carousel-caption a {
     padding: 20px 20px 20px 20px;
 }
 
 .btn-site {
     background: #184e9d;
     color: #fff;
     font-size: 20px;
     text-shadow: 0 0px 0px rgba(0, 0, 0, .6);
     padding: 18px 36px 18px 36px;
     font-weight: 700;
 }
 
 .carousel-caption a {
     bottom: 80px;
     left: 0px;
     position: relative;
     right: 0px;
 }
 
 .carousel-caption h3 {
     line-height: 50px;
     bottom: 130px;
     z-index: 200;
     left: 0px;
     position: relative;
     right: 0px;
     font-weight: 500;
     font-size: 35px;
     text-transform: uppercase;
 }
 
 .brochuress {
     background: #ffb200;
     width: 54px;
     float: right;
     position: absolute;
     z-index: 89999;
     right: 0;
     top: 48%;
 }
 
 .broch-btn {
     float: right;
     writing-mode: vertical-rl;
     text-orientation: upright;
     text-orientation: mixed;
     margin-right: 10px;
     padding-top: 15px;
     padding-bottom: 20px;
     font-size: 20px;
 }
 
 .broch-btn i {
     color: #fff;
     font-size: 25px;
     padding-bottom: 5px;
 }
 
 .slidertext {
     text-align: left;
 }
 
 .slidertext span {
     font-size: 20px;
     color: #fff;
     font-weight: 400;
     text-transform: uppercase;
 }
 
 .slider-title {
     font-size: 40px;
     color: #fff;
     font-weight: 400;
     margin: 10px 0px 20px 0px;
 }
 
 .item .slidertext p {
     margin-bottom: 35px !important;
 }
 
 .slidertext a:hover {
     background: #759f0c;
     color: #fff;
 }
 
 .welcome-button a:hover,
 .testimonials-btn a:hover,
 .f_contact_btn {
     background: #1f65b2;
     color: #fff;
 }
 
 .btn {
     font-size: 16px;
     color: #fff;
     background: #1a3774;
     padding: 21px 30px 21px 30px;
     border-radius: 0px;
     font-weight: 400;
 }
 
 .right-btn {
     text-transform: uppercase;
 }
 
 .menu-right a:hover {
     color: #fff;
     background: #ffb200;
 }
 
 .about {
     margin-bottom: 80px;
 }
 
 .products {
     background: url('../images/product-bg.jpg');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     width: 100%;
     padding-bottom: 80px;
 }
 
 .products .title h2,
 .products p {
     color: #fff !important;
 }
 
 .products p {
     padding-bottom: 30px;
 }
 
 .products .col-md-12 p {
     text-transform: uppercase;
     text-align: center;
     padding-bottom: 50px;
     padding-top: 25px;
 }
 
 .product-detail {
     background: #fff;
     /* padding-bottom: 45px; */
     padding-top: 40px;
     padding-left: 25px;
     padding-right: 25px;
     min-height: 400px;
 }
 
 .product-detail .scalon-title {
     color: #000;
     font-size: 20px;
     font-weight: 600;
     padding-bottom: 30px;
 }
 
 .scalon-title::after {
     content: "";
     width: 55px;
     height: 2px;
     left: 0;
     position: absolute;
     background: #ffb408;
     right: 0;
     text-align: center;
     z-index: 9099;
     margin: 0 auto;
     margin-top: 36px;
 }
 
 .product-detail p {
     color: #333 !important;
 }
 
 .main-benefit ul li {
     display: inline;
 }
 
 .main-benefit ul li a {
     color: #585858;
     font-size: 18px;
     font-weight: 700;
     margin-left: 35px;
 }
 
 .title h2 {
     font-size: 42px;
     font-weight: 700;
     color: #333;
     text-align: center;
     padding-top: 80px;
     margin: 0px;
     padding-bottom: 50px;
     text-transform: uppercase;
 }
 
 .title h2::after {
     content: "";
     width: 120px;
     height: 2px;
     left: 0;
     position: absolute;
     background: #ffb408;
     right: 0;
     text-align: center;
     z-index: 9099;
     margin: 0 auto;
     margin-top: 60px;
 }
 
 .about .inner-title {
     font-size: 16px;
     font-weight: 700;
     color: #333;
     padding-top: 20px;
     padding-bottom: 5px
 }
 
 .about .sub-title {
     font-size: 18px;
     font-weight: 700;
     color: #333;
     padding-top: 20px;
     padding-bottom: 5px
 }
 
 .about-detail p,
 .benefit p {
     text-align: justify;
     line-height: 30px;
     color: #000;
     font-size: 14px;
     font-weight: 400;
 }
 
 .benefit {
     margin-bottom: 40px;
 }
 /* 
.benefit-detail {
    margin-bottom: 52px;
    text-align: center;
} */
 
 .benefit-title {
     font-size: 15px;
     font-weight: 700;
     color: #333;
     padding: 22px 0px;
 }
 
 .questions {
     background: url('../images/contact-bg.jpg');
     width: 100%;
     height: auto;
     background-attachment: fixed;
     padding-bottom: 45px;
 }
 
 .questions h2 {
     color: #fff;
 }
 
 .questions .contact-info {
     color: #fff;
     text-align: center;
 }
 
 .contact-info i {
     color: #ffb200;
     font-size: 36px;
     text-align: center;
 }
 
 .contact-info span {
     display: block;
     font-size: 18px;
     font-weight: 500;
     padding-bottom: 5px;
 }
 
 .contact-info p {
     font-size: 18px;
     font-weight: 300;
 }
 
 .contact-site input[type='text'] {
     width: 100%;
     height: 50px;
     margin-bottom: 22px;
     padding-left: 15px;
 }
 
 .questions .col-md-4 {
     margin-bottom: 30px;
     margin-top: 15px;
 }
 
 .contact-site textarea {
     height: 140px;
     width: 100%;
     padding-left: 15px;
 }
 
 .contact-site .submit {
     margin-top: 35px;
     border: 0px;
     text-transform: uppercase;
     outline: 0px;
     padding-left: 55px;
     padding-right: 55px;
 }
 
 .client {
     margin-bottom: 70px;
 }
 
 #footer {
     background: url('../images/footer-bg.jpg');
 }
 
 .footer {
     padding-top: 60px;
     padding-bottom: 60px;
     border-bottom: 1px solid #fff;
 }
 
 .footer_title {
     padding-bottom: 40px;
 }
 
 .footer_title span {
     color: #fff;
     font-weight: 600;
     font-size: 16px;
     text-transform: uppercase;
     border-bottom: 1px solid #ffb200;
     padding-bottom: 5px;
 }
 
 .cont-btn {
     background: #184e9d;
     color: #fff;
     font-size: 18px;
     padding: 8px 36px 8px 36px;
 }
 
 .footer_part p {
     color: #fff;
     font-size: 13px;
     font-weight: 400;
     margin-bottom: 30px;
 }
 
 .footer_menu_list i {
     font-size: 18px;
     padding-right: 0px;
 }
 
 .footer_menu_list ul li a {
     font-size: 16px;
     font-weight: 300;
     line-height: 40px;
 }
 
 .footer_menu_list ul li a:hover {
     color: #ffb408;
 }
 
 .btn-social {
     font-size: 16px;
     font-weight: 700;
 }
 
 .btn-social i {
     font-size: 24px;
     padding: 15px 15px 15px 15px;
 }
 
 .social_icon i {
     padding: 18px 20px;
     background: rgba(0, 0, 0, 0.15);
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
 }
 
 .social_icon {
     background: #3b5998;
     border-radius: 5px;
     color: #fff;
     margin-top: 8px;
     width: 100%;
 }
 
 .icon_twitter {
     background: #1da1f2;
 }
 
 .icon_instagram {
     background: #745b04;
 }
 
 .icon_youtube {
     background: #b90002;
 }
 
 .social_icon a {
     color: #fff;
 }
 
 .social_icon i {
     font-size: 23PX;
 }
 
 .icon_twitter i {
     background: #1781c2;
 }
 
 .icon_instagram i {
     background: #5d4903;
 }
 
 .icon_youtube i {
     background: #940002;
 }
 
 .social_icon i,
 .social_icon span {
     float: left;
     display: block;
 }
 
 .social_icon span {
     font-size: 16px;
     font-weight: 700;
     text-transform: uppercase;
     padding: 14px 15px;
 }
 
 .btn-fot-knw {
     background: #ffb200;
     color: #fff;
     font-size: 18px;
     font-weight: 700;
     padding: 15px 30px 15px 30px;
 }
 
 .copy_right {
     color: #fff;
     font-size: 13px;
     padding: 11px 0px;
 }
 
 .media-carousel {
     margin-bottom: 0;
     padding: 0 40px 30px 40px;
     margin-top: 30px;
 }
 /* Previous button  */
 
 .media-carousel .carousel-control.left {
     left: -12px;
     background-image: none;
     background: none repeat scroll #184e9d;
     border: 4px solid #FFFFFF;
     height: 40px;
     width: 40px;
     margin-top: 30px
 }
 
 .thumbnail {
     border: 0px;
 }
 /* Next button  */
 
 .media-carousel .carousel-control.right {
     right: -12px !important;
     background-image: none;
     background: none repeat scroll #184e9d;
     border: 4px solid #FFFFFF;
     height: 40px;
     width: 40px;
     margin-top: 30px
 }
 
 .media-carousel .carousel-indicators li {
     background: #c0c0c0;
 }
 
 .media-carousel .carousel-indicators .active {
     background: #333333;
 }
 
 .btn-site:hover {
     background: #ffb200;
     color: #fff;
 }
 /*----aboutus-----*/
 
 .bg-gray {
     background: #f4f4f4;
     padding: 60px 0px;
 }
 
 .slider h2 {
     position: relative;
     top: 42%;
 }
 
 .inner-slider {
     background: url('../images/inner-slider.jpg');
     background-repeat: no-repeat;
     height: 255px;
 }
 
 .inner-slider h2 {
     margin: 0;
     font-size: 40px;
     color: #fff;
     text-transform: uppercase;
 }
 
 .inner-top p {
     font-size: 14px;
     font-weight: 400px;
     text-align: justify;
     line-height: 30px;
     padding-bottom: 25px;
 }
 
 .inner-top .col-md-12 {
     padding-top: 40px;
     padding-bottom: 20px;
 }
 
 .au-bottom-img {
     margin-top: 30px;
     margin-bottom: 80px;
 }
 
 .inner-product .product-detail {
     background: #f4f4f4;
     min-height: 320px;
     margin-bottom: 30px;
 }
 
 .inner-product .product-detail span {
     font-size: 16px;
     font-weight: 600;
 }
 
 .inner-product {
     margin: 80px 0px;
 }
 
 .inner-product .col-md-12 {
     padding-bottom: 30px;
 }
 
 .contact_item i {
     /* position: absolute; */
     font-size: 22px;
     color: #184e9d;
     line-height: 25px;
 }
 
 .contact_item-title {
     font-size: 18px;
     font-weight: 600;
     color: #184e9d;
 }
 
 .contact_item {
     position: relative;
     padding: 0 0 0 15px;
     margin-bottom: 35px;
 }
 
 .contact_item_text {
     font-size: 16px;
     line-height: 22px;
     color: #333333;
 }
 
 .contact_item_text a {
     color: #333333;
 }
 
 .contact-detail span {
     font-size: 18px;
     font-weight: 700;
     padding: 0 0 0 15px;
 }
 
 .contact-section h4 {
     font-weight: 600;
     font-size: 24px;
     padding-left: 15px;
     color: #333333;
     padding-top: 80px;
     padding-bottom: 30px;
 }
 
 .map {
     padding-top: 40px;
 }
 
 .about-detail ul li,
 .inner-top ul li,
 .bottom-content ul li {
     list-style-position: inside;
     padding: 0px 0 10px 24px;
     text-indent: -2em;
 }
 
 .about-detail ul li i,
 .inner-top ul li i,
 .bottom-content ul li i {
     color: #184e9d;
     font-size: 18px;
     font-weight: 700;
     margin-right: 10px;
 }
 
 .about-detail ul,
 .inner-top ul,
 .bottom-content ul {
     padding-bottom: 20px;
 }
 
 .about-detail p,
 .bottom-content p {
     padding-bottom: 20px;
 }
 
 .benefit-inner-page .main-benefit ul {
     padding-top: 60px;
 }
 
 .dropbtn {
     color: white;
     padding: 16px;
     font-size: 16px;
     border: none;
 }
 
 .dropdown {
     position: relative;
     display: inline-block;
 }
 
 .dropdown-content {
     display: none;
     position: absolute;
     background-color: #f1f1f1;
     min-width: 400px;
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
     z-index: 1;
 }
 
 .dropdown-content a {
     color: black;
     padding: 12px 16px;
     text-decoration: none;
     display: block;
 }
 
 .dropdown-content a:hover {
     background-color: #ddd;
 }
 
 .dropdown:hover .dropdown-content {
     display: block;
 }
 
 .dropdown:hover .dropbtn {
     background-color: #ffb200;
 }
 /*-------slide-----*/
 
 .owl-theme .owl-nav {
     margin-top: 10px;
     text-align: center;
     -webkit-tap-highlight-color: transparent;
 }
 
 .owl-theme .owl-nav [class*='owl-'] {
     color: #FFF;
     font-size: 14px;
     margin: 5px;
     padding: 4px 7px;
     background: #D6D6D6;
     display: inline-block;
     cursor: pointer;
     border-radius: 3px;
 }
 
 .owl-theme .owl-nav .disabled {
     opacity: 0.5;
     cursor: default;
 }
 
 .owl-theme .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span {
     background: #869791;
 }
 
 .products .col-md-4 {
     width: 100%;
 }
 
 .owl-next span,
 .owl-prev span {
     background: #ffb200;
     color: #fff;
     font-size: 26px;
     padding: 0px 10px 0px 10px;
 }
 
 .owl-nav {
     float: right;
     position: absolute;
     right: 10px;
     top: -59px;
 }
 
 .owl-dots {
     display: none;
 }
 
 .product-detail a span {
     color: #000;
     font-size: 16px;
     font-weight: 600;
 }
 
 .inner-top .col-md-12 h2,
 .inner-bottom .col-md-12 h2,
 .bg-gray .col-md-12 h2 {
     padding-bottom: 32px;
     margin-top: 0px;
     margin-bottom: 0px;
 }
 
 #CoolingWater h2 {
     padding-top: 60px;
 }
 
 .client-logo {
     padding: 80px 0px;
 }
 
 .client-logo .col-md-3 {
     margin-bottom: 20px;
 }
 
 .navbar-toggle {
     z-index: 15000;
 }
 
 .client .owl-nav {
     width: 100%;
     float: left;
 }
 
 .client .owl-prev {
     float: left;
     position: relative;
     left: -30px;
     top: 99px;
 }
 
 .client .owl-next {
     position: relative;
     right: -50px;
     float: right;
     top: 99px;
 }
 
 .client .owl-carousel .owl-nav button.owl-next,
 .client .owl-carousel .owl-nav button.owl-prev {
     /* margin-top: -14px; */
 }
 
 .client .owl-carousel .owl-item img {
     /* display: inline-block !important; */
 }
 
 .client .owl-carousel .owl-item img {
     /* width: auto !important; */
 }
 
 .client .owl-carousel .owl-item img {
     /* height: 80px; */
 }
 
 .ask_btn {
     padding-right: 0px;
 }