/* line 1, ../sass/global/_basics.scss */
html, body {
  position: relative;
  min-height: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

/* line 9, ../sass/global/_basics.scss */
body {
  background-color: white;
  min-width: 1024px;
}

/* line 14, ../sass/global/_basics.scss */
a, a:visited, a:hover, a:active {
  text-decoration: none;
  color: inherit;
}

/* line 19, ../sass/global/_basics.scss */
.visible {
  visibility: visible;
}

/* line 23, ../sass/global/_basics.scss */
.hidden {
  visibility: hidden;
}

/* line 27, ../sass/global/_basics.scss */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* line 36, ../sass/global/_basics.scss */
.text-left {
  text-align: left;
}

/* line 37, ../sass/global/_basics.scss */
.text-right {
  text-align: right;
}

/* line 38, ../sass/global/_basics.scss */
.text-center {
  text-align: center;
}

/* line 1, ../sass/global/_common.scss */
button.style-a {
  width: 100px;
  cursor: pointer;
  background-color: #66a523;
  color: white;
  line-height: 27px;
  text-align: center;
  font-size: 16px;
  font-family: "Segoe UI";
  border: none;
  border-radius: 2px;
}
/* line 13, ../sass/global/_common.scss */
button.style-a:hover {
  background-color: #75bd29;
}

/* line 18, ../sass/global/_common.scss */
.red-border {
  border: solid 1px brown !important;
}

/* line 1, ../sass/_index.scss */
#root-view {
  width: 1024px;
  margin: 0 auto;
  height: auto;
  position: relative;
}

/* line 2, ../sass/partials/_header.scss */
#page-header .social-links {
  border-top: solid 5px #66a523;
  text-align: right;
  padding-right: 20px;
  padding-top: 10px;
  color: #66a523;
}
/* line 10, ../sass/partials/_header.scss */
#page-header .social-links nav ul {
  font-size: 0px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
/* line 16, ../sass/partials/_header.scss */
#page-header .social-links nav ul li {
  display: inline-block;
  position: relative;
  top: 0px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
/* line 28, ../sass/partials/_header.scss */
#page-header .company-logo {
  position: relative;
  margin-left: 20px;
  float: left;
  width: 120px;
  height: 110px;
  background: url(../images/efes-logo.png);
  background-size: 120px 120px;
  background-repeat: no-repeat;
}
/* line 39, ../sass/partials/_header.scss */
#page-header .company-name {
  position: relative;
  margin-top: 45px;
  margin-left: 10px;
  float: left;
  width: 310px;
  height: 70px;
  text-align: left;
  font-family: "Copperplate";
  font-size: 22px;
  color: #66a523;
}
/* line 52, ../sass/partials/_header.scss */
#page-header .quick-contact {
  position: relative;
  text-align: right;
  margin-top: 20px;
  margin-right: 20px;
  float: right;
  width: 500px;
  height: 70px;
}
/* line 61, ../sass/partials/_header.scss */
#page-header .quick-contact .inline {
  display: inline-block;
  font-family: "Segoe UI";
  font-size: 14px;
  margin-top: 4px;
}
/* line 67, ../sass/partials/_header.scss */
#page-header .quick-contact .inline i {
  display: inline-block;
  text-align: right;
  margin-right: 10px;
  color: #66a523;
}
/* line 73, ../sass/partials/_header.scss */
#page-header .quick-contact .inline i.phone:before {
  font-size: 14px;
}
/* line 77, ../sass/partials/_header.scss */
#page-header .quick-contact .inline i.email:before {
  font-size: 18px;
  position: relative;
  top: 2px;
}
/* line 84, ../sass/partials/_header.scss */
#page-header .quick-contact .inline span {
  color: #4e4e4e;
}
/* line 90, ../sass/partials/_header.scss */
#page-header button.send-inquiry {
  width: 100px;
  cursor: pointer;
  margin-top: 20px;
  background-color: #66a523;
  color: white;
  line-height: 27px;
  text-align: center;
  font-size: 16px;
  font-family: "Segoe UI";
  border: none;
  border-radius: 2px;
  -webkit-transition: 0.2s all ease;
  -khtml-transition: 0.2s all ease;
  -moz-transition: 0.2s all ease;
  -ms-transition: 0.2s all ease;
  -o-transition: 0.2s all ease;
  transition: 0.2s all ease;
}
/* line 105, ../sass/partials/_header.scss */
#page-header button.send-inquiry:hover {
  background-color: #75bd29;
}

