@import url("https://use.fontawesome.com/releases/v5.1.0/css/all.css");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700&display=swap");
html { text-size-adjust: 100%; }
* { box-sizing: border-box; list-style: none; outline: none; margin: 0px; padding: 0px; transition: none; }
body {font-family: "Source Sans Pro", sans-serif;font-size: 17px;font-weight: 400;line-height: 26px;position: relative;margin: 0px;padding: 0px;color: #24304c;overflow-x: hidden;background-color: rgb(255, 255, 255);}
.container { width: 100%; max-width: 1300px; margin: 0px auto; }
tt { font-family: "Source Sans Pro", sans-serif; }
iframe { border: none; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; margin: 0px; }
a, a:focus, a:hover { outline: none medium; text-decoration: none; color: rgb(42, 68, 126); }
ul, ol { padding: 0px; margin: 0px; list-style: none; }
.no-padding { padding: 0px; }
.cuani, a { transition: 0.4s; }
b, strong { font-weight: 600; }
::selection { background: rgb(36, 82, 121); color: rgb(255, 255, 255); }
.vcenter > .row { align-items: center; display: flex; flex-wrap: wrap; }
.imgdrk { filter: grayscale(1); }
.imgdrk:hover { filter: grayscale(0); }
.swbox { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.06) 0px 16px 40px 0px; border-radius: 6px; padding: 20px; }
.bgwhite { background: rgb(255, 255, 255); }
.w100 { width: 100%; }
@keyframes slide-down { 
  0% { opacity: 0; transform: translateY(-100%); }
  100% { opacity: 1; transform: translateY(0px); }
}
.full-height { min-height: 100vh; }
.section {background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;}
.section::before {content: "";position: absolute;inset: 0px;background: #ffffffb8;}
.section:hover::before {background: #d4d4d4d1;}
.content { position: relative; z-index: 1;    padding: 30px; }
.content h1,.content h2{font-size:35px;color: #2a447e;}
.logo {width: 320px;margin-bottom: 20px;}
.left-section { background-image: url("../images/hydrauliccylinder_bg.jpg"); }
.right-section { background-image: url("../images/hydrohytoscomponent_bg.jpg"); }
.animate > * { opacity: 0; transform: translateY(20px); animation: 0.8s ease 0s 1 normal forwards running fadeUp; }
.animate > :nth-child(1) { animation-delay: 0.2s; }
.animate > :nth-child(2) { animation-delay: 0.4s; }
.animate > :nth-child(3) { animation-delay: 0.6s; }
.animate > :nth-child(4) { animation-delay: 0.8s; }
@keyframes fadeUp { 
  100% { opacity: 1; transform: translateY(0px); }
}
.btn {transition: 0.3s;font-size: 20px;text-transform: uppercase;background: #2a447e !important ;color: #fff !important ;border: none;}
.btn:hover { transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 20px; }