@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,600&subset=latin,latin-ext,cyrillic-ext);
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,700&subset=cyrillic);

* {
    -webkit-tap-highlight-color:rgba(255, 255, 255, 0) !important; 
    outline:none !important;
	-webkit-user-select: none;
} 


body {
	font:15px "Open Sans";	
	color:#3E4742;
	margin:0;
	padding:0;
}

h1 {
    font-size:19px;
    text-align:center;
}

p, li {
	line-height:135%;
}

ul {
	list-style:none;
}

li {
	background:url(../img/abullet.png) no-repeat left 6px;
	background-size:10px;
	padding-left:20px;	
}

a { 
	color:#0166a7;
	text-decoration:none;
}

a:active, a:focus {
  outline:none;
  border:none;
  -moz-outline-style:none;
}

p .action {
	color:#3E4742;
}

.clear {
	clear:both;	
}

.green {
	color:green;
}

.content {
	max-width:960px;
	margin:0 auto;	
	padding:0 15px;
	
}


/*** Header ***/
.header {
	height:205px;
}


.header a {
	color:#3E4742;	
}

.header .col {
	width: 33.333%;
	float:left;
	/*background:#EEE;*/
	
}

.header .right .profile {
	float:right;
}

@media (min-width: 800px) {
	
	.header .right .profile {
		margin-right:170px;	
	}
	
	
}

@media (max-width: 500px) {
	
    .header .col {
        width: 25%;
    }

    .header .center {
        width:50%;
    }
	
}


.col .profile {
	margin-top:65px;
}


.header .profile {
	color:#3E4742;
	background:url(../img/profile.png) no-repeat;
	background-size:50px;
	display:block;
	width:50px;
	height:50px;
}


.header #email {
	background:url(../img/social/email.png) no-repeat;
	background-size:50px;
  }

.header #facebook {
	background:url(../img/social/facebook.png) no-repeat;
	background-size:50px;
  }

.header #call {
    background:url(../img/phone.png) no-repeat;
    background-size:50px;
}

.profile span {
	position:relative;
	display:block;
	font-size:12px;
	text-align:center;
	width:50px;
	top:55px;
}

.content a .name {
    font: 17px "Merriweather";
    width: 150px;
    text-align: left;
    top: 15px;
    left: 56px;
    display:none;
}


@media (min-width: 800px) {

    .content a .sname {
        display:none;  
      }

    .content a .name {
    	display: block;
    }
	
	
	.header .adm .profile {
		margin-right:70px;
	}
	
	.header .adm .name {
		width:100px;
	}

}


.logo {
	display: block;
	width:170px;
	margin:0 auto;
	padding-top:5px;
}

.logo img {
	display: block;
	width:170px;
	/*filter: invert(13%) sepia(8%) saturate(3755%) hue-rotate(84deg) brightness(98%) contrast(79%);*/
}


.langs {
	text-align:center;
	margin:2px auto;
	padding-left:8px;
}

.langs a {
	font-size:13px;
	font-weight: bold;
	color:#CCC;
	display:inline-block;
	margin-right:6px;
}


.langs a:hover, .langs .active {
	color:#231F20;
}


.langs .lv {
	background:url(../img/langs/lv.png) no-repeat 0 2px;
}

.langs .ru {
	background:url(../img/langs/ru.png) no-repeat 0 2px;
  
}

.langs .en {
	background:url(../img/langs/en.png) no-repeat 0 2px;
}

.langs .lv, .langs .ru, .langs .en {
	background-size:15px;
	padding-left:18px;
}

#top {
	width:100%;
	text-align:center;
	z-index:999;
	position:sticky;
}

/*
.sub {
	display:none;
	position:relative;
	top:217px;
	background:url(../img/subBg.png) no-repeat;
	background-size:contain;
	width:15px;	
	height:15px;
	z-index:1000;
}

.lcd {
	background:url(../img/icons/search.png) no-repeat;
	top:-27px;
	right:0;
	float:right;
    display:none;

}

a.cart {
	background:url(../img/cart.png) no-repeat;
	background-size:15px;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	text-shadow:1px 1px #000;
	padding-left:20px;
}

a.cart span {
	margin-top:-2px;
}


#sub {
	width:300px;
	background:#FFF;
	position:absolute;
	top:245px;
	z-index:1000;	
	margin-left:-15px;
	padding:5px;
	opacity:0.97;
	border:1px solid #DDD;
	border-top:none;
	border-bottom-right-radius:15px;
}

#sub a {
	color:#3E4742;	
}

#sub a:hover, #sub .active {
	background:url(../img/bullet.png) no-repeat 12px 15px;
	background-size:10px;
    color:#35593f;
}
*/



