@charset "utf-8";

/*
Theme Name: Ionet
Theme URI: http://www.website.example
Version: 1.0
*/

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

img {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.ir {
	border: 0;
	background-color: transparent;
	text-indent: -9999px;
	overflow: hidden;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}


.wp-caption {
	display: inline-block;
	max-width: 100% !important;
	vertical-align: top;
}

.wp-caption img {
	display: block;
	margin: 0 0 0 5px;
}

.wp-caption a {
	display: block;
}

.wp-caption-text {
	margin: 0 5px 5px;
	padding: 7px 5px;
	font-size: 13px;
	font-weight: 400;
	font-style: italic;
	line-height: 17px;
	text-align: center;
	color: inherit;
}

.alignleft {
	margin-right: 45px;
	margin-bottom: 25px;
	float: left;
}

.wp-caption.alignleft {
	margin-left: -5px;
	margin-right: 45px;
}

.alignright {
	margin-left: 45px;
	margin-bottom: 25px;
	float: right;
}

.wp-caption.alignright {
	margin-left: 45px;
	margin-right: -5px;
}

.wrapper.mid .wp-caption.alignright {
	margin-left: 45px;
	margin-right: -90px;
}

.wrapper.mid .wp-caption.alignleft {
	margin-left: -90px;
	margin-right: 45px;
}

.aligncenter {
	display: block;
	margin: 0 auto 1.7692em;
}

.wp-caption.alignnone {
	margin-bottom: 1.7692em;
}


#imageview-shade,
#videoview-shade,
#mapview-shade {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 310;
}

#imageview-loading {
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: 100%;
	margin: -31px 0 0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: -1px;
	text-align: center;
	text-transform: lowercase;
	text-shadow: #000 0 1px 0;
	color: #FFF;
	opacity: 0;
	transition: opacity 0.3s ease-in-out, font-size 0.3s ease-in-out;
		-webkit-transition: opacity 0.3s ease-in-out, font-size 0.3s ease-in-out;
		-moz-transition: opacity 0.3s ease-in-out, font-size 0.3s ease-in-out;
		-ms-transition: opacity 0.3s ease-in-out, font-size 0.3s ease-in-out;
		-o-transition: opacity 0.3s ease-in-out, font-size 0.3s ease-in-out;

}

#imageview-box,
#videoview-box,
#mapview-box {
	position: fixed;
	left: -9999px;
	top: -9999px;
	box-shadow: #222 0 0 35px;
	background: #eee;
	padding: 10px;
	font-size: 12px;
	line-height: 21px;
	z-index: 311;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
		-webkit-transition: opacity 0.3s ease-in-out;
		-moz-transition: opacity 0.3s ease-in-out;
		-ms-transition: opacity 0.3s ease-in-out;
		-o-transition: opacity 0.3s ease-in-out;
}

#imageview-imagewrap,
#videoview-videowrap {
	position: relative;
	overflow: hidden;
}

#imageview-image {
	position: absolute;
	left: 0;
	top: 0;
}

#mapview-box iframe {
	display: block;
}

#imageview-prev,
#imageview-next {
	position: absolute;
	top: 50%;
	width: 32px;
	height: 42px;
	margin: -21px 0 0;
	font-size: 51px;
	line-height: 31px;
	text-align: center;
	font-weight: 700;
	overflow: hidden;
	color: #fff;
}

#imageview-prev {
	left: -35px;
}

#imageview-next {
	right: -35px;
}

#imageview-close,
#videoview-close,
#mapview-close {
	position: absolute;
	right: 0;
	top: -31px;
	width: 31px;
	height: 31px;
	font-size: 21px;
	line-height: 29px;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	overflow: hidden;
	color: #fff;
}

#imageview-close:hover,
#videoview-close:hover,
#mapview-close:hover {
	color: #aaa !important;
}

#imageview-caption {
	position: absolute;
	left: 0;
	bottom: -31px;
	height: 31px;
	padding: 0 11px;
	font-size: 14px;
	font-weight: 400;
	line-height: 29px;
	text-shadow: #000 0 1px 0;
	overflow: hidden;
	color: #fff;
}


.slidr-nav {
	display: inline-block;
	height: 13px;
	line-height: 13px;
	vertical-align: top;
}

.slidr-nav .slidr-pagenums {
	padding: 0;
	margin: 0;
	z-index: 4;
}

