初始化项目

src/assets/css/content_pages.css

@@ -0,0 +1,670 @@
+/*PAGE*/
+
+.contentPage {
+	position: relative;
+	width: 100%;
+	vertical-align: top;
+	margin: 0 auto 0 auto;
+	padding-top: 7em;
+	min-height: 100vh;
+}
+
+/* CONTENT TABLES */
+
+.contentTableLeft {
+	width: 25%;
+	padding-left: 5em;
+	padding-top: 3em;
+	vertical-align: top;
+}
+
+.contentTableRight {
+	width: 50%;
+	padding-top: 3.5em;
+	padding-left: 4.0em;
+	padding-right: 12em;
+	vertical-align: top;
+}
+
+/* END CONTENT TABLES */
+
+/* NAV SIDEBAR */
+
+/* NAV BREADCRUMB */
+.breadcrumb {
+	margin-bottom: 2em;
+	margin-right: 1em;
+}
+
+.breadcrumb > a:hover {
+	color: #737373;
+	text-decoration: underline;
+}
+
+
+.breadcrumb > a:last-child {
+	font-weight: bold;
+	pointer-events: none;
+}
+/* END NAV BREADCRUMB */
+
+/* NAV ACCORDION */
+.accordion {
+	opacity: 0;
+	position: relative;
+	min-height: 100%;
+}
+
+.accordion:after {
+	content: '';
+	position: absolute;
+	right: 0;
+	top: 0;
+	width: 1px;
+	height: 100%;
+	background-color: #DCDCDC;
+}
+
+.accordion > .content {
+	margin-top: 2em;
+	padding-left: 0.2em;
+}
+
+.accordion > ul > li.category {
+	position: relative;
+	margin-bottom: 1.2em;
+	list-style: none;
+	font-size: 0.9em;
+}
+
+.accordion > ul > li.category > a.categoryHead {
+	margin-bottom: 1.2em;
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+}
+
+.accordion ul li {
+	list-style: none;
+}
+
+/*increase space after last item in sub lists*/
+.accordion > ul > li > ul > li:last-child {
+	margin-bottom: 1.5em;
+}
+
+.accordion a {
+	display:block;
+	text-decoration: none;
+	vertical-align: middle;
+	position: relative;
+}
+
+.accordion a:hover {
+	color: #404040;
+}
+
+.accordion > ul > li > ul > li > a {
+	font-size: 0.96em;
+}
+
+.accordion > ul > li > ul.categoryItems {
+	display: none;
+}
+
+.accordion > ul > li > ul.categoryItems > li {
+	position: relative;
+	display: inline-block;
+	width: 100%;
+    height: auto;
+    padding: 0;
+}
+
+.accordion > ul > li > ul.categoryItems > li > a {
+	width: 90%;
+	padding: 0.8em;
+	border-bottom: 1px solid gainsboro;
+	font-size: 1.1em !important;
+}
+
+/*.accordion > ul > li > ul.categoryItems > li:after {
+	content: '';
+	display: inline-block;
+	margin-top: 0.6em;
+	width: 80%;
+	height: 1px;
+	background: red;
+}*/
+
+/* ACCORDION TRIANGLES */
+.triangle {
+	vertical-align: middle;
+	display: inline-block;
+	width: 0; 
+	height: 100%;
+	border-top: 0.5em solid transparent;
+	border-bottom: 0.5em solid transparent;
+
+	border-left: 0.5em solid #ee3224;
+	margin-top: 0.1em;
+	margin-right: 1em;
+
+
+	/*transition: .5s all;*/
+}
+
+.triangleLeft {
+	width: 0; 
+	height: 0;
+	position: absolute;
+	right: 0;
+	top: 50%;
+	-webkit-transform: translate(0, -50%);
+	transform: translate(0, -50%);
+	border-top: 0.85em solid transparent;
+	border-bottom: 0.85em solid transparent; 
+	border-right: 0.85em solid #ee3224;
+	z-index: 2;
+}
+
+.triangleOverlay {
+	position: absolute;
+	right: 0;
+	top:-0.2em;
+	bottom: -0.2em;
+	width: 5px;
+	background: #fff;
+	z-index: 1;
+}
+
+.rotateRight {
+	-webkit-transform:rotate(90deg);
+	transform:rotate(90deg);
+}
+
+.contentPage > .contentTable .contentTableRight h1 {
+	font-weight: normal;
+	margin-bottom: 1em;
+}
+
+.contentPage > .contentTable .contentTableRight p.contactUs {
+	margin-top: 3em;
+	text-align: right;
+}
+
+/* MAIN PAGE BANNER */
+.contentPage img.pageBanner {
+	width: 100%;
+	height: auto;
+}
+
+.contentPage .contentPageBannerContainer {
+	position: relative;
+}
+
+
+.contentPage .contentPageBannerContainer img {
+	width: 100%;
+}
+
+.contentPage .contentPageBanner {
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	position: absolute;
+	left: 0;
+	top: 0;
+	right: 0;
+	bottom: 0;
+}
+
+/*.contentPage .mobileSolutions {
+	background-image: url('../images/banner_page_mobile_solutions.jpg');
+}*/
+
+.contentPage .contentPageBanner .bannerBox {
+	position: relative;
+	width: 50%;
+}
+
+.contentPage .contentPageBanner .bannerBox .bannerBoxHeadline {
+	text-align: left;
+	position: absolute;
+	top: 50%;
+	left: 0;
+	transform:translate(0, -50%);
+}
+
+.contentPage .contentPageBanner .bannerBox .bannerBoxHeadline .headlineTop {
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-align: center;
+	-ms-flex-align: center;
+	align-items: center;
+}
+
+.contentPage .contentPageBanner .bannerBox .bannerBoxTitle {
+	font-size: 4em;
+	width: 95%;
+}
+
+.contentPage .contentPageBanner .bannerBox .bread {
+	margin-top: 1em;
+	width: 60%;
+}
+
+.contentPage div.cleaningBox {
+	text-align: center;
+}
+
+.contentPage .cleaningBox img.chartCircle {
+	width: 90%;
+	max-width: 15em;
+	margin: 1em 0;
+}
+
+.bannerBoxLeft .bannerBoxHeadline {
+	padding-left: 25%;
+}
+
+.bannerBoxLeft .bread {
+	width: 80%;
+}
+
+/* MOBILE */
+.pageBannerMobileContainer {
+	width: 100%;
+	padding: 0;
+}
+
+.pageBannerMobile {
+	width: 100% !important;
+	display: none;
+}
+
+.accordion div.mobileContent {
+	display: none;
+	margin-bottom: 1em;
+}
+
+.accordion div.mobileContent > h1 {
+	display: none;
+}
+
+.accordion div.mobileContent ul li {
+	list-style: disc;
+	margin-bottom: 0.5em;
+}
+
+.accordion div.mobileContent ul li ul li {
+	margin: 0.5em 0 0.75em 0;
+}
+
+.accordion div.mobileContent a.linkInContent {
+	text-decoration: underline;
+}
+
+.accordion div.mobileContent .seekJobWrapper {
+	position: relative;
+	text-align: left;
+	margin-top: 2em;
+}
+
+.accordion div.mobileContent a.seekJob {
+	display: inline-block;
+	color: #fff;
+	background: #000;
+	border-radius: 10px;
+	border: none;
+	padding: 1.2em 3em;
+	text-decoration: none;
+}
+
+/* END ACCORDION MOBILE */
+
+/* CONTACT TABLE (KONTAKTA OSS PAGE) */
+.contentPage > .contentTable .contactTable {
+	margin-bottom: 2em;
+}
+
+.contentPage > .contentTable .contactTable td img {
+	height: 1.2em;
+	margin-right: 0.5em;
+}
+
+.contentPage > .contentTable .contactTable td a {
+	text-decoration: none;
+}
+
+.contentPage > .contentTable .contactTable h3 {
+	margin-bottom: 0.2em;
+}
+/* end contact table */
+
+.contentPage > .contentTable .locationContainer {
+	margin-top: 2em;
+	position: relative;
+	width: 100%;
+	height: 20em;
+}
+
+.contentPage > .contentTable .locationContainer > img.locationMarker {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	-webkit-transform:translate(-50%,-50%);
+	transform:translate(-50%,-50%);
+	height: 4em;
+}
+
+/*.contentPage > .contentTable .locationMobile img.locationMarker {
+	height: 1em !important;
+}*/
+
+.mapInterceptOverlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	background: transparent;
+}
+
+.contentPage > .contentTable .locationContainer .findUs {
+	position: absolute;
+	bottom: 1.2em;
+	right: 1.2em;
+	height: 6em;
+	text-align: center;
+}
+
+.contentPage > .contentTable .locationContainer .findUs a {
+	text-align: center;
+
+}
+
+.contentPage > .contentTable .locationContainer .findUs a img {
+	margin: 0 auto;
+	height: 6em;
+}
+
+.contentPage > .contentTable .locationContainer .findUs a div {
+	position: absolute;
+	bottom: 0.1em;
+	width: 100%;
+	color: white;
+	font-size: 0.75em;
+	text-decoration: underline;
+}
+
+.contentPage > .contentTable .contentTableRight > .seekJobWrapper {
+	position: relative;
+	text-align: right;
+	margin-top: 4em;
+}
+
+.contentPage > .contentTable .contentTableRight a.seekJob {
+	color: #fff;
+	background: #000;
+	border-radius: 10px;
+	border: none;
+	padding: 1.2em 3em;
+	text-decoration: none;
+}
+
+/* BOTTOM TWO COLUMN (FOR CUSTOMERS / CONTACT) */
+.contentPage > .contentTable .contentTableRight .bottomTwoColumn {
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-ms-flex-wrap: wrap;
+	flex-wrap: wrap;
+	-webkit-box-pack: justify;
+	-ms-flex-pack: justify;
+	justify-content: space-between;
+	margin-top: 2em;
+}
+
+.contentPage > .contentTable .bottomTwoColumn div.column {
+	width: 50%;
+}
+
+.contentPage > .contentTable .bottomTwoColumn div.column p:first-child {
+	margin-top: 0 !important;
+}
+
+.contentPage > .contentTable .productCustomers .customerIcons {
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-align: center;
+	-ms-flex-align: center;
+	align-items: center;
+}
+
+.contentPage > .contentTable .productCustomers .customerIcons img {
+	height: 3em;
+	margin-right: 1em;
+}
+.contentPage > .contentTable .productCustomers .customerIcons img.shorter {
+	height: 2em;
+}
+
+/* END BOTTOM TWO COLUMN */
+
+
+/* MEDIA QUERIES */
+
+@media only screen and (max-width: 1600px) {
+
+	.contentTableRight {
+		padding-top: 3.5em;
+		padding-left: 4.0em;
+		padding-right: 8.0em;
+	}
+
+}
+
+@media only screen and (max-width: 1500px) {
+
+	.contentTableRight {
+		padding-top: 3.5em;
+		padding-left: 4.0em;
+		padding-right: 6.0em;
+	}
+
+	.contentPage .contentPageBanner .bannerBox .bannerBoxTitle {
+		font-size: 3em;
+	}
+
+}
+
+/* SMALL LAPTOPS */
+@media only screen and (max-width: 1200px) {
+
+	.contentPage .contentPageBanner .bannerBox .bannerBoxTitle {
+		font-size: 2.5em;
+	}
+
+	.contentPage .contentPageBanner .bannerBox .bread {
+		width: 75%;
+	}
+
+	.contentTableLeft {
+		padding-left: 3em;
+		padding-top: 3em;
+	}
+
+	.contentTableRight {
+		padding-top: 3em;
+		padding-left: 4.0em;
+		padding-right: 4.0em;
+	}
+
+	.contentPage > .contentTable .bottomTwoColumn div.column {
+		width: 100%;
+	}
+
+	.contentPage > .contentTable .bottomTwoColumn div.column:first-child {
+		margin-bottom: 1em;
+	}
+
+}
+
+/* SMALL LAPTOPS */
+@media only screen and (max-width: 992px) {
+
+	.contentTableLeft {
+		padding-left: 2em;
+	}
+
+	.contentTableRight {
+		padding-top: 4.5em;
+		padding-left: 3em;
+		padding-right: 2em;
+	}
+
+}
+
+
+
+/* LARGE TABLETS */
+@media only screen and (max-width: 768px) {
+
+	.contentPage {
+		padding-top: 5.5em;
+	}
+
+	.contentPage .contentPageBanner .bannerBox .bannerBoxHeadline {
+		display: none;
+	}
+
+	.contentPage .contentPageBanner .bannerBox .bread {
+		width: 90%;
+	}
+
+	.pageBannerMobile {
+		display: inline-block;
+		width: 100%;
+		
+		border: none;
+	}
+
+	img.pageBanner {
+		display: none;
+	}
+
+	.contentTableLeft {
+		width: 100%;
+		padding: 0;
+		margin: 0;
+	}
+
+	.contentTableRight {
+		display: none;
+	}
+
+	.contentTableLeft > div > #navBreadcrumb {
+		display: none;
+	}
+
+	.accordion {
+		padding: 2em;
+	}
+
+	.accordion:after {
+		display: none;
+	}
+
+	.accordion > ul > li > ul.categoryItems > li > a {
+		width: 100%;
+		padding: 1em 0;	}
+
+	.accordion .triangleLeft, .triangleOverlay {
+		display: none;
+	}
+
+	.linkContactUs {
+		display: inline-block !important;
+		text-decoration: underline !important;
+		padding-bottom: 0;
+	}
+
+	.contentPage > .contentTable .bottomTwoColumn div.column p.contactUs {
+		display: none;
+	}
+
+}
+
+@media only screen and (max-width: 620px) {
+	.contentPage .contentPageBanner .bannerBox .bannerBoxTitle {
+		font-size: 1.5em;
+	}
+
+	.contentPage .contentPageBanner .bannerBox .bread {
+		width: 95%;
+	}
+}
+
+/* PHONES */
+@media only screen and (max-width: 480px) {
+
+	.contentPage {
+		padding-top: 4em;
+		padding-bottom: 0;
+		line-height: 1.2em;
+	}
+
+	.contentTableLeft {
+		width: 100%;
+	}
+
+	.contentPage .contentPageBanner .bannerBox .bannerBoxTitle {
+		font-size: 1.5em;
+	}
+
+	.contentPage .contentPageBanner .bannerBox .bread {
+		display: none;
+	}
+
+	.triangle {
+		border-top: 0.4em solid transparent;
+		border-bottom: 0.4em solid transparent;
+
+		border-left: 0.4em solid #ee3224;
+		margin-right: 0.6em;
+	}
+
+	.categoryItems {
+		padding: 0;
+	}
+
+	.accordion {
+		padding-bottom: 0;
+	}
+
+	.accordion div.mobileContent .seekJobWrapper {
+		margin-top: 2em;
+		text-align: center;
+	}
+
+	.accordion div.mobileContent a.seekJob {
+		display: block;
+		padding: 1.2em;
+	}
+
+}
+
+@media only screen and (max-width: 380px) {
+
+	.contentPage > .contentTable .productCustomers .customerIcons img {
+		height: 2.5em;
+	}
+	.contentPage > .contentTable .productCustomers .customerIcons img.shorter {
+		height: 1.5em;
+	}
+
+}
+
+/* END NEW BY MARK */

