/*
Theme Name: HASWELD GmbH WP THEME
Author: Ing. Michael Krichbaum
Author URI: http://www.design-community.at
Description: Das offizielle Theme der Hsweld-Website.
Version: 1.0
License: General Design Community Pro-License
Copyright: Design Community
*/

html {/* scrollbar fix (prevent ugly left pull for lower content sites) */overflow-y: scroll;}

body
{
color:#b6b6b6!important;
background:#222222;
font-family: 'Lato', sans-serif;
font-weight:300!important;
}



/* ÜBERSCHRIFTEN
*********************************************/
h1{font-family: 'din_alternatemedium';font-size:6.0vw;color:white;padding:0px!important;margin:0px!important;padding-bottom:0.5vw!important;}
h2{font-size:1.8vw;color:#fff;font-weight:300!important;padding:0px!important;margin:0px!important;}
h3{font-family: 'din_alternatemedium';font-size:16px;letter-spacing:2px;}

h5{font-size:21px;color:#fec524;font-weight:300!important;text-align:left!important;padding:0px!important;margin:0px!important;padding-bottom:40px!important;}
h6{font-size:18px;color:#fec524;padding-top:0px!important;}

@media (max-width: 1399px){h1{font-size:9.0vw;padding-bottom:0.75vw!important;}h2{font-size:2.7vw;}}
@media (max-width: 767px){h1{font-size:14.0vw;padding-bottom:1.16vw!important;}h2{font-size:4.2vw;}}
@media (max-width: 480px){h1{font-size:14.0vw;padding-bottom:1.16vw!important;}h2{font-size:6.2vw;}}

/* WEICHE LINKÜBERGÄNGE
*********************************************/
.navbar-collapse li a
{
  -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s;
}


/* SAME HEIGHT SCHMÄH
*********************************************/
@media (min-width: 768px) {
.row-height{display:-webkit-box;display:-webkit-flex;display: -ms-flexbox;display:flex;}
.col-height{display:flex;flex-direction:column;}
}


/* GENERAL SETTINGS
*********************************************/
a{color:#fec524!important;}
a:hover, a:active, a:focus{color:#e1ab14!important;}

.noborder{border:0px!important;}
.wp-caption{}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}
.alignright{}
.alignleft{}
.screen-reader-text{}
.aligncenter{}

.nomp{margin:0px!important;padding:0px!important;}
.center{text-align:center!important;}

.post-navigation{display:none;}
.color-hasweld{color:#fec524;}

.yes-display{display:block;}
.no-display{display:none;}

.spacer{height:300px;}

/* HEADER + NAVI
*********************************************/

.logolink{display:block;float:left;margin-top:97px;width:100%;margin-left:20%;
-o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
transition:.4s;
}

.navbar-default{position:fixed;width:100%;z-index:10;height:263px;border:none!important;border-bottom:0px solid white!important;background:#222222 url(img/header-background.jpg);background-size:auto 100%;background-position:top center;background-repeat:no-repeat;
-o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
transition:.4s;
}

.navbar-header{position:relative;float:left;width:30%;}
.navbar-header img{max-width:100%;display:block!important;}
.navbar-collapse{position:relative;float:right;width:70%;}

.navbar-collapse ul{display:block;margin-top:156px;margin-right:5%;
-o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
transition:.4s;}

.navbar-collapse li{float:none!important;display:inline-block!important;background:tranparent!important;}
.navbar-collapse li a{color:white!important;font-family: 'din_alternatemedium';font-size:16px;background:transparent!important;padding-left:18px!important;padding-right:18px!important;}
.navbar-collapse li a:hover, .navbar-collapse li a:focus, .navbar-collapse li a:active{color:#fec524!important;border-bottom:1px solid #fec524;}
.navbar-collapse ul .active{display:block;background:transparent!important;}
.navbar-collapse ul .active a{border-bottom:1px solid #fec524;}

@media (max-width: 767px){.navbar-default{position:realtive!important;height:150px;}}

.navbar-toggle{position:absolute;left:50%;margin-left:-20px;top:110px;border-radius:50%;width:60px;height:60px;background:#222222!important;border:2px solid #fec524!important;}
.navbar-toggle .icon-bar{width:60%;margin-left:20%;color:#fec524!important;background:#fec524!important}



/* MEDIUM RESOLUTEN NAVI
*********************************************/
@media (min-width: 1400px) and (max-width: 1600px) {.navbar-collapse li a{font-size:14px;}.navbar-header img{max-width:80%;}}

@media (max-width: 1399px){
.navbar-header{width:100%;}
.logolink{float:none!important;margin-left:auto!important;margin-right:auto!important;}
.navbar-collapse{width:100%;}
.navbar-collapse ul{display:inline-block;margin-top:40px;width:100%;text-align:center!important;margin-right:0%;
-o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
transition:.4s;}
.logolink{margin-top:50px;margin-left:35%;width:30%}
.navbar-collapse li a{padding-left:10px!important;padding-right:10px!important;}
}

@media (min-width: 1399px){.navbar-collapse li a{}}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px){.navbar-collapse li{padding-left:0px;padding-right:0px;}.navbar-collapse li a{font-size:13px;}}


/* LOW RESOLUTION NAVI
*********************************************/
@media (max-width: 767px){
.logolink{margin-top:50px;margin-left:25%;width:50%;margin-bottom:120px;}
.navbar-collapse{position:absolute;top:180px;border:0px!important;}
.navbar-collapse ul{margin:0px!important;padding:0px!important;background:#fec524;border:0px!important;}
.navbar-collapse li{width:100%;}
.navbar-collapse li a{color:#222222!important;border-bottom:1px solid #222222;padding-top:10px!important;padding-bottom:10px!important;font-size:12px!important;}
.navbar-collapse li a:hover, .navbar-collapse li a:focus, .navbar-collapse li a:active{color:#6c6c6c!important;border-bottom:1px solid #ffffff;}
.navbar-collapse ul .active a{border-bottom:1px solid #ffffff;}}

@media (max-width: 480px){
.logolink{margin-top:50px;margin-left:10%;width:80%}
}




/* HEADER + NAVI ->>> HAS SCROLLED
*********************************************/

.hasScrolled{height:100px!important;
-o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
transition:.4s;}
.hasScrolled .logolink{height:auto;display:block;float:left;margin-top:25px;margin-left:10%;-o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
transition:.4s;}
.hasScrolled .navbar-header img{height:45px;width:auto!important;}
.hasScrolled .navbar-collapse ul{margin-top:30px;}


/* MEDIUM RESOLUTEN NAVI ->>> HAS SCROLLED
*********************************************/
@media (max-width: 1399px){
.hasScrolled{height:160px!important;}
.hasScrolled .navbar-header{width:100%;}
.hasScrolled .logolink{display:block;float:none;width:100%;margin-top:30px;margin-left:auto!important;margin-right:auto!important;}
.hasScrolled .navbar-header img{height:45px!important;width:auto!important;margin:auto!important;}
.hasScrolled .navbar-collapse{width:100%;}
.hasScrolled .navbar-collapse ul{margin-top:20px;}
.navbar-collapse li a{font-size:14px;}
.logolink{display:block;float:left;margin-top:30px;margin-left:10%;}
}

@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px){.hasScrolled .navbar-collapse li{padding-left:0px;padding-right:0px;}.navbar-collapse li a{font-size:13px;}}


/* LOW RESOLUTION NAVI
*********************************************/
@media (max-width: 767px)
{
.hasScrolled{height:150px!important;}
.hasScrolled .logolink{margin-top:30px;margin-left:25%;width:50%;}
.hasScrolled .logolink img{width:100%!important;height:auto!important;padding:0px;margin:0px;}

}
@media (max-width: 480px){
.hasScrolled .logolink{margin-top:30px;margin-left:10%;width:80%}
}




/* CONTENT
*********************************************/

#main-container, .UNTERNEHMEN, .SCHWEISSTECHNIK, .ROHRBAU, .METALLBAU, .ROHRBAU, .SERVICEREPARATUR, .ZFP
{
	position:realtive!important;
	z-index:9!important;
	background-size:100% auto,100% auto!important;
	background-position: top 263px center,top 263px center!important;
	background-repeat:no-repeat,no-repeat!important;
}

#main-container{background:url(img/lines.png),url(img/Background-General.jpg);}
.UNTERNEHMEN{background:url(img/lines.png),url(img/Background-Unternehmen.jpg)!important;}
.SCHWEISSTECHNIK{background:url(img/lines.png),url(img/Background-Schweisstechnik.jpg)!important;}
.ROHRBAU{background:url(img/lines.png),url(img/Background-Rohrbau.jpg)!important;}
.METALLBAU{background:url(img/lines.png),url(img/Background-Metallbau.jpg)!important;}
.ROHRBAU{background:url(img/lines.png),url(img/Background-Rohrbau.jpg)!important;}
.SERVICEREPARATUR{background:url(img/lines.png),url(img/Background-Service.jpg)!important;}
.ZFP{background:url(img/lines.png),url(img/Background-ZfP.jpg)!important;}

@media (max-width: 767px)
{
#main-container, .UNTERNEHMEN, .SCHWEISSTECHNIK, .ROHRBAU, .METALLBAU, .ROHRBAU, .SERVICEREPARATUR, .ZFP{background-position: top 150px center,top 150px center!important;}
}

/* SLOGAN
*********************************************/
.slogan{padding-top:55vw;}
.slogan .widgettitle{display:none;}
.slogan li{list-style-type:none;padding:0px!important;margin:0px!important;}
.slogan .image-text-widget-text{float:left;width:100%;text-align:right;}


@media (max-width: 1399px){.slogan{padding-top:65vw;}}
@media (max-width: 767px){.slogan{padding-top:70vw;}}
@media (max-width: 480px){.slogan{padding-top:90vw;}}

/* SLOGAN
*********************************************/
.breadcrumbs{text-align:right;color:#fec524!important;}
.breadcrumbs a{color:#fec524!important;}
@media (max-width: 767px){.breadcrumbs{padding-bottom:20px;}}

/* CONTENT
*********************************************/
#content-wrapper{float:left;width:100%;padding-top:200px;padding-bottom:200px;}
#content-wrapper h2{float:left;width:100%;font-family: 'din_alternatemedium';padding-bottom:100px!important;letter-spacing:0.2vw;}
#content-wrapper h2:after{content : "";background:#fec524;position:absolute;top:70px;left:15px;height:3px;width:200px;}
#content-wrapper li{list-style-type:none;padding:0px!important;margin:0px!important;}
#content-wrapper .content-maintext{text-align:justify;padding-right:5.0vw;}
#content-wrapper .image-start{padding-top:100px!important;}
#content-wrapper .image-start .imagedescription{float:left;width:100%;padding-top:20px!important;text-align:right!important;}


@media (max-width: 991px){#content-wrapper{padding-top:100px;padding-bottom:100px;}}
@media (max-width: 991px){#content-wrapper .image-start{padding-top:30px!important;}}
@media (max-width: 767px){#content-wrapper h2:after{top:50px;}}


/* PRE-FOOTER
*********************************************/
.prefooter{position:relative;float:left;width:100%;padding-top:70px;padding-bottom:80px;background:#1B1B1B;border-bottom:1px solid #202020;}
.prefooter li{list-style-type:none;}
.prefooter .footerinfo{display:block;width:100%;text-align:center;font-family: 'din_alternatemedium';font-size:16px;}
.prefooter .footer-info1{text-align:center;}
.prefooter .footer-info2{text-align:center;}
.prefooter hr{display:inline-block;width:150px;background:#fec524!important;height:1px;border:0px!important;}


/* FOOTER
*********************************************/
.footer{position:relative;float:left;width:100%;padding-top:100px;padding-bottom:100px;background:#1B1B1B;}
@media (max-width: 991px){.footer .col-md-3{margin-bottom:50px;}}

.footer hr{display:inline-block;width:50px;background:#fec524!important;height:3px;border:0px!important;}

.widget-content,.menu-hauptmenue-hasweld-theme-container, .menu-infomenue-container, .es_widget_form{padding-top:30px;}

/* FOOTERMENUES
*********************************************/
.footer .widget_nav_menu ul{width:80%;padding:0px!important;margin-left:10%;}
.footer .widget_nav_menu li{width:100%;text-align:left;list-style-type:none;padding-bottom:20px;}
.footer .widget_nav_menu a{display:inline-block;text-decoration:none;color:#878787;}
@media (min-width: 768px) and (max-width: 991px){.footer .widget_nav_menu a{word-break:break-all;font-size:12px;}}
@media (max-width: 767px){.footer .widget_nav_menu ul{width:100%;margin-left:0%;}}

/* LEFT COL
*********************************************/
.left-col{float:left;width:100%;text-align:left;border-right:1px solid #fec524;}
.left-col .widget-content{width:100%;float:left;}
.left-col .widget-content img{width:90%;float:left;margin-bottom:30px;}
.left-col .image-text-widget-text{float:left;width:100%;}
@media (min-width: 768px) and (max-width: 991px){.left-col .widget-content .image-text-widget-text{font-size:12px;}}
@media (max-width: 767px){.left-col{text-align:left;padding-left:10%;border:0px;border-top:1px solid #202020;}.left-col .widget-content img{width:200px;}}

/* LEFT-CENTER COL
*********************************************/
.left-center-col{float:left;width:100%;border-right:1px solid #fec524;text-align:center;}
.left-center-col h3{width:100%;text-align:center;}
@media (max-width: 767px){.left-center-col{text-align:left;padding-left:10%;border:0px;border-top:1px solid #202020;}.left-center-col h3{text-align:left;}}

/* RIGHT-CENTER COL
*********************************************/
.right-center-col{float:left;width:100%;border-right:1px solid #fec524;text-align:center;}
.right-center-col h3{width:100%;text-align:center;}
@media (max-width: 767px){.right-center-col{text-align:left;padding-left:10%;border:0px;border-top:1px solid #202020;}.right-center-col h3{text-align:left;}}

/* RIGHT COL
*********************************************/
.right-col{float:left;width:100%;}
.right-col h3{width:100%;text-align:right;}
.right-col hr{float:right;}

.right-col form{float:right;width:100%;margin:0px!important;padding:0px!important;padding-left:10%!important;}
.right-col form .es_caption{font-size:12px;}
		
.right-col form input{background:#202020;border: 1px solid #252525;width:100%;padding:20px;Padding-top:10px;padding-bottom:10px;color:#3a3a3a!important;}
.right-col form button{padding:20px;}
.right-col form input[type="text"]:focus,.newsletter input[type="text"]:hover, .newsletter input[type="text"]:active {border: 1px solid #fec524;
  -o-transition:.9s;
  -ms-transition:.9s;
  -moz-transition:.9s;
  -webkit-transition:.9s;
  transition:.9s;}
.right-col form  button:focus,.newsletter button:hover, .newsletter button:active {border: 1px solid #fec524;
  -o-transition:.9s;
  -ms-transition:.9s;
  -moz-transition:.9s;
  -webkit-transition:.9s;
  transition:.9s;}

.right-col form .es_lablebox{font-size:12px;color:#fec524!important;}
.right-col form .es_textbox_button:hover, .newsletter .es_textbox_button:active, .newsletter .es_textbox_button:focus{border: 1px solid #fec524;color:#fec524!important;}

@media (max-width: 767px){.right-col{text-align:left;padding-left:10%;padding-right:10%;border-top:1px solid #202020;}.right-col h3{text-align:left;}.right-col hr{float:left;}.right-col form{float:left;padding-left:0%!important;}}


/* FOOTERLINE
*********************************************/
.footerline{float:left;width:100%;border-top:1px solid #202020;color:#434343; font-size:12px;margin-top:50px;padding:15px;}
.textinfo1{}
.textinfo2{text-align:right;}
@media (max-width: 767px){.textinfo2{text-align:left;}}


/* KONTAKT
*********************************************/
.gmp_map_opts {float:left;width:100%;margin-top:30px!important;margin-bottom:0px!important;}
#mapConElem_1_23248{width:100%!important;}
.contact-wrapper{float:left;width:100%;}
.contact-wrapper .contact{padding-bottom:20px!important;}


/* LOGO LINKS
*********************************************/
.partner-logos{float:left;width:100%;margin-bottom:50px;}
.partner-link{float:left;display:block;width:12.5%;line-height:150px;height:150px;text-align:center;}
.partner-link img{max-width:70%;max-height:70%!important;height:auto!important;}
@media (max-width: 991px){.partner-link{width:20%;}.logo-link img{max-width:100px!important;height:auto!important;padding-bottom:15px;}}
@media (max-width: 767px){.partner-link{width:20%;}.logo-link img{max-width:150px!important;height:auto!important;}}
@media (max-width: 480px){.partner-link{width:33.3%;line-height:100px;height:100px;}}

.partner-link img:hover{opacity:0.5;
-o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
transition:.4s;}


#post-169 img{padding-right:15px;}
#post-64 img{padding-right:15px;}
#post-59 a{display:inline-block;margin-top:15px;padding:20px;padding-right:80px;background:url(img/download.png);background-position:top 10px right 20px;border:1px solid #fec524;background-repeat:no-repeat;}

/* Scroll Down Animated Button
*********************************************/
#scroll-down{position:absolute;z-index:1;width:100%;top:80%;}
@media (max-width: 1399px){#scroll-down{top:60%;}}
@media (max-width: 767px){#scroll-down{display:none;}}

#mouse{
   margin-left:auto;
   margin-right:auto;
   width:3.5em;
   height:6em;
   background-color:rgba(255,255,255,0);
   border-radius: 100px;
   border:2px solid #fec524;
}

#mouse:hover{border:2px solid #fff;
  -o-transition:.9s;
  -ms-transition:.9s;
  -moz-transition:.9s;
  -webkit-transition:.9s;
  transition:.9s;}

#mouse .drive-down{position:relative;z-index:100;width:100%;height:100%;display:inline-block;}
#wheel{
  margin-top:1em;
  margin-left:auto;
  margin-right:auto;
  width:0.75em;
  height:0.75em;
  background-color:#fec524;
  border-radius: 50%;
}
.scroll2{
  opacity:0;
   margin-left:auto;
   margin-right:auto;
   width:0px;
   height:0px;
  border-left: 0.35em solid transparent;
	border-right: 0.35em solid transparent;
	border-top: 0.4em solid #fec524;
   -webkit-animation: down2 1s infinite;
   animation: down2 1s infinite;
}
.scroll3{
   opacity:0;
   margin-left:auto;
   margin-right:auto;
   width:0px;
   height:0px;
  border-left: 0.35em solid transparent;
	border-right: 0.35em solid transparent;
	border-top: 0.4em solid #fec524;
   -webkit-animation: down 1s infinite;
   animation: down 1s infinite;
}
.scroll{
  opacity:0;
   margin-left:auto;
   margin-right:auto;
   width:0px;
   height:0px;
  border-left: 0.35em solid transparent;
	border-right: 0.35em solid transparent;
	border-top: 0.4em solid #fec524;
   -webkit-animation: down3 1s infinite;
  animation: down3 1s infinite;
}
@-webkit-keyframes down{
  0%{
    opacity:0;
  }
  100%{
    opacity:1;
    transform: translateY(2.3em);
  }
}
@-webkit-keyframes down2{
  40%{
    opacity:0;
  }
  100%{
    opacity:0.5;
    transform: translateY(2.3em);
  }
}
@-webkit-keyframes down3{
  60%{
    opacity:0;
  }
  100%{
    opacity:0.2;
    transform: translateY(2.3em);
  }
}
@keyframes down{
  0%{
    opacity:0;
  }
  100%{
    opacity:1;
    transform: translateY(2.3em);
  }
}
@keyframes down2{
  40%{
    opacity:0;
  }
  100%{
    opacity:0.5;
    transform: translateY(2.3em);
  }
}
@keyframes down3{
  60%{
    opacity:0;
  }
  100%{
    opacity:0.2;
    transform: translateY(2.3em);
  }
}
#text{color:white!important;}