.slidr-nav li {
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #fff;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

.slidr-nav li+li {
	margin-left: 6px;
}

.slidr-nav .current {
	background: none;
	border: 2px solid #ffffff;
}

.slidr-nav .slidr-nextprev {
	overflow: hidden;
	cursor: pointer;
	z-index: 4;
}

.slidr-nav .slidr-nextprev.prev {
}


form {
	max-width: 100%;
	padding-bottom: 0;
}

form p {
	width: 100%;
	padding: 0;
	clear: both;
}

form p.half {
	width: 48.5%;
	float: left;
	clear: none;
}

form p.half+p.half {
	margin-left: 3%;
}

form p.half.even {
	margin-left: 0 !important;
}

label {
	display: inline-block;
	margin-bottom: 3px;
	font-size: 1rem;
	font-weight: 600;
	vertical-align: top;
	color: inherit;
}

label.mandatory:after {
	content: "*";
	padding-left: 5px;
	color: #f33;
}

::-webkit-input-placeholder {
	font-weight: 400;
	color: #888;
	opacity: 1;
}

:-moz-placeholder {
	font-weight: 400;
	color: #888;
	opacity: 1;
}

::-moz-placeholder {
	font-weight: 400;
	color: #888;
	opacity: 1;
}

:-ms-input-placeholder {
	font-weight: 400;
	color: #888;
	opacity: 1;
}

input,
select,
textarea {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 23px;
	vertical-align: middle;
}

textarea {
	font-weight: 400;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
	width: 100%;
	border: 1px solid #d7d7d7;
	border-radius: 4px;
	background: #f7f7f7;
	margin: 0 0 10px;
	padding: 7px 15px;
	color: #333;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
	border-color: #00b2ff;
}


select {
	width: 97.71%;
	border: 0;
	background: #191919;
	margin: 5px 0 10px;
	padding: 7px 15px;
}

textarea {
	line-height: 21px;
}

input[type="radio"] {
	margin: 6px 5px 0 0;
	padding: 0;
	vertical-align: top;
}

input[type="checkbox"] {
	margin: 6px 5px 0 0;
	padding: 0;
	vertical-align: top;
}

input[type="submit"]::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="submit"] {
	display: block;
	height: 35px;
	border: 1px solid #424f57;
	border-radius: 4px;
	background: #333;
	margin: 20px 0 0;
	padding: 0 25px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}

input[type="submit"]:hover {
	color: #555;
}


.wpcf7-form .ajax-loader {
	display: block !important;
	margin: 5px auto 0 !important;
}

.wpcf7-form .wpcf7-form-control-wrap {
	display: block !important;
}

.wpcf7-form .wpcf7-radio,
.wpcf7-form .wpcf7-list-item {
	display: inline-block;
	margin: 0 0 10px;
}

.wpcf7-form .wpcf7-list-item label {
	display: inline-block;
	margin-right: 15px;
	font-weight: 400;
	vertical-align: top;
}

.wpcf7-form.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: absolute;
	left: auto;
	top: -10px;
	right: 10px;
	border: 1px solid #c7c7c7;
	border-radius: 3px;
	background: rgba(255, 255, 224, 0.9);
	margin: 0;
	padding: 3px 10px 4px;
	font-size: 12px;
	font-style: italic;
	line-height: 17px;
	color: #666;
}

.wpcf7-form .wpcf7-response-output {
	border: 1px solid #c7c7c7 !important;
	border-radius: 4px;
	background: #ffe;
	margin: 10px 0 0;
	padding: 6px 13px 7px;
	font-size: 13px;
	text-align: center;
	color: inherit;
	clear: both;
}


html,
button,
input,
select,
textarea {
	color: #000;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol {
	margin: 0;
}


html {
	box-sizing: border-box;
	font: 400 17px/28px 'Open Sans', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

*, *:before, *:after {
	box-sizing: inherit;
}

body {
	padding-top: 120px;
	background-color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	color: #3c3c3c;
	min-width: 320px;
    transition: all 0.3s;
	    -webkit-transition: all 0.3s;
    	-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
}

body.preload,
body.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}


a,
a:visited {
	text-decoration: none;
	cursor: pointer !important;
	outline: none !important;
	/*color: inherit;*/
	color: #1A9AAD; 
}

a:hover,
a:visited:hover {
	/*color: #555;*/
	text-decoration: underline;
}

.crumbs_container {
	background-color: #F4F4F4;
	}
	
body .crumbs {
	padding: 10px;
	font-weight: 700;
	font-size: 12px;
	margin-bottom: 20px;
}

.crumbs li {
	display: inline-block;
	vertical-align: top;
}

.crumbs li+li {
	margin-left: 10px;
}

.crumbs li+li:before {
	content: "\003e";
	display: inline-block;
	margin-right: 7px;
}

.crumbs li:last-child a {
	color: #333;
}


.wrapper {
	box-sizing: content-box;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}

.wrapper.mid{
	max-width: 820px;
	padding-left: 100px;
	padding-right: 100px;
}

.wrapper * {
	box-sizing: border-box;
}


.linklist {
	padding: 0;
	list-style: none;
}

.hilite { color: #fc0 !important; }
.upper { text-transform: uppercase; }
.centered, .centered .column { text-align: center; }



/*blockquote {
	margin: 0;
	padding: 0 0 1em;
	font-size: 2rem;
	font-style: italic;
	font-weight: 400;
	line-height: 1.5;
}*/

ul {
	padding: 0 0 1.5em 17px;
}

ul ul,
ol ul {
	padding: 0 0 3px 17px;
	list-style: disc;
}

ol {
	/*padding: 0 0 1.5em 21px;*/
}

ol ol,
ul ol {
	padding: 0 0 3px 21px;
}


.block.light, .block.light a {
	color: #fff;
}

.block,
.block.colored,
.block+.block.colored,
.block.colored+.block {
	padding: 55px 0 60px;
}

.block:not(.colored):not(.imaged)+.block:not(.colored):not(.imaged) {
	padding-top: 0;
}

.block.bgimaged {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}


.block.imaged,
.block+.block.imaged,
.block.imaged+.block.imaged {
	padding-top: 20px;
	padding-bottom: 20px;
}

.block.imaged.imgright .column:first-child,
.block.imaged.imgleft .column:last-child {
	margin-top: 35px;
	margin-bottom: 40px;
}

.block:not(.colored):not(.imaged)+.block.imaged {
	padding-top: 0;
}

.block.imaged:not(.colored):not(.fullwidth)+.block:not(.colored):not(.imaged) {
	padding-top: 35px;
}


.block.widecol.lowpadding {
	padding-bottom: 30px;
}


.block.wide-image {
	min-height: 250px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.block.wide-image.parallax {
	position: relative;
	background-position: 50% 0%;
	background-size: 100% auto;
}

.block.wide-image.parallax:before,
.block.wide-image.parallax:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 5px;
}

.block.wide-image.parallax:before {
	top: -5px;
	box-shadow: rgba(0,0,0,0.15) 0 5px 15px;
}

.block.wide-image.parallax:after {
	bottom: -5px;
	box-shadow: rgba(0,0,0,0.15) 0 -5px 15px;
}


.column>:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}

