.row {
  /*max-width: 1140px;*/
  margin: 0 auto;
  display: flex; /* equal height of the children */
  /*overflow: hidden;*/
  align-content: center;
  text-align: left;
  justify-content: center;
}
.rowFreaze {
max-width: 1140px;
margin: 0 auto;
display: flex; /* equal height of the children */
/*overflow: hidden;*/
align-content: center;
text-align: left;
justify-content: center;
}

.col {
flex: 1; /* additionally, equal width */
/*padding: 1em;*/
/*border: solid;*/
}

.center {
margin: 0 auto;
overflow: hidden;
align-content: center;
text-align: center;
}
.centerAll {
margin: 0 auto;
overflow: hidden;
align-content: center;
text-align: center;
justify-content: center;
align-items: center;
display: grid;
align-self: center;
}

.inline {display: inline;}
.block {display: block;}
.flex {display: flex;}
html {scroll-behavior: smooth;}
body {
margin: 0;
font-family: 'Poppins', sans-serif;
font-family: 'Poppins', sans-serif;
letter-spacing: 1px;
word-spacing: 1px;
max-width: 1600px;
margin: auto;
/*border: solid 2px #0000000f;*/
}
p {
line-height: 1.5em;
font-weight: 200;
}
input[type='radio'] { 
transform: scale(1.3); 
}

.fullWidth {
  min-width: 100vw !important;
  /*margin: 0 -25px;*/
  margin-top: 0px;
  width: auto;
}
.caps {
  text-transform: uppercase;
}
.smalText {
font-size: .7em;
}
.em1-5 {
font-size: 1.5em;
}
.em2 {
font-size:2em;
}
.em3 {
font-size:3em;
}
.weight900 {
font-weight: 900;
}
.paddingMargin0 {
padding: 0px;
margin: 0px;
}
.marginTop50 {
margin-top: 50px;
}
.marginTop100 {
margin-top: 100px;
}
.marginBottom100 {
margin-bottom: 100px;
}
.marginBottom50 {
margin-bottom: 50px;
}
.paddingLeft20 {
padding-left: 20px;
}
.paddingRight20 {
padding-right: 20px;
}
.paddingLeft50 {
padding-left: 50px;
}
.paddingTopBottom100 {
padding-top: 100px;
padding-bottom: 100px;
}
.colBgGray {
background-color: lightgray;
}

.inputCenter { 
text-align: center; 
}

.circled {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  padding: 8px;
  background: #659ebc;
  text-align: center;
}
.circled span {
vertical-align: middle;
height: inherit;
width: inherit;
display: table-cell;
font-size: 2em;
font-weight: 600;
color: white;
}

.lightBlueBG {
background-color: #e3ebf0;
min-width: 100%;
}
.informDiv .col {
background-color: #999186;
padding: 80px 50px 80px 50px;
min-width: 100%;
font-size: 1.5em;
color: white;
font-weight: 600;
}

nav {
position: relative;
}
nav .branding {
position: absolute;
z-index: 1;
width: 100%;
max-width: 250px;
}
nav .branding img {
max-width: 180px;
position: relative;
display: block;
left: 10px;
top: 10px;
}
.menuDiv {
z-index: 99;
position: absolute;
right: 10px;
top: 10px;
}

.menuDiv a {
text-decoration: none;
color: black;
padding-right: 16px;
padding: 20px 0;
margin: 0 16px;
transition: 0.3s ease;
}

.menuDiv a:hover {
color: white;
border-bottom: 2px solid #ffffff73;
padding: 2px 0;
}



.pinWrap {
margin: 0 auto;
/* text-align: center; */
/* padding: 0; */
display: table;
margin-bottom: 85px;
}

.pin {
position: relative;
/* top: 40%; */
/* left: 50%; */
/* margin-left: 115px; */
border-radius: 50%;
border: 69px solid #659ebc;
width: 8px;
height: 8px;
}

.pin::after {
position: absolute;
content: '';
width: 0px;
height: 0px;
bottom: -215px;
left: -61px;
border: 65px solid transparent;
border-top: 121px solid #659ebc;
}