/* line 1, ../sass/partials/_footer.scss */
#page-footer {
  font-family: "Segoe UI";
  color: #828282;
  font-size: 14px;
}
/* line 6, ../sass/partials/_footer.scss */
#page-footer .container {
  border-top: solid 2px #66a523;
  padding-top: 20px;
  padding-bottom: 30px;
}
/* line 11, ../sass/partials/_footer.scss */
#page-footer .container .title {
  padding-bottom: 15px;
  color: #66a523;
  font-size: 20px;
}
/* line 19, ../sass/partials/_footer.scss */
#page-footer .container nav ul {
  font-size: 0px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
/* line 25, ../sass/partials/_footer.scss */
#page-footer .container nav ul li {
  display: inline-block;
  min-width: 120px;
  font-size: 14px;
  cursor: pointer;
  padding-top: 5px;
  -webkit-transition: 1s all ease;
  -khtml-transition: 1s all ease;
  -moz-transition: 1s all ease;
  -ms-transition: 1s all ease;
  -o-transition: 1s all ease;
  transition: 1s all ease;
}
/* line 32, ../sass/partials/_footer.scss */
#page-footer .container nav ul li a {
  display: block;
}
/* line 38, ../sass/partials/_footer.scss */
#page-footer .container nav ul li:hover {
  color: #66a523;
  text-decoration: underline;
}
/* line 46, ../sass/partials/_footer.scss */
#page-footer .container .copy-pow {
  padding: 0px;
}
/* line 49, ../sass/partials/_footer.scss */
#page-footer .container .copy-pow span.efes {
  color: #66a523;
}
/* line 54, ../sass/partials/_footer.scss */
#page-footer .container .copy-pow span.sini .blue {
  color: #2C859D;
}
/* line 55, ../sass/partials/_footer.scss */
#page-footer .container .copy-pow span.sini .green {
  color: #02AE4C;
}