.column {
	display: inline-block;
	width: 46%;
	vertical-align: top;
}

.column+.column {
	margin-left: 8%;
}


.column.wide {
	width: 100%;
	margin-left: 0 !important;
	padding: 0;
}


.column.parts-3 {
	width: 30%;
}

.column.parts-3+.column.parts-3 {
	margin-left: 5%;
}

.column.parts-3:nth-child(3n+1) {
	margin-left: 0 !important;
}

.column.parts-3:nth-child(1n+4) {
	margin-top: 60px;
}


.column.parts-4 {
	width: 19%;
}

.column.parts-4:nth-child(4n+1) {
	margin-left: 0 !important;
}

.column.parts-4:nth-child(1n+5) {
	margin-top: 60px;
}


.column.parts-5 {
	width: 16.8%;
}

.column.parts-5+.parts-5 {
	margin-left: 4%;
}

.column.parts-5:nth-child(5n+1) {
	margin-left: 0 !important;
}

.column.parts-5:nth-child(1n+6) {
	margin-top: 60px;
}


.size-2 .column:first-child,
.size-3 .column:last-child {
	width: 56%;
}

.size-2 .column:last-child,
.size-3 .column:first-child {
	width: 36%;
}

.size-4 .column:first-child,
.size-5 .column:last-child {
	width: 66%;
}

.size-4 .column:last-child,
.size-5 .column:first-child {
	width: 26%;
}


.imaged .column {
	vertical-align: middle;
}

.imaged.imgleft .column:first-child,
.imaged.imgright .column:last-child {
	text-align: center;
}


.imaged.fullwidth {
	position: relative;
}

.imaged.fullwidth .wideimg {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.imaged.fullwidth.imgleft .wideimg {
	left: 0;
	background-position: 75% 50%;
}

.imaged.fullwidth.imgright .wideimg {
	right: 0;
	background-position: 25% 50%;
}

.size-2.fullwidth.imgright .wideimg,
.size-3.fullwidth.imgleft .wideimg {
	width: 38%;
}

.size-4.fullwidth.imgright .wideimg,
.size-5.fullwidth.imgleft .wideimg {
	width: 29.5%;
}


.imaged .blockimg-link {
	display: inline-block;
	max-width: 100%;
	outline: none;
}


.imaged.dark.border .blockimg {
	border: 5px solid rgba(0,0,0,0.9);
}

.imaged.light.border .blockimg {
	borde: 5px solid rgba(255,255,255,0.9);
}



#main img {
	max-width: 100%;
	height: auto;
}

#main iframe {
	display: inline-block;
	vertical-align: top;
}


.navigation.pagination {
	border-top: 2px solid #d9eaf2;
	margin-top: 0;
	padding: 20px 0;
	text-align: center;
}

.navigation.pagination .screen-reader-text {
	display: none;
}

.nav-links {
	padding: 7px 5px 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 29px;
}

.nav-links .page-numbers.prev,
.nav-links .page-numbers.next {
	display: none;
}

.nav-links .page-numbers {
	display: inline-block;
	width: 31px;
	height: 31px;
	text-align: center;
	vertical-align: top;
}

.nav-links .page-numbers+.page-numbers {
	margin: 0 0 0 7px;
}

.nav-links .page-numbers.dots,
.nav-links .page-numbers.dots+.page-numbers {
	margin: 0;
}

.nav-links .page-numbers.current {
	border-radius: 3px;
	background: #424f57;
	color: #fff;
}





/* * * * * Typography * * * * */

h1, h2, h3, h4, h5 {
	font-weight: 600;
	color: #1a9aad;
	margin: 0 0 1.0rem 0px;
}

h1 {
	font-size: 3rem;
	line-height: 1.1458;
}

h2 {
	font-size: 2.3750rem;
	line-height: 1.1579;
}

h3 {
	font-size: 1.7500rem;
	line-height: 1.1429;
}

h4 {
	font-size: 1.3750rem;
	line-height: 1.1818;
}

p {
	margin: 1em 0px
}

ul {
	list-style-type: circle;
	margin-left: 2em;
}

ul li {
	font-size: 1.0000rem;
	line-height: 1.6250;
	margin-bottom: 1em;
}


/* * * * * Header - Sticky (http://codepen.io/malZiiirA/pen/cbfED)* * * * */

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 320px;
    background: #ffffff;
    color:#fff;
    z-index: 1000;
    height: 120px;
    /*overflow: hidden;*/ 
	transition: height 0.3s;
    	-webkit-transition: height 0.3s;
    	-moz-transition: height 0.3s;
		-ms-transition: height 0.3s;
	transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
}