/*** Menu ***/
.menuBg {
	background-image: linear-gradient(to bottom, #35593f, #223B29);
	border-top:4px solid #9FD1A6;
}


.menu {
	white-space: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.menu::-webkit-scrollbar, .pmenu::-webkit-scrollbar, .table::-webkit-scrollbar {
	display: none; 
}


.menu, .pmenu {
	height:42px;
	text-align:center;
	padding:0 5px;
	white-space:nowrap;
	overflow-x:scroll;
}

.menu a, .pmenu a {
	font-weight:bold;
	color:#FFF;
	text-shadow:1px 1px #000;
	width:32%;
	display:inline-block;
	padding:10px 0 12px 0;
}

.menu .active, .pmenu .active {
    border-bottom:4px solid #9FD1A6;
    padding-bottom:8px;
}


@media (min-width: 500px) {

 	.menu a, .pmenu a {
		width:110px;
	}
	
	.menu a:hover, .pmenu a:hover {
        border-bottom:4px solid #9FD1A6;
        padding-bottom:8px;
	}

    
}




/*** Pages ***/
.bg1, .bg2 {
	padding:30px 0;
	
}

.bg2 {
	background-image: linear-gradient(to bottom, #0060602b, #FFF, #FFF, #FFF, #FFF);
}


#about p img {
	max-width:100%;
	width:50%;
	float:right;
	margin-left:10px;
	border:3px solid #9FD1A6;
	border-radius:10px;
	padding:2px;
	display:block;
}

#about .gallery {
	max-width:100%;
	width:50%;
	float:right;
	margin-left:10px;
	border:3px solid #9FD1A6;
	border-radius:10px;
	padding:2px;
	display:block;
}

@media (max-width: 500px) {
	
	#about p img {
        width:calc(100% - 10px);
        float:none;
        margin:0 0 10px 0;
	}
	
	#about .gallery {
		width:calc(100% - 10px);
        float:none;
        margin:0 0 10px 0;
	}

}

#about p img {
	display:none;
}



.content .banner {
	text-align:center;
    background-image: linear-gradient(to bottom, #35593f, #223B29);
	border-radius:10px;
	padding:20px;
	
}

.content .banner .title {
	font-size:20px;
	color:#FFF;
	text-shadow:1px 1px #000;
}

.content .banner p {
	width:80%;
	display: inline-block;
	color:#FFF;
	text-shadow:1px 1px #000;
}


.content .banner .bbutton {
	background: linear-gradient(to bottom, #ccd146, #646715);
	/*color: #666;*/
}


.boxwrap {
	height:220px;
}

.content .title, #popup .title {
    font-size:21px;
	font-weight:bold;
	text-transform:none;
	color:#231F20;
	text-align:center;
	position: 
}

#new .content .title {
	width:300px;
	font-size:18px;
	text-transform:none;
	color:inherit;	
	margin:0 auto;
}

.title a, .bdate a {
	display:inline-block;
	
}



.bgimage, #preview img {
	display:block;
	background-repeat:no-repeat;
	background-size:contain;
	mix-blend-mode:multiply;
	width:120px; 
	margin:15px auto;
	position:relative;		
}

#preview img {
    width:150px;   
}

#about .about .bgimage {
    width:50%; 
    float:right;	
    margin:0 0 0 15px; 
	border-radius: 10px;
	border:3px solid #9fd1a6;
}

.bgimage img {
	width: 100%;
    padding: 2px;
    box-sizing: border-box;
	border-radius: 8px;
}


#new .image, #about .image {
	width:300px;
	height:300px;
	margin:10px auto;
	/*border:4px solid #E16E29;
	border-radius:15px;*/
}



#about p, #about ul, #popup p, #popup ul {
	margin:10px auto;
    text-align:justify;
   
}

#about ul {
     max-width: auto;
     padding-left:25px;
}

#about p img {
    max-width: 100%;
    border-radius:10px;
}


@media (max-width: 500px) {
	#about .about .bgimage {
		width:calc(100% - 10px);
		float:none;
		margin:0 auto;
	}
}


#call p {
    font-size:16px;
    text-align:center;
}

#call p strong {
	color:#d9e021;
}

#support .image, #supporta .image {
	background-size:contain;
	background-repeat:no-repeat;
	border:none;	
	width:150px;
	height:75px;
	box-shadow:none;
}


#supporta {
	margin-top:50px;	
}

#supporta .image {
	float:left;
	margin:50px 0 0 50px;
	height:75px;	
}


.box .image:hover {
	/*border:4px solid #000;*/
}


#about {
	text-align: center;
}