/* line 1, ../sass/partials/_menu.scss */
.menu {
  font-family: "Segoe UI";
  background-color: #66a523;
  color: white;
  text-transform: uppercase;
  margin-top: 10px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
/* line 11, ../sass/partials/_menu.scss */
.menu nav ul {
  font-size: 0px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
/* line 17, ../sass/partials/_menu.scss */
.menu nav ul li {
  display: inline-block;
  min-width: 120px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: 1s all ease;
  -khtml-transition: 1s all ease;
  -moz-transition: 1s all ease;
  -ms-transition: 1s all ease;
  -o-transition: 1s all ease;
  transition: 1s all ease;
}
/* line 24, ../sass/partials/_menu.scss */
.menu nav ul li a {
  display: block;
  padding: 7px 10px;
}
/* line 31, ../sass/partials/_menu.scss */
.menu nav ul li:hover {
  background-color: #568a1e;
}
/* line 35, ../sass/partials/_menu.scss */
.menu nav ul li.selected {
  background-color: #568a1e;
}
/* line 40, ../sass/partials/_menu.scss */
.menu nav ul li i.sort:before {
  font-size: 10px;
  margin-left: 10px;
  position: relative;
  top: -1px;
}
/* line 50, ../sass/partials/_menu.scss */
.menu nav li:hover .sub-menu {
  z-index: 1;
  opacity: 0.9;
}
/* line 55, ../sass/partials/_menu.scss */
.menu nav .sub-menu {
  position: absolute;
  opacity: 0;
  z-index: -1;
  background-color: #568a1e;
  color: white;
}
/* line 62, ../sass/partials/_menu.scss */
.menu nav .sub-menu li {
  display: block;
}
/* line 65, ../sass/partials/_menu.scss */
.menu nav .sub-menu li:hover {
  background-color: #66a523;
}

/* line 1, ../sass/pages/_home.scss */
.home-page {
  font-family: "Segoe UI";
  font-size: 16px;
  margin-top: 40px;
}
/* line 7, ../sass/pages/_home.scss */
.home-page .row.title .heading, .home-page .row.why-efes .heading {
  color: #66a523;
  font-size: 22px;
}
/* line 14, ../sass/pages/_home.scss */
.home-page .row.title .description {
  margin-top: 20px;
  color: #4e4e4e;
  font-size: 16px;
  text-align: justify;
}
/* line 21, ../sass/pages/_home.scss */
.home-page .row.title .picture {
  margin-top: 20px;
  text-align: right;
}
/* line 27, ../sass/pages/_home.scss */
.home-page .row.why-efes {
  margin-top: 40px;
  margin-bottom: 20px;
}
/* line 31, ../sass/pages/_home.scss */
.home-page .row.why-efes ul {
  list-style: none;
  color: #4e4e4e;
  font-size: 16px;
  padding-left: 0px;
}
/* line 37, ../sass/pages/_home.scss */
.home-page .row.why-efes ul li {
  line-height: 28px;
}
/* line 41, ../sass/pages/_home.scss */
.home-page .row.why-efes ul li.point:before {
  color: #66a523;
  margin-left: 5px;
  margin-right: 10px;
}
/* line 52, ../sass/pages/_home.scss */
.home-page .req-a-callback .heading {
  margin-bottom: 10px;
}
/* line 55, ../sass/pages/_home.scss */
.home-page .req-a-callback .heading i.customer {
  position: absolute;
  top: -8px;
}
/* line 59, ../sass/pages/_home.scss */
.home-page .req-a-callback .heading i.customer:before {
  font-size: 40px;
}
/* line 63, ../sass/pages/_home.scss */
.home-page .req-a-callback .form-container {
  height: 180px;
}
/* line 67, ../sass/pages/_home.scss */
.home-page .req-a-callback .thank-you-container {
  margin-top: 10px;
  background-color: #66a523;
  color: white;
  padding: 50px 20px;
  text-align: center;
  display: none;
}
/* line 77, ../sass/pages/_home.scss */
.home-page .req-a-callback .form input {
  width: 250px;
  padding: 5px 8px;
  border: solid 1px silver;
  color: #4e4e4e;
  outline: none;
  margin-top: 5px;
  -webkit-transition: 0.5s all ease;
  -khtml-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
/* line 87, ../sass/pages/_home.scss */
.home-page .req-a-callback .form input:focus {
  border: solid 1px #66a523;
}
/* line 92, ../sass/pages/_home.scss */
.home-page .req-a-callback .form button.submit {
  margin-top: 15px;
  font-size: 15px;
}
/* line 98, ../sass/pages/_home.scss */
.home-page .req-a-callback .picture {
  text-align: right;
  position: relative;
  left: 15px;
}

/* line 1, ../sass/pages/_about-us.scss */
#about-us-page {
  font-family: "Segoe UI";
  font-size: 16px;
  margin-top: 30px;
  color: #4e4e4e;
}
/* line 8, ../sass/pages/_about-us.scss */
#about-us-page .row .heading {
  color: #66a523;
  font-size: 22px;
}
/* line 12, ../sass/pages/_about-us.scss */
#about-us-page .row .description {
  margin-top: 20px;
  color: #4e4e4e;
  font-size: 16px;
  text-align: justify;
}
/* line 20, ../sass/pages/_about-us.scss */
#about-us-page .picture {
  margin-top: 20px;
}

/* line 1, ../sass/pages/_forklift.scss */
#forklift-page {
  font-family: "Segoe UI";
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #4e4e4e;
}
/* line 9, ../sass/pages/_forklift.scss */
#forklift-page .row .heading {
  color: #66a523;
  font-size: 22px;
}
/* line 14, ../sass/pages/_forklift.scss */
#forklift-page .row img {
  width: 100%;
}
/* line 18, ../sass/pages/_forklift.scss */
#forklift-page .row ul {
  list-style: none;
  color: #4e4e4e;
  font-size: 16px;
  padding-left: 0px;
}
/* line 24, ../sass/pages/_forklift.scss */
#forklift-page .row ul li {
  margin-left: 40px;
  padding-top: 10px;
  text-align: justify;
}
/* line 30, ../sass/pages/_forklift.scss */
#forklift-page .row ul li.point:before {
  color: #66a523;
  position: absolute;
  margin: 0px;
  left: 20px;
}

/* line 1, ../sass/pages/_forklift-tyres.scss */
#forklift-tyres-page {
  font-family: "Segoe UI";
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #4e4e4e;
}
/* line 9, ../sass/pages/_forklift-tyres.scss */
#forklift-tyres-page .row .heading {
  color: #66a523;
  font-size: 22px;
}
/* line 14, ../sass/pages/_forklift-tyres.scss */
#forklift-tyres-page .row img {
  margin-top: 40px;
  width: 100%;
}
/* line 19, ../sass/pages/_forklift-tyres.scss */
#forklift-tyres-page .row .description {
  margin-top: 20px;
  text-align: justify;
}
/* line 24, ../sass/pages/_forklift-tyres.scss */
#forklift-tyres-page .row .tyre-spec {
  margin-top: 10px;
}
/* line 28, ../sass/pages/_forklift-tyres.scss */
#forklift-tyres-page .row .tyre-spec .pdf:before {
  margin-left: 0px;
  margin-right: 10px;
  font-size: 30px;
  position: relative;
  top: 5px;
}
/* line 37, ../sass/pages/_forklift-tyres.scss */
#forklift-tyres-page .row .tyre-spec a span:hover {
  text-decoration: underline;
}