.header_content {
	position:relative;
	height:100%;
}

.header.shrink {
    height: 70px;
	border-bottom: 1px solid #eee;
}

.header .logo {
	width: 317px;
	margin-left:20px;
	position: relative;
  	top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		 transform: translateY(-50%);
}

.header.shrink .logo {
	width: 317px;
}

.header .logo img {
	width: 100%;
    transition: all 0.3s;
		-webkit-transition: all 0.3s;
    	-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
}

.header.shrink .logo img {
	/*width: 80%;*/
	width: 70%;
}

/* * * * * Header - Navigation * * * * */ 

div.navigation {
	float:right;
	position: absolute;
	right:20px;
  	top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
}

.mobilemenu {
	/*position:absolute;*/
	width:40px;
	height:40px;
	float:right;
	margin-right:20px;
	display: none;
}

.menu {
	float: right;
	/*position: relative;
  	top: 50%;
  	transform: translateY(-50%);*/
}

.menu a {
	color: #6e6e6e;
	text-decoration:none;
}

.menu a.current {
	color: #3a3a3a;
}

.menu a:hover#menu-icon {
	background-color: #444;
	border-radius: 4px 4px 0 0;
}

.menu ul {
	list-style: none;
	font-weight:600;
	color:#6e6e6e;
}

.menu li {
	display: inline-block;
	float: left;
	padding: 10px
}

/* * * * * Drop Down Menu (http://www.cssscript.com/create-a-multi-level-drop-down-menu-with-pure-css/)* * * * */

ul#nav-main {
  list-style: none;
  padding: 0;
  margin: 0;
  /*background: #1bc2a2;*/
  z-index: 1000;
}

ul#nav-main li {
	display: block;
	position: relative;
	float: left;
	/*background: #1bc2a2;*/
	padding: 0;
	margin-bottom: 0;
}

ul#nav-main li.current-menu-parent > a,
ul#nav-main li.current-menu-item > a {
	color: #1A9AAD;
	}

/* Arrow down on main level if has sub-menu */
ul#nav-main li.menu-item-has-children a:after {
	/*content: ' \25bc';
	font-size: 10px;
	vertical-align: middle;
	margin-left: 4px;*/
	display: inline-block; 
	content: ' ';
	height: 0;
	width: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 5px solid #6e6e6e;
	margin-left: 8px;
	padding-top: 3px;
	}
	
ul#nav-main li.menu-item-has-children .sub-menu a:after {
	display: none;
	}
	
ul#nav-main li ul {
	display: none;
	}

ul#nav-main li:last-child ul {
	right: 0;
	}

ul#nav-main li a {
	display: block;
	padding: 1em;
	text-decoration: none;
	white-space: nowrap;
	/*color: #fff;*/
}

ul#nav-main li a:hover { /*background: #2c3e50;*/ }

ul#nav-main li:hover > ul {
	display: block;
	position: absolute;
}

ul#nav-main li:hover li { float: none; }

ul#nav-main li:hover a { 
	background: #f4f4f4;
	}
	
ul#nav-main > li:hover > a { 
	-webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.15);
	box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.15);
	}

ul#nav-main li:hover li a:hover { background: #eaeaea; }

/*ul#nav-main li ul li {
	border-top: 0;
	border-bottom: 1px solid #eaeaea;
	}*/

ul#nav-main ul {
	  margin-left: 0;
	  padding-left: 0;
	  padding-bottom: 0;
	  -webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.15);
box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.15);
	}
	
ul#nav-main ul ul {
	  left: 100%;
	  top: 0;
	  display: none !important;
}

ul#nav-main:before,
ul#nav-main:after {
	  content: " "; /* 1 */
	  display: table; /* 2 */
}

ul#nav-main:after { clear: both; }



/* * * * * Accordion (http://css-plus.com/2011/08/create-accordions-with-css3-html5-and-jquery/) * * * * */ 

.accordion {
	/*border: 1px solid #ddd;
	border-top: none;*/
	/*margin: 10px 0;*/
	/*width: 470px;*/
	}
	
.accordion > a {
	display: block; 
	text-decoration: none;
	}
	
.accordion > .accordion_title {
	background-color: #f56e5d;
	border-top: 1px solid #fff;
	color: #fff;
	margin: 0;
	padding: 22px;
	/*text-indent: 10px;*/
	transition: all 0.5s ease;
	}
	
.accordion > .accordion_title:hover {
	background-color: #db6353;
	}
	
.opi-ihmisoikeuksista .accordion > .accordion_title {
	background-color: #b26ba9;
	}
	
.opi-ihmisoikeuksista .accordion > .accordion_title:hover {
	background-color: #a8659f;
	}
	
.accordion > .accordion_title span::-moz-selection {
	background-color: none;
	}
	
.accordion > .accordion_title span::selection {
	background-color: none;
	}
	
.accordion > .accordion_title span.tab_closed {
	font-weight:700;
	margin-right: 1.5em;
	margin-bottom: 2px;
	display: inline-block; 
	transition: transform 0.3s ease-in-out 0s;
	}

.accordion > .accordion_title span.tab_open {
	-ms-transform: rotate(-225deg); /* IE 9 */
    -webkit-transform: rotate(-225deg); /* Chrome, Safari, Opera */
    transform: rotate(-225deg);
	}
	
