html, body {   height: 100%;margin:0; padding:0;  scroll-behavior: smooth;} 
body {  }
  

selector { font-style: normal; }
 

body { margin: 0; font-family: 'Poppins', sans-serif; background: #F0EEEE;  color: #222; }

.wrapper {   width: 100%;  max-width: 1920px;   margin: 0 auto;}

a  { font-family: 'Poppins', sans-serif;  text-decoration: none;    border:none; margin:0;}
a:hover, a.link:hover  {color:#F04E51; } a.link:hover  { -webkit-transition-timing-function: ease-in; -webkit-transition-duration: 150ms;  -moz-transition-timing-function: ease-in;  -moz-transition-duration: 150ms; transition: background-position 0.5s ease;}

.link  { display: inline-block; position: relative;  font-family: 'Poppins', sans-serif;  text-decoration: none; font-size:18px; letter-spacing:0.1em;  color: #333;  border:none; margin:0; padding: 0.5rem 0.0rem; border-bottom: 2px solid #F04E51;   margin-top: 1.9rem;  }


h2, h3{  font-family: 'Poppins', sans-serif; font-style: normal; font-weight: 400; font-size: 37px; line-height: 53px;  color: #FFFFFF; } .team h2{ color: #333; }
p {  font-family: 'Geist', sans-serif; font-style: normal; font-weight: 400; font-size: 24px; line-height: 35px; color: #414042; }


header {  background-color: transparent;  padding: 0; margin:0; height:900px; }

#navcontainer {z-index: 9; width:96%; margin-left: 2%; margin-right: 2%;  }

.hamburger {   display: none; }	 

.navbar {  background: #FFF; width:100%; height: 115px; margin: 0 auto;   align-items: center; text-align: center;   display:  inline-block; position:relative; right: 33px;  margin-top:2%; left:0;  z-index:999999;} 

.navbar .logo  {position: absolute;width: 214px; height: 59px; left: 60px; top: 30px;   font-size: 1.5rem; font-weight: bold; color: #e63946; background: url(...); background-size: cover;   }  .navbar .logo a { margin:0; padding:0;  } .navbar .logo a:hover { border-bottom: 0 solid #Fff;   }

.navbar nav ul {background-color: transparent;display: inline-block; position:absolute; z-index:9999;
 width:auto; height:27px;  top: 45px;	 margin: 0 auto;  text-align: center;   list-style: none; }

.navbar ul:first-child  { position:absolute;  width:740px;  left: 48%;  margin-left: -400px; }
.navbar ul:nth-child(2) { position:absolute;  width:366px;  right: 30px;} 

.navbar ul li:first-child a { margin-left: 0; } .navbar ul li:nth-child(5) a {   margin-right: 0; }
.navbar ul:nth-child(2) a { margin-right: 0.8rem; margin-left: 0.8rem;}
.navbar ul:nth-child(2) li:nth-child(2) a { margin: 0.0rem; cursor: default; font-weight: 300; }
.navbar a {  position: relative; text-align: left; text-decoration: none; text-transform: capitalize;   letter-spacing: 0.06em; color: #333333;
font-family: 'Poppins'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 27px;
display: block;  width:auto;  float: left;    margin-right: 1.8rem; margin-left: 1.8rem;} 
.navbar a:hover   { top:-8px; padding: 0.5rem 0.0rem; color: #F04E51;  border-bottom: 2px solid #F04E51;  }

.appointment  {position: absolute;  top:-8px; left:30px;  text-transform: none;  padding: 0.5rem 0.0rem; border-bottom: 2px solid #F04E51; } 
.selected {  top:-8px; padding: 0.5rem 0.0rem;   border-bottom: 2px solid #F04E51;  }
.hero, .hero-intro { position: relative; top:-120px; margin:0; width: 100%; height: 900px; z-index: 0;  background-color:  transparent; text-align: left; }
.hero-intro { top:-180px;    } 

.overlay { position: absolute; top:0; margin:0; width: 100%; height: inherit;   z-index: 3;   text-align: left; 
	background: transparent url('https://www.allawyers.eu/images/hero-slider/slider-overlay.png') repeat-y left center; background-size: cover;}

.hero-text { position: relative; width:43%; top:250px; margin:0; padding:0; margin-left:150px;  height: 50%;   z-index: 9;  background-color: transparent;
     text-align: left;}

.hero h1, .hero-intro h1 { font-family: 'Poppins', sans-serif; font-style: normal;  font-weight: 300;  font-size: 50px; line-height: 65px; color: #FFFFFF; }

.hero p, .hero-intro p { position: relative; top:6%;   max-width: 95%;  font-family: 'Geist', sans-serif; font-style: normal;  font-weight: 400;  font-size: 24px;  line-height: 35px;  color: #FFFFFF;   }

    .hero-intro  { background-color: #333;    z-index: 4; 
     height: 240px; padding-top:180px;  vertical-align: bottom; background: transparent url('https://www.allawyers.eu/images/dots-header.png') no-repeat right top;}

    .hero-intro h1, .hero-intro p {  width: 37%; position: relative;  display:inline-block;  margin-left:4rem;  margin-right:4rem;     }
    .hero-intro h1 { font-size: 80px; line-height: 90px; left:-20px; padding-left:100px; padding-right:80px;  padding-bottom: 87px; border-bottom: 13px solid #F04E51; top:0; width: 40%; vertical-align: top; }  
    .hero-intro p {   width: 35%;  margin-left:0;  top:30px; } .hero-intro img {  top:10%; }

.hero .btn, .bottom .btn, .anchor-links .link {letter-spacing:0.1em;   position: relative;  margin-top: 3.4rem;  top:30px;  display: inline-block;
color: white;  border: none; text-decoration: none; white-space: nowrap;  background: transparent url('https://www.allawyers.eu/images/hero-slider/btn-icon.png') no-repeat right center; background-size: 30px 30px; padding: 0.8rem 3.6rem; padding-left: 30px;  border-bottom: 2px solid #F04E51; border-top: 1px solid #FFF;  }


    .anchor-links   { position: relative;  display: inline-block; width:100%;  top:0; margin:0; padding:0;    }
    .anchor-links .link { width:26.3%; border-top: 1px solid #414042;  background-color:#414042;  top:0; margin:0; margin-left:0.8rem;  margin-right:0.2rem; margin-bottom:1.2rem; padding-bottom:1.2rem; padding-top:1.2rem; background: #414042 url('https://www.allawyers.eu/images/hero-slider/btn-icon-2.png') no-repeat 96% center; background-size: 30px 30px; letter-spacing: normal;  }
    .box {  position: relative;  width:95%; display: inline-block; background-color: #fff; vertical-align: top; color: #333; padding-top:5%; padding-left:5%; padding-bottom:5%; margin-bottom:2.5%;  background: #fff url('https://www.allawyers.eu/images/dots-3.png') no-repeat left center;   } 
     .box .left, .box ul { width:55%;  position: relative;  display: inline-block;   }

     .box h2 { color: #333;  margin-top:0;  }
     .box .left p, .contacts .row ul li{ font-size: 24px; line-height: 35px;  } .box .left p { font-size: 20px; line-height: 30px;  }

     .box .left {  padding-right:7%;  }
     .box ul, .contacts .row ul { width:30%; vertical-align: top; padding-left:5%;  font-size: 20px; line-height: 30px; top:0; margin-top:0;   border-left: 1px solid #DADBDC; } .contacts .row ul { border: none;  }  .practice-areas .box ul  {margin-top:4.3%;  font-size: 18px; line-height: 28px;  }
     .box ul li, .contacts .row ul li,  .contacts .row ul li a {padding-bottom:3%;  font-family: 'Geist', sans-serif; font-style: normal;   }  .contacts .row ul li a:hover { text-decoration: underline; color:#F04E51;  }

#scrollToTop  {position: fixed; display: inline-block;  bottom: 30px;  right: 30px;z-index: 999999999999;}

.scroll-top-btn {font-size: 16px; display: inline-block;   font-family: 'Poppins', sans-serif; font-style: normal;  font-weight: 500;
  background: #F04E51; color: #fff;  padding: 12px 20px;  border: none;   cursor: pointer; }  


.slider { position: absolute; top:0;  width: 100%; max-width: 100%; height: 900px;  margin: auto; overflow: hidden; z-index: -5;}
.slide {  position: absolute; top: 0; left: 0; width: 100%;  height: 100%;  opacity: 0; transition: opacity 1s ease-in-out;  object-fit: cover;} 
.slide.active { opacity: 1; z-index: 1; }

.about, .team, .anchor-links, .contacts {  position:relative;  top:-13px;  left:2%;  width:96%; }

.about-intro, .about-intro-2, .team-intro   { display: inline-block; width:37%; background: transparent url('https://www.allawyers.eu/images/dots.png') no-repeat left bottom;  
  padding: 7rem;  color: #fff; background-color: #313131;   border-top: 13px solid #F04E51; margin-right:0;}  
p.eyebrow {color: #F04E51; font-size: 18px; margin-top:-30px; margin-bottom:30px;} 

    .about-intro-2 { background-color: #F0EEEE;  border:none;   margin-top:20px;   background: transparent;}

.about-detail, .team-members  { display: inline-block; width:38%; float: right; margin-bottom: 1rem;  padding: 7rem; padding-top: 10rem; padding-left: 0;   }

.practice, .practice-areas  {left:2%; width:96%; height:100%;  top:80px;  position:relative; display: inline-block; color: #fff;  background: transparent url('https://www.allawyers.eu/images/dots-2.png') no-repeat right bottom;   z-index: 9; }

.practice-intro { width:37%; margin-top:60px;  display: inline-block; margin-right:0;  padding: 7rem; float: left; } 
.practice .link { margin-top:12%; color: #fff;}
    
    .practice  img { position:relative; display: inline-block; width:50.5%; height:auto; left:-37px; top:0; margin-bottom:-20px;  }
    .practice  h3  { position:relative; display: inline-block; width:43%;  margin-left:4.5%; margin-top:10%; vertical-align: top;  }

.practice-accordion {width:38%; display: inline-block; float: right; margin-bottom: 1rem;  padding: 7rem; padding-top: -20rem; padding-left: 0;    }
.practice-accordion li { list-style-type: none; margin-left:-120px; width:120%; }

.practice-accordion .accordion-toggle{ font-family: 'Poppins', sans-serif; color: #fff; font-weight: 400; font-size: 28px; line-height: 42px; border-top: 1px solid #787878; padding: 3rem;  padding-left:80px;  background: transparent url('https://www.allawyers.eu/images/plus.png') no-repeat right center; background-size: 46px 46px; } 
.practice-accordion ul li:nth-child(4) { border-bottom: 1px solid #787878; }

.accordion-toggle { width: 100%;  background: none;  border: none;  text-align: left; cursor: pointer; outline: none; }
.accordion-content {margin-left: 70px;  max-height: 0;  overflow: hidden; transition: max-height 0.4s ease, padding 0.3s ease; padding: 0 0.5rem; color: #fff; } 
.accordion-content p {color: #BEBEBE; font-size: 24px;} 
.accordion-content.open { padding-top: 1rem; padding-bottom: 7%;  }

.accordion-toggle:hover, .accordion-toggle:active, .hero .btn:hover, .bottom .btn:hover {color:#F04E51; -webkit-transition-timing-function: ease-in; -webkit-transition-duration: 150ms;  -moz-transition-timing-function: ease-in;  -moz-transition-duration: 150ms;} 


.full-width-section, .parallax, .full-width-bottom-section, .box .white-bg {position: absolute;  left: 50%;  right: 50%; background-color: #414042; z-index: -5;
 margin-left: -50vw; margin-right: -50vw;  width: 100vw; height:100%; top:0; list-style-type: none;  } 
.box .white-bg {background-color: #fff; margin-left: -48vw; margin-right: -58vw; width: 96vw; }
 
.parallax {  z-index: -6; height: 560px;    position: relative;  display: block; overflow: hidden;  top: 0;  } 
.parallax:nth-child(2) {   height: 60px;  }
 
 
.parallax-bg, .parallax-bg-bottom {  position: absolute;  top: -120%; left: 0; width: 100%;  height: 190%;
  background-image: url('https://www.allawyers.eu/images/parallax-image.jpg'); background-size: 100%; background-position: center center; transform: translateY(0);   z-index: -1;} 
.parallax-bg-bottom {   background-image: url('https://www.allawyers.eu/images/parallax-image.jpg'); background-size: 100%; background-position: center center; }

.team, .team-2  {top:-60px;   height:auto;} 
.team h2, .team-2 h2 {margin-bottom:40px; } .team .detail .link {margin-top:40px; width:90%; } .team .link, .team-2 .link {margin-top:60px; } 
 
.team-2 {margin-top:80px;  margin-bottom:-250px;   z-index:9;}

.team-intro   { width:37%; margin:0;  right:0;  padding-top:160px;   background: transparent url('https://www.allawyers.eu/images/dots.png') no-repeat left top;   background-color: #F0EEEE;  border-top: none;    z-index:9; position: relative;  display: inline-block;}
	
.team-members { float: right; width:46%; padding: 0; margin:0;   right:0; margin-top:130px; z-index: 9; position: relative;  display: inline-block; }
.team-members img {   width:100%; height:auto;    }

.team-members .member { display: inline-block; margin:0; top:0;  max-width: 52%; width:398px;  height: 620px; margin-left:-50px; cursor:pointer;  background-position: 0 0;  transition: background-position 0.8s ease;} 
.team-members .member:nth-child(2) {float: right;   }

.member .detail {width: 80%; height: 225px; margin:5%; padding-left:8%; padding-top:0.1%; margin-top:105%;  
	color:#fff; position:relative;  display: block; background-color: rgba(50, 50, 50, 0.9);  z-index:8; } 

.member .detail h3{font-size: 30px; } .team h2, .team-2 h2, .contacts h3{ color: #333; }
.member .detail p,  .member .link{   color: #fff; font-size: 17px; line-height:25px;  font-family: 'Geist', sans-serif; font-style: normal; letter-spacing: normal; margin-top:-25px;  top:-25px; width: 85% } 

.team-members .member:nth-child(1)  {  background: transparent url('https://www.allawyers.eu/images/Tiago-Felizardo.png') no-repeat top center; background-size: cover;    }
.team-members .member:nth-child(2)  {  background: transparent url('https://www.allawyers.eu/images/Rita-Branco.png') no-repeat top center; background-size: cover;    }
.team-members .member:nth-child(3)  {  background: transparent url('https://www.allawyers.eu/images/Gabriel-Quiterio.png') no-repeat top center; background-size: cover;    }
.team-members .member:nth-child(4)  {  background: transparent url('https://www.allawyers.eu/images/Sonia-Botelho.png') no-repeat top center; background-size: cover;    }
.team-members .member:nth-child(5)  {  background: transparent url('https://www.allawyers.eu/images/Patricia-Emidio.png') no-repeat top center; background-size: cover;    }
.team-members .member:nth-child(6)  {  background: transparent url('https://www.allawyers.eu/images/Sara-Damas.png') no-repeat top center; background-size: cover;    }
.team-members .member:nth-child(7)  {  background: transparent url('https://www.allawyers.eu/images/Catarina-Jacinto.png') no-repeat top center; background-size: cover;    }

  .team-members .member:hover   {background-position: 90% 30%;}

.bottom { width: 100%; height: 200px; position:relative;  display:inline-block;  top: 320px; left: 0;  text-align: center; } 
.bottom h2,  .bottom p { margin:0; padding: 0.4%; text-align: center;  color: white;} .bottom h2  {font-size:65px; font-weight: 300; padding-bottom:2%; }

    .contacts .col {width: 28%; height: 330px; position:relative;  display:inline-block;  top: 0px; margin-left: 10px; padding-left: 5%; vertical-align: top;} 
    .contacts .col h3, .contacts .col .phone-desc{  top:0; margin:0; padding: 0;  } .contacts .col .phone-desc{  padding-bottom:20px; width: auto; z-index:0;   } 
    .contacts .col:nth-child(2) p {   margin-bottom:10px;  } 

    .contacts .col:nth-child(1) { width: 33%; background: transparent url('https://www.allawyers.eu/images/pin-2.png') no-repeat top left; background-size: 72px 60px;    }
    .contacts .col:nth-child(2) { width: 24%; background: transparent url('https://www.allawyers.eu/images/phone-2.png') no-repeat top left; background-size: 72px 60px;    }
    .contacts .col:nth-child(3) { width: 22%; background: transparent url('https://www.allawyers.eu/images/email.png') no-repeat top left; background-size: 72px 60px;   }

    .contacts .map  {  position:relative;  display: block; margin:0; padding:0; top: 0px;  }

    .contacts .row {position:relative;  display:inline-block; width: 96%; height: auto; border-top: 1px solid #414042; padding-top: 4%; padding-bottom: 2%;}
    .contacts .row h3, .contacts .row ul {position:relative;  display:inline-block; width: auto; height: auto; }
    .contacts .row h3 { width: 540px; height: auto;   margin:0; vertical-align: top;} 
    .contacts .row ul { margin-left:4.9rem; left:0;  width: 50%;} .contacts .row:nth-child(1) ul { margin-left:3.9rem;}
    .contacts .row:nth-child(1) ul li { margin-top:-360px; padding-bottom:50px; list-style-type: none; } .contacts .row:nth-child(1)   { border: none; height: auto;  padding-bottom: 0;  }  

    .contacts .row ul li a {color:#333; letter-spacing: none;  }


footer {display:  block;  height:465px;  margin:0; padding:0; margin-top:-60px; background: #414042;  border-top: 13px solid #F04E51;  }

footer .footer-left, footer .footer-center, footer .footer-right { width:25%;position: relative; height:465px ; vertical-align: top;
  display: inline-block;  left: 60px;    }  footer .footer-left {padding-left: 30px;   } 

footer .footer-right { padding: 0; margin:0; padding-top: 50px; height:auto ;  } footer .footer-right ul li a { position:relative; display:  block; height:20px;   }

footer .footer-center  { position: relative;  display: inline-block;  top: 0; margin:0; width:40%;  
background: transparent url('https://www.allawyers.eu/images/map.png') no-repeat left bottom; background-size:100%; } .footer-center:hover  {  cursor:pointer; }  

footer .footer-center p {padding-left:50px; margin-left:7%; top:50px; 
	color:#fff; font-size:20px; line-height: 35px; font-family: 'Poppins', sans-serif; background: transparent url('https://www.allawyers.eu/images/pin.png') no-repeat left center;    }

footer .logo {  width: 300px; height: 80px;  padding-top: 50px;    font-size: 1.5rem; font-weight: bold; color: #e63946; background: none; }

footer .phone { position: relative;  display:block; width: 300px; height: auto;  top: 50px; padding: 1.8rem 2.6rem; padding-left: 60px;
	background: transparent url('https://www.allawyers.eu/images/phone.png') no-repeat left center; background-size: 30px 30px;   border-top: 1px solid #616161;   } 

footer ul {    list-style: none;  padding-left: 60px; width:60%;  }    

footer a {font-size: 20px;  padding:20px; color: white;  text-decoration: none;} 

footer p, footer .phone-desc, .contacts .phone-desc { top: 60px; width:80%;   position: relative;  display:block;  font-size: 17px; line-height: 25px;  color:#BEBEBE;  z-index:9;   
} footer .phone-desc, .contacts .phone-desc { top: 30px;  } .contacts .phone-desc { color:#333; }


footer .bottom-links { width:100%; position: relative;  display:block;   color:#BEBEBE; background-color: #333333; float:right;  }  

footer .bottom-links a { width:auto; height:auto; padding:1.3rem;   position: relative;  display:inline-block; font-size: 17px; line-height: 25px;    font-family: 'Geist'; letter-spacing: normal; float: right; right:60px; color:#BEBEBE;}  

footer .bottom-links  .copyrights { float:left; left:60px; cursor: default;   }  footer .bottom-links a:hover { color: #F04E51;}

footer .full-width-bottom-section { position: relative;   display:block; top:-470px; height:550px ; background-color: #333333; z-index:-99;    }
 
.mobile-overlay { position: fixed;  top: 0;  left: 0;   width: 100vw; height: 100vh;  background-color: rgba(0, 0, 0, 0.5); /* Dark overlay */
  backdrop-filter: blur(2px);  z-index: 90;   opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }





@media screen and (max-width: 1599px) {  
	
	.wrapper {  max-width: 1590px;  }
	
    h2, h3{  font-size: 30px; line-height: 40px;   } 
    p { font-size: 22px; line-height: 35px;}

    header { height:900px; }
	
	.navbar .logo {   width:160px;  top: 35px;  margin-left: -20px;  }
	.navbar { height: 90px; padding-top: 20px;     }
	.navbar nav ul {height:27px;  top: 45px;}
    .navbar ul:first-child  { width:680px;  left: 43%; margin-left: -300px;  }
    .navbar ul:nth-child(2) { width:250px;  right: 0px; }  .navbar nav ul.lang {  width:25%;  margin-right:0; left: 50%; float:right;   } 
	
	.navbar a { font-size: 16px; line-height: 20px; margin-right: 1.2rem; margin-left: 1.2rem;}  
	.navbar ul:nth-child(2) a { margin-right: 0.3rem; margin-left: 0.3rem;}  .appointment  {  left:40px;  } 

	
    .hero {   top:-120px; margin:0;  height: 900px; }  
    .hero-text { width:50%; top:250px; margin:0; padding:0; margin-left:80px;  height: 50%;  }
    .hero h1 {  font-size: 45px; line-height: 60px; }
	.hero p {  top:7%;   max-width: 85%;   font-size: 20px;  line-height: 30px; }	
	.hero .btn, .bottom .btn { top:20px;  margin-top: 3.4rem;  padding: 0.8rem 3.6rem; padding-left: 25px;  } 
	
    .hero-intro h1 {  width: 39%; font-size: 63px; line-height: 75px; left:-30px; padding-left:35px; padding-right:35px;  padding-bottom: 110px; top:0;  }  
    .hero-intro p { width: 40.5%; position: relative;  display:inline-block; margin-left:-10px;  top:20px; padding-right:0;  }
	
    .about, .team, .team-2 {position:relative; top:-13px;left:2%; width:96%; }
    .about-intro, .about-intro-2, .team-intro   { width:36%; height:280px;  padding: 4rem;  margin-right:0; padding-top: 5rem;  }  
    .about-detail, .team-members  {  width:42%; float: right;  margin-bottom: 1rem;  padding: 4rem; padding-top: 5rem; padding-left: 1rem;   }
	
	
    .practice  {left:2%; width:96%; height:100%;  top:80px;   }
    .practice-intro {width:36%; margin-top:40px;  padding: 4rem;   } .practice .link {margin-top:12%;   }
    .practice-accordion {width:38%;   margin-bottom: 1rem;  padding: 4rem; padding-top: -20rem; padding-left: 0;    }
    .practice-accordion li {list-style-type: none; margin-left:-200px;   width:140%; }
    .practice-accordion .accordion-toggle{  font-size: 22px; line-height: 35px; padding: 2rem;  padding-left:100px; background-size: 35px 35px;}  
    .accordion-toggle {  width: 100%;   }
    .accordion-content {margin-left: 100px;  max-height: 0;  padding: 0; } 
    .accordion-content p { font-size: 18px;} 
    .accordion-content.open { padding-top: 0.4rem; padding-bottom: 10%;  }
	
        .anchor-links .link { width:25%;  margin-left:0.6rem;  margin-right:0.1rem; margin-bottom:1.1rem; padding-bottom:1.2rem; padding-top:1.2rem;   }
	
	.team, .team-2 {top:-100px;  bottom:-150px;  } .team h2, .team-2 h2 {margin-bottom:30px; width:118%; } .team .link, .team-2 .link {margin-top:40px; } .team  .detail .link {margin-top:40px; width:90%; }
    .team-intro   {  padding-top:160px; }
    .team-members { float: right; width:48%; padding: 0; margin:0;   right:0; margin-top:130px;  }
    .team-members .member { display: inline-block; margin:0; top:0;  max-width: 53%; width:398px;  height: 500px;   margin-left:-50px;} 
    .team-members .member:nth-child(2) {float: right;   }
    .member .detail {width: 80%; height: 220px; margin:5%; padding-left:8%;  padding-top:1.5%; margin-top:90%;   } 
    .member .detail h3{font-size: 24px;    }  
    .member .detail p,  .member .link{ font-size: 16px; line-height:24px; padding-top:0; top:-25px;  margin-top:0;  width:83%; }  

	.contacts .row h3 { width: 480px;} .contacts .row ul { margin-left:2.2rem; left:0;  width: 50%;}  .contacts .row:nth-child(1) ul { margin-left:1.35rem;}
	.contacts .row:nth-child(1) ul li { margin-top:-260px; } 
	
    .bottom {  height: 200px; top: 250px;   }  
	.bottom h2  {font-size:55px; font-weight: 300;}


    footer {height:465px;  margin:0; padding:0; margin-top:-160px;   }
    footer .footer-left, footer .footer-center, footer .footer-right { width:26.5%;  height:465px ; left: 35px;    }  
	footer .footer-left {padding-left: 28px;   } 
    footer .footer-right { padding: 0; margin:0; padding-top: 40px; height:auto ;  }  
    footer .footer-center  { position: relative;  display: inline -block;  top: 0; margin:0; width:40%;   background-size:100%; font-size: 17px; }  

    footer .footer-center p {padding-left:38px; margin-left:6%; top:40px; font-size:15px; line-height: 22px;  background-size:20px 28px;  width:80%;  }
    footer .logo {  width: 230px; height: 100px;  padding-top: 50px;  }
    footer .phone {  width: 200px; height: auto;  top: 20px; padding: 1.8rem 1.6rem; padding-left: 40px;background-size: 25px 25px; font-size: 15px;   } 
    footer ul {    list-style: none;  padding-left: 60px; width:60%;  }    
    footer a {font-size: 17px; padding: 12px; padding-bottom: 30px; }
    footer p, footer .phone-desc { top: 40px; width:90%;   font-size: 15px; line-height: 22px;   } footer .phone-desc { top: 30px;  }

    footer .bottom-links { width:100%; float:right;  }  
    footer .bottom-links a {  padding:1.2rem;    font-size: 15px; line-height: 22px;   right:40px; }  
    footer .bottom-links  .copyrights {  left:40px;     }  


	.parallax {  z-index: -6; height: 560px;    top: -80px;  } .parallax:nth-child(2) {   height: 60px;  }
    .parallax-bg, .parallax-bg-bottom { top: -120%; left: 0; width: 100%;  height: 130%; } .parallax-bg-bottom { top: -200%;    }
	
	 
}






@media screen and (max-width: 1279px) {
	
	.wrapper {  max-width: 1200px;  }
	
	a  {font-size:16px;}  .link  { font-size:16px; margin-top: 1.9rem;  }
    h2, h3{  font-size: 25px; line-height: 35px;   } 
    p { font-size: 18px; line-height: 28px;}

    header { height:900px; }
	
	.navbar .logo {   width:130px;  top: 35px;  margin-left: -35px;  }
	.navbar { height: 90px; padding-top: 20px;    }
	.navbar nav ul {height:27px;  top: 45px;}
    .navbar ul:first-child  { width:600px;  left: 50%; margin-left: -360px;  background-color: transparent;}
    .navbar ul:nth-child(2) { width:320px;  right: 0; }  .navbar nav ul.lang {  width:30%;  margin-right:0; left: 50%; float:right;   } 
	
	.navbar a { font-size: 15px; line-height: 20px; margin-right: 0.6rem; margin-left: 0.6rem;}  
	.navbar ul:nth-child(2) a { margin-right: 0.3rem; margin-left: 0.3rem;} 
	
	.appointment  {  left:30px;  } 

	
    .hero {   top:-120px; margin:0;  height: 900px; }  
    .hero-text { width:55%; top:250px; margin:0; padding:0; margin-left:80px;  height: 50%;  }
    .hero h1 {  font-size: 40px; line-height: 55px; }
	
	    .hero-intro h1 {  width: 37%; font-size: 48px; line-height: 55px; left:-40px; padding-left:3%; padding-right:3%;  padding-bottom: 135px; top:0;  }  
        .hero-intro p { width: 38%;   font-size: 20px;  line-height: 30px; margin-left:-10px;  top:20px; padding-right:0;  }
	
	.hero p {  top:7%;   max-width: 95%;   font-size: 22px;  line-height: 34px; }	
	.hero .btn, .bottom .btn { top:20px;  margin-top: 3.4rem;  padding: 0.8rem 3.6rem; padding-left: 25px;  }
    .slider { height: 900px; }

	
    .about, .team, .team-2 {position:relative; top:-13px;left:2%; width:96%; }
    .about-intro, .about-intro-2, .team-intro   { width:36%; height:280px;  padding: 4rem;  margin-right:0; padding-top: 5rem;  }   
    .about-detail, .team-members  {  width:42%; float: right;  margin-bottom: 1rem;  padding: 4rem; padding-top: 5rem; padding-left: 1rem;   }
	
	
    .practice  {left:2%; width:96%; height:100%;  top:80px;   }
    .practice-intro {width:36%; margin-top:40px;  padding: 4rem;   } .practice .link {margin-top:12%;   }
    .practice-accordion {width:38%;   margin-bottom: 1rem;  padding: 4rem; padding-top: -20rem; padding-left: 0;    }
    .practice-accordion li {list-style-type: none; margin-left:-120px;   width:140%; }
    .practice-accordion .accordion-toggle{  font-size: 20px; line-height: 35px; padding: 2rem;  padding-left:40px; background-size: 35px 35px;}  
    .accordion-toggle {  width: 100%;   }
    .accordion-content {margin-left: 40px;  max-height: 0;  padding: 0; } 
    .accordion-content p { font-size: 18px;} 
    .accordion-content.open { padding-top: 0.4rem; padding-bottom: 10%;  }
             
	     .anchor-links .link { width:23%;  margin-left:0.4rem;  margin-right:0.1rem; margin-bottom:1.0rem; padding-bottom:1.0rem; padding-top:1.0rem;   }
	     .box .left p, .contacts .row ul li{ font-size: 20px; line-height: 30px;  }
         .box .left {  padding-right:7%;  }
         .box ul {  }
         .box ul li {  font-size: 18px; line-height: 30px; }
	
	.team {top:-50px;  bottom:-150px;  } .team h2 {margin-bottom:30px; } .team .link {margin-top:40px; } .team  .detail .link {margin-top:40px; width:90%; }
    .team-intro   {  padding-top:160px;  z-index: 0;}
    .team-members { float: right; width:48%; padding: 0; margin:0;   right:0; margin-top:130px;  z-index: 99; }
    .team-members .member { display: inline-block; margin:0; top:0;  max-width: 53%; width:398px;  height: 500px;   margin-left:-50px;  } 
    .team-members .member:nth-child(2) {float: right;   }
    .member .detail {width: 80%; height: 200px; margin:5%; padding-left:8%; padding-top:1.2%; margin-top:120%;   } 
    .member .detail h3{font-size: 22px;    }  
    .member .detail p,  .member .link{ font-size: 14px; line-height:22px; padding-top:0; top:-20px;  margin-top:0;  width: 100%   }  
	.member .detail p { width: 96%;   margin-top:-10px;    }  
	
	.contacts .row h3 { width: 420px;} .contacts .row ul { margin-left:0.9rem; left:0;  width: 48%;} .contacts .row:nth-child(1) ul { margin-left:0.25rem;}
	.contacts .row:nth-child(1) ul li { margin-top:-200px; }  
 
    .bottom {  height: 200px; top: 250px;   }  
	.bottom h2  {font-size:55px; font-weight: 300; padding-bottom:20px; }


    footer {height:465px;  margin:0; padding:0; margin-top:-160px;   }
    footer .footer-left, footer .footer-center, footer .footer-right { width:26.5%;  height:465px ; left: 35px;    }  
	footer .footer-left {padding-left: 28px;   } 
    footer .footer-right { padding: 0; margin:0; padding-top: 40px; height:auto ;  }  
    footer .footer-center  { position: relative;  display: inline -block;  top: 0; margin:0; width:40%;   background-size:100%; font-size: 17px; }  

    footer .footer-center p {padding-left:38px; margin-left:6%; top:40px; font-size:15px; line-height: 22px;  background-size:20px 28px;  width:80%;  }
    footer .logo {  width: 230px; height: 100px;  padding-top: 50px;  }
    footer .phone {  width: 200px; height: auto;  top: 20px; padding: 1.8rem 1.6rem; padding-left: 40px;background-size: 25px 25px; font-size: 15px;   } 
    footer ul {    list-style: none;  padding-left: 60px; width:60%;  }    
    footer a {font-size: 17px; padding: 12px; padding-bottom: 30px; }
    footer p, footer .phone-desc { top: 40px; width:90%;   font-size: 15px; line-height: 22px;   } footer .phone-desc { top: 30px;  }

    footer .bottom-links { width:100%; float:right;  }  
    footer .bottom-links a {  padding:1.2rem;    font-size: 15px; line-height: 22px;   right:40px; }  
    footer .bottom-links  .copyrights {  left:40px;     }  


	.parallax {  z-index: -6; height: 560px;    top: -80px;  } .parallax:nth-child(2) {   height: 60px;  }
    .parallax-bg, .parallax-bg-bottom { top: -120%; left: 0; width: 100%;  height: 130%; } .parallax-bg-bottom { top: -200%;    }
 
}






@media screen and (max-width: 1023px) {

 .wrapper {  max-width: 1000px;  }  .navbar nav ul {  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);} .navbar nav ul:nth-child(2) {  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.0);}
	
  .navbar {  display: flex;  flex-direction: column;  height: 50px;  padding-top: 20px; position: sticky;    z-index: 999999999; }
  .navbar .logo { position: absolute;   left: 0; width:138px;  top: 18px;  margin-left: 15px;  }
  .hamburger { position: absolute; display: block; right:0; float: right; width: 30px; height: 25px; margin-left: auto;  margin-right: 20px;   cursor: pointer;  }
  .hamburger span {   display: block;  height: 3px;  background: #F04E51;  margin: 5px 0;  }
  .navbar nav ul { height: 550px; top:70px;   display: none;   flex-direction: column;  align-items: flex-start; padding: 0 20px;   }
	.selected { border-bottom: 0px solid #FFF;  }  nav ul li a.selected {color: #F04E51;}

.navbar nav.open ul { position: absolute; width: 100%; display: block; margin:0; padding:0; padding-top:10px; left:0; top:70px; background: #ffffff;  } 
.navbar nav  ul li { display: block; float: none; width: 80%; margin:15px; padding:20px;  left:0;  text-align: left;}
	
.navbar nav.open  ul.lang {   width:88%; height: auto; left: 20px; margin:0px;  padding:0;  top:390px; text-align: left; border-top: 1px solid #DADBDC;  } 
.navbar nav.open  ul.lang li {  display:inline-block;  width:auto; height: 30px; left: 0; margin:0; padding-top:40px; text-align: left;float: none;  } 

.navbar nav.open a {  display: block;  width: 100%;  margin-right: 0; margin-left: 0; } 
.navbar nav.open a:hover   { top:0; padding: 0; color: #F04E51;  border: none;  }

.hamburger { display: block; cursor: pointer; width: 30px; height: 22px; position: relative; z-index: 999;  }
.hamburger span {  display: block;  height: 3px;  margin: 6px 0;  transition: 0.3s ease;}
 
.hamburger.active span:nth-child(1) { transform: translateY(9px) rotate(45deg); }
.hamburger.active span:nth-child(2) {  opacity: 0; }
.hamburger.active span:nth-child(3) {  transform: translateY(-9px) rotate(-45deg); }
	
   .appointment  {position:relative; display: block; width:auto; height: auto;  top:-20px; left:-20px; margin:0px; float: left;  padding:4%;    
  background: transparent url('https://www.allawyers.eu/images/hero-slider/btn-icon.png') no-repeat right center; background-size: 30px 30px;
   padding-left: 30px; border-bottom: 2px solid #F04E51; border-top: 1px solid #DADBDC;   }
	
  .navbar nav.open  ul.lang li:nth-child(4) {  text-align: center; width:88%;}
	
  .navbar nav.open li a.appointment:hover{ left:-20px;  top:-20px; padding:4%; padding-left: 30px; 
	 border-bottom: 2px solid #F04E51; border-top: 1px solid #DADBDC;}
	
	.navbar nav.open .mobile-overlay {  opacity: 1; pointer-events: all; }
 

  .hero {  top: -100px;  height: 500px; text-align: left; }
  .hero-text {  width: 88%; margin: 0 auto;  top: 40%;  margin-left: 40px; }
  .hero h1 {  font-size: 25px;  line-height: 35px;  width: 93%;} 
	
	.hero-intro  {  height: 300px; padding-top:160px; }
	.hero-intro h1 { display:flex; flex-direction: column;  align-items: flex-start;  width: 82%; font-size: 40px; line-height: 50px; left:-29px; padding-left:0.3%; padding-right:3%;  padding-bottom: 200px; top:20px;   }  
    .hero-intro p { display:flex; flex-direction: column;  align-items: flex-start;   width: 85%;   font-size: 19px;  line-height: 30px; margin-left:40px;  top:-210px;  } 
	
	
  h2, h3{  font-size: 22px; line-height: 30px;  } p { font-size: 18px; line-height: 28px;  }
  a.link  { font-size:14px;   } p.eyebrow { margin-top: 30px; margin-bottom:10px; font-size:15px;} 

  .hero p { font-size: 17px;  line-height: 25px; width: 87%; margin-bottom:0;  } .hero-intro .job-title {line-height:20px;}

  .hero .btn { font-size: 14px; margin-top: 2rem;  background-size: 24px 24px;  padding: 0.7rem 3rem; padding-left:0.9rem;  }

  .slider {  height: 900px; top:0;     }  .slider img { object-fit:cover; }
	

  .about, .team, .team-2,  section.practice {  display: block; position:relative;   width: 96%;  left: 0; top: 0; padding: 0;  z-index:9;}

  .about-intro, .about-intro-2,  .about-detail, .practice-intro, .practice-accordion, .team-intro, .team-members {  width: 85%; padding: 0; padding-left:30px; padding-bottom:20px;   float: none;  display: block; margin: 0 auto; } 
	
  .about-intro, .about-intro-2 {width: 93%; padding-top:40px; padding-bottom:60px; padding-left:11%; } 
  .about-intro-2 {padding-bottom:0; margin:0; height: auto;    }
	
  .about-intro h2, .about-detail, .about-intro-2 h2 {margin-top: 30px; margin-bottom: 30px; width: 90%;}
  .about-detail {margin-top: 60px; padding-left:11%; width: 93%; padding-bottom:60px;}  

	
.practice-intro {margin-top:40px;   padding-top:20px; padding-left:11%; width: 89%; float: left;  } 
.practice-intro h2, .about-detail p { width: 90%; }  .practice .link, .about-detail .link {margin-top:3%; }
.practice-accordion, .practice h3 { display:flex; flex-direction: column;  align-items: flex-start; width: 88%; padding: 0; padding-top:30px; padding-bottom:100px; padding-left: 11%;  float: left; }  
.practice-accordion ul { padding: 0;   margin-left: 0;  width: 95%;  }
.practice-accordion li {  margin-left: 0; width: 100%; }
	
	.practice {  width: 100%; margin :0; padding:0; left:0; right:0; float: left;  }  .practice-areas { top:0; }
	.practice img, .practice h3 {position: relative;  display: inline-block; width: 100%; height: auto; left:0; margin: 0; padding-:0; } 
	.practice h3 {width: 86%;  padding-top:60px;  }
	
.practice-accordion .accordion-toggle { font-size:18px; line-height: 24px; padding: 0; background-size: 6%; padding-top: 20px; padding-bottom: 20px; padding-left:0;  padding-right:2%; }
	
	  .anchor-links   { position: relative;  display: inline-block; width:96%;  top:-40px; margin:0; padding:0;   }
	  .anchor-links .link { width:30.5%;  margin-left:0.1rem;  margin-right:0.3rem; margin-bottom:0.5rem; padding-bottom:0.5rem; padding-top:0.5rem; 
	 padding-left:2%;   background-size: 15px 15px; font-size:12px;  font-family: 'Geist';  }
	
     .box .left p, .contacts .row ul li{ font-size: 16px; line-height: 24px;  }
     .box .left {  padding-left:5%; width:90%;  }
     .box ul { width:90%; vertical-align: top; padding-left:7%;  font-size: 16px; line-height: 24px; top:0; margin-top:20px; border-left: 0px solid #fff; }
     .box ul li {padding-bottom:3%;  font-size: 16px; line-height: 24px;  }
	
.accordion-content {margin-left: 0; } 
.accordion-content.open { padding-top: 1rem; padding-bottom: 10%;   margin-left: 0;  }
.accordion-content p {font-size: 16px; }
	
.parallax { width: 100%; height: 560px;   position: relative;  display: block; overflow: hidden;  top: 0;  } 
.parallax:nth-child(2) {   height: 60px;  }
  
.parallax-bg, .parallax-bg-bottom {width: 100%;  height: 130%; top: -120%; left: 0;  position: absolute;    margin-top: 0; background-size: cover;  } 
.parallax-bg-bottom {  margin-top: -760px;  z-index: 0;   }
	
	    .team, .team-2 {margin-top:0; margin-bottom:-100px;   padding-bottom:0;  }   
        .team-2 {position: relative; display: inline-block;  height:auto; top:0; margin:0; padding:0; }
        .team-2 .team-intro   {  position: relative;  display: inline-block; left:6%; }
	    .team-members img {display:flex; padding:0; margin:0; margin-top: 30px;   } 
	
    .team .link, .team-2 .link {margin-top:3%; }
    .team-members {display:flex;  margin-top: 2rem;  float: none;  text-align: left;  flex-direction: column;  align-items: flex-start;  } 
	.team-intro   { padding-top:60px; height:400px; }  .team-2 .team-intro   {height:330px;   }
	.team h2 {margin-bottom:30px; }  .team-2 .team-intro h2 { width:100%; } 

.team-members .member { width: 96%;  max-width: 96%;  height: 526px; margin: 0; margin-bottom: 50px;  float: left;} 
.team-members .member:nth-child(2)   {  left:-50px;  }

.member .detail { left:0; width: 80%; height: auto; position: relative; padding: 6%; margin:4%; margin-top: 360px;   padding-top: 2%;  padding-bottom: 2%;} 
	
  .member .detail h3{ font-size:22px; line-height: 24px; margin-bottom: 10px;} 
  .member .detail p {font-size: 16px; margin-bottom:0; margin-top:0; padding-bottom: 0; width: 100%; }     
  .member .link { padding-top: 0; top:-10px; margin:0; } .member .detail a.link { width: 100%; }
	
  .contacts .row h3 { width: 320px; height:60px; left:2rem; } .contacts .row ul { margin-left:0.6rem; left:0;  width: 88%;}
  .contacts .row:nth-child(1) ul li { margin-top: -180px; } 

  .bottom {  width: 90%; top:300px; padding:2%; padding-left:8%;  height: auto;  margin-bottom: -400px;  text-align: left; } 
  .bottom h2 { font-size: 30px; line-height: 40px; text-align: left;  padding-bottom:0;}  
  .bottom p {  padding-top:2%; text-align: left;  width: 92%; }
  .bottom .btn { text-align: left;   margin-top: 2rem;  background-size: 24px 24px; padding: 0.7rem 3rem; padding-left:0.9rem;  font-size: 14px;}
	

  footer {width: 100%; display: block;   padding: 0;  z-index: 99999;  height: 1460px;    }

  footer .footer-left,  footer .footer-center, footer .footer-right {  width: 90%; display: block;  padding: 0; padding-left:6%; margin-bottom: 0rem; left: 0; }
  footer .footer-center {  width: 94%; }
	
  footer .footer-left { padding-left:9%;  height:300px; }
  footer .footer-center p { font-size:15px; line-height: 24px; padding-left:30px; margin-left:3%; top:0;  color:#fff; background-size: 20px 28px;   } 
  footer .footer-center  { background: transparent url('https://www.allawyers.eu/images/map.png') no-repeat left top; background-size:cover; border-top: 1px solid #616161;   }   
  footer .footer-right { padding-top:5%; padding-bottom:5%;} footer .footer-left p {  top:20px;  margin-bottom:40px; }

  footer ul {  padding-left: 0;  width: 90%; }

  footer .bottom-links {  display:flex; flex-direction: column;  align-items: flex-start;  text-align: left;  height: 260px; }
  footer .bottom-links a {  margin: 0.5rem 0.7rem;   left: 0; font-size: 14px; padding:0; padding-left:5%;  }
  footer .bottom-links .copyrights {   margin-bottom: 2rem; margin-top: 2rem;   left:0;  }
  footer .logo {  width: 200px; height: auto;  padding-top: 50px; font-size: 1.3rem;   font-size: 1.5rem; font-weight: bold; color: #e63946; background: none; }
  footer .phone {  font-size: 22px; width: 70%; height: auto;  top: 30px; padding: 1.1rem 2.0rem; padding-left: 40px;
	background: transparent url('https://www.allawyers.eu/images/phone.png') no-repeat left center; background-size: 30px 30px;   border-top: 1px solid #616161;   } 
 
  footer a {font-size: 16px; padding: 3%; } 
  footer p, footer .phone-desc, .contacts .phone-desc { top: 80px; width:93%;   position: relative;  display:block;  font-size: 16px; line-height: 22px; } 
  footer .phone-desc, .contacts .phone-desc {top: 30px;} .footer-center p {width:81%;} .contacts .col .phone-desc {top: -3px; height:auto; margin-bottom: 20px; }	 
	
}



@media screen and (max-width: 1023px) and (min-width: 768px) {
  .hero-text {    width: 95%;} 
  .hero h1 {  font-size: 35px;  line-height: 45px;  width: 70%;} 
  h2, h3{  font-size: 24px; line-height: 34px;  } p { font-size: 18px; line-height: 28px;  }
  a.link  { font-size:14px;   } p.eyebrow { margin-top: 30px; margin-bottom:10px; font-size:15px;} 
  .hero p { font-size: 20px;  line-height: 30px; width: 70%; margin-bottom:0;  }

	.hero-intro  {  height: 305px; padding-top:160px; }
	.hero-intro h1 { display:flex; flex-direction: column;  align-items: flex-start;  width: 75%; font-size: 55px; line-height: 60px; left:0; padding-left:2.2%; padding-right:3%;  padding-bottom: 200px; top:10px;height:60px;  }  
    .hero-intro p { display:flex; flex-direction: column;  align-items: flex-start;   width: 80%;   font-size: 20px;  line-height: 30px; margin-left:80px;  top:-222px;  } 
	
	.anchor-links  { width:88%;  margin-left:2rem;  margin-right:1.8rem;      }
	.anchor-links .link { width:36%;  margin-left:0.4rem;  margin-right:0.4rem; margin-bottom:1.0rem; padding-bottom:0.8rem; padding-top:0.8rem; 
	 padding-left:3%; font-size:16px }
	
	 .box .left p, .contacts .row ul li{ font-size: 18px; line-height: 25px;  }
     .box .left {  padding-right:7%;  }
     .box ul { width:80%; vertical-align: top; padding-left:7%;  font-size: 16px; line-height: 24px; top:15px; margin-top:0; border-left: 0px solid #fff;  }
     .box ul li {padding-bottom:3%;  }
	
	  .contacts .row h3 { width: auto;} .contacts .row ul { margin-left:1.5rem; left:0;  width: 85%;}
      .contacts .row:nth-child(1) ul li { margin-top:-100px; }
	
	
}