/* line 1, ../sass/pages/_careers.scss */
#careers-page {
  font-family: "Segoe UI";
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 50px;
  color: #4e4e4e;
}
/* line 9, ../sass/pages/_careers.scss */
#careers-page .row .heading {
  color: #66a523;
  font-size: 22px;
}
/* line 13, ../sass/pages/_careers.scss */
#careers-page .row .description {
  margin-top: 20px;
  color: #4e4e4e;
  font-size: 16px;
  text-align: justify;
}
/* line 20, ../sass/pages/_careers.scss */
#careers-page .row .open-positions {
  margin-top: 20px;
}
/* line 23, ../sass/pages/_careers.scss */
#careers-page .row .open-positions .title {
  color: #66a523;
  font-size: 18px;
  margin-bottom: 10px;
}
/* line 29, ../sass/pages/_careers.scss */
#careers-page .row .open-positions span {
  display: inline-block;
  width: 120px;
}

/* line 1, ../sass/pages/_gallery.scss */
#gallery-page {
  font-family: "Segoe UI";
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 50px;
}
/* line 8, ../sass/pages/_gallery.scss */
#gallery-page .row .heading {
  text-align: center;
  color: #66a523;
  font-size: 22px;
  margin-bottom: 30px;
}
/* line 16, ../sass/pages/_gallery.scss */
#gallery-page .slider-root {
  margin: 0 auto;
  width: 700px;
}

/* line 1, ../sass/pages/_enquiry.scss */
#enquiry-page {
  font-family: "Segoe UI";
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 50px;
  color: #4e4e4e;
}
/* line 9, ../sass/pages/_enquiry.scss */
#enquiry-page .row .heading {
  color: #66a523;
  font-size: 22px;
}
/* line 15, ../sass/pages/_enquiry.scss */
#enquiry-page .picture {
  margin-top: 30px;
}
/* line 19, ../sass/pages/_enquiry.scss */
#enquiry-page .picture .customer:before {
  font-size: 250px;
}
/* line 25, ../sass/pages/_enquiry.scss */
#enquiry-page .form-container {
  height: 500px;
}
/* line 29, ../sass/pages/_enquiry.scss */
#enquiry-page .thank-you-container {
  margin-top: 10px;
  background-color: #66a523;
  color: white;
  padding: 100px 20px 160px 20px;
  text-align: center;
  display: none;
}
/* line 38, ../sass/pages/_enquiry.scss */
#enquiry-page .form {
  margin-top: 20px;
}
/* line 40, ../sass/pages/_enquiry.scss */
#enquiry-page .form input, #enquiry-page .form textarea {
  font-family: "Segoe UI";
  font-size: 14px;
  width: 500px;
  padding: 5px 8px;
  border: solid 1px silver;
  color: #4e4e4e;
  outline: none;
  margin-top: 10px;
  -webkit-transition: 0.5s all ease;
  -khtml-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
/* line 52, ../sass/pages/_enquiry.scss */
#enquiry-page .form input:focus, #enquiry-page .form textarea:focus {
  border: solid 1px #66a523;
}
/* line 57, ../sass/pages/_enquiry.scss */
#enquiry-page .form button.submit {
  margin-top: 20px;
  font-size: 15px;
}

/* line 1, ../sass/pages/_contact-us.scss */
#contact-us-page {
  font-family: "Segoe UI";
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 50px;
  color: #4e4e4e;
}
/* line 9, ../sass/pages/_contact-us.scss */
#contact-us-page .row .heading {
  color: #66a523;
  font-size: 22px;
  margin-bottom: 20px;
}
/* line 16, ../sass/pages/_contact-us.scss */
#contact-us-page .row.map {
  margin-top: 30px;
}
/* line 20, ../sass/pages/_contact-us.scss */
#contact-us-page #efes-map {
  position: relative;
  margin-top: 20px;
  width: 100%;
  height: 300px;
  border: solid 1px silver;
}