.accordion_content {
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	margin: 0 !important;
	padding: 20px;
	}
	
.accordion_content:last-child {
	border-bottom: 1px solid #ebebeb;
	}


/* * * * * CSS Tabs (http://codepen.io/oknoblich/pen/tfjFl) * * * * */ 

.tab_accordion {
	width:100;
	/*margin: 40px auto;*/
	}
.tab_content {
  	display: none;
	/*padding: 20px 0 0;
  	border-top: 1px solid #ddd;*/
}

.tab_accordion input {
  display: none;
}

.tab_accordion label {
  display: inline-block;
  width: calc(100% / 3);
  /*margin: 0 0 -1px;*/
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  border: 1px solid transparent;
  background-color: #72bfcb;
  transition: all 0.5s ease;
    margin-bottom: 0 !important;
}

.tab_accordion label:hover {
  cursor: pointer;
  background-color: #6eb9c4;
}

.tab_accordion input:checked + label {
  color: #fff;
 /* border: 1px solid #ddd;
  border-top: 2px solid orange;
  border-bottom: 1px solid #fff;*/
  background-color: #1a9aad;
}

#tab1:checked ~ #tab_content1,
#tab2:checked ~ #tab_content2,
#tab3:checked ~ #tab_content3,
#tab4:checked ~ #tab_content4 {
  display: block;
}

/* * * * * Header - Hamburger menu (http://callmenick.com/post/animating-css-only-hamburger-menu-icons) * * * * */ 

.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-ms-transition: background 0.3s;
  background-color: #ffffff;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 18px;
  left: 9px;
  right: 9px;
  height: 4px;
  background: #6e6e6e;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #6e6e6e;
  content: "";
}

.c-hamburger span::before {
  top: -10px;
}

.c-hamburger span::after {
  bottom: -10px;
}

.c-hamburger--htx {
  background-color: none;
}

.c-hamburger--htx span {
	transition: background 0s 0.3s;
		-webkit-transition: background 0s 0.3s;
		-moz-transition: background 0s 0.3s;
		-ms-transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
	transition-duration: 0.3s, 0.3s;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		-ms-transition-duration: 0.3s, 0.3s;
	transition-delay: 0.3s, 0s;
  		-webkit-transition-delay: 0.3s, 0s;
		-moz-transition-delay: 0.3s, 0s;
		-ms-transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
  	-webkit-transition-property: top, transform;
	-moz-transition-property: top, transform;
	-ms-transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
  	-webkit-transition-property: bottom, transform;
	-moz-transition-property: bottom, transform;
	-ms-transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: none;
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
	top: 0;
  		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
	bottom: 0;
		  -webkit-transform: rotate(-45deg);
		  -moz-transform: rotate(-45deg);
		  -ms-transform: rotate(-45deg);
		  transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
	transition-delay: 0s, 0.3s;
  		-webkit-transition-delay: 0s, 0.3s;
		-moz-transition-delay: 0s, 0.3s;
		-ms-transition-delay: 0s, 0.3s;
}


.content {
	min-height: 300px; /*just to get the page to scroll*/
}

/* * * * * Slider * * * * */ 

#slider {
	display: block;
	position: relative;
	width: 100%;
	height: 480px;
	background-color: #1a9aad; /* Etusivu */
	color: #ffffff;
	overflow: hidden;
}

.verkkokurssi #slider { /* Verkkokurssi */
	background-color: #A7CF7D;
	}
	
.opettajalle #slider { /* Opettajalle */
	background-color: #f56e5d;
	}
	
.opi-ihmisoikeuksista #slider { /* Opi ihmisoikeuksista */
	background-color: #b26ba9;
	}

#slider .slidr-nav {
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 5;
	}