.bbutton, .submit {
	background-image: linear-gradient(to bottom, #666, #333);
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	text-shadow:1px 1px #000;
	text-align:center;
    box-shadow: 0 4px 4px -4px #000;
	display:block;
	min-width:140px;
	width:140px;
	margin:15px auto;
	padding:15px 0;
	border-radius:10px;
    line-height:100%;
	
}

.cancel {
    background-image: linear-gradient(to bottom, #DF2125, #bd1c20);
}

.bbutton:hover, .submit:hover {
	-webkit-box-shadow: 0 4px 4px -3px #000;
   	-moz-box-shadow: 0 4px 4px -3px #000;
	-webkit-filter: brightness(110%);
    box-shadow: 0 4px 4px -3px #000;
}


.label {
	width:calc(50% - 15px);
	float:left;
	margin:20px 15px 0 0;
	box-sizing:border-box;	
}

@media (max-width: 500px) {
	.label {
		width:calc(100% - 15px);
	}
	
	.w50 {
		width:calc(50% - 15px);
	}
    
    .about .bgimage {
        width:70%;
        float:none;
        margin:0 auto;
    }
}

@media (min-width: 501px) {
	.w50 {
		width:calc(25% - 15px);
	}
}

.label span {
	display:block;
	font-weight:bold;
	/*text-transform:uppercase;*/
	margin-bottom:5px;	
	padding-left:10px;
}

.label .check {
	display:block;
	position: relative;
    top:24px;
    left:25px;
}

.label input, .label select, .label textarea {
	background:#FAFAFA;
	font:15px "Open Sans";
	color:#3E4742;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	border:1px solid #DADADA;
	border-radius:10px;
    -webkit-appearance: none;
}

.label input:focus, .label select:focus, .label textarea:focus {
	border:1px solid #35593f;
	box-shadow: 0 4px 4px -3px #999;	
}


.label select {
	padding:9px 10px;	
}


.label textarea, textarea {
	height:150px;	
}

form .submit {
	border:none;
	position: relative;
	right:8px;
}

.submit:hover {
	cursor:pointer;	
}


.label .error {
	border:1px solid #DF2125;	
}

#popup {
	min-width:280px;
	min-height:250px;
	max-width:950px;
	width:100%;
	text-align:center;
	padding:35px 0 25px 0;
}

#popup .menuBg {
	margin-top:15px;	
}



#popup form {
	text-align:left;
	margin-left:15px;
}


#popup p {
	text-align:center;	
}

.error {
	color:#DF2125;	
}

input.error, select.error, textarea.error {
	color:inherit;	
}

#content {
	padding:15px 0;
}



#message {
	text-align:center;	
	margin:15px auto;
}



/*** Footer ***/
.footer {
	background:#222;
	text-align:center;
	color:#EEE;
	text-shadow:1px 1px #000;
	padding:10px 0;
	/*border-top:4px solid #9fd1a6;*/
}

.footer .content {
	margin:35px auto 0 auto;		
}


/*** Submenu ***/
.submenu {
	max-width:320px;
	margin:0;
} 

.submenu a {
	background:url(../img/bullet.png) no-repeat 12px 15px;
	background-size:10px;
	color:#EEE;
	display:block;
	text-align:left;
	padding:10px 0 10px 35px;	
	border-bottom:1px dotted #888;
}

.submenu a:hover, .submenu .active {
	background:url(../img/bullet.png) no-repeat 12px 15px;
	background-size:10px;
	color:#9fd1a6;
}

.submenu a:last-child {
	border:none;	
}

.footer .contact {
	text-align:center;
	margin:0 auto;
}



.footer .title {
	color:#FFF;
	font-weight:normal;
}

.footer .props {
	font-size:15px;
	color:#EEE;
	width:240px;
	margin:5px auto;
}

.footer .logo {
	padding:0;
}

.footer .logo img {
	/*filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(298deg) brightness(103%) contrast(101%);*/
}

.props strong {
	display: block;
	font-weight:normal;
	color:#9FD1A6;
}


.footer .map, .footer .smap {
	max-width:320px;
	height:340px;
	margin:0 auto;
	border:3px solid #9fd1a6;
	border-radius: 10px;
	padding:2px;
}

@media (min-width: 850px) {
	.footer .submenu, .footer .contact, .footer .map {
		width: calc(33.333% - 5px);
		display:block;
		float:left;
	}
	
	
	.footer .smap {
		display:none;	
	}
}

@media (max-width: 849px) {
	.footer .map {
		display:none;	
	}
	
	.footer .smap {
		width:100%;
		height:250px;
		margin-bottom:25px;
	}
	
	.footer .submenu {
		width:100%;
		max-width:320px;
		margin:0 auto;
	}
}


.footer .social {
	margin:10px auto;
	padding-left:12px;
}

.footer span {
	width:65px;
	display:inline-block;	
	text-align:center;
	margin-right:5px;
}

.footer .w {
	color:#4C9D7C;
	-webkit-filter: brightness(125%);
}

