html, body{
width:100%;
height:100%;
margin:0;
padding:0;
border:0;
background-color:#00205b;
color:#545454;
letter-spacing:1px;
}

#debug{
position:fixed;
z-index:2000;
bottom:10px;
right:10px;
background-color:rgba(0, 0, 0, 0.5);
padding:20px;
color:#fff;
text-transform:uppercase;
display:none;
}

a{
color:#0061B8;
}


h3{
font-size:22px;
font-weight:500;
}

h3 a{
color:#00205b;
transition:all 0.2s;
}

.clear{
clear:both;
}

.nop p{
margin:0;
padding:0;
}

.proportional .elementor-widget-container{
padding-top:43% !important;
position:relative;
}

.proportional .elementor-widget-container .elementor-text-editor{
position:absolute;
top:50%;
transform:translateY(-50%);
}


#global{
position:relative;
}

header{
position:fixed;
width:100%;
z-index:1000;
height:140px;
pointer-events:none;
transition:all 0.3s;
}

header .closebutton{
position:absolute;
top:20px;
right:20px;
width:13px;
height:13px;
background:url(/wp-content/themes/pantzer/images/close_button.png) no-repeat center;
background-size:cover;
cursor:pointer;
z-index:2000;
pointer-events:all;
}

header.small{
height:60px;
background-color:rgba(17, 30, 79, 0.8);
}

header .pantzer_logo{
pointer-events:all;
}

header .pantzer_logo img{
position:absolute;
top:50%;
transform:translateY(-50%);
left:40px;
width:256px;
transition:all 0.3s;
}

header.small .pantzer_logo img{
width:150px;
}

header .hamburger_menu{
position:absolute;
top:50%;
right:40px;
font-family:'Montserrat', sans-serif;
font-size:14px;
font-weight:500;
color:#fff;
cursor:pointer;
pointer-events:all;
transform:translateY(-50%);
}

header .hamburger_menu span{
vertical-align:middle;
}

header .hamburger_menu img{
width:20px;
height:auto;
vertical-align:middle;
}

#main_menu .menu-main-menu-container{
position:relative;
top:40px;
}

#main_menu{
position:fixed;
//top:-100%;
top:0;
transform:translateY(-100%);
right:0;
z-index:1500;
background-color:#00205b;
height:100vh;
transition:all 0.4s;
}

#main_menu ul{
font-family:'Montserrat', sans-serif;
margin:0;
padding:0 40px 40px 40px;
list-style-type:none;
pointer-events:all;
}

#main_menu ul li{
padding:5px 0;
}

#main_menu ul li a{
font-size:20px;
text-decoration:none;
color:#fff;
text-transform:uppercase;
transition:all 0.2s;
}

#main_menu ul li a:hover{
color:#2F89DB;
}

#main_menu ul li.current-menu-item a{
color:#2F89DB;
}

#main_menu.open{
right:0;
//top:0;
transform:translateY(0);
}









#body{
position:relative;
z-index:500;
background-color:#fff;
}







.page_news_items .featured{
width:97%;
margin-left:1.5%;
margin-right:1.5%;
padding-bottom:30px;
border-bottom:solid 1px #b8b8b8;
margin-bottom:30px;
}

.page_news_items .featured .thumbnailcontainer{
width:58%;
padding-right:4%;
float:left;
}

.page_news_items .featured .thumbnailcontainer .thumbnail{
width:100%;
padding-top:60%;
background-repeat:no-repeat !important;
background-position:center !important;
background-size:cover !important;
}

.page_news_items .featured .title{
font-family:'Montserrat', sans-serif;
font-size:22px;
color:#00205b;
padding-bottom:20px;
font-weight:500;
line-height:120%;
}

.page_news_items .featured .excerpt{
font-family:'Roboto', sans-serif;
font-size:15px;
color:#545454;
line-height:120%;
}



.page_news_items .item{
width:33.3%;
padding-left:1.5%;
padding-right:1.5%;
float:left;
padding-bottom:30px;
}

.page_news_items .item .thumbnailcontainer{
width:100%;
}