.slide {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.slide:first-child {
	display: block;
}

.slider_photo {
	display: block;
	position: relative;
	width: 50%;
	height: inherit;
	float: left;
	overflow: hidden;
	text-align: center;
	background-image: url(../images/blossom.jpg);
	background-size: cover;
	background-position: 50% 50%;
}

.slider_content {
	position: relative;
	height: inherit;
	display: block;
	width:50%;
	float:left;
	overflow:hidden;
	text-align:left;
	color: #ffffff;
}

.slider_content .slider_text {
	width:80%;
	margin:0 auto;
	position: relative;
	top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
}

.slider_content .slider_text a {
	/*font-weight: 700;*/
	color: #ffffff;
	/*text-transform: uppercase;*/
	/*letter-spacing: 2px;*/
	padding: 8px 16px;
	border: 3px solid #ffffff;
	display: inline-block;
	margin: 10px 0 0;
	outline: none;
}

/*.slider_content .slider_text a::before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
}*/

.slider_content .slider_text a:hover {
	border-color: #f4f4f4;
	color: #f4f4f4;
	text-decoration: blink;
}
.slider_content .slider_text h2{
	color: #ffffff;
}

.col_heading_image{
	padding:30% 10%;
	background-color: #a7cf7d;
	background-position: 50%;
	background-size: cover;
}

.verkkokurssi .col_heading_image{
	border: 1px solid #f4f4f4;
}

.col_content {
	padding:6.5%;
}

.verkkokurssi_materials .col_content {
	padding-left: 0;
	padding-right: 0;
}

.verkkokurssi_materials .parts-3 {
	border-bottom: 1px solid #f4f4f4;
}

.verkkokurssi_materials .parts-3 .col_content{
	min-height: 200px;
	position: relative;
}

.verkkokurssi_materials .parts-3 .col_content a.button{
	position: absolute;
	bottom: 0;
	outline: none;
}

.col_content h3 {
	overflow: hidden;
	text-overflow: ellipsis;
}

.button {
	display: inline-block;
	background-color: #a7cf7d;
	padding:10px 20px !important;
	color: #fff !important;
	text-decoration: none;
	margin: 10px 0;
}


.button:hover {
  background-color: #b1db84;
  text-decoration: none;
}

.button:active {
	background-color: #a7cf7d;
}

.opettajalle .button {
	background-color: #F56E5D;
	}
	
.opettajalle .button:hover {
	background-color: #ff7361;
	}
	
.opettajalle .button:active {
	background-color: #cc5c4e;
	}

.slider_photo {
	background-image: url(https://images.unsplash.com/uploads/14110333373510325e3e0/355b160e?ixlib=rb-0.3.5&q=80&fm=jpg&s=09d5c1bab1b2046f4a3e07c3ae3afadd);
}

.pager {
  /* you can add positioning properties here if needed */
  /*width: 75px;  change as required */
  padding: 0;
  height: 14px;
  z-index: 999;
  border: 1px solid #cccccc;
}

.pager a {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	text-indent: -999em;
	background: #fff;
	-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px; /* must be the same as width and height */
	/*box-shadow: 0 0 1px 1px #707173;  border color */
	margin-right: 10px;
	transition: height 0.3s;
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		-ms-transition: height 0.3s;
}

.pager a {
  background: #c0c0c0; /* optional: color when hovered */
}

.pager a.activeSlide {
  background: none; /* color when active */
  border: 1px solid #707173;
}

/* * * * * Landing Page Search * * * * */ 

#search_landing {
	width: 90%;
	max-width: 720px;
	min-width: 300px;
	margin: 40px auto 40px auto;
	text-align: center;
	}
	
#search_landing .search-field {
	border: none;
	border-bottom: 3px solid #1A9AAD;
	border-radius: 0;
	background-color: none;
	background: none;
	}
	
#search_landing input[type="text"] {
	width: 30%;
	min-width: 300px;
	margin-top: 20px;
	padding-right: 40px;
	background: url(_img/search_icon.svg) no-repeat 97% 8px / 20px 20px;
	font-size: inherit;
	transition: all 0.3s ease-in-out 50ms;
		-webkit-transition: all 0.3s ease-in-out 50ms;
		-moz-transition: all 0.3s ease-in-out 50ms;
		-ms-transition: all 0.3s ease-in-out 50ms;
	}
	
#search_landing input[type="text"]:focus {
	width: 60%;
	margin: 40px 0;
	}
	
#search_landing input[type="submit"] {
	display: none;
	}

/* * * * * Search Results Page * * * * */ 

body.search-results header{
	margin:40px 0;
	}

section.search-result {
	margin-top:20px;
	border-bottom: 1px solid #F4F4F4;
	}
	
section.search-result:last-child {
	margin-top:20px;
	border-bottom: none;
	}
	
/* * * * * Main Blocks * * * * */ 

#main_categories {
	height: 250px;
	color: #ffffff;
	text-align: center;
	background-size: cover;
	background-position: 50%;
}

#main_categories h3{
	color: #ffffff;
}

.category_block {
	position:relative;
	height: inherit;
	background-size: cover;
	background-position: 50%;
}

.category_block_color {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.93;
	z-index: 1;
	}
	
.category_block > a{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	color: #fff !important;
	outline: none;
	}

.category_block > a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5) url(_img/add121.svg) 50% no-repeat;
	background-size: 60px;
	opacity: 0;
    transition: all 300ms ease-in-out 50ms;
		-webkit-transition: all 300ms ease-in-out 50ms;
    	-moz-transition: all 300ms ease-in-out 50ms;
		-ms-transition: all 300ms ease-in-out 50ms;
	z-index: 3;
}

.category_block > a:hover:after {
	opacity: 1;
}

.main_categories_container {
	width: 80%;
	left: 10%;
	margin:auto auto 0 auto;
	position: absolute;
  	top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	z-index: 2;
}

#responsive-menu ul {
	font-weight: 600 !important;
	padding-bottom: 0 !important;
}

#responsive-menu ul ul {
	padding: 0;
	margin-left: 0;
}

#responsive-menu ul li a{
	display: inline-block;
	text-overflow: ellipsis;
	padding-right: 6px;
}

#responsive-menu ul li {
	margin-bottom: 0;
}

/* * * * * Grid * * * * */

[class*='col-'] {
	float: left;
}

.col-1-2 {
	width: 50%;
}
.col-1-4 {
	width: 25%;
}
.col-1-8 {
	width: 12.5%;
}

.col-2-3 {
	width: 66.66%;
}
.col-1-3 {
	width: 33.33%;
}
.col-1-3:nth-child(3n+1) {
	clear: left;
}

.grid:after, .row {
	content: "";
	display: table;
	clear: both;
}

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

[class*='col-'] {
	padding-right: 20px;
}

.grid.collapse [class*='col-'] {
	padding-right: 0 !important;
}