.footer .m {
	color:#3C76B0;
	-webkit-filter: brightness(140%);
}

.footer .e {
	color:#07a3a3;
}


.footer .social .whatsapp {
	background:url(../img/social/whatsapp.png) no-repeat;	
	background-size:50px;
}

.footer .social .waze {
	background:url(../img/social/waze.png) no-repeat;	
	background-size:50px;
}

.footer .social .messenger {
	background:url(../img/social/messenger.png) no-repeat;	
	background-size:50px;
}

.footer .social .email {
	background:url(../img/femail.png) no-repeat;
	background-size:50px;	
}

.footer a.email {
	color:#9FD1A6;
}


.footer .social a {
	display:inline-block;
	width:50px;
	height:50px;
	margin-right:12px;	
}

.footer .social a:hover, .content .profile:hover, .content .facebook:hover, .footer .profile:hover, .up:hover {
	 -webkit-filter: brightness(110%);	
}

.footer .phone {
	background:none;
	font:20px "Merriweather";	
	color:#EEE;
    display:inline-block;
}




.footer .up {
	background:url(../img/up.png) no-repeat;
	background-size:45px;	
    width:45px;
	height:45px;
	float:right;
	margin-right:70px;
	/*opacity:0.5;*/
}


.footer .profile {
	background:url(../img/fprofile.png) no-repeat;
	background-size:45px;	
    width:45px;
	height:45px;
	position:static;
	margin:0 auto;
}


@media (min-width: 700px) {
	.footer .up {
		margin-right:70px;	
	}
	
}

.footer .copy {
	display: inline-block;
    color: #888;
    margin: 25px auto;
}



/*** News, Media ***/
#new .content .title {
	font-size:21px;
	/*text-transform:uppercase;*/
	color:inherit;	

}

#new #content, #new #content p {
	text-align:left;	
}


.videoWrapper {
	position:relative;
	padding-bottom: 56.25%;
	padding-top:25px;
	height:0;
}

.videoWrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:25px 0;
}


.images .image {
    background-position: center center;
    background-size: cover;
    display: inline-block;
    width: calc(50% - 15px);
	
    border-radius:10px;
    margin: 0 3px 5px 0;
    aspect-ratio: 4/3;
	
}

@media (min-width: 700px) {
    .images .image {
        width: calc(33.333% - 15px);
		
		display:inline-block;
    }
	
	
}

.image .buttons {
	background:#ffffff29;
	text-align:right;
	padding:5px 10px 5px 0;
}

#preview {
	text-align:center;
	margin-bottom:15px;	
}



@media (max-width: 699px) {
	.add {
		display:none;	
	}
	
	
	.waze {
		display:block;
    
	}
	
}

.waze {
    /*display:none;*/
}


.message {
	text-align:center;
	margin:5px auto;	
}

td .more {
	color:#231F20;
	display:block;
	background:url(../img/icons/add.png) no-repeat 0 10px;
	font-weight:bold;
	padding:8px 25px;
}	


/*** Tables ***/
.table {
    max-width:fit-content; 
    display:block;
    overflow-x: auto;
    white-space: nowrap;
	border-collapse:collapse;
	border:none;
    padding:0 15px;
    margin:25px auto;
}

.table .sort tr:nth-child(even) {
    background: #F4F4F4;
}

.table td {
	font-size:14px;
	text-align:left;
	border:none;
	padding:10px 20px;
}


.table .labels {
	background: linear-gradient(to bottom, #666, #545454);
	color:#FFF;
	font-weight:bold;
	text-shadow:1px 1px #000;
}

.table .name:hover {
	cursor:pointer;	
}


.table img {
	vertical-align: middle;
}


.table select {
	font:12px "Open Sans";
}

.table .buttons a {
	display:inline-block;
	margin:0 10px 0 0;	
}

.rlink:hover {
    cursor:pointer;
}

#back.show {
    opacity: 0.8;
}


#back {
    
	font-family:"Open Sans";
    position: fixed;
    bottom: 25px;
    right: 18px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    background: #f5f5f5;
    color: #545454;
    cursor: pointer;
    border: 0;
    border-radius: 50%;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}


/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 38px;
  top:5px;

}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.check:checked + .slider {
  background-image: linear-gradient(to bottom, #35593f, #003333);
}

.check:focus + .slider {
  box-shadow: 0 0 1px #35593f;
}

.check:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.content .admin {
	display:none;
}


.hidden {
	display:none;
}


.lad {
    margin-top:35px;   
}

.lad a, .lad a:hover {
    color: #9FD1A6;
    display: inline;
    background:none;
    margin:0;
    padding:0;
    border:none;
}

.lad img {
    width:100%;   
    border:3px solid #9fd1a6;
	border-radius: 10px;
	padding:2px;
}

.lad p {
    font-size:13px;   
}