#pinText {
left: 2px;
z-index: 1;
position: relative;
/* top: 11px; */
color: #ddd9d5;
font-weight: 400;
/* font-size: 14px; */
/* margin: 0 auto; */
/* text-align: center; */
left: -38px;
display: flex;
font-size: large;
top: 11px;
}











.bannerMain {
background-image: url('../includes/Banner\ BG.jpg');
min-height: 600px;
position: relative;
background-position: right;
background-size: cover;
}

.bannerFastighet {
background-image: url('../includes/fastighet_banner_bg.jpg');
min-height: 600px;
position: relative;
background-position: right;
background-size: cover;
}
.bannerFastighet .bannerInfo{
  margin-top: 50px;
}

.bannerTradgard {
background-image: url('../includes/tradgard_banner_bg.jpg');
min-height: 600px;
position: relative;
background-position: right;
background-size: cover;
}
.bannerTradgard .bannerInfo{
  margin-top: 50px;
}

.bannerRenovering {
background-image: url('../includes/renovering_banner_bg.jpg');
min-height: 600px;
position: relative;
background-position: right;
background-size: cover;
}
.bannerRenovering .bannerInfo{
  margin-top: 50px;
}

.bannerStadning {
background-image: url('../includes/stadning_banner_bg.jpg');
min-height: 600px;
position: relative;
background-position: right;
background-size: cover;
}
.bannerStadning .bannerInfo{
  margin-top: 50px;
}




#bannerFirstLine {
font-size: 20px;
color: #ffffff;
border: solid 2px #ffffffbd;
background: #659ebc;
padding: 10px 0;
border-radius: 30px 27px 64px 0px;
font-style: italic;
max-width: 161px;
margin: 0 auto;
margin-bottom: 20px;
}


.bannerInfo {
  padding-top: 100px;
  position: relative;
  z-index: 0;
}
#banner-headline1 {
  font-size: 2.5em;
  /*padding: 30px 100px 50px 100px;*/
  text-shadow: 0px 0px 6px #CECECE;
  font-weight: 900;
  display: block;
  padding-bottom: 10px;
}
#banner-headline2 {
  font-size: 3.5em;
  font-weight: 900;
  color: #000000;
  text-shadow: -6px 0px 7px #00000014;
  font-weight: 800;
}
.bannerH1 {
font-size: 14px;
display: block;
padding-bottom: 40px;
}



.buttonCTA {
appearance: button;
text-decoration: none;
width: 350px;
height: 42px;
/* border: 2px solid white; */
margin-bottom: 10px;
border-radius: 8px;
display: flex;
}
.buttonBlack {
color: white;
background-color: black;
}
.buttonBlue {
color: white;
background-color: #659ebc;
}
.bannerInfo .buttonCTA {
margin: 0 auto;
}
.buttonCTA h2 {
margin: auto;
}

.bannerCtaText {
font-weight: bolder;
display: inline-block;
padding-top: 5px;
font-size: 14px;
color: rgb(0 0 0 / 50%);
padding-bottom: 10px;
/* text-shadow: 0px 0px 3px white; */
text-shadow: 0 0 3px white, 0 1px 12px black;
}

.oneTwo3 {
  padding: 10px;
}

.oneTwo3 h4 {
font-size: 18px;
}
.oneTwo3 p {
font-weight: 200;
}



.videoMedia {
padding: 50px 0;
}
.videoMedia video {
width: 100%;
}

.standardBlock .col {
padding: 50px;
}
.standardBlockMedia {
max-width: 100%;
margin: 0 auto;
padding: 0;

}

.standardBlock .col {
align-self: center;
}
.standardBlockText * {
padding: 0 10px;
}
.standardBlockText {
align-self: center;
aspect-ratio: 16 / 9;
margin: 50px;
}
.standardBlockText h4 {
font-size: 3.5em;
}
.standardBlockText h6 {
font-size: 14px;
}
.standardBlockText h6, .standardBlockText h4 {
margin: 0;
}

.doubleInfo .col {
padding: 50px;
}
.doubleInfo h4 {
font-size: 3.5em;
}
.doubleInfo h6 {
font-size: 14px;
}
.doubleInfo h6, .doubleInfo h4 {
margin: 0;
}