src/assets/css/cookieconsent.min.css

@@ -0,0 +1,337 @@
+.cc-window {
+  opacity: 1;
+  transition: opacity 1s ease
+}
+
+.cc-window.cc-invisible {
+  opacity: 0
+}
+
+.cc-animate.cc-revoke {
+  transition: transform 1s ease
+}
+
+.cc-animate.cc-revoke.cc-top {
+  transform: translateY(-2em)
+}
+
+.cc-animate.cc-revoke.cc-bottom {
+  transform: translateY(2em)
+}
+
+.cc-animate.cc-revoke.cc-active.cc-bottom,
+.cc-animate.cc-revoke.cc-active.cc-top,
+.cc-revoke:hover {
+  transform: translateY(0)
+}
+
+.cc-grower {
+  max-height: 0;
+  overflow: hidden;
+  transition: max-height 1s
+}
+
+.cc-link,
+.cc-revoke:hover {
+  text-decoration: underline
+}
+
+.cc-revoke,
+.cc-window {
+  position: fixed;
+  overflow: hidden;
+  box-sizing: border-box;
+  font-family: Helvetica, Calibri, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.5em;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  z-index: 9999
+}
+
+.cc-window.cc-static {
+  position: static
+}
+
+.cc-window.cc-floating {
+  padding: 2em;
+  max-width: 24em;
+  -ms-flex-direction: column;
+  flex-direction: column
+}
+
+.cc-window.cc-banner {
+  padding: 1em 1.8em;
+  width: 100%;
+  -ms-flex-direction: row;
+  flex-direction: row
+}
+
+.cc-revoke {
+  padding: .5em
+}
+
+.cc-header {
+  font-size: 18px;
+  font-weight: 700
+}
+
+.cc-btn,
+.cc-close,
+.cc-link,
+.cc-revoke {
+  cursor: pointer
+}
+
+.cc-link {
+  opacity: .8;
+  display: inline-block;
+  padding: .2em
+}
+
+.cc-link:hover {
+  opacity: 1
+}
+
+.cc-link:active,
+.cc-link:visited {
+  color: initial
+}
+
+.cc-btn {
+  display: block;
+  padding: .4em .8em;
+  font-size: .9em;
+  font-weight: 700;
+  border-width: 2px;
+  border-style: solid;
+  text-align: center;
+  white-space: nowrap
+}
+
+.cc-banner .cc-btn:last-child {
+  min-width: 140px
+}
+
+.cc-highlight .cc-btn:first-child {
+  background-color: transparent;
+  border-color: transparent
+}
+
+.cc-highlight .cc-btn:first-child:focus,
+.cc-highlight .cc-btn:first-child:hover {
+  background-color: transparent;
+  text-decoration: underline
+}
+
+.cc-close {
+  display: block;
+  position: absolute;
+  top: .5em;
+  right: .5em;
+  font-size: 1.6em;
+  opacity: .9;
+  line-height: .75
+}
+
+.cc-close:focus,
+.cc-close:hover {
+  opacity: 1
+}
+
+.cc-revoke.cc-top {
+  top: 0;
+  left: 3em;
+  border-bottom-left-radius: .5em;
+  border-bottom-right-radius: .5em
+}
+
+.cc-revoke.cc-bottom {
+  bottom: 0;
+  left: 3em;
+  border-top-left-radius: .5em;
+  border-top-right-radius: .5em
+}
+
+.cc-revoke.cc-left {
+  left: 3em;
+  right: unset
+}
+
+.cc-revoke.cc-right {
+  right: 3em;
+  left: unset
+}
+
+.cc-top {
+  top: 1em
+}
+
+.cc-left {
+  left: 1em
+}
+
+.cc-right {
+  right: 1em
+}
+
+.cc-bottom {
+  bottom: 1em
+}
+
+.cc-floating>.cc-link {
+  margin-bottom: 1em
+}
+
+.cc-floating .cc-message {
+  display: block;
+  margin-bottom: 1em
+}
+
+.cc-window.cc-floating .cc-compliance {
+  -ms-flex: 1;
+  flex: 1
+}
+
+.cc-window.cc-banner {
+  -ms-flex-align: center;
+  align-items: center
+}
+
+.cc-banner.cc-top {
+  left: 0;
+  right: 0;
+  top: 0
+}
+
+.cc-banner.cc-bottom {
+  left: 0;
+  right: 0;
+  bottom: 0
+}
+
+.cc-banner .cc-message {
+  -ms-flex: 1;
+  flex: 1
+}
+
+.cc-compliance {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-line-pack: justify;
+  align-content: space-between
+}
+
+.cc-compliance>.cc-btn {
+  -ms-flex: 1;
+  flex: 1
+}
+
+.cc-btn+.cc-btn {
+  margin-left: .5em
+}
+
+@media print {
+
+  .cc-revoke,
+  .cc-window {
+    display: none
+  }
+}
+
+@media screen and (max-width:900px) {
+  .cc-btn {
+    white-space: normal
+  }
+}
+
+@media screen and (max-width:414px) and (orientation:portrait),
+screen and (max-width:736px) and (orientation:landscape) {
+  .cc-window.cc-top {
+    top: 0
+  }
+
+  .cc-window.cc-bottom {
+    bottom: 0
+  }
+
+  .cc-window.cc-banner,
+  .cc-window.cc-left,
+  .cc-window.cc-right {
+    left: 0;
+    right: 0
+  }
+
+  .cc-window.cc-banner {
+    -ms-flex-direction: column;
+    flex-direction: column
+  }
+
+  .cc-window.cc-banner .cc-compliance {
+    -ms-flex: 1;
+    flex: 1
+  }
+
+  .cc-window.cc-floating {
+    max-width: none
+  }
+
+  .cc-window .cc-message {
+    margin-bottom: 1em
+  }
+
+  .cc-window.cc-banner {
+    -ms-flex-align: unset;
+    align-items: unset
+  }
+}
+
+.cc-floating.cc-theme-classic {
+  padding: 1.2em;
+  border-radius: 5px
+}
+
+.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
+  text-align: center;
+  display: inline;
+  -ms-flex: none;
+  flex: none
+}
+
+.cc-theme-classic .cc-btn {
+  border-radius: 5px
+}
+
+.cc-theme-classic .cc-btn:last-child {
+  min-width: 140px
+}
+
+.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
+  display: inline-block
+}
+
+.cc-theme-edgeless.cc-window {
+  padding: 0
+}
+
+.cc-floating.cc-theme-edgeless .cc-message {
+  margin: 2em 2em 1.5em
+}
+
+.cc-banner.cc-theme-edgeless .cc-btn {
+  margin: 0;
+  padding: .8em 1.8em;
+  height: 100%
+}
+
+.cc-banner.cc-theme-edgeless .cc-message {
+  margin-left: 1em
+}
+
+.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
+  margin-left: 0
+}