[class*='col-']:last-of-type {
	padding-right: 0;
}

.grid-pad {
	padding: 20px 0 20px 20px;
}

.grid-pad > [class*='col-']:last-of-type {
	padding-right: 20px;
}

/* * * * * Expanding Grid (http://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-preview/) * * * * */

.og-grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.og-grid li {
	display: inline-block;
	margin: 10px 5px 0 5px;
	vertical-align: top;
	height: 250px;
}

.og-grid li > a,
.og-grid li > a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
}

.og-grid .image_container {
	width: 250px;
	height: 250px;
	position: relative;
}

.og-grid .overlay_content_container {
	position: absolute;
	bottom:0;
	width: 100%;
	height: 45%;
	background-color: rgba(178,107,169,0.9);
	z-index: 10;
	color: #ffffff;
	/*opacity: 0;*/
    transition: all 300ms ease-in-out 50ms;
		-webkit-transition: all 300ms ease-in-out 50ms;
    	-moz-transition: all 300ms ease-in-out 50ms;
		-ms-transition: all 300ms ease-in-out 50ms;
}

/*.og-grid .image_container:hover .overlay_content_container {
	opacity:1;
}*/

.og-grid .image_container .overlay_content {
	/*opacity: 0;*/
	width: 80%;
	margin: auto auto;
	position: relative;
  	top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
  	font-size: 18px;
}

/*.og-grid .image_container:hover .overlay_content {
	opacity: 1;
  	top: 50%;
  	-webkit-transition: all 400ms ease-in-out 50ms;
    -moz-transition: all 400ms ease-in-out 50ms;
    transition: all 400ms ease-in-out 50ms;
}*/

.og-grid .image_container:hover img {
	opacity: 0.8;
    transition: all 400ms ease-in-out 50ms;
		-webkit-transition: all 400ms ease-in-out 50ms;
    	-moz-transition: all 400ms ease-in-out 50ms;
		-ms-transition: all 400ms ease-in-out 50ms;
}

.og-grid .image_container:hover .overlay_content_container {
	height: 50%;
    transition: all 100ms ease-in-out 50ms;
		-webkit-transition: all 100ms ease-in-out 50ms;
	    -moz-transition: all 100ms ease-in-out 50ms;
		-ms-transition: all 100ms ease-in-out 50ms;
}

.og-grid li.og-expanded > a::after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #f0f0f0;
	border-width: 15px;
	left: 50%;
	margin: -20px 0 0 -15px;
	z-index:20;
}

.og-expander {
	position: absolute;
	background: #f0f0f0;
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 10px;
	text-align: left;
	height: 0;
	overflow: hidden;
}

.og-expander-inner {
	padding: 50px 30px;
	height: 100%;
}

.og-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.og-close::before,
.og-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #888;
	-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
}

.og-close::after {
	-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
	background: #333;
}

.og-fullimg,
.og-details {
	width: 50%;
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.og-details {
	padding: 0 40px 0 20px;
}

.og-fullimg {
	text-align: center;
}

.og-fullimg img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
}

/*.og-details h3 {
	font-weight: 300;
	font-size: 52px;
	padding: 40px 0 10px;
	margin-bottom: 10px;
}*/

.og-details p {
/*	font-weight: 400;
	font-size: 16px;
	line-height: 22px;*/
	color: #999;
}

.og-details a {
	font-weight: 700;
	font-size: 16px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 20px;
	border: 3px solid #333;
	display: inline-block;
	margin: 30px 0 0;
	outline: none;
}

.og-details a::before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
}

.og-details a:hover {
	border-color: #999;
	color: #999;
}

.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}

@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

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

/*	.og-expander h3 { font-size: 32px; }
	.og-expander p { font-size: 13px; }
	.og-expander a { font-size: 12px; }*/

}

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

	.og-fullimg { display: none; }
	.og-details { float: none; width: 100%; }
	
}

/* * * * * Footer * * * * */ 

.footer {
	width: 100%;
	margin: 0px auto 0 auto;
	text-align:left;
	background-color:#f0f6f7;
	padding: 20px 0;
}

.share_container {
	/*margin-top: 20px;*/
	padding:6px;
	background-color:#EDEDED;
	}
	
body.home .share_container {
	display: none;
	}

.footer hr{
	height: 1px;
	border: none;
	background-color: #7f7f7f;
}

.footer p{
	font-size: 12px;
	color: #7f7f7f;
}

.footer .partners {
	border-bottom: 1px solid #E4E4E4;
}

.footer .partners ul {
	text-align: center;
	margin: 0 !important;
	padding: 0 !important;
}

.footer .partners ul li {
  	display: inline-block;
	max-width: 20%;
	min-width: 180px;
}

.footer .partners ul li a{
  	outline: none;
}

.footer .partners ul li img {
	width: 100%;
}

.article_header_container {
	position: relative;
	display: block;
	width: 100%;
	height: auto; 
	padding:10%;
	background-size: cover;
	background-position: 50%;
}

.article_header_text {
	background-color: #f8f8f8;
	padding: 40px 0;
	}

.article_header_overlay_color {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	content: ' ';
	background-color: rgba(26,154,173,0.8);
	width: 100%;
	height: 100%; 
}

.opi-ihmisoikeuksista .article_header_overlay_color {
	background-color: rgba(178,107,169,0.8);
}