footer {
color: white;
padding: 100px 50px;
background-image: url('../includes/Bottom BG Image.jpg');
background-size: cover;
}
footer img {
width: 100%;
max-width: 350px;
margin-bottom: 50px;
}
footer h4 {
font-size: 3.5em;
}
footer a {
text-decoration: none;
color: #659ebc;
font-weight: 600;
}

footer form {
  padding-left: 10px;
}
@media only screen and (min-width: /*768px*/1000px) {
footer form {
  padding-left: 0;
}
}

.footerFormInput {
appearance: button;
text-decoration: none;
max-width: 350px;
width: 100%;
height: 42px;
/* border: 2px solid white; */
margin-bottom: 10px;
border-radius: 8px;
display: flex;
}
.footerFormInputText {
height: unset;
max-width: 350px;
width: 100%;
}
.footerFormSubmit {
cursor: pointer;
width: 200px;
height: 42px;
margin-top: 20px;
text-align: center;
border-radius: 8px;
border: none;
}

footer .balkanGiants {
text-align: center;
  position: relative;
  top: 50px;
}
footer .balkanGiants a {
text-decoration: none;
color: white !important;
}


/*SECONDARY BANNER*/
.bannerSecondary {
background-image: url('../includes/Banner\ BG.jpg');
min-height: 300px;
position: relative;
}

/*******/

@media only screen and (max-width: /*768px*/1000px) {
nav .branding {max-width: 100%;}
nav .branding img {margin: 0 auto;}
.buttonCTA {
  left: unset;
  top: unset;
  margin: 0 auto;
  width: 90%;
}
.informDiv .col {
  min-width: unset;
}
.standardBlock { padding: 50px 0; }
.standardBlockText {margin: unset;}
.sedan2012 img {display: none;}
.standardBlock .col {padding: 0px 0px 0 0;}
.standardBlockText h4 {
  font-size: 2.2em;
}
.doubleInfo h4 {font-size: 2.2em;}
footer h4 {
  font-size: 2.2em;
}
.footerFormInput, .footerFormInputText {text-align: center;}
.menuDiv {display: none;}
}








.menuDiv ul {
  list-style: none;
  display: flex;
}
@media only screen and (max-width: /*768px*/1000px) {

.menuDiv {
  display: block;
  width: 100%;
  top: -105px;
  height: 100px;
}

#mobileBurger {
  position: absolute;
  width: 100%;
  cursor: pointer;
}
#menuLinks {
  display: block;
  padding: 0;
}
#menuLinks a {
  padding: 0 auto;
}
#mobileBurger .burgerLines div {
  width: 35px;
  height: 5px;
  background-color: #3d3d3d;
  margin: 6px 0;
}
.burgerLines {
  position: absolute;
  z-index: 999;
  width: auto;
  right: 10px;
  top: 10px;
}

.menuDivOpen {
  right: 0;
  top: 0;
  background-color: rgb(255 255 255 / 95%);
  height: 100vh;
  transition: height 0.3s ease-in-out;
}
.menuDivOpen #mobileBurger {
  right: 10px;
  top: 10px;
}
.menuDivOpen #menuLinks {
  line-height: calc(100vh / 4);
  transition: background-color 1s ease;
  background-color: rgb(101 158 188 / 40%);
  margin-top: 0;
  font-weight: bolder;
}
.menuDivOpen #menuLinks a:hover {
  color: rgb(119 119 119);
}
.menuDivOpen #menuLinks li {
  border-bottom: solid 4px white;
}
.menuDivOpen .burgerLines {
  transform: rotate(345deg);
}
.menuDivOpen .burgerLines div {
  transform: rotate(60deg);
  margin: 0; 
  position: relative;
  position: absolute;
  right: 10px;
}
.menuDivOpen .burgerLines div:first-child {
  transform: rotate(330deg);
}
.menuDivOpen .burgerLines div:last-child {
  display: none;
}
}

#formLastNameCheck {
    display: none;
}






@media only screen and (max-width: /*768px*/1000px) {

.row {display: block;
  text-align: center;
}

.rowFreaze {display: flex;
  text-align: center;
}

}