src/assets/img/svg/airplane.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10839.438 -2736.523 128 106.108">
+  <g id="Rityta_2" data-name="Rityta 2" transform="translate(-10839.438 -2736.523)">
+    <path id="Path_16" data-name="Path 16" d="M124.866,0,0,44.406V61.2l37.373,3.075Z"/>
+    <path id="Path_17" data-name="Path 17" d="M321.121,108.4,365.244,3.64,281.56,75.182l22.479,33.993Z" transform="translate(-237.244 -3.067)"/>
+    <path id="Path_18" data-name="Path 18" d="M145.25,483.722V448.15l15.11,1.417,8.5,14.577Z" transform="translate(-122.388 -377.614)"/>
+  </g>
+</svg>

src/assets/img/svg/airplane2.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10752.438 -3060.523 128 106.108">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <g id="Rityta_2" data-name="Rityta 2" transform="translate(-10752.438 -3060.523)">
+    <path id="Path_16" data-name="Path 16" class="cls-1" d="M124.866,0,0,44.406V61.2l37.373,3.075Z"/>
+    <path id="Path_17" data-name="Path 17" class="cls-1" d="M321.121,108.4,365.244,3.64,281.56,75.182l22.479,33.993Z" transform="translate(-237.244 -3.067)"/>
+    <path id="Path_18" data-name="Path 18" class="cls-1" d="M145.25,483.722V448.15l15.11,1.417,8.5,14.577Z" transform="translate(-122.388 -377.614)"/>
+  </g>
+</svg>

