@charset "utf-8";
/*
Author: Diane Parmas 2017*/

/* \" php into html*/

.hidden {
	display: none !important;
}
/* ------------------- reset ----------------------- */ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}
img {
	border:0;
}
body {
	line-height:1;
}
/* ------------------- general styles ----------------------- */ 
* {
	position:relative;
}
a {
	text-decoration:none;color:#4d4d4d;	-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;
}
a:hover, a:active {
	text-decoration:underline;
}
html {
	font-family: 'Open Sans', sans-serif !important;font-weight:normal;font-size:medium;color:#4d4d4d;		
}
html, body {
	height:100%;
	min-width:280px;
	font-family: 'Open Sans', sans-serif !important;
}
h1 {
	font-size:36px;margin:0 0 28px;font-weight:normal;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;
}
h2 {
	font-size:20px;margin:0 0 20px;font-weight:normal;line-height:32px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;
}
h3 {
	font-size:16px;margin:0 0 15px;font-weight:bold;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;
}
h4, h5, h6 {
	font-size:14px;margin:0 0 15px;font-weight:bold;	-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;
}
p, li {
	line-height:140%;
}
p {
	margin:0 0 20px;font-size:14px;line-height:23px;
}
ol, ul {
	padding:0 0 0px 0px;
}
.hidden {
	display:none !important;
	width:0;
	height:0;
	overflow:hidden;
}
input, textarea, select, button {
	font-family: Lato;
}
/*wordpress specific*/
a.post-edit-link, .post-footer, .page .author, .page .date, .page .post-header a {
	display: none !important;
}
html {
	margin-top: 0px !important;
}
#wpadminbar {   
    display: none;
}
.collapsCatList .collapsing {
	height: auto;
}
/* ------------------- sisu wrapperid ----------------------- */
/* -------------------HEADER----------------*/
.wrap {	
	overflow-x: hidden;
}
.wrap {
	width:100%;
	min-height:100%;
    height:auto !important;
    height:100%;
    margin:0 auto;
	max-width:2000px;	
	background-repeat: no-repeat;
	background-size: cover;
}
#snow{
	background: none;font-family: Androgyne;background-image: url('..//img/s1.png'), url('..//img/s2.png'), url('..//img/s3.png');	height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index:1;-webkit-animation: snow 20s linear infinite;-moz-animation: snow 20s linear infinite;-ms-animation: snow 20s linear infinite;animation: snow 20s linear infinite;	
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}50% {background-position: 500px 500px, 100px 200px, -100px 150px;}100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}50% {background-position: 500px 500px, 100px 200px, -100px 150px;}100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}50% {background-position: 500px 500px, 100px 200px, -100px 150px;}100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}50% {background-position: 500px 500px, 100px 200px, -100px 150px;}100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}	
#fish-bg {
	background-repeat: no-repeat;
	background-size: 105% 105%;
	position: absolute;
	top: 0;
	/*bottom: 0;*/
	left: 0;
	right: 0;	
	overflow: hidden !important;
	/*background-image: url('..//img/pilt-winter2.jpg');*/
}
.container-large{
	max-width: 1800px;margin-left: auto;margin-right: auto;
}
#header.header {
	width: 90%;margin-left: auto;margin-right: auto;height: 100px;z-index: 1;	 		
}
#header.header-content {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	/*height: 200px;*/
	/*z-index: 15;*/
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.header-wrapper-content {
	width:85%;margin: 0 auto;
}
.mtmlogo {
	position: absolute;left: 10px;top: 10px;
}
.mtmlogo img {
	max-width: 170px;height: auto;
}	
/*---MENU---*/
.mainMenu li {
	display: inline-block;
}
.main-menu-wrapper {
	position: absolute;
	left: 200px;
	top: 35px;	
	width: 100%;
	padding-right: 35%;
}
.mainMenu li a {
	color: #000;
	font-weight: bold;
	font-size: 16px;
	text-decoration:none;
	padding: 5px;
	text-transform: uppercase;
}
.mainMenu a:hover,
.mainMenu a:active, .mainMenu .current_page_item a {
	color:#FFF;text-decoration:none;
}
/*-----------------------------------------------------------------------------------*/
.mainMenu .sub-menu, .mainMenu .children{
	position: absolute;background-color: rgba(255,255,255,0.2);display: none;
}
.mainMenu li.expanded {
	background-color: rgba(255,255,255,0.2);
}
.mainMenu .sub-menu .menu-item  {
	padding: 10px 0px;
}
/*mobile menu*/
.drawer {
    width: 100%;
    height: 100%;
    padding: 0 80px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    overflow: auto;
    opacity: 0;
    text-align: center;
    -moz-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
    -o-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
    -ms-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
    -webkit-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
    transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
}
.drawer.show {
    z-index: 16;opacity:1;-webkit-overflow-scrolling: touch;-webkit-animation: MenuOptionFadeIn 1s ease;-moz-animation: MenuOptionFadeIn 1s ease;-o-animation: MenuOptionFadeIn 1s ease;animation: MenuOptionFadeIn 1s ease;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-delay: .2s;-moz-animation-delay: .2s;-o-animation-delay: .2s;animation-delay: .2s;	background-color: rgba(0,0,0,0.8);
}
.drawer .main-nav ul li a {
    font-size: 1.5em;line-height: 1.85;color: #16998a;-moz-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);-o-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);-ms-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);-webkit-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
}
.drawer .current_page_item {
	font-weight: bold;
}
.drawer .main-nav ul {
	margin:30% 0 0;
	padding:0;
	list-style:none
}
.main-nav ul.sub-menu {
	margin: 0;
	display:none;
}
/*-------------------------------------------------------------------------------------*/
/*---Languages---*/
.lang li {
	display: inline-block;
}
.lang {
	position: absolute;
	right: 10px;
	top: 35px;
}
.lang li a {
	color: #000;
	font-weight: bold;
	font-size: 16px;
	text-decoration:none;
	padding: 5px;
	text-transform: uppercase;
}
.lang a:hover,
.lang a:active {
	color:#BFBBBB;
	text-decoration:none;
}
.noScroll {
	overflow: hidden;	
}
.noScroll {
	overflow: hidden; 
}
/* ------------------------------SISU----------------------------- */
.blur {
width: 100%;
height: 100%;
}
.front-sisu {
	background-color: rgba(255,255,255,0.5);
	padding: 10px;	
	max-width: 1000px;
	margin: 0 auto;
}
.sisuala-front {	
	width: 70%;
	margin-left: auto;
	margin-right: auto;	
	padding: 0 15px;	
}
.front-txt {
	width:85%;
	margin: 0 auto;
	text-align: center;
	color: #242424;
	font-size:16px;
	padding-bottom: 30px;
}
.sisuala-front p {
	color: #242424;
	text-align: center;
	font-size: 16px;
}
.sisuala-front .banner-txt {
	width:100%;
	text-align: center;
	font-size: 30px;
	color: #242424;
	margin-bottom: 50px;
}
.header-bar {
	width:100%;
	height:160px;
	/*background-color: #234A9B;*/
	margin-top:-100px;
	/*z-index:-1;*/
	  	
	background-image: -webkit-linear-gradient(#316CFB, rgba(49,108,251,0));/* For Safari 5.1 to 6.0 */
	background-image: -o-linear-gradient(#316CFB, rgba(49,108,251,0));/* For Opera 11.1 to 12.0 */
	background-image: -moz-linear-gradient(#316CFB, rgba(49,108,251,0));/* For Firefox 3.6 to 15 */
	background-image: linear-gradient(#316CFB, rgba(49,108,251,0));/* Standard syntax */
	background-image: #316CFB;/* For browsers that do not support gradients */ 
}
.content-page::after {
	content: "";
	/*background: url(http://forellipuuk.ee/wp-content/themes/Forellipuuk/img/pilt.jpg);*/
	background: url('..//img/pilt.jpg');
	/*opacity: 0.1;*/
	opacity: 0.3; 
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;   
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.gallery-item {
	float:none !important;width: 100% !important;
}
.gallery .gallery-item img {
	border: none !important;
}
.gallery-page-content a.fancybox img{
	float: left;padding: 5px;width: 25%;height: auto;	
}
.gallery-page-content img{
	float: left;padding: 5px;width: 25%;height: auto;	
}
.gallery-page-main a.fancybox img{
	float: left;padding: 5px;width: 50%;height: auto;	
}
.gallery-page-main {
	margin-top:50px;
}
.gallery-page-main img{
	float: left;padding: 5px;width: 50%;height: auto;	
}
.ngg-gallery-thumbnail-box {
    float: left;max-width: 100% !important;width: 20% !important;
}
/*sisuleht*/
.sisuala-content.sisuala {
	margin: 0px auto 0px;
	width:80%;	
	/*padding-top: 100px;*/
	/*margin-top: 100px;*/
	padding: 0 15px;
	min-height: 60vh !important;
}
.post.type-post {
	margin: 0px auto 0px;
	width:80%;	
	margin-top: 100px;
	padding: 0 15px;
}
/*10 käsku nimekiri*/
.sisuala-content ol {
    /*counter-reset: li;*/ /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    /**list-style: decimal; *//* Keep using default numbering for IE6/7 */
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.list-img {
	width: 100%;
}
.list-div {
	width:60%;float: left;
}
.img-div {
	width:40%;float: left; padding-bottom: 40%;background-position: center;background-size: cover;background-repeat: no-repeat;
}
.rounded-list{
	margin:0 auto;
}
.rounded-list  {
	list-style-type: none;
	list-style-type: decimal !ie; /*IE 7- hack*/
	margin: 0;
	margin-left: 1em;
	padding: 0;
	counter-reset: li-counter;
}
.rounded-list  li{
	position: relative;
	margin-bottom: 1.5em;
	padding: 0.5em;
	/*background-color: #FFF;*/
	/*padding-left: 58px;*/
	padding-left: 30px;
}
.rounded-list a{
	text-decoration:none;
	color:black;
	font-size:15px;
	font-family: 'Raleway', sans-serif;
}
/*.rounded-list li:hover{
	box-shadow:inset -1em 0 #3B73FB;
	-webkit-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}*/
.rounded-list  li:before {
	position: absolute;
	top: -0.3em;
	left: -0.5em;
	/*width: 1.8em;
	height: 1.2em;
	font-size: 2em;
	line-height: 1.2;*/
	width: 1.5em;
	height: 1em;
	font-size: 1.5em;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	color: white;
	background-color: #3B73FB;
	transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	z-index: 10;
	overflow: hidden;
	content: counter(li-counter);
	counter-increment: li-counter;
}
.rounded-list li:nth-child(1):before  {
    background-color: #9EBAFF;   
}
/*.rounded-list li:hover:nth-child(1){
box-shadow:inset -1em 0 #9EBAFF;
-webkit-transition: box-shadow 0.5s;
transition: box-shadow 0.5s;
}*/
.rounded-list li:nth-child(2):before  {
    background-color: #83A7FF;   
}
/*.rounded-list li:hover:nth-child(2){
box-shadow:inset -1em 0 #83A7FF;
-webkit-transition: box-shadow 0.5s;
transition: box-shadow 0.5s;
}*/
.rounded-list li:nth-child(3):before  {
    background-color: #5E8DFF;   
}
/*.rounded-list li:hover:nth-child(3){
box-shadow:inset -1em 0 #5E8DFF;
-webkit-transition: box-shadow 0.5s;
transition: box-shadow 0.5s;
}*/
.rounded-list li:nth-child(4):before  {
    background-color: #4E81FE;   
}
/*rounded-list li:hover:nth-child(4){
box-shadow:inset -1em 0 #4E81FE;
-webkit-transition: box-shadow 0.5s;
transition: box-shadow 0.5s;
}*/
.rounded-list li:nth-child(5):before  {
    background-color: #3B73FB;   
}
/*.rounded-list li:hover:nth-child(5){
box-shadow:inset -1em 0 #3B73FB;
-webkit-transition: box-shadow 0.5s;
transition: box-shadow 0.5s;
}*/
.rounded-list li:nth-child(6):before  {
    background-color: #215AE6;   
}
/*.rounded-list li:hover:nth-child(6){
box-shadow:inset -1em 0 #215AE6;
-webkit-transition: box-shadow 0.5s;
transition: box-shadow 0.5s;
}*/
.rounded-list li:nth-child(7):before  {
    background-color: #1B55E3;   
}
/*.rounded-list li:hover:nth-child(7){
box-shadow:inset -1em 0 #1B55E3;
-webkit-transition: box-shadow 0.5s;
transition: box-shadow 0.5s;
}*/
.rounded-list li:nth-child(8):before  {
    background-color: #0C44CF;   
}
/*.rounded-list li:hover:nth-child(8){
box-shadow:inset -1em 0 #0C44CF;
-webkit-transition: box-shadow 0.5s;
transition: box-shadow 0.5s;
}*/
.rounded-list li:nth-child(9):before  {
    background-color: #0837AD;   
}
/*.rounded-list li:hover:nth-child(9){
box-shadow:inset -1em 0 #0837AD;
-webkit-transition: box-shadow 0.5s;
transition: box-shadow 0.5s;
}*/
.rounded-list li:nth-child(10):before  {
    background-color: #00278A;   
}
/*.rounded-list li:hover:nth-child(10){
box-shadow:inset -1em 0 #00278A;
-webkit-transition: box-shadow 0.5s;
transition: box-shadow 0.5s;
}*/
blockquote {
    border-left: none !important;
}
/*hinnakiri*/
.divTable {
	display:table;
	width:80%;
	margin:0 auto 30px;
	/*background-color: #F9F9F9;*/
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-ms-border-radius:2px;
	border-radius:2px;
	padding-top: 0px;
	padding-left: 0px !important;
	padding-right: 0px !important;		
}
.hinnakiri-table h2 {
	font-size: 24px;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto; 
}
.divRow, .divHeaderRow {display:table-row;width:100%;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;	
}
.hinnakiri-table strong {font-size: 20px;
}
.divRow p, .divHeaderRow {margin:0;
}
.divCell {
	display:table-cell;border-bottom:1px solid #ccc;vertical-align:middle;height: 20px !important;text-align: center;padding: 0.5%;	-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;
}
.divCell-alignCenter {text-align: center;
}
.divRow:nth-child(2n) {
    /*background-color:#FFF;*/
}
.divCell a {display:block;padding:1%;color:#4d4d4d;font-size:16px;
}
.divCell a:hover {text-decoration:none;color: #333;
}
.divRow:hover .divCell a {text-decoration:none;color: #333;
}
.divCell p {margin:0;
}
.hinnakiri-table .divCell {width: 50%;text-align: center;
}
.hinnakiri-table.joogid {
	border-bottom: 1px solid #000;
}
.hinnakiri-table.joogid.soogid {
	border-bottom: none;
}
.hinnakiri-table.joogid .divRow .divCell:nth-child(2) {
    text-align: left;
	max-width: 130px;
    width: 130px;
}
.kontakt-tekst {padding-left: 50px !important;
}
.kontakt h1 {padding-left: 50px;
}
/* --------------FOOTER--------------- */
#foot2 p {
	text-align: center;margin: 0px;color: #1a1a1a;
}
#foot2 {
	position: absolute;bottom: 0;text-align: center;width: 100%;padding: 15px;	
}
/* ------------------- footer ----------------------- */
.footer {
	position:absolute;
	left:0;
	right:0;
	bottom: 0;	
	background-image: -webkit-linear-gradient(rgba(102,215,34,0), #66D722);
	/*background: -webkit-linear-gradient(rgba(255,0,0,0), #66D722);*/
    background-image: -o-linear-gradient(rgba(102,215,34,0), #66D722);
    background-image: -moz-linear-gradient(rgba(102,215,34,0), #66D722/*#46A5E4*/);
    background-image: linear-gradient(rgba(102,215,34,0), #66D722);
    min-height: 100px;
}
/* ------------------- muud stiilid ----------------------- */
@media all and (min-width:994px) {
	.drawer.mob-menuu {
		display: none !important;
	}
}
@media all and (max-width:1250px) {
	.hinnakiri-table h2 {
		font-size: 21px;
	}	
}
@media all and (max-width:1024px) and (max-height:768px) {
	
}
@media all and (max-width:993px) /*mobile menu, algab Bootstrapi small*/{	
	#header.header-content {
		height: 100px;
	}
	.sisuala-front {
		width: 80%;
	}	
	.front-txt {
		width: 90%;
	}
	.main-nav {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	.drawer .main-nav ul {
		margin: 0;
	}
	#fish-bg {
		background-repeat: no-repeat;
		background-size: 100% 100%;		
		position: relative !important;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;		
		overflow-x: hidden !important;
		overflow-y: scroll !important;
	}
	.kontakt-tekst {
		margin-bottom: 40px;
	}
	.img-div {
		padding-bottom: 50%;
	}
}
/* -----------------------------------MOBILE---------------------------- */
@media all and (max-width: 767px) {
	.ngg-gallery-thumbnail-box {
		float: left;
		max-width: 100% !important;
		width: 33% !important;
	}
	.sisuala-content.sisuala {
		width: 90%;
	}
	.divTable.table-muujad {
		width: 100%;
	}
	.hinnakiri-table h2 {
		font-size: 19px;
	}
	.divCell {
		padding: 0.4%;
	}	
	.hinnakiri-table h2 {
		font-size: 14px;		
	}
	#snow {
		display: none;
	}
	.list-div, .img-div {
		width: 100%;
	}
	.img-div {
		padding-bottom: 50%;
		
	}
	.hinnakiri-table.joogid .divRow .divCell:nth-child(2) {
		text-align: center;
	}
}
@media all and (max-width:767px) and  (max-height: 320px) and (orientation: landscape) {
	.drawer .main-nav ul li a {
		font-size: 1.3em;
	}
	.main-nav {
		position: relative;
		top: 65%;
		transform: translateY(-65%);
		text-align: right;
	}	
}
@media all and (max-width:700px) {
	#foot2 {
		position: absolute;
		bottom: 0;
		text-align: center;
		width: 100%;
		padding: 15px 15px 10px;
	}
	.footer {
		min-height: 120px;
	}
}
@media all and (max-width:600px) and (orientation: landscape) {
	.main-nav  {		
	}
	.drawer .main-nav ul li a {
		font-size: 1.1em;
	}
	
}
@media all and (max-width:600px) {
	.divTable {
		width: 95%;
	}
	.hinnakiri-table.joogid strong {
		font-size: 18px;
	}
}
@media all and (max-width:540px) {	
	.sisuala-front {
		width: 90%;
	}
}
@media all and (max-width:480px) {
	.sisuala-front {
		width: 95%;
	}
}
@media all and (max-width:450px) {
	.header-wrapper-content {
		width: 90%;
	}
	.divTable {
		width: 100%;
	}
	.lang {
		position: absolute;
		right: initial;
		top: 60px;
		left: 213px;
	}
	#toggle-menu {
		left: 40px;
		padding: 0;
		position: absolute;
		top: -10px;
	}
	.sisuala-front .banner-txt {
		font-size: 24px;
		font-weight: bold;
		padding: 0px 5px;
	}
	.front-txt {
		font-size: 14px;
	}
	.sisuala.sisuala-front {
		margin-top: -50px;
	}
}
@media all and (max-width:400px) {	
	.header-wrapper-content {
		width: 100%;
	}		
	.hinnakiri-table h2 {
		font-size: 14px;
	}
	.hinnakiri-table .divCell.imgCell {
		width:35%;
	}
	.hinnakiri-table .divCell {
		width:65%;
	}
	.imgCell img {
		width:100%;
		height: auto;
	}
	
	.drawer .main-nav ul li a {
		display: block;
		padding: 5px 0;
		line-height: 1.5;
	}
	.hinnakiri-table.joogid .divCell{
		max-width: 120px;
	}
	
}
@media all and (max-width:374px) {
	.footer {
		min-height: 135px;
	}
	#foot2 p {
		font-size: 13px;
	}
}
@media all and (max-width: 350px) {
	.lang {
		left: 145px;
	}
	.mtmlogo {
		top: 10px;
		left: 0px;
	}
	.content-page .mtmlogo {
		top: 10px;
		left: 10px;
	}
	.mtmlogo img {
		max-width: 120px;
		height:auto;
	}
	.sisuala-front .banner-txt {
		font-size: 20px;
	}
	.sisuala-content.sisuala {
		width: 100%;
	}
	.hinnakiri-table.joogid .divCell {
		max-width: 100px;
	}
	.hinnakiri-table.joogid .divRow .divCell:nth-child(2) {
		border-right: 1px solid black;
	}
	.hinnakiri-table.joogid.soogid .divRow .divCell:nth-child(2) {
		border-right: none;
	}
	.hinnakiri-table.joogid.soogid .divRow .divCell:nth-child(3),
	.hinnakiri-table.joogid.soogid .divRow .divCell:nth-child(4) {
		display: none;
	}
}
@media all and (max-width:350px) and (max-height:490px) {
	.drawer .main-nav ul li a {
		font-size: 1.3em;
	}
}
@media all and (max-width:340px) {	
	.mtmlogo img {
		max-width: 105px;
		height:auto;
	}	
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		.hinnakiri-table .divCell:nth-child(3) h2 { word-break: break-all; }
	}  
}
@media all and (max-width:310px) {
	.mtmlogo {
		top: 15px;
	}
}
@media (max-width:600px) and (orientation: landscape){
	.main-nav {
		position: relative;
		top: 65%;
		transform: translateY(-65%);
		/*text-align: right;*/
	}	
	.drawer .main-nav ul li a {
		font-size: 1.3em;
	}
}
/* Portrait iPhone 4 and 4S */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  .mobileMenuToggle {
    left: initial;
    right: 25px;
	}
  .content-page .mobileMenuToggle {
    right: 40px;
    left: initial;
	}	
}
/* -----------------------------------------------*/
.btn {
	display:inline-block;font-size:13px;padding:13px;font-weight:bold;color:#fff;border:2px solid #fff;margin: 0 15px;cursor:pointer;text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;
}
.btn:hover {
	text-decoration:none;
}
/* ------------------- clearfix ----------------------- */
.clearfix:before,
.clearfix:after {
    content:" ";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    *zoom:1;
}
/*-------*/
.clear {
	clear:both;width:100%;display:block;
}
/* ------------------- other styles ----------------------- */
.error_1_frame {
	border: 1px solid #ACF01F;padding: 10px;vertical-align: middle;
}
.error_2_frame {
	border: 1px solid #FF3300;padding: 10px;vertical-align: middle;
}
.error_3_frame {
	border: 1px solid #FFCC00;padding: 10px;vertical-align: middle;
}
.error_4_frame {
	border: 1px solid #FF3300;padding: 10px;vertical-align: middle;
}
.error_5_frame {
	border: 1px solid #4876FF;padding: 10px;vertical-align: middle;
}
.pageingLinks{
	text-align: center;height: 22px;line-height: 22px;
}
.pageingLinks .nr{
	border: 1px solid #ccc;padding: 3px 5px;
}
.pageingLinks .nr:hover{
	background-color: #f5f5f5;
}
.pageingLinks .act{
	border: 1px solid #ccc;background-color: #f5f5f5;
}
.pageingLinks .act:hover{
	background-color: #f5f5f5;
}
.pageingLinks a{
	text-decoration: none;
}
.pageingLinks a:hover{
	text-decoration: none;
}
.image_album_border {border: 1px solid #D9D9D9;padding: 10px;text-align: center;line-height: normal;
}
.image_album_border:hover {
	border: 1px solid #aeaeae;
}
/* ---- Row with equal height columns ---- */
.row-eq-height {
  display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display:flex;
}