/*   
Theme Name: Fert-c Theme
Theme URI: http://efley.ee
Description: 
Author:Gleb Makarov
Author URI: http://efley.ee
Version: 1.1
*/



/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */

object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
 
/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {
	color: #333;
	text-decoration: none;
}
a:hover {

	text-decoration: underline;
}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: none;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

table{
	width: 100% !important;
}

table td {
  vertical-align: middle;
  height: 20px;
  padding: 2px 5px;
}

table thead td{
	font-weight: 600;
}

.entry table{
	font-size: 11px;
}

.entry table td {
  vertical-align: middle;
  height: 20px;
  padding: 2px 5px;
  border: 1px solid #EEEEEE;
}

body{
	font-family: 'PT Sans', sans-serif;
	font-size: 13px;
}

.elite .entry a{
	color: #B80F4B;
}
.tahe .entry a{
	color: #546923;
}
.gyne .entry a{
	color: #791F81;
}
.johvi .entry a{
	color: #3F0A61;
}


.alignright{
	float: right;
	margin: 0 0 15px 15px;
}

.alignleft{
	float: left;
	margin: 0 15px 15px 0;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/

#main-wrap {
width: 100%; 
margin: 0 auto;
}

#page-wrap {
width: 1137px; 
margin: 0 auto;
}


#header {
  float: left;
  width: 306px;
  height: 977px;
}

#content{
	float: left;
	width: 800px;
	padding-left: 30px;
	font-family: 'Roboto Slab', serif;
	margin-bottom: 20px;
	position: relative;
}


.nav{
	text-align: left;
	margin: 30px 0 100px;
	position: relative;
	background:#c00146;
}
.elite .nav {
	background:#c00146;
}
.tahe .nav {
	background:#5E7526;
}
.gyne .nav {
	background:#68196F;
}
.johvi .nav {
	background:#551283;
}

.nav li {
	display: inline-block;
}
.nav > li {
	border-left:2px solid #fff;
	margin-right:-3px;
}
.nav > li:first-child {
	border-left:0 none;
}

.nav > li > a{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	padding: 2px 4px;
	background:#c00146;
	position:relative;
}

.nav > li:hover > a, .nav > .current-menu-item > a, .nav > .current-menu-ancestor > a, .nav > .current-page-ancestor > a {
	background:#b00e47;
}

.elite .nav > li > a{
	background:#c00146;
}
.elite .nav > li:hover > a,.elite  .nav > .current-menu-item > a,.elite  .nav > .current-menu-ancestor > a,.elite  .nav > .current-page-ancestor > a {
	background:#b00e47;
}

.tahe .nav > li > a{
	background:#5E7526;
}
.tahe .nav > li:hover > a,.tahe  .nav > .current-menu-item > a,.tahe  .nav > .current-menu-ancestor > a,.tahe  .nav > .current-page-ancestor > a {
	background:#5E7526;
}

.gyne .nav > li > a{
	background:#68196F;
}
.gyne .nav > li:hover > a,.gyne  .nav > .current-menu-item > a,.gyne  .nav > .current-menu-ancestor > a,.gyne  .nav > .current-page-ancestor > a {
	background:#68196F;
}

.johvi .nav > li > a{
	background:#551283;
}
.johvi .nav > li:hover > a,.johvi  .nav > .current-menu-item > a,.johvi  .nav > .current-menu-ancestor > a,.johvi  .nav > .current-page-ancestor > a {
	background:#551283;
}

.nav > .current-menu-item > a:after, .nav > .current-menu-parent > a:after {
	width:0; 
	height:0;
	content:'';
	position:absolute;
	left:50%;
	bottom:-4px;
	z-index:5;
	margin:0 0 0 -2px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 4px solid #c00146;
}
.elite .nav > .current-menu-item > a:after,.elite  .nav > .current-menu-parent > a:after {
	border-top: 4px solid #c00146;
}
.tahe .nav > .current-menu-item > a:after,.tahe  .nav > .current-menu-parent > a:after {
	border-top: 4px solid #5E7526;
}
.gyne .nav > .current-menu-item > a:after,.gyne  .nav > .current-menu-parent > a:after {
	border-top: 4px solid #68196F;
}
.johvi .nav > .current-menu-item > a:after,.johvi  .nav > .current-menu-parent > a:after {
	border-top: 4px solid #551283;
}

.nav li .sub-menu {
	display: none;
	position: absolute;
	left: 0px;
	top: 23px;
	width: 100%;
	background:#f5f5f5;
	border-bottom:2px solid #fff;
}

.nav > li > .sub-menu > li{
	border-bottom:2px solid #fff;
	margin:0 0 -2px -3px;
}

.nav li .sub-menu li .sub-menu {
	background: none repeat scroll 0 0 #C00144;
	border-bottom: 7px solid #9A083B;
	display: none;
	left: 0;
	position: absolute;
	top: 34px;
	width: 100%;
	padding: 10px 0;
}
.nav li .sub-menu li a {
	color: #B80F4B;
	display: inline-block;
	font-size: 13px;
    padding: 8px 5px;
	text-decoration: none;
}

.nav li .sub-menu li .sub-menu li a {
	color: #999;
	display: inline-block;
	font-size: 13px;
    padding: 4px 5px;
	text-decoration: none;
}

.nav li .sub-menu li .sub-menu li:hover a, .nav .sub-menu .sub-menu .current-menu-item a, .nav .sub-menu .sub-menu .current-menu-ancestor a, .nav .sub-menu .sub-menu .current-page-ancestor a  {
	text-decoration: underline !important;
	background: url("i/arrow5.png") no-repeat scroll left center transparent !important;
}



.elite .nav li .sub-menu li .sub-menu {
  background: none repeat scroll 0 0 #C00144;
  border-bottom: 7px solid #9A083B;
}

.tahe .nav li .sub-menu li .sub-menu {
  background: none repeat scroll 0 0 #5E7526;
  border-bottom: 7px solid #515F21;
}

.gyne .nav li .sub-menu li .sub-menu {
  background: none repeat scroll 0 0 #68196F;
  border-bottom: 7px solid #4D0F53;
}

.johvi .nav li .sub-menu li .sub-menu {
  background: none repeat scroll 0 0 #551283;
  border-bottom: 7px solid #370855;
}


.nav li .sub-menu li .sub-menu li {
	width: 33%;
}
.nav li .sub-menu li .sub-menu li a {
  background: url("i/arrow6.png") no-repeat scroll left center transparent;
  color: #FFFFFF !important;
  margin-left: 20px;
  padding: 6px 0 6px 10px !important;
}


