/*
 *     Style Sheet for Lookivipark.com
 *     Author: Raul Tammesalu <raul@leafygreenapps.com>
 *     www.leafygreenapps.com
 */

/*
 * Globals
 */

 /*
  * Links
  */

 a,
 a:focus,
 a:hover {
   color: #fff;
   text-decoration: none;
 }

html,
body {
  font-family: "Armata", sans-serif;
  min-height: 100vh;
}

body {
  background: url(../img/lookivipark_1_uus.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  display: flex;
  flex-direction: column;
}

body.about {
  background-color: #333;
  background-image: none;
}

body.blue-building {
  background-image: url("../img/lookivipark_5_2000x1199.jpg");
}


/*
 * Header
 */

img.logo {
  height: 80px;
  width: 405px;
}

.nav-lookivi {
  background-color: #333;
  background-color: rgba(40, 40, 40, 0.8);
  text-align: center;
}

.nav-lookivi > li {
  display: inline-block;
}

.nav-lookivi > li > a {
  color: #ddd;
  font-weight: bold;
  margin-top: 4px;
  border-bottom: 4px solid transparent;
}
.nav-lookivi > li > a:hover,
.nav-lookivi > li > a:focus {
  color: #eee;
  background-color: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.5);
}

.nav-lookivi > .active > a,
.nav-lookivi > .active > a:hover,
.nav-lookivi > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff;
}

div#language {
  float: right;
  padding-right: 20px;
  padding-top: 25px;
}

div#language img.flag {
  margin-left: 10px;
  width: 50px;
  height: 32px;
}

/*
 * Sidebar
 */

div.sidebar {
  color: #fff;
  background-color: rgba(70, 70, 70, 0.8);
  padding-left: 100px;
  padding-right: 30px;
  padding-bottom: 40px;
  margin-left: -70px;
  width: 475px;
}

.sidebar > a {
  display: block;
  padding: 2rem 0;
}

div.sidebar > h1 {
  font-size: 30px;
  padding-top: 50px;
  padding-bottom: 30px;
}

div.sidebar > a.about-icon {
  height: 80px;
  display: block;
  padding: 10px;
}

.sidebar > .specification {
  text-align: left;
}

.sidebar > .specification > a {
  padding-top: 20px;
  display: block;
}

.sidebar > .specification > a > h2,
.sidebar > .specification > a > h3,
.sidebar > .specification > a > i {
  color: #ddd;
}

.sidebar > .specification > a:hover > h2,
.sidebar > .specification > a:hover > h3,
.sidebar > .specification > a:hover > i
 {
  color: #fff;
  border-color: #fff;
}

.sidebar > .specification > a > h2 {
  display: inline-block;
  vertical-align: top;
  font-size: 26px;
  width: 170px;
  padding-left: 5px;
  padding-top: 20px;
  padding-bottom: 20px;
  /*background: red;*/
  margin: 0;
}

.sidebar > .specification > a > h3 {
  display: inline-block;
  vertical-align: top;
  /*background: orange;*/
  border: 2px solid #ddd;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.sidebar > .specification > a > i {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 50px;
  width: 80px;
  height: 80px;
  border: 5px solid #ddd;
  border-radius: 10px;
  text-align: center;
}

.sidebar > .specification > a > i.fa-truck {
  padding-right: 5px;
}

.sidebar > .specification > a > i.fa-building {
  padding-left: 3px;
}

.sidebar > ul.specification {
  text-align: left;
  line-height: 160%;
}

.sidebar > p.specification {
  text-align: left;
}

.sidebar > i.largeicon {
  font-size: 60px;
  width: 100px;
  height: 100px;
  border: 10px solid #fff;
  border-radius: 15px;
  margin-top: 40px;
  padding-top: 12px;
}

.sidebar > i.largeicon.fa-truck {
  padding-right: 10px;
}

.sidebar > i.largeicon.fa-building {
  padding-left: 7px;
}

.sidebar > a > i.smallicon {
  width: 60px;
  height: 60px;
  border: 5px solid #fff;
  border-radius: 10px;
  font-size: 35px;
  padding-top: 7px;
  margin-left: 5px;
  margin-right: 5px;
}

.sidebar > a > i.smallicon.fa-building {
  padding-left: 3px;
}



/*
 * about page
 */

.sidebar > .about-icon > div > p {
  font-size: 12px;
}

.sidebar > .about-icon > img.about-icon {
  display: inline-block;
  vertical-align: top;
  width: 60px;
  height: 60px;
  border: 4px solid #fff;
  border-radius: 10px;
  margin-right: 5px;
}