src/assets/img/svg/hereweare.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10996.027 -2799 128 87.33">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <g id="aquiestoyyo" transform="translate(-10996.027 -2799)">
+    <path id="Path_8079" data-name="Path 8079" class="cls-1" d="M60.2,77.017l44.786-38.425L60.2,0Z" transform="translate(23.014)"/>
+    <path id="Path_8080" data-name="Path 8080" class="cls-1" d="M51.145,13.9C16.549,14.793,0,41.513,0,75.447v2.661H29.027V72.966C29.027,56,37.442,44.5,51.145,44.674h51.145V13.9Z" transform="translate(0 9.222)"/>
+  </g>
+</svg>

src/assets/img/svg/ic_arrow_back.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/../assets/img/svg/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
+<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
+<g><g><g><polygon points="10,500 489.9,979.9 489.9,699.6 990,699.5 990,300.5 489.9,300.4 489.9,20.1 "/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></g>
+</svg>

src/assets/img/svg/ic_caret.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.708 13.512">
+  <path id="_1493830583_angle-left" data-name="1493830583_angle-left" d="M0,2.3a.966.966,0,0,0,.232.639L9.356,13.854.232,24.765a.995.995,0,0,0,0,1.277l1.161,1.388a.683.683,0,0,0,.534.278.683.683,0,0,0,.534-.278L13.279,14.493a.994.994,0,0,0,0-1.277L2.461.278A.683.683,0,0,0,1.927,0a.683.683,0,0,0-.534.278L.232,1.666A.966.966,0,0,0,0,2.3Z" transform="translate(27.708) rotate(90)"/>
+</svg>

src/assets/img/svg/ic_directions.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10996.027 -2799 128 87.33">
+  <g id="aquiestoyyo" transform="translate(-10996.027 -2799)">
+    <path id="Path_8079" data-name="Path 8079" d="M60.2,77.017l44.786-38.425L60.2,0Z" transform="translate(23.014)"/>
+    <path id="Path_8080" data-name="Path 8080" d="M51.145,13.9C16.549,14.793,0,41.513,0,75.447v2.661H29.027V72.966C29.027,56,37.442,44.5,51.145,44.674h51.145V13.9Z" transform="translate(0 9.222)"/>
+  </g>
+</svg>

src/assets/img/svg/ic_hamburger.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/../assets/img/svg/SVG/1.1/DTD/svg11.dtd'><svg height="32px" id="Layer_1" style="enable-background:new 0 0 32 32;" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2  s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2  S29.104,22,28,22z"/></svg>

src/assets/img/svg/ic_mobile.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10461 -3060.892 75.697 128">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #222;
+      }
+    </style>
+  </defs>
+  <path id="Rityta_1" data-name="Rityta 1" class="cls-1" d="M10.814,0A11.246,11.246,0,0,0,3.172,2.956,9.869,9.869,0,0,0,0,10.129V117.907a9.851,9.851,0,0,0,3.172,7.137A11.38,11.38,0,0,0,10.814,128H64.883a11.246,11.246,0,0,0,7.642-2.956,9.852,9.852,0,0,0,3.172-7.137V10.129a9.851,9.851,0,0,0-3.172-7.137A11.109,11.109,0,0,0,64.883,0Zm22.1,6.813h9.624a2.065,2.065,0,0,1,1.838,2.2,2.024,2.024,0,0,1-1.766,2.235H33.162a1.985,1.985,0,0,1-1.946-2.055A2.117,2.117,0,0,1,32.91,6.812ZM7.209,18.347H68.127v90.007H7.209Zm30.783,93.9a5.528,5.528,0,1,1,0,11.03,5.528,5.528,0,1,1,0-11.03Z" transform="translate(-10461 -3060.891)"/>
+</svg>

src/assets/img/svg/ic_plane.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10839.438 -2736.523 128 106.108">
+  <g id="Rityta_2" data-name="Rityta 2" transform="translate(-10839.438 -2736.523)">
+    <path id="Path_16" data-name="Path 16" d="M124.866,0,0,44.406V61.2l37.373,3.075Z"/>
+    <path id="Path_17" data-name="Path 17" d="M321.121,108.4,365.244,3.64,281.56,75.182l22.479,33.993Z" transform="translate(-237.244 -3.067)"/>
+    <path id="Path_18" data-name="Path 18" d="M145.25,483.722V448.15l15.11,1.417,8.5,14.577Z" transform="translate(-122.388 -377.614)"/>
+  </g>
+</svg>

src/assets/img/svg/ic_position.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-11048.025 -3262.127 104.563 128">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #222;
+      }
+    </style>
+  </defs>
+  <g id="position" transform="translate(-11048.025 -3262.127)">
+    <path id="Path_7986" data-name="Path 7986" d="M52.281,0A52.277,52.277,0,0,0,13.334,87.154l39,40.846L90.491,87.953A52.273,52.273,0,0,0,52.281,0Zm0,74.063A23.586,23.586,0,1,1,75.867,50.477,23.586,23.586,0,0,1,52.281,74.063Z" transform="translate(0 0)"/>
+    <path id="Path_7987" data-name="Path 7987" class="cls-1" d="M289,0h-.18V26.893H289a23.586,23.586,0,0,1,0,47.172h-.18v53.7l.229.24,38.162-40.047A52.273,52.273,0,0,0,289,0Z" transform="translate(-236.719 0)"/>
+  </g>
+</svg>

