/*!
Theme Name: Hydrox Theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: beston-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

beston-theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}

html,body { -webkit-text-size-adjust:none; height: 100%; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
iframe {vertical-align: top;}
textarea:focus, input:focus, a, div, img { outline: none; }

*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* 2. Base Typography
------------------------------------------------------------------------------*/

body{ color:#fff; font-size:16px;  font-weight:normal; line-height:1.5; display: flex;flex-wrap: wrap; overflow-x: hidden;       font-family: 'Poppins', sans-serif;}



.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {color: #000; line-height: 1.2; 	 font-family: inherit;      font-family: 'Poppins', sans-serif; font-weight: 700;}
.h1, h1 {font-size:45px; margin-bottom: 20px;}
.h2, h2 {font-size:35px; margin-bottom: 20px;}
.h3, h3 {font-size:25px; margin-bottom: 18px;}
.h4, h4 {font-size:22px; margin-bottom: 17px; font-weight: 600;}
.h5, h5 {font-size:20px; margin-bottom: 15px; font-weight: 600;}
.h6, h6 {font-size:18px; margin-bottom: 10px; font-weight: 600;}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {color: inherit; text-decoration: none;}

p { color:#555; font-size:16px; font-weight:400; line-height:1.8;  margin-bottom:15px; }

p:last-child { margin-bottom:0; }

ul,
ol{ margin: 0;padding: 0;margin-left: 17px;}
ul li,
ol li{ font-size:14px;  color:#292829; font-weight:400; line-height:1.5;padding: 0;margin: 0;padding-bottom: 5px; }
ul > li { list-style:outside disc; }
ol > li { list-style: outside decimal; }

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#f3f3f3; padding:20px 20px; border-left:4px solid #1589cb;line-height: 2;font-size: 20px; font-style: italic;margin-bottom: 25px;}
blockquote p{ font-size:inherit; font-weight:inherit; line-height:inherit; }

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;margin: 10px auto 40px;}

img{ border:none; max-width: 100%; vertical-align: top; height: auto;}
img[src$=".svg"] {width: 100%;}

/* 4. Link
------------------------------------------------------------------------------*/
a{ color:#47558a; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; }
a:hover{ color:#000; text-decoration: underline; }
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
form label {color:#000; font-size:16px; font-weight:400; line-height:1.5;  margin-bottom:10px; display: block;}
input,
textarea,
button { font-family: 'Poppins', sans-serif;  }
input[type="text"],
input[type="submit"],
input[type="button"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {-webkit-appearance: none; outline: none;border-radius: 0;}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
textarea { border:1px solid #dedede; padding:7px 10px; color:#000; font-size:16px;font-weight: 400; width: 100%;}

textarea{ height:150px; resize:none; overflow: auto; padding: 10px 15px; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus {border-color: #66afe9}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button; cursor: pointer; background-color: #cbcbcb; padding: 0 15px; height: 40px; display: inline-block; vertical-align: top; font-size: 14px; font-weight: normal; line-height: 1.52857143; text-align: center; border: none; text-transform: uppercase; border-radius: 0px; color: #fff; background-color: #0eb769; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {background-color: #66afe9; color: #fff;}

input[type="search"] {-webkit-appearance: textfield;}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

/* placeholder color */
::-webkit-input-placeholder { opacity: 1 !important; color: #000; }
:-moz-placeholder { opacity: 1 !important; color: #000; }
::-moz-placeholder { opacity: 1 !important; color: #000; }
:-ms-input-placeholder { opacity: 1 !important; color: #000; }

.form-group {margin-bottom: 30px;}

/* buttons */
.btn { display: inline-block; vertical-align: top; padding: 6px 12px;font-size: 14px; font-weight: normal; line-height: 1.52857143; text-align: center; border: none; text-transform: uppercase; border-radius: 0px; color: #fff; background-color: #0eb769; }
.btn:hover,
.btn:focus { color: #fff; background-color: #019852; border-color: #019852;text-decoration: none}
.btn-sm {padding: 8px 16px; }
.btn-md {padding: 12px 24px;}
.btn-link { color: #98989c; text-transform: uppercase; font-size: 12px; font-weight:normal; letter-spacing: 2px; border-bottom: 1px solid #98989c; margin-bottom: 2px; }
.btn-link:hover,
.btn-link:focus{ color: #0eb769; font-weight:normal; text-decoration: none; border-bottom: 1px solid #0eb769; }

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}
.table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar}
.table-bordered{width: 100%;max-width: 100%;text-align: left;}
.table-bordered th,
.table-bordered td{ vertical-align: bottom;border-bottom: 1px solid #ddd;padding: 10px; font-size: 14px; color: #424242;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper {width: 100%;display: flex;min-height: 100%; position: relative; flex-wrap: wrap;background-color: #fff;justify-content: space-between;align-content: space-between;}
.main-container{width:100%;}
.container {max-width: 1170px;}
#page { width: 100%}

/*---- header ----*/

#header {	width: 100%;	position:absolute;	z-index: 1000;	padding: 50px 0;}
#header .container {height: auto;  }
#header .container {	max-width: 1170px;	position: relative; width: 100%;	}
#header.fixed {	position: fixed;	width: 100%;	left: 0;	top: 0; }
.top-right {    float: right; margin: 12px 0 0;}

@media(min-width:993px) {
	/*#header { -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}*/
	.full-header { -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease; width:100%; position:relative; z-index:10;	}
	.full-header.fixed {	position: fixed;	top: 0;	z-index: 10;	width: 100%;  }
	.full-header.fixed #header  { padding:5px 0;}
}

.top-header {		padding:18px 25px; border-radius: 8px; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);}
.header.fixed { position: fixed; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25); background: #fff; padding: 0px !important; }
.header.fixed .top-header { box-shadow: none; padding: 10px 0; }
.header.fixed  .top-right {    float: right;    margin: 16px 0 0;}

.top-header .container { max-width: 1200px; }


.logo {    float: left;    margin-top: 10px;   width: 250px; }

/*.pop-btn a::after {	width: calc(100% - 28px);	height: calc(100% - 16px);	position: absolute;	border: #fff dashed 1.5px;	content: '';	left: 14px;	top: 8px;}*/

/* responsive nav for small devices */
.hamburger{padding: 0;margin: 0;height: auto;width: auto; text-align: center;background-color: transparent}
.hamburger:not(.close){position: fixed;top: 15px;right: 0;z-index: 100;}
.hamburger:hover,
.hamburger:focus{background-color: transparent;outline: none;}
.hamburger .line{width: 30px;height: 4px;background-color: #0b9444;display: block;margin: 6px auto;}
.hamburger:hover{cursor: pointer;}
.hamburger.close{padding: 25px 20px;}
.hamburger.close .wrap{ position: relative;width: 30px;height: 30px;display: block;}
.hamburger.close .line{margin: 0;width:100%;position: absolute;top: calc(50% - 2px);transform: rotate(45deg);background-color: #fff}
.hamburger.close .line:last-child{transform: rotate(-45deg);}


/* nav */
.navigation { float:left;  clear: both; text-align: center;}
.navigation  .menu-main-menu-container { display:inline-block;}

@media(min-width:993px) {
.memu_top {	clear: both;		height: 70px;	background: #171e54;	border: #fff solid 2px;	position: relative;	top: 33px;	margin-top: -33px;}

.navigation { clear: both;	}  	
	
.navigation ul.nav { margin: 0px 0px 0px 0px; padding: 0px;      text-align: center;    display: inline-block;    } 
.navigation ul.nav li {	list-style: none;	padding: 18px 7px 22px;	position: relative;	float: none;	display: inline-block;}
.navigation ul.nav > li + li { }
.navigation ul.nav li a {		font-size: 15px;		display: block;	color: #fff; text-transform: inherit;	font-weight: normal;	text-decoration: none !important;		position: relative;	text-align: left;	font-weight: normal;        font-family: 'Poppins', sans-serif;  text-transform:uppercase	; }
.navigation ul.nav > li > a:after { content: ''; position: absolute; bottom: -5px; 
    width: 0;    height: 2px;    background: #fff;    left: 0px;    -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    transition: all 0.5s ease;}
.navigation ul.nav li:hover > a:after { width:100%;}
.navigation ul.nav > li > a:hover {    background:none;    border-radius: 50px;    /*color: #00c6ff;*/ }
.navigation ul.nav > li.current_page_item > a {    /*background: #1c4d91;*/      color: #fff;}
.navigation ul.nav > li.current_page_item { /*background: #80D742;*/ border-radius:5px;  }
.navigation ul.nav > li.current_page_item > a{ color: #fff; }
.navigation ul.nav li.current_page_item > a:after, .navigation ul.nav li.current-menu-ancestor  > a:after { width:100%;border-radius: 5px;}

	
	
.navigation ul.nav li.current-menu-parent > a:after { width:100%;}
.navigation ul.nav ul li a{  color: #fff; }

.navigation  .menu-menu-menu-container {	float: left;}

.navigation .bq_btn {	width: 184px;	display: inline-block;	background: #80D742;	font-size: 22px;	color: #000;	height: 50px;	margin-top: 5px;	border-radius: 5px;	padding: 8px 0 0;	text-decoration: none !important; margin-left: 15px; font-family: 'FilsonProMedium';}

.navigation ul.nav > li.menu-item-has-children > a::before {    content: '';    position: absolute;       width: 100%;    height: 50px;    bottom: -53px;}


.navigation ul.nav li .sub-menu { margin-top:3px;}
.navigation ul.nav li:hover > ul{ display:block;}

.navigation ul.nav ul {    position: absolute;    background: #2a245d;    top: 71px;    left: 9px;    width: 222px;    margin: 0px;    padding: 0px;    display: none;    z-index: 10;    border: none;    border: #51576a solid 1px;}
.navigation ul.nav ul li { padding:0px; padding:0px; float:left; width:100%;}
.navigation ul.nav ul li a {	font-size: 14px;	padding: 6px 15px;	display: block;     font-family: 'Poppins', sans-serif; }
.navigation ul.nav ul li a:hover { background:#fff; color:#fff;}

/*.navigation ul.nav ul li:hover > ul { display:block;}*/
.navigation ul.nav ul li:hover > a { background:#fff; color: #000;}
.navigation ul.nav ul ul {    left: 220px;    top: -4px;    width: 250px;}
#header.fixed .navigation ul.nav > li > a {
	color: #333;
}

	
.navigation ul.nav ul ul li a {
	padding: 3px 15px;
	font-size: 14px;
}
	

}


#footer { background: #2D275D;  padding: 50px 0; }
#footer h3 { font-size: 22px; }
#footer ul { margin: 0px; padding: 0px; }
#footer ul li { list-style: none; }
#footer ul li a {	color: #fff;	font-size: 14px;}
#footer .con_link p { color:#fff }
#footer  .con_link a{ color: #fff; }

#footer .social_fo ul li { float: left; }
#footer .social_fo ul li + li { margin-left: 8px; }
#footer .social_fo ul li a {	width: 35px;	height: 35px;	background: #3261A8;	border-radius: 35px;	color: #fff;	text-align: center;	display: flex;	align-items: center;	justify-content: center;}
#footer .form_fo {	background: #161D3E;	padding: 35px 55px;	border-radius: 10px;	margin: -230px 0 50px;}
#footer .form_fo h3 { color: #fff; font-size: 45px; }
#footer .center-dv p {	color: #FFFFFF;	font-size: 18px;	max-width: 590px;	margin-bottom: 55px; margin:0 auto 50px;}
#footer  .center-dv { text-align: center; }
#footer .form_fo .wpcf7-form-control-wrap { display: block; margin-bottom: 30px; }
#footer .form_fo input[type="text"] { width: 100%; height: 45px; background: #fff; border-radius: 5px; border-radius: 5px; }
#footer .form_fo input[type="email"] { width: 100%; height: 45px; background: #fff; border-radius: 5px; border-radius: 5px; }
#footer .form_fo input[type="tel"] { width: 100%; height: 45px; background: #fff; border-radius: 5px; border-radius: 5px; }
#footer .form_fo textarea{ width: 100%; height: 135px; background: #fff; border-radius: 5px; border-radius: 5px; }
#footer .form_fo input[type="submit"] {	margin: auto;	display: table;	width: 250px;	height: 55px;	background: #455290 !important;	border-radius: 5px;	font-size: 22px;	padding: 0;	font-weight: normal;}
#footer  .wpcf7-spinner {	position: absolute;}

.copy_fo {	background: #29325C;	padding: 15px 0;}
.copy_fo .fo_right {	text-align: right;}
/*--------- home page ------------*/

/*--------- home banner ------------*/

.home_banner { width: 100%;    position: relative;}
.home_banner .banner_blk { height: 100vh;   padding: 160px 0 0; display: flex; align-items: end; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover;}
.home_banner .banner_blk::before {	content: '';	position: absolute;	width: 100%;	height: 100%;	background: rgba(0,0,0,0.2);	top: 0; }
.home_banner h1 { color: #fff; font-size: 60px; font-weight:normal;  }
.home_slider::after {		content: '';	position: absolute;	width: 100%;	height: 192px;	bottom: -50px;	left: 0;	background-size: 100% 100%;}
.home_slider .content_blk {	max-width: 1120px; margin: auto;}
.home_slider .content_blk p { max-width: 744px;}
.home_banner .item .middle-content {	height: 480px;	width: 100%;	position: relative;	z-index: 1;	font-family: 'Poppins', sans-serif;	display: table;	padding-top: 115px;	background-size: cover;}
.home_banner .item .middle-content:after{ content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); left: 0; top: 0; z-index: -1 ;}
.home_banner h2 { font-size: 45px;  line-height: 1.2;      font-family: 'Poppins', sans-serif; color: #fff;  font-weight: normal;  margin: 0 0 48px;}
.home_banner h2 strong{ color: #77bb0b; font-weight: 400;}
.home_banner ul { margin: 0px; padding: 0px 0px 30px;}
.home_banner ul li { list-style: none; font-size: 22px; color: #fff; font-weight:normal; padding: 0 0 15px; background: url(assets/images/check-img.png) no-repeat 0px 10px ; padding-left: 30px;}
.home_banner p { color: #333; font-size: 18px;}
.home_banner .btn-reg { margin-top: 40px;}
.banner_box .col-lg-4 { padding:0px 0px; }


.btn-reg {	color: #000;	border: #f8791b solid 2px;	display: inline-block;	padding: 14px 0px 14px 0;	border-radius: 100px;	font-size: 16px;	font-weight: 400;	text-decoration: none !important;	position: relative;	width: 189px;	height: 55px;	text-align: center; position: relative; z-index: 1}
.home_banner .btn-reg::after { z-index: -1;	position: absolute;	right: 10px;	content: '';	top: 10px;	transform: inherit;	width: calc(100% - 20px);	height: calc(100% - 20px);	font-size: 0;	background-color: rgb(255, 255, 255);	border-radius: 145px;	background-repeat: no-repeat;	border: none !important;	outline: none !important;	background-image: url(assets/images/arrow.png);	background-position: center;}
.btn-reg:hover { background: #f8791b; color: #000}

.new-home { background: url(assets/images/wel-bg.jpg) no-repeat;  background-position: bottom;}
.new-home a.cta_btn.fr { float: right; }
a.cta_btn {background: linear-gradient(180deg, #BE506C 0%, #CE6F6A 53.96%, #D57D6A 100%); height: 54px; display: block; 
       width: 213px;    color: #fff;    text-align: center;    border-radius: 5px;    font-size: 16px;    font-weight: normal; 
          padding: 14px 0 0;    text-decoration: none; font-family: 'SofiaProBoldAz';}
.new-home .a-item { align-items: center; margin-bottom: 60px; }
.new-home .img_blk img{ border-radius: 7px;  }
.new-home .img_blk { display: block; margin-bottom: 30px; }
.new-home h3 { font-size: 24px; color: #fff; font-weight: normal; line-height: 1 }




.quality_sec {	padding: 50px 0 0px;	text-align: center;}
.quality_sec .container {		}
.quality_sec h2 {font-size: 35px;	max-width: 311px;	margin: auto;	padding: 11px 0 0;	color: #555555;}
.quality_sec .padd_blk { padding: 25px 0; }
.quality_sec h3 {	font-size: 18px;	max-width: 191px;	margin: auto;	padding: 11px 0 0;	font-weight: 400;	color: #555;}


.quality_sec .col-md-4:nth-child(2) .padd_blk { background: #fff; }
.quality_sec .icon_blk {	display: block;	height: auto;	max-width: 120px;	margin: auto;}

.welcome_sec { width: 100%; padding: 20px 0; }
.welcome_sec .wrapp {	max-width: 1555px;	margin: auto;	padding: 0px 0;}
.welcome_sec p { color: #333; }
.welcome_sec h2 { font-size: 45px; color: #333; text-align:center; }
.welcome_sec h2 span { display: block; 	 }
.welcome_sec .row {align-items: center;}
.welcome_sec .rm_link {	width: 146px;	height: 45px;	color: #fff !important;	background: #28225A;	display: block;	text-align: center;	padding: 11px 0;	margin: 29px 0 0;	border-radius: 5px;	text-decoration: none !important;}
.welcome_sec h2 span {	display: block;	color: #28225A;}

.book_btn {     width: 156px;    display: block;    background: #fff;   color: #29235C;    float: right;    text-align: center;    height: 45px;    font-size: 16px;   padding: 11px 0;   margin: 8px 0 0 14px;    border-radius: 5px;    text-transform: uppercase;    text-decoration: none !important;    font-weight: 600; position: relative;}
.book_btn::before {   content: '';   position: absolute;    border: #fff solid 1px;    border-radius: 5px;   left: -10px;    top: -10px;    bottom: -10px;    right: -10px;}
.book_btn:hover { background:#29235C; color:#fff; }
.book_btn:hover::before{border: #fff solid 1px}

.header.fixed .book_btn { background:#29235C; color:#fff; }
.header.fixed .book_btn::before{ border: #29235C solid 1px }

a.top-phone {   margin: 18px 19px 0;   display: inline-block;    vertical-align: top; color: #fff; text-decoration: none !important;}
.header.fixed a.top-phone { color:#333; }


.product_sec { padding: 70px 0 40px; }
.product_sec .padd_blk {	padding: 0 15px;	text-align: center; }
.product_sec .padd_blk img { box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1); border-radius: 5px; }
.product_sec h3 { font-size: 17px;	font-weight: 400;	padding-top: 11px;padding-bottom: 10px; margin-bottom: 0px;}

@media(min-width:1200px) {
#header .container {    max-width: 1800px; width: 96%;}

}


.home_banner .slick-prev.slick-arrow {    position: absolute;   left: auto;    top: auto;   transform: translate(0,0);   right: 150px;    z-index: 10;    bottom: 109px;   border-radius: 10px;    background: #262156;}
.home_banner .slick-next.slick-arrow {    position: absolute;   left: auto;    top: auto;   transform: translate(0,0);   right: 90px;    z-index: 10;    bottom: 109px;   border-radius: 10px;    background: #262156;}
.home_banner .slick-arrow:focus  { border:none !important; outline:none !important; }
.home_banner .slick-arrow i{ color:#fff; }


.inner_product_sec { padding-top:20px;  }



.product_sec .img_blk { margin-bottom: 20px; }
.product_sec .img_blk, .product_sec .img_blk img{ display: block; }
.product_sec .slick-track { margin: 0px !important; }
.product_sec h2 {	color: #555555;	font-size: 30px;	font-weight: 700;	text-align: center;}
.product_sec article  { padding-bottom:35px; }
/*.product_sec article {	padding: 0 25px 35px;	max-width: 871px;}*/
.product_sec article p { font-size: 18px; }	

.call_actioon { width: 100%; }
.call_actioon .wrapp {	max-width: 100%;	margin: auto;	background: #29325C url(assets/images/call-bg.jpg) no-repeat; background-size: cover;;	padding: 60px 0;}
.call_actioon .t_right {	float: right;	margin-top: 0px;} 






.faq_sec .acc__panel { display: none; }
.faq_sec .row.a-item {    margin-bottom: 50px; }
.faq_sec .acc__card {	margin-bottom: 20px;}
.faq_sec .acc__title {	background: #f2f2f2  font-size: 20px;	padding: 21px 50px 21px 35px;	position: relative; color: #333;}


.faq_sec .i-blk {	position: absolute;	right: 25px; }
.faq_sec .i-blk .fa {  color: #979797;}
.faq_sec .acc__panel .padd {	padding: 30px;	background: #2e2e2e;}


.call_actioon article {	max-width: 600px;	font-size: 22px; float: left;}
.call_actioon .call_btn {	background: inherit;	color: #fff !important;	padding: 10px;	width: 235px;	display: inline-block;	text-align: center;	font-size: 18px;	margin-right: 20px;	text-decoration: none;	border: #fff solid 2px;	border-radius: 45px;}
.call_actioon .en_btn {	border: #fff solid 2px;	padding: 10px;	width: 235px;	display: inline-block;	text-align: center;	font-size: 18px;	border-radius: 45px;	text-decoration: none;	background: #fff;	color: #000 !important;}

.faq_sec {	padding: 70px 0;}
.faq_sec  h2 {	text-align: center;	margin: 0 0 45px;	color: #29325C;	font-size: 45px;}

.client_sec .wrapp {	background: #ECEDF0;	max-width: 1548px;	margin: auto;	padding: 70px;	text-align: center;}
.client_sec .container { background: url(assets/images/quote.png) no-repeat; }
.client_sec h2 { color: #29325C; font-size: 45px; }
.client_sec p {	font-size: 24px;}
.client_sec .name_blk{	font-size: 24px; color: #000;}
.client_sec .star i {	color: #FFB038;	display: inline-block;	vertical-align: top;	padding: 0 10px;	font-size: 40px;}
.client_sec .star {	display: block;	padding: 24px 0;}
.client_sec .slick-dots {	margin: 35px 0 0;	padding: 0;}
.client_sec .slick-dots li {	list-style: none;	display: inline-block;	vertical-align: top;	padding: 0;		width: 15px;	height: 15px;	margin: 0 5px;	overflow: hidden;}
.client_sec .slick-dots li.slick-active { width: 35px;  }
.client_sec .slick-dots li button {	padding: 0px;	line-height: 1;	width: 100%;	height: 100%;	text-indent: 14px; background: #7E7E7E; border-radius: 10px; text-indent: 150px;}
.client_sec .slick-dots li.slick-active button { background: #FFAF38; }

.inner-banner { background: #161d3e;	height: 450px; padding: 220px 0 0; position: relative; background-size: cover; background-position: center; }
.inner-banner::before { content: ''; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;  
	background: rgba(0,0,0,0.5);  z-index: 1; }
.inner-banner .container	 { position: relative; z-index: 1; }

.inner-banner h1 { color: #fff; font-size: 40px; }
.contact-us-sec .padd_blk {	background: #f2f2f2;	padding: 30px 30px;	height: 100%;	box-shadow: 1px 1px 25px rgba(0,0,0,0.1);	border: #ccc solid 1px; border-radius: 10px;}
.inner-page { padding: 60px 0 50px; }
.inner-page .post-thumbnail {	float: right;	width: 48%;	margin: 9px 0 0 39px;	box-shadow: 1px 1px 35px rgba(0,0,0,0.2);	border-radius: 10px !important;	overflow: hidden;}

.contact-us-sec  { text-align: center; }
.contact-us-sec h2  { margin: 0px 0px 45px !important; }
.contact-us-sec a{ color: #333; }

.contact-us-sec  .padd_blk h3 { margin: 0px; padding: 0px 0px 15px; font-size: 22px; }

.inner-banner h1 {	color: #fff;	font-size: 40px;	line-height: 1;	padding: 24px 0px 0px;	margin: 0 0 11px;}

.inner-page h2 {font-size: 35px;	line-height: 1;	padding: 24px 0px 0px;	margin: 0 0 11px;}
.inner-page h3 {font-size: 30px;	line-height: 1;	padding: 24px 0px 0px;	margin: 0 0 11px;}

.about-faq { margin-top: 50px; }
.inner-page .acc__title {	background: #f7f6ff;	border-radius: 5px;	border: #29235c solid 1px;}
.inner-page .acc__card { margin-bottom: 10px; }
.inner-page  .acc__panel {	background: #f7f6ff;	border: #3c366a solid 1px;}
.inner-page .acc__title h3 { margin: 0px; padding: 15px 20px;font-size: 22px; }
.inner-page .acc__panel { display: none; }
.inner-page .padd {    padding: 20px;}
.inner-page span.i-blk {	float: right;	font-size: 15px;	color: #333;	top: 1px;	position: relative;}
.inner-page .acc__title  { cursor:pointer; }
.inner-page .acc__title h3 {	margin: 0px;	padding: 15px 20px;	font-size: 18px;	font-weight: normal;	color: #333;     font-family: 'Poppins', sans-serif;}
.inner-page  .acc__title.active {	border-bottom: none;	background: #3c366a;border-radius: 5px 5px 0 0;}
.inner-page  .acc__title.active  h3 { color:#fff; }
.inner-page  .acc__title.active  span.i-blk  { color:#fff; }

.faq_sec .acc__panel .padd {	padding: 8px 22px 22px; font-size: 15px;color: #333;}
.faq_sec .acc__panel .padd {	padding: 30px;	background: #f7f7f7;}




.industries_sec h2 { text-align: center; }

.industries_sec .img_blk {  display: block;  padding: 10px; position: relative;}
.industries_sec .img_blk article {
	position: relative;
	border: #d5d5d5 solid 1px;
}
.industries_sec .img_blk article h3 { position: absolute; bottom: 0px; left: 0px; }
.industries_sec .img_blk img { /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);*/ }
/*.industries_sec .img_blk article h3 {	position: absolute;	bottom: 0px;	left: 0px;	margin: 0;	background: rgba(0,0,0,0.5);	width: 100%;	font-size: 16px;	padding: 15px;	color: #fff;	text-align: center;}*/
.industries_sec .img_blk article h3 {	position: relative;	bottom: 0px;	left: 0px;	margin: 0;	background: rgb(240, 239, 244);	width: 100%;	font-size: 16px;	padding: 15px 25px;	color: #555;	text-align: center;	height: 70px;	font-weight: 500;	display: flex;	align-items: center;	justify-content: center;}

.industries_sec .indus_gallery {	padding: 0 70px;}
.industries_sec .fa.fa-chevron-left { color:#fff; }
.industries_sec .fa.fa-chevron-right { color:#fff; }

.industries_sec .slick-prev.slick-arrow, .industries_sec .slick-next.slick-arrow {top: 50%; }



.slick-arrow {	background: none;	border: #29325C solid 1px !important;	color: #29325C !important;	font-size: 20px;	width: 50px;	height: 50px;	padding: 0; border-radius: 5px;}
.slick-arrow:hover { background: none !important; }
.slick-prev.slick-arrow {	position: absolute;	right: 85px;	top: -65px;}
.slick-next.slick-arrow {	position: absolute;	right: 19px;	top: -65px;}


.product_box {	background: #f2f2f2;	padding: 35px 0;}
.product_box:nth-child(2n) { background: #fff; }
.product_sec_new { padding: 0px; }
.product_sec_new .row.row-r {	flex-direction: row-reverse;}
.product_sec_new .img_blk {	margin-bottom: 0px;  overflow: hidden; border: #ccc solid 1px; }


.product_sec_new .img_blk img { object-fit: cover; width: 100%; height: 100%; }

.product_sec_new  .slick-prev.slick-arrow {	position: absolute;	left: 0;	top: 0;	z-index: 1;	background: #161d3e !important;	top: 50%;	transform: translate(0%,-50%);	color: #fff !important;	width: 35px;	height: 35px;	font-size: 17px;}
.product_sec_new  .slick-next.slick-arrow {	position: absolute;	right: 0;	top: 0;	z-index: 1;	background: #161d3e !important;	top: 50%;	transform: translate(0%,-50%);	color: #fff !important;	width: 35px;	height: 35px;	font-size: 17px;}
.product_sec_new  .col-md-6:nth-child(n+3) { margin-top: 35px; }

.product_sec_new .p-r-p {	padding-right: 40px;}
.product_sec_new .product_box:nth-child(2n) .row.row-r {	flex-direction: initial;}
.product_sec_new .product_box:nth-child(2n) .p-r-p {	padding-left: 40px; padding-right: 0px;}
.product_sec_new .product_box p { font-size: 15px; }
.product_sec_new  h2 {	text-align: center;	margin: 0;	padding: 0 0 48px;	border-bottom: cadetblue;}


#footer h3 {	text-transform: inherit;	font-size: 20px;	color: #FFF;	font-weight: 600;}
.con_link p { position: relative; }
.con_link .fa {	position: absolute;	font-size: 22px;	top: 4px; left: 0px;}
.con_link p {	position: relative;	padding-left: 35px;}

.product_sec_new .product_box h2 p {  font-size: 20px;  padding: 10px 0 10px;}
.en_btn {	display: table;	margin: 25px auto 0;}
.book_btn:hover {  color: #fff !important }



/*******404****/

.error-tab { overflow:hidden; clear: both;}
.not-found  .intro.intro-small { display:none;}
.not-found {	background: #2d2d2d;	padding: 220px 0 140px;	text-align: center;	color: #fff;	width: 100%;	float: left;	margin-bottom: 0px;	font-size: 20px;	text-transform: uppercase;	font-weight: normal;}
.not-found .not-four {	display: block;	font-size: 250px;	line-height: 1.2;	color: #fff;	font-weight: normal;	text-shadow: 1px 19px 46px rgba(0,0,0,0.4);	padding: 0px 0 0;}
.not-found  p, .error-404  a  { color:#fff; font-size:16px; text-transform:uppercase; display:block; padding-top:20px;}
.not-foundh1 { color:#fff;}
.not-found h1 { color:#fff !important;}
@media(max-width:767px) {
.not-found .not-four { font-size:140px;}
.not-found { font-size:16px;}
.not-found  p, .not-found  a  { font-size:14px;}
}


.breadcrump-call a{ color: #fff; }
.product_box:nth-child(2n) {    background: #fff;    box-shadow: 5px 5px 25px 0px rgb(0 0 0 / 2%);    position: relative;}
.wpcf7-response-output {    color: #fff !important;    text-align: center;}
.page-id-280 .product_box .col-md-6 {	max-width: 100%;	flex: 0 0 100%;}
.template-content_blk {    padding: 60px 0;}
.welcome_sec .wrapp { background-size:cover;}
.fo_right a {	color: #fff;}
.copy_fo a {	color: #fff;}

#footer .social_fo ul li a {	text-decoration: none !important;}
.con_link p {	line-height: 23px;}

.welcome_sec {	width: 100%;	padding: 177px 0 40px;	background: linear-gradient(133.01deg, #FDFDFD 7.36%, #EFEFEF 45.99%, rgba(240, 240, 240, 0) 99.87%);	margin-top: -128px;}
.product_sec {	padding: 50px 0 30px;	background: #fff;}
.industries_sec {	padding: 50px 0;}
.faq_sec {	padding: 70px 0 0;}

.product_sec .img_blk {	position: relative;}
.product_sec .more_link {	display: block;	position: absolute;	width: 100%;	height: 100%;	left: 0;	top: 0;	}

.template-content_blk h2 strong, .template-content_blk h3 strong, .template-content_blk h4 strong {
	font-weight: 700;
}


.template-content_blk h2 {	font-size: 24px;	color: #354066;}
.template-content_blk h3 {	font-size: 20px;	color: #636464;}
.template-content_blk h4 {	font-size: 20px;	color: #636464;}

.banner_blk article {	background: rgba(0,0,0,0.4);	padding: 24px 45px;}
.banner_blk article {	background: #FFFFFF;	padding: 24px 45px;	max-width: 600px;	border-radius: 8px;	bottom: -101px;	position: relative;	box-shadow: 1px 1px 25px rgba(0,0,0,0.1);}
.home_banner h2 {	font-weight: 700;	margin: 0 0 18px;	font-size: 30px;	color: #29235C;	text-transform: ;}
.banner_blk article p {	font-size: 18px;	line-height: 29px;}
.welcome_sec h2 {	font-size: 30px;	color: #555;}
.industries_sec h2 {	text-align: center; color: #555; font-size: 30px;}
.h2, h2 {	color: #455290;}
.client_sec h2 {	color: #29325C;	font-size: 35px;	text-transform: uppercase;}
.faq_sec h2 {	font-size: 35px;	text-transform: uppercase;}
#footer .form_fo h3 {	color: #fff;	font-size: 35px;}

.logo {		margin-top: 0px; width: 375px;}
.logo::before{ content:''; position:absolute; width: 375px; height:157px; background:url(assets/images/logo-bg.png) no-repeat; top: 0;
z-index: -1; }
.top-right {		margin: 0 0 0;}


#header {	width: 100%;	position: absolute;	z-index: 1000;	padding: 0px 0px; top: 0px;}
.top-header {		padding: 11px 0px;	border-radius: 8px;	box-shadow: none;}
.logo a { display: block;	padding: 0 46px; width: 100%;}


.top-right {	float: right;	margin: 2px 0 0;}

.inner-banner {
	display: flex;
	align-items: center;
	padding: 0;
}
.home_banner .banner_blk {
	height: calc(100vh - 87px);
}


.home_banner .banner_blk {	height: calc(100vh - 178px);	margin-bottom: 128px;}



.slick-prev.slick-arrow {	position: absolute;	left: 0;	top: 40%;	transform: translate(0,-50%);}
.slick-next.slick-arrow {	position: absolute;	right: 0;	top: 40%;	transform: translate(0,-50%);}

.slick-arrow {	font-size: 20px;	width: 50px;	height: 50px;padding: 0;	border-radius: 5px;	background: linear-gradient(218.59deg, #404042 -45.53%, #676767 77.81%);	box-shadow: 0px -3px 25px rgba(0, 0, 0, 0.25);	transform: matrix(1, 0, 0, -1, 0, 0);	border-radius: 35px;}
.slick-arrow:hover { background:#000 !important; }

 .product_slider {	padding: 0 60px;}
.product_slider .fa.fa-chevron-left {	color: #fff;left: -2px;	position: relative;}
.product_slider .fa.fa-chevron-right {	color: #fff;right: -2px;	position: relative;}
.product_sec .img_blk {	position: relative;	background: #F0F0F4;	padding: 0px 0 0; border: #d5d5d5 solid 1px;}
.product_sec .padd_blk img {	box-shadow: inherit;	border-radius: 0;}

.welcome_sec h2, .product_sec h2, .industries_sec h2 {background:url(assets/images/bdr.png) no-repeat bottom  center; margin:0px 0px 20px; padding:0px 0px 25px; }
.quality_sec h2 {	width: 100%;	max-width: 100%;}


.reviews-sec .acc__title {	border: #272258 solid 1px;	margin-bottom: 15px;	border-radius: 5px;	color: #555;	padding: 10px 47px 10px 20px; position: relative;}
.reviews-sec .acc__title .i-blk {	position: absolute;	right: 14px;}
.reviews-sec .acc__panel {	display: none;}

.reviews-sec h2 {	background: url(assets/images/bdr.png) no-repeat bottom left;	margin: 0px 0px 30px;	padding: 0px 0px 25px; font-size: 30px; color: #555; }

.reviews-sec .padd_blk {	background: #F0F0F4;	padding: 45px;	border-radius: 10px;	margin-right: 40px;}

.client_slider  .fa.fa-star {	color: #FF4D00;	font-size: 22px;	margin: 0 10px 12px 0;}
.client_slider  .name_blk {	color: #272258;	font-weight: 700;	font-size: 18px;}

.reviews-sec { padding-bottom:50px;	 }
.slick-dots { margin:20px 0px 0px; padding:0px; }
.slick-dots li { list-style:none;  display:inline-block; vertical-align:top; margin-right:8px; overflow:hidden; }
.slick-dots li button { padding:0px; width:10px; height:10px; text-indent:55px; border-radius:25px; background:#A6A6A6; }
.slick-dots li.slick-active button{ width:25px; background:#272258; }

.reviews-sec .padd {	padding: 0 0 22px;}
.reviews-sec .padd p {	margin: 0;	font-size: 14px;	line-height: 24px;}

@media(min-width:1200px) {
.industries_sec .indus_gallery {		margin-left: -80px;margin-right: -80px;}
.product_slider 	{		margin-left: -80px;margin-right: -80px;}
}


.footer h3 { color:#fff; }
.footer h5 { color:#fff; font-size:16px;  }
.footer p { font-size:14px; }
.footer .con_link .padd + .padd { margin-top:20px; }
.footer .email-top { padding-top:20px; }
.footer a, #footer ul li a, #footer .con_link p, #footer .con_link a{ color:rgba(255, 255, 255, 0.7); text-decoration:none; }
.footer a:hover, #footer ul li a:hover, #footer .con_link a:hover { color:#fff; }

.fo-bt {	margin: 40px 0 0;	padding-top: 40px;border-top: #5D568C solid 1px; position: relative;}
.about-box {	width: calc(100% - 200px);position: relative;	padding-left: 295px;}
.about-box .fo-logo {	position: absolute;	left: 0;}
.about-box p { color:#fff; }

.copy_fo {	background: #F4F4F4;	padding: 15px 0;text-align: center;	color: #333;}
.copy_fo  a{ color:#333; }

.social-fo {	position: absolute;	right: 0;	top: 0;	margin-top: 55px;}
.social-fo ul { margin:0px; padding:0px; }
.social-fo ul li { float:left; margin-left:10px; }
.social-fo ul li a {	width: 38px;	height: 38px;	background: #fff;	color: #2D275D !important;	border-radius: 5px;	font-size: 22px !important;	text-align: center;	padding: 8px 0;}

.contact-us-page .padd_blk {background: #f2f2f2;	padding: 0; border: #d5d5d5 solid 1px;}
.contact-us-page h3 {	line-height: 1;	padding: 0 0 4px;	margin: 0 0 11px; font-size: 18px; font-weight: 600;}
.add-box { padding:30px; }
.add-box + .add-box {		border-top: #d5d5d5 solid 1px;}
.add-box:nth-child(2n) { background:#fff; }

.contact-us-page h2 {	text-align: center;		font-size: 30px;	color: #555; background: url(assets/images/bdr.png) no-repeat bottom center;
margin: 0px 0px 50px;padding: 0px 0px 35px;}
.contact-us-page p { margin:0px; padding:0px; }

.contact-form {height: 100%;	padding: 35px;	border: #d5d5d5 solid 1px;}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"] {
	width: 100%; 	height: 45px;	display: block;	margin: 20px 0 0;}

.contact-form textarea {
	width: 100%; 	height: 120px;	display: block;	margin: 20px 0 0;}	

.contact-form  .wpcf7-submit {width: 100%;	height: 55px;margin: 20px 0 0;border-radius: 8px !important;	font-weight: 600 !important;	font-size: 22px;}	

.inner-page .acc__card {	margin-bottom: 10px;}


.about-box-one figure.wp-block-image.size-full img {    width: 100%;      box-shadow: 0px 0px 25px rgb(0 0 0 / 20%);}
.two-box {   flex-direction: row-reverse;    margin: 67px 0 0;}
.two-box figure.wp-block-image.size-full img  { width:100%;     box-shadow: 0px 0px 25px rgb(0 0 0 / 20%); }
.two-box p, .about-box-one p { font-size:15px; line-height:25px;  text-align: justify; padding-right: 20px;}


section.product_sec.inner_product_sec {    padding-top: 0;}

.tube-product { background:#f2f2f2;  margin-bottom: 50px;]}
.tube-product .container { max-width:1000px; text-align:center; }

.tube-product h2 {    background: url(assets/images/bdr.png) no-repeat bottom  center;    margin: 0px 0px 20px;   padding: 0px 0px 25px;     color: #555555;    font-size: 30px;    font-weight: 700;    text-align: center; line-height:45px; }

.tube-product-new { margin-bottom:20px; }
.tube-product-new .padd {   border: #d5d5d5 solid 1px;   text-align: center;}

.tube-product-new .padd .img_blk {    position: relative;}
.tube-product-new .padd .img_blk span {    position: absolute;    top: 0px;    left: 0px;    background: #27275a;    padding: 10px 19px;    border-radius: 0px 0px 25px 0;}
.tube-product-new .col-lg-4 { margin-bottom:30px; }
.tube-product-new h3 {   font-size: 18px;    font-weight: 600;    text-align: center;    color: #555;    padding: 0 20px;    line-height: 27px;    height: 80px;    margin: 0;    display: flex;    align-items: center;    justify-content: center;}

#freequote-popup {    max-width: 500px;    background: #29235C;    border: rgba(255,255,255,0.2) solid 2px;    border-radius: 25px; }
#freequote-popup h2 { color:#fff; }
#freequote-popup h3 {    color: #fff;    font-weight: 500;   text-transform: uppercase;    text-align: center;    margin: 0 0 31px;}

#freequote-popup input[type="text"], #freequote-popup input[type="email"], #freequote-popup input[type="tel"],  #freequote-popup  textarea { width:100%; height:45px; margin-bottom:20px; border-radius:5px; }
#freequote-popup  textarea { height:80px; }
.fancybox-bg {    background: #cdcdcd !important; }
#freequote-popup {    max-width: 500px;    background: #29235C url(assets/images/call-bg.jpg) no-repeat  0 -1px;; background-size: cover ;    border: none;    border-radius: 15px;    box-shadow: 1px 1px 44px rgba(0,0,0,0.5);}
#freequote-popup input.wpcf7-submit {    width: 100%;    height: 55px;   border-radius: 5px;    background: #8c43ed !important;    margin: 0;    padding: 0;}
#freequote-popup span.wpcf7-spinner {    position: absolute;    left: 0;}

#freequote-popup {	display: none;}


.instrumentation-page .instrumentation-sec:nth-child(2n) {  background: #f2f2f2;}
.instrumentation-page .instrumentation-sec {  padding: 50px 0;}
.tube-product.instrumentation-product{ margin-bottom:0px; }

.instrumentation-page center {	padding: 0 0 30px; background: url(assets/images/bdr.png) no-repeat bottom center; margin-bottom: 50px;}
.instrumentation-page h3 { font-size:18px; font-weight:600; }
.instrumentation-page .p-img img {	box-shadow: 1px 1px 25px rgba(0,0,0,0.1);border: #d5d5d5 solid 1px;}
.instrumentation-page .p-img {	position: sticky;top: 120px;}


.instrumentation-page .padd_blk {	background: #fff;	padding: 25px;	height: 100%;	border: #ccc solid 1px;}
.instrumentation-page .pf-box  { margin:0px; }
.instrumentation-page .col-md-6 { padding:0px; }
.instrumentation-page .c-2 .padd_blk, .instrumentation-page .c-3 .padd_blk{ background:#5E5E64; }
.instrumentation-page .c-2 p, .instrumentation-page .c-3 p, .instrumentation-page .c-2 h3, .instrumentation-page .c-3 h3   { color:#fff; }
.instrumentation-page h2 {color: #555555;font-size: 30px;font-weight: 700;text-align: center;line-height: 45px; margin: 0px; padding: 0px;}
.instrumentation-page .sub-title {font-size: 20px;}




.footer_bt {	width: 100%;	position: fixed;	bottom: 0;	height: 70px;	background: #fff;	box-shadow: 0px -2px 8px 0px rgba(0,0,0,0.2);	z-index: 1000;	}
.footer_bt .m-btn {	float: none;margin: 11px auto 0;	display: table;	width: calc(100% - 160px);}
.footer_bt .m-btn a {	display: inline-block;	background: #222666;	height: 50px;	line-height: 50px;	padding: 0 17px;	color: #fff;	text-decoration: none;	font-size: 17px;	font-weight: 700;	text-transform: uppercase;	width: 100%;	text-align: center;	border-radius: 6px;	font-family: 'Poppins', sans-serif;}
.whatsapp-fix .fa.fa-whatsapp {	position: fixed;	z-index: 1000000000;	width: 45px;	height: 45px;	background: #428a21;	right: 21px;	font-size: 24px;	color: #fff;	border-radius: 100%;	padding: 10px 6px 6px 12px;	box-shadow: 1px 1px 9px rgba(0,0,0,.5);	bottom: 13px;}

.ring {	position: fixed;	bottom: 0;	left: 0;	transform: scale(0.7);	z-index: 100000;	transform-origin: 0;} 


.coccoc-alo-ph-circle {    width: 160px;    height: 160px;    top: 20px;    left: 20px;    position: absolute;    background-color: transparent;    -webkit-border-radius: 100%;    -moz-border-radius: 100%;    border-radius: 100%;    border: 2px solid rgba(30, 30, 30, 0.4);    opacity: .1;    -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;    -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;    -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;    -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;    animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;    -webkit-transition: all .5s;    -moz-transition: all .5s;    -o-transition: all .5s;    transition: all .5s;}
.coccoc-alo-phone {    background-color: transparent;    width: 200px;    height: 200px;    cursor: pointer;    z-index: 200000 !important;    -webkit-backface-visibility: hidden;    -webkit-transform: translateZ(0);    -webkit-transition: visibility .5s;    -moz-transition: visibility .5s;    -o-transition: visibility .5s;    transition: visibility .5s;    right: 150px;    top: 30px;}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {    background-color: rgba(0, 175, 242, 0.5);    opacity: .75 !important;}
.coccoc-alo-ph-circle-fill {    width: 100px;    height: 100px;    top: 50px;    left: 50px;    position: absolute;    background-color: #000;    -webkit-border-radius: 100%;    -moz-border-radius: 100%;    border-radius: 100%;    border: 2px solid transparent;    opacity: .1;    -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;    -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;    -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;    -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;    animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;    -webkit-transition: all .5s;    -moz-transition: all .5s;    -o-transition: all .5s;    transition: all .5s;}
.coccoc-alo-ph-img-circle {    width: 60px;    height: 60px;    top: 70px;    left: 70px;    position: absolute;    background: rgba(30, 30, 30, 0.1) url(https://drive.google.com/uc?id=1V3N2b79QjDWetC_ss9wI3c-xpWDymn9R) no-repeat center center;    -webkit-border-radius: 100%;    -moz-border-radius: 100%;    border-radius: 100%;    border: 2px solid transparent;    opacity: .7;    -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;    -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;    -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;    -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;    animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {    background-color: #00aff2;}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {    border-color: #00aff2;    opacity: .5;}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle {    border-color: #75eb50;    opacity: .5;}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill {    background-color: rgba(117, 235, 80, 0.5);    opacity: .75 !important;}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle {    background-color: #75eb50;}

@-moz-keyframes coccoc-alo-circle-anim {
0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1    }
30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5    }
100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1    }
}
@-webkit-keyframes coccoc-alo-circle-anim {
0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1    }
30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5    }
100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1    }
}

@-o-keyframes coccoc-alo-circle-anim {
0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1    }
30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5    }
100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1    }
}

@keyframes coccoc-alo-circle-anim {
    0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1    }
    30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5    }
    100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1    }
}

@-moz-keyframes coccoc-alo-circle-fill-anim {
    0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2    }
    50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2    }
    100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2    }
}

@-webkit-keyframes coccoc-alo-circle-fill-anim {
    0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2    }
    50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2    }
    100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2    }
}

@-o-keyframes coccoc-alo-circle-fill-anim {
    0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2    }
	50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2    }
    100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2    }
}

@keyframes coccoc-alo-circle-fill-anim {
    0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2    }
    50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2    }
    100% {transform: rotate(0) scale(.7) skew(1deg);opacity: .2
    }
}

@-moz-keyframes coccoc-alo-circle-img-anim {
    0% {transform: rotate(0) scale(1) skew(1deg)    }
    10% {transform: rotate(-25deg) scale(1) skew(1deg)    }
    20% {transform: rotate(25deg) scale(1) skew(1deg)    }
    30% {transform: rotate(-25deg) scale(1) skew(1deg)    }
    40% {transform: rotate(25deg) scale(1) skew(1deg)    }
    50% {transform: rotate(0) scale(1) skew(1deg)    }
    100% {transform: rotate(0) scale(1) skew(1deg)    }
}

@-webkit-keyframes coccoc-alo-circle-img-anim {
    0% { transform: rotate(0) scale(1) skew(1deg)    }
    10% { transform: rotate(-25deg) scale(1) skew(1deg)    }
    20% { transform: rotate(25deg) scale(1) skew(1deg)    }
    30% { transform: rotate(-25deg) scale(1) skew(1deg)    }
    40% { transform: rotate(25deg) scale(1) skew(1deg)    }
    50% { transform: rotate(0) scale(1) skew(1deg)    }
    100% { transform: rotate(0) scale(1) skew(1deg)    }
}

@-o-keyframes coccoc-alo-circle-img-anim {
    0% { transform: rotate(0) scale(1) skew(1deg)    }
    10% { transform: rotate(-25deg) scale(1) skew(1deg)    }
    20% { transform: rotate(25deg) scale(1) skew(1deg)    }
    30% { transform: rotate(-25deg) scale(1) skew(1deg)    }
    40% { transform: rotate(25deg) scale(1) skew(1deg)    }
    50% { transform: rotate(0) scale(1) skew(1deg)    }
    100% { transform: rotate(0) scale(1) skew(1deg)    }
}

@keyframes coccoc-alo-circle-img-anim {
    0% { transform: rotate(0) scale(1) skew(1deg)    }
    10% { transform: rotate(-25deg) scale(1) skew(1deg)    }
    20% { transform: rotate(25deg) scale(1) skew(1deg)    }
    30% { transform: rotate(-25deg) scale(1) skew(1deg)    }
    40% { transform: rotate(25deg) scale(1) skew(1deg)    }
    50% { transform: rotate(0) scale(1) skew(1deg)    }
    100% { transform: rotate(0) scale(1) skew(1deg)    }
}



@media (max-width: 767px) {
	
.footer_bt { display:block;}	
.whatsapp-fix .fa.fa-whatsapp {	position: fixed;	z-index: 1000000000;	width: 45px;	height: 45px;	background: #428a21;	right: 21x;	font-size: 24px;	color: #fff;	border-radius: 100%;	padding: 10px 6px 6px 12px;	box-shadow: 1px 1px 9px rgba(0,0,0,.5);	bottom: 13px; right: 20px;}
.ring {  position: fixed;  bottom: -65px;  left: -20px;  transform: scale(0.6);  z-index: 100000;  transform-origin: 0;}


}

@media (min-width:1024px) {.submenu-caret { display:none !important; } }
@media (max-width:1023px) {
#navigation ul.nav li { position:relative; }
.submenu-caret {
	position: absolute;
	color: #fff;
	top: 0;
	right: 0;
	width: 46px;
	background: #646464;
	height: 44px;
	padding: 10px 0;
}
#navigation ul.nav ul { display:none; margin-bottom: 0px;}
#navigation ul.nav ul li li a {
	font-size: 14px;
	padding: 4px 8px 4px 58px;
}
}




@media(min-width:768px) {
.hero_mobile-img { display:none !important; }
.footer_bt { display:none; }
.whatsapp-fix .fa.fa-whatsapp {
	position: fixed;
	z-index: 1000000000;
	width: 60px;
	height: 60px;
	background: #428a21;
	right: 20px;
	font-size: 45px;
	color: #fff;
	border-radius: 100%;
	padding: 6px 6px 6px 11px;
	box-shadow: 1px 1px 9px rgba(0,0,0,.5);
	bottom: 88px;
}
}


.contact-form .wpcf7-response-output {
    color: #333 !important;
}



.instrumentation-page.instrumentation-page-new .instrumentation-sec {
    padding: 0px 0 50px;
}
.tube-product .container p { text-align: left;
    text-align: justify;}
.tube-product .container p br {
    display: none;    
}

.tube-product .container {
    max-width: 1170px;
    text-align: center;
}


/**************/

.design1 .wmpci-popup-body {	border: 5px solid #fff;	background-color: #fff;	color: #fff;	max-width: 730px;}
.design1 .center-dv {	margin: 0 0 23px;}
.design1  .wpcf7-form-control-wrap {	display: block;	margin: 0 0 14px;}
.design1 .wmpci-popup-body {	border: none;	background-color: #455290;	color: #fff;	max-width: 550px;	padding: 0 21px;}
.design1 h3 {	color: #fff;	text-transform: uppercase;}
.design1 p {	color: #fff;}
.design1 input[type="text"], .design1 input[type="password"], .design1 input[type="email"], .design1 input[type="tel"] {	height: 50px;	padding: 10px 16px;	border: none;	border-radius: 7px;}
.design1 input.wpcf7-form-control.wpcf7-submit {	width: 100%;	height: 55px;	background: #13b2e3 !important;	border-radius: 5px;}
.design1  .wpcf7-spinner {	position: absolute;}
@media(max-width:767px ){	.wmpci-popup-open #wmpci-popup-wrp {	display: none;}
.wmpci-popup-open, .wmpci-popup-open body {	overflow: auto;}
}


.quote_scroll.right_form .wpcf7-response-output {
    color: #000  !important;
}

.ring i.fa.fa-phone {
    color: #fff;
    font-size: 30px;
    position: relative;
    left: 16px;
    top: 13px;
}