@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500');

body {
	font-family: 'Quicksand', sans-serif;
	font-size: 0.85rem;
}
div.menu-top > div.col {
	padding: 0;
}
div.menu-top {
  z-index: 1;
	transition: all 0.2s ease-in;
	background-color: #00000022;
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
	margin: 0;
	padding: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	position: fixed;
	width: 100%;
}
div.menu-top.active {
	background-color: white;
	/*transform: scaleY(2);*/
}
div.menu-top img.logo {
	height: 50px;
	content:url("/assets/landing/logo_name_white.svg");
}
div.menu-top.active img.logo {
	content:url("/assets/landing/logo_name.svg");
}
div.menu-top  ul.menu {
  list-style-type: none;
  margin-top: 10px;
	margin-bottom: 10px;
  /* margin-left: 16px; */
  margin-right: 16px;
  padding: 0;
  overflow: hidden;
}
div.menu-top ul.menu > li, div.menu-top ul.menu > li * {
  float: none;
  display: inline-block;
	padding-left: .5rem;
	padding-right: .5rem;
	font-size: 16pt;
	color: white;
}
div.menu-top.active ul.menu > li, div.menu-top.active ul.menu > li * {
	color: black;
}
div.menu-top ul.menu > li:hover, div.menu-top ul.menu > li *:hover {
	text-decoration: underline;
}
div.menu-top ul.menu > li.separator:hover, div.menu-top ul.menu > li.separator *:hover {
	text-decoration: none;
}
div.menu-top ul.menu > li.separator:before {
	content: "|";
}