src/assets/img/svg/ic_position_marker_shaded.svg

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10818.025 -3296.127 106.627 161.508">
+  <defs>
+    <style>
+      .cls-1 {
+        opacity: 0.429;
+      }
+
+      .cls-2 {
+        fill: #b10e01;
+      }
+
+      .cls-3 {
+        fill: #9f0c00;
+      }
+    </style>
+  </defs>
+  <g id="Group_1537" data-name="Group 1537" transform="translate(-11794.889 755)">
+    <ellipse id="Ellipse_5" data-name="Ellipse 5" class="cls-1" cx="44.288" cy="21.546" rx="44.288" ry="21.546" transform="translate(986.439 -3932.711)"/>
+    <g id="position" transform="translate(976.863 -4051.127)">
+      <path id="Path_7986" data-name="Path 7986" class="cls-2" d="M53.313,0A53.31,53.31,0,0,0,13.6,88.875l39.765,41.653L92.278,89.69A53.306,53.306,0,0,0,53.313,0Zm0,75.526A24.052,24.052,0,1,1,77.365,51.474,24.052,24.052,0,0,1,53.313,75.526Z" transform="translate(0 0)"/>
+      <path id="Path_7987" data-name="Path 7987" class="cls-3" d="M289,0h-.184V27.424H289a24.052,24.052,0,0,1,0,48.1h-.184v54.756l.234.245L327.969,89.69A53.306,53.306,0,0,0,289,0Z" transform="translate(-235.69 0)"/>
+    </g>
+  </g>
+</svg>

src/assets/img/svg/ic_world.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10513 -3226 128 128">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <g id="world_2" data-name="world 2" transform="translate(-10513 -3226)">
+    <g id="Lager_2" data-name="Lager 2" transform="translate(0 0)">
+      <circle id="Ellipse_11" data-name="Ellipse 11" cx="64" cy="64" r="64" transform="translate(0 0)"/>
+    </g>
+    <g id="Lager_7" data-name="Lager 7" transform="translate(19.623 6.976)">
+      <path id="Path_8078" data-name="Path 8078" class="cls-1" d="M95.914,34.94c-8.773,7.386-10.22,10.9-9.414,12.672.451,1,1.572,1.384,1.969,2.954.465,1.842-.565,3.329-1.969,5.907-1.835,3.375-3.382,6.324-3.938,9.6-.487,2.924.387,3.012.244,6.891-.227,6.256-2.5,6.4-2.266,10.493.324,5.849,5.22,10.415,8.666,13.63a7.745,7.745,0,0,0,1.625,1.255c1.847,1.031,3.524.731,7.73,3.412,5.21,3.346,4.506,4.611,9.107,7.14a21.8,21.8,0,0,0,13.291,2.954,18.989,18.989,0,0,0,5.393-1.53,35.979,35.979,0,0,1-3.412,7.191c-1.572,2.529-2.269,3.845-3.448,4.676-3.582,2.532-6.872-.066-9.353,2.215-2.288,2.105-2.23,6.823-.487,8.125,1.148.853,2.408-.244,4.184.731a5.69,5.69,0,0,1,2.461,3.938c.331,2.564-1.331,5.286-4.184,6.645l8.895,2.149a62.369,62.369,0,0,0,32.952-7.81,58.851,58.851,0,0,0,23.584-23.708A54.669,54.669,0,0,0,181.6,104.4a23.77,23.77,0,0,1-9.748-1.625c-2.115-.853-5.117-2.437-8.773-4.386-2.5-1.326-5.135-2.781-6.662-1.808-.383.244-1.043.833-2.437,1.674-.361.217-.77.444-1.26.682-1.384.673-2.386.9-3.694,1.562a21.684,21.684,0,0,0-2.7,1.742c-2.052,1.557-5.117,11.49-9.847,12.555a4.493,4.493,0,0,1-4.184-1.218c-1.735-2.086.96-5.174-.731-7.632-1.2-1.74-4.335-2.771-6.4-2.461a8.085,8.085,0,0,1-4.187-.244c-.324-.122-2.493-.928-2.953-2.707-.344-1.333.673-1.889.487-3.446a4.949,4.949,0,0,0-3.451-3.931c-2.152-.541-3.088,1.075-4.672.487-.517-.193-1.757-.872-2.953-7.876-.787-4.6-.073-4.674.975-5.171,1.218-.57,1.357,2.381,5.661,3.694,3.222.975,5.668.227,8.868,1.35,3.312,1.162,2.349.395,4.672.127a39.983,39.983,0,0,1,7.386-.387c2.105.063,5.41-1.689,10.693-9.555q.322-3.438.641-6.879c.621-1.391,1.6-3.48,2.924-5.956,2.364-4.386,3.373-5.393,2.961-6.762-.846-2.8-6.16-2.042-6.894-4.676-.612-2.193,2.193-5.622,4.925-5.907,2.659-.28,4.365,2.861,5.661,2.215.66-.329,1.116-1.594.487-5.415l-7.615-5.651a30.866,30.866,0,0,0-12.8-7.14,32.615,32.615,0,0,0-14.029-.487,46.52,46.52,0,0,0-9.355,2.954c-4.026,1.716-5.208,2.856-8.122,3.443A16.954,16.954,0,0,1,95.914,34.94Z" transform="translate(-80.523 -28.625)"/>
+    </g>
+  </g>
+</svg>

src/assets/img/svg/lookingglass.svg

@@ -0,0 +1,3 @@
+<svg id="Group_1575" data-name="Group 1575" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
+  <path id="_1492604494_f002" data-name="1492604494_f002" d="M88.615,310.152A33.186,33.186,0,0,0,78.5,285.807a33.188,33.188,0,0,0-24.346-10.115,33.188,33.188,0,0,0-24.346,10.115,34.357,34.357,0,0,0,0,48.693,33.192,33.192,0,0,0,24.346,10.114A33.192,33.192,0,0,0,78.5,334.5,33.19,33.19,0,0,0,88.615,310.152Zm39.385,64A9.982,9.982,0,0,1,118.154,384a9.141,9.141,0,0,1-6.923-2.922L84.846,354.77a52.676,52.676,0,0,1-30.692,9.537,53.231,53.231,0,0,1-21.038-4.269A53.035,53.035,0,0,1,4.269,331.193a53.971,53.971,0,0,1,0-42.076A53.025,53.025,0,0,1,33.115,260.27a53.963,53.963,0,0,1,42.077,0,53.025,53.025,0,0,1,28.846,28.846,54.078,54.078,0,0,1-5.269,51.73l26.385,26.385A9.42,9.42,0,0,1,128,374.152Z" transform="translate(0 -256)"/>
+</svg>

src/assets/img/svg/mobile.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10461 -3060.892 75.697 128">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #222;
+      }
+    </style>
+  </defs>
+  <path id="Rityta_1" data-name="Rityta 1" class="cls-1" d="M10.814,0A11.246,11.246,0,0,0,3.172,2.956,9.869,9.869,0,0,0,0,10.129V117.907a9.851,9.851,0,0,0,3.172,7.137A11.38,11.38,0,0,0,10.814,128H64.883a11.246,11.246,0,0,0,7.642-2.956,9.852,9.852,0,0,0,3.172-7.137V10.129a9.851,9.851,0,0,0-3.172-7.137A11.109,11.109,0,0,0,64.883,0Zm22.1,6.813h9.624a2.065,2.065,0,0,1,1.838,2.2,2.024,2.024,0,0,1-1.766,2.235H33.162a1.985,1.985,0,0,1-1.946-2.055A2.117,2.117,0,0,1,32.91,6.812ZM7.209,18.347H68.127v90.007H7.209Zm30.783,93.9a5.528,5.528,0,1,1,0,11.03,5.528,5.528,0,1,1,0-11.03Z" transform="translate(-10461 -3060.891)"/>
+</svg>