.page_news_items .item .thumbnailcontainer .thumbnail{
width:100%;
padding-top:60%;
background-repeat:no-repeat !important;
background-position:center !important;
background-size:cover !important;
}

.page_news_items .item .title{
font-family:'Montserrat', sans-serif;
font-size:17px;
color:#00205b;
padding-top:15px;
padding-bottom:20px;
font-weight:500;
line-height:120%;
}

.page_news_items .item .excerpt{
font-family:'Roboto', sans-serif;
font-size:15px;
color:#545454;
line-height:120%;
}

.page_news_items .news_pagination{
display:block;
width:100%;
text-align:center;
margin:40px 0;
position:relative;
padding-bottom:30px;
}

.page_news_items .news_pagination a{
position:relative;
font-family:'Montserrat', sans-serif;
cursor:pointer;
color:#0061B8;
font-weight:bold;
text-transform:uppercase;
}

.page_news_items .news_pagination a::before{
content:' ';
display:block;
width:30px;
height:1px;
background-color:#0061B8;
position:absolute;
left:0;
transform:translateX(calc(-100% - 10px));
top:50%;
}

.page_news_items .news_pagination a::after{
content:' ';
display:block;
width:30px;
height:1px;
background-color:#0061B8;
position:absolute;
right:0;
transform:translateX(calc(100% + 10px));
top:50%;
}










.single_article_header{
background:url(/wp-content/themes/pantzer/images/banner_newsitem.jpg) no-repeat center;
background-size:cover;
width:100%;
height:50vh;
}

.single_article_container{
margin-left:40px;
margin-right:40px;
}

.single_article{
position:relative;
top:-200px;
background-color:#fff;
padding:60px 40px 40px 40px;
max-width:1600px;
margin:0 auto;
font-family:'Roboto', sans-serif;
font-size:15px;
}

.single_article .thumbnailcontainer{
width:50%;
float:right;
padding-left:20px;
}

.single_article .thumbnailcontainer .thumbnail{
width:100%;
padding-top:60%;
background-repeat:no-repeat !important;
background-position:center !important;
background-size:cover !important;
}

.single_article .title{
font-family:'Montserrat', sans-serif;
font-weight:500;
font-size:30px;
color:#00205b;
padding-bottom:20px;
}


.single_article .news_items .thumbnailcontainer{
padding:0;
}

.single_article .news_items .title{
font-size:15px;
padding-top:15px;
font-weight:500;
clear:both;
}


.article_content{
border-bottom:solid 1px #b8b8b8;
margin-bottom:60px;
padding-bottom:40px;
}

.single_content{
margin-left:23px;
margin-right:23px;
}










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

footer ul.menu li{
display:inline-block;
}

footer ul.menu li::before{
content:' – ';
}

footer ul.menu li:first-child::before{
content:'';
}

footer ul.menu a{
color: #00205b;
font-family: "Montserrat", Sans-serif;
transition:all 0.2s;
}

footer ul.menu a:hover{
color:#1F74C0;
}






.wpcf7-form label{
width:95%;
font-family:'Roboto', sans-serif;
font-size:15px;
}

.wpcf7-form label input{
width:100%;
border:solid 1px #dadada !important;
padding:8px 10px !important;
}

.wpcf7-form textarea{
border:solid 1px #dadada !important;
width:100%;
min-height:150px;
}

.wpcf7-form input[type="submit"]{
background-color:#00205b;
border:0;
border-radius:3px;
font-family:'Roboto', sans-serif;
font-weight:600;
font-size:15px;
color:#fff;
transition:all 0.2s;
padding:10px 20px;
}

.wpcf7-form input[type="submit"]:hover{
background-color:#0061B8;
color:#00205b;
}


span.wpcf7-list-item{
margin:0;
}





.endlinelink{
position:relative;
display:inline-block;
font-family:'Montserrat', sans-serif;
font-size:15px;
font-weight:600;
padding:0 10px;
}

.endlinelink a{
transition:all 0.2s;
}

.endlinelink a:hover{
color:#00205b !important;
}

.endlinelink .line1{
position:absolute;
top:50%;
left:0;
transform:translateX(-100%) translateY(-50%);
width:50px;
height:1px;
}

