/* ---------- FONTS ---------- */

body{
    font-family: 'Proxima Nova Alt Rg';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
}

h2 {
    margin-bottom:20px;
}

.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6{
    font-family: 'Neue Kabel';
}


@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1080px;
  }
}

.h1, h1 {
    font-size: 3.7rem;
    font-family: 'Felix Titling';
}

.h2, h2 {
    font-size: 3.2rem;
    font-family: 'Felix Titling';
}

.h3, h3 {
    font-size: 2.7rem;
    font-family: 'Felix Titling';
}

.h4, h4 {
    font-size: 2rem;
    font-family: 'Felix Titling';
}

.h5, h5 {
    font-size: 1.6rem;
}

.h6, h6 {
    font-size: 1.4rem;
    font-weight: normal;
}

.font-normal{
    font-weight:normal;
}

p {
    margin: 0 0 20px;
}

.relative{
    position:relative;
}

.font-bold{
    font-weight:bold;
}


/* ---------- BUTTONS ---------- */

.btn-primary {
    background-color: rgb(42, 139, 188);
    padding: 0.2rem 1.5rem;
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: rgb(18, 89, 125);
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
}
.btn-inverted {
    background-color:white;
    border: 2px #3544b1 solid;
    color: #3544b1;
    border-radius: 3px;
    padding: .7rem 1.5rem;
}

.btn-inverted:hover, .btn-inverted:focus {
    background-color: #3544b1;
    color: white;
}

.btn-inverted-orange {
    background-color: white;
    border: 2px solid rgba(247, 156, 55, 1);
    padding: .7rem 1.5rem;
    color: rgba(247, 156, 55, 1);
    font-weight: bolder;
}

.btn-inverted-orange:hover, .btn-inverted-orange:focus {
    background-color: rgba(247, 156, 55, 1);
    color: white;
}

/* ---------- Structure ---------- */ 

.section {
    padding: 50px 0;
}

.section .section {
    padding: 30px 0;
}

/* ---------- JUMBOTRON ---------- */

.jumbotron {
    background-color:rgba(16, 31, 60, 1);
    margin-bottom: 0;
    color:white;
}

/* ---------- NAVBAR ---------- */

.navbar{
    padding-top: 2.5rem;
    padding-bottom:0;
    z-index: 11;
}

.navbar-light .navbar-brand {
    color:#101f3c;
}

.navbar-brand {
    margin-right:30px;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.04rem;
    font-family: 'Proxima Nova Alt Rg';
    font-weight: 600;
    border-left: 1px solid #fff;
}

.navbar-light .navbar-nav .nav-item:first-child .nav-link{
    border:none;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color:rgba(16, 31, 60, 1);
}

.navbar-light .navbar-nav .nav-link.active {
    color:rgba(16, 31, 60, 1);
    font-weight: bold;
}

.navbar-expand .navbar-nav .nav-link {
    padding:0 1.2rem;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    line-height: 16px;
}

/* ---------- MAIN CONTAINER ---------- */

p a {
    color:#3544b1;
}

p a:hover, p a:focus {
    color: rgba(53, 68, 177, 0.8);
}

.grey-bg {
    background-color:#F9F7F4;
}

.orange-bg {
    background-color: rgba(247, 156, 55, .8);
    color: white;
}

/* ---------- BLOG on Homepage ---------- */

.blog-promoImage{
    border: 1px solid #b4c3cf;
    border-radius: 3px;
    background:#fff;
    padding: 3px;
}

.blog-promoImage img{
    border: 1px solid #9faeba;
    background:#fff;
    padding: 3px;
}

.pl-0{
    padding-left:0;
}

.box-blog {
    border: 1px solid #1b4a67;
    background:#e6ebf1;
    border-radius: 3px;
    padding:10px;
}

.box-blog .blog-meta {
    font-style: italic;
    color: rgba(0, 0, 0, .7);
    font-size: 13px;
}

.blog-box-btn {
    margin-bottom:10px;
}

/* ---------- ContantPage ---------- */

