/* Presentational style rules only
 * Not required
 */
 
	@font-face {
			font-family: "HelveticaRegular";
			src: url("../fonts/HelveticaRegular/HelveticaRegular.eot");
			src: url("../fonts/HelveticaRegular/HelveticaRegular.eot?#iefix")format("embedded-opentype"),
			url("../fonts/HelveticaRegular/HelveticaRegular.woff") format("woff"),
			url("../fonts/HelveticaRegular/HelveticaRegular.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "HelveticaBold";
			src: url("../fonts/HelveticaBold/HelveticaBold.eot");
			src: url("../fonts/HelveticaBold/HelveticaBold.eot?#iefix")format("embedded-opentype"),
			url("../fonts/HelveticaBold/HelveticaBold.woff") format("woff"),
			url("../fonts/HelveticaBold/HelveticaBold.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "HelveticaItalic";
			src: url("../fonts/HelveticaItalic/HelveticaItalic.eot");
			src: url("../fonts/HelveticaItalic/HelveticaItalic.eot?#iefix")format("embedded-opentype"),
			url("../fonts/HelveticaItalic/HelveticaItalic.woff") format("woff"),
			url("../fonts/HelveticaItalic/HelveticaItalic.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "HelveticaLight";
			src: url("../fonts/HelveticaLight/HelveticaLight.eot");
			src: url("../fonts/HelveticaLight/HelveticaLight.eot?#iefix")format("embedded-opentype"),
			url("../fonts/HelveticaLight/HelveticaLight.woff") format("woff"),
			url("../fonts/HelveticaLight/HelveticaLight.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "HelveticaBlack";
			src: url("../fonts/HelveticaBlack/HelveticaBlack.eot");
			src: url("../fonts/HelveticaBlack/HelveticaBlack.eot?#iefix")format("embedded-opentype"),
			url("../fonts/HelveticaBlack/HelveticaBlack.woff") format("woff"),
			url("../fonts/HelveticaBlack/HelveticaBlack.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "HelveticaHeavy";
			src: url("../fonts/HelveticaHeavy/HelveticaHeavy.eot");
			src: url("../fonts/HelveticaHeavy/HelveticaHeavy.eot?#iefix")format("embedded-opentype"),
			url("../fonts/HelveticaHeavy/HelveticaHeavy.woff") format("woff"),
			url("../fonts/HelveticaHeavy/HelveticaHeavy.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "HelveticaMedium";
			src: url("../fonts/HelveticaMedium/HelveticaMedium.eot");
			src: url("../fonts/HelveticaMedium/HelveticaMedium.eot?#iefix")format("embedded-opentype"),
			url("../fonts/HelveticaMedium/HelveticaMedium.woff") format("woff"),
			url("../fonts/HelveticaMedium/HelveticaMedium.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "HelveticaThin";
			src: url("../fonts/HelveticaThin/HelveticaThin.eot");
			src: url("../fonts/HelveticaThin/HelveticaThin.eot?#iefix")format("embedded-opentype"),
			url("../fonts/HelveticaThin/HelveticaThin.woff") format("woff"),
			url("../fonts/HelveticaThin/HelveticaThin.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "HelveticaUltraLight";
			src: url("../fonts/HelveticaUltraLight/HelveticaUltraLight.eot");
			src: url("../fonts/HelveticaUltraLight/HelveticaUltraLight.eot?#iefix")format("embedded-opentype"),
			url("../fonts/HelveticaUltraLight/HelveticaUltraLight.woff") format("woff"),
			url("../fonts/HelveticaUltraLight/HelveticaUltraLight.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "HelveticaBoldItalic";
			src: url("../fonts/HelveticaBoldItalic/HelveticaBoldItalic.eot");
			src: url("../fonts/HelveticaBoldItalic/HelveticaBoldItalic.eot?#iefix")format("embedded-opentype"),
			url("../fonts/HelveticaBoldItalic/HelveticaBoldItalic.woff") format("woff"),
			url("../fonts/HelveticaBoldItalic/HelveticaBoldItalic.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "HelveticaBlackItalic";
			src: url("../fonts/HelveticaBlackItalic/HelveticaBlackItalic.eot");
			src: url("../fonts/HelveticaBlackItalic/HelveticaBlackItalic.eot?#iefix")format("embedded-opentype"),
			url("../fonts/HelveticaBlackItalic/HelveticaBlackItalic.woff") format("woff"),
			url("../fonts/HelveticaBlackItalic/HelveticaBlackItalic.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "HelveticaLightItalic";
			src: url("../fonts/HelveticaLightItalic/HelveticaLightItalic.eot");
			src: url("../fonts/HelveticaLightItalic/HelveticaLightItalic.eot?#iefix")format("embedded-opentype"),
			url("../fonts/HelveticaLightItalic/HelveticaLightItalic.woff") format("woff"),
			url("../fonts/HelveticaLightItalic/HelveticaLightItalic.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "HelveticaMediumItalic";
			src: url("../fonts/HelveticaMediumItalic/HelveticaMediumItalic.eot");
			src: url("../fonts/HelveticaMediumItalic/HelveticaMediumItalic.eot?#iefix")format("embedded-opentype"),
			url("../fonts/HelveticaMediumItalic/HelveticaMediumItalic.woff") format("woff"),
			url("../fonts/HelveticaMediumItalic/HelveticaMediumItalic.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "HelveticaHeavyItalic";
			src: url("../fonts/HelveticaHeavyItalic/HelveticaHeavyItalic.eot");
			src: url("../fonts/HelveticaHeavyItalic/HelveticaHeavyItalic.eot?#iefix")format("embedded-opentype"),
			url("../fonts/HelveticaHeavyItalic/HelveticaHeavyItalic.woff") format("woff"),
			url("../fonts/HelveticaHeavyItalic/HelveticaHeavyItalic.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "HelveticaThinItalic";
			src: url("../fonts/HelveticaThinItalic/HelveticaThinItalic.eot");
			src: url("../fonts/HelveticaThinItalic/HelveticaThinItalic.eot?#iefix")format("embedded-opentype"),
			url("../fonts/HelveticaThinItalic/HelveticaThinItalic.woff") format("woff"),
			url("../fonts/HelveticaThinItalic/HelveticaThinItalic.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "HelveticaUltraLightItalic";
			src: url("../fonts/HelveticaUltraLightItalic/HelveticaUltraLightItalic.eot");
			src: url("../fonts/HelveticaUltraLightItalic/HelveticaUltraLightItalic.eot?#iefix")format("embedded-opentype"),
			url("../fonts/HelveticaUltraLightItalic/HelveticaUltraLightItalic.woff") format("woff"),
			url("../fonts/HelveticaUltraLightItalic/HelveticaUltraLightItalic.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}
	
	@font-face {
			font-family: "BicubikRegular";
			src: url("../fonts/BicubikRegular/BicubikRegular.eot");
			src: url("../fonts/BicubikRegular/BicubikRegular.eot?#iefix")format("embedded-opentype"),
			url("../fonts/BicubikRegular/BicubikRegular.woff") format("woff"),
			url("../fonts/BicubikRegular/BicubikRegular.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

h1,h2,h3,h4,h5,p{
font-family: "HelveticaRegular";    
}

button,a {
font-family: "HelveticaRegular";  
}

button:active, button:focus {
  outline: none !important;
}
button::-moz-focus-inner {
  border: 0 !important;
}

.dropdown-menu>li>a{
 font-family: "HelveticaRegular"; 
 font-size: 14px;
}

.poisk {
    position: absolute;
    top: 105px;
    left: 32%;
    width: 500px;
}

.title {
    margin: 0px 0px 10px 0px; 
}

.pages-header {
    margin-bottom: 10px;
    margin-top: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.gal_left-block {
    display:none;
    position: absolute;
    right: 50px;
    background: #fafafa;
    padding: 10px;
    text-align: center;
    min-width: 150px;
}

.gal_left:hover .gal_left-block{
    display:block;
}


.gal_right-block {
    display:none;
    position: absolute;
    right: 50px;
    background: #fafafa;
    padding: 10px;
    text-align: center;
    min-width: 150px;
}

.gal_right:hover .gal_right-block {
    display:block;
}

.gal_rightan3-block {
    display:none;
    position: absolute;
    right: 50px;
    background: #fafafa;
    padding: 10px;
    text-align: center;
    min-width: 150px;
}

.gal_rightan3:hover .gal_rightan3-block {
    display:block;
}

.pages-slide-bar {
    border-left: 1px solid #eee;
}

.text-logo {
    margin: auto;
    font-weight: 900;
    font-family: "HelveticaBold";
    letter-spacing: 3px;
    color: #0278d9;
    font-size: 30px;
}

.block-logo {
    display: inline-block;
    vertical-align: middle;
}

.link-logo {
    padding: 0px 10px;
    color: #000;
}

.link-logo:hover {
    text-decoration: none;
    color: #ff9d07;
}

.link-logoactive {
    color: #ff9d07;
}

.bodyfon {
  height: 100%;
  margin:auto;
}

p {
font-size: 18px;
}

.video{
    width:65%;
}

strong {
  font-weight: 700;
}

blockquote {
  display: block;
  max-width: 480px;
  margin: 15px auto;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.3);  
  color: #e1e1e1;
  font-family: "Kotta One", serif;
  font-size: 22px;
  line-height: 28px;
}

blockquote cite {
  display: block;
  font: 18px/23px "Cantarell", sans-serif;
  font-size: 16px;
  margin-top: 16px;
  color: #cccccc;
  text-transform: uppercase;
}

/* Layout */

.navbarinfo {
  width: 100%;
  background-color: #000;
  height: 20px;
  z-index: 9999;
  position: fixed;
}

.menug{
  padding: 20px 0px;
  text-align: center;  
}

.iconcont{
padding: 15px 0px 0px 10px; 
text-align: right;
}

.blocgplanbaground{
    background: #f5f9fa;
}

  .inner {
    position: relative;
    margin: 0 auto;
    text-align: center;
  }

.navbarinfo a {
  display: inline-block;
  border: 1px solid #fff;
  font-size: 14px;
  line-height: 24px;
  border-radius: 3px;
  padding: 2px 15px;
  text-decoration: none;
  margin-top: 5px;
}

.containerbod {
    display: table;
    padding-top: 10px;
    width: 100%;
    position: absolute;
}

.containerbod13 {
    display: table;
    padding-top: 10px;
    width: 100%;
    position: absolute;
    background: #fafafa;
    z-index: 1;
}

.logotext{
    display: inline-block;
    vertical-align: middle;
    color: #206397;
    font-size: 32px;
    margin-left: 5px;
}

.logonew{
    display: inline-block;
    vertical-align: middle;   
}
.newmenu{
    font-size: 14px;
    text-decoration: none;
    color: #000;
    padding: 0px 10px;
}

.newmenu:hover{
    font-size: 14px;
    text-decoration: none;
    color: #ff8b02;;
    padding: 0px 10px;
}



.textblokgplanbaground{
    background: #fff;
}

.containerbod1 {
  display: table;
  padding-top: 10px;
  width: 100%;
  position: absolute;
}

.logotip{
  position: relative;
  z-index: 2;
  width: 100%;
}


.dropdown{
 z-index: 2; 
 display: inline-block;
 padding: 0px 10px;
}

.contentbod {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

/* Special */
.sub-title {
  margin: 50px auto;
  font-size: 18px;
  line-height: 23px;
  text-transform: uppercase;
}



#more-content {
  display: none;
}

/* Media Queries */
@media only screen and (max-width: 340px) {
  
  .containerbod {
    position: relative;
    display: block;
    float: left;
    vertical-align: baseline;
    margin: 0 auto;
    padding: 80px 0 0 0;
  }
  
  #more-content {
    float: left;
    margin-right: 10px;
    
  }
  
  body h1 {
    font-size: 18px;
    line-height: 23px;
  } 
  
  .contentbod, blockquote {  
    display: inline;
    margin: 0 auto;
    padding-top: 80px;
    vertical-align: baseline;
  }

  blockquote {
    width: 150px;
    margin: 15px auto;
    font-size: 16px;
    line-height: 21px;
    background-color: transparent;
  }

  blockquote cite {
    font-size: 14px;
    line-height: 19px;
  }

  .sub-title {
    font-size: 14px;
    line-height: 21px;
  }

  .button, p {
    max-width: 150px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 20px;
  }

  .bodyfon {
    height: auto;
  }
}

.footer {
  padding: 25px 0px 10px 0px;
}

.footerbord{
   border-bottom: 2px solid #ff8b02; 
}

.textrightfot{
     text-align: right;   
}

.textleftfot{
     text-align: left;   
}

.textleftfot1{
     text-align: left;   
}

.dropdown.black button {
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #000;
    border: 0;
    border-color: #000;
    border-radius: 0;
}

.btn-black11 {
    color: #3c9afa;
    background-color: #d4f1ff;
    border-color: #d4f1ff;
    font-size: 18px;
    margin-bottom: 10px;
    min-width: 310px;
    position: relative;
    z-index: 1;
}

.btn-black11:hover,active{
    background-color: #3c9afa;
    border-color: #3c9afa;
    font-size: 18px;
    margin-bottom: 10px;
    min-width: 310px;
    color:#ff8b02;
}

.btn-black1 {
    color: #3c9afa;
    background-color: #d4f1ff;
    border-color: #d4f1ff;
    font-size: 18px;
    margin-bottom: 10px;
    min-width: 270px;
    position: relative;
    z-index: 1;
}

.btn-black1:hover,active{
    background-color: #3c9afa;
    border-color: #3c9afa;
    font-size: 18px;
    margin-bottom: 10px;
    min-width: 270px;
    color:#ff8b02;
}

.btn-black2 {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.72);
    border-color: #000;
    font-size: 18px;
    margin-bottom: 10px;
    width: 300px;
    position: relative;
    z-index: 2;
    text-align: left;
}

.btn-black2:hover,active {
    color: #ff8b02;
    background-color: rgba(0, 0, 0, 0.72);
    border-color: #000;
    font-size: 18px;
    margin-bottom: 10px;
    width: 300px;
    position: relative;
    z-index: 2;
    text-align: left;
}

.btn-black3 {
    color: #3c9afa;
    background-color: #d4f1ff;
    border-color: #d4f1ff;
    font-size: 18px;
    margin-bottom: 10px;
    min-width: 270px;
    position: relative;
    z-index: 2;
    bottom: 0;
    position: absolute;
}



.btn-black3:hover,active{
    background-color: #3c9afa;
    border-color: #3c9afa;
    font-size: 18px;
    margin-bottom: 10px;
    min-width: 270px;
    color:#ff8b02;
    bottom: 0;
    position: absolute;
}

.btn-black4 {
    color: #3c9afa;
    background-color: #d4f1ff;
    border-color: #d4f1ff;
    font-size: 18px;
    margin-bottom: 10px;
    min-width: 270px;
    position: relative;
    z-index: 2;
}

.btn-black4:hover,active{
    background-color: #3c9afa;
    border-color: #3c9afa;
    font-size: 18px;
    margin-bottom: 10px;
    min-width: 270px;
    color:#ff8b02;
}

.btn-black5 {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.72);
    border-color: #000;
    font-size: 10px;
    margin-bottom: 10px;
    width: 220px;
    position: relative;
    z-index: 2;
    text-align: left;
    padding: initial;
}

.btn-black5:hover,active {
    color: #ff8b02;
    background-color: rgba(0, 0, 0, 0.72);
    border-color: #000;
    font-size: 10px;
    margin-bottom: 10px;
    width: 220px;
    position: relative;
    z-index: 2;
    text-align: left;
    padding: initial;
}

.mtt100 {
    margin-top: 100px;
}



.btn-spam{
    display: inline-block;
    vertical-align: middle;
    background: #000;
    padding: 5px;
    float: right;
}

.btn-spam1{
    display: inline-block;
    vertical-align: middle;
    background: #00e4ff;
    padding: 2px 5px 2px 5px;
    margin: 2px;
    width: 20px;
    text-align: center;
}

.btn-spam2{
    display: inline-block;
    vertical-align: middle;
    background: #00e4ff;
    padding: 15px;
    text-align: center;
}

.btn-spam3{
    display: inline-block;
    vertical-align: middle;
    background: #f00;
    padding: 15px;
    text-align: center;
}

.textspam3{
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    padding-left: 5px;
}

.btn-black22 {
    color: #3c9afa;
    background-color: #d4f1ff;
    border-color: #d4f1ff;
    font-size: 18px;
    margin-bottom: 10px;
    width: 300px;
    position: relative;
    z-index: 2;
    text-align: left;
    cursor: default;
}

.btn-black22:hover,active {
    color: #3c9afa;
    background-color: #d4f1ff;
    border-color: #d4f1ff;
    font-size: 18px;
    margin-bottom: 10px;
    width: 300px;
    position: relative;
    z-index: 2;
    text-align: left;
    cursor: default;
}

.btn-black23 {
    display: inline-block;
    padding: 0px 12px;
    font-weight: 400;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    vertical-align: middle;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    border-color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
    width: 330px;
    position: relative;
    text-decoration: none;
    z-index: 2;
    text-align: left;
    cursor: pointer;
}

.btn-black23:hover,active {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 10px;
    width: 330px;
    position: relative;
    z-index: 2;
    text-align: left;
    cursor: pointer;
}

.btn-black24 {
    display: inline-block;
    padding: 0px 12px;
    font-weight: 400;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    vertical-align: middle;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    border-color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
    width: 330px;
    position: relative;
    text-decoration: none;
    z-index: 2;
    text-align: right;
    cursor: pointer;
}

.btn-black24:hover,active {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 10px;
    width: 330px;
    position: relative;
    z-index: 2;
    text-align: right;
    cursor: pointer;
}

.btn-black24a {
    display: inline-block;
    padding: 0px 12px;
    font-weight: 400;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    vertical-align: middle;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    border-color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
    width: 200px;
    position: relative;
    text-decoration: none;
    z-index: 2;
    text-align: left;
    cursor: pointer;
}

.btn-black24a:hover,active {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 10px;
    width: 200px;
    position: relative;
    z-index: 2;
    text-align: left;
    cursor: pointer;
}

.menuhead {
    z-index: 2;
    position: relative;
    border-bottom: 2px solid #d4f1ff;
    border-top: 2px solid #d4f1ff;
    padding: 5px 0px;
    margin-top: 45px;
    text-align: center;
}

.menuheadknop {
    position: relative;
    z-index: 2;
    padding: 0px 5px;
    font-size: 14px;
    color: #000; 
    cursor: pointer
}

.menuheadknop:hover {
    position: relative;
    z-index: 2;
    text-decoration: none;
    padding: 0px 5px;
    font-size: 14px;
    color: #ff8b02;
    cursor: pointer
}

.menuheadknop1 {
    cursor: pointer
}

.menuheadknop1:hover {
    cursor: pointer
}

.difmap{
   position: absolute;
    z-index: 9;
    height: 50px;
    top: 185%;
    left: 20%; 
}

@media screen and (min-width:1600px) and (max-width:1600px) {
.gal_left {
    right: 8%;
    margin-right: -75px;
}

.planpanjrama {
   height: 600px; 
}

.poisk {
    position: absolute;
    top: 105px;
    left: 35%;
    width: 500px;
}

}

@media screen and (min-width:1680px) and (max-width:1680px) {

.planpanjrama {
   height: 640px; 
}

.poisk {
    position: absolute;
    top: 105px;
    left: 35%;
    width: 500px;
}

}

@media screen and (min-width:1920px) and (max-width:1920px) {

.planpanjrama {
   height: 760px; 
}

.poisk {
    position: absolute;
    top: 105px;
    left: 35%;
    width: 500px;
}

}

@media screen and (min-width:1440px) and (max-width:1440px) {

.planpanjrama {
   height: 550px; 
}

.poisk {
    position: absolute;
    top: 105px;
    left: 35%;
    width: 500px;
}

}

@media screen and (min-width:1280px) and (max-width:1280px) {

.planpanjrama {
   height: 470px; 
}

}

@media screen and (min-width:1024px) and (max-width:1024px) {

.planpanjrama {
   height: 340px; 
}

}

@media screen and (min-width:1366px) and (max-width:1366px) {
    
.planpanjrama {
   height: 500px; 
}

}

@media (max-width: 767px) {

.logomobile{
     width: 30px; 
}

.text-logo {
    margin: auto;
    font-weight: 900;
    font-family: "HelveticaBold";
    letter-spacing: 3px;
    color: #0278d9;
    font-size: 14px;
}

.link-logo {
    padding: 0px 5px;
    color: #000;
    font-size: 8px;
}

.poisk {
    position: absolute;
    top: 65px;
    left: 32%;
    width: 250px;
}

.video{
    width:95%;
}

.panorama {
    position: absolute;
    width: 50px;
    height: 70px;
    left: 43%;
    background: url(../images/mob/stv.gif);
    cursor: pointer;
    bottom: 7%;
    z-index: 2;
}

.panorama1 {
    position: absolute;
    width: 50px;
    height: 70px;
    left: 46%;
    background: url(../images/mob/stv.gif);
    cursor: pointer;
    bottom: 7%;
    z-index: 2;
}

#gal_right {
    position: absolute;
    width: 80px;
    height: 50px;
    margin-top: -30px;
    background: url(../images/mob/stvpravo.gif);
    cursor: pointer;
    top: 60%;
    z-index: 2;
}

.gal_left {
    position: absolute;
    width: 80px;
    height: 50px;
    margin-top: -30px;
    background: url(../images/mob/stvpravo.gif);
    cursor: pointer;
    top: 60%;
    z-index: 2;
}

.h5, h5 {
    font-size: 10px;
}

h4 {
    font-size: 10px;
}

.h6, h6 {
    font-size: 10px;
}

.btn-black1:hover,active{
    background-color: #3c9afa;
    border-color: #3c9afa;
    font-size: 14px;
    margin-bottom: 10px;
    min-width: 230px;
    color:#ff8b02;
}

body {
    font-size: 12px;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.btn-black4 {
    color: #3c9afa;
    background-color: #d4f1ff;
    border-color: #d4f1ff;
    font-size: 10px;
    margin-bottom: 10px;
    min-width: 120px;
    position: relative;
    z-index: 2;
}

.btn-black4:hover,active{
    background-color: #3c9afa;
    border-color: #3c9afa;
    font-size: 10px;
    margin-bottom: 10px;
    min-width: 120px;
    color:#ff8b02;
}

.btn-black24 {
    display: inline-block;
    padding: 0px 15px;
    font-weight: 400;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    vertical-align: middle;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    border-color: #fff;
    font-size: 8px;
    margin-bottom: 5px;
    width: 140px;
    position: relative;
    text-decoration: none;
    z-index: 2;
    text-align: right;
    cursor: pointer;
}

.btn-black24:hover,active {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    text-decoration: none;
    font-size: 8px;
    margin-bottom: 5px;
    width: 140px;
    position: relative;
    z-index: 2;
    text-align: right;
    cursor: pointer;
}


.btn-black24a {
    display: inline-block;
    padding: 0px 15px;
    font-weight: 400;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    vertical-align: middle;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    border-color: #fff;
    font-size: 10px;
    margin-bottom: 5px;
    width: 120px;
    position: relative;
    text-decoration: none;
    z-index: 2;
    text-align: left;
    cursor: pointer;
}

.btn-black24a:hover,active {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    text-decoration: none;
    font-size: 10px;
    margin-bottom: 5px;
    width: 120px;
    position: relative;
    z-index: 2;
    text-align: left;
    cursor: pointer;
}

.btn-black23 {
    display: inline-block;
    padding: 0px 0px;
    font-weight: 400;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    vertical-align: middle;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    border-color: #fff;
    font-size: 8px;
    margin-bottom: 5px;
    width: 140px;
    position: relative;
    text-decoration: none;
    z-index: 2;
    text-align: left;
    cursor: pointer;
}

.btn-black23:hover,active {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    text-decoration: none;
    font-size: 8px;
    margin-bottom: 5px;
    width: 140px;
    position: relative;
    z-index: 2;
    text-align: left;
    cursor: pointer;
}

.pb100 {
    padding-bottom: 60px;
}

.icoznak {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
}

.newmenu {
    font-size: 8px;
    text-decoration: none;
    color: #000;
    padding: 0px 5px;
}

.dropdown {
    z-index: 2;
    display: inline-block;
    padding: 0px 5px;
}

.newmenu:hover{
    font-size: 8px;
    text-decoration: none;
    color: #ff8b02;;
    padding: 0px 10px;
}

.menuheadknop {
    position: relative;
    z-index: 2;
    padding: 0px 5px;
    font-size: 8px;
    color: #000;
    cursor: pointer;
}

.menug {
  padding: 5px 0px;
  text-align: center;  
}

.iconcont {
padding: 5px 0px 0px 0px;
text-align: center;
}

.playpan {
    text-align: center;
    position: absolute;
    width: 100px;
    height: 100px;
    margin-top: 50px;
    cursor: pointer;
    top: 5%;
    right: 0;
    z-index: 0;
}

.icoplaypan {
    width: 30px;
}

.textplaypan {
    font-size: 10px;
}

.menuheadknop:hover {
    position: relative;
    z-index: 2;
    text-decoration: none;
    padding: 0px 5px;
    font-size: 8px;
    color: #ff8b02;
    cursor: pointer;
}

.dropdown-menu>li>a {
    font-family: "HelveticaRegular";
    font-size: 10px;
}

}

@media screen and (min-width:667px) and (max-width:667px) {
    
#map {
    left: 30%;
    top: 320%;
    margin-left: -75px;
}

#gal_rightt1 {
    right: 15%;
    margin-right: -75px;
}

#gal_rightt1 {
    position: absolute;
    width: 50px;
    height: 70px;
    margin-top: 30px;
    background: url(../images/map-marker.gif);
    cursor: pointer;
    top: 38%;
    z-index: 0;
}

}

@media screen and (min-width:640px) and (max-width:640px) {
    
#map {
    left: 30%;
    top: 310%;
    margin-left: -75px;
}

#gal_rightt1 {
    right: 15%;
    margin-right: -75px;
}

#gal_rightt1 {
    position: absolute;
    width: 50px;
    height: 70px;
    margin-top: 30px;
    background: url(../images/map-marker.gif);
    cursor: pointer;
    top: 38%;
    z-index: 0;
}

}

@media screen and (min-width:500px) and (max-width:767px) {
    
#map {
    left: 30%;
    top: 270%;
    margin-left: -75px;
}

#gal_rightan3 {
    position: absolute;
    width: 50px;
    height: 70px;
    margin-top: 30px;
    background: url(../images/map-marker.gif);
    cursor: pointer;
    top: 25%;
    z-index: 2;
}

#gal_rightan3 {
    right: 20%;
    margin-right: -75px;
}

#gal_rightt1 {
    right: 15%;
    margin-right: -75px;
}

#gal_rightt1 {
    position: absolute;
    width: 50px;
    height: 70px;
    margin-top: 30px;
    background: url(../images/map-marker.gif);
    cursor: pointer;
    top: 38%;
    z-index: 0;
}

}