.elite .nav li .sub-menu li .sub-menu li a {
  background: url("i/arrow6.png") no-repeat scroll left center transparent;
}
.tahe .nav li .sub-menu li .sub-menu li a {
  background: url("i/arrow6-tahe.png") no-repeat scroll left center transparent;
}
.gyne .nav li .sub-menu li .sub-menu li a {
  background: url("i/arrow6-gyne.png") no-repeat scroll left center transparent;
}
.johvi .nav li .sub-menu li .sub-menu li a {
  background: url("i/arrow6-johvi.png") no-repeat scroll left center transparent;
}


.nav .current-menu-item .sub-menu, .nav .current-menu-ancestor .sub-menu, .nav .current-page-ancestor .sub-menu   {
	display: block;
}


.nav li .sub-menu li:hover .sub-menu {
	display: block;
}


.elite .nav li .sub-menu li a {
  color: #B80F4B;
}
.tahe .nav li .sub-menu li a {
  color: #546923;
}
.gyne .nav li .sub-menu li a {
  color: #791F81;
}
.johvi .nav li .sub-menu li a {
  color: #3F0A61;
}

.elite .nav li .sub-menu li:hover a,  .elite .nav .sub-menu .current-menu-item a,  .elite .nav .sub-menu .current-menu-ancestor a,  .elite .nav .sub-menu .current-page-ancestor a  {
  text-decoration: underline;
  background: url("i/arrowup.png") no-repeat scroll center 105% transparent;
}

.elite .nav .current-page-ancestor .current-page-ancestor a{
	text-decoration: none;
	background: none;
}


.tahe .nav li .sub-menu li:hover a,  .tahe .nav .sub-menu .current-menu-item a,  .tahe .nav .sub-menu .current-menu-ancestor a,  .tahe .nav .sub-menu .current-page-ancestor a  {
  text-decoration: underline;
  background: url("i/arrowup-tahe.png") no-repeat scroll center bottom transparent;
}
.tahe .nav .current-page-ancestor .current-page-ancestor a{
	text-decoration: none;
	background: none;
}


.gyne .nav li .sub-menu li:hover a,  .gyne .nav .sub-menu .current-menu-item a,  .gyne .nav .sub-menu .current-menu-ancestor a,  .gyne .nav .sub-menu .current-page-ancestor a  {
  text-decoration: underline;
  background: url("i/arrowup-gyne.png") no-repeat scroll center bottom transparent;
}
.gyne .nav .current-page-ancestor .current-page-ancestor a{
	text-decoration: none;
	background: none;
}

.johvi .nav li .sub-menu li:hover a,  .johvi .nav .sub-menu .current-menu-item a,  .johvi .nav .sub-menu .current-menu-ancestor a,  .johvi .nav .sub-menu .current-page-ancestor a  {
  text-decoration: underline;
  background: url("i/arrowup-johvi.png") no-repeat scroll center bottom transparent;
}
.johvi .nav .current-page-ancestor .current-page-ancestor a{
	text-decoration: none;
	background: none;
}


.logo {
  display: block;
  margin: 30px auto 25px;
}

.tahe .logo {
  margin: 10px auto 15px;
}

.gyne .logo {
  margin: 20px auto 20px;
}


.lang{
	text-align: center;
	margin-bottom: 20px;
}

.tahe .lang{
	margin-bottom: 15px;
}

.lang a {
  color: #666666;
  font-family: 'Roboto Slab',serif;
  font-size: 12px;
  margin: 0 1px;
  text-decoration: none;
}

.lang a.active{
	text-decoration: underline;
}

#searchform input {
	background: url("i/search.png") no-repeat scroll center center #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 4px 4px 4px 4px;
	font-style: italic;
	padding: 5px 28px 5px 32px;
	width: 176px;
	display: block;
	margin: 4px auto;/* muutsin 31012020 tagasi 4px auto; oli muudetuna : 34px 34px;*/
	box-sizing: inherit;
	-webkit-appearance: none;
}

#searchform div {
	position: relative;
}
#searchform .ssubmit {
  background: none repeat scroll 0 0 transparent;
  padding: 0;
  position: absolute;
  right: 41px;
  top: 0;
  width: 20px;
  border: none;
}


.kusi {
  
  color: #fff;
  border-radius: 4px 4px 4px 4px;
  font-style: italic;
  padding: 5px 28px 5px 32px;
  width: 175px;
  text-decoration: none;
  display: block;
  margin: 4px auto;
}
.kusi:hover {
	color: #fff;
	text-decoration: none;
}

.elite .kusi{
	background: url("i/request.png") no-repeat scroll center center #C00144;
	border: 1px solid #980D3E;
}
.elite .kusi:hover{
	background-color:#980D3E;
}


.tahe .kusi{
	background: url("i/request.png") no-repeat scroll center center #5E7526;
	border: 1px solid #515F21;
}
.tahe .kusi:hover{
	background-color: #515F21;
}


.gyne .kusi{
	background: url("i/request.png") no-repeat scroll center center #68196F;
	border: 1px solid #4D0F53;
}
.gyne .kusi:hover{
	background-color: #4D0F53;
}


.johvi .kusi{
	background: url("i/request.png") no-repeat scroll center center #551283;
	border: 1px solid #370855;
}
.johvi .kusi:hover{
	background-color: #370855;
}



.singletime {
  color: #999999;
  font-weight: 500;
  padding: 0 0 5px;
  font-size: 14px;
}

.spacer {
  padding: 10px 0 9px;
}


.post {
  padding: 0 40px 40px 40px;
  color: #686868;
  font-size: 13px;
  line-height: 190%;
  background: url(i/slashes.png) no-repeat 40px bottom #fff;
}

.post2 {
  padding: 0 40px 40px 40px;
  color: #686868;
  font-size: 13px;
  line-height: 25px;
  background: url(i/slashes.png) no-repeat 40px bottom #fff;
}


.post p{
	margin-bottom: 15px;
}

.post h1, .post2 h1 {
	font-size: 33px;
	line-height: 45px;
	font-weight: normal;
	margin-bottom: 15px;
	color: #575757;
}
.post h2, .post2 h2  {
	font-size: 21px;
	line-height: 34px;
	font-weight: 400;
	margin-bottom: 10px;
	color: #575757;
}
.post h3, .post2 h3  {
	font-size: 21px;
	line-height: 34px;
	margin-bottom: 10px;
	font-weight: 300;
	color: #575757;
}
.post h4, .post2 h4  {
	font-size: 19px;
	margin-bottom: 10px;
	font-weight: 300;
	color: #000;
}
.post h5, .post2 h5  {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 300;
	color: #000;
}
.post h6, .post2 h6  {
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: 400;
	color: #000;
}


.post iframe{
	width: 100%;
}



.onenews {
  margin: 10px 0;
  padding-left: 15px;
}

.onenews a{
	float: left;
	width: 89%;
	margin: 0 40px 0 0;
}


.onenews .newsitem{
	float: left;
}