.sidebar > .about-icon > div {
  display: inline-block;
  vertical-align: top;
  width: 130px;
}

.sidebar > .about-icon > div > h2 {
  margin: 0;
  margin-top: 10px;
  font-size: 18px;
}

.sidebar > .about-icon > h3 {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  border: 2px solid #fff;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

a.button {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  border: 2px solid #fff;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

/*
 * location page
 */

.sidebar > .location > div > p {
  font-size: 12px;
}

.sidebar > .location > img.about-icon {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 80px;
  border: 5px solid #fff;
  border-radius: 10px;
  margin-right: 5px;
}

.sidebar > .location > div {
  display: inline-block;
  vertical-align: top;
  width: 150px;
}

.sidebar > .location > div > h2 {
  margin: 0;
  margin-top: 10px;
  font-size: 28px;
}

.sidebar > .location > div > p {
  font-size: 14px;
}

.sidebar > .location > h3 {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  border: 2px solid #fff;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}


/*
 * Sidebar - transport
 */

div.sidebar-transport {
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: 0;
  margin-right: 0;
  width: 405px;
  height: 900px;
}

div.sidebar-transport > h1 {
  padding-bottom: 10px;
  padding-top: 10px;
}

div.sidebar-transport > div > p {
  margin-left: 40px;
  text-align: left;
  margin-bottom: 0;
  font-size: 18px;
}

div.sidebar-transport > div > p > img.service-icon {
  width: 60px;
  height: 60px;
  border: 5px solid #fff;
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}

/*
 * table for road, sea, air, services subpages
 */

div.sidebar > table {
  width: 100%;
}

div.sidebar > table > tbody > tr > td,
div.sidebar > table > tbody > tr > th
 {
   text-align: right;
   border-bottom: 1px solid white;
   padding: 5px;
 }

div.sidebar > table > tbody > tr > td:first-child,
div.sidebar > table > tbody > tr > th:first-child {
  text-align: left;
}

div.sidebar > table > tbody > tr > th {
  font-size: 16px;
}

div.sidebar > img.transport-icon-page {
  width: 150px;
  height: 150px;
  border: 10px solid #fff;
  border-radius: 15px;
  margin-top: 40px;
  margin-bottom: 10px;
}

div.sidebar > div.icon-links {
  padding-top: 50px;
  padding-bottom: 30px;
}

div.sidebar > div > a > img.transport-icon-small {
  width: 60px;
  height: 60px;
  border: 5px solid #fff;
  border-radius: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}

div.transport-row {
  background-color: #fff;
}

div.location-content {
  margin-left: 405px;
  height: 900px;

  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: left center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}




/*
 * Location
 */

div.location {
  height: 100%;
  text-align: center;
}

.location-container > div > a {
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
}

a.location-icon > div.container > div.row > div.col-xs-4 {
  width: auto;
}

a.location-icon > div.container > div.row > div.col-xs-4 > img {
  width: 80px;
  height: 80px;
  border: 5px solid #fff;
  border-radius: 10px;
}

a.location-icon > div.container > div.row > div.col-xs-8 h2 {
  font-size: 40px;
  padding-top: 18px;
  padding-bottom: 18px;
  margin-top: 0;
  margin-bottom: 0;
}

div.location-icons {
  padding-top: 40px;
}

/*
 * Other
 */

i.arrow {
  font-size: 60px;
  position: absolute;
  top: 20px;
  right: 15px;
  cursor: pointer;
}

i.hide-btn {

}

i.show-btn {
  display: none;
}

/*
 * Slideshow
 */

div.main-slideshow {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;

  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

div.main-slideshow.active {
  z-index: -1;
/*   display: block; */
}

div.main-slideshow.inactive {
  z-index: -99;
}

div.main-slideshow.hidden {
  display: none;
}


div.main-slideshow.slide-1 {
  background-image: url("../img/lookivipark_1_uus.jpg");
}

div.main-slideshow.slide-2 {
  background-image: url("../img/lookivipark_2_2000x1093.jpg");
}

div.main-slideshow.slide-3 {
  background-image: url("../img/lookivipark_3_2000x1407.jpg");
}

div.main-slideshow.slide-4 {
  background-image: url("../img/lookivipark_4_2000x1407.jpg");
}

div.main-slideshow.slide-5 {
  background-image: url("../img/lookivipark_5_2000x1199.jpg");
}

div.main-slideshow.slide-6 {
  background-image: url("../img/lookivipark_6_2000x1076.jpg");
}

div.main-slideshow.slide-7 {
  background-image: url("../img/lookivipark_7_2000x1414.jpg");
}

div.main-slideshow.slide-8 {
  background-image: url("../img/lookivipark_8_2000x1104.jpg");
}

div.main-slideshow.slide-9 {
  background-image: url("../img/lookivipark_9_2000x1414.jpg");
}


div.slide-control {
  position: fixed;
  left: 50%;
  bottom: 20px;
  width: 380px;
  height: 50px;
  text-align: center;
  vertical-align: middle;

}

div.slide-control > i.fa-angle-left,
div.slide-control > i.fa-angle-right {
  font-size: 50px;
  color: #eee;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  display: inline-block;
}

div.slide-control > i.fa-angle-left:hover,
div.slide-control > i.fa-angle-right:hover {

  margin-top: -1px;
  color: #fff;
}


div.slide-control > i.fa-circle-o,
div.slide-control > i.fa-circle {
  color: #fff;
  font-size: 20px;
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
  float: left;
  line-height: 50px;
}



/*
 * Map
 */

div.map {
  height: 100%;
  text-align: right;
  padding-left: 0;
  padding-right: 0;
  background-color: #fff;
}

img.map {
  display: block;
  width: 100%;
}



img.specification {
  width: 100%;
}


/* Specification */
div.sidebar-spec {
  height: 650px;
}


/* Specification slideshow */

div.spec-slideshow-wrapper {
  /* height: 650px; */
  flex: 1;
  position: relative;
}

div.specshow {
  position: absolute;

  /*z-index: 2;*/

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

  background-attachment: scroll;
  background-position: left center;
  background-repeat: no-repeat;

  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

div.specshow.slide-1 {
  background-image: url("../img/specification-1.jpg");
}

div.specshow.slide-2 {
  background-image: url("../img/specification-2.jpg");
  display: none;
}

div.specshow.slide-3 {
  background-image: url("../img/lookivipark_5_2000x1410.jpg");
  display: none;
}

/* estonian */

div.specshow.slide-1.et {
  background-image: url("../img/specification-1-et.jpg");
}

div.specshow.slide-2.et {
  background-image: url("../img/specification-2-et.jpg");
  display: none;
}

div.specshow.slide-3.et {
  background-image: url("../img/lookivipark_5_2000x1410.jpg");
  display: none;
}

div.specshow.active {
  z-index: 99;
}


/* Specification subpages */

div.spec-sidebar-sub {
  height: 700px;
}

div.specification-warehouse,
div.specification-office,
div.specification-external {
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: left center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  height: 700px;
  margin-left: 405px;
}

div.specification-warehouse {
  background-image: url("../img/specification-2.jpg");
}

div.specification-office {
  background-image: url("../img/specification-1.jpg");
}

div.specification-warehouse.et {
  background-image: url("../img/specification-2-et.jpg");
}

div.specification-office.et {
  background-image: url("../img/specification-1-et.jpg");
}

div.specification-external {
  background-image: url("../img/lookivipark_5_2000x1410.jpg");
}



/*
 * Space availabilty
 */

div.sidebar-space-availability {
  flex: none;
}

div.sidebar-space-availability > a {
  padding-top: 20px;
  display: block;
}

div.sidebar-space-availability > h2 {
  font-size: 28px;
}

div.sidebar-space-availability > a > span.icon {
  font-size: 30px;
  border: 5px solid #fff;
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 10px;
  line-height: 70px;
  text-align: center;
  font-weight: bold;
  vertical-align: top;
}

div.sidebar-space-availability > a > h2 {
  display: inline-block;
  width: 145px;
  vertical-align: middle;
  margin: 0;
  padding-left: 5px;
}

div.sidebar-space-availability > a > h3 {
  display: inline-block;
  width: 90px;
  border: 2px solid #ddd;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

div.space-availability {
  background-color: rgba(255, 255, 255, 0.5);
  flex: 1;
  padding-left: 20px;
  min-width: 700px;
}

div.space-availability > img {
  height: 100%;
  margin-left: -400px;
  float: right;
}

div.space-availability > div > table {
   /* background: lightblue; */
   font-size: 16px;
}

div.space-availability > div > table > tbody > tr > th {
   font-weight: bold;
   padding-left: 10px;
   padding-right: 10px;
   font-size: 24px;
   color: darkblue;
   vertical-align: top;
}

div.space-availability > div > table > tbody > tr > th.second {
   font-size: 18px;
   border-bottom: 2px solid darkblue;
   padding-top: -20px;
}

div.space-availability > div > table > tbody > tr > td {
   padding-left: 10px;
   padding-right: 10px;
   border-bottom: 1px solid #888;
   padding-top: 3px;
   padding-bottom: 3px;
}

div.space-availability > div > ul {
  font-size: 20px;
  padding-left: 20px;
  margin-top: 60px;
}

div.space-availability > div > ul > li {
   text-align: left;
   padding-bottom: 20px;
}

div.space-availability > div {
  display: inline-block;
  width: 460px;
  padding-top: 60px;
}



/*
 * Contact page
 */

.contact {
  height: 100%;
  text-align: center;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
}

.contact > div > p > a {
  color: black;
}

/* five-column responsive layout for contact page */
@media (min-width: 768px) {
  .contact {

  }

  .contact-content {
    height: 280px;
    padding-bottom: 30px;
  }
}

.contact-content {
  display: block;
  color: #333;
}

.contact-content > a {
  display: block;
}

.contact-content > h1 {
  font-size: 16px;
  font-weight: bold;
}

.contact-content > h2 {
  font-size: 18px;
  font-weight: bold;
}

.contact-content > a > h3 {
  font-size: 15px;
  color: black;
}

.contact-content > p {
  font-size: 12px;
}

.contact-content > a > img#alandia {
  height: 70px;
  width: 241px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.contact-content > a > img#uusmaa {
  height: 22px;
  width: 140px;
  margin-top: 0px;
  margin-bottom: 70px;
}

.contact-content > a > img#onepartner {
  height: 36px;
  width: 140px;
  margin-top: 0px;
  margin-bottom: 56px;
}

.contact-content > a > img#colliers {
  height: 92px;
  width: 140px;
}

.contact-content > a > img#seven {
  height: 53px;
  width: 140px;
  margin-top: 0px;
  margin-bottom: 39px;
}

.contact-content > a > img#re {
  height: 100px;
}

h1#solie {
  font-family: "Verdana";
  color: #000;
  height: 92px;
  font-size: 25px;
  font-weight: bold;
  margin: 0;
  display: block;
  padding: 0;
  line-height: 25px;
}

