img, a {border:none; outline: none;}


body { color:#595959; }

.navbarCol { padding:5px; vertical-align:bottom; font-size:17px; font-family: "Zemestro",Arial,sans-serif; color:#1f497d; } 
.navbarColLinks { text-decoration:none; color:#ff0000; }

#navbarListItem { list-style-type: none; }
#navbarListItem a div { padding:10px; border:1px solid rgba(0,0,0,0.25) ; }
#navbarListItem a { text-decoration:none; color:#fff; font-size: 16px; font-family: "Zemestro",Arial,sans-serif;}
#navbarListItem a div:hover { text-decoration:none; background-color:rgba(0,0,0,0.25); }

#underMenuNavigation { margin-left:30px; }

#about { cursor:pointer; }

.bold { font-weight:bold; font-size:22px; color:#1f497d; }
#header-container { margin:0 auto; height:100px;  width:80%;  padding-top:15px; min-width:360px; }



#navBar-Panel { height:200px; margin-bottom:-200px; display:block; }
#navBar-container { margin:0 auto;  padding-top:22px; left:50%; margin-left:600px; position:relative;}

#group-container { display:none; }

.navbarImageTag:hover { box-shadow: 3px 3px 15px #888888; }

.PriceListKr { float:right; }
.PriceContentColumn ul li { width:80%; list-style-type:none; padding:2px; margin-left:-40px; }
.PriceContentColumn div { font-size:13px; font-weight:bold; }
.PriceRow0 { background-color:#CDCBCB; }

#logoMin { display:none; }
#logo { display:block; }
#logoKollekta { display:block; float:right; padding-top:7px; }

.wrapper-container { margin:0 auto; width:80%; padding:15px; font-size:17px; min-width:360px; font-family:"Zemestro",Arial,sans-serif; text-align: justify; }

.wrapperPanels {margin:0 auto; width:80%; overflow:hidden; font-family:"Zemestro",Arial,sans-serif;  }
.wrapperPanelItem { float: left; height:120px; font-size:22px; width: 30%; padding: 15px 15px 50px 15px;  margin-top:3px; margin-bottom:3px; }

#Customer-Web{ float:right; margin-top:-27px; padding-right:10px; }

#orvarImage { height:40%; width:90%; }

body { margin:0; }

.headline{ font-size:30px; color:#1f497d; font-weight:bold; margin-bottom:20px; text-decoration:underline; }

.headlineWrapper{ font-size:22px; color:#1f497d; font-weight:bold; margin-bottom:20px; text-decoration:underline; }
.headlineWrapper p {   }

.headlineImg { float:left; margin-right:10px; background-size:contain; border-radius:50%; margin-top:13px; }

header { background:#fff; box-shadow: 0 0 3px rgba(0,0,0,0.25);  margin-bottom:0px; border-bottom:2px solid rgb(208, 75, 99); } /*#F3F2F0*/

#coverPhoto  { background: url('/images/CoverPhotos/malari.jpg') 90% 50%  no-repeat; width:1250px; margin-left:190px; height:450px; background-size:cover; } /* Forsíða */
#coverPhoto2 { background: url('/images/CoverPhotos/PuzzleForsida.jpg') 90% 50% no-repeat; width:1250px; margin-left:190px; height:450px; background-size:cover; } /* Greiðslumiðlun */
#coverPhoto3 { background: url('/images/CoverPhotos/yta.jpg') 90% 20% no-repeat; width:1250px; margin-left:190px; height:450px; background-size:cover; } /* Innheimta */
#coverPhoto4 { background: url('/images/CoverPhotos/vinna.jpg') 90% 58% no-repeat; width:1250px; margin-left:190px; height:450px; background-size:cover; } /* Löginnheimta */
#coverPhoto5 { background: url('/images/CoverPhotos/hjol.jpg') 90% 58% no-repeat; width:1250px; margin-left:190px; height:450px; background-size:cover; } /* Starfsemin */
#coverPhoto6 { background: url('/images/CoverPhotos/kajakRight.jpg') 90% 9% no-repeat; width:1250px; margin-left:190px; height:450px; background-size:cover; } /* Greiðendur */
#coverPhoto7 { background: url('/images/CoverPhotos/fjallganga.jpg') 90% 32% no-repeat; width:1250px; margin-left:190px; height:450px; background-size:cover; } /* Húsfélög */
#coverPhoto8 { background: url('/images/CoverPhotos/skotmark.jpg') 90% 40% no-repeat; width:1250px; margin-left:190px; height:450px; background-size:cover; } /* Öryggismál */

.coverPhotoText { float:left; margin:40px 0px 0px 20px; color:#fff; font-size:32px; font-family:"Zemestro",Arial,sans-serif; font-weight:bold; }
.coverPhotoTextDown { float:left; margin:380px 0px 0px 20px; color:#fff; font-size:32px; font-family:"Zemestro",Arial,sans-serif; font-weight:bold; }

#GMlist { float: left; width: 500px; margin:97px 125px 40px 0px; background-color:rgb(199, 49, 79); padding:30px 30px 30px 5px; font-size:15px; color:#fff;  }
#GMlist ul { padding-left:50px; padding-right:50px; }
#GMlist ul li { padding-bottom:10px; }
.GMContent { float:left; width:50%; margin-bottom:40px;  } 
#GMPaperlessContent { float:left; width:50%; margin-bottom:40px; }
#GMPaperlesslist { float: left; width: 400px; margin:3px 0px 40px 125px; background-color:rgb(31, 73, 125);  padding:30px 30px 30px 5px; font-size:15px; color:#fff;  } 
#GMPaperlesslist ul { padding-left:50px; padding-right:30px; }
#GMPaperlesslist ul li { padding-bottom:10px; }

#InvoiceFirstInvoicelist { float: left; width: 500px; margin:97px 0px 40px 125px; background-color:rgb(31, 73, 125);  padding:30px 30px 30px 5px; font-size:15px; color:#fff;  } 
#InvoiceFirstInvoicelist ul { padding-left:50px; padding-right:50px; }
#InvoiceFirstInvoicelist ul li { padding-bottom:10px; }
#InvoiceFirstInvoiceContent { float:left; width:50%; margin-bottom:40px; }
#InvoiceSecondaryInvoicelist { float: left; width: 500px; margin:97px 125px 40px 0px; background-color:rgb(199, 49, 79); padding:30px 30px 30px 5px; font-size:15px; color:#fff; }
#InvoiceSecondaryInvoicelist ul { padding-left:50px; padding-right:10px; }
#InvoiceSecondaryInvoicelist ul li { padding-bottom:10px; }
.InvoiceSecondaryInvoiceContent { float:left; width:50%; margin-bottom:40px; }

#Operationslist { float: left; width: 500px; margin:70px 0px 40px 125px; background-color:rgb(31, 73, 125);  padding:30px 30px 30px 5px; font-size:15px; color:#fff;  } 
#Operationslist ul { padding-left:50px; padding-right:30px; }
#Operationslist ul li { padding-bottom:10px; }

#PayorsContent { float:left; width:40%; margin-bottom:40px; }
#Payorslist { float: left; width: 500px; margin:97px 0px 40px 125px; background-color:rgb(31, 73, 125);  padding:30px 30px 30px 5px; font-size:15px; color:#fff;  } 
#Payorslist ul { padding-left:50px; padding-right:40px; }
#Payorslist ul li { padding-bottom:10px; }

#LegalInvoiceListRed  { float: left; width: 500px; margin:97px 125px 40px 0px; background-color:rgb(199, 49, 79); padding:30px 30px 30px 5px; font-size:15px; color:#fff; }
#LegalInvoiceListRed ul { padding-left:50px; padding-right:40px; }
#LegalInvoiceListRed ul li { padding-bottom:10px; }

#FrontPageGoalsContent { float:left; width:50%; margin-bottom:40px; }
#FrontPageGoalslist { float: left; width: 400px; margin:-60px 0px 40px 125px; background-color:rgb(199, 49, 79);  padding:30px 30px 30px 5px; font-size:15px; color:#fff;  } 
#FrontPageGoalslist ul { padding-left:80px; padding-right:80px; }
#FrontPageGoalslist ul li { padding-bottom:10px; }

#middlePanelFrontPage { margin-bottom:-18px; }

#GMContentUpper { display:none; }
#GMContentLower { display:block; }
#InvoiceSecondaryInvoiceContentUpper { display:none; }
#InvoiceSecondaryInvoiceContentLower { display:block; }


#smallHeadline { display:none; }

.frontPageHeadLineLinks { text-decoration:none; }

.ListLine { border-top:2px solid #fff; border-radius:50px; margin-left:35px; margin-right:30px; }

#panelCover { height:0px;  display:block; }
#panel {  position:absolute; left:50%; margin-left:210px; margin-top:-240px; height:360px; width:300px; font-family:"Zemestro",Arial,sans-serif;  }
.panelMessage { color:#fff; background-color:rgba(31, 73, 125, 0.75); height:100px; padding:20px; margin-bottom:0px; }
#beforeSlider { border-color: transparent transparent rgba(31, 73, 125, 0.84) transparent;
  border-style: solid;
  border-width: 0 0 30px 300px;
  content: "";
  opacity: 0.9;
  position: relative;
  right:20px;
  top: -50px; 
  bottom:30px;
}

.panelMessage span { font-size:19px; font-weight:bold; font-family: "Zemestro",Arial,sans-serif; }

.panelLinkMore { float:right; margin-top:20px; }
.panelLinkMore a { color:#fff; text-decoration:none;  }
.panelLinkMore a:hover { text-decoration:underline; }

#wrapper { background-color:#F7F7F7; margin:0 auto; height:200px; padding:15px; font-size:17px;  min-width:360px; font-family:"Zemestro",Arial,sans-serif; }

.aboutMenu { float:left; width:20%; margin-right:30px; }
#aboutMenuList { list-style:none; margin-left:-40px;  } /**/ 
#aboutMenuList li { margin:5px 0px;}
#aboutMenuList li:hover { text-decoration:underline; font-size:19px; background-color:#1f497d; }
#aboutMenuList li a { text-decoration:none; color:#1f497d; font-size:19px; display:block; padding:2px; padding-left:10px; }
#aboutMenuList li a:hover { color:#fff; }

#aboutMenuList .selected { background-color:rgba(31, 73, 125, 0.90); }
#aboutMenuList .selectedLink { color:#fff; }


#aboutContent { margin-top:18px; float:left; width:60%; margin-bottom:160px; }
#aboutContent ul { margin-left:30px; }
#aboutContent ul li { padding-bottom:5px; }

#mappanLeftDiv { width:300px; height:270px; float:left; padding-top:110px; }
#mainContainerLeftDiv { width:400px; height:270px; float:left; }
#mainContainerRightContent {  padding-top:0px; }
#mainContainerRightContent iframe{  width:60%; height:250px; }
#mainContainerLeftDivSuccess { width:600px; float:left; height:250px; padding-right:25px; }
#mainContainerRightContentSuccess { padding-top:0px; }
#mainContainerRightContentSuccess img { width:400px; height:250px}
#footerLeftDiv { width:30%; height:100%; float:left; padding-top:30px; }
#footerRightContent { font-size:15px; padding-top:30px; }

#staffLinkFooter { color:#fff; text-decoration:none; }
#staffLinkFooter:hover { text-decoration:underline; }

#middlePhoto { background: url('/images/s30.PNG') 90% 30% no-repeat; height:500px; background-size:cover; }

#photo2 { background: url('/images/Bilastaedi.jpg') 90% 30% no-repeat; height:500px; background-size:cover; }

#collectionServicesList ol li { padding-bottom:10px; list-style:none; }

.EmployeeTable { float:left; text-align:left; width:200px; height:80px; border:1px solid black; margin:10px; padding:10px; background-color:#F7F7F7; }
.EmployeeTable:first-line { font-weight:bold; }
.EmployeeTable p { font-weight:bold; }

#PriceListTable { width:700px; border-collapse:collapse; }
#PriceListTable .row2 { background-color:#CDCBCB; }

#PriceListTable tr th { background-color:#CDCBCB; } 

.questions { padding-top:15px; padding-bottom:5px; cursor:pointer; }
.answers { margin-top:10px; font-weight:normal; }

.questions div {
    display: block;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.number { text-align:right; }

#nav {  
  position: relative;
  overflow: hidden;
  width: 100%;
  color: #fff;
  display:none;
} 

#outer-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}


#inner-wrap { margin:0px; height:100%; position:relative; background-color:#F7F7F7; }
#wrapper0 { background:#fff; margin:0px; height:100%; position:relative; width:100%; float:left; }
#wrapper1 { background:#F7F7F7; margin:0px; height:100%; position:relative; width:100%; float:left; }
#wrapper2 { background:#fff; margin:0px; height:100%; position:relative; width:100%; float:left; }
#wrapper3 { background:#F7F7F7; margin:0px; height:100%; position:relative; width:100%; float:left; }
#wrapper4 { background:#fff; margin:0px; height:100%; position:relative; width:100%; float:left; }
#wrapper5 { background:#fff; margin:0px; height:100%; position:relative; width:100%; float:left; }
#wrapperEmployee { background:#fff; margin:0px; height:100%; position:relative; width:100%; float:left; }
#wrapperGoals { background:#fff; margin:0px; height:100%; position:relative; width:100%; float:left; }
#wrapperAboutKollekta { background:#fff; margin:0px; height:100%; position:relative; width:100%; float:left; }
#wrapperAboutAlskil { background:#fff; margin:0px; height:100%; position:relative; width:100%; float:left; }
#wrapperServiceWeb { background:#fff; margin:0px; height:100%; position:relative; width:100%; float:left; }
#wrapperQandA { background:#fff; margin:0px; height:100%; position:relative; width:100%; float:left; }
#WrapperNavItems { background:#fff; margin:0px; height:100%; position:relative; width:100%; float:left; }
#WrapperNavItems2 { background:#fff; margin:0px; height:100%; position:relative; width:100%; float:left; }

#wrapperPrice { background:#fff; margin:0px; height:100%; position:relative; width:100%; float:left; }
.wrapperLegal { background:#fff; margin:0px; height:100%; position:relative; width:100%; float:left; }
.wrapperLegal2 { background:#F7F7F7; margin:0px; height:100%; position:relative; width:100%; float:left; }

.wrapperAbout { background:#F7F7F7; margin:0px; height:100%; position:relative; width:100%; float:left; }

#wrapperFirstInvoice { background:#fff; margin:0px; height:100%; position:relative; width:100%; float:left; }
#wrapperSecondaryInvoice { background:#F7F7F7; margin:0px; height:100%; position:relative; width:100%; float:left; }
#wrapperLegalInvoice { background:#fff; margin:0px; height:100%; position:relative; width:100%; float:left; }
#wrapperGM { background:#fff; margin:0px; height:100%; position:relative; width:100%; float:left; }
#wrapperGMPaperless { background:#F7F7F7; margin:0px; height:100%; position:relative; width:100%; float:left; }

#footer{ background:#333333; color:#fff; margin:0px; height:100%; position:static; width:100%; }
#footerAboutList { list-style:none; }
#footerAboutList li a { text-decoration:none; color:#fff; font-size:16px; }

.biggerText { font-size:22px; color:#1f497d; font-weight:bold; }

.block {
  position: relative;
  margin: 0 auto;
  padding: 1.5em 1.25em;
  max-width: 60em;
}


#nav .block {
  z-index: 2;
  position: relative;
  padding: 0.75em 1.25em;
  background: #333333;
}


#customerWebCaption {vertical-align:bottom;}

@media screen and (max-width: 9967px) {
    #coverPhoto { max-width:1040px; }
    #coverPhoto2 { max-width:1040px; }
    #coverPhoto3 { max-width:1040px; }
    #coverPhoto4 { max-width:1040px; }
    #coverPhoto5 { max-width:1040px; }
    #coverPhoto6 { max-width:1040px; }
    #coverPhoto7 { max-width:1040px; }
    #coverPhoto8 { max-width:1040px; }

    #logo { margin-left:0px; }
    #logoKollekta { margin-right:0px; }

    #panelCover { height:200px; margin-top:-200px; display:block; }
    #panel { margin-top:0px; position:absolute; margin-left:130px; left:50%; width:250px; height:auto; padding:20px; margin-bottom:200px; z-index:1;}
    
    .panelMessage { color:#fff; }
    #beforeSlider { border-color: transparent transparent rgba(31, 73, 125, 0.84) transparent;
      border-style: solid;
      border-width: 0 0 30px 250px;
      content: "";
      opacity: 0.9;
      position: relative;
      right:20px;
      top: -50px; }
    .panelMessage span { font-size:19px; font-weight:bold; font-family: "Zemestro",Arial,sans-serif; }

    #navBar-Panel { height:200px; margin-bottom:-200px; display:block;  }
    #navBar-container { margin:0 auto;  padding-top:22px; left:50%; margin-left:450px; position:relative;}

    /*Breytti úr margin-right 20px yfir í 97px til þess að persónuverndin passaði við öryggikröfur.*/
    #GMlist { width:40%; margin-right:97px; }
    .GMContent { width:50%; }
    #GMPaperlessContent { width:50%; }
    #GMPaperlesslist { margin-left:20px; }

    #InvoiceSecondaryInvoicelist { width:40%; margin-right:20px;  } 
    #LegalInvoiceListRed { width:40%; margin-right:20px;  } 
    .InvoiceSecondaryInvoiceContent { width:50%; }
    #InvoiceFirstInvoiceContent { width:50%; }

    #FrontPageGoalsContent { width:50%; }
    #FrontPageGoalslist { margin-left:20px; }

    #InvoiceFirstInvoicelist { width:400px; }
    #Operationslist { width:400px; }
    
    
    #group-container {
        display:block;
    }

  #nav {
    position: absolute;
    top: 0px;
    padding-top: 1.25em;
     display:block;
  }
  #nav .block {
    position: relative;
    padding: 0;
  }

  .js-ready #nav {
    height: 100%;
    width: 270px;
    background: #333333;
    -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
  }
  .js-ready #nav .block {
    background: transparent;
  }
  .js-ready #nav .close-btn {
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  .js-ready #nav .close-btn:focus, .js-ready #nav .close-btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  .js-ready #nav {
    left: -270px;
  }
  .js-ready #inner-wrap {
    left: 0;
  }

  .js-nav #inner-wrap {
    left: 270px;
  }

  
  .csstransforms3d.csstransitions.js-ready #nav {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .csstransforms3d.csstransitions.js-ready #inner-wrap {
    left: 0 !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .csstransforms3d.csstransitions.js-nav #inner-wrap {
    -webkit-transform: translate3d(270px, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(270px, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(270px, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(270px, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(270px, 0, 0) scale3d(1, 1, 1);
  }

  .csstransforms3d.csstransitions.js-ready #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
    -webkit-transform: translate3d(270px, 0, 0) scale3d(0.9, 0.9, 0.9);
    -moz-transform: translate3d(270px, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(270px, 0, 0) scale3d(0.9, 0.9, 0.9);
    -o-transform: translate3d(270px, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(270px, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform-origin: 30% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  .csstransforms3d.csstransitions.js-nav #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (max-width: 1667px) {
    #GMlist { margin-right:60px; }
    #GMPaperlesslist { margin-left:60px; }
    #InvoiceFirstInvoicelist { margin-left:60px; }
    #Operationslist { margin-left:60px; }
    #InvoiceSecondaryInvoicelist { margin-right:60px; }
    #LegalInvoiceListRed { margin-right:60px; }

    #FrontPageGoalslist { margin-left:60px; }
    #Payorslist { margin-left:60px; }
}


@media screen and (max-width: 1636px) {
    .headlineWrapper { font-size:22px; }
    .headlineImg { width:40px; height:40px; }
}

@media screen and (max-width: 1530px) {
    #aboutContent { width:70%; }
}

@media screen and (max-width: 1518px) {
    .GMContent { width:40%;  } 
    #GMPaperlessContent { width:40%; }
    .InvoiceSecondaryInvoiceContent {  width:40%;  } 
    #InvoiceFirstInvoiceContent { width:40%; }
    #PayorsContent { width:40%; }

    #FrontPageGoalsContent { width:50%; }

    #LegalInvoiceListRed { margin-top:131px; }
}

@media screen and (max-width: 1480px) {
    #coverPhoto { margin:0 auto; }
    #coverPhoto2 { margin:0 auto;}
    #coverPhoto3 { margin:0 auto;}
    #coverPhoto4 { margin:0 auto; }
    #coverPhoto5 { margin:0 auto; }
    #coverPhoto6 { margin:0 auto; }
    #coverPhoto7 { margin:0 auto; }
    #coverPhoto8 { margin:0 auto; }
}


@media screen and (max-width: 1428px) {
    .headlineWrapper { font-size:22px; }

    .headlineImg { width:30px; height:30px; }
}



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


}


@media screen and (max-width: 1340px) {
    #coverPhoto { max-width:1040px; }
    #coverPhoto2 { max-width:1040px; }
    #coverPhoto3 { max-width:1040px; }
    #coverPhoto4 { max-width:1040px; }
    #coverPhoto5 { max-width:1040px; }
    #coverPhoto6 { max-width:1040px; }
    #coverPhoto7 { max-width:1040px; }
    #coverPhoto8 { max-width:1040px; }

    #logo { margin-left:0px; }
    #logoKollekta { margin-right:0px; }

    #panelCover { height:200px; margin-top:-200px; display:block; }
    #panel { margin-top:0px; position:absolute; margin-left:130px; left:50%; width:250px; height:auto; padding:20px; margin-bottom:200px; z-index:1;}
    
    .panelMessage { color:#fff; }
    #beforeSlider { border-color: transparent transparent rgba(31, 73, 125, 0.84) transparent;
      border-style: solid;
      border-width: 0 0 30px 250px;
      content: "";
      opacity: 0.9;
      position: relative;
      right:20px;
      top: -50px; }
    .panelMessage span { font-size:19px; font-weight:bold; font-family: "Zemestro",Arial,sans-serif; }

    #navBar-Panel { height:200px; margin-bottom:-200px; display:block;  }
    #navBar-container { margin:0 auto;  padding-top:22px; left:50%; margin-left:450px; position:relative;}

    #GMlist { width:40%; margin-right:20px; }
    .GMContent { width:50%; }
    #GMPaperlessContent { width:50%; }
    #GMPaperlesslist { margin-left:20px; }

    #InvoiceSecondaryInvoicelist { width:40%; margin-right:20px;  } 
    #LegalInvoiceListRed { width:40%; margin-right:20px;  } 
    .InvoiceSecondaryInvoiceContent { width:50%; }
    #InvoiceFirstInvoiceContent { width:50%; }

    #FrontPageGoalsContent { width:50%; }
    #FrontPageGoalslist { margin-left:20px; }

    #InvoiceFirstInvoicelist { width:400px; }
    #Operationslist { width:400px; }

}

@media screen and (max-width: 1314px) {
    #aboutContent { width:75%; }
}

@media screen and (max-width: 1280px) {
    #InvoiceFirstInvoicelist { margin-left:20px; }
    #Operationslist { margin-left:20px; }
    #Payorslist { margin-left:20px; }

    
    #GMlist ul { padding-left:30px; padding-right:30px; }
    #GMPaperlesslist ul { padding-left:30px; padding-right:30px; }
    #InvoiceFirstInvoicelist ul { padding-left:30px; padding-right:30px; }
    #InvoiceSecondaryInvoicelist ul { padding-left:30px; padding-right:30px; }
    #Operationslist ul { padding-left:30px; padding-right:30px; }
    #Payorslist ul { padding-left:30px; padding-right:30px; }
    #LegalInvoiceListRed ul { padding-left:30px; padding-right:30px; }
    #FrontPageGoalslist ul { padding-left:30px; padding-right:30px; }
}



@media screen and (max-width: 1266px) {
    .wrapperPanelItem { width: 30%; padding: 15px; }
     .wrapperPanels { width:95%;  }
}


@media screen and (max-width: 1173px) {
    #Payorslist { width:450px; }
    #InvoiceFirstInvoicelist { width:450px; }
    #InvoiceFirstInvoiceContent { width:40%; }

    #Operationslist { width:450px; }
}

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

    #GMlist { width: 300px; font-size:16px; }
    .GMContent { width:50%; } 

    #GMPaperlesslist { width: 300px; font-size:16px; }

    #LegalInvoiceListRed { margin-top:97px; }

    #InvoiceSecondaryInvoicelist { width: 300px; font-size:16px; }
    #LegalInvoiceListRed { width: 300px; font-size:16px; }
    .InvoiceSecondaryInvoiceContent { width:50%; } 


    #FrontPageGoalslist { width: 300px; font-size:16px; }

    .wrapper-container { width:100%;} 
}


@media screen and (max-width: 1086px) {
    #LegalInvoiceListRed {
        margin-top: 131px;
    }
}

@media screen and (max-width: 1073px) {
    #mainContainerLeftDivSuccess { width:300px; float:left; height:100%; padding-top:0px; }
}

@media screen and (max-width: 1060px) {
    #customerWebCaption { display:none; }
    
    #navBar-container { margin-left:430px; }

}



@media screen and (max-width: 1026px) {
    .wrapperPanels {
        margin: 0 auto;
        width: 80%;
        overflow: hidden;
        font-family: "Zemestro",Arial,sans-serif;
    }

    .wrapperPanelItem {
        width: 80%;
        padding: 15px;
    }

    #middlePanelFrontPage { margin-top:0px; margin-bottom:0px;  }
    
    .headline { font-size:25px; padding-bottom:1px; }
}


@media screen and (max-width: 1015px) {
    #navBar-container { margin-left:400px; }
}


@media screen and (max-width: 933px) {
    #group-container {
        display:block;
    }

    .coverPhotoTextDown { margin-top:210px; width:450px; }

    #Payorslist { width:300px; font-size:16px; }
    #InvoiceFirstInvoicelist { width: 300px; font-size:16px; }
    #Operationslist { width: 300px; font-size:16px; }
    
    #GMPaperlesslist { float:left; }
    #FrontPageGoalslist { float:left; }
    
    #smallHeadline { display:block; }
    .InvoiceSecondaryInvoiceContent .headline { display:none; }
    #InvoiceSecondaryInvoicelist { margin-top:0px; }
    #LegalInvoiceListRed { margin-top:0px; }
    .GMContent .headline { display:none; }
    #GMlist { margin-top:0px; }

    .wrapper-container { width:80%;} 
    #footerLeftDiv { width:400px; }
    #aboutContent { width:100%; }

    #logoMin{ display:block; left:50%; position:absolute; margin-left:-80px; }
    #logo { display:none; }
    #logoKollekta { display:none; }
    
    #navBar-container {
        display:none;
    }

    #customerWebCaption { display:none; }
    #Customer-Web{ padding-top:58px; }



    #header-container { height:70px; width:100%;}

    #coverPhoto { height:300px; }
    #coverPhoto2 { height:300px; }
    #coverPhoto3 {  height:300px; }
    #coverPhoto4 {  height:300px; }
    #coverPhoto5 {  height:300px; }
    #coverPhoto6 {  height:300px; }
    #coverPhoto7 {  height:300px; }
    #coverPhoto8 {  height:300px; }




    #mappanLeftDiv { width:300px; height:110px; float:left;  padding-top:0px; }
    #mainContainerLeftDiv { width:300px; float:left; height:250px; padding-top:0px; }
    #mainContainerRightContent {  padding-top:0px; }
    #mainContainerRightContent iframe{  width:100%; padding-top:30px; }
    #mainContainerLeftDivSuccess { width:100%; float:left; height:100%; padding-top:0px; }
    #mainContainerRightContentSuccess {  padding-top:0px; }
    #mainContainerRightContentSuccess img{ height:180px; width:280px;  }

    .aboutMenu { display:none; }

      #nav {
    position: absolute;
    top: 0;
    padding-top: 1.25em;
     display:block;
  }
  #nav .block {
    position: relative;
    padding: 0;
  }


  .js-ready #nav {
    height: 100%;
    width: 270px;
    background: #333333;
    -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
  }
  .js-ready #nav .block {
    background: transparent;
  }
  .js-ready #nav .close-btn {
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  .js-ready #nav .close-btn:focus, .js-ready #nav .close-btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  .js-ready #nav {
    left: -270px;
  }
  .js-ready #inner-wrap {
    left: 0;
  }

  .js-nav #inner-wrap {
    left: 270px;
  }

  
  .csstransforms3d.csstransitions.js-ready #nav {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .csstransforms3d.csstransitions.js-ready #inner-wrap {
    left: 0 !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .csstransforms3d.csstransitions.js-nav #inner-wrap {
    -webkit-transform: translate3d(270px, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(270px, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(270px, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(270px, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(270px, 0, 0) scale3d(1, 1, 1);
  }

  .csstransforms3d.csstransitions.js-ready #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
    -webkit-transform: translate3d(270px, 0, 0) scale3d(0.9, 0.9, 0.9);
    -moz-transform: translate3d(270px, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(270px, 0, 0) scale3d(0.9, 0.9, 0.9);
    -o-transform: translate3d(270px, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(270px, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform-origin: 30% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  .csstransforms3d.csstransitions.js-nav #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

}


@media screen and (max-width: 905px) {
    #GMPaperlessContent { float:none; width:100%; }
    #GMPaperlesslist { width:100%; float:left; margin-left:0px; margin-top:10px; }
    #GMlist { width:100%; margin-right:0px;  }
    .GMContent { width:100%; }

    #InvoiceSecondaryInvoicelist { width: 100%; }
    #LegalInvoiceListRed { width: 100%; }
    .InvoiceSecondaryInvoiceContent { width:100%; } 
    #InvoiceFirstInvoicelist { width:100%; float:left; margin-left:0px; margin-top:10px; }
    #InvoiceFirstInvoiceContent { float:none; width:100%; }
    #PayorsContent { float:none; width:100%; }
    #Payorslist { width:100%; float:left; margin-left:0px; margin-top:10px; }
    #Operationslist { width:100%; float:left; margin-left:0px; margin-top:10px; }

    #FrontPageGoalsContent { float:none; width:100%; }
    #FrontPageGoalslist { width:100%; float:left; margin-left:0px; margin-top:10px; }

    .PriceContentColumn ul li { width:100%;}

    #GMContentUpper { display:block; }
    #GMContentLower { display:none; }
    #InvoiceSecondaryInvoiceContentUpper { display:block; }
    #InvoiceSecondaryInvoiceContentLower { display:none; }
}

@media screen and (max-width: 770px) {
    #panelCover { height:300px; margin-top:-200px; display:block; margin-bottom:-100px; }
    #panel { position: absolute; margin-left:50px;  width:200px; padding:20px;}

    

    #beforeSlider { border-color: transparent transparent rgba(31, 73, 125, 0.84) transparent;
      border-style: solid;
      border-width: 0 0 30px 200px;
      content: "";
      opacity: 0.9;
      position: relative;
      right:20px;
      top: -50px; }
    .panelMessage span { font-size:19px; font-weight:bold; font-family: "Zemestro",Arial,sans-serif; }

    .panelMessageText { margin-top:-20px; }
}



/*@media screen and (max-width: 706px) {
    #GMPaperlessContent { float:none; width:100%; }
    #GMPaperlesslist { width:100%; float:left; margin-left:0px; margin-top:10px; }
    #GMlist { width:100%; }
    .GMContent { width:100%; }

    #FrontPageGoalsContent { float:none; width:100%; }
}*/

@media screen and (max-width: 621px) {
    #wrapperEmployee .wrapper-container{ width:100%; }
}

@media screen and (max-width: 600px) {
    #panelCover { height:300px; margin-top:-200px; display:block; margin-bottom:-100px; }
    #panel { position: absolute; margin-left:-60px; width:200px; padding:20px;}

    .wrapper-container{ width:100%; padding:5px; }
    #GMlist { margin-left:-5px; padding-left:-5px; }
    #InvoiceFirstInvoicelist { margin-left:-5px; padding-left:-5px; }
    #InvoiceSecondaryInvoicelist { margin-left:-5px; padding-left:-5px; }
    #LegalInvoiceListRed { margin-left:-5px; padding-left:-5px; }
    #GMPaperlesslist { margin-left:-5px; padding-left:-5px; }
    #FrontPageGoalslist { margin-left:-5px; padding-left:-5px; }
    #Payorslist { margin-left:-5px; padding-left:-5px; }
    #Operationslist { margin-left:-5px; padding-left:-5px; }

    .wrapperPanels { width: 100%; }

    .GMContent { font-size:15px; }
    #GMPaperlessContent { font-size:15px; }
    .InvoiceSecondaryInvoiceContent { font-size:15px; }
    #InvoiceFirstInvoiceContent { font-size:15px; }
    #PayorsContent { font-size:15px; }
    #FrontPageGoalsContent { font-size:15px; }
    #aboutContent { font-size:15px; }


    .coverPhotoText { font-size:16px; }
    .coverPhotoTextDown { font-size:16px; width:230px; }
}




@media screen and (max-width: 426px) {
    .wrapper-container{ margin:0px; }

    #panel { margin-top:20px; }
    
}

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

    #GMlist { width:90%; }
    #InvoiceFirstInvoicelist { width:90%; }
    #InvoiceSecondaryInvoicelist { width:90%; }
    #InvoiceSecondaryInvoicelist { width:90%; }
    #LegalInvoiceListRed { width:90%; }
    #GMPaperlesslist { width:90%; }
    #FrontPageGoalslist { width:90%; }
    #Payorslist { width:90%; }
    #Operationslist { width:90%; }

    .GMContent { width:90%; }
    #GMPaperlessContent { width:90%; }
    .InvoiceSecondaryInvoiceContent { width:90%; }
    #InvoiceFirstInvoiceContent { width:90%; }
    #PayorsContent { width:90%; }
    #FrontPageGoalsContent { width:90%; }
    #aboutContent { width:90%; }

    #coverPhoto { height:200px; width:100%; }
    #coverPhoto2 { height:200px; width:100%; }
    #coverPhoto3 { height:200px; width:100%; }
    #coverPhoto4 { height:200px; width:100%; }
    #coverPhoto5 { height:200px; width:100%; }
    #coverPhoto6 { height:200px; width:100%; }
    #coverPhoto7 { height:200px; width:100%; }
    #coverPhoto8 { height:200px; width:100%; }

    .coverPhotoTextDown { font-size:16px; width:230px; margin-top:150px; }
}

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

    #GMlist { width:80%; }
    #InvoiceFirstInvoicelist { width:80%; }
    #InvoiceSecondaryInvoicelist { width:80%; }
    #InvoiceSecondaryInvoicelist { width:80%; }
    #LegalInvoiceListRed { width:80%; }
    #GMPaperlesslist { width:80%; }
    #FrontPageGoalslist { width:80%; }
    #Payorslist { width:80%; }
    #Operationslist { width:80%; }

    .GMContent { width:80%; }
    #GMPaperlessContent { width:80%; }
    .InvoiceSecondaryInvoiceContent { width:80%; }
    #InvoiceFirstInvoiceContent { width:80%; }
    #PayorsContent { width:80%; }
    #FrontPageGoalsContent { width:80%; }
    #aboutContent { width:80%; }
}