body {

  min-width: none;

  min-height: nonepx;

  background-color: #238bc1;

  font:'Roboto Condensed';



}



.bottom_d {

  position: relative;

  float: left;

  clear: both;

  z-index: 0;

  width: 100%;

  min-width: none;

  height: 52px;

  min-height: nonepx;

  margin-top: 17px;

  background:#A2E3FD;

}



.close {

  position: relative;

  float: right;

  z-index: 8;

  width: 18px;

  min-width: none;

  height: 18px;

  min-height: nonepx;

  margin: 18px 11px 0 0;

  border-bottom-style: none;

  border-radius: 18px;

  background: url('../images/close(3).svg') rgb(255, 255, 255);

  background-repeat: no-repeat;

  background-size: 20px 20px;

  background-position: center center;

}



.container1 {

  float: left;

  width: 95%;

  min-width: 280px;

  max-width: 720px;

  min-height: nonepx;

  max-height: 300px;

  margin: 6px 0 0 18px;

  border-style: none;

  background-color: rgb(255, 255, 255);

  box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

}



.container2 {

  float: left;

  width: 95%;

  min-width: 280px;

  max-width: 720px;

  min-height: nonepx;

  max-height: 300px;

  margin: 6px 0 0 18px;

  border-style: none;

  background-color: rgb(255, 255, 255);

  box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

}



.icon_m {

  position: relative;

  float: left;

  z-index: 7;

  width: 30px;

  min-width: none;

  height: 30px;

  min-height: nonepx;

  margin: 9px 0 0 10px;

  border-radius: 50px;

  background: url('../images/hotel.svg') rgba(0, 0, 0, 0);

  background-repeat: no-repeat;

  background-size: 30px 30px;

  background-position: center center;

 }



.iconright {

  position: relative;

  float: right;

  clear: both;

  z-index: 4;

  width: 160px;

  min-width: none;

  height: 39px;

  min-height: nonepx;

  margin: -45px 5px 0 0;

}



.info {

  position: relative;

  float: left;

  z-index: 6;

  width: 274px;

  min-width: none;

  height: 37px;

  min-height: nonepx;

  margin: 22px 0 0 8px;

  background-color: rgba(0, 0, 0, 0);

  font-style: normal;

  font-size: 1.143em;

  font-weight: 700;

  line-height: 0.08;

  text-transform: uppercase;

  color: #00639e;

}



.panorama {

  float: right;

  width: 38px;

  min-width: none;

  height: 38px;

  min-height: nonepx;

  background-color: rgba(0, 0, 0, 0);

  z-index:9;

}



.picture {

  position: relative;

  float: left;

  clear: both;

  z-index: 5;

  width: 46.6850734567%;

  min-width: none;

  height: 173px;

  min-height: nonepx;

  margin-left: 10px;

  border-bottom-style: none;

  background: url('../images/2018-mercedes-amg-gt-4_1600x0w.jpg') rgb(255, 255, 255);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

}



.text {

  position: relative;

  float: left;

  z-index: 9;

  width: 47.9940007499%;

  min-width: none;

  height: 173px;

  min-height: 161px;

  margin-left: 2.18155%;

  padding-right: 7px;

  background-color: rgba(0, 0, 0, 0);

  font-style: normal;

  font-size: 1.1em;

  color: #666;

  overflow: auto;

}



.video {

  float: right;

  clear: both;

  width: 38px;

  min-width: none;

  height: 38px;

  min-height: nonepx;

  margin: -39px 6px 0 0;

  background: url('../images/play(2).svg') rgba(0, 0, 0, 0);

  background-repeat: no-repeat;

  background-size: 38px 38px;

  background-position: center center;

  z-index:9;

}



.panorama-1 {

  margin: 2px 105px 0 0;

  background-image: url('../images/attraction.svg'), url('../images/360(2).svg');

  background-repeat: no-repeat, no-repeat;

  background-size: 38px 38px, 38px 38px;

  background-position: center center, center center;

  background-attachment: scroll, scroll;

  z-index:9;

}