div.agent, div.developer {
/*   background: red; */
  background-color: rgba(255, 255, 255, 0.8);
  text-align: left;
  padding-top: 20px;
  padding-bottom: 20px;
}

div.alandia-col {
  background-color: rgba(255, 255, 255, 0.8);
/*   margin-top: -30px; */
}

div.alandia {
  text-align: center;
  height: 140px;
  width: 25%;
  margin-left: 17%;
  margin-top: -60px;
  margin-bottom: 60px;
}

div.agent > h1, div.developer > h1 {
  font-size: 25px;
  font-weight: bold;
}


img.blue-building {
  width: 846px;
  height: 560px;
}

/* refactor */

.content-container {
  display: flex;
  flex: 1 0 auto;
}

.content-container > .information {
  color: #fff;
  padding: 2rem;
  background: rgba(70, 70, 70, 0.8);
  width: 375px;
  flex: none;
}

.content-container > .information > h1 {
  padding: 2rem 0;
}

.content-container > .plan {
  background: rgba(255, 255, 255, 0.8);
  flex: 1;
  padding-bottom: 4rem;
}

.content-container > .plan > img {
  display: block;
  width: 100%;
}

table.space {
  width: 100%;
}

table.space > tbody > tr > td,
table.space > tbody > tr > th
 {
   text-align: right;
   border-bottom: 1px solid white;
   padding: 5px;
 }

table.space > tbody > tr > td:first-child,
table.space > tbody > tr > th:first-child {
  text-align: left;
}

table.space > tbody > tr > th {
  font-size: 16px;
}

.content-container.map {
  background-image: url(../img/map-location.png);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.content-container.map.et {
  background-image: url(../img/map-location-et.png);
}

.content-container.road {
  background-image: url("../img/map-road.png");
  background-size: cover;
}

.content-container.road.et {
  background-image: url("../img/map-road-et.png");
  background-size: cover;
}

.content-container.sea {
  background-image: url("../img/map-seaport.png");
  background-size: cover;
}

.content-container.sea.et {
  background-image: url("../img/map-sea-et.png");
  background-size: cover;
}

.content-container.air {
  background-image: url("../img/map-airport.png");
  background-size: cover;
}

.content-container.air.et {
  background-image: url("../img/map-air-et.png");
  background-size: cover;
}

.content-container.services {
  background-image: url("../img/map-services.png");
  background-size: cover;
}

.content-container.services.et {
  background-image: url("../img/map-services-et.png");
  background-size: cover;
}

.content-container.space-availability {
  background-image: url("../img/space-availability.svg");
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
}

.container-fluid {
  margin-left: 0;
  margin-right: 0;
}