blockquote {
  border-left: 5px solid #ddd;
  margin-bottom: 15px;
  padding-left: 12px;
  margin-left: 25px;
}

.newsitem{
	display: block;
	font-size: 13px;
	color: #585858;
	text-decoration: none;
	margin: 5px 0;
}


.newsitem span{
	color: #9F9F9F;
}
.newsitem > img {
  position: relative;
  top: -2px;
  vertical-align: middle;
}

.elite .newsitem:hover{
	color: #930134;
}




.post2 h2{
	text-align: center;
	font-size: 24px;
	color: #9F9F9F;
	border-bottom: 1px solid #efefef;
	font-weight: 300;
	margin-bottom: 25px;
}
.post2 h2 span{
	background: url(i/message.png) no-repeat left center transparent;
	padding: 20px 0 20px 36px;
	display: inline-block;
}



#content2{
	margin-top: 40px;
	font-family: 'Roboto Slab',serif;
}

.teised{
	float: left;
	width: 900px;
}


.teised .wrap {
  border-bottom: 1px solid #EFEFEF;
  padding: 0 20px 40px 0;
  margin-bottom: 30px;
}

.teised h3{
	font-size: 20px;
	color: #858585;
	font-weight: 300;
}

.teised #footermain {
  padding: 0 0 30px;
  text-align: center;
}


#footer.elite{
	background: #AC013D;
}

#footer.tahe{
	background: #6C862C;
}

#footer.gyne{
	background: #741E7C;
}

#footer.johvi{
	background: #420969;
}

#footer {
  border-radius: 2px 2px 2px 2px;
  color: #FFFFFF;
  margin-bottom: 20px;
  padding: 15px 0;
  text-align: center;
}
#footer a{
	color: #fff;
	text-decoration: none;
}

#footer div{
	margin: 5px 0;
}

.fb{
	background: url(i/fb.png) no-repeat center center transparent;
	display: inline-block;
	width: 16px;
	height: 11px;
}
.tw{
	background: url(i/twitter.png) no-repeat center center transparent;
	display: inline-block;
	width: 16px;
	height: 11px;
}



.back{
	background: url(i/back.png) no-repeat left center transparent;
	display: inline-block;
	padding: 6px 0 6px 20px;
	color: #333;
	text-decoration: none;
}
.back:hover{
	color: #000;
}

h1.title {
  color: #575757;
  font-size: 36px;
  line-height: 40px;
  font-weight: 300;
  padding-top: 65px;
  margin-bottom: 20px;
  margin-left: 40px;
}
h2.title {
  color: #575757;
  font-size: 33px;
  line-height: 36px;
  font-weight: 300;
  margin-bottom: 20px;
  margin-left: 40px;
}
h2.oluline {
  color: #930101;  
}
h3.title {
  color: #575757;
  font-size: 26px;
  line-height: 32px;
  font-weight: 300;
  margin-bottom: 20px;
  margin-left: 40px;
}

h5.title {
  margin-bottom: 20px;
  margin-left: 40px;
}

.wp-caption {
  color: #FF8000;
}

.arhiiv {
  float: right;
  position: relative;
  top: 50px;
  color: #9F9F9F;
  font-weight: 400;
  text-decoration: none;
  background: url(i/arhiiv.png) no-repeat right center #fff;
  padding: 4px 25px 4px  0;
}

.arhiiv:hover {
  color: #000;
  font-weight: 400;
  text-decoration: none;
}




.fb-like-box span{
	width: 234px !important;
}

.fb-like-box span iframe{
	width: 234px !important;
}


.boxrow1{
	width: 49.80%;
	height: 422px;
	position: relative;
	margin: 0 0.10% 1px 0.10%;
	float: left;
	overflow: hidden;
}

.boxrow2{
	width: 49.80%;
	height: 326px;
	position: relative;
	margin: 1px 0.10% 0 0.10%;
	float: left;
	overflow: hidden;
}


.elitebox .layer{
	position: absolute;
	background: url(i/elite_bg.png) no-repeat right top transparent;
	width: 371px;
	height: 390px;
	bottom: 0;
	right: 0;
}

.tahebox .layer{
	position: absolute;
	background: url(i/tahe_bg.png) no-repeat right top transparent;
	width: 371px;
	height: 390px;
	bottom: 0;
	left: 0;
}

.gynebox .layer{
	position: absolute;
	background: url(i/gyne_bg.png) no-repeat right top transparent;
	width: 371px;
	height: 328px;
	bottom: 0;
	right: 0;
}

.johvibox .layer{
	position: absolute;
	background: url(i/johvi_bg.png) no-repeat right top transparent;
	width: 371px;
	height: 328px;
	bottom: 0;
	left: 0;
}


.layer .wrap{
	color: #fff;
	padding: 10px 15px 0;
	line-height: 19px;
}


.layer .wrap a{
	color: #fff;
}


.button-dark {
	background: rgb(79,79,79);
	background: -moz-linear-gradient(top,  rgba(79,79,79,1) 0%, rgba(60,60,60,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(79,79,79,1)), color-stop(100%,rgba(60,60,60,1)));
	background: -webkit-linear-gradient(top,  rgba(79,79,79,1) 0%,rgba(60,60,60,1) 100%);
	background: -o-linear-gradient(top,  rgba(79,79,79,1) 0%,rgba(60,60,60,1) 100%);
	background: -ms-linear-gradient(top,  rgba(79,79,79,1) 0%,rgba(60,60,60,1) 100%);
	background: linear-gradient(to bottom,  rgba(79,79,79,1) 0%,rgba(60,60,60,1) 100%);
	display: inline-block;
	border-radius: 4px;
	border-top: 1px solid #777;
	border-bottom: 1px solid #111;
	padding: 0 8px;
	margin: 12px 0;
}

.button-dark span {
	display: inline-block;
	background: url(i/arrow1.png) no-repeat right center transparent;
	font-weight: bold;
    padding: 7px 20px 7px 5px;
	line-height: 18px;
}

.button-dark:hover {
	background: rgb(60,60,60);
}


.button-gyne {
	background: rgb(99,31,143);
	background: -moz-linear-gradient(top,  rgba(99,31,143,1) 0%, rgba(75,23,108,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(99,31,143,1)), color-stop(100%,rgba(75,23,108,1)));
	background: -webkit-linear-gradient(top,  rgba(99,31,143,1) 0%,rgba(75,23,108,1) 100%);
	background: -o-linear-gradient(top,  rgba(99,31,143,1) 0%,rgba(75,23,108,1) 100%);
	background: -ms-linear-gradient(top,  rgba(99,31,143,1) 0%,rgba(75,23,108,1) 100%);
	background: linear-gradient(to bottom,  rgba(99,31,143,1) 0%,rgba(75,23,108,1) 100%);
	display: inline-block;
	border-radius: 4px;
	color: #fff;
	border-bottom: 1px solid #111;
	padding: 0 8px;
	margin: 12px 0;
	font-family: 'PT Sans',sans-serif;
}