src/assets/img/svg/mobile2.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10461 -3060.892 75.697 128">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <path id="Rityta_1" data-name="Rityta 1" class="cls-1" d="M10.814,0A11.246,11.246,0,0,0,3.172,2.956,9.869,9.869,0,0,0,0,10.129V117.907a9.851,9.851,0,0,0,3.172,7.137A11.38,11.38,0,0,0,10.814,128H64.883a11.246,11.246,0,0,0,7.642-2.956,9.852,9.852,0,0,0,3.172-7.137V10.129a9.851,9.851,0,0,0-3.172-7.137A11.109,11.109,0,0,0,64.883,0Zm22.1,6.813h9.624a2.065,2.065,0,0,1,1.838,2.2,2.024,2.024,0,0,1-1.766,2.235H33.162a1.985,1.985,0,0,1-1.946-2.055A2.117,2.117,0,0,1,32.91,6.812ZM7.209,18.347H68.127v90.007H7.209Zm30.783,93.9a5.528,5.528,0,1,1,0,11.03,5.528,5.528,0,1,1,0-11.03Z" transform="translate(-10461 -3060.891)"/>
+</svg>

src/assets/img/svg/position3.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-11048.025 -3262.127 104.563 128">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        fill: #fafafa;
+      }
+    </style>
+  </defs>
+  <g id="position" transform="translate(-11048.025 -3262.127)">
+    <path id="Path_7986" data-name="Path 7986" class="cls-1" d="M52.281,0A52.277,52.277,0,0,0,13.334,87.154l39,40.846L90.491,87.953A52.273,52.273,0,0,0,52.281,0Zm0,74.063A23.586,23.586,0,1,1,75.867,50.477,23.586,23.586,0,0,1,52.281,74.063Z" transform="translate(0 0)"/>
+    <path id="Path_7987" data-name="Path 7987" class="cls-2" d="M289,0h-.18V26.893H289a23.586,23.586,0,0,1,0,47.172h-.18v53.7l.229.24,38.162-40.047A52.273,52.273,0,0,0,289,0Z" transform="translate(-236.719 0)"/>
+  </g>
+</svg>

src/assets/img/svg/world.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10513 -3226 128 128">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <g id="world_2" data-name="world 2" transform="translate(-10513 -3226)">
+    <g id="Lager_2" data-name="Lager 2" transform="translate(0 0)">
+      <circle id="Ellipse_11" data-name="Ellipse 11" cx="64" cy="64" r="64" transform="translate(0 0)"/>
+    </g>
+    <g id="Lager_7" data-name="Lager 7" transform="translate(19.623 6.976)">
+      <path id="Path_8078" data-name="Path 8078" class="cls-1" d="M95.914,34.94c-8.773,7.386-10.22,10.9-9.414,12.672.451,1,1.572,1.384,1.969,2.954.465,1.842-.565,3.329-1.969,5.907-1.835,3.375-3.382,6.324-3.938,9.6-.487,2.924.387,3.012.244,6.891-.227,6.256-2.5,6.4-2.266,10.493.324,5.849,5.22,10.415,8.666,13.63a7.745,7.745,0,0,0,1.625,1.255c1.847,1.031,3.524.731,7.73,3.412,5.21,3.346,4.506,4.611,9.107,7.14a21.8,21.8,0,0,0,13.291,2.954,18.989,18.989,0,0,0,5.393-1.53,35.979,35.979,0,0,1-3.412,7.191c-1.572,2.529-2.269,3.845-3.448,4.676-3.582,2.532-6.872-.066-9.353,2.215-2.288,2.105-2.23,6.823-.487,8.125,1.148.853,2.408-.244,4.184.731a5.69,5.69,0,0,1,2.461,3.938c.331,2.564-1.331,5.286-4.184,6.645l8.895,2.149a62.369,62.369,0,0,0,32.952-7.81,58.851,58.851,0,0,0,23.584-23.708A54.669,54.669,0,0,0,181.6,104.4a23.77,23.77,0,0,1-9.748-1.625c-2.115-.853-5.117-2.437-8.773-4.386-2.5-1.326-5.135-2.781-6.662-1.808-.383.244-1.043.833-2.437,1.674-.361.217-.77.444-1.26.682-1.384.673-2.386.9-3.694,1.562a21.684,21.684,0,0,0-2.7,1.742c-2.052,1.557-5.117,11.49-9.847,12.555a4.493,4.493,0,0,1-4.184-1.218c-1.735-2.086.96-5.174-.731-7.632-1.2-1.74-4.335-2.771-6.4-2.461a8.085,8.085,0,0,1-4.187-.244c-.324-.122-2.493-.928-2.953-2.707-.344-1.333.673-1.889.487-3.446a4.949,4.949,0,0,0-3.451-3.931c-2.152-.541-3.088,1.075-4.672.487-.517-.193-1.757-.872-2.953-7.876-.787-4.6-.073-4.674.975-5.171,1.218-.57,1.357,2.381,5.661,3.694,3.222.975,5.668.227,8.868,1.35,3.312,1.162,2.349.395,4.672.127a39.983,39.983,0,0,1,7.386-.387c2.105.063,5.41-1.689,10.693-9.555q.322-3.438.641-6.879c.621-1.391,1.6-3.48,2.924-5.956,2.364-4.386,3.373-5.393,2.961-6.762-.846-2.8-6.16-2.042-6.894-4.676-.612-2.193,2.193-5.622,4.925-5.907,2.659-.28,4.365,2.861,5.661,2.215.66-.329,1.116-1.594.487-5.415l-7.615-5.651a30.866,30.866,0,0,0-12.8-7.14,32.615,32.615,0,0,0-14.029-.487,46.52,46.52,0,0,0-9.355,2.954c-4.026,1.716-5.208,2.856-8.122,3.443A16.954,16.954,0,0,1,95.914,34.94Z" transform="translate(-80.523 -28.625)"/>
+    </g>
+  </g>
+</svg>

src/assets/static/common.js

