@import url('https://fonts.googleapis.com/css?family=Roboto%3A400|Roboto%3A500|Roboto%3A600|Roboto%3A700|Roboto%3A300|Roboto%3Aregular&subset=latin-ext%2Ccyrillic-ext');


body,
.gallery-title,
.section-head,
.block-head,
.modal-header .modal-title,
h3.gallery-title,
.modern-quote cite,
.comment-respond small,
.main-heading,
.page-title,
.entry-title,
.main .sidebar .widgettitle,
.tabbed .tabs-list,
.main-footer .widgettitle { font-family: "Roboto", Arial, sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6,
.posts-list .content > a,
.block.posts a,
.gallery-block .carousel .title a,
.navigate-posts .link,
.list-timeline .posts article,
.bbpress.single-topic .main-heading,
#bbpress-forums .bbp-topic-title,
#bbpress-forums .bbp-forum-title { font-family: "Roboto", Georgia, serif; }
.post-content h1 { font-size: 30px;; }

.post-content h2 { font-size: 23px;; }

.navigation .menu { font-family: "Roboto", Arial, sans-serif; font-weight: 700;  }
.highlights .excerpt, .listing-alt .content .excerpt { font-family: "Roboto", Arial, sans-serif; font-weight: 300; font-size: 14px;  }
.post-header h1, .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { font-family: "Roboto", Arial, sans-serif; font-weight: 700;  }
.post-content { font-family: "Roboto", Arial, sans-serif; font-weight: normal;font-size: 14px;  }
body, body.boxed { background-color: #000000;; }


.compare h4{margin:10px 0px 10px 0px}
.banner {color: #9B0707;
background-color: #FFFFCC;
border: 1px solid #FFCC00;;
border-radius: 5px;
padding:20px;
font-size:24px;
line-height:32px;}

blockquote strong{background:#e54e53; color:white}

.main-head {
    background-image: url(https://infoatlas.ee/wp-content/uploads/top_bg.jpg);
    background-repeat: no-repeat;
    background-attachment: initial;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
table { 
		width: 100%; 
		border-collapse: collapse; 
		vertical-align: middle;
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #F7F0F7; 
	}
	th { 
		background: #8C4A87; 
		color: white; 
		font-weight: normal; 
		
	}
	td, th { 
		padding: 10px; 
		border: 1px solid #EAEAEA; 
		vertical-align: middle;
		
	}
	td{font-size:14px; color:#333}
	
	


table a {color:#723C78}
table .play {-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background-color:#89c403;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:14px;
	padding:10px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
	font-weight:bold;
    }
	table .play:hover {
	color:#ffffff;
    }
	
	table .fa {font-size:20px; text-align:center; margin:auto}
	table  .fa-check-square-o{ color:green}
	table  .fa-times-circle{ color:#ccc}
	

@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		table .play {padding:5px 10px; font-size:13px;}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr { border: 1px solid #ccc; }
		

	
	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
			table .play {padding:5px 10px;font-size:13px;}
		}