.button-gyne span {
	display: inline-block;
	background: url(i/arrow2.png) no-repeat right center transparent;
	font-weight: bold;
    padding: 7px 20px 7px 5px;
	line-height: 18px;
	color: #fff;
}

.button-gyne:hover {
	background: rgb(75,23,108);
	text-shadow: 0 1px 1px #000;
	color: #fff;
}


.button-tahe {
	background: rgb(107,133,44);
	background: -moz-linear-gradient(top,  rgba(107,133,44,1) 0%, rgba(82,102,33,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,133,44,1)), color-stop(100%,rgba(82,102,33,1)));
	background: -webkit-linear-gradient(top,  rgba(107,133,44,1) 0%,rgba(82,102,33,1) 100%);
	background: -o-linear-gradient(top,  rgba(107,133,44,1) 0%,rgba(82,102,33,1) 100%);
	background: -ms-linear-gradient(top,  rgba(107,133,44,1) 0%,rgba(82,102,33,1) 100%);
	background: linear-gradient(to bottom,  rgba(107,133,44,1) 0%,rgba(82,102,33,1) 100%);

	display: inline-block;
	border-radius: 4px;
	color: #fff;
	border-bottom: 1px solid #111;
	padding: 0 8px;
	margin: 12px 0;
	font-family: 'PT Sans',sans-serif;
}

.button-tahe span {
	display: inline-block;
	background: url(i/arrow2.png) no-repeat right center transparent;
	font-weight: bold;
    padding: 7px 20px 7px 5px;
	line-height: 18px;
	color: #fff;
}

.button-tahe:hover {
	background: rgb(82,102,33);
	text-shadow: 0 1px 1px #000;
	color: #fff;
}


.button-elite {
	background: rgb(194,1,69);
	background: -moz-linear-gradient(top,  rgba(194,1,69,1) 0%, rgba(147,1,52,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(194,1,69,1)), color-stop(100%,rgba(147,1,52,1)));
	background: -webkit-linear-gradient(top,  rgba(194,1,69,1) 0%,rgba(147,1,52,1) 100%);
	background: -o-linear-gradient(top,  rgba(194,1,69,1) 0%,rgba(147,1,52,1) 100%);
	background: -ms-linear-gradient(top,  rgba(194,1,69,1) 0%,rgba(147,1,52,1) 100%);
	background: linear-gradient(to bottom,  rgba(194,1,69,1) 0%,rgba(147,1,52,1) 100%);
	display: inline-block;
	border-radius: 4px;
	border-top: 1px solid #C1436F;
	border-bottom: 1px solid #111;
	padding: 0 12px;
	margin: 12px 0;
	color: #fff;
	text-shadow: 0 -1px 0 #333;
	font-family: 'PT Sans', sans-serif;
}

.button-elite span {
	display: inline-block;
	background: url(i/arrow2.png) no-repeat right center transparent;
	font-weight: bold;
    padding: 7px 20px 7px 5px;
	line-height: 18px;
	color: #fff;
}
.button-elite:hover {
	background: rgb(147,1,52);
	text-shadow: 0 1px 1px #000;
	color: #fff;
}


.button-johvi {
	background: rgb(77,22,111);
	background: -moz-linear-gradient(top,  rgba(77,22,111,1) 0%, rgba(58,17,85,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,22,111,1)), color-stop(100%,rgba(58,17,85,1)));
	background: -webkit-linear-gradient(top,  rgba(77,22,111,1) 0%,rgba(58,17,85,1) 100%);
	background: -o-linear-gradient(top,  rgba(77,22,111,1) 0%,rgba(58,17,85,1) 100%);
	background: -ms-linear-gradient(top,  rgba(77,22,111,1) 0%,rgba(58,17,85,1) 100%);
	background: linear-gradient(to bottom,  rgba(77,22,111,1) 0%,rgba(58,17,85,1) 100%);
	display: inline-block;
	border-radius: 4px;
	color: #fff;
	border-bottom: 1px solid #111;
	padding: 0 8px;
	margin: 12px 0;
	font-family: 'PT Sans',sans-serif;
}

.button-johvi span {
	display: inline-block;
	background: url(i/arrow2.png) no-repeat right center transparent;
	font-weight: bold;
    padding: 7px 20px 7px 5px;
	line-height: 18px;
	color: #fff;
}

.button-johvi:hover {
	background: rgb(58,17,85);
	text-shadow: 0 1px 1px #000;
	color: #fff;
}


.clinics{
	position: relative;
}
.clinics .centerlogo {
  background: url("i/centerlogo.png") no-repeat scroll center center transparent;
  height: 150px;
  left: 50%;
  position: absolute;
  top: 347px;
  width: 150px;
  z-index: 100;
  margin-left: -75px;
}

.clinics .centerlogo span{
	display: block;
	text-align: center;
	padding-top: 80px;
}
.clinics .centerlogo span a{
	color: #999;
	text-decoration: none;
	font-family: 'PT Sans', sans-serif;
	padding: 0 1px;
}
.clinics .centerlogo span a:hover, .clinics .centerlogo span a.active{
	color: #000;
}

.clinics .curve{
	background: url("i/curve.png") no-repeat scroll 61% top transparent;
	width: 100%;
	height: 16px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#footermain{
	text-align: center;
	padding: 20px 0 30px;
}
#footermain img {
  margin: 0 35px;
}

.notification-popup {
	position:fixed;
	bottom:0;
	right:50%;
	margin:0 -570px 0 0;
	width:270px;
	padding:30px;
	background:#fff;
	-webkit-box-shadow:  0px 0px 30px 0px rgba(0, 0, 0, .18);
    box-shadow:  0px 0px 30px 0px rgba(0, 0, 0, .18);
	z-index: 20;
}
.notification-popup h2{
	color:#bb0f4b;
	font-size:20px;
	letter-spacing:-0.02em;
	line-height:100%;
	margin-bottom:10px;
}
.notification-popup .popup-content{
	line-height:150%;
}
.notification-popup .close{
	position:absolute;
	right:10px;
	top:10px;
	width:12px;
	height:12px;
	overflow:hidden;
	text-indent:200%;
	white-space:nowrap;
	background:url(i/icon-close-sml.png) no-repeat center center;
}

.popup-content ul{
	margin: 10px 0 10px 20px;
}
.popup-content ul li{
	list-style: disc;
}

.notification-popup .btn-wrap{
	text-align:center;
	margin:0;
}
.notification-popup .btn-wrap a{
	margin:0;
}
.notification-popup .btn-wrap a span{
	font-weight:normal;
	background: url(i/arrow3.png) no-repeat right center transparent;
}