.endlinelink .line2{
position:absolute;
top:50%;
right:0;
transform:translateX(100%) translateY(-50%);
width:50px;
height:1px;
}




.endlinetitle{
position:relative;
display:flex;
flex-direction:row;
align-items:center;
}

.endlinetitle h1, .endlinetitle h2, .endlinetitle h3, .endlinetitle h4, .endlinetitle h5{
font-family:'Montserrat', sans-serif;
letter-spacing:5px;
display:inline-flex;
padding:0;
margin:0;
}

.endlinetitle h2{
font-size:36px;
}


.endlinetitle .line1{
width:50px;
height:1px;
margin-right:20px;
margin-left:10px;
flex-grow:2;
}

.endlinetitle .line2{
width:50px;
height:1px;
margin-left:20px;
margin-right:10px;
flex-grow:2;
}

.pantzerswirl table{
margin:0;
padding:0;
border-collapse:collapse;
}

.pantzerswirl table td{
vertical-align:top;
position:relative;
}

.pantzerswirl table .cell1{
padding-right:13px;
padding-bottom:20px;
}

.pantzerswirl table .cell2{
padding-left:27px;
}

.pantzerswirl table .cell3{
padding-right:27px;
}

.pantzerswirl table .cell4{
padding-right:13px;
padding-left:13px;
}

.pantzerswirl table .cell5{
padding-left:13px;
}



.elementor-widget-pantzer-bio{
width:33% !important;
float:left;
padding-left:20px;
padding-right:20px;
}

.elementor-widget-pantzer-bio .image{
padding-bottom:20px;
}

.elementor-widget-pantzer-bio .image img{
width:100%;
}

.elementor-widget-pantzer-bio .name{
font-family:'Montserrat', sans-serif;
font-size:20px;
color:#00205b;
font-weight:500;
}

.elementor-widget-pantzer-bio .title{
font-family:'Roboto', sans-serif;
font-size:18px;
font-weight:300;
letter-spacing:0;
color:#00205b;
line-height:130%;
}

.elementor-widget-pantzer-bio .bio{
font-family:'Roboto', sans-serif;
font-size:16px;
line-height:22px;
color:#545454;
max-height:110px;
overflow:hidden;
transition:all 0.5s;
margin-top:20px;
}

.elementor-widget-pantzer-bio .bio.open{
max-height:1000px;
}

.elementor-widget-pantzer-bio .more{
position:relative;
margin-top:20px;
margin-bottom:20px;
}

.elementor-widget-pantzer-bio .more a::before{
content:" ";
display:block;
position:absolute;
top:50%;
left:0;
width:20px;
height:1px;
background-color:#0061B8;
transform:translateY(-50%);
}

.elementor-widget-pantzer-bio .more a{
font-family:'Roboto', sans-serif;
display:inline-block;
padding-left:30px;
color:#0061B8;
transition:all 0.2s;
text-transform:uppercase;
font-weight:600;
letter-spacing:0;
}

.elementor-widget-pantzer-bio .more a:hover{
color:#00205b;
}

.elementor-widget-pantzer-bio .more a:hover::before{
background-color:#00205b;
}

.fadeInUp {
animation-name: PantzerfadeInUp !important;
}

@keyframes PantzerfadeInUp{
	0%{
		opacity:0;
		transform:translate3d(0, 50px, 0);
	}
	100%{
		opacity:1;
		transform:translate3d(0, 0, 0) !important;
	}
}












.gooey {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 142px;
  height: 40px;
  margin: -20px 0 0 -71px;
  background: #fff;
  filter: contrast(20);
}
.gooey .dot {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 12px;
  left: 15px;
  filter: blur(4px);
  background: #000;
  border-radius: 50%;
  transform: translateX(0);
  animation: dot 2.8s infinite;
}
.gooey .dots {
  transform: translateX(0);
  margin-top: 12px;
  margin-left: 31px;
  animation: dots 2.8s infinite;
}
.gooey .dots span {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 16px;
  filter: blur(4px);
  background: #000;
  border-radius: 50%;
}
@-moz-keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@-webkit-keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@-o-keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@-moz-keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
@-webkit-keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
@-o-keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
@keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