@@ -0,0 +1,447 @@
+var isMobile = isMobileWidth();
+var isPhone = isPhoneWidth();
+var wasMobile = isMobile;
+var wasDesktop = !isMobile;
+
+var isMiniHeader = false;
+
+var myLocationLat = null;
+var myLocationLong = null;
+		
+$(document).ready(function() {
+	
+	initListeners();
+	initHeader();
+	initForms();
+	initMobileMenu();
+	adjustElementsForScreen();
+
+});
+
+//create trigger to resizeEnd event, called after event is finished
+$(window).resize(function() {
+    if(this.resizeTO) clearTimeout(this.resizeTO);
+    this.resizeTO = setTimeout(function() {
+        $(this).trigger('resizeEnd');
+    }, 100);
+});
+
+//cdetermine scren type and call style functions after window resize is completed  
+$(window).on('resizeEnd', function() {
+
+	adjustElementsForScreen();
+
+});
+
+$(window).scroll(function() {
+	if($(window).scrollTop() > 200) {
+		if(isMiniHeader === false && !isMobileWidth()) {
+			$('.header').addClass('mini');
+			isMiniHeader = true;
+		}			
+	} else {
+		if(isMiniHeader === true) {
+			$('.header').removeClass('mini');
+			isMiniHeader = false;
+		}
+		
+	}
+	//var scroll = $(window).scrollTop();
+});
+
+
+function adjustElementsForScreen() {
+
+	isMobile = isMobileWidth();
+	isPhone = isPhoneWidth();
+
+	if (!isMobileWidth()) {
+		$(".mobileContent").hide();
+	}
+
+	if (isMobile) wasMobile = true;
+	if (!isMobile) wasDesktop = true;
+
+	if (wasDesktop && isMobile) {
+		if (location.pathname.indexOf("index.php") === -1 && location.pathname.indexOf(".php") > -1) {
+			handleActivePage();
+		}		
+	}
+	if (wasMobile && !isMobile) location.reload();
+
+	if (isMobile && isMiniHeader === true) {
+		$('.header').removeClass('mini');
+		isMiniHeader = false;
+	}
+
+	//adjust 'find us' Google Maps links as user location not always located accurately on desktop
+	if (isMobile) {
+		$(".findUsSweden").attr("href", "https://www.google.com/maps/dir/?api=1&destination=Pythagoras+AB,+S%C3%B6der+M%C3%A4larstrand+27+B,+118+25+Stockholm");
+		$(".findUsUK").attr("href", "https://www.google.com/maps/dir/?api=1&destination=180+Piccadilly,+St.+James's,+London+W1J+9HF,+UK");
+		$(".findUsNorway").attr("href", "https://www.google.com/maps/dir/?api=1&destination=Skogliveien+4a,+3047+Drammen,+Norway");	
+	}else{
+		$(".findUsSweden").attr("href", "https://www.google.com/maps/dir//Pythagoras+AB,+S%C3%B6der+M%C3%A4larstrand+27+B,+118+25+Stockholm");
+		$(".findUsUK").attr("href", "https://www.google.com/maps/dir//180+Piccadilly,+St.+James's,+London+W1J+9HF,+UK");
+		$(".findUsNorway").attr("href", "https://www.google.com/maps/dir//Skogliveien+4a,+3047+Drammen,+Norway");
+	}
+
+	adjustContentBannersForScreen();
+
+}
+
+function initHeader() {
+
+	//go to main page if not there on logo click
+	$(".logoCell .logo").on("click", function() {
+		if (window.location.href.indexOf("index.php") === -1) {
+			window.location.href = "index.php";
+		}			
+	});
+
+	//show/hide main menu dropdowns on hover
+	$(".mainMenu > tbody > tr > td")
+		.on("mouseenter", function(e) {
+			e.stopPropagation();
+			$(".dropDown").hide();
+			$("table.mainMenu > tbody > tr > td.selected").css("box-shadow", "none");
+			$(this).find(".dropDown").addClass("droppedDown");
+			$(this).find(".dropDown").slideDown();
+		})
+		.on("mouseleave", function(e) {
+			e.stopPropagation();
+			$(this).find(".dropDown").removeClass("droppedDown");
+			$(this).find(".dropDown").hide();
+			$("table.mainMenu > tbody > tr > td.selected").css("box-shadow", "0 -3px 0 #ff0000 inset");
+		});
+
+	highlightHeaderCategory();
+
+}
+
+//highlight the appproprate main header meny category by examing url
+function highlightHeaderCategory() {
+
+	var myLocation = location.pathname;
+
+	//console.log("My location: " + myLocation);
+
+	if (myLocation.indexOf("index.php") !== -1) {
+		$("#mainMenuGroup0").addClass("selected");
+	}else if (
+		myLocation.indexOf("/fm-") !== -1 ||
+		myLocation.indexOf("/prs-") !== -1 ||
+		myLocation.indexOf("/lvh-") !== -1 ||
+		myLocation.indexOf("/fas-") !== -1 ||
+		myLocation.indexOf("/sb-") !== -1 ||
+		myLocation.indexOf("/tek-") !== -1) {
+		$("#mainMenuGroup1").addClass("selected");
+	}else if (
+		myLocation.indexOf("/mobila-losningar.php") !== -1 ||
+		myLocation.indexOf("/ifrs16.php") !== -1 ||
+		myLocation.indexOf("/gdpr.php") !== -1) {
+		$("#mainMenuGroup2").addClass("selected");
+	}else if (
+		myLocation.indexOf("/det-har-ar-pythagoras.php") !== -1 ||
+		myLocation.indexOf("/kontakta-oss.php") !== -1 ||
+		myLocation.indexOf("/jobba-hos-oss.php") !== -1) {
+		$("#mainMenuGroup3").addClass("selected");
+	}else if (myLocation.indexOf(".php") === -1){
+		$("#mainMenuGroup0").addClass("selected");
+	}
+}
+
+
+//event listners for elements
+function initListeners() {
+
+	$("#hamburger").on("click", function() {
+
+		if ($("#mobileLanguageMenu").hasClass("showing")) {
+			$("#mobileLanguageMenu").hide();
+			$("#mobileLanguageMenu").removeClass("showing");
+		}
+
+		if ($("#mobileMenu").hasClass("showing")) {
+			hideMobileMenu();
+		}else{
+			showMobileMenu();
+		}			
+	});
+
+	$("#mobileLanguage").on("click", function(e) {
+
+		if ($("#mobileMenu").hasClass("showing")) {
+			$("#mobileMenu").hide();
+			$("#mobileMenu").removeClass("showing");
+		}
+
+		if ($("#mobileLanguageMenu").hasClass("showing")) {
+			hideMobileLanguageMenu();
+		}else{
+			showMobileLanguageMenu();
+		}	
+
+	});
+
+	$("#screenOverlayBehindHeader, .linkGoBack").on("click", function(e) {
+		if ($("#mobileMenu").hasClass("showing")) {
+			hideMobileMenu();
+		}
+		if ($("#mobileLanguageMenu").hasClass("showing")) {
+			hideMobileLanguageMenu();
+		}			
+	});
+
+	$("#mobileLanguageMenu a").on("click", function(e) {
+		e.preventDefault();
+	});
+
+	//show support form
+	$("a.linkSupport").on("click", function(e) {
+		e.preventDefault();
+		showForm("support");
+	});
+
+	//show contact form
+	$("a.linkContactUs").on("click", function(e) {
+		e.preventDefault();
+		showForm("contact");
+	});
+
+	$("#scrollToBoxes").on("click", function(e){
+		e.preventDefault();
+		$.scrollToElement($("#pageBoxesContainer"));
+	});
+
+
+	$('.cookiesInfo').children('input[type=button]').on('click', function(){
+		$(this).parent().remove();
+	});
+
+	//location
+	/*$("#ourLocationSweden").on("click", function(e) {
+		e.preventDefault();
+		navigateTo("sweden", $(this));
+	});*/
+
+}
+
+function initMobileMenu() {
+	$("#mobileMenu a").on("click", function(e) {
+		
+		if ($(this).hasClass("hasSubmenu")) {
+			e.preventDefault();
+			$("#mobileMenu .subMenu").not($(this).siblings()).slideUp();
+			$(".hasSubmenu").not($(this)).css("font-weight", "normal");
+			$(this).css("font-weight", "bold");
+			//$(this).parent().css("border-bottom", "none");
+			$(this).parent().find(".subMenu").slideDown();
+			
+		}else{
+			hideMobileMenu();
+		}
+	});
+}
+
+
+function initForms() {
+
+
+	$(".btnQuitForm").on("click", function() {
+		$("#forms").hide();
+		$("#screenOverlay").hide();
+		$("#formContactContainer").hide();
+		$("#formSupportContainer").hide();
+	});
+
+	$("#formSupport").on("submit", function(e) {
+		e.preventDefault();
+		submitSupportForm($(this));
+	});
+
+	$("#formContact").on("submit", function(e) {
+		e.preventDefault();
+		submitContactForm($(this));
+	});
+}
+
+
+function showForm(formName) {
+
+	$("#forms").show();
+	$("#screenOverlay").show();
+
+	$(".contactTable").show();
+	$(".formInputContainer").show();
+	$(".formResultContainer").hide();
+
+	if (formName === "contact") {
+		var $conCommentsTitle = $("label[for='conComments']");
+		console.log($(".contentTableRight").find("[data-contact-link]").data("contact-link"));
+		if ($(".contentTableRight").find("[data-contact-link]").length) {
+			$conCommentsTitle.html("Berätta vad du vill veta mer om gällande " + 
+				$(".contentTableRight").find("[data-contact-link]").data("contact-link") + ": *");
+		}else{
+			$conCommentsTitle.html("Vad vill du veta mer om: ");
+		}
+		$("#formContactContainer").show();
+	} else if (formName === "support") {
+		$("#formSupportContainer").show();
+	}
+
+	scrollToTop();
+
+}
+
+
+function submitSupportForm(form) {
+
+	$.post("http://biz199.inmotionhosting.com/~rustyt6/pythagoras/php/submit_support_form.php", 
+		{
+			subject: $("#supSubject").val(),
+			company: $("#supCompany").val(),
+			name: $("#supName").val(),
+			email: $("#supEmail").val(),
+			phone: $("#supPhone").val(),
+			product: $("#supProduct").val(),
+			comments: $("#supComments").val()
+		}, 
+		function(data) {
+			console.log(data);
+		}
+	);
+
+	$(".formInputContainer").hide();
+	$(".formResultContainer").show();
+	scrollToTop();
+	
+	$("#supSubject").val("");
+	$("#supCompany").val("");
+	$("#supName").val("");
+	$("#supEmail").val("");
+	$("#supPhone").val("");
+	$("#supProduct").val("");
+	$("#supComments").val("");
+}
+
+function submitContactForm(form) {
+
+	$.post("http://biz199.inmotionhosting.com/~rustyt6/pythagoras/php/submit_contact_form.php", 
+		{
+			name: $("#conName").val(),
+			email: $("#conEmail").val(),
+			phone: $("#conPhone").val(),
+			comments: $("#conComments").val()
+		}, 
+		function(data) {
+			console.log(data);
+		}
+	);
+
+	$(".contactTable").hide();
+	$(".formResultContainer").show();
+	scrollToTop();
+
+	$("#conName").val("");
+	$("#conEmail").val("");
+	$("#conPhone").val("");
+	$("#conComments").val("");
+}
+
+
+function adjustContentBannersForScreen() {
+
+	if (isMobileWidth()) {
+		$("#pageBannerImage1").attr("src", "images/banner_page_mobile_solutions_mobile.jpg");
+		$("#pageBannerImage2").attr("src", "images/banner_page_ifrs16_mobile.jpg");
+		$("#pageBannerImage3").attr("src", "images/banner_page_gdpr_mobile.jpg");
+	}else{
+		$("#pageBannerImage1").attr("src", "images/banner_page_mobile_solutions.jpg");
+		$("#pageBannerImage2").attr("src", "images/banner_page_ifrs16.jpg");
+		$("#pageBannerImage3").attr("src", "images/banner_page_gdpr.jpg");
+	}
+}
+
+/*function navigateTo(destination, $element) {
+
+	var baseAddress = "https://www.google.com/maps/dir/";
+
+	var addressSweden = "Pythagoras+AB,+S%C3%B6der+M%C3%A4larstrand+27+B,+118+25+Stockholm";
+
+	if (myLocationLat == null || myLocationLong == null) {
+		getUserLocationForDirections();
+	}else{
+		if ($element.attr("href").length <= 1) {
+			$element.attr("href", baseAddress + myLocationLat + "," + myLocationLong + "/" + addressSweden);
+		}
+		console.log($element.attr("href"));
+	}
+
+}
+
+function getUserLocationForDirections() {
+	$.post("https://www.googleapis.com/geolocation/v1/geolocate?key=AIzaSyB04D7_YYzWb3y3TDtVr-FR3rkBHSV6oOg", 
+		function(data){
+			console.log(data);
+			myLocationLat = data.location.lat;
+			myLocationLong = data.location.lng;
+			console.log(myLocationLat, myLocationLong);
+			//setupDirections();
+			//https://www.google.com/maps/dir/?api=1&destination=Pythagoras+AB,+S%C3%B6der+M%C3%A4larstrand+27+B,+118+25+Stockholm
+		});
+}*/
+
+function showMobileMenu() {
+	$("#screenOverlayBehindHeader").show();
+
+	$("#mobileMenu").slideDown();
+	$("#mobileMenu").addClass("showing");
+}
+
+function hideMobileMenu() {
+	$("#mobileMenu").slideUp(function(){
+		$("#screenOverlayBehindHeader").hide();
+	});
+	$("#mobileMenu").removeClass("showing");
+}
+
+function showMobileLanguageMenu() {
+	$("#screenOverlayBehindHeader").show();
+
+	$("#mobileLanguageMenu").slideDown();
+	$("#mobileLanguageMenu").addClass("showing");
+}
+
+function hideMobileLanguageMenu() {
+	$("#mobileLanguageMenu").slideUp(function(){
+		$("#screenOverlayBehindHeader").hide();
+	});
+	$("#mobileLanguageMenu").removeClass("showing");
+}
+
+$.scrollToElement = function($element){
+	
+	var adjustment = 0;
+	if (isMiniHeader) {
+		adjustment = 35;
+	}
+	var $header = $('.header:first');
+	$('html,body').animate({scrollTop: $element.offset().top-($header.length > 0 ? $header.height() : 0) - adjustment}, 'slow');
+};
+
+//scroll page to top
+function scrollToTop() {
+	$("body,html").animate({ scrollTop: 0 }, "slow");
+}
+
+//is screen mobile? (<= 768 px)
+//#mobile_indicator is show/hidden via media query
+function isMobileWidth() {
+	return $('#mobile_indicator').is(':visible');
+}
+
+//is screen phone? (<= 480 px)
+//#mobile_indicator is show/hidden via media query
+function isPhoneWidth() {
+    return $('#phone_indicator').is(':visible');
+}

src/assets/static/config.js

@@ -0,0 +1,61 @@
+window.config = {
+    menus: [{
+            name: "首页",
+            url: "/index",
+            child: []
+        },
+        {
+            name: "我们的方案",
+            url: "/solution",
+            child: [{
+                    name: "设施管理",
+                    url: "/solution",
+                },
+                {
+                    name: "房地产",
+                    url: "/solution",
+                },
+                {
+                    name: "物业管理",
+                    url: "/solution",
+                },
+                {
+                    name: "系统智能建筑和物联网（iot）",
+                    url: "/solution",
+                },
+                {
+                    name: "技术和集成",
+                    url: "/solution",
+                },
+            ]
+        },
+        {
+            name: "前沿",
+            url: "/cuttingEdge",
+            child: [{
+                    name: "移动解决方案",
+                    url: "/cuttingEdge",
+                },
+                {
+                    name: "其他",
+                    url: "/cuttingEdge",
+                }
+            ]
+        },
+        {
+            name: "关于我们",
+            url: "/aboutUs",
+            child: [{
+                    name: "与我们合作",
+                    url: "/aboutUs",
+                },
+                {
+                    name: "丙维科技",
+                    url: "/aboutUs",
+                },
+            ]
+        },
+
+    ]
+
+}