.gallery-caption {
    font-size: 11px;
    line-height: 18px;
    margin-bottom: 10px;
    margin-left: 0;
}

.eiaega {
	background:rgb(242,246,248);	
}

.pakstekst {
	font-weight: bold;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(191,232,249,1) 50%,rgba(191,232,249,1) 100%); /* W3C */
}

.vaike_must {
	text-align: center;
}

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}









/* Fluid Columns */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:23%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:79.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }



.onehalf{ width:48%; }
.onethird{ width:30.66%; }
.twothird{ width:65.33%; }
.onefourth{ width:23%; }
.threefourth{ 
	width:70%; 
	
	padding-right: 3%;
	
}
.onefifth{ width:16.8%; }
.twofifth{ width:37.6%; }
.threefifth{ width:58.4%; }
.fourfifth{ width:79.2%; }
.onesixth{ width:13.33%; }
.fivesixth{ width:82.67%; }

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{ position:relative; margin:1%; float:left; }
.last { margin-right:0 !important; clear:right; }


.onehalf, .onethird, .twothird, .threefourth, .onefourth, .onefifth, .twofifth, .threefifth, .fourfifth, .onesixth, .fivesixth{ position:relative; float:left; }

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.extra-wrap {
	overflow:hidden;
	}
	
/* Lightbox */
.lightbox {
	display:block;
	position:relative;
	}

/* Tabs */
.tabs {
    margin: 1px 0 20px 0;
}

.tabs .tab-wrapper {
    border: 1px solid #dddddd;
    border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    margin: -1px 0 0 0;
}

.tabs .tab-menu ul {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

.tabs .tab-menu li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}

.tabs .tab-menu a {
    background-color: #fafafa;
    border: 1px solid #dddddd;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    color: #aaaaaa;
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 0 2px 0 0;
    padding: 8px 20px;
}

.tabs .tab-menu a:hover {
    background-color: #f2f2f2;
    color: #666666;
}

.tabs .tab-menu a.active {
    background-color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#fafafa');
    background: -moz-linear-gradient(bottom , #fafafa 0px, #f6f6f6 90%) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #fafafa),color-stop(90%, #f6f6f6));
    border-bottom: none;
    color: #666666;
    padding: 8px 20px 9px 20px;
}

.tabs .tab {
	background-color: #fafafa;
	border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    padding: 20px;
}



/* Toggle */
.toggle {
    padding: 0 0 1px 0;
}

.toggle:nth-child(even) .trigger {
	background: #F5F5F5
}
.toggle:nth-child(odd) .trigger {
	background: #EFEFEF
}

.toggle .trigger {
  background: none repeat scroll 0 0 #EFEFEF;
  color: #272727;
  display: block;
  font-size: 16px;
  padding: 2%;
  position: relative;
  text-decoration: none;
  text-shadow: 0 1px 0 #FFFFFF;
  width: 96%;
}

.toggle .trigger span {
	background: url(i/arrowsvert.png) center bottom no-repeat;
	display: block;
	position: absolute;
	/*top: 33px; see paigutas noolekesed liiga alla, vt kas muutus mõjutab mujal kusagil... */
	right: 50px;
	text-indent: -9999px;
	width: 37px;
	height: 25px;
}

.toggle .trigger:hover,
.toggle .active {
	color:#000;
}
.toggle .active span, .toggle:hover span {
	background-position: center top;
}

.toggle .box {
	padding: 10px;
	display: none;
}



.button-arrow{
	background: url(i/arrow7.png) no-repeat 98% center transparent;
	padding: 5px 25px 5px 0;
	margin: 15px 0;
}
.button-arrow:hover{
	background-position: 100% center;
	text-decoration: none;
	color: #777;
}
/* siit alates on andre uued wpcf7 ContactForm7 stiilid: */

/* see oli ära, kui aktiveerisin uuesti 28012020, tegi lilla tausta: 
.wpcf7-form {
	border: 1px #000 solid;
	padding: 1px;
	margin: 2px auto;
	width: 100%;
	background-color:#D3C2FF;	
} - vist konfliktne */

.wpcf7-form h4 {
	background-color:#FFFFFF;
	text-align: center;	
}
.wpcf7-form-control-wrap .form-highlight-n {
	font-size: 100%;
	border: 1px #D32020 solid;
	padding: 3px;
	margin: 2px auto;
	/*width: 60%;*/
	background-color:#FFE5E7;
	text-align: center;	
}
.wpcf7-form-control-wrap .form-highlight-n-2 {
	width: 50%;
	font-size: 100%;
	border: 1px #D32020 solid;
	padding: 3px;
	margin: 2px auto;
	background-color:#FFE5E7;
	text-align: center;
}
.wpcf7-form-control-wrap .form-highlight-m {
	font-size: 100%;
	border: 1px #0008C7 solid;
	padding: 3px;
	margin: 2px auto;
	/*width: 60%;*/
	background-color:#A9EDF7;
	text-align: center;	
}
.wpcf7-form-control-wrap .form-highlight-m-2 {
	font-size: 100%;
	border: 1px #0008C7 solid;
	padding: 3px;
	margin: 2px auto;
	width: 50%;
	background-color:#A9EDF7;
	text-align: center;	
}
/* siiani andre cf7 määrangud */


.wpcf7{
	width: 70%;
}

.wpcf7 select {
	-webkit-appearance: none;
	margin-bottom: 4px;
	padding: 8px  3%;
	width: 100%;
	border: 1px solid #EFEFEF;
	background: #F5F5F5;
	border-radius: 4px;
}

.wpcf7 input{
	width: 93.5%;
	/* height: 33px;  selle lisasin 28012020 vormi kontrolliks */
	padding: 8px  3%;
	border: 1px solid #EFEFEF;
	background: #F5F5F5;
	border-radius: 4px;
	margin-bottom: 4px;
}
.wpcf7 textarea{
	width: 93.5% !important;
	height: 100px;
	padding: 8px  3%;
	border: 1px solid #EFEFEF;
	background: #F5F5F5;
	border-radius: 4px;
	margin-bottom: 4px;
}

.wpcf7 .wpcf7-submit {
	-webkit-appearance: none;
	background: rgb(59,176,37);
	background: -moz-linear-gradient(top, rgba(59,176,37,1) 0%, rgba(45,134,28,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,176,37,1)), color-stop(100%,rgba(45,134,28,1)));
	background: -webkit-linear-gradient(top, rgba(59,176,37,1) 0%,rgba(45,134,28,1) 100%);
	background: -o-linear-gradient(top, rgba(59,176,37,1) 0%,rgba(45,134,28,1) 100%);
	background: -ms-linear-gradient(top, rgba(59,176,37,1) 0%,rgba(45,134,28,1) 100%);
	background: linear-gradient(to bottom, rgba(59,176,37,1) 0%,rgba(45,134,28,1) 100%);
	display: block;
	border-radius: 4px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #111;
	font-weight: bold;
    padding: 7px 5px 7px 5px;
	/* margin: 0 auto 20px; */
	float: right;
	color: #fff;
	width: 40%;
	
}