.panorama-2 {

  clear: both;

  margin: -38px 56px 0 0;

  background-image: url('../images/360(3).svg');

  background-repeat: no-repeat;

  background-size: 38px 38px;

  background-position: center center;

  z-index:9;

}





@media (min-width: 768px){

	.navbar-m{

		margin-left: 120px;

	}

	

}





@media(max-width: 600px) {

  .container1 {

    height: 480px;

    max-height: 480px;

    margin-top: 8px;

    margin-left: 8px;

  }



  .container1 .bottom {

    position: relative;

    z-index: 0;

    margin-top: 6px;

  }



  .container1 .close {

    position: relative;

    z-index: 8;

    margin-top: 15px;

  }



  .container1 .hotel {

    position: relative;

    z-index: 7;

    margin-top: 10px;

  }



  .container1 .iconright {

    position: relative;

    z-index: 4;

  }



  .container1 .info {

    position: relative;

    z-index: 6;

    width: auto;

    height: auto;

    margin-top: 18px;

    margin-left: 10px;

    line-height: 1;

  }



  .container1 .picture {

    position: relative;

    z-index: 5;

    width: 94.7643979057%;

    margin-top: 16px;

  }



  .container1 .text {

    position: relative;

    clear: both;

    z-index: 9;

    width: 94.502617801%;

    margin-top: 11px;

    margin-left: 10px;

	font-size: 1em;

  }

  .container2 {

    max-height: 480px;

    margin-top: 8px;

    margin-left: 8px;

  }



  .container2 .bottom {

    position: relative;

    z-index: 0;

    margin-top: 6px;

  }



  .container2 .close {

    position: relative;

    z-index: 8;

    margin-top: 15px;

  }



  .container2 .hotel {

    position: relative;

    z-index: 7;

    margin-top: 10px;

  }



  .container2 .iconright {

    position: relative;

    z-index: 4;

  }



  .container2 .info {

    position: relative;

    z-index: 6;

    width: 75%;

    height: auto;

    margin-top: 18px;

    margin-left: 10px;

    line-height: 1;

  }



  .container2 .picture {

    position: relative;

    z-index: 5;

    width: 94.7643979057%;

    margin-top: 16px;

  }



  .container2 .text {

	position: relative;

	clear: both;

	z-index: 9;

	width: 94.502617801%;

	margin-top: 11px;

	margin-left: 10px;

	font-size: 1em;

	height: auto;

	min-height: 30px;

  }



  .iconright{

	margin:5px;

  }



  .icon_bot{

	width: 30px;

	height: 30px;

  }



}



@media(max-width: 320px) {

  body {

    font-size: 1em;

  }



  .container1 .bottom {

    position: relative;

    z-index: 0;

    margin-left: -0.13294%;

  }



  .container1 .close {

    position: relative;

    z-index: 8;

    margin-top: 17px;

    margin-right: 13px;

  }



  .container1 .hotel {

    position: relative;

    z-index: 7;

    margin-top: 11px;

  }



  .container1 .iconright {

    position: relative;

    z-index: 4;

  }



  .container1 .info {

    position: relative;

    z-index: 6;

    width: 196px;

    margin-top: 17px;

    margin-left: 8px;

  }



  .container1 .picture {

    position: relative;

    z-index: 5;

    width: 92.6066059924%;

    height: 172px;

    margin-top: 10px;

  }



  .container1 .text {

    position: relative;

    z-index: 9;

    width: 92.2793741691%;

    height: 168px;

    margin-top: 6px;

    margin-left: 3.27232%;

	font-size: 1.1em;

  }

}





 .logo-p-m{

	position: fixed;

    width: 120px;

    height: 80px;

    background: url(../../img/logo_en.png) no-repeat;

    background-size: 120px;

    padding-left: 0px;

    padding-top: 0px;

    top: 0;

    left: 0;

    transition-property: left, right;

    animation-duration: 1s;

    z-index: 100;

}