div.background-image {
	background: linear-gradient(
      rgba(28, 33, 43, 0.5),
      rgba(28, 33, 43, 0.5)
    ),
		url("/assets/landing/top_picture.jpg");
	overflow: hidden;
	background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
div.background-image.landing-top {
	background: linear-gradient(
      rgba(28, 33, 43, 0.5),
      rgba(28, 33, 43, 0.5)
    ),
		url("/assets/landing/top_picture.jpg");
}
div.background-image.landing_tracking {
	background: linear-gradient(
      transparent,
			transparent,
			transparent,
			transparent,
			transparent,
      rgba(0, 0, 0, 0.5)
    ),
		url("/assets/landing/footer_cars.gif");
}
div.background-image.landing_devices {
	background-image: url("/assets/landing/site-devices.png");
	background-size: 100% !important;
}
div.background-image.landing_indistries {
	display: inline-block;
	border-radius: 50%;
	background: linear-gradient(
      rgba(28, 33, 43, 0.5),
      rgba(28, 33, 43, 0.5)
    ),
		url("/assets/landing/midle_picture.jpg");
}
div.background-image.transports {
	background: linear-gradient(
      rgba(28, 33, 43, 0.5),
      rgba(28, 33, 43, 0.5)
    ),
		url("/assets/transports/background_top.jpg");
}
div.background-image.enterprice {
	background: linear-gradient(
      rgba(28, 33, 43, 0.55),
      rgba(28, 33, 43, 0.55)
    ),
		url("/assets/enterprice/top_picture.jpg");
}
title-section {
	padding-left: 7rem;
	padding-right: 7rem;
}
.img-laptop {
    max-width: 60%;
}
.margin-bottom {
    margin-bottom: 4rem;
}
.extra-addons {
    margin-left: 1rem;
    margin-right: 1rem;
}

div.background-image.mini-map {
	background-image: url("/assets/enterprice/map.svg");
	background-size: 100% !important;
	background-position: top !important;
}

.full {
	width: 100%;
	height: 100vh;
}
.full.x2 {
	height: 200vh;
}
.half {
	width: 100%;
	height: 50vh;
}

.landing-title {
	font-weight: bold;
	font-size: 55pt;
	margin: 0;
}
.landing-subtitle {
	font-size: 40pt;
	margin: 0;
}
.landing-option {
	font-size: 20pt;
	margin-top: 3rem;
	margin-bottom: 5px;
}
.btn-border {
	transition: all 0.2s ease-out;
	background-color: transparent;
	color: white;
	border: 1px solid white;
	font-weight: bold;
	text-transform: none;
}
.btn-border:hover {
	background-color: white;
	color: black;
}
.btn-border.grey.darken-3 {
    border-color: #424242 !important;
    color: #424242 !important;
    background-color: transparent !important;
}
.btn-border.grey.darken-3:hover {
    background-color: #424242 !important;
    color: white !important;
}
.btn-border.orange {
    border-color: orange !important;
    color: orange !important;
    background-color: transparent !important;
}
.btn-border.disabled {
	border-color: #b9b9b9 !important;
	color: #b9b9b9 !important;
}
.btn-border.orange:hover {
    background-color: orange !important;
    color: white !important;
}

.btn-register {
	transition: all 0.2s ease-out;
	background-color: transparent;
	color: black;
	border: 1px solid black;
	font-weight: bold;
	text-transform: none;
}
.btn-register:hover {
	border: 1px solid orange;
	background-color: orange;
	color: white;
}

div.section {
	padding-top: 3rem;
  padding-bottom: 3rem;
}
.landing-section-title {
	font-weight: bold;
	font-size: 35pt;
}
.landing-section-subtitle {
	font-size: 18pt;
}
.image-title {
	font-weight: bold;
	font-size: 16pt;
	margin: 0;
}
.image-subtitle {
	font-size: 12pt;
	margin: 0;
	margin-top: 1rem;
}

.landing-img {
	width: 70%;
}

.grey.lighten-4-5 {
	background-color: #f2f2f2 !important;
}

.half-image {
	width: 40%;
}

.indistries-shell {
	height: 300px;
}
.industries-image {
	width: 35%;
}
.industries-text {
	font-weight: bold;
	font-size: 12pt;
	margin: 0;
}
.indistries-shell.top {
	padding-top: 120px;
}
.indistries-shell.bottom {
	padding-bottom: 120px;
}

.square-image {
	width: 250px;
	height: 250px;
}

.section.devices {
	padding-bottom: 1rem !important;
}
.devices {
	height: 120vh;
}

.app-text {
	font-weight: bold;
	font-size: 14pt;
}
.pre-footer {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}
.ios-legend {
	font-size: 15pt;
}

div.background-image.landing_tracking > footer.page-footer {
	width: 100%;
}
footer > div.footer-copyright {
	border-top: 1px solid #5f5f5f;
}
footer.page-footer > div.container * {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.social-icons ul * {
	padding-top: 0.2rem !important;
	padding-bottom: 0.2rem !important;
}
footer.page-footer {
	background: linear-gradient(
      transparent,
			rgba(0, 0, 0, 0.8),
			rgba(0, 0, 0, 0.8),
			rgba(0, 0, 0, 0.8),
      rgba(0, 0, 0, 1)
    );
}

.bottom-align {
  position: absolute;
  bottom: 2rem;
}

.feature-image {
	height: 160px;
}
.half-image.x2 {
	width: 70%;
}
.feature-image.x2 {
	height: 320px;
}

div.background-image.mini-map div.col {
	height: 250px;
}

div.background-image.mini-map div.col:last-child {
	height: unset;
}

img.phone-img {
	height: 80vh;
}

.half-image.date-img {
	width: 30%;
	margin-left: 10%;
	margin-right: 10%;
}

ul.dropdown-content {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
ul.dropdown-content li, ul.dropdown-content li * {
	font-size: 12pt;
}

a {
	color: orange;
}

.row.height {
	display: table;
	float: none;
}

.row.height > .col {
	display: table-cell;
	float: none;
	vertical-align: top;
}

.row.height .col.bottom-vertical {
	vertical-align: bottom;
}

.row.height .col.center-vertical {
    vertical-align: middle;
}

.btn-filter-button {
	transition: all 0.2s ease-out;
	background-color: white;
	color: black;
	border: unset;
	font-size: 0.8rem;
	border-radius: 4px;
	padding-left: 15px;
	padding-right: 15px;
	letter-spacing: unset;
	text-transform: unset;
}
.btn-filter-button:hover {
	background-color: black;
	color: white;
}
.btn-filter-button:focus {
	background-color: white;
	color: black;
}

.chip {
	background-color: #f5f5f5;
}

@media only screen and (min-width : 1201px) {

    div.background-image.mini-map {
        background: linear-gradient(
                to right,
                #f2f2f2,
                transparent,
                transparent,
                transparent,
                transparent,
                #f2f2f2
        ),
        url("/assets/enterprice/map.svg");
        background-size: 100% !important;
        background-position: top !important;
    }
}

@media only screen and (max-width : 992px) {
	div.menu-top ul.menu > li, div.menu-top ul.menu > li * {
		font-size: 13pt;
		padding-left: 0.7rem;
		padding-right: 0.7rem;
	}
	.landing-title {
		font-size: 47pt;
	}
	.landing-subtitle {
		font-size: 35pt;
	}
	.landing-option {
		font-size: 15pt;
	}

	.landing-section-title {
		font-size: 25pt;
	}
	.landing-section-subtitle {
		font-size: 12pt;
	}
	.image-title {
		font-size: 14pt;
	}
	.image-subtitle {
		font-size: 10pt;
	}
	.half-image {
		width: 50%;
	}
	.devices {
		height: 85vh;
	}
	.app-text {
		font-weight: bold;
		font-size: 12pt;
	}
	div.background-image.mini-map div.col {
		height: 200px;
	}

	.indistries-shell {
		height: 220px;
	}
	.industries-image {
		width: 40%;
	}
}

@media only screen and (max-width: 600px) {
	.landing-title {
		font-size: 22pt;
	}
	.landing-subtitle {
		font-size: 16pt;
	}
	.landing-option {
		font-size: 14pt;
	}
	.btn-border {
		font-size: 1rem;
	}

	.landing-section-title {
		font-size: 22pt;
	}
	.landing-section-subtitle {
		font-size: 14pt;
	}
	.image-title {
		font-size: 14pt;
	}
	.image-subtitle {
		font-size: 11pt;
	}
	.full {
		width: 100%;
		height: 100vh;
	}
	.half {
		width: 100%;
		height: 50vh;
	}
	.logo {
		height: 35px;
	}
	ul.menu {
	  margin-left: 0;
	  margin-right: 0;
	}
	div.menu-top ul.menu > li, div.menu-top ul.menu > li * {
		padding-left: 0.2rem;
		padding-right: 0.2rem;
		font-size: 10pt;
	}
	div.menu-top > div.col.right-align {
		text-align: center;
	}
	.half-image {
		width: 75%;
	}
	.half-image.x2 {
		width: 90%;
	}

	.indistries-shell.top {
		padding-top: unset;
	}
	.indistries-shell.bottom {
		padding-bottom: unset;
	}

	.devices {
		height: unset;
	}
	div.background-image.landing_devices {
		background-image: unset;
	}
	.app-text {
		font-size: 11pt;
	}
	.ios-legend {
		font-size: 12pt;
	}

	div.background-image.mini-map div.col {
		height: 150px;
	}
	div.background-image.mini-map {
		background-image: unset;
	}

	.social-icons ul {
		list-style-type: none;
	  padding: 0;
	  overflow: hidden;
	}

	.social-icons ul > li, .social-icons ul > li * {
	  float: none;
	  display: inline-block;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}

	div.row div.col.s12 {
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.image-subtitle {
		margin-top: 0.5rem;
	}

    title-section {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .img-laptop {
        max-width: 100%;
    }
    .margin-bottom {
        margin-bottom: 1rem;
    }
    div.background-image.landing_tracking {
        background: unset;
        background-color: rgba(0, 0, 0, 1);
    }
}

.menu-dropdown {
	top: 45px !important;
	min-width: 200px !important;
}