.wpcf7 .wpcf7-submit:hover {
	background: rgb(45,134,28);
}



.wpcf7-form-control-wrap {
  display: inline-block;
  width: 100%;
}

.wpcf7 span.wpcf7-not-valid-tip {
  left: 0;
  padding: 4px 3%;
  position: absolute;
  top: 0;
  width: 94%;
  border-radius: 4px;
}

.trigger {
  border: 1px solid #EDEDED;
  border-radius: 4px 4px 4px 4px;
  font-size: 15px;
  padding: 7px 12px;
  cursor: pointer;
  width: 89%;
  margin-bottom: 5px;
}
.trigger.active, .trigger:hover {
  background: #EDEDED;
  color: #000;
}

.box{
	display: none;
	padding: 15px 0;
}


.arstline{
	border: 1px solid #EDEDED;
	margin-top: -1px;
}

.arstname{
	float: left;
	width: 40%;
	padding: 4px 10px;
}

.arsttitle{
	float: left;
	width: 50%;
	padding: 4px 10px;
	border-left: 1px solid #EDEDED;
}


.pover {
  left: 50%;
  margin-left: -68px;
  position: absolute;
  top: 0;
  width: 135px;
  border-right: 4px solid #FFFFFF;
}

.pover2 {
  left: 52%;
  margin-left: -131px;
  position: absolute;
  top: 153px;
  width: 258px;
  border-right: 4px solid #FFFFFF;
}

.arst {
  float: left;
  height: 260px;
  text-align: center;
  width: 33.33%;
  position: relative;
}

.arst h5{
	font-weight: normal;
	font-size: 14px;
	text-decoration: underline;
}

.arst p{
	line-height: 16px;
	font-size: 12px;
	padding: 2px 10px;
}


.elite .arst a:hover h5{
	color: #BF0143;
}

.tahe .arst a:hover h5{
	color: #5E7526;
}

.gyne .arst a:hover h5{
	color: #68196F;
}

.johvi .arst a:hover h5{
	color: #551283;
}





.arst a:hover{
	text-decoration: none;
}
.arst a:hover p .arrow{
	position: relative;
	left: 2px;
}


.doctorimg{
	display: block;
	margin: 0 auto 30px;
}

.doctorimg2{
	display: block;
	margin: 0 auto 30px;
	border-radius: 120px;
}

.doctorimg3{
	display: block;
	margin: 0 auto 30px;
	border-radius: 50px;
}

.entry ul, .entry ol{
	margin-left: 20px;
}

.entry ul li{
	list-style: disc;
}


.entry ol li{
	margin-bottom: 10px;
}




.gallery-icon img {
  height: auto;
  width: 90%;
}



#backbtn{
	display: none;
	position: absolute;
	z-index: 200;
	top: 8px;
	left: 0;
	height: 40px;
	width: 50px;
	text-indent: -9999px;
	background: url(i/m_johvi_back.png) no-repeat center top transparent;
}
#backbtn:hover{
	background-position: center bottom;
}

#menubtn{
	display: none;
	position: absolute;
	z-index: 200;
	top: 8px;
	right: 8px;
	height: 40px;
	width: 50px;
	text-indent: -9999px;
}
.elite #menubtn{
	background: url(i/m_elite_menu.png) no-repeat center top transparent;
}
.elite #menubtn.ruc{
	background: url(i/m_elite_menuRU.png) no-repeat center top transparent;
}
.elite #menubtn.engc{
	background: url(i/m_elite_menuENG.png) no-repeat center top transparent;
}
.elite #menubtn.lvc{
	background: url(i/m_elite_menuENG.png) no-repeat center top transparent;
}
.elite #menubtn.ltc{
	background: url(i/m_elite_menuLT.png) no-repeat center top transparent;
}
.elite #menubtn.sec{
	background: url(i/m_elite_menuSE.png) no-repeat center top transparent;
}
.elite #menubtn.fic{
	background: url(i/m_elite_menuENG.png) no-repeat center top transparent;
}

.tahe #menubtn{
	background: url(i/m_tahe_menu.png) no-repeat center top transparent;
}
.tahe #menubtn.ruc{
	background: url(i/m_tahe_menuRU.png) no-repeat center top transparent;
}
.tahe #menubtn.engc{
	background: url(i/m_tahe_menuENG.png) no-repeat center top transparent;
}

.gyne #menubtn{
	background: url(i/m_gyne_menu.png) no-repeat center top transparent;
}
.gyne #menubtn.ruc{
	background: url(i/m_gyne_menuRU.png) no-repeat center top transparent;
}
.tahe #menubtn.engc{
	background: url(i/m_tahe_menuENG.png) no-repeat center top transparent;
}

.johvi #menubtn{
	background: url(i/m_johvi_menu.png) no-repeat center top transparent;
}
.johvi #menubtn.ruc{
	background: url(i/m_johvi_menuRU.png) no-repeat center top transparent;
}
.johvi #menubtn.engc{
	background: url(i/m_johvi_menuENG.png) no-repeat center top transparent;
}

#menubtn.active{
	background-position: center bottom;
}


#totop{
	display: none;
	background: url(i/totop.png) no-repeat center top transparent;
	height: 40px;
	width: 100%;
	margin-top: 55px;
}

#totop:hover{
	background-position: center bottom;
}


#footermain a{
	margin: 0 20px 30px;
}

.haigekassa {
	display: inline-block;
	width: 113px;
	height: 36px;
	background: url(i/haigekass.png) no-repeat center top transparent;
}

.iso {
	display: inline-block;
	width: 85px;
	height: 55px;
	background: url(i/isouus.png) no-repeat center top transparent;
}

.liitet {
	display: inline-block;
	width: 111px;
	height: 45px;
	background: url(i/et.png) no-repeat center top transparent;
}

.liiteng {
	display: inline-block;
	width: 121px;
	height: 45px;
	background: url(i/eng.png) no-repeat center top transparent;
}

