@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-outline:none;-moz-outline:none;outline:none;}

html { height: 101%; }
body { font-size: 15px; line-height: 1; background:#FFFFFF; color:#000000;  }

.clear{clear:both;}

.pagesize{width:1026px; margin:0 auto;}

.welcomebg{background:#005596; padding-top:10px; padding-bottom:10px; font-family: 'Open Sans', sans-serif; font-weight:400; color:#ccddea;} 
.welcomebg a{font-family: 'Open Sans', sans-serif; font-weight:400; color:#ccddea; text-decoration:none;} 
.welcome{float:left;}
.social{float:right;}

.welcome .fa-headphones{    font-size: 20px;
    padding-left: 20px;
    padding-right: 15px;
    border-left: #fff 1px solid;
    /* height: 13px; */
    margin-left: 20px;}
	
	.logo{float:left;}
	.menu{float:left; background:#000000; padding-top:5px; width:90%;}
	
    .navbar-nav>li>a{color:#fff!important; text-transform:uppercase; font-family: 'Roboto', sans-serif; font-weight:500; font-size:16px; line-height:16px!important;}
	.navbar-nav>li{position:relative; padding-left:20px; padding-right:20px;}
	.navbar-nav>li:first-child::before{ display:none;}
	.navbar-nav>li::before{ content:''; position:absolute; height:15px; width:1px; left:0; top:17px; background:#FFFFFF;}
	.navbar{margin-bottom:0px!important}
	.nav>li>a:focus, .nav>li>a:hover{ background:none!important; border-bottom: 2px #fff solid;}
	
	.dropdown-menu{background:#000;}
	.dropdown-menu>li>a{color:#fff; text-transform:uppercase; padding-top: 10px; padding-bottom: 10px; border-bottom: #5f5f5f 1px solid}
	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background:#40beff; color:#fff; padding-top: 10px; padding-bottom: 10px;}
	.dropdown-menu>li>a:first-child{border-bottom:none;}
	
	
	.banner{position:relative; z-index:10;}
	
	.bannertop{background:url(../images/bannertop.png) top center; -webkit-background-size: cover;background-size: cover; position:absolute; height:733px; width:100%; z-index:999;}
	.bannerleft{background:url(../images/bannerleft.png) -50px 58px; -webkit-background-size: cover; background-size: cover; height:1012px; width:50%; float: left;}
	.bannerright{background:url(../images/bannerright.png) top right; -webkit-background-size: cover;	background-size: cover; height:1012px; width:50%; float:right;}
	
	header{position: absolute; z-index:15; width:100%;}
	
	
	.footerbg{background:#222628; width:100%; padding-top:40px;}
	
	.leftalign{float:left; width:25%; border-right:#4e5153 1px solid;}
	
	.leftalign .img{float:left; width:18%;}
	
	.leftalign .text1{float:left; font-family: 'Open Sans', sans-serif; font-weight:400; color:#ebebeb; width:79%; font-size:13px; line-height:21px; padding-top:10px;} 
	
	.leftalign .text1 a{font-family: 'Open Sans', sans-serif; font-weight:400; color:#ebebeb; font-size:13px; line-height:21px; text-decoration:none;}
	
	.leftalign .text{float:left; font-family: 'Open Sans', sans-serif; font-weight:400; color:#ebebeb; width:79%; padding-left:15px; font-size:13px; line-height:21px;} 

.leftalign .text span{font-size:15px; font-weight:700; color:#ebebeb; font-family: 'Roboto', sans-serif; }

.leftalign .text p{font-family: 'Open Sans', sans-serif; font-weight:400; color:#939596; font-size:15px; padding-top:20px; line-height:21px;}

.rightalign{float:left; width:75%; padding:20px; padding-top:0px!important; padding-right:0px;}

.rightalign .map{width:100%;}

.copy{font-family: 'Open Sans', sans-serif; font-weight:400; color:#939596; font-size:14px; text-align:center; padding-bottom:20px;}

	.navbar-default{background:none; border:none;}
	
.banbg{ width:400px; margin:0 auto; top:20%; position:absolute; z-index:25;  left:30%; opacity:0.9;}

.banbg h2{    font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 31px; color: #fff; background: #14629e; padding: 20px; margin-top: 0px;
  margin-bottom: 0px; text-transform:uppercase;}
  
.banbg p{ background:#01080c; padding:20px; font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; color:#fff; line-height:21px; padding-bottom:30px;}

.banbg a{background:#51bcee; color:#fff; position:absolute; top:85%; left:80%; z-index:30; padding:10px 15px; text-decoration:none; font-weight:700; }

.innovative{width:420px; margin:0 auto; top:74%; position:absolute; z-index:25; right:54%;}
.innovative h2{background:#3bbfff; padding: 20px; font-family: 'Roboto', sans-serif; font-weight:300; font-size:28px; color:#fff; ing: 20px; margin-top: 0px;  margin-bottom: 0px; text-transform:uppercase; text-align:right; position: relative;}
.innovative h2::after{content:''; position:absolute; top:0; left:-25px; background:#3bbfff; width: 50px; height: 100%; 
	-webkit-transform: skewX(angle); -moz-transform: skewX(angle); -ms-transform: skewX(angle); transform: skewX(26deg);}

.innovative p{background:#000; padding:20px; font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; color:#fff; line-height:21px; text-align:right; padding-bottom:35px; position:relative; width:70%; right:-133px}

.innovative p:after{content:''; position:absolute; top:0; left:-25px; background:#000; width:50px; height:100%; -webkit-transform: skewX(angle); -moz-transform: skewX(angle); -ms-transform: skewX(angle); transform: skewX(26deg);}

.innovative a{background:#51bcee; color:#fff; position:absolute; bottom:-5px; right:19px; z-index:30; padding:10px 15px; text-decoration:none; font-weight:700;}

.precision{width:420px; margin:0 auto; top:74%; position:absolute; z-index:25; left:54%;}
.precision h2{background:#3bbfff; padding: 20px; font-family: 'Roboto', sans-serif; font-weight:300; font-size:28px; color:#fff; ing: 20px; margin-top: 0px;  margin-bottom: 0px; text-transform:uppercase; text-align:left; position: relative;
}
.precision h2::after{ content: ''; position: absolute; top: 0; right: -25px; background:#3bbfff; width: 50px; height: 100%; 
	-webkit-transform: skewX(angle); -moz-transform: skewX(angle); -ms-transform: skewX(angle); transform: skewX(-26deg);
}

.precision p{background:#000; padding:20px; font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; color:#fff; line-height:21px; padding-bottom:52px; text-align:left; width: 70%; position: relative;
}
.precision p::after{ content: ''; position: absolute; top: 0; right: -25px; background:#000; width: 50px; height: 100%; 
	-webkit-transform: skewX(angle); -moz-transform: skewX(angle); -ms-transform: skewX(angle); transform: skewX(-26deg);
}

.precision a{background:#51bcee; color:#fff; position:absolute; bottom:-5px; right:143px; z-index:30; padding:10px 15px; text-decoration:none; font-weight:700;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background:none;}


.aboutbg{ -webkit-background-size: cover;background-size: cover;  position:relative; height:304px; width:100%; z-index:999;}

.about{margin-top:30px; margin-bottom:30px;}

.about h2{font-size:40px; color:#055182; font-family: 'Roboto', sans-serif; font-weight:700; text-transform:uppercase; padding-top:70px;}

.about p{font-size:16px; color:#000; font-family: 'Roboto', sans-serif; font-weight:300; line-height:23px; text-align:justify;}

.abtcommon{ background:url(../images/abtarrow.png) top left no-repeat; 	margin-left:35px; font-size:21px; color:#383939;  font-family: 'Roboto', sans-serif; font-weight:300; padding-top:25px; text-transform:uppercase; padding-left:20px; line-height:25px; margin-top:30px; }

.engineered{background:url(../images/engineered.png) top center no-repeat; height:356px; padding-top:30px;}

.engineered>.pagesize>div{ width:50%;}

.engineered h2{color:#000; font-size:30px; font-family: 'Roboto', sans-serif; font-weight:400; border-left:#46acd4 6px solid; padding-left:15px; text-transform:uppercase;}

.engineered p{ color:#000; font-size:15px; font-family: 'Roboto', sans-serif; font-weight:300; line-height:21px; padding-top:10px; text-align:justify; padding-bottom:25px;}

.engineered a{background:#46acd4; color:#fff; font-size:16px; font-family: 'Roboto', sans-serif; font-weight:400; text-transform:uppercase; padding:15px 10px; text-decoration:none;}

.abtinnovative{background:url(../images/innovativebg.png) top center no-repeat; height:482px; padding-top:115px;}

.abtinnovative h2{color:#fff; font-size:30px; font-family: 'Roboto', sans-serif; font-weight:400; border-left:#fff 6px solid; padding-left:15px; text-transform:uppercase;}

.abtinnovative p{ color:#fff; font-size:15px; font-family: 'Roboto', sans-serif; font-weight:300; line-height:23px; padding-top:10px; text-align:justify; padding-bottom:25px;}

.abtinnovative a{background:#fff; color:#055182; font-size:16px; font-family: 'Roboto', sans-serif; font-weight:400; text-transform:uppercase; padding:15px 10px; text-decoration:none;}

.abtinnovative>.pagesize>div{ width:57%; float:right;}
.abtprecision{background:url(../images/precisionbg.png) top center no-repeat; height:455px; padding-top:70px;}

.abtprecision h2{color:#000; font-size:30px; font-family: 'Roboto', sans-serif; font-weight:400; border-left:#ffa200 6px solid; padding-left:15px; text-transform:uppercase; margin-top:0px;}

.abtprecision p{ color:#000; font-size:15px; font-family: 'Roboto', sans-serif; font-weight:300; line-height:23px; padding-top:10px; text-align:justify; padding-bottom:25px;}

.abtprecision .click a{ color:#fff; font-size:16px; font-family: 'Roboto', sans-serif; font-weight:400; text-transform:uppercase;  text-decoration:none; line-height:21px;}

.abtprecision .click{background:#ffa200; width:65%; padding:10px 10px;}

.abtprecision>.pagesize>div{ width:50%;}

.contact{ color:#005596; font-size:40px; font-family: 'Roboto', sans-serif; font-weight:700; text-align:center; padding-top:30px; text-transform:uppercase; }

.contactsize{width:730px; margin:0 auto;}


.form-group > input,textarea{border:none;  outline:none;}

.form-group > .inputbox{color:#3f3f3f; font-size:15px; font-family: 'Roboto', sans-serif; font-weight:300; border-bottom:#ababab 1px solid; width:100%;  padding-bottom: 5px;    margin-top: 50px;}

.form-group > .textbox{color:#3f3f3f; font-size:15px; font-family: 'Roboto', sans-serif; font-weight:300; border-bottom:#ababab 1px solid; width:685px;  padding-bottom: 5px;    margin-top: 50px;}

.submit{float:right!important; margin-top:20px; margin-bottom:30px; margin-right:40px;}

.submitbg{-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background:#005596 url(../images/submit.png) top center no-repeat; width:100px; height:45px;}

.submitbg:hover{opacity:0.7;}

.location{ text-align:center; font-size:15px; color:#000; font-family: 'Roboto', sans-serif; font-weight:300; background:url(../images/contact_sep.png) left top no-repeat; margin-top:50px; height:154px; margin-bottom:30px;}

.location a{ text-align:center; font-size:15px; color:#000; font-family: 'Roboto', sans-serif; font-weight:300; text-decoration:none;}

.location:first-child{ background:none;}

.locationbg{background:#005596; color:#fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;   -webkit-transition: -webkit-transform .8s ease-in-out;  transition:transform .8s ease-in-out; margin:0 auto; margin-bottom:20px; text-align:center; display:inline-block;  }

.locationbg:hover{-webkit-transform: rotate(360deg); transform: rotate(360deg);}

.fa-map-marker{ font-size:35px; margin:0 auto; padding: 23px 30px;}

.fa-envelope{ font-size:30px; margin:0 auto; padding: 25px 25px;}

.fa-phone{font-size:30px; margin:0 auto; padding: 23px 26px;}

.solutions{ color:#005596; font-size:40px; font-family: 'Roboto', sans-serif; font-weight:700; text-align:center; padding-top:30px; text-transform:uppercase; padding-bottom:40px; }

.owl-theme .owl-nav.disabled+.owl-dots{margin-top:30px; margin-bottom:40px;}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#0c5a9e;}

.productcontainer{ width:100%; max-width:980px; margin:0 auto;}

.workshopbg{background:#f5f5f5; padding-top:20px; padding-bottom:20px;}

.workshopbg h2{color:#005596; font-size:40px; font-family: 'Roboto', sans-serif; font-weight:700; text-align:center; text-transform:uppercase; margin-bottom:0px;}

.workshopbg p{color:#000; font-size:15px; font-family: 'Roboto', sans-serif; font-weight:300; text-align:center; line-height:21px;}

.productcontainer h1{font-size:30px; font-family: 'Roboto', sans-serif; font-weight:300; text-align:center; text-transform:uppercase; color:#000; margin-top:20px;}

.product{border:1px solid #dfdfdf; margin-bottom:10px;}

.product p{font-family: 'Roboto', sans-serif; font-weight:400;  color: rgb(123, 122, 122); text-align: center; font-size: 15px; ine-height: 18px;    margin: 2px 0px 7px; padding: 0px 5px; border-top:#dfdfdf 1px solid;}

.resources p{color:#2d2d2d; font-size:15px; font-family: 'Roboto', sans-serif; font-weight:300; text-align:left; line-height:30px; padding-top:20px;}

.halfwidth{width:48%; padding-right:20px;}

.container{width:100%;}

.imgborder{border-bottom:1px solid #d0d0d0; border-right:1px solid #d0d0d0; }
.imgborderbt{border-right:1px solid #d0d0d0; }

.dropdown-menu > li.kopie > a {
   padding-left:5px;
}

.dropdown-submenu {
   position:relative;
}
.dropdown-submenu>.dropdown-menu {
  top:0;left:100%;
  margin-top:-6px;margin-left:-1px;
  -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
}
 
.dropdown-submenu > a:after {
 border-color: transparent transparent transparent #fff;
 border-style: solid;
 border-width: 5px 0 5px 5px;
 content: " ";
 display: block;
 float: right;  
 height: 0;     
 margin-right: -10px;
 margin-top: 5px;
 width: 0;
}

.dropdown-submenu:hover>a:after {
   border-left-color:#555;
}

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
 text-decoration: none;
}  
 
 .navbar-default .navbar-nav>.open>a:hover, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background:none;}
 .precisionbg{position:relative; min-height:580px; width:100%; z-index:99; background:url(../images/precision-manufacturingbg.png) top center no-repeat;}

 .precisioncontent{ top:85px; margin-left:95px; width:57%; }
 .precisioncontent h2{ font-size:30px; color:#005596; font-family: 'Roboto', sans-serif; font-weight:700; border-left:#ffa200 6px solid; padding-left:15px; text-transform:uppercase; margin-top:45px; margin-bottom:10px; line-height:30px;  }
 .precisioncontent p{font-family: 'Roboto', sans-serif; font-weight:300; font-size:15px; text-align:justify; line-height:21px;}
 .precisionbotbg{background:#005596; padding:20px; padding-bottom:60px; margin-top:15px;}
 .precisionbotbg p{font-family: 'Roboto', sans-serif; font-weight:400; font-size:16px; text-align:justify; line-height:21px; color:#fff;}
.precisionbotbg a{background:#2d92e0; color:#fff; font-family: 'Roboto', sans-serif; font-weight:400; font-size:16px; position:relative; padding: 10px 20px 10px 17px; text-decoration:none; float:right; margin-top:10px;} 
.precisionbotbg a::after{content: ''; position: absolute; top: 0; left: -11px; background:#2d92e0; width: 25px; height: 100%; 
	-webkit-transform: skewX(angle); -moz-transform: skewX(angle); -ms-transform: skewX(angle); transform: skewX(-32deg);}
	.precisionslider{ top:134px; width:33%; padding-right:0px; }

 
@media (max-width: 767px) {

 .navbar-nav  {
    display: inline;
 }
 .navbar-default .navbar-brand {
   display: inline;
 }
 .navbar-default .navbar-toggle .icon-bar {
   background-color: #000;
 }
 .navbar-default .navbar-nav .dropdown-menu > li > a {
   color: #fff;
   background-color:none;
   border-radius: 0px;
   margin-top: 0px;   
 }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff; padding-bottom:10px; padding-top:10px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color:none;
  }

  .navbar-nav .open .dropdown-menu {
    
    border-radius: 0;
  }
 .dropdown-menu {
     padding-left: 10px;
 }
 .dropdown-menu .dropdown-menu {
     padding-left: 20px;
  }
  .dropdown-menu .dropdown-menu .dropdown-menu {
     padding-left: 30px;
  }
  li.dropdown.open {
   border: 0px solid red;
  }
  .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ border:none;}

.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{padding: 5px 15px 5px 6px;}

}

@media (min-width: 768px) {

.banner-box{
	display: none;
}

.banner-blog.banner-bg:hover .banner-box {
    display: block !important;
    transition: ease-out 2s;
    transition-delay: 1s;
}

 ul.nav li:hover > ul.dropdown-menu {
   display: block;
 }
 #navbar {
   text-align: center;
 }
}  


@media only screen and (max-width: 1024px){
	.welcome{padding-left:25px;}
	.social{padding-right:25px;}
	.logo{width:10%;}
	.pagesize{width:100%;}
	.leftalign{ padding-left:10px;}	
	.about{margin-left:0px; margin-right:0px;}
	.engineered>.pagesize>div, .abtprecision>.pagesize>div{margin-left:15px;}
	.abtinnovative>.pagesize>div{margin-right:20px;}
	.rightalign .map{padding-right:20px;}
	
}

@media only screen and (max-width: 1023px){
	header{ position: relative; }
	.logo{ position: absolute; left: 0; z-index: 5; }
	.menu{ float: none; width: 100%; height: 50px; position: relative; z-index: 2; }
	.navbar-toggle{background:#fff;}
	.navbar-default{background:none; border:none; position: absolute; top: 0; right: 0; background: #000;}
	.navbar-nav>li{padding-left: 10px;    padding-right: 10px;}	
	.bannertop{background:url(../images/banner1.jpg); position:relative; height:auto; padding: 50px 10px;}
	.bannerleft{background:url(../images/banner2.jpg) ; height:auto; width:100%; float: none; padding: 50px 10px; }
	.bannerright{background:url(../images/banner3.jpg); height:auto; width:100%; float: none; padding: 50px 10px; }
	.banbg, .innovative, .precision{position:relative; bottom: auto; left: auto; right: auto; width: 100%; max-width: 450px;}
	.innovative h2::after, .precision h2::after, .innovative p:after, .precision p::after{display:none;}
	.innovative p, .precision p{width:100%; right:0px;}
	.innovative p, .innovative h2{text-align:left;}
	.innovative a, .precision a{right:54px;}
	.img-responsive{margin:0 auto;}
	.about h2{padding-top:0px;}
	.engineered>.pagesize>div, .abtprecision>.pagesize>div{width:60%;}
	.location{background:none;}
	.workshopbg p, .resources p{padding-left:10px; padding-right:10px;}
	.precisioncontent{top:0px;}
	.precisionslider{top:50px;}
}

@media only screen and (max-width: 849px){
	.abtprecision .click{width:75%;}
	.location{background:none;}
	.leftalign .img{ display:none;}
	.precisioncontent{width:90%;}
	.precisionbg{padding-bottom:7%;}
	.precisionslider{width:100%;}
	.leftalign .text1{padding-left:15px;}
	.abtcommon{padding-bottom:15px;}
	.engineered{background-position: left 63% center;}
	}

@media only screen and (max-width: 767px){
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{width: 300px;}
     .navbar-nav>li::before{ background:none;}
	 .navbar-nav>li::after{ content:''; position:absolute; height:1px; width:100%; left:0; background:#4e4b4b;}
	 .navbar-nav>li:last-child::after{ display:none;}
	 .leftalign .text{width:95%;}
	 ul.nav li:hover > ul.dropdown-menu {display: block;}
  #navbar {text-align: center; }
  .abtprecision .click{width:97%;}
  .engineered>.pagesize>div, .abtprecision>.pagesize>div{width:70%;}
  .form-group > .inputbox{width:100%; padding-left:10px;} 
  .submit{ margin-right:25px;}
  .halfwidth{width:100%;}
 .contactsize{width:100%;}
  .form-group > .textbox{padding-left:10px; width:97%;}
  .navbar-nav>li{padding:5px 10px;}
  .navbar-nav>li:last-child{border-bottom:none;}
  .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background:none;}
  .precisioncontent{margin-left:55px;}
  .abtcommon{padding-bottom:15px;}
}

@media only screen and (max-width: 647px){
.leftalign, .rightalign{width:100%;}
.engineered>.pagesize>div, .abtprecision>.pagesize>div{width:95%;}
.engineered{ background:#f5f6f6; height: auto; padding-top: 30px; padding-bottom: 40px;}
.abtinnovative{background:#055182; height: auto; padding-top: 30px; padding-bottom:40px;}
.abtinnovative>.pagesize>div{width:95%; float:left; margin-left:15px;}
.abtprecision{ background:#fff; height:auto; padding-top: 30px; }
h2{ margin-top:0px;}
.rightalign{margin-top:20px;}
.engineered p, .abtinnovative p, .abtprecision p{padding-right:10px;}
 .contactsize{width:100%;}
 .precisionbg{padding-bottom:10%;}
 .aboutbg{background-position: left 12% center!important;}
}

@media only screen and (max-width: 449px){
	.welcome, .social{width:100%; text-align:center; padding-left:0px;}
		.social{padding-top: 5px; border-top: #03406f 1px solid; margin-top: 10px;}
		.engineered a, .abtinnovative a, .abtprecision .click a{font-size: 14px; padding:15px 5px;}
		.contactsize{width:100%;}
		.precisionbg{ padding-bottom:20%;}
		.aboutbg{background-position: left 17% center!important;}
		.abtprecision .click{margin-bottom:20px;}
		.bannerright{background: url(../images/banner3.jpg) 20% 0%;}
		.bannertop{background: url(../images/banner1.jpg) 90% 0%;}
}

@media only screen and (max-width: 377px){
	.engineered a, .abtinnovative a, .abtprecision .click a{font-size: 12px; padding:15px 5px;}
	.welcome, .social{font-size:13px;}
	.precisioncontent{margin-left:0px; width:100%;}
	.aboutbg{background-position: left 19% center!important;}
	.bannerright{background: url(../images/banner3.jpg) 20% 0%;}
}



body{
	font-family: 'Roboto', sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}

h1 , h2 , h3 , h4 , h5 , h6{
	margin: 0 0 15px 0;
	padding: 0px;
}

h1{
	font-size: 28px;
}

h2{
	font-size: 26px;
}

h3{
	font-size: 24px;
}

h4{
	font-size: 22px;
}

h5{
	font-size: 20px;
}

h6{
	font-size: 18px;
}

img{
	max-width: 100%;
}

p{
	margin: 0 0 15px 0;
}

ul , ol{
	margin: 0 0 0 10px;
	padding: 0px;
}

ul li , ol li{
	margin: 0 0 0 10px;
	padding: 0px;	
}

a , a:hover , a:focus , a:visited{
	outline: none;
	text-decoration: none;
}

input{
	outline: none !important;
}

.handtools {
	text-align:center;
	width: 90%;
	margin-left: 100px;
	padding-top: 60px;
}

@media(min-width: 1200px){
	.container{
		max-width: 1056px;
	}
}

section{
	clear: both;
	position: relative;
}

section:before , section:after{
	clear: both;
	display: table;
	content: "";
}

.banner-bg{
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

/* Main Part */

.main-part{
	float: left;
	width: 100%;
	position: relative;
}

.banner-blog{
	float: left;
	width: 33.33%;
	height: 340px;
	position: relative;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}
.banner-blog:nth-child(1), .banner-blog:nth-child(2), .banner-blog:nth-child(3) {
	height: 400px;
}
.banner-part {
	margin-top: 40px;
}
.banner-box{
	position: absolute;
	bottom: 20px;
	left: 5%;
	max-width: 80%;
	opacity: 0.9;
}
.banner-box-title{
	float: left;
	width: 100%;
	background: #005596;
	padding: 10px 22px;
	position: relative;
	text-transform: uppercase;
}

.flag-icon {
	position: absolute;
	right: 20px;
	top: 70px;
}

.banner-box-title:after {
	content: '';
	position: absolute;
	top: 0;
	right: -25px;
	background: #005596;
	width: 50px;
	height: 100%;
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);
	-ms-transform: skewX(-20deg);
	transform: skewX(-20deg);
}

.banner-box-title h2{
	color: #ffffff;
	margin: 0px;
	font-size: 22px;
	line-height: 32px;
	font-weight: 400;
}

.banner-box-info{
	float: left;
	width: 100%;
	background: #000000;
	padding: 10px 22px;
	position: relative;
	color: #ffffff;
}

.banner-box-info:after {
	content: '';
	position: absolute;
	top: 0;
	right: -25px;
	background: #01080c;
	width: 50px;
	height: 100%;
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);
	-ms-transform: skewX(-20deg);
	transform: skewX(-20deg);
}

.banner-box-info p{
	/*padding: 20px;*/
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 15px;
	color: #fff;
	line-height: 21px;
	/*padding-bottom: 30px;*/
	margin: 0px;
}

.read-more{
	width: 32px;
	height: 32px;
	background: #3bbfff;
	color: #ffffff;
	position: absolute;
	right: 10px;
	bottom: -16px;
	text-align: center;
	line-height: 32px;
	font-size: 20px;
}

.read-more:hover{
	background: #005596;
	color: #ffffff;
}

/* product page */
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 576px) {
	.col-sm-6 {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	  }
}
@media (min-width: 768px) {
	.col-md-4 {
	    -ms-flex: 0 0 33.333333%;
	    flex: 0 0 33.333333%;
	    max-width: 33.333333%;
	}
}
.page-banner{
	height: 450px;
	margin-top: 40px;
	position: relative;
}

.page-banner:before{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.70);
	content: "";
}

.page-banner h2{
	margin: 0px;
}

.page-banner-inner{
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	z-index: 1;
	color: #ffffff;
}

.page-banner-inner h2{
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 800;
}

.product-page-wrap{
	padding-top: 50px;
}

.product-inner-wrap{
	float: left;
	width: 100%;
	position: relative;
	color: #000000;
}

.product-inner-wrap h2{
	font-size: 40px;
	font-weight: 900;
	text-transform: uppercase;
	color: #000;
}

.product-inner-wrap ul li{
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 8px;
}

.product-inner-wrap li ul li{
	text-transform: initial;
	font-weight: 400;
	list-style: none;
	position: relative;
	padding-left: 29px;
	margin: 8px 0 0 0;
}

.product-inner-wrap li ul li:before{
	position: absolute;
	left: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
}

.product-grid{
	margin-top: 14px;
	margin-bottom: 70px;
}

.product-grid .col-xs-12{
	margin-top: 15px;
}

.product-blog{
	width: 100%;
	position: relative;
	border:2px solid #ffa200;
	text-align: center;
	height: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding: 20px 0 50px 0;
}

.product-blog a {
	height: 100%;
	display: flex;
	width: 100%;
	align-items: center;
}

.product-img{
	display: inline-block;
	width: 100%;
	padding: 0px 15px;
}

.product-blog-wrap{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
}

.product-title{
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #000000;
	color: #ffffff;
	padding: 10px 0;
	text-align: center;
	width: 100%;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-ms-border-radius: 0 0 3px 3px;
	-o-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	font-weight: 500;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.product-title:hover{
	background: #ffa200;
}

/* Product Detail */

.theme-btn{
	height: 35px;
	width: auto;
	display: inline-block;
	background: #055182;
	color: #ffffff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	text-transform: uppercase;
	border: none;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 35px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	padding: 0 20px;
}

.theme-btn:hover{
	background: #000000;
	color: #ffffff;
}

.back-btn{
	width: 112px;
	padding: 0px;
}

.product-detail{
	display: inline-block;
	width: 100%;
	margin-bottom: 70px;
	margin-top: 25px;
}

.product-left{
	float: left;
	width: 100%;
	position: relative;
}

.product-nav-slide{
	border: 2px solid #ffa200;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	margin: 0 7px;
	width: 89px !important;
	height: 89px !important;
}
.slick-slide img {
	margin: 0 auto;
}
.product-nav-slide.slick-current{
	border-color: #055182;
}

.slider.slider-nav{
	margin-top: 15px;
}

.product-right{
	float: left;
	width: 100%;
	position: relative;
	padding-top: 15px;
}

.product-right h5{
	font-weight: 900;
}

.product-right ul , .product-right li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.product-right ul li{
	font-weight: 400;
	text-transform: inherit;
	padding-left: 29px;
	position: relative;
}

.product-right ul li:before {
	position: absolute;
	left: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
}

.product-right ul{
	margin-bottom: 30px;
}

.product-page-wrap{
	overflow: hidden;
}

/* @media Query For all device */
@media(min-width: 1900px){
	.banner-blog{
		height: 450px;
	}
	.banner-blog:nth-child(1), .banner-blog:nth-child(2), .banner-blog:nth-child(3) {
		height: 520px;
	}	
}

@media(min-width: 1600px){
	.banner-box-info{
		font-size: 18px;
	}
	.banner-blog{
		height: 390px;
	}
	.banner-blog:nth-child(1), .banner-blog:nth-child(2), .banner-blog:nth-child(3) {
		height: 470px;
	}	
}

@media(max-width: 1400px){
	.banner-box-info{
		font-size: 14px;
	}	
}

@media(max-width: 1290px){
	.banner-box-title h2{
		font-size: 20px;
		line-height: 30px;
	}

	.banner-blog{
		height: 550px;
	}
}

@media(max-width: 1100px){
	.banner-box-title h2{
		font-size: 16px;
		line-height: 26px;
	}
}

@media(max-width: 1024px){
	.menu-main li{
		padding: 0px;
	}
}

@media(max-width: 991px){
	.product-grid .col-xs-12{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.product-inner-wrap h2{
		font-size: 28px;
	}
}

@media(max-width: 980px){
	.banner-part {
	    margin-top: 0px;
	}
	.page-banner{
		 margin-top: 0px;
	}
	.banner-blog{
		width: 50%;
	}

	.banner-blog{
		height: 450px;
	}
}

@media(max-width: 660px){
	.banner-blog{
		width: 100%;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	.handtools {
		margin-left: 72px;
		padding-top: 0px;
		margin-top: -45px;
	}
}

@media(max-width: 767px){
	.navbar.navbar-default {
		display: block !important;
	}
	.banner-part {
	    margin-top: 0px;
	}
	.page-banner{
		 margin-top: 0px;
	}
	.header-part .container{
		padding: 0px;
	}

	.header-top{
		padding-left: 15px;
		padding-right: 15px;
	}

	.menu-main{
		height: 50px;
	}

	.mean-container a.meanmenu-reveal span::before {
		position: absolute;
		content: "";
		height: 3px;
		width: 22px;
		top: 9px;
		left: 13px;
		background: #fff;
	}

	.mean-container a.meanmenu-reveal span::after {
		position: absolute;
		content: "";
		height: 3px;
		width: 22px;
		bottom: 20px;
		left: 13px;
		background: #fff;
	}

	.menu-main ul > li::before {
		display: none;
	}

	.logo{
		max-width: 55px;
	}

	.menu-main{
		padding-left: 55px;
	}

	.menu-main .caret{
		display: none;
	}

	.banner-blog{
		height: 400px;
	}

	.product-title{
		padding: 6px 0;
		font-size: 12px;
	}

	.product-inner-wrap h2 , .page-banner-inner h2{
		font-size: 25px;
	}

	.page-banner{
		height: 335px;
	}

	.flag-icon {
		position: absolute;
		right: 10px;
		top: 20px;
		max-width: 50px;
	}

	.product-right{
		margin-top: 25px;
	}
}

@media(max-width: 586px){
	.footer-inner .text-center{
		text-align: left !important;
	}

	.col-diff .footer-blog{
		padding-left: 30px;
		margin-bottom: 25px;
	}

	.banner-box-title {
		padding: 15px 15px;
	}

	.product-grid .col-xs-12{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media(max-width: 480px){
	.handtools {
		width: 100%;
		margin-left: 0px; 
		padding-top: 0px;
	}
	.header-top-left .fa-headphones {
		font-size: 15px;
		padding-left: 9px;
		padding-right: 5px;
		margin-left: 5px;
	}

	.header-top{
		font-size: 14px;
	}
}

@media (min-width: 1025px) and (max-width: 1366px) {
  	.banner-blog{
		height: 260px;
	}
	.banner-blog:nth-child(1), .banner-blog:nth-child(2), .banner-blog:nth-child(3) {
		height: 330px;
	}
}