.sidebar-links {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sidebar-links li {
    line-height: 40px;
    font-size: 18px;
}

.sidebar-links h4 {
    margin-bottom: 20px;
}

.sidebar-links li a {
    color:#3544b1;
}

.sidebar-links li a:hover, .sidebar-links li a:focus {
    color: rgba(53, 68, 177, 0.8);
    text-decoration: none;
}

/* ---------- BLOG ---------- */

a.featured-link {
    color: #212529
}

a.featured-link:hover, a.featured-link:focus {
    text-decoration: none;
}

.featured-blog .image-box {
    width:100%;
    height: 300px;
    background-position: center;
    background-size: cover;
    margin-bottom:20px;
    border-radius: 3px; 
}

.thumbnail-blog {
    padding-bottom: 5px;
    border-bottom: rgba(53, 68, 177, 1) solid 2px;
    margin-bottom: 35px;
    transition: ease .5s;
}

.thumbnail-blog h5 {
    font-weight: 700;
}

.thumbnail-blog .thumbnail-img {
    width: 100%;
    height: 200px;
    background-position: center;
    background-size: cover;
    margin-bottom: 10px;
    border-radius: 3px;
    transition: ease .5s;
}

a.featured-link:hover .thumbnail-blog {
    border-bottom: #f79c37 solid 2px;
}

a.featured-link:hover .thumbnail-blog .thumbnail-img {
    opacity: .6;
}

/* ---------- BLOGPOST ---------- */

.intro {
    font-size: 125%;
    color: rgba(16, 31, 60, 1);
    margin-bottom: 30px;
    border-bottom:  #f79c37 solid 2px;
}

.meta-author.p-3 {
    padding: 0 !important;
}

.meta-meta a {
    color:#3544b1;
}

.meta-meta a:hover, .meta-meta a:focus {
    color: rgba(53, 68, 177, 0.8);
    text-decoration: none;
}

.blog-related {
    color:rgba(16, 31, 60, 1);
}

.blog-related h4 {
    text-decoration: underline;
}

.blog-related a {
    color:rgba(16, 31, 60, 1);
}

.blog-related a:hover, .blog-related a:focus {
    color:black;
    text-decoration: none;
}

/* ---------- CONTENTPAGE 2 ---------- */

div.teammember {
    line-height: 32px;
    font-size: 15px;
    margin-bottom: 100px;
}

/* ---------- FOOTER ---------- */

.footer {
    background-color:#1b264f;
    color: white;
}

.footer h4 {
    margin-bottom: 20px;
}

ul.footer-links {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.footer-links li {
    line-height: 32px;
}

ul.footer-links li a {
    text-decoration: none;
    color: rgba(255, 255, 255, .7);
}

ul.footer-links li a:hover, ul.footer-links li a:focus {
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
}

.footer img {
    width:30%;
}

/* ---------- STYLE FOR GRID EDITOR ---------- */

.grid-section .img-fluid img {
    max-width: 100%;
    height: auto;
}

body{
    background:url(/media/mg2ltbgi/bodybg.jpg) no-repeat center top / cover #fff;
}

.header-section{
    width:100%;
}
.header.GMPheader{
    width:100%;
    background: #fff;
    text-align: center;
}
.container-inner{
    max-width: 900px;
    margin: auto;
}

.welcome-text h6{
    font-size: 1rem;
}

.header{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo{
    text-align:center;
    padding: 40px 15px 0 15px;
    position: absolute;
    left: 0;
    right: 0;
}

.logo img{
    max-width: 680px;
    margin: auto;
    width: 100%;
}

nav.navbar .navbar-bg{
    background: #2a8bbc;
    margin: auto;
    border-radius: 5px;
    width: 100%;
    padding: 3px 0;
}

.navbar-nav .nav-link {
  color: #fff;
  text-transform: uppercase;
  font-size: 0.9rem;
}

.hax-animation-inner{
    
}

.hex-content{
    color: #fff;
    font-size: 1.1rem;
    text-align: left;
    padding: 25px 25px 25px 95px;
    background: #6e8a97;
    min-height: 220px;
    margin-left: -70px;
}

.hex-content h6{
    
}

.hex-animation-slide{
    background:url(/media/ph4jmkta/hex-bg.png) no-repeat center top / 100% auto;
    padding-bottom: 6rem !important;
}

.hex-shape{
    -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
    clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
    position:relative;
    z-index: 1;
}

.hex-shape img{
    -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
    clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
}

.hex-content-inner p{
    margin:0;
}

.hex-content-inner h4{
    font-family: 'Neue Kabel';
}

.hex-content{
    -webkit-clip-path: polygon(90% 0%,100.00% 49.00%,90% 100%,0% 99%,0.00% 0.00%);
    clip-path: polygon(90% 0%,100.00% 49.00%,90% 100%,0% 99%,0.00% 0.00%);
}
  
.shape-two{
    -webkit-clip-path: polygon(2% 0, 98% 0, 100% 50%, 98% 100%, 2% 100%, 0% 50%);
    clip-path: polygon(2% 0, 98% 0, 100% 50%, 98% 100%, 2% 100%, 0% 50%);
    background:rgba(255, 255, 255, 0.65);
} 

.hex-shape-left{
    -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0 52%);
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0 52%);
    color: #fff;
    font-size: 1.1rem;
    text-align: left;
    padding: 20px 25px 20px 95px;
    background: linear-gradient(to right,  rgba(155,187,209,1) 0%,rgba(155,187,209,1) 62%,rgba(155,187,209,1) 65%,rgba(155,187,209,1) 71%,rgba(155,187,209,1) 75%,rgba(155,187,209,0.8) 80%,rgba(155,187,209,0.6) 85%,rgba(155,187,209,0.2) 95%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    min-height: 140px;
    margin-left: 0;
}

.text-blue{
    color:#1b4a67;
}

.sky-bg{
    background:#2a8bbc;
}

.bg-blue{
    background:#2a8bbc;
}

.text-sky{
    color:#2a8bbc;
}

.welcome-text{
    font-size: 0.85rem;
    padding: 15px 40px;
}

.product-image img{
    border: 1px solid #1b4a67;
}

.sub-title{
    
}

.product-block{
    padding: 1rem;
}

.career-section .hex-content{
    min-height: 180px;
}

.career-section a{
    text-decoration:none;
    color:white;
}

.career-section a:hover{
    text-decoration:underline;
    color:white;
}

.blog-title{
    font-size: 0.75rem;
  font-weight: 500;
  font-family: 'Neue Kabel';
  line-height: 0.9rem;
}

.blog-more{
    font-size: 0.7rem;
    color:#2a8bbc !important;
    font-family: 'Neue Kabel';
    font-weight: 500;
}

.blog-block hr{
    width: calc(100% - 25px);
  margin: 10px auto;
  background: #526681;
  opacity: 1;
}

.copyright-message{
    font-size: 14px;
    font-family: 'Neue Kabel';
}

.footer-top{
    font-size: 0.9rem;
  color: #1b4a67;
  font-weight: 500;
  font-family: 'Neue Kabel'
}

.footer-menu .navbar-nav .nav-link{
    color: #1b4a67;
    text-transform: capitalize; 
    padding: 0 0 5px;
    font-size: 15px;
    font-size: 1.1rem;
}

.footer-menu .navbar-nav .nav-link:hover{
    text-decoration:underline;
}

.border-left{
    border-left:1px solid #fff;
}

.social-icon a{
    border-radius: 15px;
    color: #fff;
    background: #4275b0;
    display: block;
    text-align: center;
    padding: 10px;
    width: 66px;
}

.hex-main-content{
    max-width:580px;
}


.blog-content-section{
	overflow-y: scroll;
	overflow-x: hidden;
  	height: 100%;
	max-height: 210px;
	padding-right: 12px;
	direction: ltr;
	scrollbar-color: #a2b2c6 #ccc;
	scrollbar-width: thin;
	border-radius: 10px;
}

.blog-content-section::-webkit-scrollbar {
	width: 4px;
	border-radius: 10px;
}

.blog-block{
    padding: 5px 0;
}

.blog-content-section::-webkit-scrollbar-track {
	background-color: #e4e4e4;
	border-radius: 100px;
}

.blog-content-section::-webkit-scrollbar-thumb {
	border-radius: 100px;
	background-image: linear-gradient(180deg, #888888 0%, #888888 99%);
	box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
}

.career-section .hex-shape{
    padding: .15rem !important;
}

.product-hover{
    position: absolute;
    bottom: 0;
    opacity:0;
    background:rgba(255, 255, 255);
    transition: ease 1s;
    padding: 15px;
    height: 0;
    width: 100%;
    text-align: left;
    font-size:14px;
}

.facilities-block:hover .product-hover{
    opacity:1;
    height:100%;
}

.facilities-block{
    overflow: hidden;
    border-radius: 3px;
}

.product-code-table{
    width:100% !important;
}

/*.product-code-table > table, .table-responsive table{
    width:100% !important;
    font-size: 0.9rem;
    height: auto !important;
}*/

.product-code-table table{
    height: auto !important;
}

.product-code-table > table > thead th p{
    margin:0;
}

.product-code-table table p{
     margin:0;
     line-height:30px;
     font-size: 0.9rem;
}

.product-code-table > table > thead th,
.product-code-table table .tbl-heading th{
    text-align: center;
    color: rgb(255, 255, 255);
    background: rgb(42, 139, 188);
    border: 2px solid #1b4a67 !important;
    padding: 7px 0;
    height: auto !important;
    font-size: 0.9rem;
}

.product-code-table > table > thead tr{
    height: auto !important;
    font-size: 0.9rem;
}

.product-code-table table tr td{
    font-size: 0.9rem;
}

/*============= map section ==============*/

.hex-category-title .title{
    position: absolute;
    color: #fff;
    font-family: 'Proxima Nova Alt Rg';
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.3rem;
}

.hex-category-title .title a{
    color:#fff;
    text-decoration:none;
}

.hex-category-title .text-lg{
    font-size: 2rem;
    line-height: 2rem;
    min-height: 55px;
    display: flex;
    align-items: center;
}

.hex-category-title .synthesis{
    left: 43.5%;
    top: 8%;
    color: #222;
}

.hex-category-title .purification{
    left: 15%;
    top: 8%;
}

.hex-category-title .gmp-solutions{
    left: 71%;
    top: 8%;
    width: 140px;
}

.hex-category-title .cGMP-fine-chemicals{
    left: 2%;
    top: 49%;
    width: 140px;
}

.hex-category-title .large-volumne{
    left: 85%;
    top: 47%;
    width: 130px;
}

.hex-category-title .bio-buffers{
    left: 16%;
    top: 61.5%;
    width: 140px;
}

.hex-category-title .api{
    left: 45%;
    top: 59%;
    width: 100px;
    color: #222;
}
.hex-category-title .api a, .hex-category-title .small-nce a, .hex-category-title .chloriated a{ 
    color: #222;
}
.hex-category-title .diagnostic-lab {
    left: 16.5%;
    top: 85%;
    width: 131px;
}

.hex-category-title .contract{
    left: 70.5%;
    top: 59%;
    width: 145px;
}

.hex-category-title .small-nce{
    left: 29.5%;
    top: 73%;
    width: 135px;
    text-align: center;
    margin: auto;
    color: #222;
}

.hex-category-title .carbo{
    left: 3%;
    top: 73%;
    width: 112px;
}

.hex-category-title .fine-chemical{
    left: 58.5%;
    top: 65%;
    width: 100px;
}

.hex-category-title .parenteral{
    left: 85%;
    top: 73%;
    width: 138px;
}

.hex-category-title .chloriated{
    left: 58.5%;
    top: 73%;
    width: 111px;
    color: #222;
}

.hex-category-title .excipients{
    left: 72.5%;
    top: 87%;
    width: 100px;
}


/*======end=== map section ===========*/

/*============== search section ============*/

.search-block{
    padding: 0 15px;
    max-width: 280px;
    width: 100%;
    position:relative;
    margin:0px;
}

::placeholder {
  color: #2a8bbc;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
    color: #2a8bbc;
}

.search-block input[type="text"]{
    width: 100%;
    border: none;
    border-radius: 4px;
    padding: 5px 35px 5px 10px;
    color: #2a8bbc;
}

.search-block input[type="text"]:focus{
    border:none;
    outline:none;
}

.search-block button{
    position: absolute;
    right: 18px;
    background: none;
    border: none;
    color: #2a8bbc;
    top: 13px;
}

/*======end=== search section =========*/

/*======fade section =========*/

.fadein {
  opacity: 0;
  transition: all 1.5s;
  transform: translate(0, 150px);
}

.fadein.visible {
  opacity: 1;
  transform: translate(0, -50px);
}

/*======end ===fade section =========*/

/*=========== menu section =========*/

 .menu-row .menu-info {
	 margin-bottom: 30px;
	 font-size: 16px;
}

 .menu {
	 display: flex;
	 flex-wrap: wrap;
}
 .menu li {
	 margin-right: 10px;
}
 
/*=================*/

.copyright-message p{
    margin:0px;
}
/*=========== product section =========*/
.product-hex-box .hex-content {
    color: rgb(0, 0, 0);
    background: rgb(223, 229, 237);
    border-radius: 10px;
    padding: 20px;
}
.sub-heading {
    font-size: 1.5rem;
    font-weight: 600;
}
.sidebar-block {
    background: rgb(244, 247, 251);
}
.sidebar-heading {
    background: rgb(201, 217, 236);
}
.sidebar-content a {
    text-decoration: none;
    display: block;
}
.text-xs {
    font-size: 0.8rem;
}
.left-content-block {
    background: rgb(223, 229, 237);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(27, 74, 103);
    border-image: initial;
}
.left-content-block h4 {
    color: #2e8bbc;
}
.text-sm {
    font-size: 0.9rem;
}

table tr{
    height:auto !important;
}

table tr th {
    text-align: center;
    color: rgb(255, 255, 255);
    background: rgb(42, 139, 188) !important;
    border: 2px solid #1b4a67 !important;
    height: auto !important;
    padding: 7px 0 !important;
}

table tr th, table tr td {
    padding: 3px 8px;
}

table tr th {
    text-transform: uppercase;
}
.small-text {
    font-size: 0.7rem;
}
.sidebar-content ul {
    padding: 0px;
    margin: 0px;
}
.sidebar-content ul li {
    list-style: none;
    padding: 0.15rem 0px;
}
.bg-none {
    background: none;
}
table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
table tbody tr:nth-child(even) {
  background-color: #d3e0ef;
}
table tbody tr:nth-child(odd) tr{
    background:none;
}
table tbody tr:nth-child(even) tr{
    background:none;
}
table tbody > tr{
    height: auto !important;
}
table tbody > tr > td {
    padding: 5px 7px;
    font-weight: normal;
    letter-spacing: 0.5px;
    color: #231f20;
    border: 2px solid #1b4a67;
    height: auto !important;
}
table tbody > tr > td P{ color: #231f20 !important; }
.short_content {
    color: #fff;
}

table tbody > tr > td table tr td{
    border:none !important;
    padding: 0 !important;
}
.inner_table_product tbody tr td {border:none !important; }
.mr-2 {
    margin-right: 10px;
}
.mr-3 {
    margin-right: 16px;
}
.product-hex-rounded {
    filter: url(#goo);
}
.text-md {
    font-size: 1.2rem;
}
.coming_soon_section {
    padding-bottom: 15px;
}

.product-code-table tr td .page .section{
    padding: 0;
}

.product-inquiry-form{
    color:#fff;
}

.product-inquiry-form label.umbraco-forms-label{
    font-weight: normal;
}

.product-inquiry-form .umbraco-forms-form input.text, 
.product-inquiry-form .umbraco-forms-form input.title, 
.product-inquiry-form .umbraco-forms-form select, 
.product-inquiry-form .umbraco-forms-form textarea{
    margin: .2em 0;
    max-width: calc(100% - 20px ) !important;
    width: 100%;
}

.product-inquiry-form .umbraco-forms-form .umbraco-forms-field{
    margin: 1rem 0;
}

.product-inquiry-form .umbraco-forms-form fieldset{
    padding:0;
     margin: 0;
}

.umbraco-forms-page input[type="submit"]{
    background-color: rgb(42, 139, 188);
    padding: 0.2rem 1.5rem;
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    color:#fff;
}
        
.umbraco-forms-page input[type="submit"]:hover{
    background-color: rgb(18, 89, 125);
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
}

.product-inquiry-form .umbraco-forms-form span.contourError, 
.product-inquiry-form .umbraco-forms-form span.field-validation-error{
    font-size: 14px;
    color: red !important;
}
.top-texture{
    position:absolute;
    top: -30px;
}
.btn_nd {
    display: inline-block;
    /* font-weight: 400; */
    /* line-height: 1.5; */
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    /* padding: .375rem .75rem; */
    /* font-size: 1rem; */
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.search-list-content {
    font-size: 1.2rem;
    line-height: 1.8rem;
}
.search-list-content ul li{
    list-style: none;
    color: #fff;
}
.search-list-content ul li a, .cont_list{
    color: #fff;
}
.search-list-content ul li a:hover{
color: #fff;
}
.search-list-content ul {
    padding-left: 2px;
}
.search-list-content p {
   color: #fff;
}
.tabcontent ul li a,.tabcontent ul li {
    color: #fff;
}
.product-inquiry-form .umbraco-forms-submitmessage {
    font-size: 20px;
    font-weight: bolder;
    padding: 38px 22px 0px 22px;
    position: relative;
    display: flex;
}

.product-category-section h2 {
    color: #fff;
}
.search-list-content ul li a, .cont_list, .search-form-page, .only {
    color: #fff;
}
.pagination li a {
    color: #000 !important;
}
/*-------product-inquiry-page---------*/
#product-inquiry-page #umbraco_form_ed88f092d07f4ccca112222cc81ad6d7 {
    display: block;
}
.product-category-list {
    padding: 12px;
    border: 1px solid #ccc;
    border-top: none;
}
.product-category-list ul {
    color: #000;
    padding: 20px;
    margin: 0;
}
 .product-category-list ul li {
    padding: 3px 0;
    color: #000;
}
.product-category-list ul li a {
    text-decoration: none;
    color: #000;
}
.product-category-list ul li a:hover {
    color: rgb(42, 139, 188);
}
 .product-category-title {
    background-color: #2a8bbc;
    color: #fff;
    text-align: center;
    padding: 4%;
}


/*----------------*/
.product-code-table .table-responsive{
    overflow: inherit;
}

.table-responsive table.table{
    width: 100% !important;
}

/*----------corporate page ----------*/

.download-corporate{
  background: #4a6ba0;
  position: absolute;
  text-align: left;
  right: 120px;
  padding: 12px 140px 12px 20px;
  font-weight: 700;
  font-size: 18px;
  border-radius: 8px;
  z-index: 0;
  bottom: 20px;
  line-height: 22px;
  box-shadow: 0px 0px 10px #ddd;
}

.corporate-content{
    padding-bottom: 100px;
}

.corporate-listing{
    background:#e4e7f0;
}

.corporate-content-list .sub-heading{
    color:#2a3549;
    font-size:20px;
}

.corporate-content-list ul{
    color:#2a3549;
}

.corporate-content-area{
    padding:100px 0;
    background: rgb(174,186,214);
    background: linear-gradient(180deg, rgba(174,186,214,1) 0%, rgba(249,251,252,1) 100%);
}

.corporate-image-gallery{
    background:#fff;
}

.corporate-gallery .sub-title{
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    background: #fff;
    max-width: 400px;
    margin: auto;
}

.organization-profile .sub-heading{
    font-size:20px;
}

.organization-profile{
    background:#fff;
}


/*----end----corporate page ----------*/



/*-----------team page ------------*/

.team-photo img{
    border-radius: 100px;
    width: 200px;
    height: 200px;
    margin: auto;
    background: #2f8bbc;
    padding: 8px;
    box-shadow: 0px 0px 9px #333;
}

.team-photo{
    position:relative;
}

.member-name h5{
    -webkit-text-stroke: 1px #2f8bbc;
    color: #fff;
    font-weight: 700;
}

.email-hover, .phone-hover {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    font-size: 18px;
    opacity: 0;
    padding: 15px;
    flex-wrap: wrap;
    transition: opacity 0.3s ease-in-out;
}

.phone-hover a[href^="tel:"] {
    color: #fff;
}

.email-hover-effect {
    opacity: 1 !important;
}

.email-icon{
    cursor:pointer;
}

.phone-icon{
    cursor:pointer;
}
.phone-hover p {
    margin:0;
}
/*---------end-team page ----------*/
.request_frm .checkboxlist label {
    float: none !important;
}
.request_frm .umbraco-forms-form .checkboxlist {
    float: none !important;
}
.request_frm .umbraco-forms-form span.field-validation-error {
    color:red !important;
}
/* Initial styles */
        #coastech {
            display: none; /* Default state is hidden */
        }
.horizontal-menu{border-radius:5px; display:flex;justify-content:center;list-style:none;border-bottom:solid 1px #b6c5dd;margin:0px 0 20px;padding:0px; background:#cfcfcf; flex-wrap: wrap; justify-content: start;}    
.horizontal-menu li{padding:15px 25px 15px;margin:0px; width:33.33%; border-bottom: 1px solid #a7a0a0;}
.horizontal-menu>li{width:33.33%;}
.horizontal-menu>li>ul>li{width:100%;}
.horizontal-menu>li>ul{display:none;position:absolute;background:#fff;padding:5px 10px;top:auto;margin-top:15px;}
.horizontal-menu>li:hover>ul{display:block;}   
.horizontal-menu>li>ul>li{padding:5px 5px;margin:0px;}
.horizontal-menu>li>a{color:#000;text-decoration:none;font-size:18px;}

.product-list{list-style:none;display:flex;gap:0;flex-direction:column;margin:0 -5px;padding:0;}    
.product-list>li{padding:0 5px;}
.product-list>li>a{color:#000;text-decoration:none}
.product-list>li>a>h2{font-size:28px;color:#000;margin:0;padding:0px 0 10px;}
.product-list>li>ul{display:flex;list-style:none;flex-direction:row;margin:0;padding:0;flex-wrap:wrap}
.product-list>li>ul>li{width:25%;}
.product-list>li>ul>li>a>h2{font-size:20px;text-decoration:none;color:#000;text-align:center;padding:10px 0;}
.product-list>li>ul>li>a{display:flex;flex-direction:column}        
.product-list>li>ul>li>a>img{width:100%;max-height:350px;object-fit:cover;height:350px}  


.productlist .modal-content{max-width:600px;}
.productlist .modal-content h2{color:#000;font-size:25px;}
.productlist .modal-content .close{position:absolute;right:10px;top:10px;}    

.productlist .modal-content img{max-height:500px;object-fit:cover;margin-bottom:15px;}
/*li#item-7305 {*/
/*    display: none;*/
/*}*/
#techDoc, #coasDoc{float:right;font-size:16px;position:absolute;right:10px;top:8px;cursor:pointer}
#techDoc:hover, #coasDoc:hover{color:#fff}

.sidebar-heading{position:relative}
.construction_img {
    text-align: center;
}

/*============ history page =============*/

.history-content{
    font-weight: 600;
}

.history-year a{
    text-decoration:none;
    color:#6c95c4;
    font-style:italic;
    font-weight:bold;
}

.history-graphic{
    background:#fff url(/media/2bbjnhnw/history-top-graphic.svg) no-repeat center top / 100% auto;
}

.history-epilogue .history-graphic{
    padding:50px 0 170px;
}

.history-list:nth-child(even){
    flex-direction:row-reverse;
}

.history-list:nth-child(even) .history-mid{
    flex-direction:row-reverse;
}

.history-list:nth-child(even) .history-mid .history-year{
    text-align:right;
    padding-right:20px;
}
/*============ product list page =============*/
.prodt_list_fotr p {
    font-weight: bold;
    text-align:center;
}

.history-timeline-inn{
    padding: 0 15px;
}

/*============ SDS page =============*/
.sds-title {
    background: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    padding: 10px 20%;
}

.sds-sub-title a{
    text-decoration:underline;
    color:#fff;
    font-size:20px;
}

.sds-download a{
    display: inline-block;
    color: #000;
    font-size: 20px;
    background: #92d8f3;
    border: 1px solid #fff;
    padding: 8px 15px;
    margin: 10px 0;
    border-radius: 10px;
    font-weight: 600;
    padding: 10px 70px;
}

.sds-sub-title a:hover{
    text-decoration:none;
}

.hex-category-title .title.text-lg:hover {
    text-shadow: unset !important;
}

.des.my-3.small-text1 {
    font-size: 15px;
}
/*============ document list =============*/
.document-list{ margin:0px; padding:0px; list-style:none}
.document-list li{ padding: 0 0 3px 150px; position:relative; min-height:148px; display:flex; align-items:end; flex-wrap:wrap; margin-bottom:50px;}
.document-list li .list-thumb{  position:absolute; left:0px; top:0px; width:130px; height:145px; box-shadow:0 0 15px #ccc; }
.document-list h3{ margin-bottom:25px; font-size:27px; color:#000}
.btn-download{ border-radius:30px; font-size:18px; color:#fff; text-decoration:none; width:212px; margin-bottom:10px; height:30px; display:inline-flex; align-items:center; justify-content:center;}
.btn-download:hover{ text-decoration:none; color:#fff}
.bg-gradiant-block{background: rgb(102,132,178);
background: linear-gradient(-283deg, rgba(102,132,178,1) 0%, rgba(78,76,77,1) 100%);}
.seprator{ height:10px;}
.click-to-preview{ font-size:18px; padding:15px; margin-bottom:0px;}
.document-search-block{ margin-bottom:65px;}
.document-search-block input{ font-size:19px; display:inline-block; width:100%; outline:0px; height:50px; max-width:618px; border:0px; text-align:center;color:#fff}
.page-title{ font-size:27px}

.document-search-block ::-ms-input-placeholder { /* Edge 12-18 */
  color: white;
}

.document-search-block ::placeholder {
  color: white;
}

.miscellaneous-popup{
    background-color: rgba(0, 0, 0, 0.8) !important;
}

.miscellaneous-popup .modal-content{
    max-width: 650px;
    width: calc(100% - 25px);
    border-radius: 0;
    box-shadow: 0px 0px 7px #fff;
    border: none;
}

.miscellaneous-popup .slick-prev{
    background:url(/media/22ub0xhc/arrow-left.svg) no-repeat center left !important;
    width: 100px;
  height: 100px;
  left: -150px;
  opacity: 1 !important;
  font-size: 18px;
}

.miscellaneous-popup .slick-next{
    background:url(/media/eobjdae2/arrow-right.svg) no-repeat center right !important;
    width: 100px;
  height: 100px;
  right: -150px;
  opacity: 1 !important;
  font-size: 18px;
}

.miscellaneous-popup .slick-next:before{
    content:"" !important;
    display:none !important;
}

.miscellaneous-popup .slick-prev:before{
    content:"" !important;
    display:none !important;
}


.miscellaneous-popup .modal-content .close{
    text-align:right;
}
/*============ sustainability list =============*/
.bg-lightblue {
    background:#92d8f3;   
}

.miscellaneous-popup .layslider div img{
    text-align:center;
    margin:auto;
}

.menu-bottom{
    background: #2a8bbc;
    margin: auto;
    border-radius: 5px;
    width: 100%;
    padding: 10px 0;
    display: flex;
    justify-content: center;
}

.menu-bottom .navbar-nav{
    flex-direction:row;
}

.menu-bottom li{
    display:inline-block;
}

.menu-bottom li:last-child a{
    border:none;
}

.menu-bottom a{
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 2px 16px;
    text-align: center;
    border-right: 1px solid #fff
}

table.all-package{
     border-collapse: separate;
     display:flex;
     flex-direction:column;
}

table.all-package thead{
    border:solid 4px #2f8bbc;
    border-radius:50px;
     background:rgba(185,229,249,0.75) !important;
     margin-bottom:20px;
}

table.all-package thead tr{margin-bottom:10px;}

table.all-package thead th{
    background:none !important;
    margin-bottom:15px;
    border:none !important;
    width:25%;
    color:#000;
    font-weight:normal;
    text-transform:none;
    text-align:left;
    padding:10px 15px !important;
    font-size:20px;
}
table.all-package.three-col-tbl thead tr {
    display: flex;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

table.all-package.three-col-tbl thead th{
    margin-bottom:0px;
    width:33%;
    
}

table.all-package tbody{
    background:rgba(242,249,252,0.75);
      border:solid 4px #2f8bbc;
    border-radius:50px;
    overflow:hidden;
    padding:20px;
}

table.all-package>tbody>tr:nth-child(odd){
     background:none !important;
     margin-bottom:10px;
     display:flex;
     padding:5px;
}
table.all-package>tbody>tr:nth-child(even){
     background:rgba(185, 229, 249, 0.75) !important;
     margin-bottom:10px;
      display:flex;
      padding:5px;
}

table.all-package tbody td{
    background:none !important;
    border:none !important;
    width:100%;
    color:#000;
    font-weight:normal;
    text-transform:none;
    text-align:left;
    padding:0px 15px !important;
    font-size:16px;
    border-right:solid 2px #2f8bbc !important;
}


table.all-package tbody td:last-child{border:none !important}
table.all-package table.child-table td{width:25%}
table.all-package table.child-table tbody{border:none;background:none}
table.child-table tbody>tr{border-bottom:solid 15px transparent;}
table.child-table tbody>tr:nth-child(even){background:rgba(185, 229, 249, 0.75) !important;}
.btn-bordered{border:solid 2px #000;padding:10px;text-align:center;margin:10px auto}
.table-responsive{overflow:auto}
table.all-package.fourth-col-tbl thead th {
    width: 20%;
}
.statement-list{margin-bottom:25px;}
.arrow-box.content, .arrow-box{
    display:flex;
    text-align:left;
    position:relative;
    
}
.arrow-box.content{margin-left:100px;}



.arrow-box{text-align:center;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center}
 
.arrow-box a{font-size:12px;text-decoration:none;color:#000;}
.toggle-link{margin-bottom:25px;}
.toggle-link a{color:#000;text-decoration:none;font-size:20px;} 

.arrow-box.content>div, .arrow-box>div{
 background:#e7ecf4;   
 padding:10px;
 width:100%;
}
.arrow-box>div{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.arrow-box h2{
    font-size:25px;
}
.arrow-box.content:after{
   content:'';
    clip-path: polygon(31% 51%, 64% 100%, 64% 1%); 
    background:#e7ecf4;width:150px;
    position:absolute;
    left:-96px;top:0;bottom:0;
}
.arrow-box.content:before, .arrow-box:after{
    content:'';
    background:#e7ecf4;width:150px;
    position:absolute;
    right:-54px;top:0;bottom:0;
  clip-path: polygon(97% 52%, 64% 100%, 64% 1%);
}

.header{position:relative;z-index:100;box-shadow:0 0 10px rgba(0,0,0,0.5)}
.corporate.slider_bar button{width:35px;height:35px;border:solid 1px #1b4a67;border-radius:50%;z-index:1}
.corporate.slider_bar button:before{color:#1b4a67}


.ecovadis-section{
    margin: auto;
}

#sustainability-video{
    transform: inherit !important;
}

.sustainability-menu{
    padding:0 0 30px 0;
    z-index: 10 !important;
}

.sustainability-menu ul li.nav-item{
    margin:0;
}

.sustainability-menu ul li.nav-item .nav-link{
    padding: 0 1rem;
    font-weight: normal;
}

.bg-lightblue-gradient{
    background: rgb(235,249,255);
    background: radial-gradient(circle, rgba(235,249,255,1) 0%, rgba(187,228,246,1) 100%);
}

.gradient-dark{
    background: rgb(75,108,161);
    background: linear-gradient(90deg, rgba(75,108,161,1) 0%, rgba(35,31,32,1) 100%);
}

.ecovadis-section-main{
    border-top: 2px solid #000;
}

.product-listing-ui > h5{
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    margin: auto;
    text-align: center;
}

.product-listing-ui{
    position: relative;
    padding-top: 50px !important;
}

.product-form-table table tr th {
  text-transform: capitalize;
  background: #101633 !important;
  color: #fff;
  padding: 5px 8px;
}

.product-form-table .thead-main tr th {
  background: rgb(42, 139, 188) !important;
}

.product-form-table table tr td {
  padding: 3px 8px;
  background: #fff;
  color: #000;
  padding: 7px 8px;
  border: 2px solid #1b4a67;
}

.product-cat-top{
    background: #fff;
    /*border: 10px solid #1c2e5a;*/
    margin-bottom: 30px;
}



@media (max-width: 580px) {
    .construction_img img {
        width: 100%;
        margin: 0 auto;
    }
}
@media (min-width: 769px) {
    .product-inquiry-form .umbraco-forms-fieldset .row-fluid{
        display: flex;
        flex-wrap: wrap;
        margin-right: calc(var(--bs-gutter-x) * -.5); 
        margin-left: calc(var(--bs-gutter-x) * -.5);
    }
    
    .column-count{
        column-count: 2;
        column-gap: 25px;
    }
    
    .column-count li{
        break-inside:avoid;
    }
}

@media (max-width: 768px) {
    .product-inquiry-form .umbraco-forms-form input.text, 
    .product-inquiry-form .umbraco-forms-form input.title, 
    .product-inquiry-form .umbraco-forms-form select, 
    .product-inquiry-form .umbraco-forms-form textarea{
        max-width:100% !important;
    }
    .product-list>li>ul>li>a>img {max-height: 290px;height: 200px;}
    
    .miscellaneous-popup .slick-prev{
       left:0;
       width:50px;
       height:50px;
       z-index: 1;
    }
    
    .miscellaneous-popup .slick-next{
       right:0;
       width:50px;
       height:50px;
    }
    
    .menu-bottom li{
        display:block;
    }
    
    .menu-bottom li a{
        display:block;
        border-right:0px;
        border-bottom:1px solid #fff;
        padding: 4px 16px;
    }
    
    .menu-bottom li:last-child a{
        border:none;
    }
    
    .menu-bottom ul{
        display:block;
        width:100%;
    }
    
    .menu-bottom{
        padding:0;
    }
}

@media screen and (max-width:767px){
.product-list>li>ul>li{width:50%}
.product-list>li>a>h2{font-size:25px;}
.sidebar-block.mb-5{margin:25px 0 10px !important;}
.document-list {padding: 0 15px;}
.document-list h3 {font-size: 18px;}
.btn-download {font-size: 16px;width: 160px;}
.document-list h3 {margin-bottom: 13px;}
.document-search-block {margin: 5px 5px 50px 5px;}
.document-search-block input {font-size: 13px;}
table.all-package thead th{font-size:16px;}
table.all-package{min-width:500px !important}
table.all-package tbody{padding:20px 0;}
.all-package table{margin:0px !important;}
.arrow-box.content:after, .arrow-box.content:before, .arrow-box:after{display:none}
.arrow-box.content{margin-left:0px;}
.toggle-link{text-align:center}
}

.transform-reset {
    transform: translateY(105px) !important;
}
.produtc-list-footer p {
    text-align: left !important;
    padding-left: 40px;
}
.click_text {
    font-size: 15px;
    padding: 5px;
    color: #333;
}
.bbs-heading { padding-left:20px; margin-bottom: 15px;}
nav.navbar.sustainability-menu .navbar-bg {
    padding: 0px;
    width:auto;
}
nav.navbar.sustainability-menu .navbar-nav .nav-link{
   font-size: 0.8rem;
}

.sustainability-menu .mobile-menu {
    display: block;
    min-height: auto;
    position: relative;
}

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

.order-form-block .umbraco-forms-page .umbraco-forms-fieldset+.umbraco-forms-fieldset{
    margin-top: 15px;
}

.order-form-block .umbraco-forms-page .umbraco-forms-fieldset+.umbraco-forms-fieldset input.text{
    max-width: 100% !important;
    border: 1px solid #1b4a67;
    margin: 0;
    text-align: center;
    outline: none;
    padding: 7px 0;
}

.order-form-block .umbraco-forms-page .umbraco-forms-fieldset+.umbraco-forms-fieldset .umbraco-forms-field-wrapper{
    position:relative;
}

.order-form-block .umbraco-forms-page .umbraco-forms-fieldset+.umbraco-forms-fieldset .umbraco-forms-field-wrapper:before{
    content: "";
    position: absolute;
    right: 0;
    width: 60px;
    background: #1b4a67;
    top: 31px;
    left: 0;
    height: 1px;
    margin: auto;
}

.order-form-block .umbraco-forms-page .umbraco-forms-fieldset+.umbraco-forms-fieldset span{
    background: #fbe3e4 !important;
    font-size: 11px;
    font-weight: normal;
    padding: 0;
}

.order-form-block .umbraco-forms-page .umbraco-forms-fieldset + .umbraco-forms-fieldset .umbraco-forms-container.col-md-4 .umbraco-forms-field .umbraco-forms-field-wrapper span:before{
    background: #fff;
}

.order-form-block .umbraco-forms-page .umbraco-forms-fieldset+.umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-label{
    background: #101633 !important;
    color: #fff;
    padding: 5px 8px;
    border: 1px solid #1b4a67;
    text-align:center;
    font-weight: 600;
}

.order-form-block .umbraco-forms-page .umbraco-forms-fieldset+.umbraco-forms-fieldset h6{
    background: #fff;
    padding: 6px 10px 7px;
    color: #101633;
    border: 1px solid #1b4a67;
    text-align: center;
    font-size: 1.15rem;
    font-weight: 600;
    font-family: 'Proxima Nova Alt Rg';
}

.order-form-block .umbraco-forms-page .umbraco-forms-fieldset+.umbraco-forms-fieldset .umbraco-forms-container.col-md-4 .umbraco-forms-field{
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    margin-bottom: 5px;
}

.order-form-block .umbraco-forms-page .umbraco-forms-fieldset+.umbraco-forms-fieldset .umbraco-forms-container.col-md-4 .umbraco-forms-field label{
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.order-form-block .umbraco-forms-page .umbraco-forms-fieldset+.umbraco-forms-fieldset .umbraco-forms-container.col-md-4 .umbraco-forms-field .umbraco-forms-field-wrapper{
    width:100%;
}

.order-form-block .umbraco-forms-page .umbraco-forms-fieldset+.umbraco-forms-fieldset .umbraco-forms-container.col-md-4 .umbraco-forms-field .umbraco-forms-field-wrapper input.text {
    background: #101633;
    color: #fff !important;
}

.order-form-block .umbraco-forms-page .umbraco-forms-navigation input.primary{
    background: #101633;
    border: 1px solid #fff;
    letter-spacing: 1px;
    padding: 0.5rem 1.5rem;
    border-radius: 100px;
}

.order-form-block .umbraco-forms-page .umbraco-forms-navigation input.primary:hover{
    background: rgb(42, 139, 188);
    border: 1px solid #fff;
}

.product-inquiry-section .umbraco-forms-page input[type="submit"]{
    background: #101633;
    border: 1px solid #fff;
    letter-spacing: 1px;
    padding: 0.5rem 1.5rem;
    border-radius: 100px;
}

.product-inquiry-section .umbraco-forms-page input[type="submit"]:hover{
    background: rgb(42, 139, 188);
    border: 1px solid #fff;
}

.order-form-block .umbraco-forms-page .umbraco-forms-fieldset + .umbraco-forms-fieldset .umbraco-forms-container:first-child .umbraco-forms-field-wrapper:before{
    display:none;
}

.order-form-block input[type="number"]::-webkit-outer-spin-button,
.order-form-block input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.order-form-block input[type="number"] {
    -moz-appearance: textfield;
}

.order-form-block .totalprice .umbraco-forms-field-wrapper .text{
    text-align: left !important;
    padding-left: 50px !important;
}

.order-form-block .totalprice .umbraco-forms-field-wrapper:before{
    width: 115px !important;
    content: "" !important;
    display: block !important;
}

.order-form-block .totalprice .umbraco-forms-field-wrapper:after{
    content: "$";
    position: absolute;
    top: 50%;
    left: 32px;
    transform: translateY(-50%);
}
.des.distributorsText.small-text {
    max-width: 210px;
    width: 100%;
    margin-top: 5px;
    padding: 0 0 10px 0;
}

body .umbraco-forms-page .umbraco-forms-caption{
    line-height: inherit !important;
}

.header-top p{
    font-size: 20px;
}

.header-top{
    padding-bottom: 0 !important;
}

.product-cat-two-col ul li{
    padding:5px 0;
}

.haxgon-title{
    position: absolute;
    top: 286px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    max-width: 465px;
    background: #1d4b67;
    padding: 10px;
}



@media (min-width: 768px) {
  .order-form-block .umbraco-forms-page .umbraco-forms-fieldset+.umbraco-forms-fieldset .umbraco-forms-container.col-md-1{
    width: 14%;
  }
}

@media (min-width: 769px) {
    .product-inquiry-form .umbraco-forms-fieldset .row-fluid{
        display: flex;
        flex-wrap: wrap;
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-left: calc(var(--bs-gutter-x) * -.5);
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    .order-form-block .umbraco-forms-page .umbraco-forms-fieldset + .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-label{
        font-size: 12px;
    }
    
    .order-form-block .umbraco-forms-page .umbraco-forms-fieldset + .umbraco-forms-fieldset .umbraco-forms-field-wrapper{
        font-size: 14px;
    }
    
    .order-form-block .umbraco-forms-page .umbraco-forms-fieldset + .umbraco-forms-fieldset h6{
        font-size: 12px;
        padding: 8px 10px;
    }
    
    .order-form-block .umbraco-forms-page .umbraco-forms-fieldset + .umbraco-forms-fieldset .umbraco-forms-field-wrapper::before{
        top: 26px;
    }
    
    .order-form-block .totalprice .umbraco-forms-field-wrapper::after{
        left: 20px;
    }
    
    .order-form-block .totalprice .umbraco-forms-field-wrapper .text{
        padding-left: 33px;
    }
}

@media (max-width: 768px) {
    .product-inquiry-form .umbraco-forms-form input.text, 
    .product-inquiry-form .umbraco-forms-form input.title, 
    .product-inquiry-form .umbraco-forms-form select, 
    .product-inquiry-form .umbraco-forms-form textarea{
        max-width:100% !important;
    }
    
    .container, .container-sm {
        max-width: 100%;
    }
    
    .order-form-block .umbraco-forms-page .umbraco-forms-fieldset+.umbraco-forms-fieldset .row-fluid{
        display: flex;
        flex-wrap: wrap;
    }
    
    .order-form-block .umbraco-forms-page .umbraco-forms-fieldset+.umbraco-forms-fieldset .row-fluid .umbraco-forms-container:nth-child(1){
        width:100%;
    }
    
    .order-form-block .umbraco-forms-page .umbraco-forms-fieldset+.umbraco-forms-fieldset .row-fluid .umbraco-forms-container{
        width: 50%;
    }
}

.row.pdf_section {
    text-align: center;
}