div #ss_pages {
	width:50%;
	float:left;
}
div #ss_posts {
	width:50%;
	float:right;
}
/* Andre tabtab arstide hinnakirjaproov , muutsin selectori .tabtab input {-ks, muidu kõik inputid peidus! */
.tabtab input {
  position: absolute;
  opacity: 0; 
  z-index: -1; 
}
.tabrow {
  display: flex;
}
.tabrow .col {
  flex: 1;
}
.tabrow .col:last-child {
  margin-left: 1em;
}
/* Accordion styles */
.tabtabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}
.tabtab {
  width: 100%;
/*color: white;*/
  color: black;
  overflow: hidden;
}
.tabtab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
/*background: #2c3e50;*/
  background: #EFEFEF;
  background: #c00146;
  font-weight: bold;
  cursor: pointer;
  /* Icon */
}
.tabtab-label:hover {
  background: #1a252f;
  background: #b00e47;
}
.tabtab-label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}
.tabtab-content {
  max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  background: white;
  transition: all 0.35s;
}
.tabtab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}
.tabtab-close:hover {
  background: #1a252f;
  background: #b00e47;
}
input:checked + .tabtab-label {
  background: #1a252f;
  background: #b00e47;
}
input:checked + .tabtab-label::after {
  transform: rotate(90deg);
}
input:checked ~ .tabtab-content {
  max-height: 100vh;
  max-height: 100%;
  padding: 1em;
}

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

	
	body {
		font-family: 'Arial' !important;
		font-size: 15px !important;
	}

	#header, #footer, #content2, .notification-popup {
		display: none;
	}
	
	#content {
		width: 100%;
		padding: 0;
	}

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* image retina display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

	
	
	
	.elite #menubtn{
		background: url(i/m_elite_menuX2.png) no-repeat center top transparent;
		background-size: 50px 93px;
	} 
	.elite #menubtn.ruc{
		background: url(i/m_elite_menuRUX2.png) no-repeat center top transparent;
		background-size: 50px 93px;
	}
	.elite #menubtn.engc{
		background: url(i/m_elite_menuENGX2.png) no-repeat center top transparent;
		background-size: 50px 93px;
	}
	.elite #menubtn.lvc{
		background: url(i/m_elite_menuENGX2.png) no-repeat center top transparent;
		background-size: 50px 93px;
	}
	.elite #menubtn.ltc{
		background: url(i/m_elite_menuLTX2.png) no-repeat center top transparent;
		background-size: 50px 93px;
	}
	.elite #menubtn.sec{
		background: url(i/m_elite_menuSEX2.png) no-repeat center top transparent;
		background-size: 50px 93px;
	}
	.elite #menubtn.fic{
		background: url(i/m_elite_menuENGX2.png) no-repeat center top transparent;
		background-size: 50px 93px;
	}

	.tahe #menubtn{
		background: url(i/m_tahe_menuX2.png) no-repeat center top transparent;
		background-size: 50px 93px;
	}
	.tahe #menubtn.ruc{
		background: url(i/m_tahe_menuRUX2.png) no-repeat center top transparent;
		background-size: 50px 93px;
	}

	.gyne #menubtn{
		background: url(i/m_gyne_menuX2.png) no-repeat center top transparent;
		background-size: 50px 93px;
	}
	.gyne #menubtn.ruc{
		background: url(i/m_gyne_menuRUX2.png) no-repeat center top transparent;
		background-size: 50px 93px;
	}

	.johvi #menubtn{
		background: url(i/m_johvi_menuX2.png) no-repeat center top transparent;
		background-size: 50px 93px;
	}
	.johvi #menubtn.ruc{
		background: url(i/m_johvi_menuRUX2.png) no-repeat center top transparent;
		background-size: 50px 93px;
	}
	
	
	
	#backbtn{
		background: url(i/m_johvi_backX2.png) no-repeat center top transparent;
		background-size: 50px 93px;
	}
	
	#totop{
		background: url(i/totopX2.png) no-repeat center top transparent;
		background-size: 50px 93px;
	}
	
	.elite .kusi {
		background: url("i/requestX2.png") no-repeat scroll center center #C00144;
		background-size: 221px 19px;
	}

	.tahe .kusi {
		background: url("i/requestX2.png") no-repeat scroll center center #5E7526;
		background-size: 221px 19px;
	}
	
	.gyne .kusi {
		background: url("i/requestX2.png") no-repeat scroll center center #68196F;
		background-size: 221px 19px;
	}
	
	.johvi .kusi {
		background: url("i/requestX2.png") no-repeat scroll center center #551283;
		background-size: 221px 19px;
	}
	
	
	.haigekassa {
		background: url(i/haigekassX2.png) no-repeat center top transparent;
		background-size: 113px 36px;
	}

	.iso {
		background: url(i/isoX2uus.png) no-repeat center top transparent;
		background-size: 85px 55px;
	}

	.liitet {
		background: url(i/etX2.png) no-repeat center top transparent;
		background-size: 111px 45px;
	}

	.liiteng {
		background: url(i/engX2.png) no-repeat center top transparent;
		background-size: 121px 45px;
	}
}


/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */

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

	
}


