@charset "utf-8";
/* CSS Document */
body, header, section, footer, div, ul, li, a, h1, h2, h3, h4, h5, h6, p, span, aside{margin:0; padding:0;}
body{background:#E0E0E0 !important;}
.mrgn-btm30{
	margin-bottom:30px;
}
.ctogle-btn{
	background:#1d5579 !important;
}
header{
	width:100%;
	position:relative;
	background:#fff;
	box-shadow: 0px 0px 10px #000;
}
header .custom-navbar{
	padding:0 !important;
}
header .custom-navbar-nav li a{
	font-size:14px;
	text-transform:uppercase;
	color:#000 !important;
	font-weight:500 !important;
	line-height:30px;
}
header .custom-navbar-nav li a:hover, header .custom-navbar-nav li a.active{
	color:#1d5579 !important;
}
header .custom-dropdown-nav li a.active{
	color:#fff !important;
	background-color:#24619b;
}
.custom-navbar-nav li a:focus-visible, .custom-navbar-nav li:focus-visible{
	border:none !important;
}
.custom-slider-controler{
	bottom:-22em !important;
    left:-1em !important;
}
.custom-slider-controler li{
	width:8px !important;
    height:8px !important;
	border-radius:50%;
}
.slider-area {
    background: url(../images/slider-bg.jpg);
    height: 750px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	margin-top:97px;
	padding-top:150px;
}
.move-text{
	width:100%;
    position:relative;
	display:inline-block;
}
.move-text h3{
	width:49%;
    float:left;
	margin-bottom:0;
	/*margin-right:10px;*/
	font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    color: #808080 !important;
    text-align: left;
    font-family: "ITC Eras Bold";
    font-style: italic;
	display:inline-block;
    position:relative;
    padding-right:10px;
}
.move-text h4{
	width:49%;
    float:left;
	margin-bottom:0;
	margin-left:10px;
	font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    color: #808080 !important;
    text-align: left;
    font-family: "ITC Eras Bold";
    font-style: italic;
}
.move-text-home h3{
	width:46% !important;
}
.move-text-home h4{
	width:49%;
}
.move-text-drilling h3{
	width:47.5% !important;	
}
.move-text-drilling h4{	
}
.move-text-reduction h3{
	width:52%;	
}
.move-text-reduction h4{	
	width:40%;
}
.move-text-shock h3{
	width:58% !important;	
}
.move-text-shock h4{	
	width:40% !important;
}
.move-text-brust h3{
	width:50.7% !important;
}
.move-text-brust h4{
	width:45% !important;
}
.move-text-hydraulic h3{
	width:50% !important;
}
.move-text-hydraulic h4{
	width:46% !important;
}

section .slider-static-text h1{
	font-family: "ITC Eras Bold";
	font-style:italic;
	font-size:46px;
	font-weight:700;
	text-transform:uppercase;
	color:#fff;
	margin-bottom:16px;
	text-align:center;
	margin-top:0rem;
	/*text-shadow:3px 4px 1px #000000,
	    1px 2px 1px #000000,
        1px 3px 1px #000000,
        1px 4px 1px #000000,
        1px 5px 1px #000000,
        1px 6px 1px #000000,
        1px 7px 1px #000000,
        1px 8px 1px #000000,
        1px 9px 1px #000000,
        1px 10px 1px #000000;*/
}
.ctext-animat{
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
}

.ctext-animat:first-of-type {    /* For increasing performance 
                       ID/Class should've been used. 
                       For a small demo 
                       it's okaish for now */
  animation: showup 7s infinite;
}

.ctext-animat:last-of-type {
  width:0px;
  animation: reveal 7s infinite;
}

.ctext-animat:last-of-type span {
  margin-left:-335px;
  animation: slidein 7s infinite;
}

@keyframes showup {
    0% {opacity:0;}
    20% {opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}

@keyframes slidein {
    0% { margin-left:-800px; }
    20% { margin-left:-800px; }
    35% { margin-left:0px; }
    100% { margin-left:0px; }
}

@keyframes reveal {
    0% {opacity:0;width:0px;}
    20% {opacity:1;width:0px;}
    30% {width:335px;}
    80% {opacity:1;}
    100% {opacity:0;width:335px;}
}

section .slider-static-text h2{
	font-size:36px;
	font-weight:700;
	font-style:italic;
	text-transform:uppercase;
	color:#808080 !important;
	padding-right:6px;
	text-align:left;
	width:46%;
	float:left;
	font-family: "ITC Eras Bold";
	font-style:italic;
	/*text-shadow:2px 3px 1px #000000;*/
}
section .slider-static-text h2:first-child{
	margin-right:20px;
}
section .slider-static-text .ctext-animat{
	font-size:30px;
	font-weight:700;
	font-style:italic;
	text-transform:uppercase;
	color:#fff;
	padding-right:6px;
	text-align:center;
	/*text-shadow:2px 3px 1px #000000;*/
}
section .slider-text h1{
	font-size:46px;
	font-weight:700;
	text-transform:uppercase;
	color:#fff;
	margin-bottom:16px;
	text-align:center;
}
section .slider-text h6{
	font-size:20px;
	font-weight:400;
	text-transform:uppercase;
	color:#001424;
	margin-bottom:20px;	
}
section .slider-text p{
	font-size:20px;
	font-weight:400;
	color:#fff;
	line-height:30px;
	text-align:center;
}
section .read-more{
	margin-top:30px;
}
section .read-more a{
	background:#17567c;
    padding:12px 70px;
    color:#fff;
    border-radius:4px;
    text-decoration:none;
    display:inline-block;
}
.welcome-wrapper{
	background:#E0E0E0;
	padding-top:60px;
	width:100%;
}
section .welcome-heading{
	margin-bottom:30px;
}
section .welcome-heading h1{
	font-size:40px;
	font-weight:700;
	color:#000;
	margin-bottom:0;
	text-align:center;
}
section .welcome-content{
	margin-top:30px;
}
section .welcome-content h3{
	font-size:26px;
	font-weight:500;
	color:#001424;
	text-transform:uppercase;
	margin-bottom:0;
}
section .welcome-content h6{
	font-size:22px;
	font-weight:400;
	color:#17567c;
	font-style:italic;
	margin-bottom:20px;
}
section .welcome-content p{
	font-size:18px;
	font-weight:400;
	color:#000;
	line-height:26px;
}
section .welcome-content ul{
	list-style:inside;
}
section .welcome-content li{
	/*display:inline-block;*/
}
section .welcome-img{
	border:10px solid #fff;
	box-shadow:0 0 8px #c7c7c7;
	margin-top:30px;
}
section .welcome-img img{
	width:100%;
}
section .product-bg{
	background:#17567c;
	position:relative;
	display:block;
	padding:35px;
	height:100%;
}
section .product-img{
	text-align:center;
}
section .product-img img{
	width:100%;
}
section .product-bg h2{
	font-size:26px;
	font-weight:400;
	color:#fff;
	margin-bottom:20px;
}
section .homeproduct-points{
	height:130px;
	max-height:100%;
	min-height:100%;
	overflow-y: scroll;
}
section .product-points{
	background: rgba(1, 55, 87, 0.8);
	padding:30px 30px 30px 50px;
	position:absolute;
	top:0;
	right:0;
	height:100%;
	/*overflow-y: hidden;*/
	width:40%;
}
section .product-points h6{
	font-size:20px;
	color:#fff;
	font-weight:500;
	display:block;
}
section .product-points h5{
	font-size:20px;
	color:#fff;
	font-weight:500;
	display:none !important;
}
section .product-points p{
	font-size:20px;
	color:#fff;
	font-weight:400;
	margin-bottom:0;
}
section .product-points ul{
	list-style:square;
	margin-bottom:0;
}
section .product-points li{
	color:#fff;
	font-size:16px;
	line-height:26px;
	font-weight:400;
}
section .product-bg a:hover{
	text-decoration:none;
}
.custom-dropdown-nav{
	border-radius:0 !important;
    background:#fff !important;
}
.better-tools-wrapper{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#013757+0,17567c+100 */
	background: linear-gradient(to bottom,  #013757 0%,#17567c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background:#17567c;
	width:100%;
	position:relative;
	padding:70px 0;
	margin-top:40px;
}
section .better-tools-text h1{
	font-size:50px;
	font-weight:700;
	color:#fff;
	text-align:center;
}
section .better-tools-text h4{
	font-size:56px;
	font-weight:400;
	color:#fff;
	text-align:center;
}
section .more-heading h3{
	font-size:20px;
	font-weight:600;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
}
section .more-points-box{
	background:#fff;
	padding:30px 20px;
	border-bottom:5px solid #087bc0;
}
section .more-points-box ul{
	list-style:none;
	padding:0;
	margin:0;
}
section .more-points-box li{
	font-size:16px;
	color:#17567c;
	font-weight:500;
	line-height:40px;
}
section .more-points-box li i{
	font-size:22px;
	margin-right:6px;
}
.about-header-bg{
	margin-top:97px;
}
section .about-header-content{
	position:relative;
}
section .about-header-content img{
	width:100%;
}
section .about-text{
	position:absolute;
	top:0;
    left:0;
	padding-top:150px;
    /*padding-left:50px;*/
	width:100%;
}
section .about-text h2{
	color:#fff;
    vertical-align:middle;
    float:left;
    position:relative;
    display:block;
    font-weight:700;
	line-height:20px;
}
section .further-products{
	background:#fff;
	padding:30px 20px;
	border-bottom:5px solid #087bc0;
	/*height:180px;*/
}
section .further-product-text{
	font-size:18px;
	font-weight:600;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	margin-top:20px;
}
section .further-products-heading h1{
	font-size:40px;
	font-weight:700;
	color:#fff;
	margin-bottom:30px;
	text-align:center;
}
.contact-heading{
	margin-bottom:20px;
}
.contact-heading h1{
	font-size:24px;
	font-weight:700;
	color:#1d5579;
	text-transform:uppercase;
	margin-top:20px;
}
.contact-heading h2{
	font-size:20px;
	font-weight:700;
	color:#000;
	margin-bottom:0;
	margin-top:10px;
}
.contact-heading p{
	font-size:16px;
	font-weight:400;
	color:#000;
	margin-bottom:0px;
}

footer{
	background:#013757;
	width:100%;
	position:relative;
	padding:50px 0;
	margin-top:60px;
}
footer .contact-info h2 a{
	font-size:22px;
	color:#fff;
	font-weight:500;
	margin-bottom:30px;
	margin-top: 10px;
	text-decoration:underline;
}
footer .contact-info h2 a:hover{
	text-decoration:none;
}
footer .contact-info ul{
	list-style:none;
	padding:0;
	margin:0;
}
footer .contact-info li{
	font-size:14px;
	color:#fff;
	font-weight:400;
	line-height:30px;
}
footer .contact-info li a{
	color:#fff;
}
footer .contact-info li i{
	font-size:20px;
	color:#fff;
	margin-right:10px;
	text-align:center;
}
footer .map-wrapper{
	margin-top:20px;
}
footer .product-text h2{
	font-size:22px;
	color:#fff;
	font-weight:500;
	margin-bottom:30px;
}
footer .product-text ul{
	list-style:none;
	padding:0;
	margin:0;
}
footer .product-text li a{
	font-size:16px;
	color:#fff;
	font-weight:400;
	line-height:30px;
}
footer .product-text li a:hover{
	color:#fff;
}
.footer-btm{
	background:#01263c;
	width:100%;
	position:relative;
	padding:20px 0;
}
.copy-text{
	text-align:center;
	font-size:14px;
	color:#fff;
}
.spacer-line{
	border-right: 1px solid #b1b1b1;
    position: absolute;
    height: 95%;
    right: 30px;
    top: 25px;
}
.custom-nav-show{
	display:none;
}
.custom-nav-hide{
	display:block;
}
@media (max-width: 380px){
section .slider-text h1{
    font-size:35px;
}
section .product-points ul{
	height:85px;
    overflow-y:scroll;
	padding:0 20px;
}
section .product-points{
	width:100%;
	padding:30px;
}
section .product-points h5{
    font-size:17px !important;
}
section .product-points li{
    font-size:14px;
    line-height:21px;
}
.copy-text{
    font-size:11px;
}
section .about-text{
    padding-top:6px !important;
	/*padding-left:22px;*/
}
section .welcome-heading h1{
    font-size:34px;
}
section .product-points h5{
	font-size:20px;
	color:#fff;
	font-weight:500;
	display:block !important;
}
section .product-points h6, section .product-bg h2{
	display:none;
}
section .more-heading h3{
	margin-top:20px;
}
section .about-text h2{
    font-size:30px;
	line-height:24px;
}
.container{
	padding-left:15px !important;
	padding-right: 15px !important;
}
section .slider-static-text h1{
	font-size:20px;
	margin-bottom:0;
}
section .slider-static-text .ctext-animat{
	margin-top:0;
}
section .slider-static-text h2{
	font-size:16px;
	width:46%;
	text-align:center;
}
.spacer-line{
	display:none;
}
.static-text-mobile{
	width:28% !important;
	margin-left:50px;
}
.move-text h3{
	width:43%;
    font-size:20px;
}
.move-text h4{
    width:50%;
    font-size:20px;
}
.move-text-reduction h3{
	width:50% !important;
    font-size:20px;
}
.move-text-reduction h4{
    width:30% !important;
    font-size:20px;
}
.move-text-about h3{
	width:46% !important;
}
.move-text-about h4{
	width:46% !important;
}
.move-text-shock h3{
    width:47% !important;
}
.move-text-shock h4{
    width:27% !important;
}
.move-text-brust h3{
    width:46% !important;
}
.move-text-brust h4{
    width:41% !important;
}
.move-text-contact h3{
    width:44% !important;
}
.move-text-contact h4{
    width:48% !important;
}
/*.animated-text{
	display:none;
}*/
}
@media (min-width: 381px) and (max-width: 574px){
	section .product-points{
	width:100%;
	padding:30px 20px;
}
section .about-text{
    padding-top:20px !important;
	/*padding-left:22px;*/
}
section .slider-static-text h1{
	font-size:20px;
	margin-bottom:0;
}
section .slider-static-text .ctext-animat{
	margin-top:0;
}
section .product-points h5{
	font-size:20px;
	color:#fff;
	font-weight:500;
	display:block !important;
	margin-bottom:0;
}
section .product-points h6, section .product-bg h2{
	display:none;
}
section .slider-static-text h2{
	font-size:20px;
	width:45%;
	text-align:center;
}
.spacer-line{
	display:none;
}
.static-text-mobile{
	width:30% !important;
	margin-left:50px;
}
.move-text h3{
    width:45%;
    font-size:20px;
}
.move-text h4{
    width:48%;
    font-size:20px;
}
.move-text-about h3{
	width:48% !important;
}
.move-text-about h4{
	width:46% !important;
}
.move-text-drilling h3{
	width:40% !important;
}
.move-text-drilling h4{
	width:50% !important;
}
.move-text-reduction h3{
	width:52% !important;
}
.move-text-reduction h4{
	width:32% !important;
}
.move-text-shock h3{
    width:49% !important;
}
.move-text-shock h4{
    width:23% !important;
}
.move-text-brust h3{
    width:48% !important;
}
.move-text-brust h4{
    width:40% !important;
}
section .product-points ul{
	height:130px;
    overflow-y:scroll;
	padding:0 20px;
}
/*.animated-text{
	display:none;
}*/
}

@media (min-width: 575px) and (max-width: 767px){
.container{
	padding-left:15px !important;
	padding-right: 15px !important;
}
section .welcome-heading h1{
    font-size:34px;
}
section .product-points h5{
	font-size:20px;
	color:#fff;
	font-weight:500;
	display:block !important;
	margin-bottom:0;
}
section .product-points h6, section .product-bg h2{
	display:none;
}
section .more-heading h3{
	margin-top:20px;
}
section .about-text{
    padding-top:20px;
    /*padding-left:20px;*/
}
section .about-text h2{
    font-size:30px;
	line-height:24px;
}
section .product-points{
	width:100%;
}
section .slider-static-text .ctext-animat{
	margin-top:0;
}
.spacer-line{
	display:none;
}
section .slider-static-text h1{
    font-size:28px;
}
section .slider-static-text h2{
    font-size:32px;
	width:45%;
	text-align:center;
}
.move-text h3{
    width:45%;
    font-size:28px;
}
.move-text h4{
    width:48%;
    font-size:28px;
}
.move-text-about h3{
	width:49% !important;
}
.move-text-about h4{
	width:46% !important;
}
.move-text-drilling h3{
	width:42% !important;
}
.move-text-drilling h4{
	width:48% !important;
}
.move-text-reduction h3{
	width:53% !important;
}
.move-text-reduction h4{
	width:30% !important;
}
.move-text-shock h3{
    width:50% !important;
}
.move-text-shock h4{
    width:30% !important;
}
.move-text-brust h3{
    width:50% !important;
}
.move-text-brust h4{
    width:46% !important;
}
/*.animated-text{
	display:none;
}*/
.custom-nav-show{
	display:block;
}
.custom-nav-hide{
	display:none;
}
section .product-points ul{
	height:160px;
    overflow-y:scroll;
	padding:0 20px;
}
}
@media (min-width: 768px) and (max-width: 1023px){
section .welcome-heading h1{
    font-size: 30px;
}
section .about-text{
    padding-top: 20px;
}
section .product-points{
	width:70%;
}
section .slider-static-text h2{
    font-size:38px;
	width:45%;
	line-height:28px;
}
.custom-nav-show{
	display:block;
}
.custom-nav-hide{
	display:none;
}
.move-text h3{
    width:47%;
    font-size:38px;
}
.move-text h4{
    width:48%;
    font-size:38px;
}
.move-text-about h3{
	width:49% !important;
}
.move-text-about h4{
	width:46% !important;
}
.move-text-reduction h3{
	width:53% !important;
}
.move-text-reduction h4{
	width:40% !important;
}
.move-text-shock h3{
    width:50% !important;
}
.move-text-shock h4{
    width:30% !important;
}
.move-text-brust h3{
    width:50% !important;
}
.move-text-brust h4{
    width:42% !important;
}
.move-text-contact h3{
    width:46% !important;
}
.move-text-contact h4{
    width:48% !important;
}
}
@media (min-width: 1024px) and (max-width: 1219px){
section .about-text{
    padding-top: 50px
}
section .about-text h2{
	line-height:28px;
}
.move-text h3{
	width:47%;
}
.move-text h4{
	width:46%;
}
}

.shake-text {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}