.opettajalle .article_header_overlay_color {
	background-color: rgba(245,110,93,0.8);
}

.verkkokurssi .article_header_overlay_color {
	background-color: rgba(167,207,125,0.8);
}

.verkkokurssi_materials {
	padding-bottom: 2rem;
}

.article_header_content, .article_header_content p, .article_header_content h1 {
	position: relative;
	color: #ffffff !important;
}

div.article_utilies {
	position: relative;
	background-color: #f9f9f9;
	padding:1.2em;
	font-size: 0.8125rem;
	line-height: 1.2308;
	color: #7f7f7f;
}

div.article_utilies .breadcrumbs{

}

div.article_utilies .breadcrumbs span:after {
	content: ">>";
	font-size: 10px;
	margin:0 1em;
}

div.article_utilies .breadcrumbs span:last-of-type:last-of-type:after {
	content: "";
	font-size: 10px;
	margin:0;
}

div.article_utilies .share_icons{

}

div.article {
	max-width:39em;
	margin:auto auto;
	padding: 2em;
}

div.quote, blockquote {
	font-weight: 600;
	font-style: italic;
	display: block;
	margin: 0 0 1.5em 0;
	width: 50%;
	padding: 1.7em;
	background-color: #f9f9f9;
	border-top: 5px solid #1A9AAD;
	border-bottom: 1px solid #e3e3e3;
}


h3+blockquote {
	margin-top: 40px;
}

blockquote.text_quote_left {
	float:left;
	margin-left: -90px;
	margin-right: 1.5em;
}
	
blockquote.text_quote_right {
	float:right;
	margin-right: -90px;
	margin-left: 1.5em;
}

blockquote p {
	text-align: left !important;
	}

div.imagequote {
	display:block;
	float:right;
	margin: 0 0 1.5em 1.5em;
	width: 60%;
	margin-right: -20%;

}

div.imagequote img{
	width: 100%;
}

div.imagequote_caption {
	font-size: 0.8125rem;
	line-height: 1.2308;
	color: #7f7f7f;
}

/* * * * * Accordion Menu * * * * */

.cd-accordion-menu {
  width: 90%;
  max-width: 600px;
  background: #4d5158;
  margin: 4em auto;
}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
  list-style: none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
    list-style: none;
    margin: none !important;
}
.cd-accordion-menu li ul {
margin: none !important;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  padding: 18px 18px 18px 64px;
  background: #4d5158;
  box-shadow: inset 0 -1px #555960;
  color: #ffffff;
  /*font-size: 1.6rem;*/
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
  background: #52565d;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
	-webkit-transform: translateY(-50%);
  		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
}
.cd-accordion-menu label {
  cursor: pointer;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after {
  background-image: url(../_img/cd-icons.svg);
  background-repeat: no-repeat;
}
.cd-accordion-menu label::before {
  /* arrow icon */
  left: 18px;
  background-position: 0 0;
		-webkit-transform: translateY(-50%) rotate(-90deg);
		-moz-transform: translateY(-50%) rotate(-90deg);
		-ms-transform: translateY(-50%) rotate(-90deg);
		-o-transform: translateY(-50%) rotate(-90deg);
		transform: translateY(-50%) rotate(-90deg);

}
.cd-accordion-menu label::after {
  /* folder icons */
  left: 41px;
  background-position: -16px 0;
}
.cd-accordion-menu a::after {
  /* image icon */
  left: 36px;
  background: url(../_img/cd-icons.svg) no-repeat -48px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
}
.cd-accordion-menu input[type=checkbox]:checked + label::after {
  /* show open folder icon if item is checked */
  background-position: -32px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
  background: #35383d;
  box-shadow: inset 0 -1px #41444a;
  padding-left: 82px;
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
  background: #3c3f45;
}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
}
.cd-accordion-menu ul label::before {
  left: 36px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  left: 59px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  padding-left: 100px;
}
.cd-accordion-menu ul ul label::before {
  left: 54px;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  left: 77px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left: 118px;
}
.cd-accordion-menu ul ul ul label::before {
  left: 72px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  left: 95px;
}
@media only screen and (min-width: 600px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    padding: 24px 24px 24px 82px;
    /*font-size: 1.9rem;*/
  }
  .cd-accordion-menu label::before {
    left: 24px;
  }
  .cd-accordion-menu label::after {
    left: 53px;
  }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    padding-left: 106px;
  }
  .cd-accordion-menu ul label::before {
    left: 48px;
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    left: 77px;
  }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
    padding-left: 130px;
  }
  .cd-accordion-menu ul ul label::before {
    left: 72px;
  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    left: 101px;
  }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-left: 154px;
  }
  .cd-accordion-menu ul ul ul label::before {
    left: 96px;
  }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    left: 125px;
  }
}
.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
	transition: transform 0.3s;
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		-ms-transition: -moz-transform 0.3s;
}

/* * * * * Back To Top Button * * * * */

a.back-to-top {
	outline: none;
	display: none;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #888888 url("_img/up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	opacity: 0.8;
}

/* * * * * Child Pages Menu * * * * */

.child_pages_menu {
	padding: 55px 0px 60px !important;
	background-color: #1A9AAD;
	color: #FFFFFF;
	margin-top: 20px;
	}
	

.child_pages_menu a, .child_pages_menu h2, .child_pages_menu h3 {
	color: #FFFFFF;
	}