@media screen and (max-width: 767px)  {
	.curve, #searchform, .facebook, .teised{
		display: none;
	}
	
	#totop{
		display: block;
	}

	.boxrow1{
		width: 96%;
		border-radius: 15px;
		margin: 10px 2%;
		overflow: hidden;
	}
	.boxrow2{
		width: 96%;
		border-radius: 15px;
		margin: 10px 2%;
		overflow: hidden;
	}
	
	.elitebox .layer table td{
		text-align: center;
	}
	
	.elitebox .layer{
		background: url("i/m_elite_bg.png") repeat scroll center top transparent;
		position: relative;
		width: 100%;
		height: 422px;
		border-radius: 15px;
	}
	.tahebox .layer{
		background: url("i/m_tahe_bg.png") repeat scroll center top transparent;
		position: relative;
		width: 100%;
		height: 422px;
		border-radius: 15px;
	}
	.gynebox .layer{
		background: url("i/m_gyne_bg.png") repeat scroll center top transparent;
		position: relative;
		width: 100%;
		height: 422px;
		border-radius: 15px;
	}
	.johvibox .layer{
		background: url("i/m_johvi_bg.png") repeat scroll center top transparent;
		position: relative;
		width: 100%;
		height: 422px;
		border-radius: 15px;
	}
	
	.clinics .centerlogo {
	  height: 150px;
	  margin: 20px auto;
	  position: relative;
	  width: 150px;
	  top: 0;
	  left: 0;
	}
	
	#footermain img {
	  margin: 0 25px 35px;
	}
	
	
	#page-wrap {
		margin: 0 auto;
		width: 100%;
	}
	
	#footer {
	  border-radius: 0;
	  margin-bottom: 0;
	}
	#footer div {
	  margin: 5px 20px;
	}
	
	#header {
		background: #F6F6F6 !important;
		height: 200px;
		width: 100%;
		position: relative;
	}
	
	.logo {
	  display: block;
	  margin: 45px auto 20px;
	}
	
	#content {
	  margin-bottom: 0;
	  padding: 10px 2%;
	  position: relative;
	  width: 96%;
	}
	
	.post, .post2 {
		background-position:0 bottom;
		font-size: 14px;
		line-height: 190%;
		padding: 0 10px 40px;
	}
	
	.onenews {
	  margin: 15px 0;
	  padding-left: 0;
	}
	.onenews a {
	  float: left;
	  margin: 0;
	  width: 100%;
	}
	.onenews a img {
	  display: none;
	}
	
	.clearfix img, img.clearfix {
	  margin-right: 5px !important;
	  width: auto !important;
	}
	
	.button-elite {
	  padding: 0 5px;
	}
	
	
	h2.title {
		font-size: 24px;
		margin-top: 25px !important;
		margin-bottom: 30px;
		margin-left: 0;
		padding: 0 10px
	}

	#backbtn{
		display: block;
	}
	
	#menubtn{
		display: block;
	}
	
	#main-nav{
		margin: 0;
		position: absolute;
		z-index: 1000;
		left: 0;
		top: -60px;
		width: 92%;
		padding: 35px 4%;
		background: #EFEFEF;
	}
	
	.elite #main-nav{
		border-top: 1px solid #C00146;
		border-bottom: 1px solid #C00146;
	}
	
	.tahe #main-nav{
		border-top: 1px solid #5E7526;
		border-bottom: 1px solid #5E7526;
	}
	
	.gyne #main-nav{
		border-top: 1px solid #68196F;
		border-bottom: 1px solid #68196F;
	}
	
	.johvi #main-nav{
		border-top: 1px solid #551283;
		border-bottom: 1px solid #551283;
	}
	
	.elite .nav li .sub-menu li a, .elite .nav li .sub-menu li .sub-menu a  {
		color: #B80F4B !important;
	}
		
	.nav > .current-menu-item > a:after, .nav > .current-menu-parent > a:after {
		border: none;
	}
	
	.nav li .sub-menu li:hover a, .nav .sub-menu .current-menu-item a, .nav .sub-menu .current-menu-ancestor a, .nav .sub-menu .current-page-ancestor a{
		background: none !important;
	}
	
	#main-nav{
		display: none;
	}
	
	#main-nav.open{
		display: block;
	}
	
	#main-nav li {
		display: block;
		margin: 3px 0;
		border: none;
	}
	#main-nav li a {
		display: block;
		padding: 9px 15px;
		border-radius: 5px;
	}
	
	#main-nav li .sub-menu {
		background: none repeat scroll 0 0 #fff;
		border-bottom: none;
		border-radius: 5px 5px 5px 5px;
		left: 0;
		position: relative;
		top: 0;
		width: 100%;
	}
	
	#main-nav li .sub-menu li:hover .sub-menu {
		display: none;
	}
	
	#main-nav li .sub-menu li.current-menu-item .sub-menu, #main-nav li .sub-menu li.current-menu-ancestor .sub-menu, #main-nav li .sub-menu li.current-page-ancestor .sub-menu {
		display: block;
		width: 94%;
		padding: 1%;
		margin: 2%;
		background: #efefef;
	}
	
	#main-nav li .sub-menu li .sub-menu li {
	  width: 100%;
	}
	
	table td {
		padding: 2px 1px;
	}
	
	.entry table td {
		/* font-size: 10px; */
		padding: 2px 1px;
	}	
	
	.arst {
	  width: 50%;
	}
	
	.pover2 {
	  border-right: 4px solid #FFFFFF;
	  left: 50%;
	  margin-left: -129px;
	  position: absolute;
	  width: 258px;
	  top: 10px;
	}

	h5.title {
	  margin-bottom: 20px;
	  margin-left: 10px;
	}
	
	h3.title {
	  margin-bottom: 10px;
	  margin-left: 10px;
	}
	
	.entry img{
	  height: auto;
	  width: 100%;
	}
	
	.entry img.size-thumbnail{
	  height: auto;
	  width: 40%;
	}
	
	.gallery-item img {
	  border: medium none !important;
	  margin: 1%;
	  width: 98%;
	}
	
	.gallery-item .wp-caption-text{
		display: none;
	}
	
	.singletime {
	  padding: 10px 10px 5px;
	}
	
	.one_half {
		width: 98%;
	}
	
	.one_half img, .ajax-loader{
		width: auto !important;
	}
	
	.wpcf7 {
	  width: 100%;
	}
	
	.notification-popup {
		border-top: 2px solid #C20145;
		margin: 0;
		padding: 25px 5% 10px;
		right: 0;
		width: 90%;
		display: none;
	}
	.notification-popup h2 {
	  font-size: 16px;
	  margin-bottom: 8px;
	}
	.notification-popup .popup-content {
	  font-size: 11px;
	}
	.notification-popup .close {
	  padding: 15px;
	  right: 0;
	  text-indent: -9999px;
	  top: 0;
	}
	
	.lang {
	  margin-bottom: 16px;
	}
	
	.lang a {
	  font-size: 13px;
	  margin: 0 3px;
	}
	input {
  /* position: absolute; */
  /*opacity: 0; need põhjustasid kontaktivormide input väljade peidetud olekut! 
  z-index: -1;*/
}
.tabrow {
  display: flex;
}
.tabrow .col {
  flex: 1;
}
.tabrow .col:last-child {
  margin-left: 1em;
}
/* Accordion styles */
.tabtabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}
.tabtab {
  width: 100%;
/*color: white;*/
  color: black;
  overflow: hidden;
}
.tabtab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
/*background: #2c3e50;*/
  background: #EFEFEF;
  background: #c00146;
  font-weight: bold;
  cursor: pointer;
  /* Icon */
}
.tabtab-label:hover {
  background: #1a252f;
  background: #b00e47;
}
.tabtab-label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}
.tabtab-content {
  max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  background: white;
  transition: all 0.35s;
}
.tabtab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}
.tabtab-close:hover {
  background: #1a252f;
  background: #b00e47;
}
input:checked + .tabtab-label {
  background: #1a252f;
  background: #b00e47;
}
input:checked + .tabtab-label::after {
  transform: rotate(90deg);
}
input:checked ~ .tabtab-content {
  max-height: 100vh;
  max-height: 100%;	
  padding: 1em;
}
	

	
}



@media screen and (max-width: 480px) {
	
	.entry table td {
		font-size: 10px;
		padding: 2px 1px;
		text-align: center;
	}	
	
	
	.arst {
	  width: 100%;
	}
	
	.doctorimg2{
	  height: auto;
	  width: 100%;
	}
}



@media screen and (max-width: 320px) {
	.post h4, .post2 h4 {
	  font-size: 16px;
	}
	h2.title {
		font-size: 20px;
		margin-top: 25px !important;
		margin-bottom: 30px;
		margin-left: 0;
		padding: 0 10px
	}
		
	.entry table td {
		font-size: 9px;
		padding: 2px 0px;
		text-align: center;
	}	
}